@ebot7/edem
Advanced tools
Comparing version 0.13.1 to 0.13.2
@@ -98,3 +98,3 @@ 'use strict'; | ||
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ed-input-h *[hidden].sc-ed-input{display:none}.input-full-width.sc-ed-input-h{width:100%}.input-disabled.sc-ed-input-h{opacity:0.5;pointer-events:none}.input-disabled.sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .native.sc-ed-input{margin:2px 0}.sc-ed-input-h:not([label]) .sc-ed-input-s>[slot=tags] *{height:22px}.input-root.sc-ed-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;-webkit-transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{-ms-flex-positive:1;flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:64px;min-height:20px;margin:3px 0;padding:0;border:0;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em;white-space:pre-wrap;word-wrap:break-word}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#6F7A86}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:24px}.sc-ed-input-h .sc-ed-input-s>ed-icon{-ms-flex:1 0 auto;flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #6F7A86;box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #6F7A86;box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #74AC41;box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #74AC41;box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #F6C24E;box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #EB3343;box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #EB3343;box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #3689AD;box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #3689AD;box-shadow:inset 0 0 0 2px #3689AD}.input-has-focus.sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #046B99 !important;box-shadow:inset 0 0 0 2px #046B99 !important}"; | ||
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ed-input-h *[hidden].sc-ed-input{display:none}.input-full-width.sc-ed-input-h{width:100%}.input-disabled.sc-ed-input-h{opacity:0.5;pointer-events:none}.input-disabled.sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .native.sc-ed-input{margin:2px 0}.sc-ed-input-h:not([label]) .sc-ed-input-s>[slot=tags] *{height:22px}.input-root.sc-ed-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;-webkit-transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{-ms-flex-positive:1;flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:64px;min-height:20px;margin:3px 0;padding:0;border:0;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em;white-space:pre-wrap;word-wrap:break-word}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#6F7A86}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:24px}.sc-ed-input-h .sc-ed-input-s>ed-icon{-ms-flex:1 0 auto;flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #6F7A86;box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #6F7A86;box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #74AC41;box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #74AC41;box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #F6C24E;box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #EB3343;box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #EB3343;box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #3689AD;box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #3689AD;box-shadow:inset 0 0 0 2px #3689AD}.input-has-focus.sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #046B99 !important;box-shadow:inset 0 0 0 2px #046B99 !important}.hidden.sc-ed-input{display:none}"; | ||
@@ -146,2 +146,12 @@ const EdInput = class { | ||
/** | ||
* Helper text to give users a hint what is happening. | ||
* It could be an error message, or instructions | ||
* how to fill the password field. | ||
*/ | ||
this.helpText = ''; | ||
/** | ||
* Usually used to show users how many carracthers are left. | ||
*/ | ||
this.followingHelpText = ''; | ||
/** | ||
* If `true`, the user cannot modify the value. | ||
@@ -193,2 +203,11 @@ */ | ||
}; | ||
this.hasSlottedElements = (name) => { | ||
return this.root.querySelector(`[slot=${name}]`) !== null; | ||
}; | ||
this.hasHelpText = () => { | ||
return (this.helpText || | ||
this.followingHelpText || | ||
this.hasSlottedElements('help-text') || | ||
this.hasSlottedElements('following-help-text')); | ||
}; | ||
} | ||
@@ -246,3 +265,3 @@ debounceWatcher() { | ||
[align]: Boolean(align), | ||
} }, index.h("slot", { name: "start" }), index.h("div", { class: "input-and-label" }, index.h("label", { class: "label", part: "label" }, index.h("slot", { name: "label" }, label)), index.h("div", { class: "input-and-tags" }, index.h("slot", { name: "tags" }), index.h(InputComponent, { part: "input", class: { native: true, textarea: multiline }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, rows: this.rows, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))), index.h("slot", { name: "end" })), index.h("div", { class: "help-text", part: "help-text" }, index.h("slot", { name: "help-text" }, this.helpText), index.h("slot", { name: "following-help-text" }, this.followingHelpText)))); | ||
} }, index.h("slot", { name: "start" }), index.h("div", { class: "input-and-label" }, index.h("label", { class: "label", part: "label" }, index.h("slot", { name: "label" }, label)), index.h("div", { class: "input-and-tags" }, index.h("slot", { name: "tags" }), index.h(InputComponent, { part: "input", class: { native: true, textarea: multiline }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, rows: this.rows, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))), index.h("slot", { name: "end" })), index.h("div", { class: { 'help-text': true, 'hidden': !this.hasHelpText() }, part: "help-text" }, index.h("slot", { name: "help-text" }, this.helpText), index.h("slot", { name: "following-help-text" }, this.followingHelpText)))); | ||
} | ||
@@ -249,0 +268,0 @@ get root() { return index.getElement(this); } |
@@ -15,3 +15,3 @@ 'use strict'; | ||
const autocomplete = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a1 1 0 011-1h6a1 1 0 110 2h-2v16h2a1 1 0 110 2H6a1 1 0 110-2h2V4H6a1 1 0 01-1-1zm-5 7a3 3 0 013-3h2a1 1 0 010 2H3a1 1 0 00-1 1v4a1 1 0 001 1h2a1 1 0 110 2H3a3 3 0 01-3-3v-4zm12-2a1 1 0 011-1h8a3 3 0 013 3v4a3 3 0 01-3 3h-8a1 1 0 110-2h8a1 1 0 001-1v-4a1 1 0 00-1-1h-8a1 1 0 01-1-1z" fill="currentColor"/></svg>`; | ||
const autocomplete = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.76 15.795h4.447L14.945 18H18l-1.706-4.71h2.716v1.79c0 .45.54.67.85.35l2.78-2.79c.2-.19.2-.51.01-.7l-2.78-2.79c-.31-.32-.85-.09-.85.35v1.79h-3.45L13.652 6h-3.306L6 18h3.021l.738-2.205zm2.232-6.667l1.476 4.445h-2.97l1.494-4.445z" fill="currentColor"/></svg>`; | ||
@@ -102,3 +102,3 @@ const block = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.902 7.902 0 014 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.902 7.902 0 0120 12c0 4.42-3.58 8-8 8z" fill="currentColor"/></svg>`; | ||
const lock = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
const locked = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
@@ -153,2 +153,4 @@ const logout = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.067 2.4h-2.133v10.667h2.133V2.4zm5.152 2.315L16.704 6.23A7.382 7.382 0 0119.467 12 7.461 7.461 0 0112 19.467 7.461 7.461 0 017.286 6.22L5.782 4.715C3.712 6.475 2.4 9.078 2.4 12a9.6 9.6 0 1019.2 0c0-2.922-1.312-5.525-3.38-7.285z" fill="currentColor"/></svg>`; | ||
const unlocked = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
const upload_file = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z" fill="currentColor"/></svg>`; | ||
@@ -214,3 +216,3 @@ | ||
intent_match: intent_match, | ||
lock: lock, | ||
locked: locked, | ||
logout: logout, | ||
@@ -240,2 +242,3 @@ mail: mail, | ||
trash_empty: trash_empty, | ||
unlocked: unlocked, | ||
upload_file: upload_file, | ||
@@ -242,0 +245,0 @@ visibility_off: visibility_off, |
@@ -198,3 +198,3 @@ import { Component, Host, Element, h, Prop, Event, Watch } from '@stencil/core'; | ||
"original": "IconName", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"locked\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"unlocked\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"references": { | ||
@@ -201,0 +201,0 @@ "IconName": { |
@@ -47,3 +47,3 @@ import { Component, Host, State, Prop, Watch, h } from '@stencil/core'; | ||
"original": "IconName", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"locked\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"unlocked\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"references": { | ||
@@ -50,0 +50,0 @@ "IconName": { |
@@ -48,3 +48,3 @@ import arrow_circle_left from './arrow_circle_left.svg'; | ||
import intent_match from './intent_match.svg'; | ||
import lock from './lock.svg'; | ||
import locked from './locked.svg'; | ||
import logout from './logout.svg'; | ||
@@ -74,2 +74,3 @@ import mail from './mail.svg'; | ||
import trash_empty from './trash_empty.svg'; | ||
import unlocked from './unlocked.svg'; | ||
import upload_file from './upload_file.svg'; | ||
@@ -129,3 +130,3 @@ import visibility_off from './visibility_off.svg'; | ||
intent_match: intent_match, | ||
lock: lock, | ||
locked: locked, | ||
logout: logout, | ||
@@ -155,2 +156,3 @@ mail: mail, | ||
trash_empty: trash_empty, | ||
unlocked: unlocked, | ||
upload_file: upload_file, | ||
@@ -157,0 +159,0 @@ visibility_off: visibility_off, |
@@ -49,3 +49,3 @@ | ||
import intent_match from './intent_match.svg'; | ||
import lock from './lock.svg'; | ||
import locked from './locked.svg'; | ||
import logout from './logout.svg'; | ||
@@ -75,2 +75,3 @@ import mail from './mail.svg'; | ||
import trash_empty from './trash_empty.svg'; | ||
import unlocked from './unlocked.svg'; | ||
import upload_file from './upload_file.svg'; | ||
@@ -131,3 +132,3 @@ import visibility_off from './visibility_off.svg'; | ||
intent_match: intent_match, | ||
lock: lock, | ||
locked: locked, | ||
logout: logout, | ||
@@ -157,2 +158,3 @@ mail: mail, | ||
trash_empty: trash_empty, | ||
unlocked: unlocked, | ||
upload_file: upload_file, | ||
@@ -159,0 +161,0 @@ visibility_off: visibility_off, |
@@ -56,2 +56,12 @@ import { Component, Element, Event, Host, Method, Prop, State, Watch, h, } from '@stencil/core'; | ||
/** | ||
* Helper text to give users a hint what is happening. | ||
* It could be an error message, or instructions | ||
* how to fill the password field. | ||
*/ | ||
this.helpText = ''; | ||
/** | ||
* Usually used to show users how many carracthers are left. | ||
*/ | ||
this.followingHelpText = ''; | ||
/** | ||
* If `true`, the user cannot modify the value. | ||
@@ -103,2 +113,11 @@ */ | ||
}; | ||
this.hasSlottedElements = (name) => { | ||
return this.root.querySelector(`[slot=${name}]`) !== null; | ||
}; | ||
this.hasHelpText = () => { | ||
return (this.helpText || | ||
this.followingHelpText || | ||
this.hasSlottedElements('help-text') || | ||
this.hasSlottedElements('following-help-text')); | ||
}; | ||
} | ||
@@ -166,3 +185,3 @@ debounceWatcher() { | ||
h("slot", { name: "end" })), | ||
h("div", { class: "help-text", part: "help-text" }, | ||
h("div", { class: { 'help-text': true, 'hidden': !this.hasHelpText() }, part: "help-text" }, | ||
h("slot", { name: "help-text" }, this.helpText), | ||
@@ -583,3 +602,4 @@ h("slot", { name: "following-help-text" }, this.followingHelpText)))); | ||
"attribute": "help-text", | ||
"reflect": true | ||
"reflect": true, | ||
"defaultValue": "''" | ||
}, | ||
@@ -601,3 +621,4 @@ "followingHelpText": { | ||
"attribute": "following-help-text", | ||
"reflect": true | ||
"reflect": true, | ||
"defaultValue": "''" | ||
}, | ||
@@ -604,0 +625,0 @@ "readonly": { |
@@ -490,3 +490,3 @@ import { Component, Host, Prop, h, State, Watch, Element, Event, Method, } from '@stencil/core'; | ||
"original": "IconName", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"locked\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"unlocked\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"references": { | ||
@@ -493,0 +493,0 @@ "IconName": { |
@@ -237,3 +237,3 @@ import { Component, Host, Prop, Element, State, Event, h } from '@stencil/core'; | ||
"original": "IconName", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"locked\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"unlocked\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"references": { | ||
@@ -240,0 +240,0 @@ "IconName": { |
@@ -132,3 +132,3 @@ import { Component, Host, Prop, h, Event, Watch, Element } from '@stencil/core'; | ||
"original": "IconName", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"lock\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"resolved": "\"error\" | \"arrow_circle_left\" | \"arrow_circle_right\" | \"assign_to_agent\" | \"attachment\" | \"autocomplete\" | \"block\" | \"bot_say\" | \"branch\" | \"calendar\" | \"check\" | \"check_circle\" | \"checkbox_checked\" | \"checkbox_unchecked\" | \"close\" | \"code\" | \"dashboard\" | \"drag_handle\" | \"drag_indicator\" | \"edit\" | \"facing_down\" | \"facing_left\" | \"facing_right\" | \"facing_up\" | \"file\" | \"file_add\" | \"flow\" | \"flow_end\" | \"flow_link\" | \"flow_start\" | \"folder\" | \"folder_closed\" | \"folder_new\" | \"folder_opened\" | \"format_bold\" | \"format_italic\" | \"format_list_bulleted\" | \"format_list_numbered\" | \"format_underlined\" | \"fullscreen\" | \"help\" | \"home\" | \"http\" | \"image\" | \"insert_link\" | \"intent_library\" | \"intent_match\" | \"locked\" | \"logout\" | \"mail\" | \"menu\" | \"message\" | \"message_center\" | \"minus\" | \"more_vert\" | \"movie\" | \"my_bots\" | \"orgs\" | \"plus\" | \"radiobutton_checked\" | \"radiobutton_unchecked\" | \"remove_filled\" | \"remove_outlined\" | \"restore\" | \"search\" | \"settings\" | \"stats\" | \"storage\" | \"support_agents\" | \"tooltip\" | \"trash\" | \"trash_empty\" | \"unlocked\" | \"upload_file\" | \"visibility_off\" | \"visibility_on\" | \"visitor_choice\" | \"visitor_date\" | \"visitor_input\"", | ||
"references": { | ||
@@ -135,0 +135,0 @@ "IconName": { |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as o}from"./p-d5682969.js";import{g as l}from"./p-8210311b.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>(l(),o([["p-9c9a1df3",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-66bd1f63",[[1,"ed-button-group",{disabled:[516],justified:[516],fullWidth:[516,"full-width"],color:[513],setFocus:[64],removeFocus:[64]}],[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}]]],["p-a0b9f6ec",[[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-e66a438e",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}],[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-a546a932",[[1,"ed-toast",{label:[513],icon:[513],open:[1540],autoHideTimeout:[514,"auto-hide-timeout"],autoRemove:[516,"auto-remove"],color:[513],position:[513]}]]],["p-00a5b230",[[1,"ed-switch",{color:[513],name:[513],checked:[1540],disabled:[516],size:[513],value:[520],setFocus:[64],removeFocus:[64]}]]],["p-3abfd9ff",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],disabled:[516],open:[1540]}]]],["p-bfe70a04",[[1,"ed-checkbox",{color:[513],name:[513],checked:[1540],indeterminate:[1540],disabled:[516],size:[513],value:[520],setFocus:[64],removeFocus:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}]]],["p-1769abf1",[[1,"ed-menu-header"],[1,"ed-menu",{setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]],["p-c1f1d19b",[[1,"ed-divider"]]],["p-37781af0",[[1,"ed-popover",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],closeOnMenuSelect:[516,"close-on-menu-select"],openDelay:[514,"open-delay"],closeDelay:[514,"close-delay"],update:[64]}]]],["p-5766a4d3",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],searchPlaceholder:[513,"search-placeholder"],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],searchValue:[32],setFocus:[64],removeFocus:[64]}],[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],startIcon:[513,"start-icon"],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}]]]],e)))); | ||
import{p as e,b as o}from"./p-d5682969.js";import{g as l}from"./p-8210311b.js";(()=>{const o=import.meta.url,l={};return""!==o&&(l.resourcesUrl=new URL(".",o).href),e(l)})().then((e=>(l(),o([["p-9c9a1df3",[[1,"ed-text",{variant:[513],weight:[1537],case:[513],component:[513],align:[513],color:[513],noWrap:[516,"no-wrap"]}]]],["p-66bd1f63",[[1,"ed-button-group",{disabled:[516],justified:[516],fullWidth:[516,"full-width"],color:[513],setFocus:[64],removeFocus:[64]}],[1,"ed-button",{fullWidth:[516,"full-width"],color:[513],align:[513],size:[513],fill:[513],disabled:[516],active:[516],href:[513],rel:[513],target:[513],type:[513],name:[513],value:[520],setFocus:[64],removeFocus:[64]}]]],["p-372c526b",[[1,"ed-icon",{name:[513],color:[513],size:[513],iconContent:[32]}]]],["p-e66a438e",[[1,"ed-tree-node",{label:[513],open:[1540],color:[513],fill:[513],align:[513],size:[513],value:[520],disabled:[516],folder:[516]}],[1,"ed-tree-view",{allowDrag:[516,"allow-drag"],allowFoldersDrag:[516,"allow-folders-drag"]}]]],["p-a546a932",[[1,"ed-toast",{label:[513],icon:[513],open:[1540],autoHideTimeout:[514,"auto-hide-timeout"],autoRemove:[516,"auto-remove"],color:[513],position:[513]}]]],["p-00a5b230",[[1,"ed-switch",{color:[513],name:[513],checked:[1540],disabled:[516],size:[513],value:[520],setFocus:[64],removeFocus:[64]}]]],["p-3abfd9ff",[[1,"ed-accordion",{label:[513],color:[513],size:[513],fill:[513],icon:[513],disabled:[516],open:[1540]}]]],["p-1264ad5c",[[1,"ed-checkbox",{color:[513],name:[513],checked:[1540],indeterminate:[1540],disabled:[516],size:[513],value:[520],setFocus:[64],removeFocus:[64]}],[6,"ed-input",{color:[513],fullWidth:[516,"full-width"],label:[513],accept:[513],autocapitalize:[513],autocomplete:[513],autocorrect:[513],autofocus:[516],selectOnFocus:[516,"select-on-focus"],debounce:[514],disabled:[516],inputmode:[513],rows:[514],max:[513],maxlength:[514],min:[513],minlength:[514],multiple:[516],multiline:[516],name:[513],pattern:[513],placeholder:[513],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],readonly:[516],required:[516],step:[513],size:[514],type:[513],align:[513],value:[1025],hideValue:[516,"hide-value"],hasFocus:[32],setFocus:[64],removeFocus:[64],getInputElement:[64],selectText:[64]}]]],["p-1769abf1",[[1,"ed-menu-header"],[1,"ed-menu",{setFocus:[64],removeFocus:[64],getOptions:[64],setFirstOptionActive:[64],setNextOptionActive:[64],setPrevOptionActive:[64],selectActiveOption:[64]}]]],["p-c1f1d19b",[[1,"ed-divider"]]],["p-37781af0",[[1,"ed-popover",{position:[513],autoFocusOnContent:[516,"auto-focus-on-content"],autoFocusOnTrigger:[516,"auto-focus-on-trigger"],open:[1540],matchWidth:[516,"match-width"],keyboardCloseDisabled:[516,"keyboard-close-disabled"],clickAwayCloseDisabled:[516,"click-away-close-disabled"],closeOnMenuSelect:[516,"close-on-menu-select"],openDelay:[514,"open-delay"],closeDelay:[514,"close-delay"],update:[64]}]]],["p-5766a4d3",[[1,"ed-select",{color:[513],fullWidth:[516,"full-width"],helpText:[513,"help-text"],followingHelpText:[513,"following-help-text"],name:[513],disabled:[516],clearable:[516],multiple:[516],searchable:[516],maxTags:[514,"max-tags"],value:[1544],label:[513],placeholder:[513],searchPlaceholder:[513,"search-placeholder"],startIcon:[513,"start-icon"],endIcon:[513,"end-icon"],compareFunc:[513,"compare-func"],searchFunc:[513,"search-func"],open:[32],inputValue:[32],searchValue:[32],setFocus:[64],removeFocus:[64]}],[1,"ed-tag",{clickable:[516],deletable:[516],noTruncate:[516,"no-truncate"],color:[513],fill:[513],align:[513],size:[513],disabled:[516],startIcon:[513,"start-icon"],value:[520],title:[32]}],[1,"ed-option",{name:[513],active:[516],selected:[516],disabled:[516],value:[520]}]]]],e)))); |
@@ -49,3 +49,3 @@ | ||
import intent_match from './intent_match.svg'; | ||
import lock from './lock.svg'; | ||
import locked from './locked.svg'; | ||
import logout from './logout.svg'; | ||
@@ -75,2 +75,3 @@ import mail from './mail.svg'; | ||
import trash_empty from './trash_empty.svg'; | ||
import unlocked from './unlocked.svg'; | ||
import upload_file from './upload_file.svg'; | ||
@@ -131,3 +132,3 @@ import visibility_off from './visibility_off.svg'; | ||
intent_match: intent_match, | ||
lock: lock, | ||
locked: locked, | ||
logout: logout, | ||
@@ -157,2 +158,3 @@ mail: mail, | ||
trash_empty: trash_empty, | ||
unlocked: unlocked, | ||
upload_file: upload_file, | ||
@@ -159,0 +161,0 @@ visibility_off: visibility_off, |
@@ -94,3 +94,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-caac457a.js'; | ||
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ed-input-h *[hidden].sc-ed-input{display:none}.input-full-width.sc-ed-input-h{width:100%}.input-disabled.sc-ed-input-h{opacity:0.5;pointer-events:none}.input-disabled.sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .native.sc-ed-input{margin:2px 0}.sc-ed-input-h:not([label]) .sc-ed-input-s>[slot=tags] *{height:22px}.input-root.sc-ed-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;-webkit-transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{-ms-flex-positive:1;flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:64px;min-height:20px;margin:3px 0;padding:0;border:0;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em;white-space:pre-wrap;word-wrap:break-word}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input:not(:empty){display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#6F7A86}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:24px}.sc-ed-input-h .sc-ed-input-s>ed-icon{-ms-flex:1 0 auto;flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #6F7A86;box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #6F7A86;box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #74AC41;box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #74AC41;box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #F6C24E;box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #EB3343;box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #EB3343;box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #3689AD;box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #3689AD;box-shadow:inset 0 0 0 2px #3689AD}.input-has-focus.sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #046B99 !important;box-shadow:inset 0 0 0 2px #046B99 !important}"; | ||
const edInputCss = "*.sc-ed-input{all:unset}.sc-ed-input-h{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:inline-block;width:auto;min-width:128px;overflow:hidden;vertical-align:top;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";-webkit-font-kerning:none;font-kerning:none;text-align:start;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.sc-ed-input-h *.sc-ed-input{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ed-input-h *[hidden].sc-ed-input{display:none}.input-full-width.sc-ed-input-h{width:100%}.input-disabled.sc-ed-input-h{opacity:0.5;pointer-events:none}.input-disabled.sc-ed-input-h .native.sc-ed-input{cursor:default;pointer-events:none}.sc-ed-input-h:not([label]) .native.sc-ed-input{margin:2px 0}.sc-ed-input-h:not([label]) .sc-ed-input-s>[slot=tags] *{height:22px}.input-root.sc-ed-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:8px 12px;width:100%;border-radius:4px;background:#FFFFFF;font-weight:400;font-size:14px;color:#213245;-webkit-transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 100ms cubic-bezier(0.4, 0, 0.2, 1)}.input-and-label.sc-ed-input{-ms-flex-positive:1;flex-grow:1;width:100%}.input-and-tags.sc-ed-input{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.native.sc-ed-input{font:inherit;color:currentColor;width:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:64px;min-height:20px;margin:3px 0;padding:0;border:0;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;outline-width:0;outline-offset:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native.textarea.sc-ed-input{padding:0;resize:none;line-height:1.2em;white-space:pre-wrap;word-wrap:break-word}.native.sc-ed-input::-webkit-search-decoration,.native.sc-ed-input::-webkit-search-cancel-button,.native.sc-ed-input::-webkit-search-results-button,.native.sc-ed-input::-webkit-search-results-decoration{-webkit-appearance:none}.label.sc-ed-input{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:600;line-height:14px;color:#213245;z-index:1;pointer-events:none}.help-text.sc-ed-input{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px;font-family:-apple-system, \"San Francisco\", \"Helvetica Neue\", \"Segoe WP\", \"Segoe UI\", Roboto, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:11px;font-weight:400;line-height:14px;color:#6F7A86}.start.sc-ed-input-h .native.sc-ed-input{text-align:start}.end.sc-ed-input-h .native.sc-ed-input{text-align:end}.center.sc-ed-input-h .native.sc-ed-input{text-align:center}.sc-ed-input-h .sc-ed-input-s>[slot=tags]{display:contents}.sc-ed-input-h .sc-ed-input-s>[slot=tags] *{-webkit-margin-end:0.5em;margin-inline-end:0.5em;margin-top:1px;margin-bottom:1px;height:24px}.sc-ed-input-h .sc-ed-input-s>ed-icon{-ms-flex:1 0 auto;flex:1 0 auto;font-size:1.2em}.sc-ed-input-h .sc-ed-input-s>[slot=start]{-webkit-margin-end:12px;margin-inline-end:12px}.sc-ed-input-h .sc-ed-input-s>[slot=end]{-webkit-margin-start:12px;margin-inline-start:12px}[color=default].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #6F7A86;box-shadow:inset 0 0 0 1px #6F7A86}[color=default].sc-ed-input-h .help-text.sc-ed-input{color:#6F7A86}[color=default].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #6F7A86;box-shadow:inset 0 0 0 2px #6F7A86}[color=success].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #74AC41;box-shadow:inset 0 0 0 1px #74AC41}[color=success].sc-ed-input-h .help-text.sc-ed-input{color:#74AC41}[color=success].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #74AC41;box-shadow:inset 0 0 0 2px #74AC41}[color=warning].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #F6C24E;box-shadow:inset 0 0 0 1px #F6C24E}[color=warning].sc-ed-input-h .help-text.sc-ed-input{color:#F6C24E}[color=warning].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #F6C24E;box-shadow:inset 0 0 0 2px #F6C24E}[color=error].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #EB3343;box-shadow:inset 0 0 0 1px #EB3343}[color=error].sc-ed-input-h .help-text.sc-ed-input{color:#EB3343}[color=error].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #EB3343;box-shadow:inset 0 0 0 2px #EB3343}[color=info].sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 1px #3689AD;box-shadow:inset 0 0 0 1px #3689AD}[color=info].sc-ed-input-h .help-text.sc-ed-input{color:#3689AD}[color=info].sc-ed-input-h:hover .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #3689AD;box-shadow:inset 0 0 0 2px #3689AD}.input-has-focus.sc-ed-input-h .input-root.sc-ed-input{-webkit-box-shadow:inset 0 0 0 2px #046B99 !important;box-shadow:inset 0 0 0 2px #046B99 !important}.hidden.sc-ed-input{display:none}"; | ||
@@ -142,2 +142,12 @@ const EdInput = class { | ||
/** | ||
* Helper text to give users a hint what is happening. | ||
* It could be an error message, or instructions | ||
* how to fill the password field. | ||
*/ | ||
this.helpText = ''; | ||
/** | ||
* Usually used to show users how many carracthers are left. | ||
*/ | ||
this.followingHelpText = ''; | ||
/** | ||
* If `true`, the user cannot modify the value. | ||
@@ -189,2 +199,11 @@ */ | ||
}; | ||
this.hasSlottedElements = (name) => { | ||
return this.root.querySelector(`[slot=${name}]`) !== null; | ||
}; | ||
this.hasHelpText = () => { | ||
return (this.helpText || | ||
this.followingHelpText || | ||
this.hasSlottedElements('help-text') || | ||
this.hasSlottedElements('following-help-text')); | ||
}; | ||
} | ||
@@ -242,3 +261,3 @@ debounceWatcher() { | ||
[align]: Boolean(align), | ||
} }, h("slot", { name: "start" }), h("div", { class: "input-and-label" }, h("label", { class: "label", part: "label" }, h("slot", { name: "label" }, label)), h("div", { class: "input-and-tags" }, h("slot", { name: "tags" }), h(InputComponent, { part: "input", class: { native: true, textarea: multiline }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, rows: this.rows, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))), h("slot", { name: "end" })), h("div", { class: "help-text", part: "help-text" }, h("slot", { name: "help-text" }, this.helpText), h("slot", { name: "following-help-text" }, this.followingHelpText)))); | ||
} }, h("slot", { name: "start" }), h("div", { class: "input-and-label" }, h("label", { class: "label", part: "label" }, h("slot", { name: "label" }, label)), h("div", { class: "input-and-tags" }, h("slot", { name: "tags" }), h(InputComponent, { part: "input", class: { native: true, textarea: multiline }, ref: (input) => (this.nativeInput = input), disabled: this.disabled, accept: this.accept, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, inputMode: this.inputmode, rows: this.rows, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))), h("slot", { name: "end" })), h("div", { class: { 'help-text': true, 'hidden': !this.hasHelpText() }, part: "help-text" }, h("slot", { name: "help-text" }, this.helpText), h("slot", { name: "following-help-text" }, this.followingHelpText)))); | ||
} | ||
@@ -245,0 +264,0 @@ get root() { return getElement(this); } |
@@ -11,3 +11,3 @@ import { r as registerInstance, h, H as Host } from './index-caac457a.js'; | ||
const autocomplete = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3a1 1 0 011-1h6a1 1 0 110 2h-2v16h2a1 1 0 110 2H6a1 1 0 110-2h2V4H6a1 1 0 01-1-1zm-5 7a3 3 0 013-3h2a1 1 0 010 2H3a1 1 0 00-1 1v4a1 1 0 001 1h2a1 1 0 110 2H3a3 3 0 01-3-3v-4zm12-2a1 1 0 011-1h8a3 3 0 013 3v4a3 3 0 01-3 3h-8a1 1 0 110-2h8a1 1 0 001-1v-4a1 1 0 00-1-1h-8a1 1 0 01-1-1z" fill="currentColor"/></svg>`; | ||
const autocomplete = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.76 15.795h4.447L14.945 18H18l-1.706-4.71h2.716v1.79c0 .45.54.67.85.35l2.78-2.79c.2-.19.2-.51.01-.7l-2.78-2.79c-.31-.32-.85-.09-.85.35v1.79h-3.45L13.652 6h-3.306L6 18h3.021l.738-2.205zm2.232-6.667l1.476 4.445h-2.97l1.494-4.445z" fill="currentColor"/></svg>`; | ||
@@ -98,3 +98,3 @@ const block = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.902 7.902 0 014 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.902 7.902 0 0120 12c0 4.42-3.58 8-8 8z" fill="currentColor"/></svg>`; | ||
const lock = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
const locked = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
@@ -149,2 +149,4 @@ const logout = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.067 2.4h-2.133v10.667h2.133V2.4zm5.152 2.315L16.704 6.23A7.382 7.382 0 0119.467 12 7.461 7.461 0 0112 19.467 7.461 7.461 0 017.286 6.22L5.782 4.715C3.712 6.475 2.4 9.078 2.4 12a9.6 9.6 0 1019.2 0c0-2.922-1.312-5.525-3.38-7.285z" fill="currentColor"/></svg>`; | ||
const unlocked = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" fill="currentColor"/></svg>`; | ||
const upload_file = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11 8 15.01z" fill="currentColor"/></svg>`; | ||
@@ -210,3 +212,3 @@ | ||
intent_match: intent_match, | ||
lock: lock, | ||
locked: locked, | ||
logout: logout, | ||
@@ -236,2 +238,3 @@ mail: mail, | ||
trash_empty: trash_empty, | ||
unlocked: unlocked, | ||
upload_file: upload_file, | ||
@@ -238,0 +241,0 @@ visibility_off: visibility_off, |
@@ -49,3 +49,3 @@ declare const _default: { | ||
intent_match: string; | ||
lock: string; | ||
locked: string; | ||
logout: string; | ||
@@ -75,2 +75,3 @@ mail: string; | ||
trash_empty: string; | ||
unlocked: string; | ||
upload_file: string; | ||
@@ -77,0 +78,0 @@ visibility_off: string; |
@@ -195,3 +195,5 @@ import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime'; | ||
private onClick; | ||
private hasSlottedElements; | ||
private hasHelpText; | ||
render(): any; | ||
} |
@@ -1,2 +0,3 @@ | ||
export declare type IconName = 'arrow_circle_left' | 'arrow_circle_right' | 'assign_to_agent' | 'attachment' | 'autocomplete' | 'block' | 'bot_say' | 'branch' | 'calendar' | 'check' | 'check_circle' | 'checkbox_checked' | 'checkbox_unchecked' | 'close' | 'code' | 'dashboard' | 'drag_handle' | 'drag_indicator' | 'edit' | 'error' | 'facing_down' | 'facing_left' | 'facing_right' | 'facing_up' | 'file' | 'file_add' | 'flow' | 'flow_end' | 'flow_link' | 'flow_start' | 'folder' | 'folder_closed' | 'folder_new' | 'folder_opened' | 'format_bold' | 'format_italic' | 'format_list_bulleted' | 'format_list_numbered' | 'format_underlined' | 'fullscreen' | 'help' | 'home' | 'http' | 'image' | 'insert_link' | 'intent_library' | 'intent_match' | 'lock' | 'logout' | 'mail' | 'menu' | 'message' | 'message_center' | 'minus' | 'more_vert' | 'movie' | 'my_bots' | 'orgs' | 'plus' | 'radiobutton_checked' | 'radiobutton_unchecked' | 'remove_filled' | 'remove_outlined' | 'restore' | 'search' | 'settings' | 'stats' | 'storage' | 'support_agents' | 'tooltip' | 'trash' | 'trash_empty' | 'upload_file' | 'visibility_off' | 'visibility_on' | 'visitor_choice' | 'visitor_date' | 'visitor_input'; | ||
import icons from './components/ed-icon/svg'; | ||
export declare type IconName = keyof typeof icons; | ||
export declare type PredefinedColors = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'default'; | ||
@@ -3,0 +4,0 @@ export declare type Color = PredefinedColors; |
{ | ||
"name": "@ebot7/edem", | ||
"version": "0.13.1", | ||
"version": "0.13.2", | ||
"main": "dist/index.cjs.js", | ||
@@ -70,3 +70,3 @@ "module": "dist/index.js", | ||
}, | ||
"gitHead": "53488d05a67cb0631ce1d868cab5fffd1bae1df8" | ||
"gitHead": "80c0267d0c36cfac701f06083a90080f67c76208" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
1465387
326
30293