wcs-core 7.1.0 → 7.2.0

package/dist/wcs/p-9dc3f9a5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WcsCounterSizeValues","isWcsCounterSize","size","includes","counterCss","WcsCounterStyle0","COUNTER_INHERITED_ATTRS","Counter","this","inheritedAttributes","ANIMATION_DURATION","animateRunning","handleDecrement","disabled","min","undefined","value","step","notifyChange","animate","handleIncrement","max","direction","outliers","Array","from","counterContainer","children","filter","span","classList","contains","add","forEach","hidden","setTimeout","remove","displayedValue","componentWillLoad","handleValueChange","console","warn","join","Object","assign","inheritAriaAttributes","el","inheritAttributes","componentDidRender","_b","parseCssTimeValueToMilliseconds","_a","window","getComputedStyle","getPropertyValue","setAriaAttribute","attr","setOrRemoveAttribute","spinButton","valueChange","newVal","oldVal","setMinimumIfValueIsUndefinedOrNull","ensureValueIsNotOutOfMinMax","updateDisplayValueIfNoAnimationRunning","onKeyDown","_event","isKeyup","preventDefault","isKeydown","isHomeKey","isEndKey","wcsChange","emit","render","h","Host","key","class","shape","tabindex","onClick","onBlur","event","wcsBlur","icon","ref","input","id","role","label"],"sources":["src/components/counter/counter-interface.ts","src/components/counter/counter.scss?tag=wcs-counter&encapsulation=shadow","src/components/counter/counter.tsx"],"sourcesContent":["import { WcsSize } from \"../../shared-types\";\n\nexport interface CounterChangeEventDetail {\n    value: number;\n}\n\nexport const WcsCounterSizeValues = ['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 WcsCounterSize = Extract<WcsSize, typeof WcsCounterSizeValues[number]>;\n\nexport function isWcsCounterSize(size: string): size is WcsCounterSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsInputSizeValues\n    return WcsCounterSizeValues.includes(size);\n}\n","@import '../../style/focus-outline.scss';\n\n@keyframes spin-animation-up {\n    0% {\n        transform: translateY(0);\n        transform-origin: center;\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        transform: translateY(30px);\n        transform-origin: center;\n        opacity: 1;\n    }\n}\n\n@keyframes spin-animation-down {\n    0% {\n        transform: translateY(0);\n        transform-origin: center;\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        transform: translateY(-30px);\n        transform-origin: center;\n        opacity: 1;\n    }\n}\n\n:host {\n    --wcs-counter-border-radius: var(--wcs-semantic-border-radius-full);\n\n    --wcs-counter-value-color-default: var(--wcs-semantic-color-text-primary);\n    --wcs-counter-value-color-disabled: var(--wcs-semantic-color-text-tertiary);\n    --wcs-counter-font-weight: var(--wcs-semantic-font-weight-heavy);\n\n    --wcs-counter-height-m: var(--wcs-semantic-size-m);\n    --wcs-counter-height-l: var(--wcs-semantic-size-l);\n    --wcs-counter-font-size-m: var(--wcs-semantic-font-size-m);\n    --wcs-counter-font-size-l: var(--wcs-semantic-font-size-l);\n    --wcs-counter-padding-m: var(--wcs-semantic-spacing-small);\n    --wcs-counter-padding-l: var(--wcs-semantic-spacing-base);\n\n    --wcs-counter-background-color: var(--wcs-semantic-color-background-surface-secondary);\n    --wcs-counter-gap: var(--wcs-counter-gap-size-m);\n    --wcs-counter-gap-size-m: calc(1.5 * var(--wcs-semantic-spacing-base));\n    --wcs-counter-gap-size-l: calc(2 * var(--wcs-semantic-spacing-base));\n    --wcs-counter-outline-color-focus: var(--wcs-semantic-color-border-focus-base);\n\n    --wcs-counter-transition-duration: var(--wcs-semantic-motion-duration-feedback-base);\n\n    display: flex;\n\n\n    .counter {\n        box-sizing: border-box;\n        height: var(--wcs-counter-height);\n        font-family: var(--wcs-font-sans-serif);\n        font-size: var(--wcs-counter-font-size);\n        font-weight: var(--wcs-counter-font-weight);\n        color: var(--wcs-counter-value-color-default);\n        display: flex;\n        align-items: center;\n        padding: var(--wcs-counter-padding);\n        width: fit-content;\n        overflow: hidden;\n        border-radius: var(--wcs-counter-border-radius);\n        background-color: var(--wcs-counter-background-color);\n        background-clip: padding-box;\n        gap: var(--wcs-counter-gap);\n\n        &:focus-within {\n            outline: none;\n        }\n\n        &:has(.current-value:focus-visible) {\n            @include focus-outline($outline-color: var(--wcs-counter-outline-color-focus), $border-radius: var(--wcs-counter-border-radius), $outline-offset: 0);\n        }\n\n        @supports not selector(&:has(.current-value:focus-visible)){\n            &:focus-within {\n                @include focus-outline($outline-color: var(--wcs-counter-outline-color-focus), $border-radius: var(--wcs-counter-border-radius), $outline-offset: 0);\n            }\n        }\n    }\n\n    .counter-container {\n        height: var(--wcs-counter-height);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n    }\n\n    .outliers {\n        position: absolute;\n    }\n\n    #outlier-down {\n        top: calc((var(--wcs-counter-height) / 2) * -1);\n    }\n\n    #outlier-up {\n        bottom: calc((var(--wcs-counter-height) / 2) * -1);\n    }\n\n    .current-value {\n        outline: none;\n    }\n\n    .animate-up {\n        animation: spin-animation-up var(--wcs-counter-transition-duration) ease-in-out;\n    }\n\n    .animate-down {\n        animation: spin-animation-down var(--wcs-counter-transition-duration) ease-in-out;\n    }\n\n    [hidden] {\n        opacity: 0;\n    }\n}\n\n:host([size='m']) { // Default\n    --wcs-counter-padding: var(--wcs-counter-padding-m);\n    --wcs-counter-height: var(--wcs-counter-height-m);\n    --wcs-counter-font-size: var(--wcs-counter-font-size-m);\n    --wcs-counter-gap: var(--wcs-counter-gap-size-m);\n}\n\n:host([size='l']) {\n    --wcs-counter-padding: var(--wcs-counter-padding-l);\n    --wcs-counter-height: var(--wcs-counter-height-l);\n    --wcs-counter-font-size: var(--wcs-counter-font-size-l);\n    --wcs-counter-gap: var(--wcs-counter-gap-size-l);\n}\n\n:host([disabled]) {\n    cursor: not-allowed;\n\n    .counter {\n        color: var(--wcs-counter-value-color-disabled);\n    }\n}\n","import {\n    Component,\n    ComponentInterface, Element,\n    Event,\n    EventEmitter,\n    h,\n    Host, Method,\n    Prop,\n    State,\n    Watch\n} from '@stencil/core';\nimport {\n    inheritAriaAttributes,\n    inheritAttributes,\n    isEndKey,\n    isHomeKey,\n    isKeydown,\n    isKeyup,\n    parseCssTimeValueToMilliseconds,\n    setOrRemoveAttribute\n} from '../../utils/helpers';\nimport { CounterChangeEventDetail, isWcsCounterSize, WcsCounterSize, WcsCounterSizeValues } from './counter-interface';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst COUNTER_INHERITED_ATTRS = ['tabindex', 'title'];\n\n\n/**\n * Counter component, meant to be used for small range of values (e.g : 0 - 5).<br>\n * For larger or specific ranges, please use [wcs-input (type number)](.?path=/docs/components-input--documentation)\n * \n * @cssprop --wcs-counter-border-radius - Border radius of the counter\n * \n * @cssprop --wcs-counter-value-color-default - Default color of the value \n * @cssprop --wcs-counter-value-color-disabled - Color of the text when the counter is disabled\n * @cssprop --wcs-counter-font-weight - Font weight of the value\n * \n * @cssprop --wcs-counter-height-m - Height medium of the counter\n * @cssprop --wcs-counter-height-l - Height large of the counter\n * @cssprop --wcs-counter-font-size-m - Font size medium of the counter\n * @cssprop --wcs-counter-font-size-l - Font size large of the counter\n * @cssprop --wcs-counter-padding-m - Padding medium of the counter\n * @cssprop --wcs-counter-padding-l - Padding large of the counter\n * \n * @cssprop --wcs-counter-background-color - Background color of the counter\n * @cssprop --wcs-counter-gap - Gap between the buttons and the label\n * @cssprop --wcs-counter-gap-size-m - Gap between the buttons and the label when the size is M\n * @cssprop --wcs-counter-gap-size-l - Gap between the buttons and the label when the size is L\n * @cssprop --wcs-counter-outline-color-focus - Color of the focus outline\n *\n * @cssprop --wcs-counter-transition-duration - Duration of the animation\n * \n */\n@Component({\n    tag: 'wcs-counter',\n    styleUrl: 'counter.scss',\n    shadow: {\n        delegatesFocus: true\n    },\n})\nexport class Counter implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el!: HTMLElement;\n    private spinButton!: HTMLSpanElement;\n    private counterContainer!: HTMLDivElement;\n    private inheritedAttributes: { [k: string]: any } = {};\n\n    /**\n     * Default animation duration, in milliseconds\n     * @private\n     */\n    private ANIMATION_DURATION = 150;\n\n    /**\n     * Specify the size (height) of the counter.\n     */\n    @Prop({reflect: true}) size: WcsCounterSize = 'm';\n\n    /**\n     * The label of the counter.<br/>\n     * e.g. Number of passengers, train carriages, railroad tracks...\n     */\n    @Prop({mutable: false}) label!: string;\n\n    /**\n     * Specify whether the counter is disabled or not.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * The minimum value of the counter.\n     * If the value of the min attribute isn't set, then the element has no minimum value.\n     */\n    @Prop({mutable: true}) min?: number;\n\n    /**\n     * The maximum value of the counter.\n     * If the value of the max attribute isn't set, then the element has no maximum value.\n     */\n    @Prop({mutable: true}) max?: number;\n\n    /**\n     * Defines by how much the counter will be incremented or decremented.\n     */\n    @Prop({mutable: true}) step: number = 1;\n\n    /**\n     * Emitted when the value of the counter has changed.\n     */\n    @Event() wcsChange!: EventEmitter<CounterChangeEventDetail>;\n\n    /**\n     * The current value of the counter.\n     */\n    @Prop({mutable: true}) value!: number;\n\n    /**\n     * Only for animation and display purpose\n     */\n    @State() private displayedValue: number;\n\n    private animateRunning = false;\n\n    /**\n     * Emitted when the counter loses focus.\n     */\n    @Event() wcsBlur!: EventEmitter<FocusEvent>;\n\n    componentWillLoad() {\n        this.handleValueChange();\n\n        if (!isWcsCounterSize(this.size)) {\n            console.warn(`Invalid size value for wcs-counter : \"${this.size}\". Must be one of \"${WcsCounterSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, COUNTER_INHERITED_ATTRS),\n        };\n    }\n    \n    componentDidRender() {\n        this.ANIMATION_DURATION = parseCssTimeValueToMilliseconds(window.getComputedStyle(this.el).getPropertyValue('--wcs-counter-transition-duration') ?? '150ms') ?? 150;\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.spinButton, attr, value);\n    }\n    \n    /**\n     * Current value change => handle event and interval\n     */\n    @Watch('value')\n    valueChange(newVal: any, oldVal: any) {\n        if(oldVal === newVal) return;\n\n        this.handleValueChange();\n    }\n\n    private handleValueChange() {\n        this.setMinimumIfValueIsUndefinedOrNull();\n        this.ensureValueIsNotOutOfMinMax();\n        this.updateDisplayValueIfNoAnimationRunning();\n    }\n\n    private updateDisplayValueIfNoAnimationRunning() {\n        if (!this.animateRunning) {\n            this.displayedValue = this.value;\n        }\n    }\n\n    private ensureValueIsNotOutOfMinMax() {\n        if (this.max !== undefined && this.value > this.max) {\n            this.value = this.max;\n        } else if (this.min !== undefined && this.value < this.min) {\n            this.value = this.min;\n        }\n    }\n\n    private setMinimumIfValueIsUndefinedOrNull() {\n        if (this.value === undefined || this.value === null) {\n            this.value = this.min ?? 0;\n        }\n    }\n\n    onKeyDown(_event: KeyboardEvent) {\n        if (this.disabled) return; \n        \n        if (isKeyup(_event)) {\n            _event.preventDefault();\n            this.handleIncrement()\n        }\n        if (isKeydown(_event)) {\n            _event.preventDefault();\n            this.handleDecrement()\n        }\n        if (isHomeKey(_event)) {\n            _event.preventDefault();\n            if (this.min != null) {\n                this.value = this.min;\n                this.displayedValue = this.value;\n                this.notifyChange();\n            }\n        }\n        if (isEndKey(_event)) {\n            _event.preventDefault();\n            if (this.max != null) {\n                this.value = this.max;\n                this.displayedValue = this.value;\n                this.notifyChange();\n            }\n        }\n    }\n\n    private notifyChange() {\n        this.wcsChange.emit({\n            value: this.value\n        });\n    }\n    \n    private handleDecrement = () => {\n        if (this.disabled) return;\n        if (this.min === undefined || this.value > this.min) {\n            // we set animateRunning here to prevent the watch method on value prop from affecting the displayed value\n            // before the animation runs.\n            this.animateRunning = true; \n            this.value -= this.step;\n            this.notifyChange();\n            this.animate('up');\n        }\n    };\n\n    private handleIncrement = () => {\n        if (this.disabled) return;\n        if (this.max === undefined || this.value < this.max) {\n            // we set animateRunning here to prevent the watch method on value prop from affecting the displayed value\n            // before the animation runs.\n            this.animateRunning = true; \n            this.value += this.step;\n            this.notifyChange();\n            this.animate('down');\n        }\n    };\n\n    private animate = (direction: 'up' | 'down'): void => {\n        // In case someone call animate function, we want ensured that animateRunning is set to true to prevent other \n        // method to mutate the displayedValue.\n        this.animateRunning = true;  \n\n        const outliers = Array.from(this.counterContainer.children)\n            .filter((span: HTMLSpanElement) => span.classList.contains('outliers'));\n\n        this.counterContainer.classList.add('animate-' + direction);\n        outliers.forEach((span: HTMLSpanElement) => {\n            span.hidden = false;\n        });\n        setTimeout(() => {\n            this.counterContainer.classList.remove('animate-' + direction);\n            outliers.forEach((span: HTMLSpanElement) => {\n                span.hidden = true;\n            });\n            this.displayedValue = this.value;\n\n            this.animateRunning = false;\n        }, this.ANIMATION_DURATION - 20);\n    }\n\n    render() {\n        return (\n            <Host>\n                <div class=\"counter\">\n                    <wcs-button class=\"wcs-primary\"\n                                shape=\"round\"\n                                size=\"s\"\n                                tabindex={-1}\n                                onClick={() => this.handleDecrement()}\n                                onBlur={(event) => this.wcsBlur.emit(event)}\n                                disabled={this.disabled || this.value === this.min}>\n                        <wcs-mat-icon icon=\"remove\" size=\"s\"></wcs-mat-icon>  \n                    </wcs-button>\n                    <div class=\"counter-container\" ref={input => this.counterContainer = input}>\n                        <span id=\"outlier-down\"\n                              class=\"outliers\"\n                              hidden\n                              aria-hidden=\"true\">{this.displayedValue - this.step}</span>\n                        <span tabindex={this.disabled ? -1 : 0}\n                              role=\"spinbutton\"\n                              ref={(el) => this.spinButton = el}\n                              class=\"current-value\"\n                              onBlur={(event) => this.wcsBlur.emit(event)}\n                              onKeyDown={(event) => this.onKeyDown(event)}\n                              aria-disabled={this.disabled ? 'true' : null}\n                              aria-valuenow={this.value}\n                              aria-valuetext={this.value}\n                              aria-valuemin={this.min}\n                              aria-valuemax={this.max}\n                              aria-label={this.label}\n                              {...this.inheritedAttributes}>{this.displayedValue}</span>\n                        <span id=\"outlier-up\"\n                              class=\"outliers\"\n                              hidden\n                              aria-hidden=\"true\">{this.displayedValue + this.step}</span>\n                    </div>\n                    <wcs-button class=\"wcs-primary\"\n                                shape=\"round\"\n                                size=\"s\"\n                                tabindex={-1}\n                                onClick={() => this.handleIncrement()}\n                                onBlur={(event) => this.wcsBlur.emit(event)}\n                                disabled={this.disabled || this.value === this.max}>\n                        <wcs-mat-icon icon=\"add\" size=\"s\"></wcs-mat-icon>\n                    </wcs-button>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/wcs/p-9eb66fa9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as s}from"./p-32e583ea.js";const c=class{constructor(a){e(this,a)}render(){return a(s,{key:"4ec0eb745e24f80408c9e28d178875ea1d37c66e",slot:"label"},a("slot",{key:"9baea00992b41058ccbe8e1f44d0938e0f1aeaae"}))}};export{c as wcs_field_label};
-//# sourceMappingURL=p-9eb66fa9.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,h as s}from"./p-32e583ea.js";const c=":host{--wcs-card-body-padding:var(--wcs-semantic-spacing-large);flex:1 1 auto;padding:var(--wcs-card-body-padding)}";const r=c;const d=class{constructor(s){a(this,s)}render(){return s("slot",{key:"4f5691663c5f43df79027a4fe7d09659c216a8e4"})}};d.style=r;export{d as wcs_card_body};
-//# sourceMappingURL=p-ab49926d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardBodyCss","WcsCardBodyStyle0","CardBody","render","h","key"],"sources":["src/components/card-body/card-body.scss?tag=wcs-card-body&encapsulation=shadow","src/components/card-body/card-body.tsx"],"sourcesContent":[":host {\n    --wcs-card-body-padding: var(--wcs-semantic-spacing-large);\n\n    flex: 1 1 auto;\n    padding: var(--wcs-card-body-padding);\n}\n","import { Component, ComponentInterface, h } from '@stencil/core';\n\n/**\n * The card-body is a subcomponent of `wcs-card`. It represents content of the card with an extra padding around.\n * \n * @cssprop --wcs-card-body-padding - Padding of the card body\n */\n@Component({\n    tag: 'wcs-card-body',\n    styleUrl: 'card-body.scss',\n    shadow: true\n})\nexport class CardBody implements ComponentInterface {\n    render() {\n        return (<slot />);\n    }\n}\n"],"mappings":"2CAAA,MAAMA,EAAc,sHACpB,MAAAC,EAAeD,E,MCWFE,EAAQ,M,yBACjB,MAAAC,GACI,OAAQC,EAAA,QAAAC,IAAA,4C"}

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

@@ -1,2 +0,0 @@
-import{r as s,h as t,g as e}from"./p-32e583ea.js";import{i,a as r,s as a}from"./p-52d77e1f.js";const c=["title"];const n=class{constructor(t){s(this,t);this.inheritedAttributes={};this.icon=undefined;this.size=undefined}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),r(this.el,c))}async setAriaAttribute(s,t){a(this.nativeIcon,s,t)}render(){const s={class:{[`icons-${this.icon}`]:true,[`icons-size-${this.size}`]:true}};return t("i",Object.assign({key:"e21a9bc955698494dd9835e2022182aa20a306e5"},s,{ref:s=>this.nativeIcon=s},this.inheritedAttributes))}get el(){return e(this)}};export{n as wcs_icon};
-//# sourceMappingURL=p-b2080509.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["supportsCssVariables_","supportsCssVariables","windowObj","forceRefresh","CSS","supportsCssVars","supportsFunctionPresent","supports","explicitlySupportsCssVars","weAreFeatureDetectingSafari10plus","getNormalizedEventCoords","evt","pageOffset","clientRect","x","y","documentX","left","documentY","top","normalizedX","normalizedY","type","touchEvent","changedTouches","pageX","pageY","mouseEvent","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","prototype","hasOwnProperty","call","__extends","TypeError","String","__","this","constructor","create","__assign","assign","t","s","i","n","arguments","length","apply","__values","o","Symbol","iterator","m","next","value","done","__read","r","ar","e","push","error","__spreadArray","to","from","pack","l","slice","concat","MDCFoundation","adapter","defineProperty","get","enumerable","configurable","init","destroy","MDCComponent","root","foundation","args","_i","initialize","undefined","getDefaultFoundation","initialSyncWithDOM","attachTo","_args","Error","listen","evtType","handler","options","addEventListener","unlisten","removeEventListener","emit","evtData","shouldBubble","CustomEvent","bubbles","detail","document","createEvent","initCustomEvent","dispatchEvent","applyPassive","globalObj","window","supportsPassiveOption","passive","passiveSupported","err","matches","element","selector","nativeMatches","webkitMatchesSelector","msMatchesSelector","cssClasses","BG_FOCUSED","FG_ACTIVATION","FG_DEACTIVATION","ROOT","UNBOUNDED","strings","VAR_FG_SCALE","VAR_FG_SIZE","VAR_FG_TRANSLATE_END","VAR_FG_TRANSLATE_START","VAR_LEFT","VAR_TOP","numbers","DEACTIVATION_TIMEOUT_MS","FG_DEACTIVATION_MS","INITIAL_ORIGIN_SCALE","PADDING","TAP_DELAY_MS","ACTIVATION_EVENT_TYPES","POINTER_DEACTIVATION_EVENT_TYPES","activatedTargets","MDCRippleFoundation","_super","_this","defaultAdapter","activationAnimationHasEnded","activationTimer","fgDeactivationRemovalTimer","fgScale","frame","width","height","initialSize","layoutFrame","maxRadius","unboundedCoords","activationState","defaultActivationState","activationTimerCallback","runDeactivationUXLogicIfReady","activateHandler","activateImpl","deactivateHandler","deactivateImpl","focusHandler","handleFocus","blurHandler","handleBlur","resizeHandler","layout","addClass","browserSupportsCssVars","computeBoundingRect","right","bottom","containsEventTarget","deregisterDocumentInteractionHandler","deregisterInteractionHandler","deregisterResizeHandler","getWindowPageOffset","isSurfaceActive","isSurfaceDisabled","isUnbounded","registerDocumentInteractionHandler","registerInteractionHandler","registerResizeHandler","removeClass","updateCssVariable","supportsPressRipple","registerRootHandlers","_a","ROOT_1","UNBOUNDED_1","requestAnimationFrame","layoutInternal","clearTimeout","ROOT_2","UNBOUNDED_2","removeCssVars","deregisterRootHandlers","deregisterDeactivationHandlers","activate","deactivate","cancelAnimationFrame","setUnbounded","unbounded","activationEvent","hasDeactivationUXRun","isActivated","isProgrammatic","wasActivatedByPointer","wasElementMadeActive","e_1","ACTIVATION_EVENT_TYPES_1","ACTIVATION_EVENT_TYPES_1_1","e_1_1","return","registerDeactivationHandlers","e_2","POINTER_DEACTIVATION_EVENT_TYPES_1","POINTER_DEACTIVATION_EVENT_TYPES_1_1","e_2_1","e_3","ACTIVATION_EVENT_TYPES_2","ACTIVATION_EVENT_TYPES_2_1","e_3_1","e_4","POINTER_DEACTIVATION_EVENT_TYPES_2","POINTER_DEACTIVATION_EVENT_TYPES_2_1","e_4_1","rippleStrings","keys","forEach","key","indexOf","previousActivationEvent","isSameInteraction","hasActivatedChild","some","target","resetActivationState","checkElementMadeActive","animateActivation","keyCode","_b","translateStart","translateEnd","_c","getFgTranslationCoordinates","startPoint","endPoint","rmBoundedActivationClasses","setTimeout","activationHasEnded","state","animateDeactivation","maxDim","Math","max","getBoundedRadius","hypotenuse","sqrt","pow","floor","updateLayoutCssVars","round","MDCRipple","disabled","opts","ripple","createAdapter","instance","className","classList","add","util.supportsCssVariables","getBoundingClientRect","contains","documentElement","pageXOffset","pageYOffset","Boolean","remove","varName","style","setProperty","set","dataset","buttonCss","WcsButtonStyle0","BUTTON_INHERITED_ATTRS","Button","inheritedAttributes","onClick","ev","loading","stopImmediatePropagation","hasShadowDom","el","form","closest","preventDefault","fakeButton","createElement","display","appendChild","click","componentWillLoad","isWcsButtonSize","size","console","warn","WcsButtonSizeValues","join","inheritAriaAttributes","inheritAttributes","componentDidLoad","mdcRipple","shadowRoot","querySelector","setAriaAttribute","attr","setOrRemoveAttribute","nativeButton","enabledRippleEffect","disabledRippleEffect","getTagName","href","onRippleChange","render","TagType","attrs","role","h","class","ref","spinnerCss","WcsSpinnerStyle0","Spinner","viewBox","cx","cy","fill"],"sources":["node_modules/@material/ripple/util.js","node_modules/tslib/tslib.es6.js","node_modules/@material/base/foundation.js","node_modules/@material/base/component.js","node_modules/@material/dom/events.js","node_modules/@material/dom/ponyfill.js","node_modules/@material/ripple/constants.js","node_modules/@material/ripple/foundation.js","node_modules/@material/ripple/component.js","src/components/button/button.scss?tag=wcs-button&encapsulation=shadow","src/components/button/button.tsx","src/components/spinner/spinner.scss?tag=wcs-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/**\n * Stores result from supportsCssVariables to avoid redundant processing to\n * detect CSS custom variable support.\n */\nvar supportsCssVariables_;\nexport function supportsCssVariables(windowObj, forceRefresh) {\n    if (forceRefresh === void 0) { forceRefresh = false; }\n    var CSS = windowObj.CSS;\n    var supportsCssVars = supportsCssVariables_;\n    if (typeof supportsCssVariables_ === 'boolean' && !forceRefresh) {\n        return supportsCssVariables_;\n    }\n    var supportsFunctionPresent = CSS && typeof CSS.supports === 'function';\n    if (!supportsFunctionPresent) {\n        return false;\n    }\n    var explicitlySupportsCssVars = CSS.supports('--css-vars', 'yes');\n    // See: https://bugs.webkit.org/show_bug.cgi?id=154669\n    // See: README section on Safari\n    var weAreFeatureDetectingSafari10plus = (CSS.supports('(--css-vars: yes)') &&\n        CSS.supports('color', '#00000000'));\n    supportsCssVars =\n        explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus;\n    if (!forceRefresh) {\n        supportsCssVariables_ = supportsCssVars;\n    }\n    return supportsCssVars;\n}\nexport function getNormalizedEventCoords(evt, pageOffset, clientRect) {\n    if (!evt) {\n        return { x: 0, y: 0 };\n    }\n    var x = pageOffset.x, y = pageOffset.y;\n    var documentX = x + clientRect.left;\n    var documentY = y + clientRect.top;\n    var normalizedX;\n    var normalizedY;\n    // Determine touch point relative to the ripple container.\n    if (evt.type === 'touchstart') {\n        var touchEvent = evt;\n        normalizedX = touchEvent.changedTouches[0].pageX - documentX;\n        normalizedY = touchEvent.changedTouches[0].pageY - documentY;\n    }\n    else {\n        var mouseEvent = evt;\n        normalizedX = mouseEvent.pageX - documentX;\n        normalizedY = mouseEvent.pageY - documentY;\n    }\n    return { x: normalizedX, y: normalizedY };\n}\n//# sourceMappingURL=util.js.map","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.push(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.push(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar MDCFoundation = /** @class */ (function () {\n    function MDCFoundation(adapter) {\n        if (adapter === void 0) { adapter = {}; }\n        this.adapter = adapter;\n    }\n    Object.defineProperty(MDCFoundation, \"cssClasses\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports every\n            // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"strings\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports all\n            // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"numbers\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports all\n            // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"defaultAdapter\", {\n        get: function () {\n            // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient\n            // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter\n            // validation.\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCFoundation.prototype.init = function () {\n        // Subclasses should override this method to perform initialization routines (registering events, etc.)\n    };\n    MDCFoundation.prototype.destroy = function () {\n        // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)\n    };\n    return MDCFoundation;\n}());\nexport { MDCFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __read, __spreadArray } from \"tslib\";\nimport { MDCFoundation } from './foundation';\nvar MDCComponent = /** @class */ (function () {\n    function MDCComponent(root, foundation) {\n        var args = [];\n        for (var _i = 2; _i < arguments.length; _i++) {\n            args[_i - 2] = arguments[_i];\n        }\n        this.root = root;\n        this.initialize.apply(this, __spreadArray([], __read(args)));\n        // Note that we initialize foundation here and not within the constructor's\n        // default param so that this.root is defined and can be used within the\n        // foundation class.\n        this.foundation =\n            foundation === undefined ? this.getDefaultFoundation() : foundation;\n        this.foundation.init();\n        this.initialSyncWithDOM();\n    }\n    MDCComponent.attachTo = function (root) {\n        // Subclasses which extend MDCBase should provide an attachTo() method that takes a root element and\n        // returns an instantiated component with its root set to that element. Also note that in the cases of\n        // subclasses, an explicit foundation class will not have to be passed in; it will simply be initialized\n        // from getDefaultFoundation().\n        return new MDCComponent(root, new MDCFoundation({}));\n    };\n    /* istanbul ignore next: method param only exists for typing purposes; it does not need to be unit tested */\n    MDCComponent.prototype.initialize = function () {\n        var _args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            _args[_i] = arguments[_i];\n        }\n        // Subclasses can override this to do any additional setup work that would be considered part of a\n        // \"constructor\". Essentially, it is a hook into the parent constructor before the foundation is\n        // initialized. Any additional arguments besides root and foundation will be passed in here.\n    };\n    MDCComponent.prototype.getDefaultFoundation = function () {\n        // Subclasses must override this method to return a properly configured foundation class for the\n        // component.\n        throw new Error('Subclasses must override getDefaultFoundation to return a properly configured ' +\n            'foundation class');\n    };\n    MDCComponent.prototype.initialSyncWithDOM = function () {\n        // Subclasses should override this method if they need to perform work to synchronize with a host DOM\n        // object. An example of this would be a form control wrapper that needs to synchronize its internal state\n        // to some property or attribute of the host DOM. Please note: this is *not* the place to perform DOM\n        // reads/writes that would cause layout / paint, as this is called synchronously from within the constructor.\n    };\n    MDCComponent.prototype.destroy = function () {\n        // Subclasses may implement this method to release any resources / deregister any listeners they have\n        // attached. An example of this might be deregistering a resize event from the window object.\n        this.foundation.destroy();\n    };\n    MDCComponent.prototype.listen = function (evtType, handler, options) {\n        this.root.addEventListener(evtType, handler, options);\n    };\n    MDCComponent.prototype.unlisten = function (evtType, handler, options) {\n        this.root.removeEventListener(evtType, handler, options);\n    };\n    /**\n     * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.\n     */\n    MDCComponent.prototype.emit = function (evtType, evtData, shouldBubble) {\n        if (shouldBubble === void 0) { shouldBubble = false; }\n        var evt;\n        if (typeof CustomEvent === 'function') {\n            evt = new CustomEvent(evtType, {\n                bubbles: shouldBubble,\n                detail: evtData,\n            });\n        }\n        else {\n            evt = document.createEvent('CustomEvent');\n            evt.initCustomEvent(evtType, shouldBubble, false, evtData);\n        }\n        this.root.dispatchEvent(evt);\n    };\n    return MDCComponent;\n}());\nexport { MDCComponent };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCComponent;\n//# sourceMappingURL=component.js.map","/**\n * @license\n * Copyright 2019 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * Determine whether the current browser supports passive event listeners, and\n * if so, use them.\n */\nexport function applyPassive(globalObj) {\n    if (globalObj === void 0) { globalObj = window; }\n    return supportsPassiveOption(globalObj) ?\n        { passive: true } :\n        false;\n}\nfunction supportsPassiveOption(globalObj) {\n    if (globalObj === void 0) { globalObj = window; }\n    // See\n    // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n    var passiveSupported = false;\n    try {\n        var options = {\n            // This function will be called when the browser\n            // attempts to access the passive property.\n            get passive() {\n                passiveSupported = true;\n                return false;\n            }\n        };\n        var handler = function () { };\n        globalObj.document.addEventListener('test', handler, options);\n        globalObj.document.removeEventListener('test', handler, options);\n    }\n    catch (err) {\n        passiveSupported = false;\n    }\n    return passiveSupported;\n}\n//# sourceMappingURL=events.js.map","/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * @fileoverview A \"ponyfill\" is a polyfill that doesn't modify the global prototype chain.\n * This makes ponyfills safer than traditional polyfills, especially for libraries like MDC.\n */\nexport function closest(element, selector) {\n    if (element.closest) {\n        return element.closest(selector);\n    }\n    var el = element;\n    while (el) {\n        if (matches(el, selector)) {\n            return el;\n        }\n        el = el.parentElement;\n    }\n    return null;\n}\nexport function matches(element, selector) {\n    var nativeMatches = element.matches\n        || element.webkitMatchesSelector\n        || element.msMatchesSelector;\n    return nativeMatches.call(element, selector);\n}\n/**\n * Used to compute the estimated scroll width of elements. When an element is\n * hidden due to display: none; being applied to a parent element, the width is\n * returned as 0. However, the element will have a true width once no longer\n * inside a display: none context. This method computes an estimated width when\n * the element is hidden or returns the true width when the element is visble.\n * @param {Element} element the element whose width to estimate\n */\nexport function estimateScrollWidth(element) {\n    // Check the offsetParent. If the element inherits display: none from any\n    // parent, the offsetParent property will be null (see\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent).\n    // This check ensures we only clone the node when necessary.\n    var htmlEl = element;\n    if (htmlEl.offsetParent !== null) {\n        return htmlEl.scrollWidth;\n    }\n    var clone = htmlEl.cloneNode(true);\n    clone.style.setProperty('position', 'absolute');\n    clone.style.setProperty('transform', 'translate(-9999px, -9999px)');\n    document.documentElement.appendChild(clone);\n    var scrollWidth = clone.scrollWidth;\n    document.documentElement.removeChild(clone);\n    return scrollWidth;\n}\n//# sourceMappingURL=ponyfill.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n    // Ripple is a special case where the \"root\" component is really a \"mixin\" of sorts,\n    // given that it's an 'upgrade' to an existing component. That being said it is the root\n    // CSS class that all other CSS classes derive from.\n    BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',\n    FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',\n    FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation',\n    ROOT: 'mdc-ripple-upgraded',\n    UNBOUNDED: 'mdc-ripple-upgraded--unbounded',\n};\nexport var strings = {\n    VAR_FG_SCALE: '--mdc-ripple-fg-scale',\n    VAR_FG_SIZE: '--mdc-ripple-fg-size',\n    VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end',\n    VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',\n    VAR_LEFT: '--mdc-ripple-left',\n    VAR_TOP: '--mdc-ripple-top',\n};\nexport var numbers = {\n    DEACTIVATION_TIMEOUT_MS: 225,\n    FG_DEACTIVATION_MS: 150,\n    INITIAL_ORIGIN_SCALE: 0.6,\n    PADDING: 10,\n    TAP_DELAY_MS: 300, // Delay between touch and simulated mouse events on touch devices\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { MDCFoundation } from '@material/base/foundation';\nimport { cssClasses, numbers, strings } from './constants';\nimport { getNormalizedEventCoords } from './util';\n// Activation events registered on the root element of each instance for activation\nvar ACTIVATION_EVENT_TYPES = [\n    'touchstart', 'pointerdown', 'mousedown', 'keydown',\n];\n// Deactivation events registered on documentElement when a pointer-related down event occurs\nvar POINTER_DEACTIVATION_EVENT_TYPES = [\n    'touchend', 'pointerup', 'mouseup', 'contextmenu',\n];\n// simultaneous nested activations\nvar activatedTargets = [];\nvar MDCRippleFoundation = /** @class */ (function (_super) {\n    __extends(MDCRippleFoundation, _super);\n    function MDCRippleFoundation(adapter) {\n        var _this = _super.call(this, __assign(__assign({}, MDCRippleFoundation.defaultAdapter), adapter)) || this;\n        _this.activationAnimationHasEnded = false;\n        _this.activationTimer = 0;\n        _this.fgDeactivationRemovalTimer = 0;\n        _this.fgScale = '0';\n        _this.frame = { width: 0, height: 0 };\n        _this.initialSize = 0;\n        _this.layoutFrame = 0;\n        _this.maxRadius = 0;\n        _this.unboundedCoords = { left: 0, top: 0 };\n        _this.activationState = _this.defaultActivationState();\n        _this.activationTimerCallback = function () {\n            _this.activationAnimationHasEnded = true;\n            _this.runDeactivationUXLogicIfReady();\n        };\n        _this.activateHandler = function (e) {\n            _this.activateImpl(e);\n        };\n        _this.deactivateHandler = function () {\n            _this.deactivateImpl();\n        };\n        _this.focusHandler = function () {\n            _this.handleFocus();\n        };\n        _this.blurHandler = function () {\n            _this.handleBlur();\n        };\n        _this.resizeHandler = function () {\n            _this.layout();\n        };\n        return _this;\n    }\n    Object.defineProperty(MDCRippleFoundation, \"cssClasses\", {\n        get: function () {\n            return cssClasses;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"strings\", {\n        get: function () {\n            return strings;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"numbers\", {\n        get: function () {\n            return numbers;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"defaultAdapter\", {\n        get: function () {\n            return {\n                addClass: function () { return undefined; },\n                browserSupportsCssVars: function () { return true; },\n                computeBoundingRect: function () {\n                    return ({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });\n                },\n                containsEventTarget: function () { return true; },\n                deregisterDocumentInteractionHandler: function () { return undefined; },\n                deregisterInteractionHandler: function () { return undefined; },\n                deregisterResizeHandler: function () { return undefined; },\n                getWindowPageOffset: function () { return ({ x: 0, y: 0 }); },\n                isSurfaceActive: function () { return true; },\n                isSurfaceDisabled: function () { return true; },\n                isUnbounded: function () { return true; },\n                registerDocumentInteractionHandler: function () { return undefined; },\n                registerInteractionHandler: function () { return undefined; },\n                registerResizeHandler: function () { return undefined; },\n                removeClass: function () { return undefined; },\n                updateCssVariable: function () { return undefined; },\n            };\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCRippleFoundation.prototype.init = function () {\n        var _this = this;\n        var supportsPressRipple = this.supportsPressRipple();\n        this.registerRootHandlers(supportsPressRipple);\n        if (supportsPressRipple) {\n            var _a = MDCRippleFoundation.cssClasses, ROOT_1 = _a.ROOT, UNBOUNDED_1 = _a.UNBOUNDED;\n            requestAnimationFrame(function () {\n                _this.adapter.addClass(ROOT_1);\n                if (_this.adapter.isUnbounded()) {\n                    _this.adapter.addClass(UNBOUNDED_1);\n                    // Unbounded ripples need layout logic applied immediately to set coordinates for both shade and ripple\n                    _this.layoutInternal();\n                }\n            });\n        }\n    };\n    MDCRippleFoundation.prototype.destroy = function () {\n        var _this = this;\n        if (this.supportsPressRipple()) {\n            if (this.activationTimer) {\n                clearTimeout(this.activationTimer);\n                this.activationTimer = 0;\n                this.adapter.removeClass(MDCRippleFoundation.cssClasses.FG_ACTIVATION);\n            }\n            if (this.fgDeactivationRemovalTimer) {\n                clearTimeout(this.fgDeactivationRemovalTimer);\n                this.fgDeactivationRemovalTimer = 0;\n                this.adapter.removeClass(MDCRippleFoundation.cssClasses.FG_DEACTIVATION);\n            }\n            var _a = MDCRippleFoundation.cssClasses, ROOT_2 = _a.ROOT, UNBOUNDED_2 = _a.UNBOUNDED;\n            requestAnimationFrame(function () {\n                _this.adapter.removeClass(ROOT_2);\n                _this.adapter.removeClass(UNBOUNDED_2);\n                _this.removeCssVars();\n            });\n        }\n        this.deregisterRootHandlers();\n        this.deregisterDeactivationHandlers();\n    };\n    /**\n     * @param evt Optional event containing position information.\n     */\n    MDCRippleFoundation.prototype.activate = function (evt) {\n        this.activateImpl(evt);\n    };\n    MDCRippleFoundation.prototype.deactivate = function () {\n        this.deactivateImpl();\n    };\n    MDCRippleFoundation.prototype.layout = function () {\n        var _this = this;\n        if (this.layoutFrame) {\n            cancelAnimationFrame(this.layoutFrame);\n        }\n        this.layoutFrame = requestAnimationFrame(function () {\n            _this.layoutInternal();\n            _this.layoutFrame = 0;\n        });\n    };\n    MDCRippleFoundation.prototype.setUnbounded = function (unbounded) {\n        var UNBOUNDED = MDCRippleFoundation.cssClasses.UNBOUNDED;\n        if (unbounded) {\n            this.adapter.addClass(UNBOUNDED);\n        }\n        else {\n            this.adapter.removeClass(UNBOUNDED);\n        }\n    };\n    MDCRippleFoundation.prototype.handleFocus = function () {\n        var _this = this;\n        requestAnimationFrame(function () { return _this.adapter.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); });\n    };\n    MDCRippleFoundation.prototype.handleBlur = function () {\n        var _this = this;\n        requestAnimationFrame(function () { return _this.adapter.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); });\n    };\n    /**\n     * We compute this property so that we are not querying information about the client\n     * until the point in time where the foundation requests it. This prevents scenarios where\n     * client-side feature-detection may happen too early, such as when components are rendered on the server\n     * and then initialized at mount time on the client.\n     */\n    MDCRippleFoundation.prototype.supportsPressRipple = function () {\n        return this.adapter.browserSupportsCssVars();\n    };\n    MDCRippleFoundation.prototype.defaultActivationState = function () {\n        return {\n            activationEvent: undefined,\n            hasDeactivationUXRun: false,\n            isActivated: false,\n            isProgrammatic: false,\n            wasActivatedByPointer: false,\n            wasElementMadeActive: false,\n        };\n    };\n    /**\n     * supportsPressRipple Passed from init to save a redundant function call\n     */\n    MDCRippleFoundation.prototype.registerRootHandlers = function (supportsPressRipple) {\n        var e_1, _a;\n        if (supportsPressRipple) {\n            try {\n                for (var ACTIVATION_EVENT_TYPES_1 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next(); !ACTIVATION_EVENT_TYPES_1_1.done; ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next()) {\n                    var evtType = ACTIVATION_EVENT_TYPES_1_1.value;\n                    this.adapter.registerInteractionHandler(evtType, this.activateHandler);\n                }\n            }\n            catch (e_1_1) { e_1 = { error: e_1_1 }; }\n            finally {\n                try {\n                    if (ACTIVATION_EVENT_TYPES_1_1 && !ACTIVATION_EVENT_TYPES_1_1.done && (_a = ACTIVATION_EVENT_TYPES_1.return)) _a.call(ACTIVATION_EVENT_TYPES_1);\n                }\n                finally { if (e_1) throw e_1.error; }\n            }\n            if (this.adapter.isUnbounded()) {\n                this.adapter.registerResizeHandler(this.resizeHandler);\n            }\n        }\n        this.adapter.registerInteractionHandler('focus', this.focusHandler);\n        this.adapter.registerInteractionHandler('blur', this.blurHandler);\n    };\n    MDCRippleFoundation.prototype.registerDeactivationHandlers = function (evt) {\n        var e_2, _a;\n        if (evt.type === 'keydown') {\n            this.adapter.registerInteractionHandler('keyup', this.deactivateHandler);\n        }\n        else {\n            try {\n                for (var POINTER_DEACTIVATION_EVENT_TYPES_1 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next(); !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done; POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next()) {\n                    var evtType = POINTER_DEACTIVATION_EVENT_TYPES_1_1.value;\n                    this.adapter.registerDocumentInteractionHandler(evtType, this.deactivateHandler);\n                }\n            }\n            catch (e_2_1) { e_2 = { error: e_2_1 }; }\n            finally {\n                try {\n                    if (POINTER_DEACTIVATION_EVENT_TYPES_1_1 && !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done && (_a = POINTER_DEACTIVATION_EVENT_TYPES_1.return)) _a.call(POINTER_DEACTIVATION_EVENT_TYPES_1);\n                }\n                finally { if (e_2) throw e_2.error; }\n            }\n        }\n    };\n    MDCRippleFoundation.prototype.deregisterRootHandlers = function () {\n        var e_3, _a;\n        try {\n            for (var ACTIVATION_EVENT_TYPES_2 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next(); !ACTIVATION_EVENT_TYPES_2_1.done; ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next()) {\n                var evtType = ACTIVATION_EVENT_TYPES_2_1.value;\n                this.adapter.deregisterInteractionHandler(evtType, this.activateHandler);\n            }\n        }\n        catch (e_3_1) { e_3 = { error: e_3_1 }; }\n        finally {\n            try {\n                if (ACTIVATION_EVENT_TYPES_2_1 && !ACTIVATION_EVENT_TYPES_2_1.done && (_a = ACTIVATION_EVENT_TYPES_2.return)) _a.call(ACTIVATION_EVENT_TYPES_2);\n            }\n            finally { if (e_3) throw e_3.error; }\n        }\n        this.adapter.deregisterInteractionHandler('focus', this.focusHandler);\n        this.adapter.deregisterInteractionHandler('blur', this.blurHandler);\n        if (this.adapter.isUnbounded()) {\n            this.adapter.deregisterResizeHandler(this.resizeHandler);\n        }\n    };\n    MDCRippleFoundation.prototype.deregisterDeactivationHandlers = function () {\n        var e_4, _a;\n        this.adapter.deregisterInteractionHandler('keyup', this.deactivateHandler);\n        try {\n            for (var POINTER_DEACTIVATION_EVENT_TYPES_2 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next(); !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done; POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next()) {\n                var evtType = POINTER_DEACTIVATION_EVENT_TYPES_2_1.value;\n                this.adapter.deregisterDocumentInteractionHandler(evtType, this.deactivateHandler);\n            }\n        }\n        catch (e_4_1) { e_4 = { error: e_4_1 }; }\n        finally {\n            try {\n                if (POINTER_DEACTIVATION_EVENT_TYPES_2_1 && !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done && (_a = POINTER_DEACTIVATION_EVENT_TYPES_2.return)) _a.call(POINTER_DEACTIVATION_EVENT_TYPES_2);\n            }\n            finally { if (e_4) throw e_4.error; }\n        }\n    };\n    MDCRippleFoundation.prototype.removeCssVars = function () {\n        var _this = this;\n        var rippleStrings = MDCRippleFoundation.strings;\n        var keys = Object.keys(rippleStrings);\n        keys.forEach(function (key) {\n            if (key.indexOf('VAR_') === 0) {\n                _this.adapter.updateCssVariable(rippleStrings[key], null);\n            }\n        });\n    };\n    MDCRippleFoundation.prototype.activateImpl = function (evt) {\n        var _this = this;\n        if (this.adapter.isSurfaceDisabled()) {\n            return;\n        }\n        var activationState = this.activationState;\n        if (activationState.isActivated) {\n            return;\n        }\n        // Avoid reacting to follow-on events fired by touch device after an already-processed user interaction\n        var previousActivationEvent = this.previousActivationEvent;\n        var isSameInteraction = previousActivationEvent && evt !== undefined && previousActivationEvent.type !== evt.type;\n        if (isSameInteraction) {\n            return;\n        }\n        activationState.isActivated = true;\n        activationState.isProgrammatic = evt === undefined;\n        activationState.activationEvent = evt;\n        activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : evt !== undefined && (evt.type === 'mousedown' || evt.type === 'touchstart' || evt.type === 'pointerdown');\n        var hasActivatedChild = evt !== undefined &&\n            activatedTargets.length > 0 &&\n            activatedTargets.some(function (target) { return _this.adapter.containsEventTarget(target); });\n        if (hasActivatedChild) {\n            // Immediately reset activation state, while preserving logic that prevents touch follow-on events\n            this.resetActivationState();\n            return;\n        }\n        if (evt !== undefined) {\n            activatedTargets.push(evt.target);\n            this.registerDeactivationHandlers(evt);\n        }\n        activationState.wasElementMadeActive = this.checkElementMadeActive(evt);\n        if (activationState.wasElementMadeActive) {\n            this.animateActivation();\n        }\n        requestAnimationFrame(function () {\n            // Reset array on next frame after the current event has had a chance to bubble to prevent ancestor ripples\n            activatedTargets = [];\n            if (!activationState.wasElementMadeActive\n                && evt !== undefined\n                && (evt.key === ' ' || evt.keyCode === 32)) {\n                // If space was pressed, try again within an rAF call to detect :active, because different UAs report\n                // active states inconsistently when they're called within event handling code:\n                // - https://bugs.chromium.org/p/chromium/issues/detail?id=635971\n                // - https://bugzilla.mozilla.org/show_bug.cgi?id=1293741\n                // We try first outside rAF to support Edge, which does not exhibit this problem, but will crash if a CSS\n                // variable is set within a rAF callback for a submit button interaction (#2241).\n                activationState.wasElementMadeActive = _this.checkElementMadeActive(evt);\n                if (activationState.wasElementMadeActive) {\n                    _this.animateActivation();\n                }\n            }\n            if (!activationState.wasElementMadeActive) {\n                // Reset activation state immediately if element was not made active.\n                _this.activationState = _this.defaultActivationState();\n            }\n        });\n    };\n    MDCRippleFoundation.prototype.checkElementMadeActive = function (evt) {\n        return (evt !== undefined && evt.type === 'keydown') ?\n            this.adapter.isSurfaceActive() :\n            true;\n    };\n    MDCRippleFoundation.prototype.animateActivation = function () {\n        var _this = this;\n        var _a = MDCRippleFoundation.strings, VAR_FG_TRANSLATE_START = _a.VAR_FG_TRANSLATE_START, VAR_FG_TRANSLATE_END = _a.VAR_FG_TRANSLATE_END;\n        var _b = MDCRippleFoundation.cssClasses, FG_DEACTIVATION = _b.FG_DEACTIVATION, FG_ACTIVATION = _b.FG_ACTIVATION;\n        var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;\n        this.layoutInternal();\n        var translateStart = '';\n        var translateEnd = '';\n        if (!this.adapter.isUnbounded()) {\n            var _c = this.getFgTranslationCoordinates(), startPoint = _c.startPoint, endPoint = _c.endPoint;\n            translateStart = startPoint.x + \"px, \" + startPoint.y + \"px\";\n            translateEnd = endPoint.x + \"px, \" + endPoint.y + \"px\";\n        }\n        this.adapter.updateCssVariable(VAR_FG_TRANSLATE_START, translateStart);\n        this.adapter.updateCssVariable(VAR_FG_TRANSLATE_END, translateEnd);\n        // Cancel any ongoing activation/deactivation animations\n        clearTimeout(this.activationTimer);\n        clearTimeout(this.fgDeactivationRemovalTimer);\n        this.rmBoundedActivationClasses();\n        this.adapter.removeClass(FG_DEACTIVATION);\n        // Force layout in order to re-trigger the animation.\n        this.adapter.computeBoundingRect();\n        this.adapter.addClass(FG_ACTIVATION);\n        this.activationTimer = setTimeout(function () {\n            _this.activationTimerCallback();\n        }, DEACTIVATION_TIMEOUT_MS);\n    };\n    MDCRippleFoundation.prototype.getFgTranslationCoordinates = function () {\n        var _a = this.activationState, activationEvent = _a.activationEvent, wasActivatedByPointer = _a.wasActivatedByPointer;\n        var startPoint;\n        if (wasActivatedByPointer) {\n            startPoint = getNormalizedEventCoords(activationEvent, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect());\n        }\n        else {\n            startPoint = {\n                x: this.frame.width / 2,\n                y: this.frame.height / 2,\n            };\n        }\n        // Center the element around the start point.\n        startPoint = {\n            x: startPoint.x - (this.initialSize / 2),\n            y: startPoint.y - (this.initialSize / 2),\n        };\n        var endPoint = {\n            x: (this.frame.width / 2) - (this.initialSize / 2),\n            y: (this.frame.height / 2) - (this.initialSize / 2),\n        };\n        return { startPoint: startPoint, endPoint: endPoint };\n    };\n    MDCRippleFoundation.prototype.runDeactivationUXLogicIfReady = function () {\n        var _this = this;\n        // This method is called both when a pointing device is released, and when the activation animation ends.\n        // The deactivation animation should only run after both of those occur.\n        var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;\n        var _a = this.activationState, hasDeactivationUXRun = _a.hasDeactivationUXRun, isActivated = _a.isActivated;\n        var activationHasEnded = hasDeactivationUXRun || !isActivated;\n        if (activationHasEnded && this.activationAnimationHasEnded) {\n            this.rmBoundedActivationClasses();\n            this.adapter.addClass(FG_DEACTIVATION);\n            this.fgDeactivationRemovalTimer = setTimeout(function () {\n                _this.adapter.removeClass(FG_DEACTIVATION);\n            }, numbers.FG_DEACTIVATION_MS);\n        }\n    };\n    MDCRippleFoundation.prototype.rmBoundedActivationClasses = function () {\n        var FG_ACTIVATION = MDCRippleFoundation.cssClasses.FG_ACTIVATION;\n        this.adapter.removeClass(FG_ACTIVATION);\n        this.activationAnimationHasEnded = false;\n        this.adapter.computeBoundingRect();\n    };\n    MDCRippleFoundation.prototype.resetActivationState = function () {\n        var _this = this;\n        this.previousActivationEvent = this.activationState.activationEvent;\n        this.activationState = this.defaultActivationState();\n        // Touch devices may fire additional events for the same interaction within a short time.\n        // Store the previous event until it's safe to assume that subsequent events are for new interactions.\n        setTimeout(function () { return _this.previousActivationEvent = undefined; }, MDCRippleFoundation.numbers.TAP_DELAY_MS);\n    };\n    MDCRippleFoundation.prototype.deactivateImpl = function () {\n        var _this = this;\n        var activationState = this.activationState;\n        // This can happen in scenarios such as when you have a keyup event that blurs the element.\n        if (!activationState.isActivated) {\n            return;\n        }\n        var state = __assign({}, activationState);\n        if (activationState.isProgrammatic) {\n            requestAnimationFrame(function () {\n                _this.animateDeactivation(state);\n            });\n            this.resetActivationState();\n        }\n        else {\n            this.deregisterDeactivationHandlers();\n            requestAnimationFrame(function () {\n                _this.activationState.hasDeactivationUXRun = true;\n                _this.animateDeactivation(state);\n                _this.resetActivationState();\n            });\n        }\n    };\n    MDCRippleFoundation.prototype.animateDeactivation = function (_a) {\n        var wasActivatedByPointer = _a.wasActivatedByPointer, wasElementMadeActive = _a.wasElementMadeActive;\n        if (wasActivatedByPointer || wasElementMadeActive) {\n            this.runDeactivationUXLogicIfReady();\n        }\n    };\n    MDCRippleFoundation.prototype.layoutInternal = function () {\n        var _this = this;\n        this.frame = this.adapter.computeBoundingRect();\n        var maxDim = Math.max(this.frame.height, this.frame.width);\n        // Surface diameter is treated differently for unbounded vs. bounded ripples.\n        // Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately\n        // to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically\n        // square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter\n        // (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via\n        // `overflow: hidden`.\n        var getBoundedRadius = function () {\n            var hypotenuse = Math.sqrt(Math.pow(_this.frame.width, 2) + Math.pow(_this.frame.height, 2));\n            return hypotenuse + MDCRippleFoundation.numbers.PADDING;\n        };\n        this.maxRadius = this.adapter.isUnbounded() ? maxDim : getBoundedRadius();\n        // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform\n        var initialSize = Math.floor(maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE);\n        // Unbounded ripple size should always be even number to equally center align.\n        if (this.adapter.isUnbounded() && initialSize % 2 !== 0) {\n            this.initialSize = initialSize - 1;\n        }\n        else {\n            this.initialSize = initialSize;\n        }\n        this.fgScale = \"\" + this.maxRadius / this.initialSize;\n        this.updateLayoutCssVars();\n    };\n    MDCRippleFoundation.prototype.updateLayoutCssVars = function () {\n        var _a = MDCRippleFoundation.strings, VAR_FG_SIZE = _a.VAR_FG_SIZE, VAR_LEFT = _a.VAR_LEFT, VAR_TOP = _a.VAR_TOP, VAR_FG_SCALE = _a.VAR_FG_SCALE;\n        this.adapter.updateCssVariable(VAR_FG_SIZE, this.initialSize + \"px\");\n        this.adapter.updateCssVariable(VAR_FG_SCALE, this.fgScale);\n        if (this.adapter.isUnbounded()) {\n            this.unboundedCoords = {\n                left: Math.round((this.frame.width / 2) - (this.initialSize / 2)),\n                top: Math.round((this.frame.height / 2) - (this.initialSize / 2)),\n            };\n            this.adapter.updateCssVariable(VAR_LEFT, this.unboundedCoords.left + \"px\");\n            this.adapter.updateCssVariable(VAR_TOP, this.unboundedCoords.top + \"px\");\n        }\n    };\n    return MDCRippleFoundation;\n}(MDCFoundation));\nexport { MDCRippleFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCRippleFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { applyPassive } from '@material/dom/events';\nimport { matches } from '@material/dom/ponyfill';\nimport { MDCRippleFoundation } from './foundation';\nimport * as util from './util';\nvar MDCRipple = /** @class */ (function (_super) {\n    __extends(MDCRipple, _super);\n    function MDCRipple() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.disabled = false;\n        return _this;\n    }\n    MDCRipple.attachTo = function (root, opts) {\n        if (opts === void 0) { opts = {\n            isUnbounded: undefined\n        }; }\n        var ripple = new MDCRipple(root);\n        // Only override unbounded behavior if option is explicitly specified\n        if (opts.isUnbounded !== undefined) {\n            ripple.unbounded = opts.isUnbounded;\n        }\n        return ripple;\n    };\n    MDCRipple.createAdapter = function (instance) {\n        return {\n            addClass: function (className) { return instance.root.classList.add(className); },\n            browserSupportsCssVars: function () { return util.supportsCssVariables(window); },\n            computeBoundingRect: function () { return instance.root.getBoundingClientRect(); },\n            containsEventTarget: function (target) { return instance.root.contains(target); },\n            deregisterDocumentInteractionHandler: function (evtType, handler) {\n                return document.documentElement.removeEventListener(evtType, handler, applyPassive());\n            },\n            deregisterInteractionHandler: function (evtType, handler) {\n                return instance.root\n                    .removeEventListener(evtType, handler, applyPassive());\n            },\n            deregisterResizeHandler: function (handler) {\n                return window.removeEventListener('resize', handler);\n            },\n            getWindowPageOffset: function () {\n                return ({ x: window.pageXOffset, y: window.pageYOffset });\n            },\n            isSurfaceActive: function () { return matches(instance.root, ':active'); },\n            isSurfaceDisabled: function () { return Boolean(instance.disabled); },\n            isUnbounded: function () { return Boolean(instance.unbounded); },\n            registerDocumentInteractionHandler: function (evtType, handler) {\n                return document.documentElement.addEventListener(evtType, handler, applyPassive());\n            },\n            registerInteractionHandler: function (evtType, handler) {\n                return instance.root\n                    .addEventListener(evtType, handler, applyPassive());\n            },\n            registerResizeHandler: function (handler) {\n                return window.addEventListener('resize', handler);\n            },\n            removeClass: function (className) { return instance.root.classList.remove(className); },\n            updateCssVariable: function (varName, value) {\n                return instance.root.style.setProperty(varName, value);\n            },\n        };\n    };\n    Object.defineProperty(MDCRipple.prototype, \"unbounded\", {\n        get: function () {\n            return Boolean(this.isUnbounded);\n        },\n        set: function (unbounded) {\n            this.isUnbounded = Boolean(unbounded);\n            this.setUnbounded();\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCRipple.prototype.activate = function () {\n        this.foundation.activate();\n    };\n    MDCRipple.prototype.deactivate = function () {\n        this.foundation.deactivate();\n    };\n    MDCRipple.prototype.layout = function () {\n        this.foundation.layout();\n    };\n    MDCRipple.prototype.getDefaultFoundation = function () {\n        return new MDCRippleFoundation(MDCRipple.createAdapter(this));\n    };\n    MDCRipple.prototype.initialSyncWithDOM = function () {\n        var root = this.root;\n        this.isUnbounded = 'mdcRippleIsUnbounded' in root.dataset;\n    };\n    /**\n     * Closure Compiler throws an access control error when directly accessing a\n     * protected or private property inside a getter/setter, like unbounded above.\n     * By accessing the protected property inside a method, we solve that problem.\n     * That's why this function exists.\n     */\n    MDCRipple.prototype.setUnbounded = function () {\n        this.foundation.setUnbounded(Boolean(this.isUnbounded));\n    };\n    return MDCRipple;\n}(MDCComponent));\nexport { MDCRipple };\n//# sourceMappingURL=component.js.map","// 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\n    --wcs-button-color: var(--wcs-button-plain-color-default);\n    --wcs-button-plain-color-default: var(--wcs-semantic-color-foreground-action-primary-default);\n    --wcs-button-color-disabled: var(--wcs-semantic-color-text-disabled);\n    --wcs-button-stroked-color-default: var(--wcs-semantic-color-foreground-action-secondary-default);\n    --wcs-button-clear-color-default: var(--wcs-semantic-color-foreground-action-tertiary-default);\n\n    --wcs-button-focus-outline-color: var(--wcs-semantic-color-border-focus-base);\n    --wcs-button-focus-outline-border-width: var(--wcs-semantic-border-width-large);\n\n    --wcs-button-background-color: var(--wcs-button-plain-background-color-default);\n    --wcs-button-plain-background-color-default: var(--wcs-semantic-color-background-action-primary-default);\n    --wcs-button-plain-background-color-disabled: var(--wcs-semantic-color-background-action-primary-disabled);\n    --wcs-button-stroked-background-color-default: var(--wcs-semantic-color-background-action-secondary-default);\n    --wcs-button-stroked-background-color-disabled: var(--wcs-semantic-color-background-action-secondary-disabled);\n    --wcs-button-clear-background-color-default: var(--wcs-semantic-color-background-action-tertiary-default);\n    --wcs-button-clear-background-color-disabled: var(--wcs-semantic-color-background-action-tertiary-disabled);\n\n    --wcs-button-ripple-color: var(--wcs-button-plain-ripple-color-default);\n    --wcs-button-plain-ripple-color-default: var(--wcs-semantic-color-ripple-action-primary);\n    --wcs-button-stroked-ripple-color-default: var(--wcs-semantic-color-ripple-action-secondary);\n    --wcs-button-clear-ripple-color-default: var(--wcs-semantic-color-ripple-action-tertiary);\n    --wcs-button-border-radius: var(--wcs-button-border-radius-default);\n    --wcs-button-border-radius-default: var(--wcs-semantic-border-radius-base);\n    --wcs-button-border-radius-rounded: var(--wcs-semantic-border-radius-full);\n\n    --wcs-button-stroked-border-color: var(--wcs-button-stroked-border-color-default);\n    --wcs-button-stroked-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-button-stroked-border-color-default: var(--wcs-semantic-color-border-action-secondary-default);\n    --wcs-button-stroked-border-color-disabled: var(--wcs-semantic-color-border-action-secondary-disabled);\n\n    --wcs-button-height-s: var(--wcs-semantic-size-s);\n    --wcs-button-font-size-s: var(--wcs-semantic-font-size-label-2);\n    --wcs-button-padding-size-s: calc(1.5 * var(--wcs-semantic-spacing-base));\n\n    --wcs-button-height-m: var(--wcs-semantic-size-m);\n    --wcs-button-font-size-m: var(--wcs-semantic-font-size-label-1);\n    --wcs-button-padding-size-m: calc(2 * var(--wcs-semantic-spacing-base));\n\n    --wcs-button-height-l: var(--wcs-semantic-size-l);\n    --wcs-button-font-size-l: var(--wcs-semantic-font-size-label-1);\n    --wcs-button-padding-size-l: calc(3 * var(--wcs-semantic-spacing-base));\n\n    --wcs-button-font-weight: var(--wcs-semantic-font-weight-medium);\n}\n\n\n.wcs-inner-button:focus-visible {\n    @include focus-outline($outline-color: var(--wcs-button-focus-outline-color), $border-radius: var(--wcs-button-border-radius), $border-width: var(--wcs-button-focus-outline-border-width));\n}\n\n:host([mode=clear]) {\n    --wcs-button-stroked-border-color: transparent;\n\n    .wcs-inner-button {\n        box-shadow: none;\n    }\n}\n\n:host([mode=stroked]) {\n    --wcs-button-color: var(--wcs-button-stroked-color-default);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-button-stroked-ripple-color-default);\n        }\n    }\n}\n\n:host([mode=clear]) {\n    --wcs-button-color: var(--wcs-button-clear-color-default);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-button-clear-ripple-color-default);\n        }\n    }\n}\n\n:host([size=l]) {\n    --wcs-button-padding: 0 var(--wcs-button-padding-size-l);\n    --wcs-button-height: var(--wcs-button-height-l);\n    --wcs-button-min-width: var(--wcs-button-height-l);\n    --wcs-button-font-size: var(--wcs-button-font-size-l);\n\n    &:host([shape=round]), &:host([shape=square]) {\n        ::slotted(wcs-mat-icon) {\n            margin: calc(-1 * var(--wcs-button-padding-size-l));\n        }\n    }\n}\n\n:host([size=m]) { // Default\n    --wcs-button-padding: 0 var(--wcs-button-padding-size-m);\n    --wcs-button-height: var(--wcs-button-height-m);\n    --wcs-button-min-width: var(--wcs-button-height-m);\n    --wcs-button-font-size: var(--wcs-button-font-size-m);\n\n    &:host([shape=round]), &:host([shape=square]) {\n        ::slotted(wcs-mat-icon) {\n            margin: calc(-1 * var(--wcs-button-padding-size-m));\n        }\n    }\n}\n\n:host([size=s]) {\n    --wcs-button-padding: 0 var(--wcs-button-padding-size-s);\n    --wcs-button-height: var(--wcs-button-height-s);\n    --wcs-button-min-width: var(--wcs-button-height-s);\n    --wcs-button-font-size: var(--wcs-button-font-size-s);\n\n    &:host([shape=round]), &:host([shape=square]) {\n        ::slotted(wcs-mat-icon) {\n            margin: calc(-1 * var(--wcs-button-padding-size-s));\n        }\n    }\n}\n\n:host([shape=round]) {\n    --wcs-button-border-radius: var(--wcs-button-border-radius-rounded);\n}\n\n:host([shape=square]) {\n    --wcs-button-padding: 0;\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-height, unset);\n    }\n}\n\n:host([mode=stroked]) {\n    .wcs-inner-button {\n        box-shadow: inset 0 0 0 var(--wcs-button-stroked-border-width) var(--wcs-button-stroked-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        --wcs-spinner-dashed-background-circle: var(--wcs-button-color);\n        --wcs-spinner-rotating-circle-color: var(--wcs-button-color);\n        height: calc(var(--wcs-button-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    cursor: not-allowed;\n\n    .wcs-inner-button {\n        opacity: 1;\n        cursor: default;\n        pointer-events: none;\n    }\n}\n\n\n\n:host([disabled]) {\n    --wcs-button-color: var(--wcs-button-color-disabled);\n    --wcs-button-background-color: var(--wcs-button-plain-background-color-disabled);\n}\n\n:host([mode=stroked][disabled]) {\n    --wcs-button-stroked-border-color: var(--wcs-button-stroked-border-color-disabled);\n    --wcs-button-background-color: var(--wcs-button-stroked-background-color-disabled);\n}\n\n:host([mode=clear][disabled])  {\n    --wcs-button-background-color: var(--wcs-button-clear-background-color-disabled);\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    --mdc-ripple-focus-opacity: 0;\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: var(--wcs-button-font-weight);\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    height: var(--wcs-button-height);\n    min-width: var(--wcs-button-min-width);\n\n    transition: color 175ms ease-in-out, background-color 175ms ease-in-out;\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, Method, 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, inheritAriaAttributes, inheritAttributes, setOrRemoveAttribute } from '../../utils/helpers';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst BUTTON_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/**\n * The button component is used to trigger an action. It can also be a link when specifying href.\n * \n * ## Accessibility guidelines 💡\n * > If your button doesn't contain text but only an image, you must set a relevant aria-label on the icon 👉 [see \"Square\" story below](#square)\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 * @cssprop --wcs-button-plain-color-default - Text/icon color of a plain button\n * @cssprop --wcs-button-stroked-color-default - text/icon color of a stroked button\n * @cssprop --wcs-button-clear-color-default - text/icon color of a clear button\n * \n * @cssprop --wcs-button-color-disabled - text/icon color disabled for mode plain, stroked, clear\n *\n * @cssprop --wcs-button-plain-background-color-default background color of a plain button\n * @cssprop --wcs-button-plain-background-color-disabled - disabled background color of a plain button\n * @cssprop --wcs-button-stroked-background-color-default background color of a stroked button\n * @cssprop --wcs-button-stroked-background-color-disabled - disabled background color of a stroked button\n * @cssprop --wcs-button-clear-background-color-default background color of a clear button\n * @cssprop --wcs-button-clear-background-color-disabled - disabled background color of a clear button\n * \n * @cssprop --wcs-button-plain-ripple-color-default - ripple background color of a plain button\n * @cssprop --wcs-button-stroked-ripple-color-default - ripple background color of a stroked button\n * @cssprop --wcs-button-clear-ripple-color-default - ripple background color of a clear button\n * @cssprop --wcs-button-border-radius-default - border radius for a default button\n * @cssprop --wcs-button-border-radius-rounded - border radius for a rounded button\n *\n * @cssprop --wcs-button-stroked-border-width - border width of a stroked button\n * @cssprop --wcs-button-stroked-border-color-default - default border color of a stroked button\n * @cssprop --wcs-button-stroked-border-color-disabled - disabled border color of a stroked button\n *\n * @cssprop --wcs-button-height-s - height for a size s button\n * @cssprop --wcs-button-font-size-s - font-size for a size s button\n * @cssprop --wcs-button-padding-size-s - padding for a size s button\n *\n * @cssprop --wcs-button-height-m - height for a size m button\n * @cssprop --wcs-button-font-size-m - font-size for a size m button\n * @cssprop --wcs-button-padding-size-m - padding for a size m button\n *\n * @cssprop --wcs-button-height-l - height for a size l button\n * @cssprop --wcs-button-font-size-l - font-size for a size l button\n * @cssprop --wcs-button-padding-size-l - padding for a size l button\n *\n * @cssprop --wcs-button-font-weight - font weight of a plain,stroked,clear button\n */\n@Component({\n    tag: 'wcs-button',\n    styleUrl: 'button.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Button implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el!: HTMLElement;\n    private nativeButton?: HTMLButtonElement | HTMLAnchorElement;\n    private inheritedAttributes: { [k: string]: any } = {};\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({ reflect: true, 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.warn(`Invalid size value for wcs-button : \"${this.size}\". Must be one of \"${WcsButtonSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, BUTTON_INHERITED_ATTRS),\n        };\n    }\n\n    componentDidLoad() {\n        this.mdcRipple = new MDCRipple(this.el.shadowRoot.querySelector('.wcs-inner-button'));\n    }\n    \n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeButton, attr, value);\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                ref={(el: HTMLButtonElement | HTMLAnchorElement) => this.nativeButton = el}\n                {...this.inheritedAttributes}\n            >\n                {\n                    this.loading && <wcs-spinner></wcs-spinner>\n                }\n                <slot/>\n            </TagType>\n        );\n    }\n}\n","@keyframes wcs-spinner-grow {\n    0% {\n        opacity: 0;\n        transform: scale(0);\n    }\n    25% {\n        opacity: 1;\n    }\n    75% {\n        opacity: 0;\n        transform: scale(1);\n    }\n}\n\n@keyframes wcs-spinner-rotate {\n    0% {\n        transform: rotate(0deg);\n        transform-origin: center;\n    }\n    100% {\n        transform: rotate(360deg);\n        transform-origin: center;\n    }\n}\n\n@keyframes wcs-spinner-dash {\n    0% {\n        stroke-dasharray: 1, 150;\n        stroke-dashoffset: 0;\n    }\n    50% {\n        stroke-dasharray: 90, 150;\n        stroke-dashoffset: -35;\n    }\n    100% {\n        stroke-dasharray: 90, 150;\n        stroke-dashoffset: -131;\n    }\n}\n\n:host {\n    display: inline-block;\n    width: 2rem;\n    height: 2rem;\n    vertical-align: text-bottom;\n    border-radius: 50%;\n\n    --wcs-spinner-dashed-background-circle: var(--wcs-semantic-color-background-surface-tertiary);\n    --wcs-spinner-rotating-circle-color: var(--wcs-semantic-color-background-surface-brand);\n\n    --wcs-spinner-rotate-animation-duration: var(--wcs-semantic-motion-duration-animation-base);\n    --wcs-spinner-dashed-animation-duration: var(--wcs-semantic-motion-duration-animation-base);\n    --wcs-spinner-growing-animation-duration: var(--wcs-semantic-motion-duration-animation-fast);\n}\n\n:host([mode=\"border\"]) {\n    svg {\n        & .dashed-background-circle {\n            stroke: var(--wcs-spinner-dashed-background-circle);\n            stroke-width: 7px;\n            stroke-dasharray: 3,3;\n            stroke-dashoffset: 1;\n            stroke-linecap: butt;\n        }\n\n        .infinite-rotation-container {\n            animation: wcs-spinner-rotate var(--wcs-spinner-rotate-animation-duration) linear infinite;\n        }\n\n        & .dash-rotating-circle {\n            stroke: var(--wcs-spinner-rotating-circle-color);\n            stroke-width: 8px;\n            stroke-linecap: round;\n            animation: wcs-spinner-dash var(--wcs-spinner-dashed-animation-duration) ease-in-out infinite;\n        }\n    }\n}\n\n:host([mode=growing]) {\n    background-color: var(--wcs-spinner-rotating-circle-color);\n    opacity: 0;\n    animation: wcs-spinner-grow var(--wcs-spinner-growing-animation-duration) ease-out infinite;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport { WcsSpinnerMode } from './spinner-interface';\n\n/**\n * The spinner component is visual indicator that showing a process is happening in the background but the interface is\n * not yet ready for interaction.  \n * If your page structure is simple or the loading time is long (> 300ms), use [wcs-skeleton](.?path=/docs/components-skeleton--documentation) instead.\n * \n * @cssprop --wcs-spinner-dashed-background-circle - The color of the dashed circle in the background\n * @cssprop --wcs-spinner-rotating-circle-color - The color of the rotating circle\n * \n * @cssprop --wcs-spinner-rotate-animation-duration - The duration of the rotation animation\n * @cssprop --wcs-spinner-dashed-animation-duration - The duration of the dash animation\n * @cssprop --wcs-spinner-growing-animation-duration - The duration of the growing animation\n */\n@Component({\n    tag: 'wcs-spinner',\n    styleUrl: 'spinner.scss',\n    shadow: true\n})\nexport class Spinner implements ComponentInterface {\n    /**\n     * Indicates the spinner display mode.\n     * Accepted values: `border` or `growing`\n     */\n    @Prop({ reflect: true }) mode: WcsSpinnerMode = 'border';\n\n    render() {\n        return (\n            <svg viewBox=\"0 0 50 50\">\n                <circle class=\"dashed-background-circle\" cx=\"25\" cy=\"25\" r=\"21\" fill=\"none\"/>\n                <g class=\"infinite-rotation-container\">\n                    <circle class=\"dash-rotating-circle\" cx=\"25\" cy=\"25\" r=\"21\" fill=\"none\" />\n                </g>\n            </svg>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/wcs/p-c6a28b79.js

@@ -1,2 +0,0 @@
-const n=["s","m","l"];function s(s){return n.includes(s)}export{n as W,s as i};
-//# sourceMappingURL=p-c6a28b79.js.map

package/dist/wcs/p-c6a28b79.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["WcsButtonSizeValues","isWcsButtonSize","size","includes"],"sources":["src/components/button/button-interface.ts"],"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"],"mappings":"MAQaA,EAAsB,CAAC,IAAK,IAAK,K,SAI9BC,EAAgBC,GAE5B,OAAOF,EAAoBG,SAASD,EACxC,Q"}

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

@@ -1,2 +0,0 @@
-import{r as s,h as e,H as c}from"./p-32e583ea.js";const t=class{constructor(e){s(this,e);this.columnId=undefined;this.rowId=undefined}render(){return e(c,{key:"ff6029ca87066fa7fe87dc269c067cd128a41d21",slot:this.columnId+"-"+this.rowId},e("slot",{key:"6469540fb6399ab03af6c9dcb6442bede62c9845"}))}};export{t as wcs_grid_custom_cell};
-//# sourceMappingURL=p-c752b85a.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r,h as e,H as s}from"./p-32e583ea.js";const o=":host{--wcs-divider-color:var(--wcs-semantic-color-border-secondary);--wcs-divider-height:var(--wcs-semantic-border-width-default);display:block;border-bottom:solid var(--wcs-divider-height) var(--wcs-divider-color)}";const c=o;const d=class{constructor(e){r(this,e)}render(){return e(s,{key:"19525963d8b8e0153b9644369ca44959cea01efa"})}};d.style=c;export{d as wcs_divider};
-//# sourceMappingURL=p-d443d419.entry.js.map

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

@@ -1,2 +0,0 @@
-export{G as wcs_grid_pagination}from"./p-8fcceaf1.js";import"./p-32e583ea.js";import"./p-52d77e1f.js";
-//# sourceMappingURL=p-e36b2ad1.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as a,c as t,h as s,H as o,g as e}from"./p-32e583ea.js";import{i,a as c}from"./p-fb2751c2.js";import{i as d,a as l,s as r,n}from"./p-52d77e1f.js";const h="wcs-modal{--wcs-modal-backdrop-color:var(--wcs-semantic-color-background-backdrop);--wcs-modal-max-height:80%;--wcs-modal-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-modal-border-radius:var(--wcs-semantic-border-radius-base);--wcs-modal-padding:calc(3 * var(--wcs-semantic-spacing-base));--wcs-modal-border-width:var(--wcs-semantic-border-width-default);--wcs-modal-border-color:var(--wcs-semantic-color-border-secondary);--wcs-modal-title-margin-bottom:var(--wcs-semantic-spacing-large);--wcs-modal-title-font-size:var(--wcs-semantic-font-size-heading-4);--wcs-modal-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-modal-title-line-height:var(--wcs-semantic-font-line-height-medium);--wcs-modal-actions-margin-top:var(--wcs-semantic-spacing-large);--wcs-modal-width-s:288px;--wcs-modal-width-m:480px;--wcs-modal-width-l:864px;--wcs-modal-width-xl:1200px;z-index:999;position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:var(--wcs-modal-backdrop-color)}wcs-modal[show]{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}wcs-modal[without-backdrop]{background-color:unset}wcs-modal[without-backdrop] .wcs-modal-container{border:solid var(--wcs-modal-border-width) var(--wcs-modal-border-color)}.wcs-modal-container{max-height:var(--wcs-modal-max-height, 80%);background-color:var(--wcs-modal-background-color);display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;box-sizing:border-box;pointer-events:auto;background-clip:padding-box;border-radius:var(--wcs-modal-border-radius);z-index:20000;padding:var(--wcs-modal-padding)}.wcs-modal-container[data-size=s]{width:var(--wcs-modal-width-s)}.wcs-modal-container[data-size=m]{width:var(--wcs-modal-width-m)}.wcs-modal-container[data-size=l]{width:var(--wcs-modal-width-l)}.wcs-modal-container[data-size=xl]{width:var(--wcs-modal-width-xl)}.wcs-modal-header{margin-bottom:var(--wcs-modal-title-margin-bottom);display:flex;align-items:center;justify-content:space-between}.wcs-modal-header h1{font-size:var(--wcs-modal-title-font-size);font-weight:var(--wcs-modal-title-font-weight);line-height:var(--wcs-modal-title-line-height);margin:0}.wcs-modal-content{overflow-y:var(--wcs-modal-overflow-y, auto)}.wcs-modal-actions{margin-top:var(--wcs-modal-actions-margin-top);display:flex;justify-content:flex-end}";const m=h;const w=[];const f=class{constructor(s){a(this,s);this.wcsDialogClosed=t(this,"wcsDialogClosed",7);this.inheritedAttributes={};this.modalId=b++;this.showAttributeChangedMarker=false;this.hasBeenClosedBefore=false;this.withoutBackdrop=false;this.show=false;this.showCloseButton=false;this.closeButtonAriaLabel="Fermer";this.size="m";this.hideActions=false;this.modalTriggerControlsId=undefined;this.initialFocusElementId=undefined;this.disableAutoFocus=false}componentWillLoad(){if(!this.modalTriggerControlsId){console.warn("wcs-modal: You must provide the modal-trigger-controls-id attribute to the modal to make it to work properly")}this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),l(this.el,w))}componentDidLoad(){this.updateFocusableElements()}componentDidRender(){var a;this.updateFocusableElements();if(this.showAttributeChangedMarker){this.showAttributeChangedMarker=false;if(this.disableAutoFocus){return}if(!this.initialFocusElementId){(a=this.firstFocusableElement)===null||a===void 0?void 0:a.focus()}else{const a=document.getElementById(this.initialFocusElementId);if(!a){console.warn(`wcs-modal: Unable to focus element - ID '${this.initialFocusElementId}' not found in DOM`)}a===null||a===void 0?void 0:a.focus()}}}async setAriaAttribute(a,t){r(this.nativeDivDialog,a,t)}onShowChange(){if(this.show){this.hasBeenClosedBefore=false;this.showAttributeChangedMarker=true}else{if(this.hasBeenClosedBefore){return}this.hasBeenClosedBefore=true;if(this.modalTriggerControlsId){const a=document.getElementById(this.modalTriggerControlsId);if(!a){console.warn(`wcs-modal: Element with id '${this.modalTriggerControlsId}' could not be found`)}a===null||a===void 0?void 0:a.focus()}}}updateFocusableElements(){const a=Array.from(this.el.querySelectorAll("*")).filter((a=>i(a)));this.firstFocusableElement=a.length>0&&a[0];this.lastFocusableElement=a.length>0&&a[a.length-1]}close(){if(this.show){this.show=false;this.wcsDialogClosed.emit()}}onKeyDown(a){if(this.show&&this.showCloseButton&&a.key==="Escape"){this.close()}if(this.show){if(n(a)){this.updateFocusableElements();const t=this.firstFocusableElement;const s=this.lastFocusableElement;if(a.shiftKey&&c(t)){a.preventDefault();s.focus()}else if(!a.shiftKey&&c(s)){a.preventDefault();t.focus()}}}}onCloseButtonClick(a){this.close()}handleSlotContentChange(){this.updateFocusableElements()}render(){const a=`wcs-modal-title-${this.modalId}`;return s(o,{key:"1b9a4d86bf1e97ef7ef988b7355b75eb5f344ca8"},s("div",Object.assign({key:"ab5e3938796e950e9e3aa81cd35a723d6429a8e6",class:"wcs-modal-container","data-size":this.size,"aria-modal":true,role:"dialog","aria-labelledby":a,ref:a=>this.nativeDivDialog=a},this.inheritedAttributes),s("div",{key:"80fe453c1ffd3453832c799f131d50c97d37954f",class:"wcs-modal-header"},s("h1",{key:"632853fdbc254e92167fafd022b7f0d392b861bc",id:a},s("slot",{key:"b84db0d064adae8e50a013315fd3c593a39a6f99",name:"header"})),this.showCloseButton&&s("wcs-button",{key:"27bf915ff1ccebab3de363d8dae6914de112aa7b",shape:"round",mode:"clear",id:"wcs-modal-close-button","aria-label":this.closeButtonAriaLabel,onClick:a=>this.onCloseButtonClick(a)},s("wcs-mat-icon",{key:"adacfb9e0b2c435d97f35e8423dd21f4bb534212",icon:"close"}))),s("div",{key:"33757197132d566f2ade4ea1c1cf36bc914702b2",class:"wcs-modal-content"},s("slot",{key:"c742e77c50cccc69435c40cf845fa6280a1a7063",onSlotchange:()=>this.handleSlotContentChange()})),!this.hideActions&&s("div",{key:"e98977493e4fc5461fbab1b67d609a1a956b7fbf",class:"wcs-modal-actions"},s("slot",{key:"56168022f0de471106a15b03f7b16c3c6d3cbc1b",name:"actions"}))))}get el(){return e(this)}static get watchers(){return{show:["onShowChange"]}}};let b=0;f.style=m;export{f as wcs_modal};
-//# sourceMappingURL=p-f87636f6.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["modalCss","WcsModalStyle0","MODAL_INHERITED_ATTRS","Modal","this","inheritedAttributes","modalId","modalIds","showAttributeChangedMarker","hasBeenClosedBefore","undefined","componentWillLoad","modalTriggerControlsId","console","warn","Object","assign","inheritAriaAttributes","el","inheritAttributes","componentDidLoad","updateFocusableElements","componentDidRender","disableAutoFocus","initialFocusElementId","_a","firstFocusableElement","focus","modalElementToFocusOnOpening","document","getElementById","setAriaAttribute","attr","value","setOrRemoveAttribute","nativeDivDialog","onShowChange","show","modalTriggerControlsHtmlElement","focusableElements","Array","from","querySelectorAll","filter","element","isFocusable","length","lastFocusableElement","close","wcsDialogClosed","emit","onKeyDown","event","showCloseButton","key","isTabKey","firstElement","lastElement","shiftKey","isElementFocused","preventDefault","onCloseButtonClick","_","handleSlotContentChange","render","modalTitleId","h","Host","class","size","role","ref","id","name","shape","mode","closeButtonAriaLabel","onClick","$event","icon","onSlotchange","hideActions"],"sources":["src/components/modal/modal.scss?tag=wcs-modal","src/components/modal/modal.tsx"],"sourcesContent":["wcs-modal {\n    --wcs-modal-backdrop-color: var(--wcs-semantic-color-background-backdrop);\n    --wcs-modal-max-height: 80%;\n    --wcs-modal-background-color: var(--wcs-semantic-color-background-surface-primary);\n    --wcs-modal-border-radius: var(--wcs-semantic-border-radius-base);\n    --wcs-modal-padding: calc(3 * var(--wcs-semantic-spacing-base));\n    --wcs-modal-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-modal-border-color: var(--wcs-semantic-color-border-secondary);\n    --wcs-modal-title-margin-bottom: var(--wcs-semantic-spacing-large);\n    --wcs-modal-title-font-size: var(--wcs-semantic-font-size-heading-4);\n    --wcs-modal-title-font-weight: var(--wcs-semantic-font-weight-heavy);\n    --wcs-modal-title-line-height: var(--wcs-semantic-font-line-height-medium);\n    --wcs-modal-actions-margin-top: var(--wcs-semantic-spacing-large);\n\n    // Specific component level tokens\n    --wcs-modal-width-s: 288px;\n    --wcs-modal-width-m: 480px;\n    --wcs-modal-width-l: 864px;\n    --wcs-modal-width-xl: 1200px;\n\n    z-index: 999;\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: var(--wcs-modal-backdrop-color);\n}\n\nwcs-modal[show] {\n    display: flex;\n    height: 100vh;\n    width: 100vw;\n    align-items: center;\n    justify-content: center;\n}\n\n/**\nBackdrop\n */\nwcs-modal[without-backdrop] {\n    background-color: unset;\n\n    .wcs-modal-container {\n        border: solid var(--wcs-modal-border-width) var(--wcs-modal-border-color);\n    }\n}\n\n/**\nModal window\n */\n.wcs-modal-container {\n    max-height: var(--wcs-modal-max-height, 80%);\n    background-color: var(--wcs-modal-background-color);\n    display: grid;\n    grid-template-columns: 100%;\n    grid-template-rows: auto 1fr auto;\n    box-sizing: border-box;\n    pointer-events: auto;\n    background-clip: padding-box;\n    border-radius: var(--wcs-modal-border-radius);\n    z-index: 20000;\n    padding: var(--wcs-modal-padding);\n}\n\n.wcs-modal-container[data-size=s] {\n    width: var(--wcs-modal-width-s);\n}\n\n.wcs-modal-container[data-size=m] {\n    width: var(--wcs-modal-width-m);\n}\n\n.wcs-modal-container[data-size=l] {\n    width: var(--wcs-modal-width-l);\n}\n\n.wcs-modal-container[data-size=xl] {\n    width: var(--wcs-modal-width-xl);\n}\n\n.wcs-modal-header {\n    /* h1 for semantic but h3 for style */\n    h1 {\n        font-size: var(--wcs-modal-title-font-size);\n        font-weight: var(--wcs-modal-title-font-weight);\n        line-height: var(--wcs-modal-title-line-height);\n        margin: 0;\n    }\n\n    margin-bottom: var(--wcs-modal-title-margin-bottom);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.wcs-modal-content {\n    overflow-y: var(--wcs-modal-overflow-y, auto);\n}\n\n.wcs-modal-actions {\n    margin-top: var(--wcs-modal-actions-margin-top);\n    display: flex;\n    justify-content: flex-end;\n}\n","import {\n    Element,\n    Component,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    ComponentInterface,\n    Watch, Method\n} from '@stencil/core';\nimport { ModalSize } from './modal-interface';\nimport { isElementFocused, isFocusable } from \"../../utils/accessibility\";\nimport { inheritAriaAttributes, inheritAttributes, isTabKey, setOrRemoveAttribute } from \"../../utils/helpers\";\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst MODAL_INHERITED_ATTRS = [];\n\n/**\n * The modal component (also named dialog or popup) is an interface element that appears on top of the page content.\n * Use it to show a message, a confirmation dialog, or any other content like forms.\n *\n * ## Accessibility guidelines 💡\n * > - Modal element has `role=\"dialog\"` and `aria-modal=\"true\"`\n * > - Keyboard navigation is trapped inside the modal\n * > - It is mandatory to set the `modal-trigger-controls-id` to the id of the element that opens the dialog, in order\n * > to focus it upon dialog dismissal.\n * > - On modal opening, the default behaviour is to focus the first focusable element. If you want to change the initial \n * > behaviour, you have to use `modal-element-id-to-focus-on-opening` attribute to set the id of the inner modal element you \n * > want to focus. You will see a story as example below\n * > - The modal can be closed at any time by pressing the Escape key.\n * >\n * > - More info : https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/\n *\n * @cssprop --wcs-modal-max-height - Max height of the main container\n * @cssprop --wcs-modal-overflow-y - Overflow-y of the content\n *\n * @cssprop --wcs-modal-backdrop-color - Backdrop color of the modal\n * @cssprop --wcs-modal-max-height - Max height of the main container\n * @cssprop --wcs-modal-background-color - Background color of the modal\n * @cssprop --wcs-modal-border-radius - Border radius of the modal\n * @cssprop --wcs-modal-padding - Padding inside the modal\n * @cssprop --wcs-modal-border-width - Border width of the modal\n * @cssprop --wcs-modal-border-color - Border color of the modal\n * @cssprop --wcs-modal-title-margin-bottom - Margin bottom of the modal title\n * @cssprop --wcs-modal-title-font-size - Font size of the modal title\n * @cssprop --wcs-modal-title-font-weight - Font weight of the modal title\n * @cssprop --wcs-modal-title-line-height - Line height of the modal title\n * @cssprop --wcs-modal-actions-margin-top - Margin top of the modal actions\n * @cssprop --wcs-modal-width-s - Width of the modal for size small\n * @cssprop --wcs-modal-width-m - Width of the modal for size medium\n * @cssprop --wcs-modal-width-l - Width of the modal for size large\n * @cssprop --wcs-modal-width-xl - Width of the modal for size extra large\n * \n * @slot <no-name> Main container slot\n * @slot header Header container slot (for title)\n * @slot actions Actions container slot (for buttons)\n */\n@Component({\n    tag: 'wcs-modal',\n    styleUrl: 'modal.scss',\n    shadow: false,\n})\nexport class Modal implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el: HTMLElement;\n    private nativeDivDialog!: HTMLDivElement;\n    private inheritedAttributes: { [k: string]: any } = {};\n\n    /**\n     * Specifies whether the component should display a backdrop on the entire page\n     */\n    @Prop({reflect: true}) withoutBackdrop: boolean = false;\n\n    /**\n     * Displays the modal\n     */\n    @Prop({reflect: true, mutable: true}) show: boolean = false;\n\n    /**\n     * Triggered when the user leaves the dialog with the closing button.\n     */\n    @Event() wcsDialogClosed: EventEmitter<void>;\n\n    /**\n     * Specifies whether the component should display a close button.\n     * if false, it won't close the modal when the escape key is pressed.\n     */\n    @Prop({reflect: true}) showCloseButton: boolean = false;\n\n    /**\n     * Specifies the aria-label present on the close button when the modal is opened.  \n     * Only use when `showCloseButton` is `true`.\n     */\n    @Prop() closeButtonAriaLabel: string = 'Fermer';\n\n    /**\n     * There are multiple sizes for modals. The default size is medium (m), however other sizes are available. Select the\n     * size best suited for the content and screen size displaying the modal. Remember to test responsiveness.\n     */\n    @Prop() size: ModalSize = 'm';\n\n    /**\n     * Specifies whether the component should hide the actions slot or not\n     */\n    @Prop({reflect: true}) hideActions: boolean = false;\n\n    /**\n     * Specifies which element id controls the modal\n     * @private\n     */\n    @Prop() modalTriggerControlsId: string;\n    /**\n     * The ID of the element to automatically focus when the modal opens.\n     * \n     * If this property is not set and `disableAutoFocus` is false, the modal will\n     * automatically focus the first focusable element within its content.\n     * This follows accessibility best practices by ensuring keyboard navigation\n     * starts from a logical point when the modal opens.\n     * \n     * @example\n     * <wcs-modal initial-focus-element=\"cancel-button\"></wcs-modal>\n     */\n    @Prop() initialFocusElementId?: string = undefined;\n\n    /**\n     * Disables automatic focus behavior when the modal opens.\n     * \n     * When set to true, the modal will not automatically focus any element upon opening.\n     * Use this property with caution, as managing focus is important for accessibility.\n     * Consider providing an alternative focus management strategy if disabling the default behavior.\n     */\n    @Prop() disableAutoFocus: boolean = false;\n\n    /**\n     * Give an unique id\n     * @private\n     */\n    private modalId: number = modalIds++;\n\n    private firstFocusableElement: HTMLElement;\n    private lastFocusableElement: HTMLElement;\n    /**\n     * This attribute is used to determine whether the show attribute has changed since the last rendering. \n     * This allows us to call the focus method on the first element of the modal when the show attribute changes to true. \n     * This call is made in the componentDidRender method\n     * @private\n     */\n    private showAttributeChangedMarker: boolean = false;\n    /**\n     * This attribute is used to determine if the modal has been closed for the first time since its last activation.\n     * It is set to 'true' when the modal is first closed, and will be reset to 'false' when the modal is shown again.\n     * This state is important for accessibility reasons in order to focus the modal trigger element (like the button \n     * which controls the modal)\n     *\n     * @private\n     */\n    private hasBeenClosedBefore: boolean = false;\n\n    componentWillLoad(): Promise<void> | void {\n        if (!this.modalTriggerControlsId) {\n            console.warn('wcs-modal: You must provide the modal-trigger-controls-id attribute to the modal to make it to work properly');\n        }\n\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, MODAL_INHERITED_ATTRS),\n        };\n    }\n\n    componentDidLoad() {\n        this.updateFocusableElements();\n    }\n\n    componentDidRender() {\n        this.updateFocusableElements();\n        if (this.showAttributeChangedMarker) {\n            this.showAttributeChangedMarker = false;\n            \n            if(this.disableAutoFocus) {\n                return;\n            }\n            \n            if(!this.initialFocusElementId) {\n                this.firstFocusableElement?.focus();\n            } else {\n                const modalElementToFocusOnOpening = document.getElementById(this.initialFocusElementId);\n                if(!modalElementToFocusOnOpening) {\n                    console.warn(`wcs-modal: Unable to focus element - ID '${this.initialFocusElementId}' not found in DOM`);\n                }\n                \n                modalElementToFocusOnOpening?.focus();\n            }\n        }\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeDivDialog, attr, value);\n    }\n    \n    @Watch(\"show\")\n    onShowChange() {\n        if(this.show) {\n            this.hasBeenClosedBefore = false;\n            this.showAttributeChangedMarker = true;\n        } else {\n            // if we already made actions when the modal was firstly closed, we do nothing\n            if(this.hasBeenClosedBefore) {\n                return;\n            }\n            \n            this.hasBeenClosedBefore = true;\n\n            if(this.modalTriggerControlsId) {\n                const modalTriggerControlsHtmlElement = document.getElementById(this.modalTriggerControlsId);\n                if(!modalTriggerControlsHtmlElement) {\n                    console.warn(`wcs-modal: Element with id '${this.modalTriggerControlsId}' could not be found`);\n                }\n                modalTriggerControlsHtmlElement?.focus();\n            }\n        }\n    }\n\n    private updateFocusableElements() {\n        const focusableElements = Array.from(this.el.querySelectorAll('*'))\n            .filter(element => isFocusable(element));\n\n        this.firstFocusableElement = focusableElements.length > 0 && focusableElements[0] as HTMLElement;\n        this.lastFocusableElement = focusableElements.length > 0 && focusableElements[focusableElements.length - 1] as HTMLElement;\n    }\n    \n    private close() {\n        // If the modal isn't shown, we don't do anything\n        if (this.show) {\n            this.show = false;\n            this.wcsDialogClosed.emit();\n        }\n    }\n\n    @Listen('keydown', {target: 'document'})\n    onKeyDown(event: KeyboardEvent) {\n        if (this.show && this.showCloseButton && event.key === 'Escape') {\n            this.close();\n        }\n\n        if (this.show) {\n            if (isTabKey(event)) {\n                this.updateFocusableElements(); // XXX: maybe a performance issue\n                const firstElement = this.firstFocusableElement;\n                const lastElement = this.lastFocusableElement;\n\n                if (event.shiftKey && isElementFocused(firstElement)) {\n                    event.preventDefault();\n                    lastElement.focus();\n                } else if (!event.shiftKey && isElementFocused(lastElement)) {\n                    event.preventDefault();\n                    firstElement.focus();\n                }\n            }\n        }\n    }\n\n    private onCloseButtonClick(_: MouseEvent) {\n        this.close();\n    }\n\n    private handleSlotContentChange() {\n        this.updateFocusableElements();\n    }\n\n    render() {\n        const modalTitleId = `wcs-modal-title-${this.modalId}`;\n        return (\n            <Host>\n                <div class=\"wcs-modal-container\"\n                     data-size={this.size}\n                     aria-modal={true}\n                     role={\"dialog\"}\n                     aria-labelledby={modalTitleId}\n                     ref={(el) => (this.nativeDivDialog = el)}\n                     {...this.inheritedAttributes}\n                >\n                    <div class=\"wcs-modal-header\">\n                        <h1 id={modalTitleId}>\n                            <slot name=\"header\"></slot>\n                        </h1>\n                        {this.showCloseButton && (\n                            <wcs-button shape=\"round\" \n                                        mode=\"clear\" \n                                        id=\"wcs-modal-close-button\"\n                                        aria-label={this.closeButtonAriaLabel}\n                                        onClick={($event) => this.onCloseButtonClick($event)}>\n                                <wcs-mat-icon icon=\"close\"></wcs-mat-icon>\n                            </wcs-button>)\n                        }\n\n                    </div>\n                    <div class=\"wcs-modal-content\">\n                        <slot onSlotchange={() => this.handleSlotContentChange()}></slot>\n                    </div>\n                    {!this.hideActions && (\n                        <div class=\"wcs-modal-actions\">\n                            <slot name=\"actions\"></slot>\n                        </div>)\n                    }\n                </div>\n            </Host>\n        );\n    }\n}\n\nlet modalIds = 0;\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as t,H as d}from"./p-32e583ea.js";const o=":host{display:block}:host([hidden]){display:none}";const a=o;const c=class{constructor(t){e(this,t);this.tabLoaded=s(this,"tabLoaded",7);this.header=undefined;this.itemKey=undefined}componentDidLoad(){this.tabLoaded.emit()}render(){return t(d,{key:"805ddbb0eafcce267e7f102f8d7c19712d5b04be",slot:"wcs-tab",role:"tabpanel"},t("slot",{key:"ec2afee10cefdf575df100582e769e3bf93d2412"}))}};c.style=a;export{c as wcs_tab};
-//# sourceMappingURL=p-fc115de4.entry.js.map