wcs-core 4.2.0 → 5.0.0

package/dist/wcs/p-ac106663.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WcsInputSizeValues","isWcsInputSize","size","includes","inputCss","Input","this","inputId","inputIds","didBlurAfterEdit","inheritedAttributes","iconPassword","onInput","ev","input","target","value","wcsInput","emit","onBlur","hasFocus","focusChanged","fireFocusEvents","wcsBlur","onFocus","wcsFocus","onKeydown","shouldClearOnEdit","hasValue","key","clearTextInput","clearInput","readonly","disabled","preventDefault","stopPropagation","setFocus","nativeInput","debounceChanged","wcsChange","debounceEvent","debounce","valueChanged","_a","toString","componentWillLoad","inheritAttributes","el","console","error","join","connectedCallback","document","dispatchEvent","CustomEvent","detail","disconnectedCallback","async","focus","blur","getInputElement","Promise","resolve","type","clearOnEdit","undefined","getValue","length","passwordRevealIconClick","passwordReveal","onPasswordRevealChange","render","labelId","label","findItemLabel","id","h","Host","prefixLabel","suffixLabel","class","part","icon","Object","assign","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","required","spellcheck","step","onKeyDown","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\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 interface InputChangeEventDetail {\n    value: string | undefined | null;\n}\n","@import '../../style/focus-outline.scss';\n\n:host {\n    --wcs-input-icon-color: var(--wcs-text-medium);\n    --wcs-internal-input-border-radius-left: var(--wcs-input-border-radius-left, var(--wcs-border-radius));\n    --wcs-internal-input-border-radius-right: var(--wcs-input-border-radius-right, var(--wcs-border-radius));\n    --wcs-internal-input-border-width: 2px;\n    display: flex;\n    width: 100%;\n    height: var(--wcs-input-host-height);\n    box-sizing: border-box;\n    border-radius: var(--wcs-internal-input-border-radius-left) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-left);\n    background-color: var(--wcs-light);\n    border: var(--wcs-internal-input-border-width) solid var(--wcs-light);\n    background-clip: padding-box;\n\n    ::placeholder {\n        font-weight: 400;\n        font-style: italic;\n    }\n\n    input {\n        overflow: hidden;\n        min-height: var(--wcs-size-xs);\n        width: 100%;\n        background-color: transparent;\n        font-family: var(--wcs-font-sans-serif);\n        color: var(--wcs-primary);\n        font-weight: var(--wcs-font-weight-form-value) !important;\n        border: none;\n        padding: 0 calc(var(--wcs-padding) - var(--wcs-internal-input-border-width));\n        font-size: var(--wcs-input-font-size, 1rem);\n        line-height: 1.5;\n    }\n\n    input:focus {\n        box-shadow: none;\n        outline: 0;\n    }\n\n    wcs-mat-icon {\n        position: relative;\n        margin-left: 8px;\n        margin-right: -8px;\n    }\n\n    .toggle_password {\n        cursor: pointer;\n        margin-left: -8px;\n        margin-right: 8px;\n    }\n\n\n    .prefix, .suffix {\n        color: var(--wcs-white);\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-padding) / 2);\n        font-weight: var(--wcs-font-weight-form-value) !important;\n        background-color: var(--wcs-text-disabled);\n    }\n\n    .prefix {\n        border-radius: var(--wcs-internal-input-border-radius-left) 0 0 var(--wcs-internal-input-border-radius-left);\n        margin: calc(-1 * var(--wcs-internal-input-border-width)) 0 calc(-1 * var(--wcs-internal-input-border-width)) calc(-1 * var(--wcs-internal-input-border-width));\n        border-left: solid var(--wcs-internal-input-border-width) transparent;\n        border-top: solid var(--wcs-internal-input-border-width) transparent;\n        border-bottom: solid var(--wcs-internal-input-border-width) transparent;\n    }\n\n    .suffix {\n        border-radius: 0 var(--wcs-internal-input-border-radius-right) var(--wcs-internal-input-border-radius-right) 0;\n        margin: calc(-1 * var(--wcs-internal-input-border-width)) calc(-1 * var(--wcs-internal-input-border-width)) calc(-1 * var(--wcs-internal-input-border-width)) 0px;\n        border-right: solid var(--wcs-internal-input-border-width) transparent;\n        border-top: solid var(--wcs-internal-input-border-width) transparent;\n        border-bottom: solid var(--wcs-internal-input-border-width) transparent;\n    }\n}\n\n:host([size=l]) {\n    --wcs-input-host-height: var(--wcs-size-l);\n    --wcs-input-font-size: 1.0625rem;\n}\n\n:host([size=m]) { // Default\n    --wcs-input-host-height: var(--wcs-size-m);\n    --wcs-input-font-size: 1rem;\n}\n\n:host([size=s]) {\n    --wcs-input-host-height: var(--wcs-size-s);\n    --wcs-input-font-size: 0.9375rem;\n}\n\n:host([state=error]) {\n    border-color: var(--wcs-red) !important;\n}\n\n:host([data-has-prefix]) {\n    input {\n        padding-left: calc(var(--wcs-padding) / 2);\n    }\n}\n\n:host([data-has-suffix]) {\n    input {\n        padding-left: calc(var(--wcs-padding) / 2);\n    }\n}\n\n:host([disabled]) {\n    input {\n        color: var(--wcs-text-disabled);\n        cursor: not-allowed;\n    }\n\n    .prefix, .suffix {\n        color: var(--wcs-light);\n    }\n}\n\n:host(:focus-within) {\n    border: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n\n    .prefix {\n        border-left: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n        border-top: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n        border-bottom: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n    }\n\n    .suffix {\n        border-right: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n        border-top: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n        border-bottom: dashed var(--wcs-internal-input-border-width) var(--wcs-primary);\n    }\n\n    wcs-mat-icon {\n        color: var(--wcs-primary);\n    }\n}\n","import {\n    Build, Component,\n    ComponentInterface, Element, Event, EventEmitter, h, Host, Method, Prop,\n    State, Watch\n} from '@stencil/core';\nimport { debounceEvent, findItemLabel, inheritAttributes } from '../../utils/helpers';\nimport {\n    AutocompleteTypes, InputChangeEventDetail, isWcsInputSize, TextFieldTypes, WcsInputSize, WcsInputSizeValues\n} from './input-interface';\n\n/**\n * Mainly inspired from Ionic Input Component\n */\n@Component({\n    tag: 'wcs-input',\n    styleUrl: 'input.scss',\n    shadow: {delegatesFocus: true},\n})\nexport class Input implements ComponentInterface {\n    private nativeInput?: HTMLInputElement;\n    private inputId = `wcs-input-${inputIds++}`;\n    private didBlurAfterEdit = false;\n    private inheritedAttributes: { [k: string]: any } = {};\n    private iconPassword = \"visibility\";\n\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 hasFocus = false;\n\n    @State() private passwordReveal = false;\n\n    @Element() private el!: HTMLElement;\n\n    /**\n     * If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the 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: 'on' | 'off' = '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     * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input.\n     */\n    @Prop() clearInput = false;\n\n    /**\n     * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types.\n     */\n    @Prop() clearOnEdit?: boolean;\n\n    /**\n     * Set the amount of time, in milliseconds, to wait to trigger the `wcsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.\n     */\n    @Prop() debounce = 0;\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    @Watch('debounce')\n    protected debounceChanged() {\n        this.wcsChange = debounceEvent(this.wcsChange, this.debounce);\n    }\n\n    /**\n     * If `true`, the user cannot interact with the input.\n     */\n    @Prop() disabled = false;\n\n    /**\n     * A hint to the browser for which enter key to display.\n     * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n     * `\"previous\"`, `\"search\"`, and `\"send\"`.\n     */\n    @Prop() enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\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     * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n     * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n     */\n    @Prop() inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\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 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 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 `\"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    /**\n     * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for 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() 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' state if the data given by the user is not valid.\n     */\n    @Prop({reflect: true}) state: 'initial' | 'error' = '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.\n     */\n    @Event() wcsInput!: EventEmitter<KeyboardEvent>;\n\n    /**\n     * Emitted when the value has changed.\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    /**\n     * Update the native input element when the value changes\n     */\n    @Watch('value')\n    protected valueChanged() {\n        this.wcsChange.emit({value: this.value?.toString()});\n    }\n\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title']);\n\n        if (!isWcsInputSize(this.size)) {\n            console.error(`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     * @deprecated use the native focus method instead  \n     * Sets focus on the native `input` in `wcs-input`.\n     */\n    @Method()\n    async setFocus() {\n        if (this.nativeInput) {\n            this.nativeInput.focus();\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    private shouldClearOnEdit() {\n        const {type, clearOnEdit} = this;\n        return (clearOnEdit === undefined)\n            ? type === 'password'\n            : clearOnEdit;\n    }\n\n    private getValue(): 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 onBlur = (ev: FocusEvent) => {\n        this.hasFocus = false;\n        this.focusChanged();\n\n        if (this.fireFocusEvents) {\n            this.wcsBlur.emit(ev);\n        }\n    }\n\n    private onFocus = (ev: FocusEvent) => {\n        this.hasFocus = true;\n        this.focusChanged();\n\n        if (this.fireFocusEvents) {\n            this.wcsFocus.emit(ev);\n        }\n    }\n\n    private onKeydown = (ev: KeyboardEvent) => {\n        if (this.shouldClearOnEdit()) {\n            // Did the input value change after it was blurred and edited?\n            // Do not clear if user is hitting Enter to submit form\n            if (this.didBlurAfterEdit && this.hasValue() && ev.key !== 'Enter') {\n                // Clear the input\n                this.clearTextInput();\n            }\n\n            // Reset the flag\n            this.didBlurAfterEdit = false;\n        }\n    }\n\n    private clearTextInput = (ev?: Event) => {\n        if (this.clearInput && !this.readonly && !this.disabled && ev) {\n            ev.preventDefault();\n            ev.stopPropagation();\n\n            // Attempt to focus input again after pressing clear button\n            this.setFocus();\n        }\n\n        this.value = '';\n\n        /**\n         * This is needed for clearOnEdit\n         * Otherwise the value will not be cleared\n         * if user is inside the input\n         */\n        if (this.nativeInput) {\n            this.nativeInput.value = '';\n        }\n    }\n\n    private focusChanged() {\n        // If clearOnEdit is enabled and the input blurred but has a value, set a flag\n        if (!this.hasFocus && this.shouldClearOnEdit() && this.hasValue()) {\n            this.didBlurAfterEdit = true;\n        }\n    }\n\n    private hasValue(): boolean {\n        return this.getValue().length > 0;\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.getValue();\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                    onBlur={this.onBlur}\n                    onFocus={this.onFocus}\n                    onKeyDown={this.onKeydown}\n                    {...this.inheritedAttributes}\n                />\n                {this.type === \"password\" ? (<wcs-mat-icon class=\"toggle_password\" icon={this.iconPassword} size=\"m\"  onClick={() => this.passwordRevealIconClick()}></wcs-mat-icon>) : null}\n                {this.suffixLabel ? (<span class=\"suffix\" part=\"suffix\">{this.suffixLabel}</span>) : null}\n            </Host>\n        );\n    }\n}\n\nlet inputIds = 0;\n"],"mappings":"kHAeO,MAAMA,EAAqB,CAAC,IAAK,IAAK,K,SAI7BC,EAAeC,GAE3B,OAAOF,EAAmBG,SAASD,EACvC,CCtBA,MAAME,EAAW,oyH,MCkBJC,EAAK,M,qKAENC,KAAAC,QAAU,aAAaC,MACvBF,KAAAG,iBAAmB,MACnBH,KAAAI,oBAA4C,GAC5CJ,KAAAK,aAAe,aAqRfL,KAAAM,QAAWC,IACf,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACPR,KAAKU,MAAQF,EAAME,OAAS,E,CAEhCV,KAAKW,SAASC,KAAKL,EAAoB,EAGnCP,KAAAa,OAAUN,IACdP,KAAKc,SAAW,MAChBd,KAAKe,eAEL,GAAIf,KAAKgB,gBAAiB,CACtBhB,KAAKiB,QAAQL,KAAKL,E,GAIlBP,KAAAkB,QAAWX,IACfP,KAAKc,SAAW,KAChBd,KAAKe,eAEL,GAAIf,KAAKgB,gBAAiB,CACtBhB,KAAKmB,SAASP,KAAKL,E,GAInBP,KAAAoB,UAAab,IACjB,GAAIP,KAAKqB,oBAAqB,CAG1B,GAAIrB,KAAKG,kBAAoBH,KAAKsB,YAAcf,EAAGgB,MAAQ,QAAS,CAEhEvB,KAAKwB,gB,CAITxB,KAAKG,iBAAmB,K,GAIxBH,KAAAwB,eAAkBjB,IACtB,GAAIP,KAAKyB,aAAezB,KAAK0B,WAAa1B,KAAK2B,UAAYpB,EAAI,CAC3DA,EAAGqB,iBACHrB,EAAGsB,kBAGH7B,KAAK8B,U,CAGT9B,KAAKU,MAAQ,GAOb,GAAIV,KAAK+B,YAAa,CAClB/B,KAAK+B,YAAYrB,MAAQ,E,wBAnUP,K,cAEE,M,oBAEM,M,0CAaT,M,kBAKiB,M,iBAKN,M,eAKhB,M,gBAKC,M,yCAUF,E,oEAoBA,M,sCAYyB,I,uKA0CrBV,KAAKC,Q,gEAeT,M,cAKA,M,gBAKE,M,WAK+B,U,8BAWrB,O,WAKyB,E,CA3G9C+B,kBACNhC,KAAKiC,UAAYC,EAAclC,KAAKiC,UAAWjC,KAAKmC,S,CAoI9CC,e,MACNpC,KAAKiC,UAAUrB,KAAK,CAACF,OAAO2B,EAAArC,KAAKU,SAAK,MAAA2B,SAAA,SAAAA,EAAEC,Y,CAG5CC,oBACIvC,KAAKI,oBAAsBoC,EAAkBxC,KAAKyC,GAAI,CAAC,aAAc,WAAY,UAEjF,IAAK9C,EAAeK,KAAKJ,MAAO,CAC5B8C,QAAQC,MAAM,uCAAuC3C,KAAKJ,0BAA0BF,EAAmBkD,KAAK,UAC5G5C,KAAKJ,KAAO,G,EAIpBiD,oBACI7C,KAAKgC,kBACgB,CACjBc,SAASC,cAAc,IAAIC,YAAY,kBAAmB,CACtDC,OAAQjD,KAAKyC,K,EAKzBS,uBACyB,CACjBJ,SAASC,cAAc,IAAIC,YAAY,oBAAqB,CACxDC,OAAQjD,KAAKyC,K,EAUzBU,iBACI,GAAInD,KAAK+B,YAAa,CAClB/B,KAAK+B,YAAYqB,O,EAUzBD,gBACI,GAAInD,KAAK+B,YAAa,CAClB/B,KAAK+B,YAAYsB,M,EAQzBC,kBACI,OAAOC,QAAQC,QAAQxD,KAAK+B,Y,CAGxBV,oBACJ,MAAMoC,KAACA,EAAIC,YAAEA,GAAe1D,KAC5B,OAAQ0D,IAAgBC,UAClBF,IAAS,WACTC,C,CAGFE,WACJ,cAAc5D,KAAKU,QAAU,SAAWV,KAAKU,MAAM4B,YAC9CtC,KAAKU,OAAS,IAAI4B,U,CAgEnBvB,eAEJ,IAAKf,KAAKc,UAAYd,KAAKqB,qBAAuBrB,KAAKsB,WAAY,CAC/DtB,KAAKG,iBAAmB,I,EAIxBmB,WACJ,OAAOtB,KAAK4D,WAAWC,OAAS,C,CAG5BC,0BACJ9D,KAAK+D,gBAAkB/D,KAAK+D,c,CAIhCC,yBACIhE,KAAKK,aAAeL,KAAK+D,eAAiB,iBAAmB,Y,CAGjEE,SACI,MAAMvD,EAAQV,KAAK4D,WACnB,MAAMM,EAAUlE,KAAKC,QAAU,OAC/B,MAAMkE,EAAQC,EAAcpE,KAAKyC,IACjC,GAAI0B,EAAO,CACPA,EAAME,GAAKH,C,CAGf,OACII,EAACC,EAAI,iBACcvE,KAAK2B,SAAW,OAAS,KAAI,oBACzB3B,KAAKwE,YAAW,oBAChBxE,KAAKyE,aAEvBzE,KAAKwE,YAAeF,EAAA,QAAMI,MAAM,SAASC,KAAK,UAAU3E,KAAKwE,aAAuB,KACpFxE,KAAK4E,KAAQN,EAAA,gBAAcM,KAAM5E,KAAK4E,KAAMhF,KAAK,MAAuB,KACzE0E,EAAA,QAAAO,OAAAC,OAAA,CACIJ,MAAM,eACNK,IAAKvE,GAASR,KAAK+B,YAAcvB,EAAK,kBACrB2D,EAAQD,EAAU,KACnCvC,SAAU3B,KAAK2B,SACfqD,OAAQhF,KAAKgF,OACbC,eAAgBjF,KAAKkF,eACrBC,aAAcnF,KAAKoF,aACnBC,YAAarF,KAAKsF,YAClBC,UAAWvF,KAAKwF,UAChBC,aAAczF,KAAK0F,aACnBC,UAAW3F,KAAK4F,UAChBC,IAAK7F,KAAK6F,IACVC,IAAK9F,KAAK8F,IACVC,UAAW/F,KAAKgG,UAChBC,UAAWjG,KAAKkG,UAChBC,SAAUnG,KAAKmG,SACfC,KAAMpG,KAAKoG,KACXC,QAASrG,KAAKqG,QACdC,YAAatG,KAAKsG,aAAe,GACjCC,SAAUvG,KAAK0B,SACf8E,SAAUxG,KAAKwG,SACfC,WAAYzG,KAAKyG,WACjBC,KAAM1G,KAAK0G,KACXjD,KAAMzD,KAAK+D,eAAiB,OAAS/D,KAAKyD,KAC1C/C,MAAOA,EACPJ,QAASN,KAAKM,QACdO,OAAQb,KAAKa,OACbK,QAASlB,KAAKkB,QACdyF,UAAW3G,KAAKoB,WACZpB,KAAKI,sBAEZJ,KAAKyD,OAAS,WAAca,EAAA,gBAAcI,MAAM,kBAAkBE,KAAM5E,KAAKK,aAAcT,KAAK,IAAKgH,QAAS,IAAM5G,KAAK8D,4BAA8C,KACvK9D,KAAKyE,YAAeH,EAAA,QAAMI,MAAM,SAASC,KAAK,UAAU3E,KAAKyE,aAAuB,K,+LAMrG,IAAIvE,EAAW,E"}

package/dist/wcs/p-cb90bc3a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r,g as t}from"./p-a2df3a49.js";import{w as i}from"./p-3dc6b507.js";import{M as o}from"./p-04ad2b73.js";const a=["s","m","l"];function n(e){return a.includes(e)}const c='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-background-color:var(--wcs-base, var(--wcs-primary, #0088CE));--wcs-button-ripple-color:var(--wcs-contrast, var(--wcs-white, white));--wcs-button-border-radius:var(--wcs-border-radius);--wcs-button-border-color:var(--wcs-base)}.wcs-inner-button:focus-visible{outline:2px dashed var(--wcs-primary);outline-offset:4px;border-radius:var(--wcs-button-border-radius)}:host([mode=clear]){--wcs-button-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=clear]),:host([mode=stroked]){--wcs-button-color:var(--wcs-base);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after,:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-base)}:host([size=l]){--wcs-button-padding:var(--wcs-padding-m) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-l);--wcs-button-min-width:var(--wcs-size-l);--wcs-button-font-size:1.0625rem}:host([size=m]){--wcs-button-padding:var(--wcs-padding-m) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-m);--wcs-button-min-width:var(--wcs-size-m);--wcs-button-font-size:1rem}:host([size=s]){--wcs-button-padding:var(--wcs-padding-s) var(--wcs-padding);--wcs-button-min-height:var(--wcs-size-s);--wcs-button-min-width:var(--wcs-size-s);--wcs-button-font-size:0.9375rem}:host([shape=round]){--wcs-button-border-radius:2rem}:host([shape=round]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-padding))}:host([shape=square]){--wcs-button-padding:0}:host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-padding))}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-min-height, unset)}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 1px var(--wcs-button-border-color)}:host([loading]){position:relative}:host([loading]) .wcs-inner-button>*:not(wcs-spinner){visibility:hidden;opacity:0}:host([loading]) wcs-spinner{height:calc(var(--wcs-button-min-height) / 2);width:calc(var(--wcs-button-min-width) / 2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}:host([disabled]),:host([loading]){--wcs-button-color:var(--wcs-text-disabled);cursor:not-allowed}:host([disabled]) :host(not[loading]),:host([loading]) :host(not[loading]){--wcs-button-background-color:var(--wcs-light)}:host([disabled]) .wcs-inner-button,:host([loading]) .wcs-inner-button{--wcs-button-border-color:var(--wcs-light);opacity:1;cursor:default;pointer-events:none}:host([disabled]):host([mode=clear]),:host([disabled]):host([disabled]),:host([loading]):host([mode=clear]),:host([loading]):host([disabled]){--wcs-button-background-color:transparent}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:500;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:var(--wcs-button-font-size);line-height:1.5;min-height:var(--wcs-button-min-height);min-width:var(--wcs-button-min-width);transition:color 175ms ease-in-out, background-color 175ms ease-in-out, box-shadow 175ms cubic-bezier(0.4, 0, 0.2, 1)}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}.wcs-inner-button:focus{box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)}.wcs-inner-button:hover{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}a{text-decoration:none;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';const s=class{constructor(r){e(this,r);this.type="button";this.href=undefined;this.target=undefined;this.disabled=false;this.ripple=true;this.size="m";this.shape="normal";this.mode="plain";this.loading=false}onClick(e){if(this.disabled||this.loading){e.stopImmediatePropagation()}if(this.type!=="button"&&i(this.el)){const r=this.el.closest("form");if(r){e.preventDefault();const t=window.document.createElement("button");t.type=this.type;t.style.display="none";r.appendChild(t);t.click();t.remove()}}}componentWillLoad(){if(!n(this.size)){console.error(`Invalid size value for wcs-button : "${this.size}". Must be one of "${a.join(", ")}"`);this.size="m"}}componentDidLoad(){this.mdcRipple=new o(this.el.shadowRoot.querySelector(".wcs-inner-button"))}enabledRippleEffect(){this.mdcRipple.disabled=false}disabledRippleEffect(){this.mdcRipple.disabled=true}getTagName(){return this.href!==undefined?"a":"button"}onRippleChange(){if(this.ripple){this.enabledRippleEffect()}else{this.disabledRippleEffect()}}render(){const e=this.getTagName();const t=this.href!==undefined?{href:this.href,role:"button",target:this.target}:{type:this.type};return r(e,Object.assign({},t,{class:"wcs-inner-button",disabled:this.disabled||this.loading}),this.loading&&r("wcs-spinner",null),r("slot",null))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{ripple:["onRippleChange"]}}};s.style=c;export{s as wcs_button};
-//# sourceMappingURL=p-cb90bc3a.entry.js.map

package/dist/wcs/p-cb90bc3a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WcsButtonSizeValues","isWcsButtonSize","size","includes","buttonCss","Button","onClick","ev","this","disabled","loading","stopImmediatePropagation","type","hasShadowDom","el","form","closest","preventDefault","fakeButton","window","document","createElement","style","display","appendChild","click","remove","componentWillLoad","console","error","join","componentDidLoad","mdcRipple","MDCRipple","shadowRoot","querySelector","enabledRippleEffect","disabledRippleEffect","getTagName","href","undefined","onRippleChange","ripple","render","TagType","attrs","role","target","h","Object","assign","class"],"sources":["./src/components/button/button-interface.ts","./src/components/button/button.scss?tag=wcs-button&encapsulation=shadow","./src/components/button/button.tsx"],"sourcesContent":["import { WcsSize } from '../../shared-types';\n\nexport type WcsButtonType = 'button' | 'submit';\n\nexport type WcsButtonShape = 'normal' | 'round' | 'square';\n\nexport type WcsButtonMode = 'plain' | 'stroked' | 'clear';\n\nexport const WcsButtonSizeValues = ['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 WcsButtonSize = Extract<WcsSize, typeof WcsButtonSizeValues[number]>;\n\nexport function isWcsButtonSize(size: string): size is WcsButtonSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsButtonSizeValues\n    return WcsButtonSizeValues.includes(size);\n}\n","@import '../../style/elevation.scss';\n// TODO: get rid of this.\n@import '~@material/ripple/mdc-ripple';\n@import '../../style/focus-outline.scss';\n\n:host {\n    display: inline-block;\n    --wcs-button-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-background-color: var(--wcs-base, var(--wcs-primary, #0088CE));\n    --wcs-button-ripple-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-border-radius: var(--wcs-border-radius);\n    --wcs-button-border-color: var(--wcs-base);\n}\n\n.wcs-inner-button:focus-visible {\n    @include focus-outline($border-radius: var(--wcs-button-border-radius));\n}\n\n:host([mode=clear]) {\n    --wcs-button-border-color: transparent;\n\n    .wcs-inner-button {\n        box-shadow: none;\n    }\n}\n\n:host([mode=clear]),\n:host([mode=stroked]) {\n    --wcs-button-color: var(--wcs-base);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-base);\n        }\n    }\n}\n\n:host([size=l]) {\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-l);\n    --wcs-button-min-width: var(--wcs-size-l);\n    --wcs-button-font-size: 1.0625rem;\n}\n\n:host([size=m]) { // Default\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-m);\n    --wcs-button-min-width: var(--wcs-size-m);\n    --wcs-button-font-size: 1rem;\n}\n\n:host([size=s]) {\n    --wcs-button-padding: var(--wcs-padding-s) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-s);\n    --wcs-button-min-width: var(--wcs-size-s);\n    --wcs-button-font-size: 0.9375rem;\n}\n\n:host([shape=round]) {\n    --wcs-button-border-radius: 2rem;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=square]) {\n    --wcs-button-padding: 0;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=normal]) {\n    .wcs-inner-button {\n        min-width: var(--wcs-button-min-width, unset);\n        min-height: var(--wcs-button-min-height, unset);\n    }\n}\n\n:host([mode=stroked]) {\n    .wcs-inner-button {\n        box-shadow: inset 0 0 0 1px var(--wcs-button-border-color);\n    }\n}\n\n:host([loading]) {\n    position: relative;\n\n    .wcs-inner-button > *:not(wcs-spinner) {\n        visibility: hidden;\n        opacity: 0;\n    }\n\n    wcs-spinner {\n        height: calc(var(--wcs-button-min-height) / 2);\n        width: calc(var(--wcs-button-min-width) / 2);\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n\n:host([disabled]), :host([loading]) {\n    :host(not[loading]) {\n        --wcs-button-background-color: var(--wcs-light);\n    }\n    --wcs-button-color: var(--wcs-text-disabled);\n    cursor: not-allowed;\n\n    .wcs-inner-button {\n        // Fix for stroked button\n        --wcs-button-border-color: var(--wcs-light);\n        opacity: 1;\n        cursor: default;\n        pointer-events: none;\n    }\n\n    &:host([mode=clear]),\n    &:host([disabled]) {\n        --wcs-button-background-color: transparent;\n    }\n}\n\n.wcs-inner-button {\n    @include mdc-ripple-surface;\n    @include mdc-ripple-radius-bounded;\n    @include mdc-states-hover-opacity(.1);\n    @include mdc-states-focus-opacity(.2);\n    @include mdc-states-press-opacity(.3);\n    @include mdc-states-base-color(white);\n\n    // This property is used to set the ripple color\n    &::before,\n    &::after {\n        background-color: var(--wcs-button-ripple-color);\n    }\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    font-family: var(--wcs-font-sans-serif);\n    background-color: var(--wcs-button-background-color);\n    color: var(--wcs-button-color);\n    padding: var(--wcs-button-padding);\n    border-radius: var(--wcs-button-border-radius);\n    border: none;\n    overflow: hidden;\n    outline: 0;\n    text-transform: none;\n    margin: 0;\n    cursor: pointer;\n    font-weight: 500;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    font-size: var(--wcs-button-font-size);\n    line-height: 1.5;\n    min-height: var(--wcs-button-min-height);\n    min-width: var(--wcs-button-min-width);\n\n    transition: color 175ms ease-in-out, background-color 175ms ease-in-out, wcs-elevation-transition();\n\n    &:focus {\n        @include wcs-elevation(1);\n    }\n\n    &:hover {\n        @include wcs-elevation(2);\n    }\n}\n\na {\n    text-decoration: none;\n    box-sizing: border-box;\n}\n\n// Remove mozilla dotted outline on button and a\nbutton::-moz-focus-inner,\na::-moz-focus-inner {\n    border: 0;\n}\n","import {Component, ComponentInterface, Element, h, Listen, Prop, Watch} from '@stencil/core';\n\nimport { MDCRipple } from '@material/ripple';\n\nimport {\n    isWcsButtonSize,\n    WcsButtonMode,\n    WcsButtonShape,\n    WcsButtonSize,\n    WcsButtonSizeValues,\n    WcsButtonType\n} from './button-interface';\nimport { hasShadowDom } from '../../utils/helpers';\n\n/**\n * Button component, can also be a link when specifying href.\n *\n * ## Click event\n *\n * The WCS button relies on the native click event to pass a user click to your app.\n * For now, it's not possible for us to prevent the click event to be fired when the button's disabled attribute is true.\n * This means you'll receive click events on a disabled wcs button.\n * If you're using the button with a library like Angular or React, they have internal mechanisms to prevent this behavior. Your callbacks will therefore not be called.\n * To fix this problem, we plan to provide a wcsClick event in addition to the native click for applications developed without frameworks.\n */\n@Component({\n    tag: 'wcs-button',\n    styleUrl: 'button.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Button implements ComponentInterface {\n    @Element() private el!: HTMLElement;\n\n    /**\n     * Specify the button type.\n     */\n    @Prop({ mutable: true }) type: WcsButtonType = 'button';\n\n    /**\n     * Set a URL to point to.<br/>\n     * If specified use a `a` tag instead of `btn`.\n     */\n    @Prop() href?: string;\n\n    /**\n     * Specifies where to open the linked document when using href (see prop above)<br/>\n     * Default '_self' will open the linked document in the same frame as it was clicked\n     */\n    @Prop() target?: '_blank' | '_self';\n\n    /**\n     * Specify whether the button is disabled or not.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * Specify whether the button should have a ripple effect or not.\n     */\n    @Prop() ripple = true;\n    private mdcRipple: MDCRipple;\n\n    /**\n     * Specify the size of the button.\n     */\n    @Prop({ reflect: true }) size: WcsButtonSize = 'm';\n\n    /**\n     * Specify the shape of the button.\n     */\n    @Prop({ reflect: true }) shape: WcsButtonShape = 'normal';\n\n    /**\n     * This attribute specify the appearance of the button.\n     */\n    @Prop({ reflect: true }) mode: WcsButtonMode = 'plain';\n\n    /**\n     * Flag to display spinner until the end of action\n     */\n    @Prop({mutable: true}) loading: boolean = false;\n\n    /**\n     * Native event click is emit event if we decide to stop propagation of it\n     * @param ev\n     */\n    @Listen('click')  // TODO: define custom event click to be able to stop it's propagation when the custom button is disabled or is in loading state\n    onClick(ev: Event) {\n        if (this.disabled || this.loading) {\n            ev.stopImmediatePropagation();\n        }\n        if (this.type !== 'button' && hasShadowDom(this.el)) {\n            // this button wants to specifically submit a form\n            // climb up the dom to see if we're in a <form>\n            // and if so, then use JS to submit it\n            const form = this.el.closest('form');\n            if (form) {\n                ev.preventDefault();\n\n                const fakeButton = window.document.createElement('button');\n                fakeButton.type = this.type;\n                fakeButton.style.display = 'none';\n                form.appendChild(fakeButton);\n                fakeButton.click();\n                fakeButton.remove();\n            }\n        }\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        if (!isWcsButtonSize(this.size)) {\n            console.error(`Invalid size value for wcs-button : \"${this.size}\". Must be one of \"${WcsButtonSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n    }\n\n    componentDidLoad() {\n        this.mdcRipple = new MDCRipple(this.el.shadowRoot.querySelector('.wcs-inner-button'));\n    }\n\n    private enabledRippleEffect() {\n        this.mdcRipple.disabled = false;\n    }\n\n    private disabledRippleEffect() {\n        this.mdcRipple.disabled = true;\n    }\n\n    private getTagName() {\n        return this.href !== undefined ? 'a' : 'button';\n    }\n\n    @Watch('ripple')\n    onRippleChange(): void {\n        if (this.ripple) {\n            this.enabledRippleEffect();\n        } else {\n            this.disabledRippleEffect();\n        }\n    }\n\n    render() {\n        const TagType = this.getTagName();\n        const attrs = this.href !== undefined\n            ? { href: this.href, role: 'button', target: this.target }\n            : { type: this.type };\n        return (\n            <TagType\n                {...attrs}\n                class=\"wcs-inner-button\"\n                disabled = {this.disabled || this.loading}\n            >\n                {\n                    this.loading && <wcs-spinner></wcs-spinner>\n                }\n                <slot/>\n            </TagType>\n        );\n    }\n}\n"],"mappings":"0HAQO,MAAMA,EAAsB,CAAC,IAAK,IAAK,K,SAI9BC,EAAgBC,GAE5B,OAAOF,EAAoBG,SAASD,EACxC,CCfA,MAAME,EAAY,g/T,MCgCLC,EAAM,M,mCAMgC,S,wDAiBX,M,YAKnB,K,UAM8B,I,WAKE,S,UAKF,Q,aAKL,K,CAO1CC,QAAQC,GACJ,GAAIC,KAAKC,UAAYD,KAAKE,QAAS,CAC/BH,EAAGI,0B,CAEP,GAAIH,KAAKI,OAAS,UAAYC,EAAaL,KAAKM,IAAK,CAIjD,MAAMC,EAAOP,KAAKM,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACNR,EAAGU,iBAEH,MAAMC,EAAaC,OAAOC,SAASC,cAAc,UACjDH,EAAWN,KAAOJ,KAAKI,KACvBM,EAAWI,MAAMC,QAAU,OAC3BR,EAAKS,YAAYN,GACjBA,EAAWO,QACXP,EAAWQ,Q,GAKvBC,oBACI,IAAK1B,EAAgBO,KAAKN,MAAO,CAC7B0B,QAAQC,MAAM,wCAAwCrB,KAAKN,0BAA0BF,EAAoB8B,KAAK,UAC9GtB,KAAKN,KAAO,G,EAIpB6B,mBACIvB,KAAKwB,UAAY,IAAIC,EAAUzB,KAAKM,GAAGoB,WAAWC,cAAc,qB,CAG5DC,sBACJ5B,KAAKwB,UAAUvB,SAAW,K,CAGtB4B,uBACJ7B,KAAKwB,UAAUvB,SAAW,I,CAGtB6B,aACJ,OAAO9B,KAAK+B,OAASC,UAAY,IAAM,Q,CAI3CC,iBACI,GAAIjC,KAAKkC,OAAQ,CACblC,KAAK4B,qB,KACF,CACH5B,KAAK6B,sB,EAIbM,SACI,MAAMC,EAAUpC,KAAK8B,aACrB,MAAMO,EAAQrC,KAAK+B,OAASC,UACtB,CAAED,KAAM/B,KAAK+B,KAAMO,KAAM,SAAUC,OAAQvC,KAAKuC,QAChD,CAAEnC,KAAMJ,KAAKI,MACnB,OACIoC,EAACJ,EAAOK,OAAAC,OAAA,GACAL,EAAK,CACTM,MAAM,mBACN1C,SAAYD,KAAKC,UAAYD,KAAKE,UAG9BF,KAAKE,SAAWsC,EAAA,oBAEpBA,EAAA,a"}

package/dist/wcs/p-cdd172b4.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as o,H as t}from"./p-a2df3a49.js";const c=":host{margin:calc(3 * var(--wcs-base-margin));display:block}";const r=class{constructor(o){s(this,o)}render(){return o(t,{slot:"content"},o("slot",null))}};r.style=c;export{r as wcs_accordion_content};
-//# sourceMappingURL=p-cdd172b4.entry.js.map

package/dist/wcs/p-d5a0e271.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-a2df3a49.js";const c=".progress-circle{position:relative;display:inline-block;width:7.5rem;height:7.5rem;background-image:url(\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23D7D7D7;%7d %3c/style%3e%3cg%3e%3crect x='59' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='55.2' y='0.1' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -0.2907 3.9376)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='51.5' y='0.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -0.3974 7.368)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='47.8' y='1.2' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -0.427 10.2973)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='44.1' y='2.1' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -0.4827 12.749)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='40.5' y='3.3' transform='matrix(0.9397 -0.342 0.342 0.9397 -0.6613 14.7626)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='37' y='4.7' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -1.0509 16.3931)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='33.6' y='6.3' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -1.7286 17.7087)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='30.4' y='8.2' transform='matrix(0.848 -0.5299 0.5299 0.848 -2.7588 18.7897)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='27.3' y='10.3' transform='matrix(0.809 -0.5878 0.5878 0.809 -4.1915 19.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='24.3' y='12.6' transform='matrix(0.766 -0.6428 0.6428 0.766 -6.0608 20.6152)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='21.5' y='15.2' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -8.3843 21.5593)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='18.9' y='17.9' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -11.1622 22.6633)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='16.4' y='20.8' transform='matrix(0.6157 -0.788 0.788 0.6157 -14.3769 24.0315)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='14.2' y='23.8' transform='matrix(0.5592 -0.829 0.829 0.5592 -17.9939 25.7655)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='12.2' y='27' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 27.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='10.5' y='30.3' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -26.2122 30.7076)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='8.9' y='33.8' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -30.6638 34.0815)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='7.6' y='37.3' transform='matrix(0.309 -0.9511 0.9511 0.309 -35.2211 38.1485)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='6.6' y='40.9' transform='matrix(0.2419 -0.9703 0.9703 0.2419 -39.7776 42.9595)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.8' y='44.6' transform='matrix(0.1736 -0.9848 0.9848 0.1736 -44.2179 48.5492)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.3' y='48.4' transform='matrix(0.1045 -0.9945 0.9945 0.1045 -48.42 54.9351)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5' y='52.1' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 -52.2577 62.1164)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='0' y='60.9' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -2.1561 0.2482)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.3' y='64.6' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -6.8272 1.0177)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.8' y='68.4' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -11.9436 2.2383)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='1.6' y='72.1' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -17.4499 4.0099)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='2.6' y='75.7' transform='matrix(0.9511 -0.309 0.309 0.9511 -23.2745 6.4241)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='3.9' y='79.2' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -29.331 9.5626)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='5.5' y='82.7' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -35.5191 13.4941)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='7.2' y='86' transform='matrix(0.866 -0.5 0.5 0.866 -41.7269 18.2731)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='9.2' y='89.2' transform='matrix(0.829 -0.5592 0.5592 0.829 -47.8331 23.9378)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='11.4' y='92.2' transform='matrix(0.788 -0.6157 0.6157 0.788 -53.7091 30.5088)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='13.9' y='95.1' transform='matrix(0.7431 -0.6691 0.6691 0.7431 -59.2218 37.988)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='16.5' y='97.8' transform='matrix(0.6947 -0.7193 0.7193 0.6947 -64.236 46.3581)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='19.3' y='100.4' transform='matrix(0.6428 -0.766 0.766 0.6428 -68.6175 55.5822)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='22.3' y='102.7' transform='matrix(0.5878 -0.809 0.809 0.5878 -72.2355 65.6038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='25.4' y='104.8' transform='matrix(0.5299 -0.848 0.848 0.5299 -74.9657 76.3475)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='28.6' y='106.7' transform='matrix(0.4695 -0.8829 0.8829 0.4695 -76.693 87.7197)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='32' y='108.3' transform='matrix(0.4067 -0.9135 0.9135 0.4067 -77.3138 99.6102)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='35.5' y='109.7' transform='matrix(0.342 -0.9397 0.9397 0.342 -76.7383 111.8932)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='39.1' y='110.9' transform='matrix(0.2756 -0.9613 0.9613 0.2756 -74.893 124.43)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='42.8' y='111.8' transform='matrix(0.2079 -0.9781 0.9781 0.2079 -71.7222 137.0703)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='46.5' y='112.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 -67.1899 149.6558)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='50.2' y='112.9' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 -61.2806 162.0216)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='59' y='108' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='62.8' y='107.9' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -7.7877 4.7255)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='66.5' y='107.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -15.1355 10.5006)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='70.2' y='106.8' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -21.9001 17.2744)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='73.9' y='105.9' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -27.9452 24.9761)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='77.5' y='104.7' transform='matrix(0.9397 -0.342 0.342 0.9397 -33.1442 33.5167)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='81' y='103.3' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -37.383 42.7899)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='84.4' y='101.7' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -40.5617 52.6742)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='87.6' y='99.8' transform='matrix(0.848 -0.5299 0.5299 0.848 -42.5973 63.0348)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='90.7' y='97.7' transform='matrix(0.809 -0.5878 0.5878 0.809 -43.4248 73.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='93.7' y='95.4' transform='matrix(0.766 -0.6428 0.6428 0.766 -42.999 84.594)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='96.5' y='92.8' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -41.2954 95.4789)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='99.1' y='90.1' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -38.3109 106.2184)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='101.6' y='87.2' transform='matrix(0.6157 -0.788 0.788 0.6157 -34.0637 116.6505)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='103.8' y='84.2' transform='matrix(0.5592 -0.829 0.829 0.5592 -28.5937 126.6159)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='105.8' y='81' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 135.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='107.5' y='77.7' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -14.2476 144.5431)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='109.1' y='74.2' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -5.5511 152.2277)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='110.4' y='70.7' transform='matrix(0.309 -0.9511 0.9511 0.309 4.0122 158.8962)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='111.4' y='67.1' transform='matrix(0.2419 -0.9703 0.9703 0.2419 14.3114 164.4454)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.2' y='63.4' transform='matrix(0.1736 -0.9848 0.9848 0.1736 25.2032 168.79)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.7' y='59.6' transform='matrix(0.1045 -0.9945 0.9945 0.1045 36.5339 171.8641)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='113' y='55.9' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 48.1428 173.6225)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='108' y='57.1' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -1.9588 4.0128)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.7' y='53.4' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -5.0588 12.1831)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.2' y='49.6' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -7.0711 20.4225)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='106.4' y='45.9' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -8.0163 28.5853)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='105.4' y='42.3' transform='matrix(0.9511 -0.309 0.309 0.9511 -7.9343 36.5311)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='104.1' y='38.8' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -6.8838 44.1282)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='102.5' y='35.3' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -4.9408 51.2552)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='100.8' y='32' transform='matrix(0.866 -0.5 0.5 0.866 -2.1962 57.8038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='98.8' y='28.8' transform='matrix(0.829 -0.5592 0.5592 0.829 1.2454 63.6808)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='96.6' y='25.8' transform='matrix(0.788 -0.6157 0.6157 0.788 5.2685 68.8093)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='94.1' y='22.9' transform='matrix(0.7431 -0.6691 0.6691 0.7431 9.7488 73.1303)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='91.5' y='20.2' transform='matrix(0.6947 -0.7193 0.7193 0.6947 14.5562 76.6036)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='88.7' y='17.6' transform='matrix(0.6428 -0.766 0.766 0.6428 19.5576 79.2086)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='85.7' y='15.3' transform='matrix(0.5878 -0.809 0.809 0.5878 24.6192 80.944)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='82.6' y='13.2' transform='matrix(0.5299 -0.848 0.848 0.5299 29.6096 81.828)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='79.4' y='11.3' transform='matrix(0.4695 -0.8829 0.8829 0.4695 34.4027 81.8974)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='76' y='9.7' transform='matrix(0.4067 -0.9135 0.9135 0.4067 38.8799 81.2069)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='72.5' y='8.3' transform='matrix(0.342 -0.9397 0.9397 0.342 42.9327 79.8275)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='68.9' y='7.1' transform='matrix(0.2756 -0.9613 0.9613 0.2756 46.4651 77.845)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='65.2' y='6.2' transform='matrix(0.2079 -0.9781 0.9781 0.2079 49.3951 75.358)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='61.5' y='5.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 51.657 72.4756)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='57.8' y='5.1' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 53.2021 69.3153)' class='st0' width='12' height='2'/%3e%3c/g%3e%3c/svg%3e\")}.progress-circle-figure{transform:rotate(-90deg);transition:stroke-dashoffset 0.375s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0}.progress-circle-label{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;font-weight:500}.progress-circle-label sup{font-size:0.875rem;top:-0.5em;position:relative;line-height:0;vertical-align:baseline}.progress-circle-meter{stroke:var(--wcs-white)}.progress-circle-value{stroke:var(--wcs-primary);stroke-linecap:round}.progress-circle-value,.progress-circle-meter{fill:none}";const s=class{constructor(e){t(this,e);this.size=120;this.showLabel=false;this.value=0}render(){const{size:t,halfSize:c}={size:this.size,halfSize:this.size/2};return e("div",{class:"progress-circle","data-component":"radial-progress"},e("svg",{class:"progress-circle-figure","data-role":"figure",width:this.size,height:this.size,viewBox:`0 0 ${t} ${t}`,style:this.getSvgStyle()},e("circle",{class:"progress-circle-meter",cx:c,cy:c,r:"54","stroke-width":"12"}),e("circle",{class:"progress-circle-value",cx:c,cy:c,r:"54","stroke-width":"12"})),this.showLabel&&e("div",{class:"progress-circle-label","data-role":"label"},e("span",null,e("span",{"data-role":"labelvalue"},this.value),e("sup",null,"%"))),e("input",{"data-role":"control",class:"sr-only",type:"range",value:this.value}))}getSvgStyle(){return{"stroke-dasharray":"339.292","stroke-dashoffset":`${339.292-this.value/100*339.292}`}}};s.style=c;export{s as wcs_progress_radial};
-//# sourceMappingURL=p-d5a0e271.entry.js.map

package/dist/wcs/p-d5a0e271.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["progressRadialCss","ProgressRadial","render","size","halfSize","this","h","class","width","height","viewBox","style","getSvgStyle","cx","cy","r","showLabel","value","type"],"sources":["./src/components/progress-radial/progress-radial.scss?tag=wcs-progress-radial&encapsulation=shadow","./src/components/progress-radial/progress-radial.tsx"],"sourcesContent":[".progress-circle {\n  position: relative;\n  display: inline-block;\n  width: 7.5rem;\n  height: 7.5rem;\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23D7D7D7;%7d %3c/style%3e%3cg%3e%3crect x='59' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='55.2' y='0.1' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -0.2907 3.9376)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='51.5' y='0.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -0.3974 7.368)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='47.8' y='1.2' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -0.427 10.2973)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='44.1' y='2.1' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -0.4827 12.749)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='40.5' y='3.3' transform='matrix(0.9397 -0.342 0.342 0.9397 -0.6613 14.7626)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='37' y='4.7' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -1.0509 16.3931)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='33.6' y='6.3' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -1.7286 17.7087)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='30.4' y='8.2' transform='matrix(0.848 -0.5299 0.5299 0.848 -2.7588 18.7897)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='27.3' y='10.3' transform='matrix(0.809 -0.5878 0.5878 0.809 -4.1915 19.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='24.3' y='12.6' transform='matrix(0.766 -0.6428 0.6428 0.766 -6.0608 20.6152)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='21.5' y='15.2' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -8.3843 21.5593)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='18.9' y='17.9' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -11.1622 22.6633)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='16.4' y='20.8' transform='matrix(0.6157 -0.788 0.788 0.6157 -14.3769 24.0315)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='14.2' y='23.8' transform='matrix(0.5592 -0.829 0.829 0.5592 -17.9939 25.7655)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='12.2' y='27' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 27.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='10.5' y='30.3' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -26.2122 30.7076)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='8.9' y='33.8' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -30.6638 34.0815)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='7.6' y='37.3' transform='matrix(0.309 -0.9511 0.9511 0.309 -35.2211 38.1485)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='6.6' y='40.9' transform='matrix(0.2419 -0.9703 0.9703 0.2419 -39.7776 42.9595)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.8' y='44.6' transform='matrix(0.1736 -0.9848 0.9848 0.1736 -44.2179 48.5492)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5.3' y='48.4' transform='matrix(0.1045 -0.9945 0.9945 0.1045 -48.42 54.9351)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='5' y='52.1' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 -52.2577 62.1164)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='0' y='60.9' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -2.1561 0.2482)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.3' y='64.6' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -6.8272 1.0177)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='0.8' y='68.4' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -11.9436 2.2383)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='1.6' y='72.1' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -17.4499 4.0099)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='2.6' y='75.7' transform='matrix(0.9511 -0.309 0.309 0.9511 -23.2745 6.4241)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='3.9' y='79.2' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -29.331 9.5626)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='5.5' y='82.7' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -35.5191 13.4941)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='7.2' y='86' transform='matrix(0.866 -0.5 0.5 0.866 -41.7269 18.2731)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='9.2' y='89.2' transform='matrix(0.829 -0.5592 0.5592 0.829 -47.8331 23.9378)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='11.4' y='92.2' transform='matrix(0.788 -0.6157 0.6157 0.788 -53.7091 30.5088)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='13.9' y='95.1' transform='matrix(0.7431 -0.6691 0.6691 0.7431 -59.2218 37.988)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='16.5' y='97.8' transform='matrix(0.6947 -0.7193 0.7193 0.6947 -64.236 46.3581)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='19.3' y='100.4' transform='matrix(0.6428 -0.766 0.766 0.6428 -68.6175 55.5822)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='22.3' y='102.7' transform='matrix(0.5878 -0.809 0.809 0.5878 -72.2355 65.6038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='25.4' y='104.8' transform='matrix(0.5299 -0.848 0.848 0.5299 -74.9657 76.3475)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='28.6' y='106.7' transform='matrix(0.4695 -0.8829 0.8829 0.4695 -76.693 87.7197)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='32' y='108.3' transform='matrix(0.4067 -0.9135 0.9135 0.4067 -77.3138 99.6102)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='35.5' y='109.7' transform='matrix(0.342 -0.9397 0.9397 0.342 -76.7383 111.8932)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='39.1' y='110.9' transform='matrix(0.2756 -0.9613 0.9613 0.2756 -74.893 124.43)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='42.8' y='111.8' transform='matrix(0.2079 -0.9781 0.9781 0.2079 -71.7222 137.0703)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='46.5' y='112.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 -67.1899 149.6558)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='50.2' y='112.9' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 -61.2806 162.0216)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='59' y='108' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='62.8' y='107.9' transform='matrix(0.9976 -6.975647e-02 6.975647e-02 0.9976 -7.7877 4.7255)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='66.5' y='107.5' transform='matrix(0.9903 -0.1392 0.1392 0.9903 -15.1355 10.5006)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='70.2' y='106.8' transform='matrix(0.9781 -0.2079 0.2079 0.9781 -21.9001 17.2744)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='73.9' y='105.9' transform='matrix(0.9613 -0.2756 0.2756 0.9613 -27.9452 24.9761)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='77.5' y='104.7' transform='matrix(0.9397 -0.342 0.342 0.9397 -33.1442 33.5167)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='81' y='103.3' transform='matrix(0.9135 -0.4067 0.4067 0.9135 -37.383 42.7899)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='84.4' y='101.7' transform='matrix(0.8829 -0.4695 0.4695 0.8829 -40.5617 52.6742)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='87.6' y='99.8' transform='matrix(0.848 -0.5299 0.5299 0.848 -42.5973 63.0348)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='90.7' y='97.7' transform='matrix(0.809 -0.5878 0.5878 0.809 -43.4248 73.7261)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='93.7' y='95.4' transform='matrix(0.766 -0.6428 0.6428 0.766 -42.999 84.594)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='96.5' y='92.8' transform='matrix(0.7193 -0.6947 0.6947 0.7193 -41.2954 95.4789)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='99.1' y='90.1' transform='matrix(0.6691 -0.7431 0.7431 0.6691 -38.3109 106.2184)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='101.6' y='87.2' transform='matrix(0.6157 -0.788 0.788 0.6157 -34.0637 116.6505)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='103.8' y='84.2' transform='matrix(0.5592 -0.829 0.829 0.5592 -28.5937 126.6159)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='105.8' y='81' transform='matrix(0.5 -0.866 0.866 0.5 -21.9615 135.9615)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='107.5' y='77.7' transform='matrix(0.4384 -0.8988 0.8988 0.4384 -14.2476 144.5431)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='109.1' y='74.2' transform='matrix(0.3746 -0.9272 0.9272 0.3746 -5.5511 152.2277)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='110.4' y='70.7' transform='matrix(0.309 -0.9511 0.9511 0.309 4.0122 158.8962)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='111.4' y='67.1' transform='matrix(0.2419 -0.9703 0.9703 0.2419 14.3114 164.4454)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.2' y='63.4' transform='matrix(0.1736 -0.9848 0.9848 0.1736 25.2032 168.79)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='112.7' y='59.6' transform='matrix(0.1045 -0.9945 0.9945 0.1045 36.5339 171.8641)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='113' y='55.9' transform='matrix(3.489950e-02 -0.9994 0.9994 3.489950e-02 48.1428 173.6225)' class='st0' width='2' height='12'/%3e%3c/g%3e%3cg%3e%3crect x='108' y='57.1' transform='matrix(0.9994 -3.489950e-02 3.489950e-02 0.9994 -1.9588 4.0128)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.7' y='53.4' transform='matrix(0.9945 -0.1045 0.1045 0.9945 -5.0588 12.1831)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='107.2' y='49.6' transform='matrix(0.9848 -0.1736 0.1736 0.9848 -7.0711 20.4225)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='106.4' y='45.9' transform='matrix(0.9703 -0.2419 0.2419 0.9703 -8.0163 28.5853)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='105.4' y='42.3' transform='matrix(0.9511 -0.309 0.309 0.9511 -7.9343 36.5311)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='104.1' y='38.8' transform='matrix(0.9272 -0.3746 0.3746 0.9272 -6.8838 44.1282)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='102.5' y='35.3' transform='matrix(0.8988 -0.4384 0.4384 0.8988 -4.9408 51.2552)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='100.8' y='32' transform='matrix(0.866 -0.5 0.5 0.866 -2.1962 57.8038)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='98.8' y='28.8' transform='matrix(0.829 -0.5592 0.5592 0.829 1.2454 63.6808)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='96.6' y='25.8' transform='matrix(0.788 -0.6157 0.6157 0.788 5.2685 68.8093)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='94.1' y='22.9' transform='matrix(0.7431 -0.6691 0.6691 0.7431 9.7488 73.1303)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='91.5' y='20.2' transform='matrix(0.6947 -0.7193 0.7193 0.6947 14.5562 76.6036)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='88.7' y='17.6' transform='matrix(0.6428 -0.766 0.766 0.6428 19.5576 79.2086)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='85.7' y='15.3' transform='matrix(0.5878 -0.809 0.809 0.5878 24.6192 80.944)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='82.6' y='13.2' transform='matrix(0.5299 -0.848 0.848 0.5299 29.6096 81.828)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='79.4' y='11.3' transform='matrix(0.4695 -0.8829 0.8829 0.4695 34.4027 81.8974)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='76' y='9.7' transform='matrix(0.4067 -0.9135 0.9135 0.4067 38.8799 81.2069)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='72.5' y='8.3' transform='matrix(0.342 -0.9397 0.9397 0.342 42.9327 79.8275)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='68.9' y='7.1' transform='matrix(0.2756 -0.9613 0.9613 0.2756 46.4651 77.845)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='65.2' y='6.2' transform='matrix(0.2079 -0.9781 0.9781 0.2079 49.3951 75.358)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='61.5' y='5.5' transform='matrix(0.1392 -0.9903 0.9903 0.1392 51.657 72.4756)' class='st0' width='12' height='2'/%3e%3c/g%3e%3cg%3e%3crect x='57.8' y='5.1' transform='matrix(6.975647e-02 -0.9976 0.9976 6.975647e-02 53.2021 69.3153)' class='st0' width='12' height='2'/%3e%3c/g%3e%3c/svg%3e\");\n}\n\n.progress-circle-figure {\n  transform: rotate(-90deg);\n  transition: stroke-dashoffset 0.375s ease-out;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  clip-path: inset(50%);\n  border: 0;\n}\n\n.progress-circle-label {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  font-size: 1.5rem;\n  font-weight: 500;\n\n  sup {\n    font-size: 0.875rem;\n    top: -.5em;\n    position: relative;\n    line-height: 0;\n    vertical-align: baseline;\n  }\n}\n\n.progress-circle-meter {\n  stroke: var(--wcs-white);\n}\n\n.progress-circle-value {\n  stroke: var(--wcs-primary);\n  stroke-linecap: round;\n}\n\n.progress-circle-value,\n.progress-circle-meter {\n  fill: none;\n}\n","import { Component, Prop, ComponentInterface, h } from '@stencil/core';\n\n@Component({\n    tag: 'wcs-progress-radial',\n    styleUrl: 'progress-radial.scss',\n    shadow: true\n})\nexport class ProgressRadial implements ComponentInterface {\n    @Prop() size: number = 120;\n    @Prop() showLabel: boolean = false;\n    @Prop() value: number = 0;\n\n    render() {\n        const { size, halfSize } = { size: this.size, halfSize: this.size / 2 };\n        return (\n            <div class= \"progress-circle\" data-component= \"radial-progress\">\n                <svg class= \"progress-circle-figure\"\n                    data-role= \"figure\"\n                    width= {this.size}\n                    height= {this.size}\n                    viewBox= {`0 0 ${size} ${size}`}\n                    style= {this.getSvgStyle()}\n                >\n                    <circle class= \"progress-circle-meter\" cx= {halfSize} cy= {halfSize} r= \"54\" stroke-width= \"12\" />\n                    <circle class= \"progress-circle-value\" cx= {halfSize} cy= {halfSize} r= \"54\" stroke-width= \"12\" />\n                </svg>\n                {this.showLabel &&\n                    <div class= \"progress-circle-label\" data-role= \"label\"><span><span data-role= \"labelvalue\">{this.value}</span><sup>%</sup></span></div>\n                }\n                <input data-role= \"control\" class= \"sr-only\" type= \"range\" value= {this.value} />\n            </div>\n        );\n    }\n\n    getSvgStyle() {\n        return {\n            'stroke-dasharray': '339.292',\n            'stroke-dashoffset': `${339.292 - (this.value / 100) * 339.292}`\n        };\n    }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,ylb,MCObC,EAAc,M,mCACA,I,eACM,M,WACL,C,CAExBC,SACI,MAAMC,KAAEA,EAAIC,SAAEA,GAAa,CAAED,KAAME,KAAKF,KAAMC,SAAUC,KAAKF,KAAO,GACpE,OACIG,EAAA,OAAKC,MAAO,kBAAiB,iBAAiB,mBAC1CD,EAAA,OAAKC,MAAO,yBAAwB,YACrB,SACXC,MAAQH,KAAKF,KACbM,OAASJ,KAAKF,KACdO,QAAU,OAAOP,KAAQA,IACzBQ,MAAQN,KAAKO,eAEbN,EAAA,UAAQC,MAAO,wBAAwBM,GAAKT,EAAUU,GAAKV,EAAUW,EAAG,KAAI,eAAe,OAC3FT,EAAA,UAAQC,MAAO,wBAAwBM,GAAKT,EAAUU,GAAKV,EAAUW,EAAG,KAAI,eAAe,QAE9FV,KAAKW,WACFV,EAAA,OAAKC,MAAO,wBAAuB,YAAY,SAAQD,EAAA,YAAMA,EAAA,oBAAiB,cAAcD,KAAKY,OAAaX,EAAA,kBAElHA,EAAA,qBAAkB,UAAUC,MAAO,UAAUW,KAAM,QAAQD,MAAQZ,KAAKY,Q,CAKpFL,cACI,MAAO,CACH,mBAAoB,UACpB,oBAAqB,GAAG,QAAWP,KAAKY,MAAQ,IAAO,U"}

package/dist/wcs/p-ec84d6fd.entry.js

@@ -1,16 +0,0 @@
-import{h as t,r,c as e,H as i,g as n}from"./p-a2df3a49.js";import{S as s}from"./p-d6c3e615.js";import{s as a,l as o,a as c,n as f,i as u,q as l,o as d,p as h,t as p,u as v,e as m,b as y,m as g,v as w}from"./p-3dc6b507.js";import{w as b}from"./p-8181f8cd.js";import{c as x}from"./p-314d3097.js";import{M as O}from"./p-04ad2b73.js";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var S=function(){S=Object.assign||function t(r){for(var e,i=1,n=arguments.length;i<n;i++){e=arguments[i];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))r[s]=e[s]}return r};return S.apply(this,arguments)};function k(t,r){var e={};for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&r.indexOf(i)<0)e[i]=t[i];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,i=Object.getOwnPropertySymbols(t);n<i.length;n++){if(r.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n]))e[i[n]]=t[i[n]]}return e}function j(t){var r=typeof Symbol==="function"&&Symbol.iterator,e=r&&t[r],i=0;if(e)return e.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&i>=t.length)t=void 0;return{value:t&&t[i++],done:!t}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}function z(t,r){var e=typeof Symbol==="function"&&t[Symbol.iterator];if(!e)return t;var i=e.call(t),n,s=[],a;try{while((r===void 0||r-- >0)&&!(n=i.next()).done)s.push(n.value)}catch(t){a={error:t}}finally{try{if(n&&!n.done&&(e=i["return"]))e.call(i)}finally{if(a)throw a.error}}return s}function E(t,r,e){if(e||arguments.length===2)for(var i=0,n=r.length,s;i<n;i++){if(s||!(i in r)){if(!s)s=Array.prototype.slice.call(r,0,i);s[i]=r[i]}}return t.concat(s||Array.prototype.slice.call(r))}var C;(function(t){t["Start"]="xstate.start";t["Stop"]="xstate.stop";t["Raise"]="xstate.raise";t["Send"]="xstate.send";t["Cancel"]="xstate.cancel";t["NullEvent"]="";t["Assign"]="xstate.assign";t["After"]="xstate.after";t["DoneState"]="done.state";t["DoneInvoke"]="done.invoke";t["Log"]="xstate.log";t["Init"]="xstate.init";t["Invoke"]="xstate.invoke";t["ErrorExecution"]="error.execution";t["ErrorCommunication"]="error.communication";t["ErrorPlatform"]="error.platform";t["ErrorCustom"]="xstate.error";t["Update"]="xstate.update";t["Pure"]="xstate.pure";t["Choose"]="xstate.choose"})(C||(C={}));var _;(function(t){t["Parent"]="#_parent";t["Internal"]="#_internal"})(_||(_={}));var T=C.Start;var L=C.Stop;var N=C.Raise;var A=C.Send;var I=C.Cancel;var M=C.NullEvent;var D=C.Assign;var P=C.Log;var V=C.Init;var B=C.Invoke;var $=C.ErrorPlatform;var F=C.ErrorCustom;var J=C.Update;var U=C.Choose;var W=C.Pure;var K=".";var R={};var q="xstate.guard";var H="";var G;function Q(t,r,e){if(e===void 0){e=K}var i=tt(t,e);var n=tt(r,e);if(bt(n)){if(bt(i)){return n===i}return false}if(bt(i)){return i in n}return Object.keys(i).every((function(t){if(!(t in n)){return false}return Q(i[t],n[t])}))}function X(t){try{return bt(t)||typeof t==="number"?"".concat(t):t.type}catch(t){throw new Error("Events must be strings or objects with a string event.type property.")}}function Y(t,r){try{if(gt(t)){return t}return t.toString().split(r)}catch(r){throw new Error("'".concat(t,"' is not a valid state path."))}}function Z(t){return typeof t==="object"&&"value"in t&&"context"in t&&"event"in t&&"_event"in t}function tt(t,r){if(Z(t)){return t.value}if(gt(t)){return rt(t)}if(typeof t!=="string"){return t}var e=Y(t,r);return rt(e)}function rt(t){if(t.length===1){return t[0]}var r={};var e=r;for(var i=0;i<t.length-1;i++){if(i===t.length-2){e[t[i]]=t[i+1]}else{e[t[i]]={};e=e[t[i]]}}return r}function et(t,r){var e={};var i=Object.keys(t);for(var n=0;n<i.length;n++){var s=i[n];e[s]=r(t[s],s,t,n)}return e}function it(t,r,e){var i,n;var s={};try{for(var a=j(Object.keys(t)),o=a.next();!o.done;o=a.next()){var c=o.value;var f=t[c];if(!e(f)){continue}s[c]=r(f,c,t)}}catch(t){i={error:t}}finally{try{if(o&&!o.done&&(n=a.return))n.call(a)}finally{if(i)throw i.error}}return s}var nt=function(t){return function(r){var e,i;var n=r;try{for(var s=j(t),a=s.next();!a.done;a=s.next()){var o=a.value;n=n[o]}}catch(t){e={error:t}}finally{try{if(a&&!a.done&&(i=s.return))i.call(s)}finally{if(e)throw e.error}}return n}};function st(t,r){return function(e){var i,n;var s=e;try{for(var a=j(t),o=a.next();!o.done;o=a.next()){var c=o.value;s=s[r][c]}}catch(t){i={error:t}}finally{try{if(o&&!o.done&&(n=a.return))n.call(a)}finally{if(i)throw i.error}}return s}}function at(t){if(!t){return[[]]}if(bt(t)){return[[t]]}var r=ot(Object.keys(t).map((function(r){var e=t[r];if(typeof e!=="string"&&(!e||!Object.keys(e).length)){return[[r]]}return at(t[r]).map((function(t){return[r].concat(t)}))})));return r}function ot(t){var r;return(r=[]).concat.apply(r,E([],z(t),false))}function ct(t){if(gt(t)){return t}return[t]}function ft(t){if(t===undefined){return[]}return ct(t)}function ut(t,r,e){var i,n;if(wt(t)){return t(r,e.data)}var s={};try{for(var a=j(Object.keys(t)),o=a.next();!o.done;o=a.next()){var c=o.value;var f=t[c];if(wt(f)){s[c]=f(r,e.data)}else{s[c]=f}}}catch(t){i={error:t}}finally{try{if(o&&!o.done&&(n=a.return))n.call(a)}finally{if(i)throw i.error}}return s}function lt(t){return/^(done|error)\./.test(t)}function dt(t){if(t instanceof Promise){return true}if(t!==null&&(wt(t)||typeof t==="object")&&wt(t.then)){return true}return false}function ht(t){return t!==null&&typeof t==="object"&&"transition"in t&&typeof t.transition==="function"}function pt(t,r){var e,i;var n=z([[],[]],2),s=n[0],a=n[1];try{for(var o=j(t),c=o.next();!c.done;c=o.next()){var f=c.value;if(r(f)){s.push(f)}else{a.push(f)}}}catch(t){e={error:t}}finally{try{if(c&&!c.done&&(i=o.return))i.call(o)}finally{if(e)throw e.error}}return[s,a]}function vt(t,r){return et(t.states,(function(t,e){if(!t){return undefined}var i=(bt(r)?undefined:r[e])||(t?t.current:undefined);if(!i){return undefined}return{current:i,states:vt(t,i)}}))}function mt(t,r){return{current:r,states:vt(t,r)}}function yt(t,r,e,i){var n=t?e.reduce((function(t,e){var n,s;var a=e.assignment;var o={state:i,action:e,_event:r};var c={};if(wt(a)){c=a(t,r.data,o)}else{try{for(var f=j(Object.keys(a)),u=f.next();!u.done;u=f.next()){var l=u.value;var d=a[l];c[l]=wt(d)?d(t,r.data,o):d}}catch(t){n={error:t}}finally{try{if(u&&!u.done&&(s=f.return))s.call(f)}finally{if(n)throw n.error}}}return Object.assign({},t,c)}),t):t;return n}function gt(t){return Array.isArray(t)}function wt(t){return typeof t==="function"}function bt(t){return typeof t==="string"}function xt(t,r){if(!t){return undefined}if(bt(t)){return{type:q,name:t,predicate:r?r[t]:undefined}}if(wt(t)){return{type:q,name:t.name,predicate:t}}return t}function Ot(t){try{return"subscribe"in t&&wt(t.subscribe)}catch(t){return false}}var St=function(){return typeof Symbol==="function"&&Symbol.observable||"@@observable"}();G={},G[St]=function(){return this},G[Symbol.observable]=function(){return this},G;function kt(t){return!!t&&"__xstatenode"in t}function jt(t){return!!t&&typeof t.send==="function"}function zt(t,r){if(bt(t)||typeof t==="number"){return S({type:t},r)}return t}function Et(t,r){if(!bt(t)&&"$$type"in t&&t.$$type==="scxml"){return t}var e=zt(t);return S({name:e.type,data:e,$$type:"scxml",type:"external"},r)}function Ct(t,r){var e=ct(r).map((function(r){if(typeof r==="undefined"||typeof r==="string"||kt(r)){return{target:r,event:t}}return S(S({},r),{event:t})}));return e}function _t(t){if(t===undefined||t===H){return undefined}return ft(t)}function Tt(t,r,e,i,n){var s=t.options.guards;var a={state:n,cond:r,_event:i};if(r.type===q){return((s===null||s===void 0?void 0:s[r.name])||r.predicate)(e,i.data,a)}var o=s===null||s===void 0?void 0:s[r.type];if(!o){throw new Error("Guard '".concat(r.type,"' is not implemented on machine '").concat(t.id,"'."))}return o(e,i.data,a)}function Lt(t){if(typeof t==="string"){return{type:t}}return t}function Nt(t,r,e){var i=function(){};var n=typeof t==="object";var s=n?t:null;return{next:((n?t.next:t)||i).bind(s),error:((n?t.error:r)||i).bind(s),complete:((n?t.complete:e)||i).bind(s)}}function At(t,r){return"".concat(t,":invocation[").concat(r,"]")}function It(t){return(t.type===N||t.type===A&&t.to===_.Internal)&&typeof t.delay!=="number"}var Mt=Et({type:V});function Dt(t,r){return r?r[t]||undefined:undefined}function Pt(t,r){var e;if(bt(t)||typeof t==="number"){var i=Dt(t,r);if(wt(i)){e={type:t,exec:i}}else if(i){e=i}else{e={type:t,exec:undefined}}}else if(wt(t)){e={type:t.name||t.toString(),exec:t}}else{var i=Dt(t.type,r);if(wt(i)){e=S(S({},t),{exec:i})}else if(i){var n=i.type||t.type;e=S(S(S({},i),t),{type:n})}else{e=t}}return e}var Vt=function(t,r){if(!t){return[]}var e=gt(t)?t:[t];return e.map((function(t){return Pt(t,r)}))};function Bt(t){var r=Pt(t);return S(S({id:bt(t)?t:r.id},r),{type:r.type})}function $t(t,r){return{type:N,event:typeof t==="function"?t:zt(t),delay:r?r.delay:undefined,id:r===null||r===void 0?void 0:r.id}}function Ft(t,r,e,i){var n={_event:e};var s=Et(wt(t.event)?t.event(r,e.data,n):t.event);var a;if(bt(t.delay)){var o=i&&i[t.delay];a=wt(o)?o(r,e.data,n):o}else{a=wt(t.delay)?t.delay(r,e.data,n):t.delay}return S(S({},t),{type:N,_event:s,delay:a})}function Jt(t,r){return{to:r?r.to:undefined,type:A,event:wt(t)?t:zt(t),delay:r?r.delay:undefined,id:r&&r.id!==undefined?r.id:wt(t)?t.name:X(t)}}function Ut(t,r,e,i){var n={_event:e};var s=Et(wt(t.event)?t.event(r,e.data,n):t.event);var a;if(bt(t.delay)){var o=i&&i[t.delay];a=wt(o)?o(r,e.data,n):o}else{a=wt(t.delay)?t.delay(r,e.data,n):t.delay}var c=wt(t.to)?t.to(r,e.data,n):t.to;return S(S({},t),{to:c,_event:s,event:s.data,delay:a})}var Wt=function(t,r,e){return S(S({},t),{value:bt(t.expr)?t.expr:t.expr(r,e.data,{_event:e})})};var Kt=function(t){return{type:I,sendId:t}};function Rt(t){var r=Bt(t);return{type:C.Start,activity:r,exec:undefined}}function qt(t){var r=wt(t)?t:Bt(t);return{type:C.Stop,activity:r,exec:undefined}}function Ht(t,r,e){var i=wt(t.activity)?t.activity(r,e.data):t.activity;var n=typeof i==="string"?{id:i}:i;var s={type:C.Stop,activity:n};return s}function Gt(t,r){var e=r?"#".concat(r):"";return"".concat(C.After,"(").concat(t,")").concat(e)}function Qt(t,r){var e="".concat(C.DoneState,".").concat(t);var i={type:e,data:r};i.toString=function(){return e};return i}function Xt(t,r){var e="".concat(C.DoneInvoke,".").concat(t);var i={type:e,data:r};i.toString=function(){return e};return i}function Yt(t,r){var e="".concat(C.ErrorPlatform,".").concat(t);var i={type:e,data:r};i.toString=function(){return e};return i}var Zt=function(t){var r,e;var i=[];try{for(var n=j(t),s=n.next();!s.done;s=n.next()){var a=s.value;var o=0;while(o<a.actions.length){if(a.actions[o].type===D){i.push(a.actions[o]);a.actions.splice(o,1);continue}o++}}}catch(t){r={error:t}}finally{try{if(s&&!s.done&&(e=n.return))e.call(n)}finally{if(r)throw r.error}}return i};function tr(t,r,e,i,n,s,a){if(a===void 0){a=false}var o=a?[]:Zt(n);var c=o.length?yt(e,i,o,r):e;var f=a?[e]:undefined;var u=[];function l(n,o){var l;switch(o.type){case N:{var d=Ft(o,c,i,t.options.delays);if(s&&typeof d.delay==="number"){s(d,c,i)}return d}case A:var h=Ut(o,c,i,t.options.delays);if(s&&h.to!==_.Internal){if(n==="entry"){u.push(h)}else{s(h,c,i)}}return h;case P:{var p=Wt(o,c,i);s===null||s===void 0?void 0:s(p,c,i);return p}case U:{var v=o;var m=(l=v.conds.find((function(e){var n=xt(e.cond,t.options.guards);return!n||Tt(t,n,c,i,!s?r:undefined)})))===null||l===void 0?void 0:l.actions;if(!m){return[]}var y=z(tr(t,r,c,i,[{type:n,actions:Vt(ft(m),t.options.actions)}],s,a),2),g=y[0],w=y[1];c=w;f===null||f===void 0?void 0:f.push(c);return g}case W:{var m=o.get(c,i.data);if(!m){return[]}var b=z(tr(t,r,c,i,[{type:n,actions:Vt(ft(m),t.options.actions)}],s,a),2),x=b[0],O=b[1];c=O;f===null||f===void 0?void 0:f.push(c);return x}case L:{var p=Ht(o,c,i);s===null||s===void 0?void 0:s(p,e,i);return p}case D:{c=yt(c,i,[o],!s?r:undefined);f===null||f===void 0?void 0:f.push(c);break}default:var k=Pt(o,t.options.actions);var j=k.exec;if(s){s(k,c,i)}else if(j&&f){var C=f.length-1;var T=S(S({},k),{exec:function(t){var r=[];for(var e=1;e<arguments.length;e++){r[e-1]=arguments[e]}j.apply(void 0,E([f[C]],z(r),false))}});k=T}return k}}function d(t){var r,e;var n=[];try{for(var a=j(t.actions),o=a.next();!o.done;o=a.next()){var f=o.value;var d=l(t.type,f);if(d){n=n.concat(d)}}}catch(t){r={error:t}}finally{try{if(o&&!o.done&&(e=a.return))e.call(a)}finally{if(r)throw r.error}}u.forEach((function(t){s(t,c,i)}));u.length=0;return n}var h=ot(n.map(d));return[h,c]}var rr=function(t,r){var e=r(t);return e};function er(t){var r;return r={id:t,send:function(){return void 0},subscribe:function(){return{unsubscribe:function(){return void 0}}},getSnapshot:function(){return undefined},toJSON:function(){return{id:t}}},r[St]=function(){return this},r}function ir(t,r,e,i){var n;var s=Lt(t.src);var a=(n=r===null||r===void 0?void 0:r.options.services)===null||n===void 0?void 0:n[s.type];var o=t.data?ut(t.data,e,i):undefined;var c=a?nr(a,t.id,o):er(t.id);c.meta=t;return c}function nr(t,r,e){var i=er(r);i.deferred=true;if(kt(t)){var n=i.state=rr(undefined,(function(){return(e?t.withContext(e):t).initialState}));i.getSnapshot=function(){return n}}return i}function sr(t){try{return typeof t.send==="function"}catch(t){return false}}function ar(t){return sr(t)&&"id"in t}function or(t){var r;return S((r={subscribe:function(){return{unsubscribe:function(){return void 0}}},id:"anonymous",getSnapshot:function(){return undefined}},r[St]=function(){return this},r),t)}var cr=function(t){return t.type==="atomic"||t.type==="final"};function fr(t){return Object.keys(t.states).map((function(r){return t.states[r]}))}function ur(t){return fr(t).filter((function(t){return t.type!=="history"}))}function lr(t){var r=[t];if(cr(t)){return r}return r.concat(ot(ur(t).map(lr)))}function dr(t,r){var e,i,n,s,a,o,c,f;var u=new Set(t);var l=pr(u);var d=new Set(r);try{for(var h=j(d),p=h.next();!p.done;p=h.next()){var v=p.value;var m=v.parent;while(m&&!d.has(m)){d.add(m);m=m.parent}}}catch(t){e={error:t}}finally{try{if(p&&!p.done&&(i=h.return))i.call(h)}finally{if(e)throw e.error}}var y=pr(d);try{for(var g=j(d),w=g.next();!w.done;w=g.next()){var v=w.value;if(v.type==="compound"&&(!y.get(v)||!y.get(v).length)){if(l.get(v)){l.get(v).forEach((function(t){return d.add(t)}))}else{v.initialStateNodes.forEach((function(t){return d.add(t)}))}}else{if(v.type==="parallel"){try{for(var b=(a=void 0,j(ur(v))),x=b.next();!x.done;x=b.next()){var O=x.value;if(!d.has(O)){d.add(O);if(l.get(O)){l.get(O).forEach((function(t){return d.add(t)}))}else{O.initialStateNodes.forEach((function(t){return d.add(t)}))}}}}catch(t){a={error:t}}finally{try{if(x&&!x.done&&(o=b.return))o.call(b)}finally{if(a)throw a.error}}}}}}catch(t){n={error:t}}finally{try{if(w&&!w.done&&(s=g.return))s.call(g)}finally{if(n)throw n.error}}try{for(var S=j(d),k=S.next();!k.done;k=S.next()){var v=k.value;var m=v.parent;while(m&&!d.has(m)){d.add(m);m=m.parent}}}catch(t){c={error:t}}finally{try{if(k&&!k.done&&(f=S.return))f.call(S)}finally{if(c)throw c.error}}return d}function hr(t,r){var e=r.get(t);if(!e){return{}}if(t.type==="compound"){var i=e[0];if(i){if(cr(i)){return i.key}}else{return{}}}var n={};e.forEach((function(t){n[t.key]=hr(t,r)}));return n}function pr(t){var r,e;var i=new Map;try{for(var n=j(t),s=n.next();!s.done;s=n.next()){var a=s.value;if(!i.has(a)){i.set(a,[])}if(a.parent){if(!i.has(a.parent)){i.set(a.parent,[])}i.get(a.parent).push(a)}}}catch(t){r={error:t}}finally{try{if(s&&!s.done&&(e=n.return))e.call(n)}finally{if(r)throw r.error}}return i}function vr(t,r){var e=dr([t],r);return hr(t,pr(e))}function mr(t,r){if(Array.isArray(t)){return t.some((function(t){return t===r}))}if(t instanceof Set){return t.has(r)}return false}function yr(t){return E([],z(new Set(ot(E([],z(t.map((function(t){return t.ownEvents}))),false)))),false)}function gr(t,r){if(r.type==="compound"){return ur(r).some((function(r){return r.type==="final"&&mr(t,r)}))}if(r.type==="parallel"){return ur(r).every((function(r){return gr(t,r)}))}return false}function wr(t){if(t===void 0){t=[]}return t.reduce((function(t,r){if(r.meta!==undefined){t[r.id]=r.meta}return t}),{})}function br(t){return new Set(ot(t.map((function(t){return t.tags}))))}function xr(t,r){if(t===r){return true}if(t===undefined||r===undefined){return false}if(bt(t)||bt(r)){return t===r}var e=Object.keys(t);var i=Object.keys(r);return e.length===i.length&&e.every((function(e){return xr(t[e],r[e])}))}function Or(t){if(typeof t!=="object"||t===null){return false}return"value"in t&&"_event"in t}function Sr(t,r){var e=t.exec;var i=S(S({},t),{exec:e!==undefined?function(){return e(r.context,r.event,{action:t,state:r,_event:r._event})}:undefined});return i}var kr=function(){function t(t){var r=this;var e;this.actions=[];this.activities=R;this.meta={};this.events=[];this.value=t.value;this.context=t.context;this._event=t._event;this._sessionid=t._sessionid;this.event=this._event.data;this.historyValue=t.historyValue;this.history=t.history;this.actions=t.actions||[];this.activities=t.activities||R;this.meta=wr(t.configuration);this.events=t.events||[];this.matches=this.matches.bind(this);this.toStrings=this.toStrings.bind(this);this.configuration=t.configuration;this.transitions=t.transitions;this.children=t.children;this.done=!!t.done;this.tags=(e=Array.isArray(t.tags)?new Set(t.tags):t.tags)!==null&&e!==void 0?e:new Set;this.machine=t.machine;Object.defineProperty(this,"nextEvents",{get:function(){return yr(r.configuration)}})}t.from=function(r,e){if(r instanceof t){if(r.context!==e){return new t({value:r.value,context:e,_event:r._event,_sessionid:null,historyValue:r.historyValue,history:r.history,actions:[],activities:r.activities,meta:{},events:[],configuration:[],transitions:[],children:{}})}return r}var i=Mt;return new t({value:r,context:e,_event:i,_sessionid:null,historyValue:undefined,history:undefined,actions:[],activities:undefined,meta:undefined,events:[],configuration:[],transitions:[],children:{}})};t.create=function(r){return new t(r)};t.inert=function(r,e){if(r instanceof t){if(!r.actions.length){return r}var i=Mt;return new t({value:r.value,context:e,_event:i,_sessionid:null,historyValue:r.historyValue,history:r.history,activities:r.activities,configuration:r.configuration,transitions:[],children:{}})}return t.from(r,e)};t.prototype.toStrings=function(t,r){var e=this;if(t===void 0){t=this.value}if(r===void 0){r="."}if(bt(t)){return[t]}var i=Object.keys(t);return i.concat.apply(i,E([],z(i.map((function(i){return e.toStrings(t[i],r).map((function(t){return i+r+t}))}))),false))};t.prototype.toJSON=function(){var t=this;var r=t.tags;var e=k(t,["configuration","transitions","tags","machine"]);return S(S({},e),{tags:Array.from(r)})};t.prototype.matches=function(t){return Q(t,this.value)};t.prototype.hasTag=function(t){return this.tags.has(t)};t.prototype.can=function(t){var r;var e=(r=this.machine)===null||r===void 0?void 0:r.getTransitionData(this,t);return!!(e===null||e===void 0?void 0:e.transitions.length)&&e.transitions.some((function(t){return t.target!==undefined||t.actions.length}))};return t}();var jr={deferEvents:false};var zr=function(){function t(t){this.processingEvent=false;this.queue=[];this.initialized=false;this.options=S(S({},jr),t)}t.prototype.initialize=function(t){this.initialized=true;if(t){if(!this.options.deferEvents){this.schedule(t);return}this.process(t)}this.flushEvents()};t.prototype.schedule=function(t){if(!this.initialized||this.processingEvent){this.queue.push(t);return}if(this.queue.length!==0){throw new Error("Event queue should be empty when it is not processing events")}this.process(t);this.flushEvents()};t.prototype.clear=function(){this.queue=[]};t.prototype.flushEvents=function(){var t=this.queue.shift();while(t){this.process(t);t=this.queue.shift()}};t.prototype.process=function(t){this.processingEvent=true;try{t()}catch(t){this.clear();throw t}finally{this.processingEvent=false}};return t}();var Er=new Map;var Cr=0;var _r={bookId:function(){return"x:".concat(Cr++)},register:function(t,r){Er.set(t,r);return t},get:function(t){return Er.get(t)},free:function(t){Er.delete(t)}};function Tr(){if(typeof globalThis!=="undefined"){return globalThis}if(typeof self!=="undefined"){return self}if(typeof window!=="undefined"){return window}if(typeof global!=="undefined"){return global}}function Lr(){var t=Tr();if(t&&"__xstate__"in t){return t.__xstate__}return undefined}function Nr(t){if(!Tr()){return}var r=Lr();if(r){r.register(t)}}function Ar(t,r){if(r===void 0){r={}}var e=t.initialState;var i=new Set;var n=[];var s=false;var a=function(){if(s){return}s=true;while(n.length>0){var r=n.shift();e=t.transition(e,r,c);i.forEach((function(t){return t.next(e)}))}s=false};var o=or({id:r.id,send:function(t){n.push(t);a()},getSnapshot:function(){return e},subscribe:function(t,r,n){var s=Nt(t,r,n);i.add(s);s.next(e);return{unsubscribe:function(){i.delete(s)}}}});var c={parent:r.parent,self:o,id:r.id||"anonymous",observers:i};e=t.start?t.start(c):e;return o}var Ir={sync:false,autoForward:false};var Mr;(function(t){t[t["NotStarted"]=0]="NotStarted";t[t["Running"]=1]="Running";t[t["Stopped"]=2]="Stopped"})(Mr||(Mr={}));var Dr=function(){function t(r,e){if(e===void 0){e=t.defaultOptions}var i=this;this.machine=r;this.delayedEventsMap={};this.listeners=new Set;this.contextListeners=new Set;this.stopListeners=new Set;this.doneListeners=new Set;this.eventListeners=new Set;this.sendListeners=new Set;this.initialized=false;this.status=Mr.NotStarted;this.children=new Map;this.forwardTo=new Set;this._outgoingQueue=[];this.init=this.start;this.send=function(t,r){if(gt(t)){i.batch(t);return i.state}var e=Et(zt(t,r));if(i.status===Mr.Stopped){return i.state}if(i.status!==Mr.Running&&!i.options.deferEvents){throw new Error('Event "'.concat(e.name,'" was sent to uninitialized service "').concat(i.machine.id,'". Make sure .start() is called for this service, or set { deferEvents: true } in the service options.\nEvent: ').concat(JSON.stringify(e.data)))}i.scheduler.schedule((function(){i.forward(e);var t=i._nextState(e);i.update(t,e)}));return i._state};this.sendTo=function(t,r,e){var n=i.parent&&(r===_.Parent||i.parent.id===r);var s=n?i.parent:bt(r)?r===_.Internal?i:i.children.get(r)||_r.get(r):jt(r)?r:undefined;if(!s){if(!n){throw new Error("Unable to send event to child '".concat(r,"' from service '").concat(i.id,"'."))}return}if("machine"in s){if(i.status!==Mr.Stopped||i.parent!==s||i.state.done){var a=S(S({},t),{name:t.name===F?"".concat(Yt(i.id)):t.name,origin:i.sessionId});if(!e&&i.machine.config.predictableActionArguments){i._outgoingQueue.push([s,a])}else{s.send(a)}}}else{if(!e&&i.machine.config.predictableActionArguments){i._outgoingQueue.push([s,t.data])}else{s.send(t.data)}}};this._exec=function(t,r,e,n){if(n===void 0){n=i.machine.options.actions}var s=t.exec||Dt(t.type,n);var a=wt(s)?s:s?s.exec:t.exec;if(a){try{return a(r,e.data,!i.machine.config.predictableActionArguments?{action:t,state:i.state,_event:e}:{action:t,_event:e})}catch(t){if(i.parent){i.parent.send({type:"xstate.error",data:t})}throw t}}switch(t.type){case N:{var o=t;i.defer(o);break}case A:var c=t;if(typeof c.delay==="number"){i.defer(c);return}else{if(c.to){i.sendTo(c._event,c.to,e===Mt)}else{i.send(c._event)}}break;case I:i.cancel(t.sendId);break;case T:{if(i.status!==Mr.Running){return}var f=t.activity;if(!i.machine.config.predictableActionArguments&&!i.state.activities[f.id||f.type]){break}if(f.type===C.Invoke){var u=Lt(f.src);var l=i.machine.options.services?i.machine.options.services[u.type]:undefined;var d=f.id,h=f.data;var p="autoForward"in f?f.autoForward:!!f.forward;if(!l){return}var v=h?ut(h,r,e):undefined;if(typeof l==="string"){return}var m=wt(l)?l(r,e.data,{data:v,src:u,meta:f.meta}):l;if(!m){return}var y=void 0;if(kt(m)){m=v?m.withContext(v):m;y={autoForward:p}}i.spawn(m,d,y)}else{i.spawnActivity(f)}break}case L:{i.stopChild(t.activity.id);break}case P:var g=t,w=g.label,b=g.value;if(w){i.logger(w,b)}else{i.logger(b)}break}};var n=S(S({},t.defaultOptions),e);var s=n.clock,a=n.logger,o=n.parent,c=n.id;var f=c!==undefined?c:r.id;this.id=f;this.logger=a;this.clock=s;this.parent=o;this.options=n;this.scheduler=new zr({deferEvents:this.options.deferEvents});this.sessionId=_r.bookId()}Object.defineProperty(t.prototype,"initialState",{get:function(){var t=this;if(this._initialState){return this._initialState}return rr(this,(function(){t._initialState=t.machine.initialState;return t._initialState}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"state",{get:function(){return this._state},enumerable:false,configurable:true});t.prototype.execute=function(t,r){var e,i;try{for(var n=j(t.actions),s=n.next();!s.done;s=n.next()){var a=s.value;this.exec(a,t,r)}}catch(t){e={error:t}}finally{try{if(s&&!s.done&&(i=n.return))i.call(n)}finally{if(e)throw e.error}}};t.prototype.update=function(t,r){var e,i,n,s,a,o,c,f;var u=this;t._sessionid=this.sessionId;this._state=t;if((!this.machine.config.predictableActionArguments||r===Mt)&&this.options.execute){this.execute(this.state)}else{var l=void 0;while(l=this._outgoingQueue.shift()){l[0].send(l[1])}}this.children.forEach((function(t){u.state.children[t.id]=t}));if(this.devTools){this.devTools.send(r.data,t)}if(t.event){try{for(var d=j(this.eventListeners),h=d.next();!h.done;h=d.next()){var p=h.value;p(t.event)}}catch(t){e={error:t}}finally{try{if(h&&!h.done&&(i=d.return))i.call(d)}finally{if(e)throw e.error}}}try{for(var v=j(this.listeners),m=v.next();!m.done;m=v.next()){var p=m.value;p(t,t.event)}}catch(t){n={error:t}}finally{try{if(m&&!m.done&&(s=v.return))s.call(v)}finally{if(n)throw n.error}}try{for(var y=j(this.contextListeners),g=y.next();!g.done;g=y.next()){var w=g.value;w(this.state.context,this.state.history?this.state.history.context:undefined)}}catch(t){a={error:t}}finally{try{if(g&&!g.done&&(o=y.return))o.call(y)}finally{if(a)throw a.error}}if(this.state.done){var b=t.configuration.find((function(t){return t.type==="final"&&t.parent===u.machine}));var x=b&&b.doneData?ut(b.doneData,t.context,r):undefined;this._doneEvent=Xt(this.id,x);try{for(var O=j(this.doneListeners),S=O.next();!S.done;S=O.next()){var p=S.value;p(this._doneEvent)}}catch(t){c={error:t}}finally{try{if(S&&!S.done&&(f=O.return))f.call(O)}finally{if(c)throw c.error}}this._stop();this._stopChildren();_r.free(this.sessionId)}};t.prototype.onTransition=function(t){this.listeners.add(t);if(this.status===Mr.Running){t(this.state,this.state.event)}return this};t.prototype.subscribe=function(t,r,e){var i=this;var n=Nt(t,r,e);this.listeners.add(n.next);if(this.status!==Mr.NotStarted){n.next(this.state)}var s=function(){i.doneListeners.delete(s);i.stopListeners.delete(s);n.complete()};if(this.status===Mr.Stopped){n.complete()}else{this.onDone(s);this.onStop(s)}return{unsubscribe:function(){i.listeners.delete(n.next);i.doneListeners.delete(s);i.stopListeners.delete(s)}}};t.prototype.onEvent=function(t){this.eventListeners.add(t);return this};t.prototype.onSend=function(t){this.sendListeners.add(t);return this};t.prototype.onChange=function(t){this.contextListeners.add(t);return this};t.prototype.onStop=function(t){this.stopListeners.add(t);return this};t.prototype.onDone=function(t){if(this.status===Mr.Stopped&&this._doneEvent){t(this._doneEvent)}else{this.doneListeners.add(t)}return this};t.prototype.off=function(t){this.listeners.delete(t);this.eventListeners.delete(t);this.sendListeners.delete(t);this.stopListeners.delete(t);this.doneListeners.delete(t);this.contextListeners.delete(t);return this};t.prototype.start=function(t){var r=this;if(this.status===Mr.Running){return this}this.machine._init();_r.register(this.sessionId,this);this.initialized=true;this.status=Mr.Running;var e=t===undefined?this.initialState:rr(this,(function(){return Or(t)?r.machine.resolveState(t):r.machine.resolveState(kr.from(t,r.machine.context))}));if(this.options.devTools){this.attachDev()}this.scheduler.initialize((function(){r.update(e,Mt)}));return this};t.prototype._stopChildren=function(){this.children.forEach((function(t){if(wt(t.stop)){t.stop()}}));this.children.clear()};t.prototype._stop=function(){var t,r,e,i,n,s,a,o,c,f;try{for(var u=j(this.listeners),l=u.next();!l.done;l=u.next()){var d=l.value;this.listeners.delete(d)}}catch(r){t={error:r}}finally{try{if(l&&!l.done&&(r=u.return))r.call(u)}finally{if(t)throw t.error}}try{for(var h=j(this.stopListeners),p=h.next();!p.done;p=h.next()){var d=p.value;d();this.stopListeners.delete(d)}}catch(t){e={error:t}}finally{try{if(p&&!p.done&&(i=h.return))i.call(h)}finally{if(e)throw e.error}}try{for(var v=j(this.contextListeners),m=v.next();!m.done;m=v.next()){var d=m.value;this.contextListeners.delete(d)}}catch(t){n={error:t}}finally{try{if(m&&!m.done&&(s=v.return))s.call(v)}finally{if(n)throw n.error}}try{for(var y=j(this.doneListeners),g=y.next();!g.done;g=y.next()){var d=g.value;this.doneListeners.delete(d)}}catch(t){a={error:t}}finally{try{if(g&&!g.done&&(o=y.return))o.call(y)}finally{if(a)throw a.error}}if(!this.initialized){return this}this.initialized=false;this.status=Mr.Stopped;this._initialState=undefined;try{for(var w=j(Object.keys(this.delayedEventsMap)),b=w.next();!b.done;b=w.next()){var x=b.value;this.clock.clearTimeout(this.delayedEventsMap[x])}}catch(t){c={error:t}}finally{try{if(b&&!b.done&&(f=w.return))f.call(w)}finally{if(c)throw c.error}}this.scheduler.clear();this.scheduler=new zr({deferEvents:this.options.deferEvents})};t.prototype.stop=function(){var t=this;var r=this.scheduler;this._stop();r.schedule((function(){var r=Et({type:"xstate.stop"});var e=rr(t,(function(){var e=ot(E([],z(t.state.configuration),false).sort((function(t,r){return r.order-t.order})).map((function(r){return Vt(r.onExit,t.machine.options.actions)})));var i=z(tr(t.machine,t.state,t.state.context,r,[{type:"exit",actions:e}],t.machine.config.predictableActionArguments?t._exec:undefined,t.machine.config.predictableActionArguments||t.machine.config.preserveActionOrder),2),n=i[0],s=i[1];var a=new kr({value:t.state.value,context:s,_event:r,_sessionid:t.sessionId,historyValue:undefined,history:t.state,actions:n.filter((function(t){return!It(t)})),activities:{},events:[],configuration:[],transitions:[],children:{},done:t.state.done,tags:t.state.tags,machine:t.machine});a.changed=true;return a}));t.update(e,r);t._stopChildren();_r.free(t.sessionId)}));return this};t.prototype.batch=function(t){var r=this;if(this.status===Mr.NotStarted&&this.options.deferEvents);else if(this.status!==Mr.Running){throw new Error("".concat(t.length,' event(s) were sent to uninitialized service "').concat(this.machine.id,'". Make sure .start() is called for this service, or set { deferEvents: true } in the service options.'))}if(!t.length){return}var e=!!this.machine.config.predictableActionArguments&&this._exec;this.scheduler.schedule((function(){var i,n;var s=r.state;var a=false;var o=[];var c=function(t){var i=Et(t);r.forward(i);s=rr(r,(function(){return r.machine.transition(s,i,undefined,e||undefined)}));o.push.apply(o,E([],z(r.machine.config.predictableActionArguments?s.actions:s.actions.map((function(t){return Sr(t,s)}))),false));a=a||!!s.changed};try{for(var f=j(t),u=f.next();!u.done;u=f.next()){var l=u.value;c(l)}}catch(t){i={error:t}}finally{try{if(u&&!u.done&&(n=f.return))n.call(f)}finally{if(i)throw i.error}}s.changed=a;s.actions=o;r.update(s,Et(t[t.length-1]))}))};t.prototype.sender=function(t){return this.send.bind(this,t)};t.prototype._nextState=function(t,r){var e=this;if(r===void 0){r=!!this.machine.config.predictableActionArguments&&this._exec}var i=Et(t);if(i.name.indexOf($)===0&&!this.state.nextEvents.some((function(t){return t.indexOf($)===0}))){throw i.data.data}var n=rr(this,(function(){return e.machine.transition(e.state,i,undefined,r||undefined)}));return n};t.prototype.nextState=function(t){return this._nextState(t,false)};t.prototype.forward=function(t){var r,e;try{for(var i=j(this.forwardTo),n=i.next();!n.done;n=i.next()){var s=n.value;var a=this.children.get(s);if(!a){throw new Error("Unable to forward event '".concat(t,"' from interpreter '").concat(this.id,"' to nonexistant child '").concat(s,"'."))}a.send(t)}}catch(t){r={error:t}}finally{try{if(n&&!n.done&&(e=i.return))e.call(i)}finally{if(r)throw r.error}}};t.prototype.defer=function(t){var r=this;var e=this.clock.setTimeout((function(){if("to"in t&&t.to){r.sendTo(t._event,t.to,true)}else{r.send(t._event)}}),t.delay);if(t.id){this.delayedEventsMap[t.id]=e}};t.prototype.cancel=function(t){this.clock.clearTimeout(this.delayedEventsMap[t]);delete this.delayedEventsMap[t]};t.prototype.exec=function(t,r,e){if(e===void 0){e=this.machine.options.actions}this._exec(t,r.context,r._event,e)};t.prototype.removeChild=function(t){var r;this.children.delete(t);this.forwardTo.delete(t);(r=this.state)===null||r===void 0?true:delete r.children[t]};t.prototype.stopChild=function(t){var r=this.children.get(t);if(!r){return}this.removeChild(t);if(wt(r.stop)){r.stop()}};t.prototype.spawn=function(t,r,e){if(this.status!==Mr.Running){return nr(t,r)}if(dt(t)){return this.spawnPromise(Promise.resolve(t),r)}else if(wt(t)){return this.spawnCallback(t,r)}else if(ar(t)){return this.spawnActor(t,r)}else if(Ot(t)){return this.spawnObservable(t,r)}else if(kt(t)){return this.spawnMachine(t,S(S({},e),{id:r}))}else if(ht(t)){return this.spawnBehavior(t,r)}else{throw new Error('Unable to spawn entity "'.concat(r,'" of type "').concat(typeof t,'".'))}};t.prototype.spawnMachine=function(r,e){var i=this;if(e===void 0){e={}}var n=new t(r,S(S({},this.options),{parent:this,id:e.id||r.id}));var s=S(S({},Ir),e);if(s.sync){n.onTransition((function(t){i.send(J,{state:t,id:n.id})}))}var a=n;this.children.set(n.id,a);if(s.autoForward){this.forwardTo.add(n.id)}n.onDone((function(t){i.removeChild(n.id);i.send(Et(t,{origin:n.id}))})).start();return a};t.prototype.spawnBehavior=function(t,r){var e=Ar(t,{id:r,parent:this});this.children.set(r,e);return e};t.prototype.spawnPromise=function(t,r){var e;var i=this;var n=false;var s;t.then((function(t){if(!n){s=t;i.removeChild(r);i.send(Et(Xt(r,t),{origin:r}))}}),(function(t){if(!n){i.removeChild(r);var e=Yt(r,t);try{i.send(Et(e,{origin:r}))}catch(t){if(i.devTools){i.devTools.send(e,i.state)}if(i.machine.strict){i.stop()}}}}));var a=(e={id:r,send:function(){return void 0},subscribe:function(r,e,i){var n=Nt(r,e,i);var s=false;t.then((function(t){if(s){return}n.next(t);if(s){return}n.complete()}),(function(t){if(s){return}n.error(t)}));return{unsubscribe:function(){return s=true}}},stop:function(){n=true},toJSON:function(){return{id:r}},getSnapshot:function(){return s}},e[St]=function(){return this},e);this.children.set(r,a);return a};t.prototype.spawnCallback=function(t,r){var e;var i=this;var n=false;var s=new Set;var a=new Set;var o;var c=function(t){o=t;a.forEach((function(r){return r(t)}));if(n){return}i.send(Et(t,{origin:r}))};var f;try{f=t(c,(function(t){s.add(t)}))}catch(t){this.send(Yt(r,t))}if(dt(f)){return this.spawnPromise(f,r)}var u=(e={id:r,send:function(t){return s.forEach((function(r){return r(t)}))},subscribe:function(t){var r=Nt(t);a.add(r.next);return{unsubscribe:function(){a.delete(r.next)}}},stop:function(){n=true;if(wt(f)){f()}},toJSON:function(){return{id:r}},getSnapshot:function(){return o}},e[St]=function(){return this},e);this.children.set(r,u);return u};t.prototype.spawnObservable=function(t,r){var e;var i=this;var n;var s=t.subscribe((function(t){n=t;i.send(Et(t,{origin:r}))}),(function(t){i.removeChild(r);i.send(Et(Yt(r,t),{origin:r}))}),(function(){i.removeChild(r);i.send(Et(Xt(r),{origin:r}))}));var a=(e={id:r,send:function(){return void 0},subscribe:function(r,e,i){return t.subscribe(r,e,i)},stop:function(){return s.unsubscribe()},getSnapshot:function(){return n},toJSON:function(){return{id:r}}},e[St]=function(){return this},e);this.children.set(r,a);return a};t.prototype.spawnActor=function(t,r){this.children.set(r,t);return t};t.prototype.spawnActivity=function(t){var r=this.machine.options&&this.machine.options.activities?this.machine.options.activities[t.type]:undefined;if(!r){return}var e=r(this.state.context,t);this.spawnEffect(t.id,e)};t.prototype.spawnEffect=function(t,r){var e;this.children.set(t,(e={id:t,send:function(){return void 0},subscribe:function(){return{unsubscribe:function(){return void 0}}},stop:r||undefined,getSnapshot:function(){return undefined},toJSON:function(){return{id:t}}},e[St]=function(){return this},e))};t.prototype.attachDev=function(){var t=Tr();if(this.options.devTools&&t){if(t.__REDUX_DEVTOOLS_EXTENSION__){var r=typeof this.options.devTools==="object"?this.options.devTools:undefined;this.devTools=t.__REDUX_DEVTOOLS_EXTENSION__.connect(S(S({name:this.id,autoPause:true,stateSanitizer:function(t){return{value:t.value,context:t.context,actions:t.actions}}},r),{features:S({jump:false,skip:false},r?r.features:undefined)}),this.machine);this.devTools.init(this.state)}Nr(this)}};t.prototype.toJSON=function(){return{id:this.id}};t.prototype[St]=function(){return this};t.prototype.getSnapshot=function(){if(this.status===Mr.NotStarted){return this.initialState}return this._state};t.defaultOptions={execute:true,deferEvents:true,clock:{setTimeout:function(t,r){return setTimeout(t,r)},clearTimeout:function(t){return clearTimeout(t)}},logger:console.log.bind(console),devTools:false};t.interpret=Pr;return t}();function Pr(t,r){var e=new Dr(t,r);return e}function Vr(t){if(typeof t==="string"){var r={type:t};r.toString=function(){return t};return r}return t}function Br(t){return S(S({type:B},t),{toJSON:function(){var r=k(t,["onDone","onError"]);return S(S({},r),{type:B,src:Vr(t.src)})}})}var $r="";var Fr="#";var Jr="*";var Ur={};var Wr=function(t){return t[0]===Fr};var Kr=function(){return{actions:{},guards:{},services:{},activities:{},delays:{}}};var Rr=function(){function t(r,e,i,n){if(i===void 0){i="context"in r?r.context:undefined}var s=this;var a;this.config=r;this._context=i;this.order=-1;this.__xstatenode=true;this.__cache={events:undefined,relativeValue:new Map,initialStateValue:undefined,initialState:undefined,on:undefined,transitions:undefined,candidates:{},delayedTransitions:undefined};this.idMap={};this.tags=[];this.options=Object.assign(Kr(),e);this.parent=n===null||n===void 0?void 0:n.parent;this.key=this.config.key||(n===null||n===void 0?void 0:n.key)||this.config.id||"(machine)";this.machine=this.parent?this.parent.machine:this;this.path=this.parent?this.parent.path.concat(this.key):[];this.delimiter=this.config.delimiter||(this.parent?this.parent.delimiter:K);this.id=this.config.id||E([this.machine.key],z(this.path),false).join(this.delimiter);this.version=this.parent?this.parent.version:this.config.version;this.type=this.config.type||(this.config.parallel?"parallel":this.config.states&&Object.keys(this.config.states).length?"compound":this.config.history?"history":"atomic");this.schema=this.parent?this.machine.schema:(a=this.config.schema)!==null&&a!==void 0?a:{};this.description=this.config.description;this.initial=this.config.initial;this.states=this.config.states?et(this.config.states,(function(r,e){var i;var n=new t(r,{},undefined,{parent:s,key:e});Object.assign(s.idMap,S((i={},i[n.id]=n,i),n.idMap));return n})):Ur;var o=0;function c(t){var r,e;t.order=o++;try{for(var i=j(fr(t)),n=i.next();!n.done;n=i.next()){var s=n.value;c(s)}}catch(t){r={error:t}}finally{try{if(n&&!n.done&&(e=i.return))e.call(i)}finally{if(r)throw r.error}}}c(this);this.history=this.config.history===true?"shallow":this.config.history||false;this._transient=!!this.config.always||(!this.config.on?false:Array.isArray(this.config.on)?this.config.on.some((function(t){var r=t.event;return r===$r})):$r in this.config.on);this.strict=!!this.config.strict;this.onEntry=ft(this.config.entry||this.config.onEntry).map((function(t){return Pt(t)}));this.onExit=ft(this.config.exit||this.config.onExit).map((function(t){return Pt(t)}));this.meta=this.config.meta;this.doneData=this.type==="final"?this.config.data:undefined;this.invoke=ft(this.config.invoke).map((function(t,r){var e,i;if(kt(t)){var n=At(s.id,r);s.machine.options.services=S((e={},e[n]=t,e),s.machine.options.services);return Br({src:n,id:n})}else if(bt(t.src)){var n=t.id||At(s.id,r);return Br(S(S({},t),{id:n,src:t.src}))}else if(kt(t.src)||wt(t.src)){var n=t.id||At(s.id,r);s.machine.options.services=S((i={},i[n]=t.src,i),s.machine.options.services);return Br(S(S({id:n},t),{src:n}))}else{var a=t.src;return Br(S(S({id:At(s.id,r)},t),{src:a}))}}));this.activities=ft(this.config.activities).concat(this.invoke).map((function(t){return Bt(t)}));this.transition=this.transition.bind(this);this.tags=ft(this.config.tags)}t.prototype._init=function(){if(this.__cache.transitions){return}lr(this).forEach((function(t){return t.on}))};t.prototype.withConfig=function(r,e){var i=this.options,n=i.actions,s=i.activities,a=i.guards,o=i.services,c=i.delays;return new t(this.config,{actions:S(S({},n),r.actions),activities:S(S({},s),r.activities),guards:S(S({},a),r.guards),services:S(S({},o),r.services),delays:S(S({},c),r.delays)},e!==null&&e!==void 0?e:this.context)};t.prototype.withContext=function(r){return new t(this.config,this.options,r)};Object.defineProperty(t.prototype,"context",{get:function(){return wt(this._context)?this._context():this._context},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"definition",{get:function(){return{id:this.id,key:this.key,version:this.version,context:this.context,type:this.type,initial:this.initial,history:this.history,states:et(this.states,(function(t){return t.definition})),on:this.on,transitions:this.transitions,entry:this.onEntry,exit:this.onExit,activities:this.activities||[],meta:this.meta,order:this.order||-1,data:this.doneData,invoke:this.invoke,description:this.description,tags:this.tags}},enumerable:false,configurable:true});t.prototype.toJSON=function(){return this.definition};Object.defineProperty(t.prototype,"on",{get:function(){if(this.__cache.on){return this.__cache.on}var t=this.transitions;return this.__cache.on=t.reduce((function(t,r){t[r.eventType]=t[r.eventType]||[];t[r.eventType].push(r);return t}),{})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"after",{get:function(){return this.__cache.delayedTransitions||(this.__cache.delayedTransitions=this.getDelayedTransitions(),this.__cache.delayedTransitions)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"transitions",{get:function(){return this.__cache.transitions||(this.__cache.transitions=this.formatTransitions(),this.__cache.transitions)},enumerable:false,configurable:true});t.prototype.getCandidates=function(t){if(this.__cache.candidates[t]){return this.__cache.candidates[t]}var r=t===$r;var e=this.transitions.filter((function(e){var i=e.eventType===t;return r?i:i||e.eventType===Jr}));this.__cache.candidates[t]=e;return e};t.prototype.getDelayedTransitions=function(){var t=this;var r=this.config.after;if(!r){return[]}var e=function(r,e){var i=wt(r)?"".concat(t.id,":delay[").concat(e,"]"):r;var n=Gt(i,t.id);t.onEntry.push(Jt(n,{delay:r}));t.onExit.push(Kt(n));return n};var i=gt(r)?r.map((function(t,r){var i=e(t.delay,r);return S(S({},t),{event:i})})):ot(Object.keys(r).map((function(t,i){var n=r[t];var s=bt(n)?{target:n}:n;var a=!isNaN(+t)?+t:t;var o=e(a,i);return ft(s).map((function(t){return S(S({},t),{event:o,delay:a})}))})));return i.map((function(r){var e=r.delay;return S(S({},t.formatTransition(r)),{delay:e})}))};t.prototype.getStateNodes=function(t){var r;var e=this;if(!t){return[]}var i=t instanceof kr?t.value:tt(t,this.delimiter);if(bt(i)){var n=this.getStateNode(i).initial;return n!==undefined?this.getStateNodes((r={},r[i]=n,r)):[this,this.states[i]]}var s=Object.keys(i);var a=[this];a.push.apply(a,E([],z(ot(s.map((function(t){return e.getStateNode(t).getStateNodes(i[t])})))),false));return a};t.prototype.handles=function(t){var r=X(t);return this.events.includes(r)};t.prototype.resolveState=function(t){var r=t instanceof kr?t:kr.create(t);var e=Array.from(dr([],this.getStateNodes(r.value)));return new kr(S(S({},r),{value:this.resolve(r.value),configuration:e,done:gr(e,this),tags:br(e),machine:this.machine}))};t.prototype.transitionLeafNode=function(t,r,e){var i=this.getStateNode(t);var n=i.next(r,e);if(!n||!n.transitions.length){return this.next(r,e)}return n};t.prototype.transitionCompoundNode=function(t,r,e){var i=Object.keys(t);var n=this.getStateNode(i[0]);var s=n._transition(t[i[0]],r,e);if(!s||!s.transitions.length){return this.next(r,e)}return s};t.prototype.transitionParallelNode=function(t,r,e){var i,n;var s={};try{for(var a=j(Object.keys(t)),o=a.next();!o.done;o=a.next()){var c=o.value;var f=t[c];if(!f){continue}var u=this.getStateNode(c);var l=u._transition(f,r,e);if(l){s[c]=l}}}catch(t){i={error:t}}finally{try{if(o&&!o.done&&(n=a.return))n.call(a)}finally{if(i)throw i.error}}var d=Object.keys(s).map((function(t){return s[t]}));var h=ot(d.map((function(t){return t.transitions})));var p=d.some((function(t){return t.transitions.length>0}));if(!p){return this.next(r,e)}var v=ot(Object.keys(s).map((function(t){return s[t].configuration})));return{transitions:h,exitSet:ot(d.map((function(t){return t.exitSet}))),configuration:v,source:r,actions:ot(Object.keys(s).map((function(t){return s[t].actions})))}};t.prototype._transition=function(t,r,e){if(bt(t)){return this.transitionLeafNode(t,r,e)}if(Object.keys(t).length===1){return this.transitionCompoundNode(t,r,e)}return this.transitionParallelNode(t,r,e)};t.prototype.getTransitionData=function(t,r){return this._transition(t.value,t,Et(r))};t.prototype.next=function(t,r){var e,i;var n=this;var s=r.name;var a=[];var o=[];var c;try{for(var f=j(this.getCandidates(s)),u=f.next();!u.done;u=f.next()){var l=u.value;var d=l.cond,h=l.in;var p=t.context;var v=h?bt(h)&&Wr(h)?t.matches(tt(this.getStateNodeById(h).path,this.delimiter)):Q(tt(h,this.delimiter),nt(this.path.slice(0,-2))(t.value)):true;var m=false;try{m=!d||Tt(this.machine,d,p,r,t)}catch(t){throw new Error("Unable to evaluate guard '".concat(d.name||d.type,"' in transition for event '").concat(s,"' in state node '").concat(this.id,"':\n").concat(t.message))}if(m&&v){if(l.target!==undefined){o=l.target}a.push.apply(a,E([],z(l.actions),false));c=l;break}}}catch(t){e={error:t}}finally{try{if(u&&!u.done&&(i=f.return))i.call(f)}finally{if(e)throw e.error}}if(!c){return undefined}if(!o.length){return{transitions:[c],exitSet:[],configuration:t.value?[this]:[],source:t,actions:a}}var y=ot(o.map((function(r){return n.getRelativeStateNodes(r,t.historyValue)})));var g=!!c.internal;return{transitions:[c],exitSet:g?[]:ot(o.map((function(t){return n.getPotentiallyReenteringNodes(t)}))),configuration:y,source:t,actions:a}};t.prototype.getPotentiallyReenteringNodes=function(t){if(this.order<t.order){return[this]}var r=[];var e=this;var i=t;while(e&&e!==i){r.push(e);e=e.parent}if(e!==i){return[]}r.push(i);return r};t.prototype.getActions=function(t,r,e,i,n,s,a){var o,c,f,u;var l=this;var d=s?dr([],this.getStateNodes(s.value)):[];var h=new Set;try{for(var p=j(Array.from(t).sort((function(t,r){return t.order-r.order}))),v=p.next();!v.done;v=p.next()){var m=v.value;if(!mr(d,m)||mr(e.exitSet,m)||m.parent&&h.has(m.parent)){h.add(m)}}}catch(t){o={error:t}}finally{try{if(v&&!v.done&&(c=p.return))c.call(p)}finally{if(o)throw o.error}}try{for(var y=j(d),g=y.next();!g.done;g=y.next()){var m=g.value;if(!mr(t,m)||mr(e.exitSet,m.parent)){e.exitSet.push(m)}}}catch(t){f={error:t}}finally{try{if(g&&!g.done&&(u=y.return))u.call(y)}finally{if(f)throw f.error}}e.exitSet.sort((function(t,r){return r.order-t.order}));var w=Array.from(h).sort((function(t,r){return t.order-r.order}));var b=new Set(e.exitSet);var x=ot(w.map((function(t){var r=[];if(t.type!=="final"){return r}var s=t.parent;if(!s.parent){return r}r.push(Qt(t.id,t.doneData),Qt(s.id,t.doneData?ut(t.doneData,i,n):undefined));var a=s.parent;if(a.type==="parallel"){if(ur(a).every((function(t){return gr(e.configuration,t)}))){r.push(Qt(a.id))}}return r})));var O=w.map((function(t){var r=t.onEntry;var e=t.activities.map((function(t){return Rt(t)}));return{type:"entry",actions:Vt(a?E(E([],z(r),false),z(e),false):E(E([],z(e),false),z(r),false),l.machine.options.actions)}})).concat({type:"state_done",actions:x.map((function(t){return $t(t)}))});var S=Array.from(b).map((function(t){return{type:"exit",actions:Vt(E(E([],z(t.onExit),false),z(t.activities.map((function(t){return qt(t)}))),false),l.machine.options.actions)}}));var k=S.concat({type:"transition",actions:Vt(e.actions,this.machine.options.actions)}).concat(O);if(r){var C=Vt(ot(E([],z(t),false).sort((function(t,r){return r.order-t.order})).map((function(t){return t.onExit}))),this.machine.options.actions).filter((function(t){return!It(t)}));return k.concat({type:"stop",actions:C})}return k};t.prototype.transition=function(t,r,e,i){if(t===void 0){t=this.initialState}var n=Et(r);var s;if(t instanceof kr){s=e===undefined?t:this.resolveState(kr.from(t,e))}else{var a=bt(t)?this.resolve(rt(this.getResolvedPath(t))):this.resolve(t);var o=e!==null&&e!==void 0?e:this.machine.context;s=this.resolveState(kr.from(a,o))}if(this.strict){if(!this.events.includes(n.name)&&!lt(n.name)){throw new Error("Machine '".concat(this.id,"' does not accept event '").concat(n.name,"'"))}}var c=this._transition(s.value,s,n)||{transitions:[],configuration:[],exitSet:[],source:s,actions:[]};var f=dr([],this.getStateNodes(s.value));var u=c.configuration.length?dr(f,c.configuration):f;c.configuration=E([],z(u),false);return this.resolveTransition(c,s,s.context,i,n)};t.prototype.resolveRaisedTransition=function(t,r,e,i){var n;var s=t.actions;t=this.transition(t,r,undefined,i);t._event=e;t.event=e.data;(n=t.actions).unshift.apply(n,E([],z(s),false));return t};t.prototype.resolveTransition=function(t,r,e,i,n){var s,a,o,c;var f=this;if(n===void 0){n=Mt}var u=t.configuration;var l=!r||t.transitions.length>0;var d=l?t.configuration:r?r.configuration:[];var h=gr(d,this);var p=l?vr(this.machine,u):undefined;var v=r?r.historyValue?r.historyValue:t.source?this.machine.historyValue(r.value):undefined:undefined;var m=this.getActions(new Set(d),h,t,e,n,r,i);var y=r?S({},r.activities):{};try{for(var g=j(m),w=g.next();!w.done;w=g.next()){var b=w.value;try{for(var x=(o=void 0,j(b.actions)),O=x.next();!O.done;O=x.next()){var k=O.value;if(k.type===T){y[k.activity.id||k.activity.type]=k}else if(k.type===L){y[k.activity.id||k.activity.type]=false}}}catch(t){o={error:t}}finally{try{if(O&&!O.done&&(c=x.return))c.call(x)}finally{if(o)throw o.error}}}}catch(t){s={error:t}}finally{try{if(w&&!w.done&&(a=g.return))a.call(g)}finally{if(s)throw s.error}}var E=z(tr(this,r,e,n,m,i,this.machine.config.predictableActionArguments||this.machine.config.preserveActionOrder),2),C=E[0],_=E[1];var N=z(pt(C,It),2),A=N[0],I=N[1];var D=C.filter((function(t){var r;return t.type===T&&((r=t.activity)===null||r===void 0?void 0:r.type)===B}));var P=D.reduce((function(t,r){t[r.activity.id]=ir(r.activity,f.machine,_,n);return t}),r?S({},r.children):{});var V=new kr({value:p||r.value,context:_,_event:n,_sessionid:r?r._sessionid:null,historyValue:p?v?mt(v,p):undefined:r?r.historyValue:undefined,history:!p||t.source?r:undefined,actions:p?I:[],activities:p?y:r?r.activities:{},events:[],configuration:d,transitions:t.transitions,children:P,done:h,tags:br(d),machine:this});var $=e!==_;V.changed=n.name===J||$;var F=V.history;if(F){delete F.history}var U=!h&&(this._transient||u.some((function(t){return t._transient})));if(!l&&(!U||n.name===$r)){return V}var W=V;if(!h){if(U){W=this.resolveRaisedTransition(W,{type:M},n,i)}while(A.length){var K=A.shift();W=this.resolveRaisedTransition(W,K._event,n,i)}}var R=W.changed||(F?!!W.actions.length||$||typeof F.value!==typeof W.value||!xr(W.value,F.value):undefined);W.changed=R;W.history=F;return W};t.prototype.getStateNode=function(t){if(Wr(t)){return this.machine.getStateNodeById(t)}if(!this.states){throw new Error("Unable to retrieve child state '".concat(t,"' from '").concat(this.id,"'; no child states exist."))}var r=this.states[t];if(!r){throw new Error("Child state '".concat(t,"' does not exist on '").concat(this.id,"'"))}return r};t.prototype.getStateNodeById=function(t){var r=Wr(t)?t.slice(Fr.length):t;if(r===this.id){return this}var e=this.machine.idMap[r];if(!e){throw new Error("Child state node '#".concat(r,"' does not exist on machine '").concat(this.id,"'"))}return e};t.prototype.getStateNodeByPath=function(t){if(typeof t==="string"&&Wr(t)){try{return this.getStateNodeById(t.slice(1))}catch(t){}}var r=Y(t,this.delimiter).slice();var e=this;while(r.length){var i=r.shift();if(!i.length){break}e=e.getStateNode(i)}return e};t.prototype.resolve=function(t){var r;var e=this;if(!t){return this.initialStateValue||Ur}switch(this.type){case"parallel":return et(this.initialStateValue,(function(r,i){return r?e.getStateNode(i).resolve(t[i]||r):Ur}));case"compound":if(bt(t)){var i=this.getStateNode(t);if(i.type==="parallel"||i.type==="compound"){return r={},r[t]=i.initialStateValue,r}return t}if(!Object.keys(t).length){return this.initialStateValue||{}}return et(t,(function(t,r){return t?e.getStateNode(r).resolve(t):Ur}));default:return t||Ur}};t.prototype.getResolvedPath=function(t){if(Wr(t)){var r=this.machine.idMap[t.slice(Fr.length)];if(!r){throw new Error("Unable to find state node '".concat(t,"'"))}return r.path}return Y(t,this.delimiter)};Object.defineProperty(t.prototype,"initialStateValue",{get:function(){var t;if(this.__cache.initialStateValue){return this.__cache.initialStateValue}var r;if(this.type==="parallel"){r=it(this.states,(function(t){return t.initialStateValue||Ur}),(function(t){return!(t.type==="history")}))}else if(this.initial!==undefined){if(!this.states[this.initial]){throw new Error("Initial state '".concat(this.initial,"' not found on '").concat(this.key,"'"))}r=cr(this.states[this.initial])?this.initial:(t={},t[this.initial]=this.states[this.initial].initialStateValue,t)}else{r={}}this.__cache.initialStateValue=r;return this.__cache.initialStateValue},enumerable:false,configurable:true});t.prototype.getInitialState=function(t,r){this._init();var e=this.getStateNodes(t);return this.resolveTransition({configuration:e,exitSet:[],transitions:[],source:undefined,actions:[]},undefined,r!==null&&r!==void 0?r:this.machine.context,undefined)};Object.defineProperty(t.prototype,"initialState",{get:function(){var t=this.initialStateValue;if(!t){throw new Error("Cannot retrieve initial state from simple state '".concat(this.id,"'."))}return this.getInitialState(t)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"target",{get:function(){var t;if(this.type==="history"){var r=this.config;if(bt(r.target)){t=Wr(r.target)?rt(this.machine.getStateNodeById(r.target).path.slice(this.path.length-1)):r.target}else{t=r.target}}return t},enumerable:false,configurable:true});t.prototype.getRelativeStateNodes=function(t,r,e){if(e===void 0){e=true}return e?t.type==="history"?t.resolveHistory(r):t.initialStateNodes:[t]};Object.defineProperty(t.prototype,"initialStateNodes",{get:function(){var t=this;if(cr(this)){return[this]}if(this.type==="compound"&&!this.initial){return[this]}var r=at(this.initialStateValue);return ot(r.map((function(r){return t.getFromRelativePath(r)})))},enumerable:false,configurable:true});t.prototype.getFromRelativePath=function(t){if(!t.length){return[this]}var r=z(t),e=r[0],i=r.slice(1);if(!this.states){throw new Error("Cannot retrieve subPath '".concat(e,"' from node with no states"))}var n=this.getStateNode(e);if(n.type==="history"){return n.resolveHistory()}if(!this.states[e]){throw new Error("Child state '".concat(e,"' does not exist on '").concat(this.id,"'"))}return this.states[e].getFromRelativePath(i)};t.prototype.historyValue=function(t){if(!Object.keys(this.states).length){return undefined}return{current:t||this.initialStateValue,states:it(this.states,(function(r,e){if(!t){return r.historyValue()}var i=bt(t)?undefined:t[e];return r.historyValue(i||r.initialStateValue)}),(function(t){return!t.history}))}};t.prototype.resolveHistory=function(t){var r=this;if(this.type!=="history"){return[this]}var e=this.parent;if(!t){var i=this.target;return i?ot(at(i).map((function(t){return e.getFromRelativePath(t)}))):e.initialStateNodes}var n=st(e.path,"states")(t).current;if(bt(n)){return[e.getStateNode(n)]}return ot(at(n).map((function(t){return r.history==="deep"?e.getFromRelativePath(t):[e.states[t[0]]]})))};Object.defineProperty(t.prototype,"stateIds",{get:function(){var t=this;var r=ot(Object.keys(this.states).map((function(r){return t.states[r].stateIds})));return[this.id].concat(r)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"events",{get:function(){var t,r,e,i;if(this.__cache.events){return this.__cache.events}var n=this.states;var s=new Set(this.ownEvents);if(n){try{for(var a=j(Object.keys(n)),o=a.next();!o.done;o=a.next()){var c=o.value;var f=n[c];if(f.states){try{for(var u=(e=void 0,j(f.events)),l=u.next();!l.done;l=u.next()){var d=l.value;s.add("".concat(d))}}catch(t){e={error:t}}finally{try{if(l&&!l.done&&(i=u.return))i.call(u)}finally{if(e)throw e.error}}}}}catch(r){t={error:r}}finally{try{if(o&&!o.done&&(r=a.return))r.call(a)}finally{if(t)throw t.error}}}return this.__cache.events=Array.from(s)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"ownEvents",{get:function(){var t=new Set(this.transitions.filter((function(t){return!(!t.target&&!t.actions.length&&t.internal)})).map((function(t){return t.eventType})));return Array.from(t)},enumerable:false,configurable:true});t.prototype.resolveTarget=function(t){var r=this;if(t===undefined){return undefined}return t.map((function(t){if(!bt(t)){return t}var e=t[0]===r.delimiter;if(e&&!r.parent){return r.getStateNodeByPath(t.slice(1))}var i=e?r.key+t:t;if(r.parent){try{var n=r.parent.getStateNodeByPath(i);return n}catch(t){throw new Error("Invalid transition definition for state node '".concat(r.id,"':\n").concat(t.message))}}else{return r.getStateNodeByPath(i)}}))};t.prototype.formatTransition=function(t){var r=this;var e=_t(t.target);var i="internal"in t?t.internal:e?e.some((function(t){return bt(t)&&t[0]===r.delimiter})):true;var n=this.machine.options.guards;var s=this.resolveTarget(e);var a=S(S({},t),{actions:Vt(ft(t.actions)),cond:xt(t.cond,n),target:s,source:this,internal:i,eventType:t.event,toJSON:function(){return S(S({},a),{target:a.target?a.target.map((function(t){return"#".concat(t.id)})):undefined,source:"#".concat(r.id)})}});return a};t.prototype.formatTransitions=function(){var t,r;var e=this;var i;if(!this.config.on){i=[]}else if(Array.isArray(this.config.on)){i=this.config.on}else{var n=this.config.on,s=Jr,a=n[s],o=a===void 0?[]:a,c=k(n,[typeof s==="symbol"?s:s+""]);i=ot(Object.keys(c).map((function(t){var r=Ct(t,c[t]);return r})).concat(Ct(Jr,o)))}var f=this.config.always?Ct("",this.config.always):[];var u=this.config.onDone?Ct(String(Qt(this.id)),this.config.onDone):[];var l=ot(this.invoke.map((function(t){var r=[];if(t.onDone){r.push.apply(r,E([],z(Ct(String(Xt(t.id)),t.onDone)),false))}if(t.onError){r.push.apply(r,E([],z(Ct(String(Yt(t.id)),t.onError)),false))}return r})));var d=this.after;var h=ot(E(E(E(E([],z(u),false),z(l),false),z(i),false),z(f),false).map((function(t){return ft(t).map((function(t){return e.formatTransition(t)}))})));try{for(var p=j(d),v=p.next();!v.done;v=p.next()){var m=v.value;h.push(m)}}catch(r){t={error:r}}finally{try{if(v&&!v.done&&(r=p.return))r.call(p)}finally{if(t)throw t.error}}return h};return t}();function qr(t,r,e){if(e===void 0){e=t.context}return new Rr(t,r,e)}const Hr=["m","l"];function Gr(t){return Hr.includes(t)}const Qr=({disabled:r,option:e,onRemove:i})=>{const n={};if(e.chipColor){n["color"]=e.chipColor}if(e.chipBackgroundColor){n["background-color"]=e.chipBackgroundColor}return t("label",{class:"wcs-select-chip",style:n,onClick:t=>t.stopImmediatePropagation()},t("div",null,e.displayText),r?null:t("div",{onClick:()=>i(e)},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"12",viewBox:"0 0 20 12",class:"chip"},t("path",{d:"M2,0 6,4 10,0 12,2 8,6 12,10 10,12 6,8 2,12 0,10 4,6 0,2 2,0",fill:e.chipColor,transform:"translate(8 0)"}))))};const Xr='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{--wcs-select-ligther-percentage:40;--wcs-select-border-radius:var(--wcs-border-radius);--wcs-select-background-color:var(--wcs-light);--wcs-select-placeholder-color:var(--wcs-text-medium);--wcs-select-value-color:var(--wcs-primary);--wcs-select-border-color:transparent;--wcs-select-overlay-max-height:360px;--wcs-select-option-height:var(--wcs-size-m);--wcs-select-border-width:1px;display:block;position:relative;outline:none;user-select:none;box-sizing:border-box}:host svg{flex-shrink:0}:host .arrow{fill:var(--wcs-select-value-color)}:host .chip{fill:var(--wcs-contrast);opacity:calc((100 - var(--wcs-select-ligther-percentage)) / 100)}:host .chip:hover{opacity:100}:host(.expanded){--wcs-select-border-color:var(--wcs-text-light)}:host(.expanded) .wcs-select-options{display:block}:host(:not(.expanded):focus) .wcs-select-control{border:var(--wcs-primary) solid 1px}:host(:not(.expanded):focus-visible) .wcs-select-control{outline:2px dashed var(--wcs-primary);outline-offset:4px;border-radius:var(--wcs-select-border-radius)}:host([disabled]){cursor:not-allowed}:host([disabled]) .wcs-select-control,:host([disabled]) label{cursor:default;pointer-events:none}:host([disabled]) label{color:var(--wcs-text-disabled)}:host([disabled]) .arrow{fill:var(--wcs-text-medium)}label{padding-left:calc(var(--wcs-padding) - var(--wcs-select-border-width));padding-right:calc(var(--wcs-padding) - var(--wcs-select-border-width));font-weight:500;cursor:pointer;color:var(--wcs-select-color);transition:color 125ms ease-in;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([size=m]){min-height:var(--wcs-size-m);--wcs-select-font-size:1rem}:host([size=m]) .wcs-select-control{min-height:var(--wcs-size-m)}:host([size=l]){min-height:var(--wcs-size-l);--wcs-select-font-size:1.0625rem}:host([size=l]) .wcs-select-control{min-height:var(--wcs-size-l)}:host([chips]) .wcs-select-control{flex-wrap:wrap}.wcs-select-control{box-sizing:border-box;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;overflow:hidden;display:flex;align-items:center;padding-right:var(--wcs-text-padding);background-color:var(--wcs-select-background-color);border-radius:var(--wcs-select-border-radius);border:var(--wcs-select-border-color) solid var(--wcs-select-border-width);font-size:var(--wcs-select-font-size, 1rem);line-height:1.5;cursor:pointer}.wcs-select-control::before,.wcs-select-control::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-select-control::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-select-control::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-select-control.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-select-control.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-select-control.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-select-control.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-select-control.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-select-control::before,.wcs-select-control::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-select-control.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-select-control::before,.wcs-select-control::after{background-color:#999;background-color:var(--mdc-ripple-color, #999)}.wcs-select-control:hover::before,.wcs-select-control.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-select-control.mdc-ripple-upgraded--background-focused::before,.wcs-select-control:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-select-control:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-select-control:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-select-control.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-select-placeholder{color:var(--wcs-select-placeholder-color);font-style:italic;font-weight:400}.wcs-select-value{color:var(--wcs-select-value-color);font-weight:var(--wcs-font-weight-form-value)}.wcs-select-value-container{margin-top:4px;margin-bottom:4px;margin-left:calc(var(--wcs-margin) / 2);max-width:calc(100% - (24px + var(--wcs-base-margin)));display:flex;flex-direction:row;gap:4px;align-items:center;flex-wrap:wrap}.wcs-select-chip{line-height:1.375;color:var(--wcs-contrast);background-color:var(--wcs-base);border-radius:0.75rem;display:flex;align-items:center;padding:calc((var(--wcs-padding) - 8px) / 2) var(--wcs-padding);overflow:initial}.wcs-select-options{display:none;position:absolute;z-index:999999999;border:solid var(--wcs-select-border-width) var(--wcs-select-border-color);border-radius:var(--wcs-select-border-radius);max-height:var(--wcs-select-overlay-max-height);overflow-y:auto;width:calc(100% - 2 * var(--wcs-select-border-width));background-color:var(--wcs-white);color:var(--wcs-text-medium)}';const Yr={key:"select",initial:"closed",states:{closed:{entry:["close"],on:{CLICK:"opened",OPEN:"opened",OPTION_SELECTED:{actions:["selectOption"]}}},opened:{entry:["open"],on:{CLICK:"closed",CLOSE:"closed",OPTION_SELECTED:{actions:["selectOption"]}}}}};const Zr=class{constructor(t){r(this,t);this.wcsChange=e(this,"wcsChange",7);this.wcsFocus=e(this,"wcsFocus",7);this.wcsBlur=e(this,"wcsBlur",7);this.selectId=`wcs-select-${te++}`;this.optionsId=a("OPTIONS");this.expanded=false;this.size="m";this.hasLoaded=false;this.displayText=undefined;this.focused=undefined;this.value=undefined;this.placeholder=undefined;this.disabled=false;this.multiple=false;this.chips=false;this.name=undefined;this.compareWith=(t,r)=>b(t,r);this.overlayDirection="bottom"}async open(){this.stateService.send("OPEN")}async close(){this.stateService.send("CLOSE")}onValueChangeHandler(t){this.updateSelectedValue(t);this.emitChange(this.value)}updateSelectedValue(t){if(!t){this.reset()}if(this.multiple){if(!Array.isArray(t)){t=[t]}this.values=[];this.options.forEach((r=>{const e=t?t.findIndex((t=>this.compareWith(r.value,t)))!==-1:false;if(e){this.values.push({value:r.value,displayText:r.innerText,chipColor:r.chipColor,chipBackgroundColor:r.chipBackgroundColor})}r.selected=e}));this.displayText=this.values.length!==0?this.values.map((t=>t.displayText)).join(", "):undefined}else{this.options.forEach((r=>{const e=this.compareWith(r.value,t);if(e){this.displayText=r.innerText}r.selected=e}))}}reset(){this.values=[];this.displayText=undefined;this.options.forEach((t=>{t.selected=false}))}componentDidLoad(){this.optionsEl=this.el.shadowRoot.querySelector(".wcs-select-options");this.controlEl=this.el.shadowRoot.querySelector(".wcs-select-control");const t=qr(Yr,this.initMachineOptions());this.stateService=Pr(t);if(this.multiple){this.values=[]}this.addRippleEffect();this.stateService.start();if(this.optionsEl.querySelector("slot")===null){this.replaceOptions_firefoxBefore63();this.listenDomUpdate_firefoxBefore63()}if(this.value!==undefined){this.updateSelectedValue(this.value)}this.popper=this.createPopperInstance();this.labelElement=o(this.el);if(this.labelElement){this.labelElement.id=this.selectId+"-lbl"}this.hasLoaded=true}createPopperInstance(){return x(this.controlEl,this.optionsEl,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,4]}}]})}emitChange(t){this.wcsChange.emit({value:t})}replaceOptions_firefoxBefore63(){Array.from(this.el.querySelectorAll("wcs-select-option")).forEach((t=>{if(t.parentNode===this.el){this.el.removeChild(t);this.optionsEl.appendChild(t)}}))}listenDomUpdate_firefoxBefore63(){const t=new MutationObserver((t=>{for(const r of t){if(r.type==="childList"){this.replaceOptions_firefoxBefore63()}}}));t.observe(this.el,{childList:true})}componentWillLoad(){if(!Gr(this.size)){console.error(`Invalid size value for wcs-select : "${this.size}". Must be one of "${Hr.join(", ")}"`);this.size="m"}}componentWillUpdate(){if(this.multiple){this.options.forEach((t=>t.multiple=true))}}get options(){var t;const r=(t=this.el)===null||t===void 0?void 0:t.querySelectorAll("wcs-select-option");if(r&&r.length!==0){return r}return[]}get notDisabledOptions(){var t;const r=(t=this.el)===null||t===void 0?void 0:t.querySelectorAll("wcs-select-option:not([disabled])");if(r&&r.length!==0){return r}return[]}initMachineOptions(){return{actions:{open:()=>{var t;if(!this.disabled){this.expanded=true;this.focused=false;if(this.notDisabledOptions.length>0){this.lastFocusedOptionElement=(t=this.lastSelectedOptionElement)!==null&&t!==void 0?t:this.notDisabledOptions[0];requestAnimationFrame((()=>{var t;(t=this.lastFocusedOptionElement)===null||t===void 0?void 0:t.focus()}))}}},close:(t,r)=>{var e,i;if(r.type==="CLOSE"){if((e=r.value)===null||e===void 0?void 0:e.shouldBlur){(i=this.el.closest("wcs-select"))===null||i===void 0?void 0:i.focus();this.focused=false}else{this.el.focus();this.focused=true}}this.expanded=false},selectOption:(t,r)=>{if(r.type==="OPTION_SELECTED"){this.handleClickEvent(r.value)}}},guards:{enabled:()=>!this.disabled}}}handleClickEvent(t){if(this.multiple){this.handleClickOnMultiple(t)}else{this.handleNormalClick(t)}}handleClickOnMultiple(t){const r=this.values.findIndex((r=>r.value===t.value));if(r===-1){const{value:r,displayText:e,chipColor:i,chipBackgroundColor:n}=t;this.values.push({value:r,displayText:e,chipColor:i,chipBackgroundColor:n});t.source.selected=true;this.lastSelectedOptionElement=t.source}else{t.source.selected=false;this.values.splice(r,1);if(this.lastSelectedOptionElement===t.source)this.lastSelectedOptionElement=null}this.updateValueWithValues()}updateValueWithValues(){this.value=this.values.map((t=>t.value));this.displayText=this.values.length!==0?this.values.map((t=>t.displayText)).join(", "):undefined}handleNormalClick(t){this.options.forEach((t=>{if(t.selected)t.selected=false}));t.source.selected=true;this.value=t.value;this.displayText=t.displayText;this.lastSelectedOptionElement=t.source;this.stateService.send("CLOSE")}disconnectedCallback(){var t;(t=this.stateService)===null||t===void 0?void 0:t.stop()}addRippleEffect(){const t=new O(this.controlEl);t.unbounded=false}get hasValue(){return this.displayText!==undefined}onMouseDown(t){const r=w(t.target)&&(t.offsetX>t.target.clientWidth||t.offsetY>t.target.clientHeight||t.offsetY<0);const e=t.composedPath().filter((t=>{const r=t;return r.nodeName==="svg"&&r.classList.contains("chip")})).length>0;if(!r&&!e){this.stateService.send("CLICK")}}onWindowClickEvent(t){const r=t.composedPath().filter((t=>t.nodeName==="WCS-SELECT"))[0];const e=r===this.el;if(this.expanded&&!e){this.stateService.send("CLOSE")}}onKeyDown(t){if(this.stateService.getSnapshot().matches("closed")){if(c(t)||t.altKey&&f(t)||u(t)){t.preventDefault();t.stopPropagation();this.stateService.send("OPEN");return}if(this.multiple){if(f(t)){this.stateService.send("OPEN")}}else{if(f(t)||l(t)){t.preventDefault();this.selectClosestOption("next")}if(d(t)||h(t)){t.preventDefault();this.selectClosestOption("previous")}else if(p(t)){t.preventDefault();this.selectLastOption()}else if(v(t)||m(t)){t.preventDefault();this.selectFirstOption()}}}else if(this.stateService.getSnapshot().matches("opened")){if(y(t)||t.altKey&&d(t)){this.stateService.send({type:"CLOSE",value:{shouldBlur:false}})}else if(g(t)||t.shiftKey&&g(t)){this.stateService.send({type:"CLOSE",value:{shouldBlur:true}})}else if(f(t)){t.preventDefault();this.focusClosestOption("next")}else if(d(t)){t.preventDefault();this.focusClosestOption("previous")}else if(v(t)||m(t)){t.preventDefault();this.focusFirstOption()}else if(p(t)){t.preventDefault();this.focusLastOption()}}}getClosestActiveOptionIndexForState(t,r){let e=Array.from(this.notDisabledOptions).indexOf(r==="focused"?this.lastFocusedOptionElement:this.lastSelectedOptionElement);if(t==="next"&&e<this.notDisabledOptions.length-1){e++}else if(t==="previous"&&e>0){e--}else{return"nothing"}return e}selectOption(t){this.lastSelectedOptionElement=this.notDisabledOptions[t];this.lastSelectedOptionElement.selected=true;this.sendOptionSelectedToStateMachine({source:this.lastSelectedOptionElement,value:this.value,displayText:this.lastSelectedOptionElement.innerText})}selectClosestOption(t){const r=this.getClosestActiveOptionIndexForState(t,"selected");if(r==="nothing")return;this.selectOption(r)}selectFirstOption(){if(this.notDisabledOptions.length<1){return}this.selectOption(0)}selectLastOption(){if(this.notDisabledOptions.length<1){return}this.selectOption(this.notDisabledOptions.length-1)}focusOption(t){var r;this.lastFocusedOptionElement=this.notDisabledOptions[t];(r=this.lastFocusedOptionElement)===null||r===void 0?void 0:r.focus();this.el.setAttribute("aria-activedescendant",this.lastFocusedOptionElement.id)}focusClosestOption(t){const r=this.getClosestActiveOptionIndexForState(t,"focused");if(r==="nothing")return;this.focusOption(r)}focusFirstOption(){this.focusOption(0)}focusLastOption(){this.focusOption(this.notDisabledOptions.length-1)}selectedOptionChanged(t){this.sendOptionSelectedToStateMachine(t.detail)}sendOptionSelectedToStateMachine(t){this.stateService.send({type:"OPTION_SELECTED",value:t})}onSlotchange(){this.updateSelectedValue(this.value)}removeChip(t){this.options.forEach((r=>{if(r.value===t.value){this.sendOptionSelectedToStateMachine(Object.assign(Object.assign({},t),{source:r}))}}))}componentDidRender(){var t;(t=this.popper)===null||t===void 0?void 0:t.update()}render(){const r=`${this.labelElement?this.labelElement.innerText:""} ${this.hasValue?this.displayText:""}`.trimEnd();return t(i,Object.assign({class:this.expanded?"expanded ":"",overlayDirection:this.overlayDirection},this.focusedAttributes(),{role:"combobox","aria-haspopup":"listbox","aria-disabled":this.disabled?"true":null,"aria-expanded":this.expanded?"true":"false","aria-controls":this.optionsId,"aria-owns":this.optionsId,"aria-multiselectable":this.multiple?"true":"false","aria-label":r}),t("div",{class:"wcs-select-control"},t("div",{class:"wcs-select-value-container"},this.hasValue?this.chips?this.values.map((r=>t(Qr,{disabled:this.disabled,option:r,onRemove:this.removeChip.bind(this)}))):t("label",{class:"wcs-select-value"},this.displayText):t("label",{class:"wcs-select-placeholder"},this.placeholder)),t(s,{up:this.expanded})),t("div",{class:"wcs-select-options",id:this.optionsId,role:"listbox"},t("slot",{name:"wcs-select-option",onSlotchange:this.onSlotchange.bind(this)})))}focusedAttributes(){return!this.disabled?{tabIndex:0}:{}}get el(){return n(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};let te=0;Zr.style=Xr;const re='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}wcs-select-option{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;overflow:hidden;display:flex;padding:0 var(--wcs-padding);height:var(--wcs-select-option-height);line-height:42px;cursor:pointer;user-select:none;font-weight:500;font-size:1rem;color:var(--wcs-black)}wcs-select-option::before,wcs-select-option::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}wcs-select-option::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}wcs-select-option::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}wcs-select-option.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}wcs-select-option.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}wcs-select-option.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}wcs-select-option.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}wcs-select-option.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}wcs-select-option::before,wcs-select-option::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}wcs-select-option.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}wcs-select-option::before,wcs-select-option::after{background-color:#999;background-color:var(--mdc-ripple-color, #999)}wcs-select-option:hover::before,wcs-select-option.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}wcs-select-option.mdc-ripple-upgraded--background-focused::before,wcs-select-option:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}wcs-select-option:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}wcs-select-option:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}wcs-select-option.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}wcs-select-option:hover{color:var(--wcs-primary);background-color:var(--wcs-light)}wcs-select-option:focus{outline:none}wcs-select-option[disabled]{cursor:not-allowed;pointer-events:none;color:var(--wcs-text-disabled)}wcs-select-option[selected]{color:var(--wcs-primary);background-color:var(--wcs-light)}wcs-select-option[multiple] wcs-checkbox{pointer-events:none;margin-right:10px}wcs-select-option[multiple]:hover wcs-checkbox{--wcs-checkbox-border-color:var(--wcs-primary)}';const ee=class{constructor(t){r(this,t);this.wcsSelectOptionClick=e(this,"wcsSelectOptionClick",7);this.selectOptionId=a(this.el.tagName);this.disabled=false;this.selected=false;this.value=undefined;this.chipColor=undefined;this.chipBackgroundColor=undefined;this.multiple=false}componentWillLoad(){if(this.value===undefined){this.value=this.el.innerText||""}}componentDidLoad(){this.mdcRipple=new O(this.el)}chooseOption(t){if(!this.disabled){t.stopPropagation();const r=this.el.innerText;this.wcsSelectOptionClick.emit({source:this.el,value:this.value,displayText:r})}}onMouseDown(t){this.chooseOption(t)}handleKeydown(t){if(c(t)||u(t)){this.chooseOption(t);t.preventDefault();t.stopPropagation()}}render(){return t(i,{id:this.selectOptionId,"aria-selected":this.selected?"true":"false",slot:"wcs-select-option",role:"option",tabindex:"-1"},this.multiple&&t("wcs-checkbox",{tabindex:"-1",checked:this.selected}),t("slot",null))}get el(){return n(this)}};ee.style=re;export{Zr as wcs_select,ee as wcs_select_option};
-//# sourceMappingURL=p-ec84d6fd.entry.js.map