wcs-core 7.4.0 → 7.5.0

package/bundle/p-97e70e10.js

@@ -0,0 +1,2 @@
+import{g as e,h as r,C as s,D as t,d as n,c as A,o as u,b as i}from"./p-2e9b9605.js";function a(a){const{key:R}=a;if(a.shiftKey){switch(R){case" ":return"MAJ+SPACE";case"Tab":return"MAJ+TAB"}}else if(a.altKey){switch(R){case"ArrowDown":return"ALT+DOWN_ARROW";case"ArrowUp":return"ALT+UP_ARROW"}}else if(a.ctrlKey){if(e(a)){return"CTRL+HOME"}else if(r(a)){return"CTRL+END"}else if(R==="a"){return"CTRL+A"}}else{switch(R){case"ArrowDown":return"DOWN_ARROW";case"ArrowUp":return"UP_ARROW";case"ArrowLeft":return"LEFT_ARROW";case"ArrowRight":return"RIGHT_ARROW"}if(e(a)){return"HOME"}else if(r(a)){return"END"}else if(s(a)){return"PAGE_UP"}else if(t(a)){return"PAGE_DOWN"}else if(n(a)){return"ENTER"}else if(A(a)){return"SPACE"}else if(u(a)){return"TAB"}else if(i(a)){return"ESCAPE"}}return"UNKNOWN"}export{a as k};
+//# sourceMappingURL=p-97e70e10.js.map

package/bundle/p-97e70e10.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["keyboardShortcutFromKeyboardEvent","event","key","shiftKey","altKey","ctrlKey","isHomeKey","isEndKey","isPageUpKey","isPageDownKey","isEnterKey","isSpaceKey","isTabKey","isEscapeKey"],"sources":["src/utils/keyboard-event.ts"],"sourcesContent":["import {\n    isEndKey,\n    isEnterKey,\n    isEscapeKey,\n    isHomeKey,\n    isPageDownKey,\n    isPageUpKey,\n    isSpaceKey,\n    isTabKey\n} from \"./helpers\";\n\ntype KeyboardShortcutCtrl = 'CTRL+A' | 'CTRL+HOME' | 'CTRL+END';\ntype KeyboardShortcutAlt = 'ALT+DOWN_ARROW' | 'ALT+UP_ARROW';\ntype KeyboardShortcutMaj = 'MAJ+TAB' | 'MAJ+SPACE';\ntype KeyboardShortcutDirectional = 'DOWN_ARROW' | 'UP_ARROW' | 'LEFT_ARROW' | 'RIGHT_ARROW';\ntype KeyboardShortcutOthers = 'HOME' | 'END' | 'PAGE_UP' | 'PAGE_DOWN' | 'ENTER' | 'SPACE' | 'TAB' | 'ESCAPE';\n\nexport type KeyboardShortcut = KeyboardShortcutCtrl | KeyboardShortcutAlt | KeyboardShortcutMaj | KeyboardShortcutDirectional | KeyboardShortcutOthers | 'UNKNOWN';\n\n/**\n * Convert a {@link KeyboardEvent} into a {@link KeyboardShortcut}\n * @param event - KeyboardEvent\n * @returns The corresponding {@link KeyboardShortcut}\n */\nexport function keyboardShortcutFromKeyboardEvent(event: KeyboardEvent): KeyboardShortcut {\n    const { key } = event;\n\n    if (event.shiftKey) {\n        switch (key) {\n            case ' ':\n                return 'MAJ+SPACE';\n            case 'Tab':\n                return 'MAJ+TAB';\n        }\n    } else if (event.altKey) {\n        switch (key) {\n            case 'ArrowDown':\n                return 'ALT+DOWN_ARROW';\n            case 'ArrowUp':\n                return 'ALT+UP_ARROW';\n        }\n    } else if (event.ctrlKey) {\n        if(isHomeKey(event)) {\n            return 'CTRL+HOME';\n        } else if(isEndKey(event)) {\n            return 'CTRL+END';\n        } else if (key === 'a') {\n            return 'CTRL+A';\n        }\n    } else {\n        switch (key) {\n            case 'ArrowDown':\n                return 'DOWN_ARROW';\n            case 'ArrowUp':\n                return 'UP_ARROW';\n            case 'ArrowLeft':\n                return 'LEFT_ARROW';\n            case 'ArrowRight':\n                return 'RIGHT_ARROW';\n        }\n\n        if(isHomeKey(event)) {\n            return 'HOME';\n        } else if (isEndKey(event)) {\n            return 'END';\n        } else if(isPageUpKey(event)) {\n            return 'PAGE_UP';\n        } else if(isPageDownKey(event)) {\n            return 'PAGE_DOWN';\n        } else if(isEnterKey(event)) {\n            return 'ENTER';\n        } else if(isSpaceKey(event)) {\n            return 'SPACE';\n        } else if(isTabKey(event)) {\n            return 'TAB';\n        } else if (isEscapeKey(event)) {\n            return 'ESCAPE';\n        }\n    }\n\n    return 'UNKNOWN';\n}\n"],"mappings":"8FAwBgBA,EAAkCC,GAC9C,MAAMC,IAAEA,GAAQD,EAEhB,GAAIA,EAAME,SAAU,CAChB,OAAQD,GACJ,IAAK,IACD,MAAO,YACX,IAAK,MACD,MAAO,U,MAEZ,GAAID,EAAMG,OAAQ,CACrB,OAAQF,GACJ,IAAK,YACD,MAAO,iBACX,IAAK,UACD,MAAO,e,MAEZ,GAAID,EAAMI,QAAS,CACtB,GAAGC,EAAUL,GAAQ,CACjB,MAAO,W,MACJ,GAAGM,EAASN,GAAQ,CACvB,MAAO,U,MACJ,GAAIC,IAAQ,IAAK,CACpB,MAAO,Q,MAER,CACH,OAAQA,GACJ,IAAK,YACD,MAAO,aACX,IAAK,UACD,MAAO,WACX,IAAK,YACD,MAAO,aACX,IAAK,aACD,MAAO,cAGf,GAAGI,EAAUL,GAAQ,CACjB,MAAO,M,MACJ,GAAIM,EAASN,GAAQ,CACxB,MAAO,K,MACJ,GAAGO,EAAYP,GAAQ,CAC1B,MAAO,S,MACJ,GAAGQ,EAAcR,GAAQ,CAC5B,MAAO,W,MACJ,GAAGS,EAAWT,GAAQ,CACzB,MAAO,O,MACJ,GAAGU,EAAWV,GAAQ,CACzB,MAAO,O,MACJ,GAAGW,EAASX,GAAQ,CACvB,MAAO,K,MACJ,GAAIY,EAAYZ,GAAQ,CAC3B,MAAO,Q,EAIf,MAAO,SACX,Q"}

package/bundle/p-98bd8a96.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as i,c as n}from"./p-2bef72c7.js";import{i as o,a,s}from"./p-2e9b9605.js";const r=':host{display:flex;flex-direction:column;justify-content:center}:host .size-s{font-size:18px !important}:host .size-m{font-size:24px !important}:host .size-l{font-size:36px !important}:host .size-xl{font-size:48px !important}:host .material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-outlined{font-family:"Material Icons Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-two-tone{--google-font-color-materialiconstwotone:none;font-family:"Material Icons Two Tone";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-round{font-family:"Material Icons Round";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:host .material-icons-sharp{font-family:"Material Icons Sharp";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}';const l=r;const c={filled:"material-icons",outlined:"material-icons-outlined",twotone:"material-icons-two-tone",rounded:"material-icons-round",sharp:"material-icons-sharp"};const f=["title"];const m=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.icon=undefined;this.size="m";this.family="filled"}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},o(this.el)),a(this.el,f))}async setAriaAttribute(t,e){s(this.nativeIcon,t,e)}render(){return i(n,{key:"57b0feb64492a614f69e255808dd5ae511e6b1f2"},i("i",Object.assign({key:"57475c2aaf39a6f719fc65a5c58f14df97c49db0","aria-hidden":"true",class:c[this.family]+" size-"+this.size,ref:t=>this.nativeIcon=t},this.inheritedAttributes),this.icon))}get el(){return this}static get style(){return l}},[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1],setAriaAttribute:[64]}]);function h(){if(typeof customElements==="undefined"){return}const t=["wcs-mat-icon"];t.forEach((t=>{switch(t){case"wcs-mat-icon":if(!customElements.get(t)){customElements.define(t,m)}break}}))}export{m as M,h as d};
+//# sourceMappingURL=p-98bd8a96.js.map

package/bundle/p-98bd8a96.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["matIconCss","WcsMatIconStyle0","ICON_FAMILY_CLASS_NAME","filled","outlined","twotone","rounded","sharp","MAT_ICON_INHERITED_ATTRS","MatIcon","proxyCustomElement","H","this","inheritedAttributes","componentWillLoad","Object","assign","inheritAriaAttributes","el","inheritAttributes","setAriaAttribute","attr","value","setOrRemoveAttribute","nativeIcon","render","h","Host","key","class","family","size","ref","icon"],"sources":["src/components/mat-icon/mat-icon.scss?tag=wcs-mat-icon&encapsulation=shadow","src/components/mat-icon/mat-icon.tsx"],"sourcesContent":["@use 'mat-icon-google-stylesheets';\n\n:host {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    .size-s {\n        font-size: 18px !important;\n    }\n\n    .size-m {\n        font-size: 24px !important;\n    }\n\n    .size-l {\n        font-size: 36px !important;\n    }\n\n    .size-xl {\n        font-size: 48px !important;\n    }\n\n    @include mat-icon-google-stylesheets.material-icons-classes\n}\n","import { Component, ComponentInterface, Element, h, Host, Method, Prop } from '@stencil/core';\nimport { MaterialIconFamily, MaterialIconSize } from './mat-icon-interface';\nimport { inheritAriaAttributes, inheritAttributes, setOrRemoveAttribute } from \"../../utils/helpers\";\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst ICON_FAMILY_CLASS_NAME: Record<MaterialIconFamily, string> = {\n    filled: 'material-icons',\n    outlined: 'material-icons-outlined',\n    twotone: 'material-icons-two-tone',\n    rounded: 'material-icons-round',\n    sharp: 'material-icons-sharp'\n}\n\nconst MAT_ICON_INHERITED_ATTRS = ['title'];\n\n/**\n * A component used to display a [Material Icon](https://fonts.google.com/icons?icon.set=Material+Icons). Can be useful when used in wcs-grid or in a wcs-button.\n */\n@Component({\n    tag: 'wcs-mat-icon',\n    styleUrl: 'mat-icon.scss',\n    shadow: true\n})\nexport class MatIcon implements ComponentInterface, MutableAriaAttribute {\n    @Element() private el!: HTMLElement;\n    private nativeIcon!: HTMLElement;\n    private inheritedAttributes: { [k: string]: any } = {};\n\n    /**\n     * Use the icon name from Material Icons\n     */\n    @Prop() icon: string;\n    /**\n     * Size of the icon\n     */\n    @Prop() size: MaterialIconSize = 'm';\n    /**\n     * Family of the icon\n     */\n    @Prop() family: MaterialIconFamily = 'filled';\n\n    componentWillLoad(): Promise<void> | void {\n        this.inheritedAttributes = {\n            ...inheritAriaAttributes(this.el),\n            ...inheritAttributes(this.el, MAT_ICON_INHERITED_ATTRS),\n        };\n    }\n\n    @Method()\n    async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n        setOrRemoveAttribute(this.nativeIcon, attr, value);\n    }\n\n    render() {\n        return (\n            <Host>\n                <i aria-hidden=\"true\"\n                   class={ICON_FAMILY_CLASS_NAME[this.family] + ' size-' + this.size}\n                   ref={(el) => (this.nativeIcon = el)}\n                   {...this.inheritedAttributes}>\n                    {this.icon}\n                </i>\n            </Host>\n        );\n    }\n}\n"],"mappings":"iGAAA,MAAMA,EAAa,ozDACnB,MAAAC,EAAeD,ECIf,MAAME,EAA6D,CAC/DC,OAAQ,iBACRC,SAAU,0BACVC,QAAS,0BACTC,QAAS,uBACTC,MAAO,wBAGX,MAAMC,EAA2B,CAAC,S,MAUrBC,EAAOC,EAAA,MAAAD,UAAAE,E,kEAGRC,KAAAC,oBAA4C,G,8BASnB,I,YAII,Q,CAErC,iBAAAC,GACIF,KAAKC,oBAAmBE,OAAAC,OAAAD,OAAAC,OAAA,GACjBC,EAAsBL,KAAKM,KAC3BC,EAAkBP,KAAKM,GAAIV,G,CAKtC,sBAAMY,CAAiBC,EAAyBC,GAC5CC,EAAqBX,KAAKY,WAAYH,EAAMC,E,CAGhD,MAAAG,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,IAAAX,OAAAC,OAAA,CAAAY,IAAA,yDAAe,OACZC,MAAO3B,EAAuBU,KAAKkB,QAAU,SAAWlB,KAAKmB,KAC7DC,IAAMd,GAAQN,KAAKY,WAAaN,GAC5BN,KAAKC,qBACPD,KAAKqB,M"}

package/bundle/p-9c2aa87a.js

@@ -0,0 +1,2 @@
+import{p as r,H as e,d as s,h as t,c as a}from"./p-2bef72c7.js";import{d as c}from"./p-cdc6f6c2.js";import{d as o}from"./p-98bd8a96.js";import{d as i}from"./p-c8b73e93.js";const n="@keyframes progress-bar-slide{0%{width:0}100%{width:100%}}:host{--wcs-alert-background-color:var(--wcs-semantic-color-background-surface-accent-lighter);--wcs-alert-icon-background-color:var(--wcs-semantic-color-background-surface-brand-default);--wcs-alert-title-color:var(--wcs-semantic-color-text-primary);--wcs-alert-subtitle-color:var(--wcs-semantic-color-text-secondary);--wcs-alert-dismiss-button-color:var(--wcs-semantic-color-foreground-inverse);--wcs-alert-title-font-weight:var(--wcs-semantic-font-weight-heavy);--wcs-alert-subtitle-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-alert-title-font-size:var(--wcs-semantic-font-size-base);--wcs-alert-subtitle-font-size:var(--wcs-semantic-font-size-caption-2);--wcs-alert-border-width:var(--wcs-semantic-border-width-default);--wcs-alert-border-color:var(--wcs-semantic-color-border-primary);--wcs-alert-border-radius:var(--wcs-semantic-border-radius-base);--wcs-alert-padding:var(--wcs-semantic-spacing-base-150);--wcs-alert-gap:var(--wcs-semantic-spacing-base-150);--wcs-alert-min-width:100%;--wcs-alert-progress-bar-height:0.25rem;--wcs-alert-progress-bar-background-color:var(--wcs-alert-icon-background-color);--wcs-alert-internal-progress-bar-animation-duration:5s;box-sizing:border-box;background-color:var(--wcs-alert-background-color);border-radius:var(--wcs-alert-border-radius);padding:var(--wcs-alert-padding);width:100%;min-width:var(--wcs-alert-min-width);position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--wcs-alert-gap);border:solid var(--wcs-alert-border-width) var(--wcs-alert-border-color);overflow:hidden}:host .content{display:flex;flex-direction:column}:host .announcement-icon{color:var(--wcs-alert-icon-background-color)}:host ::slotted([slot=title]){color:var(--wcs-alert-title-color);font-size:var(--wcs-alert-title-font-size);font-weight:var(--wcs-alert-title-font-weight)}:host ::slotted([slot=subtitle]){font-weight:var(--wcs-alert-subtitle-font-weight);color:var(--wcs-alert-subtitle-color);font-size:var(--wcs-alert-subtitle-font-size)}:host .progress-bar{bottom:0;left:0;width:100%;height:var(--wcs-alert-progress-bar-height);position:absolute}:host .progress-bar-track{background-color:var(--wcs-alert-progress-bar-background-color);height:100%;animation:progress-bar-slide var(--wcs-alert-internal-progress-bar-animation-duration) linear;border-bottom-left-radius:var(--wcs-alert-border-radius);border-bottom-right-radius:var(--wcs-alert-border-radius);border-top-right-radius:var(--wcs-alert-border-radius)}:host([intent=success]){--wcs-alert-border-color:var(--wcs-semantic-color-border-success);--wcs-alert-background-color:var(--wcs-semantic-color-background-surface-success-lighter);--wcs-alert-icon-background-color:var(--wcs-semantic-color-background-surface-success-default)}:host([intent=information]){--wcs-alert-border-color:var(--wcs-semantic-color-border-information);--wcs-alert-background-color:var(--wcs-semantic-color-background-surface-information-lighter);--wcs-alert-icon-background-color:var(--wcs-semantic-color-background-surface-information-default)}:host([intent=warning]){--wcs-alert-border-color:var(--wcs-semantic-color-border-warning);--wcs-alert-background-color:var(--wcs-semantic-color-background-surface-warning-lighter);--wcs-alert-icon-background-color:var(--wcs-semantic-color-background-surface-warning-default)}:host([intent=error]){--wcs-alert-border-color:var(--wcs-semantic-color-border-critical);--wcs-alert-background-color:var(--wcs-semantic-color-background-surface-critical-lightest);--wcs-alert-icon-background-color:var(--wcs-semantic-color-background-surface-critical-default)}:host>*{box-sizing:border-box}.icon-content-container{display:flex;gap:var(--wcs-alert-gap);align-items:center}.close-button wcs-mat-icon{color:var(--wcs-alert-dismiss-button-color)}.hidden{display:none}";const l=n;const d=r(class r extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.wcsAlertDismiss=s(this,"wcsAlertDismiss",7);this.isTimedOut=false;this.isMouseHover=false;this.timeoutId=undefined;this.show=true;this.intent="success";this.timeout=5e3;this.showProgressBar=false}mouseOverHandler(){this.mouseHover(true)}mouseOutHandler(){this.mouseHover(false)}mouseHover(r){this.isMouseHover=r;if(this.isTimedOut&&!this.isMouseHover){this.close()}}async componentWillLoad(){await this.showAlertAndRunTimeout()}async componentDidLoad(){var r;(r=this.annoucementIconHtmlElement)===null||r===void 0?void 0:r.setAriaAttribute("aria-hidden","false");if(this.showProgressBar){this.el.style.setProperty("--wcs-alert-internal-progress-bar-animation-duration",this.timeout/1e3+"s")}else{this.el.style.setProperty("--wcs-alert-internal-progress-bar-animation-duration","0s")}}async showAlertAndRunTimeout(){if(this.timeout===0)return;this.show=true;this.timeoutId=setTimeout((()=>{if(!this.isMouseHover){this.close()}this.isTimedOut=true}),this.timeout)}onCloseButtonClick(r){this.close()}close(){this.show=false;this.wcsAlertDismiss.emit()}getMaterialIcon(){switch(this.intent){case"success":return"check_circle";case"information":return"info";case"error":return"error";case"warning":return"warning"}}getAriaLabel(){switch(this.intent){case"success":return"Succès";case"information":return"Information";case"error":return"Erreur";case"warning":return"Attention"}}disconnectedCallback(){clearTimeout(this.timeoutId)}render(){return t(a,{key:"82c9f5879eae7adef41c921ef34b2b9d891c0d6b"},t("div",{key:"b46424dfb6b620b62767b6bb8048827f83d116a7",class:"icon-content-container"},t("wcs-mat-icon",{key:"ff3a0bc91a73e275936bbe8f77c904f397296551",class:"announcement-icon",ref:r=>this.annoucementIconHtmlElement=r,icon:this.getMaterialIcon(),"aria-label":this.getAriaLabel(),role:"img","aria-hidden":false}),t("div",{key:"ea866940416ddaf5eaf73cec83f30c71b01c41d8",class:"content"},t("slot",{key:"d14c321ebdb78b646bb4fc19e613dbd2cc61ed31",name:"title"}),t("slot",{key:"569d6556ea823f82e1d6164ac20361e27c85b592",name:"subtitle"}))),t("wcs-button",{key:"f13afc31116b7b6fe04e0186128d0288725ace98",shape:"round",size:"s",mode:"clear",class:"close-button wcs-dark","aria-label":"Fermer cette notification",onClick:r=>this.onCloseButtonClick(r)},t("wcs-mat-icon",{key:"02557c896159ec1a7fdab853a07f7c79c17dd5d7",icon:"close"})),t("div",{key:"9e90e95009da575ca693e5ba4e92b3916ad4ee6f",class:"progress-bar"+(!this.showProgressBar?" hidden":"")},t("div",{key:"c8858551592bb0b1622e2ee19c67a662f31ce068",class:"progress-bar-track"})))}get el(){return this}static get style(){return l}},[1,"wcs-alert",{show:[1540],intent:[513],timeout:[2],showProgressBar:[4,"show-progress-bar"]},[[1,"mouseover","mouseOverHandler"],[1,"mouseout","mouseOutHandler"]]]);function b(){if(typeof customElements==="undefined"){return}const r=["wcs-alert","wcs-button","wcs-mat-icon","wcs-spinner"];r.forEach((r=>{switch(r){case"wcs-alert":if(!customElements.get(r)){customElements.define(r,d)}break;case"wcs-button":if(!customElements.get(r)){c()}break;case"wcs-mat-icon":if(!customElements.get(r)){o()}break;case"wcs-spinner":if(!customElements.get(r)){i()}break}}))}export{d as A,b as d};
+//# sourceMappingURL=p-9c2aa87a.js.map

package/bundle/p-9c2aa87a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alertCss","WcsAlertStyle0","Alert","proxyCustomElement","H","this","isTimedOut","isMouseHover","timeoutId","undefined","mouseOverHandler","mouseHover","mouseOutHandler","hover","close","componentWillLoad","showAlertAndRunTimeout","componentDidLoad","_a","annoucementIconHtmlElement","setAriaAttribute","showProgressBar","el","style","setProperty","timeout","show","setTimeout","onCloseButtonClick","_","wcsAlertDismiss","emit","getMaterialIcon","intent","getAriaLabel","disconnectedCallback","clearTimeout","render","h","Host","key","class","ref","icon","role","name","shape","size","mode","onClick","$event"],"sources":["src/components/alert/alert.scss?tag=wcs-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"sourcesContent":["@import './alert-keyframes.scss';\n\n:host {\n    --wcs-alert-background-color: var(--wcs-semantic-color-background-surface-accent-lighter);\n    --wcs-alert-icon-background-color: var(--wcs-semantic-color-background-surface-brand-default);\n\n    --wcs-alert-title-color: var(--wcs-semantic-color-text-primary);\n    --wcs-alert-subtitle-color: var(--wcs-semantic-color-text-secondary);\n    --wcs-alert-dismiss-button-color: var(--wcs-semantic-color-foreground-inverse);\n\n    --wcs-alert-title-font-weight: var(--wcs-semantic-font-weight-heavy);\n    --wcs-alert-subtitle-font-weight: var(--wcs-semantic-font-weight-roman);\n\n    --wcs-alert-title-font-size: var(--wcs-semantic-font-size-base);\n    --wcs-alert-subtitle-font-size: var(--wcs-semantic-font-size-caption-2);\n\n    --wcs-alert-border-width: var(--wcs-semantic-border-width-default);\n    --wcs-alert-border-color: var(--wcs-semantic-color-border-primary);\n    --wcs-alert-border-radius: var(--wcs-semantic-border-radius-base);\n\n    --wcs-alert-padding: var(--wcs-semantic-spacing-base-150);\n    --wcs-alert-gap: var(--wcs-semantic-spacing-base-150);\n    --wcs-alert-min-width: 100%;\n\n    --wcs-alert-progress-bar-height: 0.25rem;\n    --wcs-alert-progress-bar-background-color: var(--wcs-alert-icon-background-color);\n\n    --wcs-alert-internal-progress-bar-animation-duration: 5s;\n\n    box-sizing: border-box;\n\n    background-color: var(--wcs-alert-background-color);\n    border-radius: var(--wcs-alert-border-radius);\n    padding: var(--wcs-alert-padding);\n    width: 100%;\n    min-width: var(--wcs-alert-min-width);\n\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--wcs-alert-gap);\n    border: solid var(--wcs-alert-border-width) var(--wcs-alert-border-color);\n\n    overflow: hidden; // to avoid overflow of progress bar especially with voyageurs theme\n\n    .content {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .announcement-icon {\n        color: var(--wcs-alert-icon-background-color);\n    }\n\n    ::slotted([slot=title]) {\n        color: var(--wcs-alert-title-color);\n        font-size: var(--wcs-alert-title-font-size);\n        font-weight: var(--wcs-alert-title-font-weight);\n    }\n\n    ::slotted([slot=subtitle]) {\n        font-weight: var(--wcs-alert-subtitle-font-weight);\n        color: var(--wcs-alert-subtitle-color);\n        font-size: var(--wcs-alert-subtitle-font-size);\n    }\n\n    .progress-bar {\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: var(--wcs-alert-progress-bar-height);\n        position: absolute;\n    }\n\n    .progress-bar-track {\n        background-color: var(--wcs-alert-progress-bar-background-color);\n        height: 100%;\n        animation: progress-bar-slide var(--wcs-alert-internal-progress-bar-animation-duration) linear;\n        border-bottom-left-radius: var(--wcs-alert-border-radius);\n        border-bottom-right-radius: var(--wcs-alert-border-radius);\n        border-top-right-radius: var(--wcs-alert-border-radius); // to avoid a visual glitch, it's bizarre to have only radius on the bottom\n    }\n}\n\n:host([intent=success]) {\n    --wcs-alert-border-color: var(--wcs-semantic-color-border-success);\n    --wcs-alert-background-color: var(--wcs-semantic-color-background-surface-success-lighter);\n    --wcs-alert-icon-background-color: var(--wcs-semantic-color-background-surface-success-default);\n}\n\n:host([intent=information]) {\n    --wcs-alert-border-color: var(--wcs-semantic-color-border-information);\n    --wcs-alert-background-color: var(--wcs-semantic-color-background-surface-information-lighter);\n    --wcs-alert-icon-background-color: var(--wcs-semantic-color-background-surface-information-default);\n}\n\n:host([intent=warning]) {\n    --wcs-alert-border-color: var(--wcs-semantic-color-border-warning);\n    --wcs-alert-background-color: var(--wcs-semantic-color-background-surface-warning-lighter);\n    --wcs-alert-icon-background-color: var(--wcs-semantic-color-background-surface-warning-default);\n}\n\n:host([intent=error]) {\n    --wcs-alert-border-color: var(--wcs-semantic-color-border-critical);\n    --wcs-alert-background-color: var(--wcs-semantic-color-background-surface-critical-lightest);\n    --wcs-alert-icon-background-color: var(--wcs-semantic-color-background-surface-critical-default);\n}\n\n:host > * {\n    box-sizing: border-box;\n}\n\n.icon-content-container {\n    display: flex;\n    gap: var(--wcs-alert-gap);\n    align-items: center;\n}\n\n.close-button {\n    wcs-mat-icon {\n        color: var(--wcs-alert-dismiss-button-color);\n    }\n}\n\n.hidden {\n    display: none;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, Element, Listen } from '@stencil/core';\nimport { WcsAlertIntent } from \"./alert-interface\";\n\n/**\n * Alerts are used to communicate a state or an action that has been performed.\n * It has to be used conjunction with the `wcs-alert-drawer` component, or you can use it independently by taking care of \n * the alert visibility\n * \n * @cssprop --wcs-alert-background-color - Background color of the alert\n * @cssprop --wcs-alert-icon-background-color - Background color of the icon\n * @cssprop --wcs-alert-title-color - Color of the title\n * @cssprop --wcs-alert-subtitle-color - Color of the subtitle\n * @cssprop --wcs-alert-dismiss-button-color - Color of the dismiss button\n * @cssprop --wcs-alert-title-font-weight - Font weight of the title\n * @cssprop --wcs-alert-subtitle-font-weight - Font weight of the subtitle\n * @cssprop --wcs-alert-title-font-size - Font size of the title\n * @cssprop --wcs-alert-subtitle-font-size - Font size of the subtitle\n * @cssprop --wcs-alert-border-width - Border width of the alert\n * @cssprop --wcs-alert-border-color - Border color of the alert\n * @cssprop --wcs-alert-border-radius - Border radius of the alert\n * @cssprop --wcs-alert-padding - Padding of the alert\n * @cssprop --wcs-alert-gap - Gap between each element of the alert, icon content and close button\n * @cssprop --wcs-alert-min-width - Minimum width of the alert, default to 100% and it is set by alert-drawer component\n * @cssprop --wcs-alert-progress-bar-height - Height of the progress bar if `showProgressBar` is set to true\n * @cssprop --wcs-alert-progress-bar-background-color - Background color of the progress bar\n */\n@Component({\n    tag: 'wcs-alert',\n    styleUrl: 'alert.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Element() private el: HTMLElement;\n\n    /**\n     * Controls the visibility state of the alert.\n     * This property is exposed to allow control of the alert's display state and animation timing:\n     * - Used by wcs-alert-drawer to coordinate exit animations when the alert is dismissed\n     * - Can be used directly for custom implementations (though using wcs-alert-drawer is recommended)\n     * - When set to false, it triggers the exit animation if implemented\n     * \n     * Note: While direct usage is possible for custom implementations, it's recommended to use\n     * wcs-alert-drawer for consistent alert management and animations.\n     */\n    @Prop({ mutable: true, reflect: true }) show: boolean = true;\n\n    @Prop({ reflect: true })\n    intent: WcsAlertIntent = 'success';\n\n    /**\n     * Event emitted when the alert is dismissed\n     */\n    @Event() wcsAlertDismiss: EventEmitter<void>;\n\n    /**\n     * Time duration of the alert visibility\n     * \n     * 5000ms by default\n     * If 0, the alert will not emit `wcsAlertDismiss` event automatically\n     */\n    @Prop() timeout = 5000;\n    @Prop() showProgressBar: boolean = false;\n\n    /** Only active if timeout > 0, becomes true when the alert reaches its maximum display time */\n    private isTimedOut: boolean = false;\n\n    /** Indicates if the mouse cursor is hovering over the alert */\n    private isMouseHover: boolean = false;\n    /**\n     * ID of the setTimeout used to manage the alert's lifetime\n     * https://developer.mozilla.org/en-US/docs/Web/API/Window/clearTimeout#notes\n     */\n    private timeoutId = undefined;\n\n    /** Reference to the alert's information icon for managing its aria-label */\n    private annoucementIconHtmlElement!: HTMLWcsMatIconElement;\n\n\n    @Listen('mouseover')\n    mouseOverHandler() {\n        this.mouseHover(true)\n    }\n\n    @Listen('mouseout')\n    mouseOutHandler() {\n        this.mouseHover(false);\n    }\n\n    /**\n     * Handles the mouse hover state of the alert\n     * @param hover - true if the mouse is hovering over the alert, false otherwise\n     */\n    private mouseHover(hover: boolean) {\n        this.isMouseHover = hover;\n\n        // If the timeout has passed (i.e. the user had the mouse on the component when it expired), we close the alert.\n        if (this.isTimedOut && !this.isMouseHover) {\n            this.close();\n        }\n    }\n\n    async componentWillLoad() {\n        await this.showAlertAndRunTimeout();\n    }\n\n    async componentDidLoad() {\n        /*\n        Because icon serves also to announce the state of the alert based on the type. We set aria-label on the icon based\n        on the type\n         */\n        this.annoucementIconHtmlElement?.setAriaAttribute('aria-hidden', 'false');\n\n        if (this.showProgressBar) {\n            this.el.style.setProperty('--wcs-alert-internal-progress-bar-animation-duration', this.timeout / 1000 + 's');\n        } else {\n            this.el.style.setProperty('--wcs-alert-internal-progress-bar-animation-duration', '0s');\n        }\n    }\n\n    async showAlertAndRunTimeout() {\n        if (this.timeout === 0) return;\n        this.show = true;\n        this.timeoutId = setTimeout(() => {\n            // If the user has the mouse over the alert, we only indicate that the timemout has expired, and the method that handles the mousehover event will close it\n            if (!this.isMouseHover) {\n                this.close();\n            }\n            this.isTimedOut = true;\n        }, this.timeout);\n    }\n\n    private onCloseButtonClick(_: MouseEvent) {\n        this.close();\n    }\n\n    private close() {\n        this.show = false;\n        this.wcsAlertDismiss.emit();\n    }\n\n    private getMaterialIcon() {\n        switch (this.intent) {\n            case \"success\":\n                return 'check_circle'\n            case \"information\":\n                return 'info'\n            case \"error\":\n                return 'error'\n            case \"warning\":\n                return 'warning'\n        }\n    }\n\n    private getAriaLabel() {\n        switch (this.intent) {\n            case \"success\":\n                return 'Succès';\n            case \"information\":\n                return 'Information';\n            case \"error\":\n                return 'Erreur';\n            case \"warning\":\n                return 'Attention';\n        }\n    }\n\n    disconnectedCallback() {\n        /*\n         https://developer.mozilla.org/en-US/docs/Web/API/Window/clearTimeout#notes \n         (Passing an invalid ID to clearTimeout() silently does nothing; no exception is thrown.)\n         */\n        clearTimeout(this.timeoutId);\n    }\n\n    render() {\n        return (\n            <Host>\n                <div class=\"icon-content-container\">\n                    <wcs-mat-icon class=\"announcement-icon\"\n                        ref={(el) => this.annoucementIconHtmlElement = el}\n                        icon={this.getMaterialIcon()}\n                        aria-label={this.getAriaLabel()}\n                        role=\"img\"\n                        aria-hidden={false}></wcs-mat-icon>\n                    <div class=\"content\">\n                        <slot name=\"title\"></slot>\n                        <slot name=\"subtitle\"></slot>\n                    </div>\n                </div>\n                <wcs-button shape=\"round\" size=\"s\" mode=\"clear\" class=\"close-button wcs-dark\"\n                    aria-label=\"Fermer cette notification\"\n                    onClick={($event) => this.onCloseButtonClick($event)}>\n                    <wcs-mat-icon icon=\"close\"></wcs-mat-icon>\n                </wcs-button>\n                <div class={'progress-bar' + (!this.showProgressBar ? ' hidden' : '')}>\n                    <div class=\"progress-bar-track\"></div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"4KAAA,MAAMA,EAAW,iyHACjB,MAAAC,EAAeD,E,MC8BFE,EAAKC,EAAA,MAAAD,UAAAE,E,mHAiCNC,KAAAC,WAAsB,MAGtBD,KAAAE,aAAwB,MAKxBF,KAAAG,UAAYC,U,UA5BoC,K,YAG/B,U,aAaP,I,qBACiB,K,CAkBnC,gBAAAC,GACIL,KAAKM,WAAW,K,CAIpB,eAAAC,GACIP,KAAKM,WAAW,M,CAOZ,UAAAA,CAAWE,GACfR,KAAKE,aAAeM,EAGpB,GAAIR,KAAKC,aAAeD,KAAKE,aAAc,CACvCF,KAAKS,O,EAIb,uBAAMC,SACIV,KAAKW,wB,CAGf,sBAAMC,G,OAKFC,EAAAb,KAAKc,8BAA0B,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,cAAe,SAEjE,GAAIf,KAAKgB,gBAAiB,CACtBhB,KAAKiB,GAAGC,MAAMC,YAAY,uDAAwDnB,KAAKoB,QAAU,IAAO,I,KACrG,CACHpB,KAAKiB,GAAGC,MAAMC,YAAY,uDAAwD,K,EAI1F,4BAAMR,GACF,GAAIX,KAAKoB,UAAY,EAAG,OACxBpB,KAAKqB,KAAO,KACZrB,KAAKG,UAAYmB,YAAW,KAExB,IAAKtB,KAAKE,aAAc,CACpBF,KAAKS,O,CAETT,KAAKC,WAAa,IAAI,GACvBD,KAAKoB,Q,CAGJ,kBAAAG,CAAmBC,GACvBxB,KAAKS,O,CAGD,KAAAA,GACJT,KAAKqB,KAAO,MACZrB,KAAKyB,gBAAgBC,M,CAGjB,eAAAC,GACJ,OAAQ3B,KAAK4B,QACT,IAAK,UACD,MAAO,eACX,IAAK,cACD,MAAO,OACX,IAAK,QACD,MAAO,QACX,IAAK,UACD,MAAO,U,CAIX,YAAAC,GACJ,OAAQ7B,KAAK4B,QACT,IAAK,UACD,MAAO,SACX,IAAK,cACD,MAAO,cACX,IAAK,QACD,MAAO,SACX,IAAK,UACD,MAAO,Y,CAInB,oBAAAE,GAKIC,aAAa/B,KAAKG,U,CAGtB,MAAA6B,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACPH,EAAA,gBAAAE,IAAA,2CAAcC,MAAM,oBAChBC,IAAMpB,GAAOjB,KAAKc,2BAA6BG,EAC/CqB,KAAMtC,KAAK2B,kBAAiB,aAChB3B,KAAK6B,eACjBU,KAAK,MAAK,cACG,QACjBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACPH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,UACXP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,eAGnBP,EAAA,cAAAE,IAAA,2CAAYM,MAAM,QAAQC,KAAK,IAAIC,KAAK,QAAQP,MAAM,wBAAuB,aAC9D,4BACXQ,QAAUC,GAAW7C,KAAKuB,mBAAmBsB,IAC7CZ,EAAA,gBAAAE,IAAA,2CAAcG,KAAK,WAEvBL,EAAA,OAAAE,IAAA,2CAAKC,MAAO,iBAAmBpC,KAAKgB,gBAAkB,UAAY,KAC9DiB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wB"}

package/bundle/p-a0f32ead.js

@@ -0,0 +1,2 @@
+function e(e){if(typeof e!=="object"||e===null||e===undefined)return false;return"setAriaAttribute"in e}export{e as i};
+//# sourceMappingURL=p-a0f32ead.js.map

package/bundle/p-a0f32ead.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMutableAriaAttribute","el","undefined"],"sources":["src/utils/mutable-aria-attribute.ts"],"sourcesContent":["export type AriaAttributeName = `aria-${string}` | 'role';\n\nexport interface MutableAriaAttribute {\n    setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined): void;\n}\n\nexport function isMutableAriaAttribute(el: any): el is MutableAriaAttribute {\n    if (typeof el !== 'object' || el === null || el === undefined) return false;\n    return 'setAriaAttribute' in el;\n}\n"],"mappings":"SAMgBA,EAAuBC,GACnC,UAAWA,IAAO,UAAYA,IAAO,MAAQA,IAAOC,UAAW,OAAO,MACtE,MAAO,qBAAsBD,CACjC,Q"}

package/bundle/p-a7468a3a.js

@@ -0,0 +1,2 @@
+function t(t){if(typeof t!=="object"||t===null||t===undefined)return false;return"getLabel"in t}function n(t,n){if(!t.shadowRoot){return""}const e=typeof n==="string"?`slot[name="${n}"]`:"slot:not([name])";const r=t.shadowRoot.querySelector(e);if(!r){return""}const o=r.assignedNodes({flatten:true});if(!o.length){return""}return o.map((t=>t.textContent||"")).filter((t=>t.trim()!=="")).join(" ").replace(/\s+/g," ").trim()}export{n as g,t as i};
+//# sourceMappingURL=p-a7468a3a.js.map

package/bundle/p-a7468a3a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isControlComponentWithLabel","el","undefined","getSlottedContentText","element","slotName","shadowRoot","slotSelector","slotElement","querySelector","assignedNodes","flatten","length","map","node","textContent","filter","text","trim","join","replace"],"sources":["src/utils/control-component-interface.ts"],"sourcesContent":["/**\n * For form controls components which have a label within like a wcs-switch or wcs-checkbox\n */\nexport interface ControlComponentWithLabel {\n    /**\n     * Get the label text\n     */\n    getLabel(): Promise<string>;\n}\n\nexport function isControlComponentWithLabel(el: any): el is ControlComponentWithLabel {\n    if (typeof el !== 'object' || el === null || el === undefined) return false;\n    return 'getLabel' in el;\n}\n\n/**\n\n * Extracts the text content from nodes assigned to a slot in a Web Component's Shadow DOM.\n *\n * @param element - The Web Component HTMLElement containing a Shadow DOM with slots\n * @param slotName - Optional name of the slot to target (if not provided, targets the default slot)\n * @returns The combined text content of all nodes assigned to the specified slot, with normalized whitespace\n *\n * @throws Will not throw errors, but returns empty string if the element has no Shadow DOM,\n *         no matching slot, or no assigned nodes\n */\nexport function getSlottedContentText(element: HTMLElement, slotName?: string): string {\n    if (!element.shadowRoot) {\n        return '';\n    }\n\n    const slotSelector = typeof slotName === 'string' ? `slot[name=\"${slotName}\"]` : 'slot:not([name])';\n\n    const slotElement = element.shadowRoot.querySelector(slotSelector);\n    if (!slotElement) {\n        return '';\n    }\n\n    const assignedNodes = (slotElement as HTMLSlotElement).assignedNodes({flatten: true});\n    if (!assignedNodes.length) {\n        return '';\n    }\n\n    return assignedNodes\n        .map(node => node.textContent || '')\n        .filter(text => text.trim() !== '') // we skip empty text nodes\n        .join(' ')\n        .replace(/\\s+/g, ' ')\n        .trim();\n}\n"],"mappings":"SAUgBA,EAA4BC,GACxC,UAAWA,IAAO,UAAYA,IAAO,MAAQA,IAAOC,UAAW,OAAO,MACtE,MAAO,aAAcD,CACzB,C,SAagBE,EAAsBC,EAAsBC,GACxD,IAAKD,EAAQE,WAAY,CACrB,MAAO,E,CAGX,MAAMC,SAAsBF,IAAa,SAAW,cAAcA,MAAe,mBAEjF,MAAMG,EAAcJ,EAAQE,WAAWG,cAAcF,GACrD,IAAKC,EAAa,CACd,MAAO,E,CAGX,MAAME,EAAiBF,EAAgCE,cAAc,CAACC,QAAS,OAC/E,IAAKD,EAAcE,OAAQ,CACvB,MAAO,E,CAGX,OAAOF,EACFG,KAAIC,GAAQA,EAAKC,aAAe,KAChCC,QAAOC,GAAQA,EAAKC,SAAW,KAC/BC,KAAK,KACLC,QAAQ,OAAQ,KAChBF,MACT,Q"}

package/bundle/p-c8b73e93.js

@@ -0,0 +1,2 @@
+import{p as r,H as e,h as n}from"./p-2bef72c7.js";const a="@keyframes wcs-spinner-grow{0%{opacity:0;transform:scale(0)}25%{opacity:1}75%{opacity:0;transform:scale(1)}}@keyframes wcs-spinner-rotate{0%{transform:rotate(0deg);transform-origin:center}100%{transform:rotate(360deg);transform-origin:center}}@keyframes wcs-spinner-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-131}}:host{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border-radius:50%;--wcs-spinner-dashed-background-circle:var(--wcs-semantic-color-background-surface-tertiary);--wcs-spinner-rotating-circle-color:var(--wcs-semantic-color-background-surface-brand);--wcs-spinner-rotate-animation-duration:var(--wcs-semantic-motion-duration-animation-base);--wcs-spinner-dashed-animation-duration:var(--wcs-semantic-motion-duration-animation-base);--wcs-spinner-growing-animation-duration:var(--wcs-semantic-motion-duration-animation-fast)}:host([mode=border]) svg .dashed-background-circle{stroke:var(--wcs-spinner-dashed-background-circle);stroke-width:7px;stroke-dasharray:3, 3;stroke-dashoffset:1;stroke-linecap:butt}:host([mode=border]) svg .infinite-rotation-container{animation:wcs-spinner-rotate var(--wcs-spinner-rotate-animation-duration) linear infinite}:host([mode=border]) svg .dash-rotating-circle{stroke:var(--wcs-spinner-rotating-circle-color);stroke-width:8px;stroke-linecap:round;animation:wcs-spinner-dash var(--wcs-spinner-dashed-animation-duration) ease-in-out infinite}:host([mode=growing]){background-color:var(--wcs-spinner-rotating-circle-color);opacity:0;animation:wcs-spinner-grow var(--wcs-spinner-growing-animation-duration) ease-out infinite}";const s=a;const t=r(class r extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.mode="border"}render(){return n("svg",{key:"d953d95583147d9de0a9b9afdb4f31640ed62649",viewBox:"0 0 50 50"},n("circle",{key:"475125d830b565ce8d7c09b7a30ff0aa7d42a243",class:"dashed-background-circle",cx:"25",cy:"25",r:"21",fill:"none"}),n("g",{key:"d58556cea901fa24246d21354d29fea350bb70b9",class:"infinite-rotation-container"},n("circle",{key:"604fef216b29cdaba777c8d9778f50de7dda7fcc",class:"dash-rotating-circle",cx:"25",cy:"25",r:"21",fill:"none"})))}static get style(){return s}},[1,"wcs-spinner",{mode:[513]}]);function o(){if(typeof customElements==="undefined"){return}const r=["wcs-spinner"];r.forEach((r=>{switch(r){case"wcs-spinner":if(!customElements.get(r)){customElements.define(r,t)}break}}))}export{t as S,o as d};
+//# sourceMappingURL=p-c8b73e93.js.map

package/bundle/p-c8b73e93.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","WcsSpinnerStyle0","Spinner","proxyCustomElement","H","render","h","key","viewBox","class","cx","cy","r","fill"],"sources":["src/components/spinner/spinner.scss?tag=wcs-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["@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":"kDAAA,MAAMA,EAAa,2qDACnB,MAAAC,EAAeD,E,MCmBFE,EAAOC,EAAA,MAAAD,UAAAE,E,4EAKgC,Q,CAEhD,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,QAAQ,aACTF,EAAA,UAAAC,IAAA,2CAAQE,MAAM,2BAA2BC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,SACrEP,EAAA,KAAAC,IAAA,2CAAGE,MAAM,+BACLH,EAAA,UAAAC,IAAA,2CAAQE,MAAM,uBAAuBC,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKC,KAAK,U"}

package/{dist/wcs/p-204f2722.entry.js → bundle/p-cdc6f6c2.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}from"./p-52d77e1f.js";var s;function c(t,e){if(e===void 0){e=false}var r=t.CSS;var n=s;if(typeof s==="boolean"&&!e){return s}var i=r&&typeof r.supports==="function";if(!i){return false}var o=r.supports("--css-vars","yes");var a=r.supports("(--css-vars: yes)")&&r.supports("color","#00000000");n=o||a;if(!e){s=n}return n}function d(t,e,r){if(!t){return{x:0,y:0}}var n=e.x,i=e.y;var o=n+r.left;var a=i+r.top;var s;var c;if(t.type==="touchstart"){var d=t;s=d.changedTouches[0].pageX-o;c=d.changedTouches[0].pageY-a}else{var u=t;s=u.pageX-o;c=u.pageY-a}return{x:s,y:c}}var u=function(t,e){u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return u(t,e)};function l(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");u(t,e);function r(){this.constructor=t}t.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}var f=function(){f=Object.assign||function t(e){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))e[o]=r[o]}return e};return f.apply(this,arguments)};function p(t){var e=typeof Symbol==="function"&&Symbol.iterator,r=e&&t[e],n=0;if(r)return r.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&n>=t.length)t=void 0;return{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(t,e){var r=typeof Symbol==="function"&&t[Symbol.iterator];if(!r)return t;var n=r.call(t),i,o=[],a;try{while((e===void 0||e-- >0)&&!(i=n.next()).done)o.push(i.value)}catch(t){a={error:t}}finally{try{if(i&&!i.done&&(r=n["return"]))r.call(n)}finally{if(a)throw a.error}}return o}function b(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,o;n<i;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))}
+import{p as t,H as e,h as r}from"./p-2bef72c7.js";import{w as n,i,a as o,s}from"./p-2e9b9605.js";import{d as a}from"./p-c8b73e93.js";var c;function u(t,e){if(e===void 0){e=false}var r=t.CSS;var n=c;if(typeof c==="boolean"&&!e){return c}var i=r&&typeof r.supports==="function";if(!i){return false}var o=r.supports("--css-vars","yes");var s=r.supports("(--css-vars: yes)")&&r.supports("color","#00000000");n=o||s;if(!e){c=n}return n}function d(t,e,r){if(!t){return{x:0,y:0}}var n=e.x,i=e.y;var o=n+r.left;var s=i+r.top;var a;var c;if(t.type==="touchstart"){var u=t;a=u.changedTouches[0].pageX-o;c=u.changedTouches[0].pageY-s}else{var d=t;a=d.pageX-o;c=d.pageY-s}return{x:a,y:c}}var l=function(t,e){l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return l(t,e)};function f(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");l(t,e);function r(){this.constructor=t}t.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}var p=function(){p=Object.assign||function t(e){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))e[o]=r[o]}return e};return p.apply(this,arguments)};function b(t){var e=typeof Symbol==="function"&&Symbol.iterator,r=e&&t[e],n=0;if(r)return r.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&n>=t.length)t=void 0;return{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function h(t,e){var r=typeof Symbol==="function"&&t[Symbol.iterator];if(!r)return t;var n=r.call(t),i,o=[],s;try{while((e===void 0||e-- >0)&&!(i=n.next()).done)o.push(i.value)}catch(t){s={error:t}}finally{try{if(i&&!i.done&&(r=n["return"]))r.call(n)}finally{if(s)throw s.error}}return o}function m(t,e,r){if(r||arguments.length===2)for(var n=0,i=e.length,o;n<i;n++){if(o||!(n in e)){if(!o)o=Array.prototype.slice.call(e,0,n);o[n]=e[n]}}return t.concat(o||Array.prototype.slice.call(e))}
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -20,7 +20,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var m=function(){function t(t){if(t===void 0){t={}}this.adapter=t}Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.init=function(){};t.prototype.destroy=function(){};return t}();
+ */var w=function(){function t(t){if(t===void 0){t={}}this.adapter=t}Object.defineProperty(t,"cssClasses",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"strings",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"numbers",{get:function(){return{}},enumerable:false,configurable:true});Object.defineProperty(t,"defaultAdapter",{get:function(){return{}},enumerable:false,configurable:true});t.prototype.init=function(){};t.prototype.destroy=function(){};return t}();
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -42,7 +42,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var w=function(){function t(t,e){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}this.root=t;this.initialize.apply(this,b([],h(r)));this.foundation=e===undefined?this.getDefaultFoundation():e;this.foundation.init();this.initialSyncWithDOM()}t.attachTo=function(e){return new t(e,new m({}))};t.prototype.initialize=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}};t.prototype.getDefaultFoundation=function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured "+"foundation class")};t.prototype.initialSyncWithDOM=function(){};t.prototype.destroy=function(){this.foundation.destroy()};t.prototype.listen=function(t,e,r){this.root.addEventListener(t,e,r)};t.prototype.unlisten=function(t,e,r){this.root.removeEventListener(t,e,r)};t.prototype.emit=function(t,e,r){if(r===void 0){r=false}var n;if(typeof CustomEvent==="function"){n=new CustomEvent(t,{bubbles:r,detail:e})}else{n=document.createEvent("CustomEvent");n.initCustomEvent(t,r,false,e)}this.root.dispatchEvent(n)};return t}();
+ */var v=function(){function t(t,e){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}this.root=t;this.initialize.apply(this,m([],h(r)));this.foundation=e===undefined?this.getDefaultFoundation():e;this.foundation.init();this.initialSyncWithDOM()}t.attachTo=function(e){return new t(e,new w({}))};t.prototype.initialize=function(){var t=[];for(var e=0;e<arguments.length;e++){t[e]=arguments[e]}};t.prototype.getDefaultFoundation=function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured "+"foundation class")};t.prototype.initialSyncWithDOM=function(){};t.prototype.destroy=function(){this.foundation.destroy()};t.prototype.listen=function(t,e,r){this.root.addEventListener(t,e,r)};t.prototype.unlisten=function(t,e,r){this.root.removeEventListener(t,e,r)};t.prototype.emit=function(t,e,r){if(r===void 0){r=false}var n;if(typeof CustomEvent==="function"){n=new CustomEvent(t,{bubbles:r,detail:e})}else{n=document.createEvent("CustomEvent");n.initCustomEvent(t,r,false,e)}this.root.dispatchEvent(n)};return t}();
 /**
  * @license
  * Copyright 2019 Google Inc.
@@ -64,7 +64,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */function v(t){if(t===void 0){t=window}return g(t)?{passive:true}:false}function g(t){if(t===void 0){t=window}var e=false;try{var r={get passive(){e=true;return false}};var n=function(){};t.document.addEventListener("test",n,r);t.document.removeEventListener("test",n,r)}catch(t){e=false}return e}
+ */function g(t){if(t===void 0){t=window}return y(t)?{passive:true}:false}function y(t){if(t===void 0){t=window}var e=false;try{var r={get passive(){e=true;return false}};var n=function(){};t.document.addEventListener("test",n,r);t.document.removeEventListener("test",n,r)}catch(t){e=false}return e}
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -86,7 +86,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */function y(t,e){var r=t.matches||t.webkitMatchesSelector||t.msMatchesSelector;return r.call(t,e)}
+ */function k(t,e){var r=t.matches||t.webkitMatchesSelector||t.msMatchesSelector;return r.call(t,e)}
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -108,7 +108,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var k={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"};var z={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"};var A={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300};
+ */var z={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"};var A={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"};var x={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300};
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -130,7 +130,7 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var x=["touchstart","pointerdown","mousedown","keydown"];var T=["touchend","pointerup","mouseup","contextmenu"];var O=[];var _=function(t){l(e,t);function e(r){var n=t.call(this,f(f({},e.defaultAdapter),r))||this;n.activationAnimationHasEnded=false;n.activationTimer=0;n.fgDeactivationRemovalTimer=0;n.fgScale="0";n.frame={width:0,height:0};n.initialSize=0;n.layoutFrame=0;n.maxRadius=0;n.unboundedCoords={left:0,top:0};n.activationState=n.defaultActivationState();n.activationTimerCallback=function(){n.activationAnimationHasEnded=true;n.runDeactivationUXLogicIfReady()};n.activateHandler=function(t){n.activateImpl(t)};n.deactivateHandler=function(){n.deactivateImpl()};n.focusHandler=function(){n.handleFocus()};n.blurHandler=function(){n.handleBlur()};n.resizeHandler=function(){n.layout()};return n}Object.defineProperty(e,"cssClasses",{get:function(){return k},enumerable:false,configurable:true});Object.defineProperty(e,"strings",{get:function(){return z},enumerable:false,configurable:true});Object.defineProperty(e,"numbers",{get:function(){return A},enumerable:false,configurable:true});Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){return undefined},browserSupportsCssVars:function(){return true},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return true},deregisterDocumentInteractionHandler:function(){return undefined},deregisterInteractionHandler:function(){return undefined},deregisterResizeHandler:function(){return undefined},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return true},isSurfaceDisabled:function(){return true},isUnbounded:function(){return true},registerDocumentInteractionHandler:function(){return undefined},registerInteractionHandler:function(){return undefined},registerResizeHandler:function(){return undefined},removeClass:function(){return undefined},updateCssVariable:function(){return undefined}}},enumerable:false,configurable:true});e.prototype.init=function(){var t=this;var r=this.supportsPressRipple();this.registerRootHandlers(r);if(r){var n=e.cssClasses,i=n.ROOT,o=n.UNBOUNDED;requestAnimationFrame((function(){t.adapter.addClass(i);if(t.adapter.isUnbounded()){t.adapter.addClass(o);t.layoutInternal()}}))}};e.prototype.destroy=function(){var t=this;if(this.supportsPressRipple()){if(this.activationTimer){clearTimeout(this.activationTimer);this.activationTimer=0;this.adapter.removeClass(e.cssClasses.FG_ACTIVATION)}if(this.fgDeactivationRemovalTimer){clearTimeout(this.fgDeactivationRemovalTimer);this.fgDeactivationRemovalTimer=0;this.adapter.removeClass(e.cssClasses.FG_DEACTIVATION)}var r=e.cssClasses,n=r.ROOT,i=r.UNBOUNDED;requestAnimationFrame((function(){t.adapter.removeClass(n);t.adapter.removeClass(i);t.removeCssVars()}))}this.deregisterRootHandlers();this.deregisterDeactivationHandlers()};e.prototype.activate=function(t){this.activateImpl(t)};e.prototype.deactivate=function(){this.deactivateImpl()};e.prototype.layout=function(){var t=this;if(this.layoutFrame){cancelAnimationFrame(this.layoutFrame)}this.layoutFrame=requestAnimationFrame((function(){t.layoutInternal();t.layoutFrame=0}))};e.prototype.setUnbounded=function(t){var r=e.cssClasses.UNBOUNDED;if(t){this.adapter.addClass(r)}else{this.adapter.removeClass(r)}};e.prototype.handleFocus=function(){var t=this;requestAnimationFrame((function(){return t.adapter.addClass(e.cssClasses.BG_FOCUSED)}))};e.prototype.handleBlur=function(){var t=this;requestAnimationFrame((function(){return t.adapter.removeClass(e.cssClasses.BG_FOCUSED)}))};e.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()};e.prototype.defaultActivationState=function(){return{activationEvent:undefined,hasDeactivationUXRun:false,isActivated:false,isProgrammatic:false,wasActivatedByPointer:false,wasElementMadeActive:false}};e.prototype.registerRootHandlers=function(t){var e,r;if(t){try{for(var n=p(x),i=n.next();!i.done;i=n.next()){var o=i.value;this.adapter.registerInteractionHandler(o,this.activateHandler)}}catch(t){e={error:t}}finally{try{if(i&&!i.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}if(this.adapter.isUnbounded()){this.adapter.registerResizeHandler(this.resizeHandler)}}this.adapter.registerInteractionHandler("focus",this.focusHandler);this.adapter.registerInteractionHandler("blur",this.blurHandler)};e.prototype.registerDeactivationHandlers=function(t){var e,r;if(t.type==="keydown"){this.adapter.registerInteractionHandler("keyup",this.deactivateHandler)}else{try{for(var n=p(T),i=n.next();!i.done;i=n.next()){var o=i.value;this.adapter.registerDocumentInteractionHandler(o,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{if(i&&!i.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}}};e.prototype.deregisterRootHandlers=function(){var t,e;try{for(var r=p(x),n=r.next();!n.done;n=r.next()){var i=n.value;this.adapter.deregisterInteractionHandler(i,this.activateHandler)}}catch(e){t={error:e}}finally{try{if(n&&!n.done&&(e=r.return))e.call(r)}finally{if(t)throw t.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler);this.adapter.deregisterInteractionHandler("blur",this.blurHandler);if(this.adapter.isUnbounded()){this.adapter.deregisterResizeHandler(this.resizeHandler)}};e.prototype.deregisterDeactivationHandlers=function(){var t,e;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var r=p(T),n=r.next();!n.done;n=r.next()){var i=n.value;this.adapter.deregisterDocumentInteractionHandler(i,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{if(n&&!n.done&&(e=r.return))e.call(r)}finally{if(t)throw t.error}}};e.prototype.removeCssVars=function(){var t=this;var r=e.strings;var n=Object.keys(r);n.forEach((function(e){if(e.indexOf("VAR_")===0){t.adapter.updateCssVariable(r[e],null)}}))};e.prototype.activateImpl=function(t){var e=this;if(this.adapter.isSurfaceDisabled()){return}var r=this.activationState;if(r.isActivated){return}var n=this.previousActivationEvent;var i=n&&t!==undefined&&n.type!==t.type;if(i){return}r.isActivated=true;r.isProgrammatic=t===undefined;r.activationEvent=t;r.wasActivatedByPointer=r.isProgrammatic?false:t!==undefined&&(t.type==="mousedown"||t.type==="touchstart"||t.type==="pointerdown");var o=t!==undefined&&O.length>0&&O.some((function(t){return e.adapter.containsEventTarget(t)}));if(o){this.resetActivationState();return}if(t!==undefined){O.push(t.target);this.registerDeactivationHandlers(t)}r.wasElementMadeActive=this.checkElementMadeActive(t);if(r.wasElementMadeActive){this.animateActivation()}requestAnimationFrame((function(){O=[];if(!r.wasElementMadeActive&&t!==undefined&&(t.key===" "||t.keyCode===32)){r.wasElementMadeActive=e.checkElementMadeActive(t);if(r.wasElementMadeActive){e.animateActivation()}}if(!r.wasElementMadeActive){e.activationState=e.defaultActivationState()}}))};e.prototype.checkElementMadeActive=function(t){return t!==undefined&&t.type==="keydown"?this.adapter.isSurfaceActive():true};e.prototype.animateActivation=function(){var t=this;var r=e.strings,n=r.VAR_FG_TRANSLATE_START,i=r.VAR_FG_TRANSLATE_END;var o=e.cssClasses,a=o.FG_DEACTIVATION,s=o.FG_ACTIVATION;var c=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var d="";var u="";if(!this.adapter.isUnbounded()){var l=this.getFgTranslationCoordinates(),f=l.startPoint,p=l.endPoint;d=f.x+"px, "+f.y+"px";u=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(n,d);this.adapter.updateCssVariable(i,u);clearTimeout(this.activationTimer);clearTimeout(this.fgDeactivationRemovalTimer);this.rmBoundedActivationClasses();this.adapter.removeClass(a);this.adapter.computeBoundingRect();this.adapter.addClass(s);this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),c)};e.prototype.getFgTranslationCoordinates=function(){var t=this.activationState,e=t.activationEvent,r=t.wasActivatedByPointer;var n;if(r){n=d(e,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect())}else{n={x:this.frame.width/2,y:this.frame.height/2}}n={x:n.x-this.initialSize/2,y:n.y-this.initialSize/2};var i={x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2};return{startPoint:n,endPoint:i}};e.prototype.runDeactivationUXLogicIfReady=function(){var t=this;var r=e.cssClasses.FG_DEACTIVATION;var n=this.activationState,i=n.hasDeactivationUXRun,o=n.isActivated;var a=i||!o;if(a&&this.activationAnimationHasEnded){this.rmBoundedActivationClasses();this.adapter.addClass(r);this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(r)}),A.FG_DEACTIVATION_MS)}};e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t);this.activationAnimationHasEnded=false;this.adapter.computeBoundingRect()};e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent;this.activationState=this.defaultActivationState();setTimeout((function(){return t.previousActivationEvent=undefined}),e.numbers.TAP_DELAY_MS)};e.prototype.deactivateImpl=function(){var t=this;var e=this.activationState;if(!e.isActivated){return}var r=f({},e);if(e.isProgrammatic){requestAnimationFrame((function(){t.animateDeactivation(r)}));this.resetActivationState()}else{this.deregisterDeactivationHandlers();requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=true;t.animateDeactivation(r);t.resetActivationState()}))}};e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,r=t.wasElementMadeActive;if(e||r){this.runDeactivationUXLogicIfReady()}};e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var r=Math.max(this.frame.height,this.frame.width);var n=function(){var r=Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2));return r+e.numbers.PADDING};this.maxRadius=this.adapter.isUnbounded()?r:n();var i=Math.floor(r*e.numbers.INITIAL_ORIGIN_SCALE);if(this.adapter.isUnbounded()&&i%2!==0){this.initialSize=i-1}else{this.initialSize=i}this.fgScale=""+this.maxRadius/this.initialSize;this.updateLayoutCssVars()};e.prototype.updateLayoutCssVars=function(){var t=e.strings,r=t.VAR_FG_SIZE,n=t.VAR_LEFT,i=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(r,this.initialSize+"px");this.adapter.updateCssVariable(o,this.fgScale);if(this.adapter.isUnbounded()){this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)};this.adapter.updateCssVariable(n,this.unboundedCoords.left+"px");this.adapter.updateCssVariable(i,this.unboundedCoords.top+"px")}};return e}(m);
+ */var T=["touchstart","pointerdown","mousedown","keydown"];var O=["touchend","pointerup","mouseup","contextmenu"];var E=[];var _=function(t){f(e,t);function e(r){var n=t.call(this,p(p({},e.defaultAdapter),r))||this;n.activationAnimationHasEnded=false;n.activationTimer=0;n.fgDeactivationRemovalTimer=0;n.fgScale="0";n.frame={width:0,height:0};n.initialSize=0;n.layoutFrame=0;n.maxRadius=0;n.unboundedCoords={left:0,top:0};n.activationState=n.defaultActivationState();n.activationTimerCallback=function(){n.activationAnimationHasEnded=true;n.runDeactivationUXLogicIfReady()};n.activateHandler=function(t){n.activateImpl(t)};n.deactivateHandler=function(){n.deactivateImpl()};n.focusHandler=function(){n.handleFocus()};n.blurHandler=function(){n.handleBlur()};n.resizeHandler=function(){n.layout()};return n}Object.defineProperty(e,"cssClasses",{get:function(){return z},enumerable:false,configurable:true});Object.defineProperty(e,"strings",{get:function(){return A},enumerable:false,configurable:true});Object.defineProperty(e,"numbers",{get:function(){return x},enumerable:false,configurable:true});Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){return undefined},browserSupportsCssVars:function(){return true},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return true},deregisterDocumentInteractionHandler:function(){return undefined},deregisterInteractionHandler:function(){return undefined},deregisterResizeHandler:function(){return undefined},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return true},isSurfaceDisabled:function(){return true},isUnbounded:function(){return true},registerDocumentInteractionHandler:function(){return undefined},registerInteractionHandler:function(){return undefined},registerResizeHandler:function(){return undefined},removeClass:function(){return undefined},updateCssVariable:function(){return undefined}}},enumerable:false,configurable:true});e.prototype.init=function(){var t=this;var r=this.supportsPressRipple();this.registerRootHandlers(r);if(r){var n=e.cssClasses,i=n.ROOT,o=n.UNBOUNDED;requestAnimationFrame((function(){t.adapter.addClass(i);if(t.adapter.isUnbounded()){t.adapter.addClass(o);t.layoutInternal()}}))}};e.prototype.destroy=function(){var t=this;if(this.supportsPressRipple()){if(this.activationTimer){clearTimeout(this.activationTimer);this.activationTimer=0;this.adapter.removeClass(e.cssClasses.FG_ACTIVATION)}if(this.fgDeactivationRemovalTimer){clearTimeout(this.fgDeactivationRemovalTimer);this.fgDeactivationRemovalTimer=0;this.adapter.removeClass(e.cssClasses.FG_DEACTIVATION)}var r=e.cssClasses,n=r.ROOT,i=r.UNBOUNDED;requestAnimationFrame((function(){t.adapter.removeClass(n);t.adapter.removeClass(i);t.removeCssVars()}))}this.deregisterRootHandlers();this.deregisterDeactivationHandlers()};e.prototype.activate=function(t){this.activateImpl(t)};e.prototype.deactivate=function(){this.deactivateImpl()};e.prototype.layout=function(){var t=this;if(this.layoutFrame){cancelAnimationFrame(this.layoutFrame)}this.layoutFrame=requestAnimationFrame((function(){t.layoutInternal();t.layoutFrame=0}))};e.prototype.setUnbounded=function(t){var r=e.cssClasses.UNBOUNDED;if(t){this.adapter.addClass(r)}else{this.adapter.removeClass(r)}};e.prototype.handleFocus=function(){var t=this;requestAnimationFrame((function(){return t.adapter.addClass(e.cssClasses.BG_FOCUSED)}))};e.prototype.handleBlur=function(){var t=this;requestAnimationFrame((function(){return t.adapter.removeClass(e.cssClasses.BG_FOCUSED)}))};e.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()};e.prototype.defaultActivationState=function(){return{activationEvent:undefined,hasDeactivationUXRun:false,isActivated:false,isProgrammatic:false,wasActivatedByPointer:false,wasElementMadeActive:false}};e.prototype.registerRootHandlers=function(t){var e,r;if(t){try{for(var n=b(T),i=n.next();!i.done;i=n.next()){var o=i.value;this.adapter.registerInteractionHandler(o,this.activateHandler)}}catch(t){e={error:t}}finally{try{if(i&&!i.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}if(this.adapter.isUnbounded()){this.adapter.registerResizeHandler(this.resizeHandler)}}this.adapter.registerInteractionHandler("focus",this.focusHandler);this.adapter.registerInteractionHandler("blur",this.blurHandler)};e.prototype.registerDeactivationHandlers=function(t){var e,r;if(t.type==="keydown"){this.adapter.registerInteractionHandler("keyup",this.deactivateHandler)}else{try{for(var n=b(O),i=n.next();!i.done;i=n.next()){var o=i.value;this.adapter.registerDocumentInteractionHandler(o,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{if(i&&!i.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}}};e.prototype.deregisterRootHandlers=function(){var t,e;try{for(var r=b(T),n=r.next();!n.done;n=r.next()){var i=n.value;this.adapter.deregisterInteractionHandler(i,this.activateHandler)}}catch(e){t={error:e}}finally{try{if(n&&!n.done&&(e=r.return))e.call(r)}finally{if(t)throw t.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler);this.adapter.deregisterInteractionHandler("blur",this.blurHandler);if(this.adapter.isUnbounded()){this.adapter.deregisterResizeHandler(this.resizeHandler)}};e.prototype.deregisterDeactivationHandlers=function(){var t,e;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var r=b(O),n=r.next();!n.done;n=r.next()){var i=n.value;this.adapter.deregisterDocumentInteractionHandler(i,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{if(n&&!n.done&&(e=r.return))e.call(r)}finally{if(t)throw t.error}}};e.prototype.removeCssVars=function(){var t=this;var r=e.strings;var n=Object.keys(r);n.forEach((function(e){if(e.indexOf("VAR_")===0){t.adapter.updateCssVariable(r[e],null)}}))};e.prototype.activateImpl=function(t){var e=this;if(this.adapter.isSurfaceDisabled()){return}var r=this.activationState;if(r.isActivated){return}var n=this.previousActivationEvent;var i=n&&t!==undefined&&n.type!==t.type;if(i){return}r.isActivated=true;r.isProgrammatic=t===undefined;r.activationEvent=t;r.wasActivatedByPointer=r.isProgrammatic?false:t!==undefined&&(t.type==="mousedown"||t.type==="touchstart"||t.type==="pointerdown");var o=t!==undefined&&E.length>0&&E.some((function(t){return e.adapter.containsEventTarget(t)}));if(o){this.resetActivationState();return}if(t!==undefined){E.push(t.target);this.registerDeactivationHandlers(t)}r.wasElementMadeActive=this.checkElementMadeActive(t);if(r.wasElementMadeActive){this.animateActivation()}requestAnimationFrame((function(){E=[];if(!r.wasElementMadeActive&&t!==undefined&&(t.key===" "||t.keyCode===32)){r.wasElementMadeActive=e.checkElementMadeActive(t);if(r.wasElementMadeActive){e.animateActivation()}}if(!r.wasElementMadeActive){e.activationState=e.defaultActivationState()}}))};e.prototype.checkElementMadeActive=function(t){return t!==undefined&&t.type==="keydown"?this.adapter.isSurfaceActive():true};e.prototype.animateActivation=function(){var t=this;var r=e.strings,n=r.VAR_FG_TRANSLATE_START,i=r.VAR_FG_TRANSLATE_END;var o=e.cssClasses,s=o.FG_DEACTIVATION,a=o.FG_ACTIVATION;var c=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var u="";var d="";if(!this.adapter.isUnbounded()){var l=this.getFgTranslationCoordinates(),f=l.startPoint,p=l.endPoint;u=f.x+"px, "+f.y+"px";d=p.x+"px, "+p.y+"px"}this.adapter.updateCssVariable(n,u);this.adapter.updateCssVariable(i,d);clearTimeout(this.activationTimer);clearTimeout(this.fgDeactivationRemovalTimer);this.rmBoundedActivationClasses();this.adapter.removeClass(s);this.adapter.computeBoundingRect();this.adapter.addClass(a);this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),c)};e.prototype.getFgTranslationCoordinates=function(){var t=this.activationState,e=t.activationEvent,r=t.wasActivatedByPointer;var n;if(r){n=d(e,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect())}else{n={x:this.frame.width/2,y:this.frame.height/2}}n={x:n.x-this.initialSize/2,y:n.y-this.initialSize/2};var i={x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2};return{startPoint:n,endPoint:i}};e.prototype.runDeactivationUXLogicIfReady=function(){var t=this;var r=e.cssClasses.FG_DEACTIVATION;var n=this.activationState,i=n.hasDeactivationUXRun,o=n.isActivated;var s=i||!o;if(s&&this.activationAnimationHasEnded){this.rmBoundedActivationClasses();this.adapter.addClass(r);this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(r)}),x.FG_DEACTIVATION_MS)}};e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t);this.activationAnimationHasEnded=false;this.adapter.computeBoundingRect()};e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent;this.activationState=this.defaultActivationState();setTimeout((function(){return t.previousActivationEvent=undefined}),e.numbers.TAP_DELAY_MS)};e.prototype.deactivateImpl=function(){var t=this;var e=this.activationState;if(!e.isActivated){return}var r=p({},e);if(e.isProgrammatic){requestAnimationFrame((function(){t.animateDeactivation(r)}));this.resetActivationState()}else{this.deregisterDeactivationHandlers();requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=true;t.animateDeactivation(r);t.resetActivationState()}))}};e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,r=t.wasElementMadeActive;if(e||r){this.runDeactivationUXLogicIfReady()}};e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var r=Math.max(this.frame.height,this.frame.width);var n=function(){var r=Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2));return r+e.numbers.PADDING};this.maxRadius=this.adapter.isUnbounded()?r:n();var i=Math.floor(r*e.numbers.INITIAL_ORIGIN_SCALE);if(this.adapter.isUnbounded()&&i%2!==0){this.initialSize=i-1}else{this.initialSize=i}this.fgScale=""+this.maxRadius/this.initialSize;this.updateLayoutCssVars()};e.prototype.updateLayoutCssVars=function(){var t=e.strings,r=t.VAR_FG_SIZE,n=t.VAR_LEFT,i=t.VAR_TOP,o=t.VAR_FG_SCALE;this.adapter.updateCssVariable(r,this.initialSize+"px");this.adapter.updateCssVariable(o,this.fgScale);if(this.adapter.isUnbounded()){this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)};this.adapter.updateCssVariable(n,this.unboundedCoords.left+"px");this.adapter.updateCssVariable(i,this.unboundedCoords.top+"px")}};return e}(w);
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -152,5 +152,5 @@ import{r as t,h as e,g as r}from"./p-32e583ea.js";import{D as n,i,a as o,s as a}
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var E=function(t){l(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.disabled=false;return e}e.attachTo=function(t,r){if(r===void 0){r={isUnbounded:undefined}}var n=new e(t);if(r.isUnbounded!==undefined){n.unbounded=r.isUnbounded}return n};e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return c(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,v())},deregisterInteractionHandler:function(e,r){return t.root.removeEventListener(e,r,v())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return y(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,v())},registerInteractionHandler:function(e,r){return t.root.addEventListener(e,r,v())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,r){return t.root.style.setProperty(e,r)}}};Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t);this.setUnbounded()},enumerable:false,configurable:true});e.prototype.activate=function(){this.foundation.activate()};e.prototype.deactivate=function(){this.foundation.deactivate()};e.prototype.layout=function(){this.foundation.layout()};e.prototype.getDefaultFoundation=function(){return new _(e.createAdapter(this))};e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset};e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))};return e}(w);const I='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-color:var(--wcs-button-plain-color-default);--wcs-button-plain-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-button-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-button-stroked-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-button-clear-color-default:var(--wcs-semantic-color-foreground-action-tertiary-default);--wcs-button-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-button-focus-outline-border-width:var(--wcs-semantic-border-width-large);--wcs-button-background-color:var(--wcs-button-plain-background-color-default);--wcs-button-plain-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-button-plain-background-color-disabled:var(--wcs-semantic-color-background-action-primary-disabled);--wcs-button-stroked-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-button-stroked-background-color-disabled:var(--wcs-semantic-color-background-action-secondary-disabled);--wcs-button-clear-background-color-default:var(--wcs-semantic-color-background-action-tertiary-default);--wcs-button-clear-background-color-disabled:var(--wcs-semantic-color-background-action-tertiary-disabled);--wcs-button-ripple-color:var(--wcs-button-plain-ripple-color-default);--wcs-button-plain-ripple-color-default:var(--wcs-semantic-color-ripple-action-primary);--wcs-button-stroked-ripple-color-default:var(--wcs-semantic-color-ripple-action-secondary);--wcs-button-clear-ripple-color-default:var(--wcs-semantic-color-ripple-action-tertiary);--wcs-button-border-radius:var(--wcs-button-border-radius-default);--wcs-button-border-radius-default:var(--wcs-semantic-border-radius-base);--wcs-button-border-radius-rounded:var(--wcs-semantic-border-radius-full);--wcs-button-stroked-border-color:var(--wcs-button-stroked-border-color-default);--wcs-button-stroked-border-width:var(--wcs-semantic-border-width-default);--wcs-button-stroked-border-color-default:var(--wcs-semantic-color-border-action-secondary-default);--wcs-button-stroked-border-color-disabled:var(--wcs-semantic-color-border-action-secondary-disabled);--wcs-button-height-s:var(--wcs-semantic-size-s);--wcs-button-font-size-s:var(--wcs-semantic-font-size-label-2);--wcs-button-padding-size-s:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-button-height-m:var(--wcs-semantic-size-m);--wcs-button-font-size-m:var(--wcs-semantic-font-size-label-1);--wcs-button-padding-size-m:calc(2 * var(--wcs-semantic-spacing-base));--wcs-button-height-l:var(--wcs-semantic-size-l);--wcs-button-font-size-l:var(--wcs-semantic-font-size-label-1);--wcs-button-padding-size-l:calc(3 * var(--wcs-semantic-spacing-base));--wcs-button-font-weight:var(--wcs-semantic-font-weight-medium)}.wcs-inner-button:focus-visible{outline:var(--wcs-button-focus-outline-border-width) dashed var(--wcs-button-focus-outline-color);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}:host([mode=clear]){--wcs-button-stroked-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=stroked]){--wcs-button-color:var(--wcs-button-stroked-color-default);--wcs-button-background-color:transparent}:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-button-stroked-ripple-color-default)}:host([mode=clear]){--wcs-button-color:var(--wcs-button-clear-color-default);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-button-clear-ripple-color-default)}:host([size=l]){--wcs-button-padding:0 var(--wcs-button-padding-size-l);--wcs-button-height:var(--wcs-button-height-l);--wcs-button-min-width:var(--wcs-button-height-l);--wcs-button-font-size:var(--wcs-button-font-size-l)}:host([size=l]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=l]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-l))}:host,:host([size=m]){--wcs-button-padding:0 var(--wcs-button-padding-size-m);--wcs-button-height:var(--wcs-button-height-m);--wcs-button-min-width:var(--wcs-button-height-m);--wcs-button-font-size:var(--wcs-button-font-size-m)}:host:host([shape=round]) ::slotted(wcs-mat-icon),:host:host([shape=square]) ::slotted(wcs-mat-icon),:host([size=m]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=m]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-m))}:host([size=s]){--wcs-button-padding:0 var(--wcs-button-padding-size-s);--wcs-button-height:var(--wcs-button-height-s);--wcs-button-min-width:var(--wcs-button-height-s);--wcs-button-font-size:var(--wcs-button-font-size-s)}:host([size=s]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=s]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-s))}:host([shape=round]){--wcs-button-border-radius:var(--wcs-button-border-radius-rounded)}:host([shape=square]){--wcs-button-padding:0}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-height, unset)}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 var(--wcs-button-stroked-border-width) var(--wcs-button-stroked-border-color)}:host([loading]){position:relative}:host([loading]) .wcs-inner-button>*:not(wcs-spinner){visibility:hidden;opacity:0}:host([loading]) wcs-spinner{--wcs-spinner-dashed-background-circle:var(--wcs-button-color);--wcs-spinner-rotating-circle-color:var(--wcs-button-color);height:calc(var(--wcs-button-height) / 2);width:calc(var(--wcs-button-min-width) / 2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}:host([disabled]),:host([loading]){cursor:not-allowed}:host([disabled]) .wcs-inner-button,:host([loading]) .wcs-inner-button{opacity:1;cursor:default;pointer-events:none}:host([disabled]){--wcs-button-color:var(--wcs-button-color-disabled);--wcs-button-background-color:var(--wcs-button-plain-background-color-disabled)}:host([mode=stroked][disabled]){--wcs-button-stroked-border-color:var(--wcs-button-stroked-border-color-disabled);--wcs-button-background-color:var(--wcs-button-stroked-background-color-disabled)}:host([mode=clear][disabled]){--wcs-button-background-color:var(--wcs-button-clear-background-color-disabled)}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-focus-opacity:0;display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:var(--wcs-button-font-weight);text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:var(--wcs-button-font-size);line-height:1.5;height:var(--wcs-button-height);min-width:var(--wcs-button-min-width);transition:color 175ms ease-in-out, background-color 175ms ease-in-out}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}a{text-decoration:none;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';const C=I;const R=["tabindex","title"];const S=class{constructor(e){t(this,e);this.inheritedAttributes={};this.type="button";this.href=undefined;this.target=undefined;this.disabled=false;this.ripple=true;this.size="m";this.shape="normal";this.mode="plain";this.loading=false}onClick(t){if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.type!=="button"&&n(this.el)){const e=this.el.closest("form");if(e){t.preventDefault();const r=window.document.createElement("button");r.type=this.type;r.style.display="none";e.appendChild(r);r.click();r.remove()}}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),o(this.el,R))}componentDidLoad(){this.mdcRipple=new E(this.el.shadowRoot.querySelector(".wcs-inner-button"))}async setAriaAttribute(t,e){a(this.nativeButton,t,e)}enabledRippleEffect(){this.mdcRipple.disabled=false}disabledRippleEffect(){this.mdcRipple.disabled=true}getTagName(){return this.href!==undefined?"a":"button"}onRippleChange(){if(this.ripple){this.enabledRippleEffect()}else{this.disabledRippleEffect()}}render(){const t=this.getTagName();const r=this.href!==undefined?{href:this.href,role:"button",target:this.target}:{type:this.type};return e(t,Object.assign({key:"0405add37ee45734819cae0f9e91507e979d1c9a"},r,{class:"wcs-inner-button",disabled:this.disabled||this.loading,ref:t=>this.nativeButton=t},this.inheritedAttributes),this.loading&&e("wcs-spinner",{key:"03debd8eb23a9db035b92c1e9f51e9fe44a6996b"}),e("slot",{key:"c36416630b0987bd6ef750bfc7ef211c084dd942"}))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{ripple:["onRippleChange"]}}};S.style=C;const j="@keyframes wcs-spinner-grow{0%{opacity:0;transform:scale(0)}25%{opacity:1}75%{opacity:0;transform:scale(1)}}@keyframes wcs-spinner-rotate{0%{transform:rotate(0deg);transform-origin:center}100%{transform:rotate(360deg);transform-origin:center}}@keyframes wcs-spinner-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-131}}:host{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border-radius:50%;--wcs-spinner-dashed-background-circle:var(--wcs-semantic-color-background-surface-tertiary);--wcs-spinner-rotating-circle-color:var(--wcs-semantic-color-background-surface-brand);--wcs-spinner-rotate-animation-duration:var(--wcs-semantic-motion-duration-animation-base);--wcs-spinner-dashed-animation-duration:var(--wcs-semantic-motion-duration-animation-base);--wcs-spinner-growing-animation-duration:var(--wcs-semantic-motion-duration-animation-fast)}:host([mode=border]) svg .dashed-background-circle{stroke:var(--wcs-spinner-dashed-background-circle);stroke-width:7px;stroke-dasharray:3, 3;stroke-dashoffset:1;stroke-linecap:butt}:host([mode=border]) svg .infinite-rotation-container{animation:wcs-spinner-rotate var(--wcs-spinner-rotate-animation-duration) linear infinite}:host([mode=border]) svg .dash-rotating-circle{stroke:var(--wcs-spinner-rotating-circle-color);stroke-width:8px;stroke-linecap:round;animation:wcs-spinner-dash var(--wcs-spinner-dashed-animation-duration) ease-in-out infinite}:host([mode=growing]){background-color:var(--wcs-spinner-rotating-circle-color);opacity:0;animation:wcs-spinner-grow var(--wcs-spinner-growing-animation-duration) ease-out infinite}";const D=j;const F=class{constructor(e){t(this,e);this.mode="border"}render(){return e("svg",{key:"d953d95583147d9de0a9b9afdb4f31640ed62649",viewBox:"0 0 50 50"},e("circle",{key:"475125d830b565ce8d7c09b7a30ff0aa7d42a243",class:"dashed-background-circle",cx:"25",cy:"25",r:"21",fill:"none"}),e("g",{key:"d58556cea901fa24246d21354d29fea350bb70b9",class:"infinite-rotation-container"},e("circle",{key:"604fef216b29cdaba777c8d9778f50de7dda7fcc",class:"dash-rotating-circle",cx:"25",cy:"25",r:"21",fill:"none"})))}};F.style=D;export{S as wcs_button,F as wcs_spinner};
-//# sourceMappingURL=p-204f2722.entry.js.map
+ */var C=function(t){f(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.disabled=false;return e}e.attachTo=function(t,r){if(r===void 0){r={isUnbounded:undefined}}var n=new e(t);if(r.isUnbounded!==undefined){n.unbounded=r.isUnbounded}return n};e.createAdapter=function(t){return{addClass:function(e){return t.root.classList.add(e)},browserSupportsCssVars:function(){return u(window)},computeBoundingRect:function(){return t.root.getBoundingClientRect()},containsEventTarget:function(e){return t.root.contains(e)},deregisterDocumentInteractionHandler:function(t,e){return document.documentElement.removeEventListener(t,e,g())},deregisterInteractionHandler:function(e,r){return t.root.removeEventListener(e,r,g())},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}},isSurfaceActive:function(){return k(t.root,":active")},isSurfaceDisabled:function(){return Boolean(t.disabled)},isUnbounded:function(){return Boolean(t.unbounded)},registerDocumentInteractionHandler:function(t,e){return document.documentElement.addEventListener(t,e,g())},registerInteractionHandler:function(e,r){return t.root.addEventListener(e,r,g())},registerResizeHandler:function(t){return window.addEventListener("resize",t)},removeClass:function(e){return t.root.classList.remove(e)},updateCssVariable:function(e,r){return t.root.style.setProperty(e,r)}}};Object.defineProperty(e.prototype,"unbounded",{get:function(){return Boolean(this.isUnbounded)},set:function(t){this.isUnbounded=Boolean(t);this.setUnbounded()},enumerable:false,configurable:true});e.prototype.activate=function(){this.foundation.activate()};e.prototype.deactivate=function(){this.foundation.deactivate()};e.prototype.layout=function(){this.foundation.layout()};e.prototype.getDefaultFoundation=function(){return new _(e.createAdapter(this))};e.prototype.initialSyncWithDOM=function(){var t=this.root;this.isUnbounded="mdcRippleIsUnbounded"in t.dataset};e.prototype.setUnbounded=function(){this.foundation.setUnbounded(Boolean(this.isUnbounded))};return e}(v);const I='@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:host{display:inline-block;--wcs-button-color:var(--wcs-button-plain-color-default);--wcs-button-plain-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-button-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-button-stroked-color-default:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-button-clear-color-default:var(--wcs-semantic-color-foreground-action-tertiary-default);--wcs-button-focus-outline-color:var(--wcs-semantic-color-border-focus-base);--wcs-button-focus-outline-border-width:var(--wcs-semantic-border-width-large);--wcs-button-background-color:var(--wcs-button-plain-background-color-default);--wcs-button-plain-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-button-plain-background-color-disabled:var(--wcs-semantic-color-background-action-primary-disabled);--wcs-button-stroked-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-button-stroked-background-color-disabled:var(--wcs-semantic-color-background-action-secondary-disabled);--wcs-button-clear-background-color-default:var(--wcs-semantic-color-background-action-tertiary-default);--wcs-button-clear-background-color-disabled:var(--wcs-semantic-color-background-action-tertiary-disabled);--wcs-button-ripple-color:var(--wcs-button-plain-ripple-color-default);--wcs-button-plain-ripple-color-default:var(--wcs-semantic-color-ripple-action-primary);--wcs-button-stroked-ripple-color-default:var(--wcs-semantic-color-ripple-action-secondary);--wcs-button-clear-ripple-color-default:var(--wcs-semantic-color-ripple-action-tertiary);--wcs-button-border-radius:var(--wcs-button-border-radius-default);--wcs-button-border-radius-default:var(--wcs-semantic-border-radius-base);--wcs-button-border-radius-rounded:var(--wcs-semantic-border-radius-full);--wcs-button-stroked-border-color:var(--wcs-button-stroked-border-color-default);--wcs-button-stroked-border-width:var(--wcs-semantic-border-width-default);--wcs-button-stroked-border-color-default:var(--wcs-semantic-color-border-action-secondary-default);--wcs-button-stroked-border-color-disabled:var(--wcs-semantic-color-border-action-secondary-disabled);--wcs-button-height-s:var(--wcs-semantic-size-s);--wcs-button-font-size-s:var(--wcs-semantic-font-size-label-2);--wcs-button-padding-size-s:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-button-height-m:var(--wcs-semantic-size-m);--wcs-button-font-size-m:var(--wcs-semantic-font-size-label-1);--wcs-button-padding-size-m:calc(2 * var(--wcs-semantic-spacing-base));--wcs-button-height-l:var(--wcs-semantic-size-l);--wcs-button-font-size-l:var(--wcs-semantic-font-size-label-1);--wcs-button-padding-size-l:calc(3 * var(--wcs-semantic-spacing-base));--wcs-button-font-weight:var(--wcs-semantic-font-weight-medium)}.wcs-inner-button:focus-visible{outline:var(--wcs-button-focus-outline-border-width) dashed var(--wcs-button-focus-outline-color);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}:host([mode=clear]){--wcs-button-stroked-border-color:transparent}:host([mode=clear]) .wcs-inner-button{box-shadow:none}:host([mode=stroked]){--wcs-button-color:var(--wcs-button-stroked-color-default);--wcs-button-background-color:transparent}:host([mode=stroked]) .wcs-inner-button::before,:host([mode=stroked]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-button-stroked-ripple-color-default)}:host([mode=clear]){--wcs-button-color:var(--wcs-button-clear-color-default);--wcs-button-background-color:transparent}:host([mode=clear]) .wcs-inner-button::before,:host([mode=clear]) .wcs-inner-button::after{--wcs-button-ripple-color:var(--wcs-button-clear-ripple-color-default)}:host([size=l]){--wcs-button-padding:0 var(--wcs-button-padding-size-l);--wcs-button-height:var(--wcs-button-height-l);--wcs-button-min-width:var(--wcs-button-height-l);--wcs-button-font-size:var(--wcs-button-font-size-l)}:host([size=l]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=l]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-l))}:host,:host([size=m]){--wcs-button-padding:0 var(--wcs-button-padding-size-m);--wcs-button-height:var(--wcs-button-height-m);--wcs-button-min-width:var(--wcs-button-height-m);--wcs-button-font-size:var(--wcs-button-font-size-m)}:host:host([shape=round]) ::slotted(wcs-mat-icon),:host:host([shape=square]) ::slotted(wcs-mat-icon),:host([size=m]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=m]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-m))}:host([size=s]){--wcs-button-padding:0 var(--wcs-button-padding-size-s);--wcs-button-height:var(--wcs-button-height-s);--wcs-button-min-width:var(--wcs-button-height-s);--wcs-button-font-size:var(--wcs-button-font-size-s)}:host([size=s]):host([shape=round]) ::slotted(wcs-mat-icon),:host([size=s]):host([shape=square]) ::slotted(wcs-mat-icon){margin:calc(-1 * var(--wcs-button-padding-size-s))}:host([shape=round]){--wcs-button-border-radius:var(--wcs-button-border-radius-rounded)}:host([shape=square]){--wcs-button-padding:0}:host([shape=normal]) .wcs-inner-button{min-width:var(--wcs-button-min-width, unset);min-height:var(--wcs-button-height, unset)}:host([mode=stroked]) .wcs-inner-button{box-shadow:inset 0 0 0 var(--wcs-button-stroked-border-width) var(--wcs-button-stroked-border-color)}:host([loading]){position:relative}:host([loading]) .wcs-inner-button>*:not(wcs-spinner){visibility:hidden;opacity:0}:host([loading]) wcs-spinner{--wcs-spinner-dashed-background-circle:var(--wcs-button-color);--wcs-spinner-rotating-circle-color:var(--wcs-button-color);height:calc(var(--wcs-button-height) / 2);width:calc(var(--wcs-button-min-width) / 2);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}:host([disabled]),:host([loading]){cursor:not-allowed}:host([disabled]) .wcs-inner-button,:host([loading]) .wcs-inner-button{opacity:1;cursor:default;pointer-events:none}:host([disabled]){--wcs-button-color:var(--wcs-button-color-disabled);--wcs-button-background-color:var(--wcs-button-plain-background-color-disabled)}:host([mode=stroked][disabled]){--wcs-button-stroked-border-color:var(--wcs-button-stroked-border-color-disabled);--wcs-button-background-color:var(--wcs-button-stroked-background-color-disabled)}:host([mode=clear][disabled]){--wcs-button-background-color:var(--wcs-button-clear-background-color-disabled)}.wcs-inner-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-focus-opacity:0;display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--wcs-font-sans-serif);background-color:var(--wcs-button-background-color);color:var(--wcs-button-color);padding:var(--wcs-button-padding);border-radius:var(--wcs-button-border-radius);border:none;overflow:hidden;outline:0;text-transform:none;margin:0;cursor:pointer;font-weight:var(--wcs-button-font-weight);text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;font-size:var(--wcs-button-font-size);line-height:1.5;height:var(--wcs-button-height);min-width:var(--wcs-button-min-width);transition:color 175ms ease-in-out, background-color 175ms ease-in-out}.wcs-inner-button::before,.wcs-inner-button::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.wcs-inner-button::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.wcs-inner-button::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.wcs-inner-button.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.wcs-inner-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.wcs-inner-button.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.wcs-inner-button.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.wcs-inner-button::before,.wcs-inner-button::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.wcs-inner-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.wcs-inner-button:hover::before,.wcs-inner-button.mdc-ripple-surface--hover::before{opacity:0.1;opacity:var(--mdc-ripple-hover-opacity, 0.1)}.wcs-inner-button.mdc-ripple-upgraded--background-focused::before,.wcs-inner-button:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.wcs-inner-button:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.wcs-inner-button:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.3;opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.3)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:white;background-color:var(--mdc-ripple-color, white)}.wcs-inner-button::before,.wcs-inner-button::after{background-color:var(--wcs-button-ripple-color)}a{text-decoration:none;box-sizing:border-box}button::-moz-focus-inner,a::-moz-focus-inner{border:0}';const R=I;const S=["tabindex","title"];const j=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.type="button";this.href=undefined;this.target=undefined;this.disabled=false;this.ripple=true;this.size="m";this.shape="normal";this.mode="plain";this.loading=false}onClick(t){if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.type!=="button"&&n(this.el)){const e=this.el.closest("form");if(e){t.preventDefault();const r=window.document.createElement("button");r.type=this.type;r.style.display="none";e.appendChild(r);r.click();r.remove()}}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},i(this.el)),o(this.el,S))}componentDidLoad(){this.mdcRipple=new C(this.el.shadowRoot.querySelector(".wcs-inner-button"));this.updateRippleState()}async setAriaAttribute(t,e){s(this.nativeButton,t,e)}updateRippleState(){this.mdcRipple.disabled=!this.ripple}getTagName(){return this.href!==undefined?"a":"button"}onRippleChange(){this.updateRippleState()}render(){const t=this.getTagName();const e=this.href!==undefined?{href:this.href,role:"button",target:this.target}:{type:this.type};return r(t,Object.assign({key:"14f58b90f3d1b05b2709cbdb941621c827d462ec"},e,{class:"wcs-inner-button",disabled:this.disabled||this.loading,ref:t=>this.nativeButton=t},this.inheritedAttributes),this.loading&&r("wcs-spinner",{key:"58dbb8b462b5023c59e8bf728ba1d93aa0575cb4"}),r("slot",{key:"b6c394ac1c6a4ee5a9fd6bf10a268420843409d2"}))}static get delegatesFocus(){return true}get el(){return this}static get watchers(){return{ripple:["onRippleChange"]}}static get style(){return R}},[17,"wcs-button",{type:[1025],href:[1],target:[1],disabled:[516],ripple:[4],size:[513],shape:[513],mode:[513],loading:[1540],setAriaAttribute:[64]},[[0,"click","onClick"]],{ripple:["onRippleChange"]}]);function F(){if(typeof customElements==="undefined"){return}const t=["wcs-button","wcs-spinner"];t.forEach((t=>{switch(t){case"wcs-button":if(!customElements.get(t)){customElements.define(t,j)}break;case"wcs-spinner":if(!customElements.get(t)){a()}break}}))}export{j as B,F as d};
+//# sourceMappingURL=p-cdc6f6c2.js.map