wcs-core 7.0.0 → 7.1.0

package/dist/wcs/p-5974be61.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WcsInputSizeValues","isWcsInputSize","size","includes","inputCss","WcsInputStyle0","INPUT_INHERITED_ATTRS","Input","this","inputId","inputIds","inheritedAttributes","iconPassword","onInput","ev","input","target","value","wcsInput","emit","onChange","_","wcsChange","nativeInput","onBlur","fireFocusEvents","wcsBlur","onFocus","wcsFocus","debounceChanged","debounceEvent","debounce","componentWillLoad","Object","assign","inheritAriaAttributes","el","inheritAttributes","console","warn","join","connectedCallback","document","dispatchEvent","CustomEvent","detail","disconnectedCallback","setBlur","blur","getInputElement","Promise","resolve","setAriaAttribute","attr","setOrRemoveAttribute","getValueAsString","toString","passwordRevealIconClick","passwordReveal","onPasswordRevealChange","render","labelId","label","findItemLabel","id","h","Host","key","disabled","prefixLabel","suffixLabel","class","part","icon","ref","accept","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","autoFocus","autofocus","enterKeyHint","enterkeyhint","inputMode","inputmode","min","max","minLength","minlength","maxLength","maxlength","multiple","name","pattern","placeholder","readOnly","readonly","required","spellcheck","step","type","title","hidePasswordButtonAriaLabel","showPasswordButtonAriaLabel","onClick"],"sources":["src/components/input/input-interface.ts","src/components/input/input.scss?tag=wcs-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nimport { WcsSize } from '../../shared-types';\n\nexport type AutocompleteTypes = (\n    | 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix'\n    | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization'\n    | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2'\n    | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name'\n    | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount'\n    | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local'\n    | 'tel-extension' | 'impp' | 'url' | 'photo');\n\nexport type TextFieldTypes = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'time' | 'week' | 'month' | 'datetime-local' | 'file';\n\nexport const WcsInputSizeValues = ['s', 'm', 'l'] as const; // as const keyword is used to infer and preserve the exact literal values of an array or object.\n\nexport type WcsInputSize = Extract<WcsSize, typeof WcsInputSizeValues[number]>;\n\nexport function isWcsInputSize(size: string): size is WcsInputSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsInputSizeValues\n    return WcsInputSizeValues.includes(size);\n}\n\nexport type WcsInputAutocorrect = 'on' | 'off';\n\nexport type WcsInputEnterKeyHint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\nexport type WcsInputInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\n\nexport type WcsInputState = 'initial' | 'error';\n\nexport interface InputChangeEventDetail {\n    value: string | undefined | null;\n}\n","@import '../../style/focus-outline.scss';\n@import '../../style/placeholder.scss';\n\n:host {\n    --wcs-input-icon-color-default: var(--wcs-semantic-color-foreground-brand);\n    --wcs-input-icon-color-focus: var(--wcs-semantic-color-foreground-brand);\n    --wcs-input-icon-color-disabled: var(--wcs-semantic-color-foreground-disabled);\n\n    --wcs-input-background-color: var(--wcs-semantic-color-background-control-default);\n\n    --wcs-input-border-radius-left: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n    --wcs-input-border-radius-right: var(--wcs-semantic-border-radius-base); // Overridden from prefix suffix group in form-field\n\n    --wcs-input-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-input-border-width-focus: var(--wcs-semantic-border-width-large);\n\n    --wcs-input-height-l: var(--wcs-semantic-size-l);\n    --wcs-input-height-m: var(--wcs-semantic-size-m);\n    --wcs-input-height-s: var(--wcs-semantic-size-s);\n    --wcs-input-font-size-l: var(--wcs-semantic-font-size-l);\n    --wcs-input-font-size-m: var(--wcs-semantic-font-size-m);\n    --wcs-input-font-size-s: var(--wcs-semantic-font-size-s);\n\n    --wcs-input-prefix-suffix-background-color: var(--wcs-semantic-color-background-surface-accent-lighter);\n    --wcs-input-prefix-suffix-color: var(--wcs-semantic-color-foreground-on-accent);\n    --wcs-input-prefix-suffix-color-disabled: var(--wcs-semantic-color-text-disabled);\n    --wcs-input-prefix-suffix-font-weight: var(--wcs-semantic-font-weight-medium);\n\n    --wcs-input-border-style-default: solid;\n    --wcs-input-border-style-focus: var(--wcs-semantic-border-style-focus-control);\n\n    --wcs-input-border-color-default: var(--wcs-semantic-color-border-primary);\n    --wcs-input-border-color-disabled: var(--wcs-semantic-color-border-disabled);\n    --wcs-input-border-color-focus: var(--wcs-semantic-color-border-control-focus);\n    --wcs-input-reveal-password-button-border-color-focus: var(--wcs-semantic-color-border-focus-base);\n    --wcs-input-border-color-error: var(--wcs-semantic-color-border-critical);\n\n    --wcs-input-value-color: var(--wcs-semantic-color-text-primary);\n    --wcs-input-value-font-weight: var(--wcs-semantic-font-weight-medium);\n\n    --wcs-input-placeholder-color: var(--wcs-semantic-color-text-tertiary);\n    --wcs-input-placeholder-font-weight: var(--wcs-semantic-font-weight-roman);\n    --wcs-input-placeholder-font-style: var(--wcs-semantic-font-style-control-placeholder);\n\n    --wcs-input-text-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n    --wcs-input-min-height: var(--wcs-semantic-size-s);\n    --wcs-input-padding-horizontal-s: calc(1.5 * var(--wcs-semantic-spacing-base));\n    --wcs-input-padding-horizontal-m: var(--wcs-semantic-spacing-large);\n    --wcs-input-padding-horizontal-l: var(--wcs-semantic-spacing-large);\n    --wcs-input-gap: var(--wcs-semantic-spacing-base);\n\n    display: flex;\n    width: 100%;\n    height: var(--wcs-input-host-height);\n    box-sizing: border-box;\n    border-radius: var(--wcs-input-border-radius-left) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-right) var(--wcs-input-border-radius-left);\n    background-color: var(--wcs-input-background-color);\n    outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-default);\n    outline-offset: calc(var(--wcs-input-border-width) * -1);\n    background-clip: padding-box;\n\n    gap: var(--wcs-input-gap);\n\n    input {\n        overflow: hidden;\n        height: var(--wcs-input-host-height);\n        width: 100%;\n        padding: 0; // Reset padding from user agent stylesheet, it's the container that will handle padding\n        background-color: transparent;\n        font-family: var(--wcs-font-sans-serif);\n        color: var(--wcs-input-value-color);\n        font-weight: var(--wcs-input-value-font-weight) !important;\n        border: none;\n        font-size: var(--wcs-input-font-size, 1rem);\n        line-height: 1.5;\n\n        &::placeholder {\n            @include placeholder(var(--wcs-input-placeholder-color), var(--wcs-input-placeholder-font-weight), var(--wcs-input-placeholder-font-style));\n        }\n    }\n\n    input:focus {\n        box-shadow: none;\n        outline: 0;\n    }\n\n    button.toggle_password {\n        background: transparent;\n        border: none;\n        color: inherit;\n\n        cursor: pointer;\n\n\n        &:focus-visible {\n            @include focus-outline(var(--wcs-input-reveal-password-button-border-color-focus), $outline-offset: calc(-2 * var(--wcs-input-border-width-focus)));\n        }\n    }\n\n    .prefix, .suffix {\n        color: var(--wcs-input-prefix-suffix-color);\n        display: flex;\n        white-space: nowrap;\n        align-items: center;\n        font-size: var(--wcs-input-font-size, 1rem);\n        padding: 0 calc(var(--wcs-input-padding-horizontal-m) / 2);\n        font-weight: var(--wcs-input-prefix-suffix-font-weight) !important;\n        background-color: var(--wcs-input-prefix-suffix-background-color);\n    }\n\n    .prefix {\n        border-radius: var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);\n    }\n\n    .suffix {\n        border-radius: 0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;\n    }\n\n    wcs-mat-icon {\n        color: var(--wcs-input-icon-color-default);\n    }\n}\n\n:host([size=l]) {\n    --wcs-input-host-height: var(--wcs-input-height-l);\n    --wcs-input-font-size: var(--wcs-input-font-size-l);\n\n    padding-left: calc(var(--wcs-input-padding-horizontal-l));\n    padding-right: calc(var(--wcs-input-padding-horizontal-l));\n}\n\n:host([size=m]) { // Default\n    --wcs-input-host-height: var(--wcs-input-height-m);\n    --wcs-input-font-size: var(--wcs-input-font-size-m);\n\n    padding-left: calc(var(--wcs-input-padding-horizontal-m));\n    padding-right: calc(var(--wcs-input-padding-horizontal-m));\n}\n\n:host([size=s]) {\n    --wcs-input-host-height: var(--wcs-input-height-s);\n    --wcs-input-font-size: var(--wcs-input-font-size-s);\n\n    padding-left: calc(var(--wcs-input-padding-horizontal-s));\n    padding-right: calc(var(--wcs-input-padding-horizontal-s));\n}\n\n:host([state=error]) {\n    outline-color: var(--wcs-input-border-color-error) !important;\n}\n\n:host([data-has-prefix]) {\n    padding-left: 0;\n}\n\n:host([data-has-suffix]) {\n    padding-right: 0;\n}\n\n:host([disabled]) {\n    cursor: not-allowed; // padding is handled by the container, so we need to set cursor not allowed on it\n    outline: var(--wcs-input-border-style-default) var(--wcs-input-border-width) var(--wcs-input-border-color-disabled);\n    --wcs-input-background-color: var(--wcs-semantic-color-background-control-disabled);\n\n    input {\n        cursor: not-allowed;\n        color: var(--wcs-input-text-color-disabled);\n\n        &::placeholder {\n            color: var(--wcs-input-text-color-disabled);\n        }\n    }\n\n    .prefix, .suffix {\n        color: var(--wcs-input-prefix-suffix-color-disabled);\n        cursor: text; // reset cursor to text for prefix and suffix, to be able to select text\n    }\n\n    wcs-mat-icon {\n        color: var(--wcs-input-icon-color-disabled);\n        cursor: not-allowed;\n    }\n}\n\n:host([readonly]) {\n    --wcs-input-background-color: var(--wcs-semantic-color-background-control-readonly);\n    --wcs-input-border-width: 0;\n}\n\n:host(:focus-within) {\n    outline: var(--wcs-input-border-style-focus) var(--wcs-input-border-width-focus) var(--wcs-input-border-color-focus);\n    outline-offset: calc(var(--wcs-input-border-width-focus) * -1);\n\n    wcs-mat-icon {\n        color: var(--wcs-input-icon-color-focus);\n    }\n}\n","import {\n    Build,\n    Component,\n    ComponentInterface,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Method,\n    Prop,\n    State,\n    Watch\n} from '@stencil/core';\nimport {\n    debounceEvent,\n    findItemLabel,\n    inheritAriaAttributes,\n    inheritAttributes,\n    setOrRemoveAttribute\n} from '../../utils/helpers';\nimport {\n    AutocompleteTypes,\n    InputChangeEventDetail,\n    isWcsInputSize,\n    TextFieldTypes,\n    WcsInputSize,\n    WcsInputSizeValues,\n    WcsInputAutocorrect,\n    WcsInputEnterKeyHint,\n    WcsInputInputMode,\n    WcsInputState\n} from './input-interface';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst INPUT_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/**\n * The input component is a form control that accepts a single line of text.\n * Implementation mainly inspired from Ionic Input Component.\n *\n * ## Accessibility guidelines 💡\n * > - If you use wcs-input outside a wcs-form-field, you have to manage the label and the error message yourself.\n * > You can use the `aria-label` attribute to provide a label for screen readers but adds no visual label.\n * \n * @cssprop --wcs-input-icon-color-default - default icon color when the input is not focused\n * @cssprop --wcs-input-icon-color-focus - icon color when the input is focused\n * @cssprop --wcs-input-icon-color-disabled - icon color when the input is disabled\n *\n * @cssprop --wcs-input-background-color - background color of the input\n *\n * @cssprop --wcs-input-border-radius-left - border radius of the left side of the input\n * @cssprop --wcs-input-border-radius-right - border radius of the right side of the input\n * \n * @cssprop --wcs-input-border-width - border width of the input\n * @cssprop --wcs-input-border-width-focus - border width of the input when focused\n *\n * @cssprop --wcs-input-height-l - large height of the input\n * @cssprop --wcs-input-height-m - medium height of the input\n * @cssprop --wcs-input-height-s - small height of the input\n * @cssprop --wcs-input-font-size-l - large font size of the input\n * @cssprop --wcs-input-font-size-m - medium font size of the input\n * @cssprop --wcs-input-font-size-s - small font size of the input\n *\n * @cssprop --wcs-input-border-style-default - default border style of the input\n * @cssprop --wcs-input-border-style-focus - border style of the input when focused\n * \n * @cssprop --wcs-input-prefix-suffix-background-color - background color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color - color of the suffix/prefix\n * @cssprop --wcs-input-prefix-suffix-color-disabled - color of the suffix/prefix when the input is disabled\n * @cssprop --wcs-input-prefix-suffix-font-weight - font weight of the suffix/prefix\n *\n * @cssprop --wcs-input-border-color-default - default border color of the input when not focused\n * @cssprop --wcs-input-border-color-disabled - border color of the input when disabled\n * @cssprop --wcs-input-border-color-focus - border color of the input when focused\n * @cssprop --wcs-input-reveal-password-button-border-color-focus - border color of the show/hide password button when focused\n * @cssprop --wcs-input-border-color-error - border color of the input when in error state\n *\n * @cssprop --wcs-input-value-color - color of the input value\n * @cssprop --wcs-input-value-font-weight - font weight of the input value\n * \n * @cssprop --wcs-input-placeholder-color - color of the input placeholder\n * @cssprop --wcs-input-placeholder-font-weight - font weight of the input placeholder\n * @cssprop --wcs-input-placeholder-font-style - font style of the input placeholder\n * \n * @cssprop --wcs-input-text-color-disabled - color of the input when disabled\n *\n * @cssprop --wcs-input-padding-horizontal-s - horizontal padding of the input in small size\n * @cssprop --wcs-input-padding-horizontal-m - horizontal padding of the input in medium size\n * @cssprop --wcs-input-padding-horizontal-l - horizontal padding of the input in large size\n * \n * @cssprop --wcs-input-gap - gap between text input and icon\n */\n@Component({\n    tag: 'wcs-input',\n    styleUrl: 'input.scss',\n    shadow: { delegatesFocus: true },\n})\nexport class Input implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el!: HTMLElement;\n    private nativeInput?: HTMLInputElement;\n    private inputId = `wcs-input-${inputIds++}`;\n    private inheritedAttributes: { [k: string]: any } = {};\n    private iconPassword = \"visibility\";\n\n    /**\n     * This is required for a WebKit bug which requires us to\n     * blur and focus an input to properly focus the input in\n     * an item with delegatesFocus. It will no longer be needed\n     * with iOS 14.\n     *\n     * @internal\n     */\n    @Prop() fireFocusEvents = true;\n\n    @State() private passwordReveal = false;\n\n    /**\n     * If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the\n     * server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.\n     */\n    @Prop() accept?: string;\n\n    /**\n     * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n     * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n     */\n    @Prop() autocapitalize = 'off';\n\n    /**\n     * Indicates whether the value of the control can be automatically completed by the browser.\n     */\n    @Prop() autocomplete: AutocompleteTypes = 'off';\n\n    /**\n     * Whether auto correction should be enabled when the user is entering/editing the text value.\n     */\n    @Prop() autocorrect: WcsInputAutocorrect = 'off';\n\n    /**\n     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n     */\n    @Prop() autofocus = false;\n\n    /**\n     * Set the amount of time, in milliseconds, to wait to trigger the `wcsInput` event after each keystroke.\n     * This also impacts form bindings such as `ngModel` or `v-model`.\n     */\n    @Prop() debounce = 0;\n\n    @Watch('debounce')\n    protected debounceChanged() {\n        this.wcsInput = debounceEvent(this.wcsInput, this.debounce);\n    }\n\n    /**\n     * Prefix displayed before the text field contents. This is not included in the value.\n     */\n    @Prop() prefixLabel: string;\n\n    /**\n     * Suffix displayed after the text field contents. This is not included in the value.\n     */\n    @Prop() suffixLabel: string;\n\n    /**\n     * If `true`, the user cannot interact with the input.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * A hint to the browser for which enter key to display.\n     */\n    @Prop() enterkeyhint?: WcsInputEnterKeyHint;\n\n    /**\n     * Specify the size (height) of the input.\n     */\n    @Prop({reflect: true}) size: WcsInputSize = 'm';\n\n    /**\n     * Name of the material icon to add to the input\n     */\n    @Prop() icon: string;\n\n    /**\n     * A hint to the browser for which keyboard to display.\n     */\n    @Prop() inputmode?: WcsInputInputMode;\n\n    /**\n     * The maximum value, which must not be less than its minimum (min attribute) value.\n     */\n    @Prop() max?: string;\n\n    /**\n     * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n     * specifies the maximum number of characters that the user can enter.\n     */\n    @Prop() maxlength?: number;\n\n    /**\n     * The minimum value, which must not be greater than its maximum (max attribute) value.\n     */\n    @Prop() min?: string;\n\n    /**\n     * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute\n     * specifies the minimum number of characters that the user can enter.\n     */\n    @Prop() minlength?: number;\n\n    /**\n     * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to\n     * `\"email\"` or `\"file\"`, otherwise it is ignored.\n     */\n    @Prop() multiple?: boolean;\n\n    /**\n     * The name of the control, which is submitted with the form data.\n     */\n    @Prop() name: string = this.inputId;\n\n    @Prop() hidePasswordButtonAriaLabel: string = \"Cacher le mot de passe\";\n    @Prop() showPasswordButtonAriaLabel: string = \"Afficher le mot de passe\";\n\n    /**\n     * A regular expression that the value is checked against. The pattern must match the entire value, not just some\n     * subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value\n     * of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise\n     * it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support\n     * the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for\n     * more information.\n     */\n    @Prop() pattern?: string;\n\n    /**\n     * Instructional text that shows before the input has a value.\n     */\n    @Prop() placeholder?: string | null;\n\n    /**\n     * If `true`, the user cannot modify the value.\n     */\n    @Prop({ reflect: true }) readonly = false;\n\n    /**\n     * If `true`, the user must fill in a value before submitting a form.\n     */\n    @Prop() required = false;\n\n    /**\n     * If `true`, the element will have its spelling and grammar checked.\n     */\n    @Prop() spellcheck = false;\n\n    /**\n     * Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error'\n     * state if the data given by the user is not valid.\n     */\n    @Prop({reflect: true}) state: WcsInputState = 'initial';\n\n    /**\n     * Works with the min and max attributes to limit the increments at which a value can be set.\n     * Possible values are: `\"any\"` or a positive floating point number.\n     */\n    @Prop() step?: string;\n\n    /**\n     * The type of control to display. The default type is text.\n     */\n    @Prop() type: TextFieldTypes = 'text';\n\n    /**\n     * The value of the input.\n     */\n    @Prop({mutable: true}) value?: string | number | null = '';\n\n    /**\n     * Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input\n     */\n    @Event() wcsInput!: EventEmitter<KeyboardEvent>;\n\n    /**\n     * Emitted when the value has changed. See https://developer.mozilla.org/en-US/docs/Web/Events/change\n     */\n    @Event() wcsChange!: EventEmitter<InputChangeEventDetail>;\n\n    /**\n     * Emitted when the input loses focus.\n     */\n    @Event() wcsBlur!: EventEmitter<FocusEvent>;\n\n    /**\n     * Emitted when the input has focus.\n     */\n    @Event() wcsFocus!: EventEmitter<FocusEvent>;\n\n    componentWillLoad() {\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, INPUT_INHERITED_ATTRS)\n        };\n\n        if (!isWcsInputSize(this.size)) {\n            console.warn(`Invalid size value for wcs-input : \"${this.size}\". Must be one of \"${WcsInputSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n    }\n\n    connectedCallback() {\n        this.debounceChanged();\n        if (Build.isBrowser) {\n            document.dispatchEvent(new CustomEvent('wcsInputDidLoad', {\n                detail: this.el\n            }));\n        }\n    }\n\n    disconnectedCallback() {\n        if (Build.isBrowser) {\n            document.dispatchEvent(new CustomEvent('wcsInputDidUnload', {\n                detail: this.el\n            }));\n        }\n    }\n\n    /**\n     * Sets blur on the native `input` in `wcs-input`. Use this method instead of the global\n     * `input.blur()`.\n     * @internal\n     */\n    @Method()\n    async setBlur() {\n        if (this.nativeInput) {\n            this.nativeInput.blur();\n        }\n    }\n\n    /**\n     * Returns the native `<input>` element used under the hood.\n     */\n    @Method()\n    getInputElement(): Promise<HTMLInputElement> {\n        return Promise.resolve(this.nativeInput!);\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeInput, attr, value);\n    }\n    \n    private getValueAsString(): string {\n        return typeof this.value === 'number' ? this.value.toString() :\n            (this.value || '').toString();\n    }\n\n    private onInput = (ev: Event) => {\n        const input = ev.target as HTMLInputElement | null;\n        if (input) {\n            this.value = input.value || '';\n        }\n        this.wcsInput.emit(ev as KeyboardEvent);\n    }\n\n    private onChange = (_: Event) => {\n        this.wcsChange.emit({value: this.nativeInput.value});\n    }\n\n    private onBlur = (ev: FocusEvent) => {\n        if (this.fireFocusEvents) {\n            this.wcsBlur.emit(ev);\n        }\n    }\n\n    private onFocus = (ev: FocusEvent) => {\n        if (this.fireFocusEvents) {\n            this.wcsFocus.emit(ev);\n        }\n    }\n\n    private passwordRevealIconClick(): void {\n        this.passwordReveal = !this.passwordReveal;\n    }\n\n    @Watch('passwordReveal')\n    onPasswordRevealChange(): void {\n        this.iconPassword = this.passwordReveal ? 'visibility_off' : 'visibility';\n    }\n\n    render() {\n        const value = this.getValueAsString();\n        const labelId = this.inputId + '-lbl';\n        const label = findItemLabel(this.el);\n        if (label) {\n            label.id = labelId;\n        }\n\n        return (\n            <Host\n                aria-disabled={this.disabled ? 'true' : null}\n                data-has-prefix={!!this.prefixLabel}\n                data-has-suffix={!!this.suffixLabel}\n            >\n                {this.prefixLabel ? (<span class=\"prefix\" part=\"prefix\">{this.prefixLabel}</span>) : null}\n                {this.icon ? (<wcs-mat-icon icon={this.icon} size=\"m\"></wcs-mat-icon>) : null}\n                <input\n                    class=\"native-input\"\n                    ref={input => this.nativeInput = input}\n                    aria-labelledby={label ? labelId : null}\n                    disabled={this.disabled}\n                    accept={this.accept}\n                    autoCapitalize={this.autocapitalize}\n                    autoComplete={this.autocomplete}\n                    autoCorrect={this.autocorrect}\n                    autoFocus={this.autofocus}\n                    enterKeyHint={this.enterkeyhint}\n                    inputMode={this.inputmode}\n                    min={this.min}\n                    max={this.max}\n                    minLength={this.minlength}\n                    maxLength={this.maxlength}\n                    multiple={this.multiple}\n                    name={this.name}\n                    pattern={this.pattern}\n                    placeholder={this.placeholder || ''}\n                    readOnly={this.readonly}\n                    required={this.required}\n                    spellcheck={this.spellcheck}\n                    step={this.step}\n                    type={this.passwordReveal ? 'text' : this.type}\n                    value={value}\n                    onInput={this.onInput}\n                    onChange={this.onChange}\n                    onBlur={this.onBlur}\n                    onFocus={this.onFocus}\n                    {...this.inheritedAttributes}\n                />\n                {this.type === \"password\" ? (\n                    <button title={this.passwordReveal ? this.hidePasswordButtonAriaLabel : this.showPasswordButtonAriaLabel} class=\"toggle_password\" onClick={() => this.passwordRevealIconClick()}>\n                        <wcs-mat-icon icon={this.iconPassword} size=\"m\"></wcs-mat-icon>\n                    </button>\n                ) : null}\n                {this.suffixLabel ? (<span class=\"suffix\" part=\"suffix\">{this.suffixLabel}</span>) : null}\n            </Host>\n        );\n    }\n}\n\nlet inputIds = 0;\n"],"mappings":"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"}

package/dist/wcs/{p-0fa370d7.entry.js → p-5bf73e05.entry.js}

@@ -1,7 +1,7 @@
-import{r as t,h as n,H as e,g as r}from"./p-32e583ea.js";import{a as i,c as o}from"./p-0f864e86.js";import{b as a}from"./p-a3aece7a.js";import{i as u}from"./p-a0f32ead.js";
+import{r as t,h as n,H as e,g as r}from"./p-32e583ea.js";import{a as i,c as o}from"./p-0f864e86.js";import{b as a}from"./p-52d77e1f.js";import{i as u}from"./p-a0f32ead.js";
 /**!
 * tippy.js v6.3.7
 * (c) 2017-2021 atomiks
 * MIT License
-*/var f="tippy-box";var c="tippy-content";var s="tippy-backdrop";var l="tippy-arrow";var d="tippy-svg-arrow";var v={passive:true,capture:true};var p=function t(){return document.body};function h(t,n,e){if(Array.isArray(t)){var r=t[n];return r==null?Array.isArray(e)?e[n]:e:r}return t}function m(t,n){var e={}.toString.call(t);return e.indexOf("[object")===0&&e.indexOf(n+"]")>-1}function b(t,n){return typeof t==="function"?t.apply(void 0,n):t}function y(t,n){if(n===0){return t}var e;return function(r){clearTimeout(e);e=setTimeout((function(){t(r)}),n)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,n){if(t.indexOf(n)===-1){t.push(n)}}function O(t){return t.filter((function(n,e){return t.indexOf(n)===e}))}function j(t){return t.split("-")[0]}function x(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(n,e){if(t[e]!==undefined){n[e]=t[e]}return n}),{})}function C(){return document.createElement("div")}function S(t){return["Element","Fragment"].some((function(n){return m(t,n)}))}function A(t){return m(t,"NodeList")}function P(t){return m(t,"MouseEvent")}function H(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function U(t){if(S(t)){return[t]}if(A(t)){return x(t)}if(Array.isArray(t)){return t}return x(document.querySelectorAll(t))}function W(t,n){t.forEach((function(t){if(t){t.style.transitionDuration=n+"ms"}}))}function B(t,n){t.forEach((function(t){if(t){t.setAttribute("data-state",n)}}))}function F(t){var n;var e=w(t),r=e[0];return r!=null&&(n=r.ownerDocument)!=null&&n.body?r.ownerDocument:document}function M(t,n){var e=n.clientX,r=n.clientY;return t.every((function(t){var n=t.popperRect,i=t.popperState,o=t.props;var a=o.interactiveBorder;var u=j(i.placement);var f=i.modifiersData.offset;if(!f){return true}var c=u==="bottom"?f.top.y:0;var s=u==="top"?f.bottom.y:0;var l=u==="right"?f.left.x:0;var d=u==="left"?f.right.x:0;var v=n.top-r+c>a;var p=r-n.bottom-s>a;var h=n.left-e+l>a;var m=e-n.right-d>a;return v||p||h||m}))}function D(t,n,e){var r=n+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(n){t[r](n,e)}))}function E(t,n){var e=n;while(e){var r;if(t.contains(e)){return true}e=e.getRootNode==null?void 0:(r=e.getRootNode())==null?void 0:r.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(H(t)){var n=t._tippy;if(t.blur&&!n.state.isVisible){t.blur()}}}function $(){document.addEventListener("touchstart",q,v);window.addEventListener("blur",N)}var z=typeof window!=="undefined"&&typeof document!=="undefined";var J=z?!!window.msCrypto:false;var K={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var _=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},K,V);var G=Object.keys(_);var Q=function t(n){var e=Object.keys(n);e.forEach((function(t){_[t]=n[t]}))};function X(t){var n=t.plugins||[];var e=n.reduce((function(n,e){var r=e.name,i=e.defaultValue;if(r){var o;n[r]=t[r]!==undefined?t[r]:(o=_[r])!=null?o:i}return n}),{});return Object.assign({},t,e)}function Y(t,n){var e=n?Object.keys(X(Object.assign({},_,{plugins:n}))):G;var r=e.reduce((function(n,e){var r=(t.getAttribute("data-tippy-"+e)||"").trim();if(!r){return n}if(e==="content"){n[e]=r}else{try{n[e]=JSON.parse(r)}catch(t){n[e]=r}}return n}),{});return r}function Z(t,n){var e=Object.assign({},n,{content:b(n.content,[t])},n.ignoreAttributes?{}:Y(t,n.plugins));e.aria=Object.assign({},_.aria,e.aria);e.aria={expanded:e.aria.expanded==="auto"?n.interactive:e.aria.expanded,content:e.aria.content==="auto"?n.interactive?null:"describedby":e.aria.content};return e}var tt=function t(){return"innerHTML"};function nt(t,n){t[tt()]=n}function et(t){var n=C();if(t===true){n.className=l}else{n.className=d;if(S(t)){n.appendChild(t)}else{nt(n,t)}}return n}function rt(t,n){if(S(n.content)){nt(t,"");t.appendChild(n.content)}else if(typeof n.content!=="function"){if(n.allowHTML){nt(t,n.content)}else{t.textContent=n.content}}}function it(t){var n=t.firstElementChild;var e=x(n.children);return{box:n,content:e.find((function(t){return t.classList.contains(c)})),arrow:e.find((function(t){return t.classList.contains(l)||t.classList.contains(d)})),backdrop:e.find((function(t){return t.classList.contains(s)}))}}function ot(t){var n=C();var e=C();e.className=f;e.setAttribute("data-state","hidden");e.setAttribute("tabindex","-1");var r=C();r.className=c;r.setAttribute("data-state","hidden");rt(r,t.props);n.appendChild(e);e.appendChild(r);i(t.props,t.props);function i(e,r){var i=it(n),o=i.box,a=i.content,u=i.arrow;if(r.theme){o.setAttribute("data-theme",r.theme)}else{o.removeAttribute("data-theme")}if(typeof r.animation==="string"){o.setAttribute("data-animation",r.animation)}else{o.removeAttribute("data-animation")}if(r.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof r.maxWidth==="number"?r.maxWidth+"px":r.maxWidth;if(r.role){o.setAttribute("role",r.role)}else{o.removeAttribute("role")}if(e.content!==r.content||e.allowHTML!==r.allowHTML){rt(a,t.props)}if(r.arrow){if(!u){o.appendChild(et(r.arrow))}else if(e.arrow!==r.arrow){o.removeChild(u);o.appendChild(et(r.arrow))}}else if(u){o.removeChild(u)}}return{popper:n,onUpdate:i}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function ct(t,n){var e=Z(t,Object.assign({},_,X(k(n))));var r;var i;var a;var u=false;var f=false;var c=false;var s=false;var l;var d;var m;var j=[];var S=y(kt,e.interactiveDebounce);var A;var H=at++;var U=null;var R=O(e.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:H,reference:t,popper:C(),popperInstance:U,props:e,state:q,plugins:R,clearDelayTimeouts:Et,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Mt,disable:Dt,unmount:$t,destroy:zt};if(!e.render){return I}var N=e.render(I),$=N.popper,z=N.onUpdate;$.setAttribute("data-tippy-root","");$.id="tippy-"+I.id;I.popper=$;t._tippy=I;$._tippy=I;var K=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");Ot();lt();ot();ct("onCreate",[I]);if(e.showOnCreate){Bt()}$.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));$.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){nt().addEventListener("mousemove",S)}}));return I;function G(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function Q(){return G()[0]==="hold"}function Y(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return A||t}function nt(){var t=tt().parentNode;return t?F(t):document}function et(){return it($)}function rt(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||l&&l.type==="focus"){return 0}return h(I.props.delay,t?0:1,_.delay)}function ot(t){if(t===void 0){t=false}$.style.pointerEvents=I.props.interactive&&!t?"":"none";$.style.zIndex=""+I.props.zIndex}function ct(t,n,e){if(e===void 0){e=true}K.forEach((function(e){if(e[t]){e[t].apply(e,n)}}));if(e){var r;(r=I.props)[t].apply(r,n)}}function st(){var n=I.props.aria;if(!n.content){return}var e="aria-"+n.content;var r=$.id;var i=w(I.props.triggerTarget||t);i.forEach((function(t){var n=t.getAttribute(e);if(I.state.isVisible){t.setAttribute(e,n?n+" "+r:r)}else{var i=n&&n.replace(r,"").trim();if(i){t.setAttribute(e,i)}else{t.removeAttribute(e)}}}))}function lt(){if(V||!I.props.aria.expanded){return}var n=w(I.props.triggerTarget||t);n.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function dt(){nt().removeEventListener("mousemove",S);ut=ut.filter((function(t){return t!==S}))}function vt(n){if(L.isTouch){if(c||n.type==="mousedown"){return}}var e=n.composedPath&&n.composedPath()[0]||n.target;if(I.props.interactive&&E($,e)){return}if(w(I.props.triggerTarget||t).some((function(t){return E(t,e)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{ct("onClickOutside",[I,n])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){c=true}function ht(){c=false}function mt(){var t=nt();t.addEventListener("mousedown",vt,true);t.addEventListener("touchend",vt,v);t.addEventListener("touchstart",ht,v);t.addEventListener("touchmove",pt,v)}function bt(){var t=nt();t.removeEventListener("mousedown",vt,true);t.removeEventListener("touchend",vt,v);t.removeEventListener("touchstart",ht,v);t.removeEventListener("touchmove",pt,v)}function yt(t,n){wt(t,(function(){if(!I.state.isVisible&&$.parentNode&&$.parentNode.contains($)){n()}}))}function gt(t,n){wt(t,n)}function wt(t,n){var e=et().box;function r(t){if(t.target===e){D(e,"remove",r);n()}}if(t===0){return n()}D(e,"remove",d);D(e,"add",r);d=r}function Tt(n,e,r){if(r===void 0){r=false}var i=w(I.props.triggerTarget||t);i.forEach((function(t){t.addEventListener(n,e,r);j.push({node:t,eventType:n,handler:e,options:r})}))}function Ot(){if(Q()){Tt("touchstart",xt,{passive:true});Tt("touchend",Ct,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,xt);switch(t){case"mouseenter":Tt("mouseleave",Ct);break;case"focus":Tt(J?"focusout":"blur",St);break;case"focusin":Tt("focusout",St);break}}))}function jt(){j.forEach((function(t){var n=t.node,e=t.eventType,r=t.handler,i=t.options;n.removeEventListener(e,r,i)}));j=[]}function xt(t){var n;var e=false;if(!I.state.isEnabled||At(t)||f){return}var r=((n=l)==null?void 0:n.type)==="focus";l=t;A=t.currentTarget;lt();if(!I.state.isVisible&&P(t)){ut.forEach((function(n){return n(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){e=true}else{Bt(t)}if(t.type==="click"){u=!e}if(e&&!r){Ft(t)}}function kt(t){var n=t.target;var r=tt().contains(n)||$.contains(n);if(t.type==="mousemove"&&r){return}var i=Wt().concat($).map((function(t){var n;var r=t._tippy;var i=(n=r.popperInstance)==null?void 0:n.state;if(i){return{popperRect:t.getBoundingClientRect(),popperState:i,props:e}}return null})).filter(Boolean);if(M(i,t)){dt();Ft(t)}}function Ct(t){var n=At(t)||I.props.trigger.indexOf("click")>=0&&u;if(n){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Ft(t)}function St(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&$.contains(t.relatedTarget)){return}Ft(t)}function At(t){return L.isTouch?Q()!==t.type.indexOf("touch")>=0:false}function Pt(){Ht();var n=I.props,e=n.popperOptions,r=n.placement,i=n.offset,a=n.getReferenceClientRect,u=n.moveTransition;var f=Y()?it($).arrow:null;var c=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var s={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(n){var e=n.state;if(Y()){var r=et(),i=r.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){i.setAttribute("data-placement",e.placement)}else{if(e.attributes.popper["data-popper-"+t]){i.setAttribute("data-"+t,"")}else{i.removeAttribute("data-"+t)}}}));e.attributes.popper={}}}};var l=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},s];if(Y()&&f){l.push({name:"arrow",options:{element:f,padding:3}})}l.push.apply(l,(e==null?void 0:e.modifiers)||[]);I.popperInstance=o(c,$,Object.assign({},e,{placement:r,onFirstUpdate:m,modifiers:l}))}function Ht(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Ut(){var t=I.props.appendTo;var n;var e=tt();if(I.props.interactive&&t===p||t==="parent"){n=e.parentNode}else{n=b(t,[e])}if(!n.contains($)){n.appendChild($)}I.state.isMounted=true;Pt()}function Wt(){return x($.querySelectorAll("[data-tippy-root]"))}function Bt(t){I.clearDelayTimeouts();if(t){ct("onTrigger",[I,t])}mt();var n=rt(true);var e=G(),i=e[0],o=e[1];if(L.isTouch&&i==="hold"&&o){n=o}if(n){r=setTimeout((function(){I.show()}),n)}else{I.show()}}function Ft(t){I.clearDelayTimeouts();ct("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var n=rt(false);if(n){i=setTimeout((function(){if(I.state.isVisible){I.hide()}}),n)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Mt(){I.state.isEnabled=true}function Dt(){I.hide();I.state.isEnabled=false}function Et(){clearTimeout(r);clearTimeout(i);cancelAnimationFrame(a)}function Lt(n){if(I.state.isDestroyed){return}ct("onBeforeUpdate",[I,n]);jt();var e=I.props;var r=Z(t,Object.assign({},e,k(n),{ignoreAttributes:true}));I.props=r;Ot();if(e.interactiveDebounce!==r.interactiveDebounce){dt();S=y(kt,r.interactiveDebounce)}if(e.triggerTarget&&!r.triggerTarget){w(e.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(r.triggerTarget){t.removeAttribute("aria-expanded")}lt();ot();if(z){z(e,r)}if(I.popperInstance){Pt();Wt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}ct("onAfterUpdate",[I,n])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=L.isTouch&&!I.props.touch;var i=h(I.props.duration,0,_.duration);if(t||n||e||r){return}if(tt().hasAttribute("disabled")){return}ct("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Y()){$.style.visibility="visible"}ot();mt();if(!I.state.isMounted){$.style.transition="none"}if(Y()){var o=et(),a=o.box,u=o.content;W([a,u],0)}m=function t(){var n;if(!I.state.isVisible||s){return}s=true;$.style.transition=I.props.moveTransition;if(Y()&&I.props.animation){var e=et(),r=e.box,o=e.content;W([r,o],i);B([r,o],"visible")}st();lt();T(ft,I);(n=I.popperInstance)==null?void 0:n.forceUpdate();ct("onMount",[I]);if(I.props.animation&&Y()){gt(i,(function(){I.state.isShown=true;ct("onShown",[I])}))}};Ut()}function It(){var t=!I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=h(I.props.duration,1,_.duration);if(t||n||e){return}ct("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;s=false;u=false;if(Y()){$.style.visibility="hidden"}dt();bt();ot(true);if(Y()){var i=et(),o=i.box,a=i.content;if(I.props.animation){W([o,a],r);B([o,a],"hidden")}}st();lt();if(I.props.animation){if(Y()){yt(r,I.unmount)}}else{I.unmount()}}function Nt(t){nt().addEventListener("mousemove",S);T(ut,S);S(t)}function $t(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Ht();Wt().forEach((function(t){t._tippy.unmount()}));if($.parentNode){$.parentNode.removeChild($)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;ct("onHidden",[I])}function zt(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();jt();delete t._tippy;I.state.isDestroyed=true;ct("onDestroy",[I])}}function st(t,n){if(n===void 0){n={}}var e=_.plugins.concat(n.plugins||[]);$();var r=Object.assign({},n,{plugins:e});var i=U(t);var o=i.reduce((function(t,n){var e=n&&ct(n,r);if(e){t.push(e)}return t}),[]);return S(t)?o[0]:o}st.defaultProps=_;st.setDefaultProps=Q;st.currentInput=L;Object.assign({},i,{effect:function t(n){var e=n.state;var r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,r.popper);e.styles=r;if(e.elements.arrow){Object.assign(e.elements.arrow.style,r.arrow)}}});st.setDefaultProps({render:ot});const lt=":host{display:none}";const dt=lt;const vt=["WCS-BUTTON"];const pt=class{constructor(n){t(this,n);this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=st(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){this.forElement.setAriaAttribute("aria-expanded","true")}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&vt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){this.forElement.setAriaAttribute("aria-expanded","false")}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(e,{key:"06de58e5ee996c471588dd36a2556f9c13b9aaa3",role:"tooltip"},n("slot",{key:"f1b6df619dbf24fc37216252a92e39b54f5874cb",onSlotchange:t=>this.updateTippyContent()}))}get el(){return r(this)}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}};pt.style=dt;export{pt as wcs_tooltip};
-//# sourceMappingURL=p-0fa370d7.entry.js.map
+*/var f="tippy-box";var s="tippy-content";var c="tippy-backdrop";var l="tippy-arrow";var v="tippy-svg-arrow";var d={passive:true,capture:true};var p=function t(){return document.body};function h(t,n,e){if(Array.isArray(t)){var r=t[n];return r==null?Array.isArray(e)?e[n]:e:r}return t}function m(t,n){var e={}.toString.call(t);return e.indexOf("[object")===0&&e.indexOf(n+"]")>-1}function b(t,n){return typeof t==="function"?t.apply(void 0,n):t}function y(t,n){if(n===0){return t}var e;return function(r){clearTimeout(e);e=setTimeout((function(){t(r)}),n)}}function g(t){return t.split(/\s+/).filter(Boolean)}function w(t){return[].concat(t)}function T(t,n){if(t.indexOf(n)===-1){t.push(n)}}function O(t){return t.filter((function(n,e){return t.indexOf(n)===e}))}function j(t){return t.split("-")[0]}function x(t){return[].slice.call(t)}function k(t){return Object.keys(t).reduce((function(n,e){if(t[e]!==undefined){n[e]=t[e]}return n}),{})}function C(){return document.createElement("div")}function S(t){return["Element","Fragment"].some((function(n){return m(t,n)}))}function A(t){return m(t,"NodeList")}function P(t){return m(t,"MouseEvent")}function H(t){return!!(t&&t._tippy&&t._tippy.reference===t)}function U(t){if(S(t)){return[t]}if(A(t)){return x(t)}if(Array.isArray(t)){return t}return x(document.querySelectorAll(t))}function W(t,n){t.forEach((function(t){if(t){t.style.transitionDuration=n+"ms"}}))}function B(t,n){t.forEach((function(t){if(t){t.setAttribute("data-state",n)}}))}function F(t){var n;var e=w(t),r=e[0];return r!=null&&(n=r.ownerDocument)!=null&&n.body?r.ownerDocument:document}function M(t,n){var e=n.clientX,r=n.clientY;return t.every((function(t){var n=t.popperRect,i=t.popperState,o=t.props;var a=o.interactiveBorder;var u=j(i.placement);var f=i.modifiersData.offset;if(!f){return true}var s=u==="bottom"?f.top.y:0;var c=u==="top"?f.bottom.y:0;var l=u==="right"?f.left.x:0;var v=u==="left"?f.right.x:0;var d=n.top-r+s>a;var p=r-n.bottom-c>a;var h=n.left-e+l>a;var m=e-n.right-v>a;return d||p||h||m}))}function D(t,n,e){var r=n+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(n){t[r](n,e)}))}function E(t,n){var e=n;while(e){var r;if(t.contains(e)){return true}e=e.getRootNode==null?void 0:(r=e.getRootNode())==null?void 0:r.host}return false}var L={isTouch:false};var R=0;function q(){if(L.isTouch){return}L.isTouch=true;if(window.performance){document.addEventListener("mousemove",I)}}function I(){var t=performance.now();if(t-R<20){L.isTouch=false;document.removeEventListener("mousemove",I)}R=t}function N(){var t=document.activeElement;if(H(t)){var n=t._tippy;if(t.blur&&!n.state.isVisible){t.blur()}}}function $(){document.addEventListener("touchstart",q,d);window.addEventListener("blur",N)}var z=typeof window!=="undefined"&&typeof document!=="undefined";var J=z?!!window.msCrypto:false;var K={animateFill:false,followCursor:false,inlinePositioning:false,sticky:false};var V={allowHTML:false,animation:"fade",arrow:true,content:"",inertia:false,maxWidth:350,role:"tooltip",theme:"",zIndex:9999};var _=Object.assign({appendTo:p,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:true,ignoreAttributes:false,interactive:false,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function t(){},onBeforeUpdate:function t(){},onCreate:function t(){},onDestroy:function t(){},onHidden:function t(){},onHide:function t(){},onMount:function t(){},onShow:function t(){},onShown:function t(){},onTrigger:function t(){},onUntrigger:function t(){},onClickOutside:function t(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:false,touch:true,trigger:"mouseenter focus",triggerTarget:null},K,V);var G=Object.keys(_);var Q=function t(n){var e=Object.keys(n);e.forEach((function(t){_[t]=n[t]}))};function X(t){var n=t.plugins||[];var e=n.reduce((function(n,e){var r=e.name,i=e.defaultValue;if(r){var o;n[r]=t[r]!==undefined?t[r]:(o=_[r])!=null?o:i}return n}),{});return Object.assign({},t,e)}function Y(t,n){var e=n?Object.keys(X(Object.assign({},_,{plugins:n}))):G;var r=e.reduce((function(n,e){var r=(t.getAttribute("data-tippy-"+e)||"").trim();if(!r){return n}if(e==="content"){n[e]=r}else{try{n[e]=JSON.parse(r)}catch(t){n[e]=r}}return n}),{});return r}function Z(t,n){var e=Object.assign({},n,{content:b(n.content,[t])},n.ignoreAttributes?{}:Y(t,n.plugins));e.aria=Object.assign({},_.aria,e.aria);e.aria={expanded:e.aria.expanded==="auto"?n.interactive:e.aria.expanded,content:e.aria.content==="auto"?n.interactive?null:"describedby":e.aria.content};return e}var tt=function t(){return"innerHTML"};function nt(t,n){t[tt()]=n}function et(t){var n=C();if(t===true){n.className=l}else{n.className=v;if(S(t)){n.appendChild(t)}else{nt(n,t)}}return n}function rt(t,n){if(S(n.content)){nt(t,"");t.appendChild(n.content)}else if(typeof n.content!=="function"){if(n.allowHTML){nt(t,n.content)}else{t.textContent=n.content}}}function it(t){var n=t.firstElementChild;var e=x(n.children);return{box:n,content:e.find((function(t){return t.classList.contains(s)})),arrow:e.find((function(t){return t.classList.contains(l)||t.classList.contains(v)})),backdrop:e.find((function(t){return t.classList.contains(c)}))}}function ot(t){var n=C();var e=C();e.className=f;e.setAttribute("data-state","hidden");e.setAttribute("tabindex","-1");var r=C();r.className=s;r.setAttribute("data-state","hidden");rt(r,t.props);n.appendChild(e);e.appendChild(r);i(t.props,t.props);function i(e,r){var i=it(n),o=i.box,a=i.content,u=i.arrow;if(r.theme){o.setAttribute("data-theme",r.theme)}else{o.removeAttribute("data-theme")}if(typeof r.animation==="string"){o.setAttribute("data-animation",r.animation)}else{o.removeAttribute("data-animation")}if(r.inertia){o.setAttribute("data-inertia","")}else{o.removeAttribute("data-inertia")}o.style.maxWidth=typeof r.maxWidth==="number"?r.maxWidth+"px":r.maxWidth;if(r.role){o.setAttribute("role",r.role)}else{o.removeAttribute("role")}if(e.content!==r.content||e.allowHTML!==r.allowHTML){rt(a,t.props)}if(r.arrow){if(!u){o.appendChild(et(r.arrow))}else if(e.arrow!==r.arrow){o.removeChild(u);o.appendChild(et(r.arrow))}}else if(u){o.removeChild(u)}}return{popper:n,onUpdate:i}}ot.$$tippy=true;var at=1;var ut=[];var ft=[];function st(t,n){var e=Z(t,Object.assign({},_,X(k(n))));var r;var i;var a;var u=false;var f=false;var s=false;var c=false;var l;var v;var m;var j=[];var S=y(kt,e.interactiveDebounce);var A;var H=at++;var U=null;var R=O(e.plugins);var q={isEnabled:true,isVisible:false,isDestroyed:false,isMounted:false,isShown:false};var I={id:H,reference:t,popper:C(),popperInstance:U,props:e,state:q,plugins:R,clearDelayTimeouts:Et,setProps:Lt,setContent:Rt,show:qt,hide:It,hideWithInteractivity:Nt,enable:Mt,disable:Dt,unmount:$t,destroy:zt};if(!e.render){return I}var N=e.render(I),$=N.popper,z=N.onUpdate;$.setAttribute("data-tippy-root","");$.id="tippy-"+I.id;I.popper=$;t._tippy=I;$._tippy=I;var K=R.map((function(t){return t.fn(I)}));var V=t.hasAttribute("aria-expanded");Ot();lt();ot();st("onCreate",[I]);if(e.showOnCreate){Bt()}$.addEventListener("mouseenter",(function(){if(I.props.interactive&&I.state.isVisible){I.clearDelayTimeouts()}}));$.addEventListener("mouseleave",(function(){if(I.props.interactive&&I.props.trigger.indexOf("mouseenter")>=0){nt().addEventListener("mousemove",S)}}));return I;function G(){var t=I.props.touch;return Array.isArray(t)?t:[t,0]}function Q(){return G()[0]==="hold"}function Y(){var t;return!!((t=I.props.render)!=null&&t.$$tippy)}function tt(){return A||t}function nt(){var t=tt().parentNode;return t?F(t):document}function et(){return it($)}function rt(t){if(I.state.isMounted&&!I.state.isVisible||L.isTouch||l&&l.type==="focus"){return 0}return h(I.props.delay,t?0:1,_.delay)}function ot(t){if(t===void 0){t=false}$.style.pointerEvents=I.props.interactive&&!t?"":"none";$.style.zIndex=""+I.props.zIndex}function st(t,n,e){if(e===void 0){e=true}K.forEach((function(e){if(e[t]){e[t].apply(e,n)}}));if(e){var r;(r=I.props)[t].apply(r,n)}}function ct(){var n=I.props.aria;if(!n.content){return}var e="aria-"+n.content;var r=$.id;var i=w(I.props.triggerTarget||t);i.forEach((function(t){var n=t.getAttribute(e);if(I.state.isVisible){t.setAttribute(e,n?n+" "+r:r)}else{var i=n&&n.replace(r,"").trim();if(i){t.setAttribute(e,i)}else{t.removeAttribute(e)}}}))}function lt(){if(V||!I.props.aria.expanded){return}var n=w(I.props.triggerTarget||t);n.forEach((function(t){if(I.props.interactive){t.setAttribute("aria-expanded",I.state.isVisible&&t===tt()?"true":"false")}else{t.removeAttribute("aria-expanded")}}))}function vt(){nt().removeEventListener("mousemove",S);ut=ut.filter((function(t){return t!==S}))}function dt(n){if(L.isTouch){if(s||n.type==="mousedown"){return}}var e=n.composedPath&&n.composedPath()[0]||n.target;if(I.props.interactive&&E($,e)){return}if(w(I.props.triggerTarget||t).some((function(t){return E(t,e)}))){if(L.isTouch){return}if(I.state.isVisible&&I.props.trigger.indexOf("click")>=0){return}}else{st("onClickOutside",[I,n])}if(I.props.hideOnClick===true){I.clearDelayTimeouts();I.hide();f=true;setTimeout((function(){f=false}));if(!I.state.isMounted){bt()}}}function pt(){s=true}function ht(){s=false}function mt(){var t=nt();t.addEventListener("mousedown",dt,true);t.addEventListener("touchend",dt,d);t.addEventListener("touchstart",ht,d);t.addEventListener("touchmove",pt,d)}function bt(){var t=nt();t.removeEventListener("mousedown",dt,true);t.removeEventListener("touchend",dt,d);t.removeEventListener("touchstart",ht,d);t.removeEventListener("touchmove",pt,d)}function yt(t,n){wt(t,(function(){if(!I.state.isVisible&&$.parentNode&&$.parentNode.contains($)){n()}}))}function gt(t,n){wt(t,n)}function wt(t,n){var e=et().box;function r(t){if(t.target===e){D(e,"remove",r);n()}}if(t===0){return n()}D(e,"remove",v);D(e,"add",r);v=r}function Tt(n,e,r){if(r===void 0){r=false}var i=w(I.props.triggerTarget||t);i.forEach((function(t){t.addEventListener(n,e,r);j.push({node:t,eventType:n,handler:e,options:r})}))}function Ot(){if(Q()){Tt("touchstart",xt,{passive:true});Tt("touchend",Ct,{passive:true})}g(I.props.trigger).forEach((function(t){if(t==="manual"){return}Tt(t,xt);switch(t){case"mouseenter":Tt("mouseleave",Ct);break;case"focus":Tt(J?"focusout":"blur",St);break;case"focusin":Tt("focusout",St);break}}))}function jt(){j.forEach((function(t){var n=t.node,e=t.eventType,r=t.handler,i=t.options;n.removeEventListener(e,r,i)}));j=[]}function xt(t){var n;var e=false;if(!I.state.isEnabled||At(t)||f){return}var r=((n=l)==null?void 0:n.type)==="focus";l=t;A=t.currentTarget;lt();if(!I.state.isVisible&&P(t)){ut.forEach((function(n){return n(t)}))}if(t.type==="click"&&(I.props.trigger.indexOf("mouseenter")<0||u)&&I.props.hideOnClick!==false&&I.state.isVisible){e=true}else{Bt(t)}if(t.type==="click"){u=!e}if(e&&!r){Ft(t)}}function kt(t){var n=t.target;var r=tt().contains(n)||$.contains(n);if(t.type==="mousemove"&&r){return}var i=Wt().concat($).map((function(t){var n;var r=t._tippy;var i=(n=r.popperInstance)==null?void 0:n.state;if(i){return{popperRect:t.getBoundingClientRect(),popperState:i,props:e}}return null})).filter(Boolean);if(M(i,t)){vt();Ft(t)}}function Ct(t){var n=At(t)||I.props.trigger.indexOf("click")>=0&&u;if(n){return}if(I.props.interactive){I.hideWithInteractivity(t);return}Ft(t)}function St(t){if(I.props.trigger.indexOf("focusin")<0&&t.target!==tt()){return}if(I.props.interactive&&t.relatedTarget&&$.contains(t.relatedTarget)){return}Ft(t)}function At(t){return L.isTouch?Q()!==t.type.indexOf("touch")>=0:false}function Pt(){Ht();var n=I.props,e=n.popperOptions,r=n.placement,i=n.offset,a=n.getReferenceClientRect,u=n.moveTransition;var f=Y()?it($).arrow:null;var s=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:t;var c={name:"$$tippy",enabled:true,phase:"beforeWrite",requires:["computeStyles"],fn:function t(n){var e=n.state;if(Y()){var r=et(),i=r.box;["placement","reference-hidden","escaped"].forEach((function(t){if(t==="placement"){i.setAttribute("data-placement",e.placement)}else{if(e.attributes.popper["data-popper-"+t]){i.setAttribute("data-"+t,"")}else{i.removeAttribute("data-"+t)}}}));e.attributes.popper={}}}};var l=[{name:"offset",options:{offset:i}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!u}},c];if(Y()&&f){l.push({name:"arrow",options:{element:f,padding:3}})}l.push.apply(l,(e==null?void 0:e.modifiers)||[]);I.popperInstance=o(s,$,Object.assign({},e,{placement:r,onFirstUpdate:m,modifiers:l}))}function Ht(){if(I.popperInstance){I.popperInstance.destroy();I.popperInstance=null}}function Ut(){var t=I.props.appendTo;var n;var e=tt();if(I.props.interactive&&t===p||t==="parent"){n=e.parentNode}else{n=b(t,[e])}if(!n.contains($)){n.appendChild($)}I.state.isMounted=true;Pt()}function Wt(){return x($.querySelectorAll("[data-tippy-root]"))}function Bt(t){I.clearDelayTimeouts();if(t){st("onTrigger",[I,t])}mt();var n=rt(true);var e=G(),i=e[0],o=e[1];if(L.isTouch&&i==="hold"&&o){n=o}if(n){r=setTimeout((function(){I.show()}),n)}else{I.show()}}function Ft(t){I.clearDelayTimeouts();st("onUntrigger",[I,t]);if(!I.state.isVisible){bt();return}if(I.props.trigger.indexOf("mouseenter")>=0&&I.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&u){return}var n=rt(false);if(n){i=setTimeout((function(){if(I.state.isVisible){I.hide()}}),n)}else{a=requestAnimationFrame((function(){I.hide()}))}}function Mt(){I.state.isEnabled=true}function Dt(){I.hide();I.state.isEnabled=false}function Et(){clearTimeout(r);clearTimeout(i);cancelAnimationFrame(a)}function Lt(n){if(I.state.isDestroyed){return}st("onBeforeUpdate",[I,n]);jt();var e=I.props;var r=Z(t,Object.assign({},e,k(n),{ignoreAttributes:true}));I.props=r;Ot();if(e.interactiveDebounce!==r.interactiveDebounce){vt();S=y(kt,r.interactiveDebounce)}if(e.triggerTarget&&!r.triggerTarget){w(e.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")}))}else if(r.triggerTarget){t.removeAttribute("aria-expanded")}lt();ot();if(z){z(e,r)}if(I.popperInstance){Pt();Wt().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)}))}st("onAfterUpdate",[I,n])}function Rt(t){I.setProps({content:t})}function qt(){var t=I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=L.isTouch&&!I.props.touch;var i=h(I.props.duration,0,_.duration);if(t||n||e||r){return}if(tt().hasAttribute("disabled")){return}st("onShow",[I],false);if(I.props.onShow(I)===false){return}I.state.isVisible=true;if(Y()){$.style.visibility="visible"}ot();mt();if(!I.state.isMounted){$.style.transition="none"}if(Y()){var o=et(),a=o.box,u=o.content;W([a,u],0)}m=function t(){var n;if(!I.state.isVisible||c){return}c=true;$.style.transition=I.props.moveTransition;if(Y()&&I.props.animation){var e=et(),r=e.box,o=e.content;W([r,o],i);B([r,o],"visible")}ct();lt();T(ft,I);(n=I.popperInstance)==null?void 0:n.forceUpdate();st("onMount",[I]);if(I.props.animation&&Y()){gt(i,(function(){I.state.isShown=true;st("onShown",[I])}))}};Ut()}function It(){var t=!I.state.isVisible;var n=I.state.isDestroyed;var e=!I.state.isEnabled;var r=h(I.props.duration,1,_.duration);if(t||n||e){return}st("onHide",[I],false);if(I.props.onHide(I)===false){return}I.state.isVisible=false;I.state.isShown=false;c=false;u=false;if(Y()){$.style.visibility="hidden"}vt();bt();ot(true);if(Y()){var i=et(),o=i.box,a=i.content;if(I.props.animation){W([o,a],r);B([o,a],"hidden")}}ct();lt();if(I.props.animation){if(Y()){yt(r,I.unmount)}}else{I.unmount()}}function Nt(t){nt().addEventListener("mousemove",S);T(ut,S);S(t)}function $t(){if(I.state.isVisible){I.hide()}if(!I.state.isMounted){return}Ht();Wt().forEach((function(t){t._tippy.unmount()}));if($.parentNode){$.parentNode.removeChild($)}ft=ft.filter((function(t){return t!==I}));I.state.isMounted=false;st("onHidden",[I])}function zt(){if(I.state.isDestroyed){return}I.clearDelayTimeouts();I.unmount();jt();delete t._tippy;I.state.isDestroyed=true;st("onDestroy",[I])}}function ct(t,n){if(n===void 0){n={}}var e=_.plugins.concat(n.plugins||[]);$();var r=Object.assign({},n,{plugins:e});var i=U(t);var o=i.reduce((function(t,n){var e=n&&st(n,r);if(e){t.push(e)}return t}),[]);return S(t)?o[0]:o}ct.defaultProps=_;ct.setDefaultProps=Q;ct.currentInput=L;Object.assign({},i,{effect:function t(n){var e=n.state;var r={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(e.elements.popper.style,r.popper);e.styles=r;if(e.elements.arrow){Object.assign(e.elements.arrow.style,r.arrow)}}});ct.setDefaultProps({render:ot});const lt=":host{display:none}";const vt=lt;const dt=["WCS-BUTTON"];const pt=class{constructor(n){t(this,n);this.for=undefined;this.position="bottom";this.interactive=false;this.maxWidth=350;this.delay=0;this.duration=[300,250];this.trigger="mouseenter focus";this.theme="dark";this.content=undefined;this.appendTo=undefined}componentWillLoad(){this.forElement=document.getElementById(this.for);if(!this.forElement){console.error('[wcs-tooltip]: The element with the id provided in the "for" property does not exist');return}this.tippyInstance=ct(this.forElement,{appendTo:this.appendTo||(()=>document.body),theme:this.theme,allowHTML:true,content:this.getTooltipContentFromPropAndSlot(),maxWidth:this.maxWidth,placement:this.position,delay:this.delay,duration:this.duration,interactive:this.interactive,trigger:this.trigger,onShow:()=>this.onShow(),onHide:()=>this.onHide()})}onShow(){if(!this.forElement){return}if(this.forElement.tagName&&dt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","true")}}}}onHide(){if(!this.forElement){return}if(this.forElement.tagName&&dt.indexOf(this.forElement.tagName)!==-1){if(u(this.forElement)){if(this.interactive){this.forElement.setAriaAttribute("aria-expanded","false")}}}}async handleKeyDown(t){if(a(t)){if(this.tippyInstance.state.isShown){await this.hide()}}}getTooltipContentFromPropAndSlot(){if(this.content){return this.content+this.el.innerHTML}return this.el.innerHTML}updateProps(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({interactive:this.interactive,placement:this.position,maxWidth:this.maxWidth,theme:this.theme,delay:this.delay,duration:this.duration,trigger:this.trigger})}updateTippyContent(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.setProps({content:this.getTooltipContentFromPropAndSlot()})}async hide(){this.tippyInstance.hide()}async show(){this.tippyInstance.show()}async disable(){this.tippyInstance.disable()}async enable(){this.tippyInstance.enable()}disconnectedCallback(){var t;(t=this.tippyInstance)===null||t===void 0?void 0:t.destroy()}render(){return n(e,{key:"c64153818029a55af719bc87fa5ce413d310e8b7",role:"tooltip"},n("slot",{key:"2f24f867892089d93b41783977b470ab908063cd",onSlotchange:t=>this.updateTippyContent()}))}get el(){return r(this)}static get watchers(){return{interactive:["updateProps"],position:["updateProps"],maxWidth:["updateProps"],theme:["updateProps"],delay:["updateProps"],duration:["updateProps"],trigger:["updateProps"],content:["updateTippyContent"]}}};pt.style=vt;export{pt as wcs_tooltip};
+//# sourceMappingURL=p-5bf73e05.entry.js.map