npm - wcs-core - Versions diffs - 7.6.0 → 7.7.0 - Mend

wcs-core 7.6.0 → 7.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (704) hide show

package/dist/wcs/p-5443c9af.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as o,H as r,g as t}from"./p-32e583ea.js";import{S as s}from"./p-84e22272.js";import{k as a,s as i,i as n,a as d}from"./p-5314a64d.js";import{k as c}from"./p-7af9a2f3.js";import{c as l}from"./p-e1fb3625.js";function p(e,o){const r=c(e);if(r==="UNKNOWN"){return[]}switch(o){case"closed":switch(r){case"UP_ARROW":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"last"}];case"DOWN_ARROW":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"first"}];case"SPACE":case"ENTER":return[{kind:"OpenMenu"},{kind:"FocusItem",target:"first"}]}break;case"opened":switch(r){case"UP_ARROW":return[{kind:"FocusItem",target:"previous"}];case"DOWN_ARROW":return[{kind:"FocusItem",target:"next"}];case"HOME":return[{kind:"FocusItem",target:"first"}];case"END":return[{kind:"FocusItem",target:"last"}];case"ESCAPE":case"MAJ+TAB":case"TAB":return[{kind:"CloseMenu"}]}break;default:throw Error("Unknown error")}return[]}const w=':host{display:flex;position:relative;--wcs-dropdown-outline-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-dropdown-padding-empty:var(--wcs-semantic-spacing-large);--wcs-dropdown-plain-arrow-color:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-dropdown-stroked-arrow-color:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-dropdown-clear-arrow-color:var(--wcs-semantic-color-foreground-action-tertiary-default);--wcs-dropdown-arrow-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-dropdown-overlay-max-height:360px;--wcs-dropdown-overlay-padding:var(--wcs-semantic-spacing-base);--wcs-dropdown-overlay-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-dropdown-overlay-border-width:var(--wcs-semantic-border-width-default);--wcs-dropdown-overlay-border-radius:var(--wcs-semantic-border-radius-base);--wcs-dropdown-overlay-border-color:var(--wcs-semantic-color-border-secondary)}:host wcs-button{height:fit-content}:host svg{margin-right:-0.25rem}button{position:absolute;opacity:0;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;outline:0;outline-offset:0}button:focus-visible+wcs-button{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-dropdown-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}@supports not selector(button:focus-visible + wcs-button){button:focus-within+wcs-button{outline:var(--wcs-semantic-border-width-large) dashed var(--wcs-dropdown-outline-color-focus);outline-offset:var(--wcs-semantic-spacing-small);border-radius:var(--wcs-button-border-radius)}}.wcs-button-content-wrapper{display:flex;align-items:center}.popover{display:none;border:var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);border-radius:var(--wcs-dropdown-overlay-border-radius);background-color:var(--wcs-dropdown-overlay-background-color);z-index:9999}.show{display:block}.container{min-width:calc(10 * var(--wcs-semantic-size-base));border-radius:inherit;overflow:hidden;padding:var(--wcs-dropdown-overlay-padding);background-color:var(--wcs-dropdown-overlay-background-color)}:host([mode=clear]) .arrow{fill:var(--wcs-dropdown-clear-arrow-color)}:host([mode=stroked]) .arrow{fill:var(--wcs-dropdown-stroked-arrow-color)}:host([mode=plain]) .arrow{fill:var(--wcs-dropdown-plain-arrow-color)}:host([disabled]) .arrow{fill:var(--wcs-dropdown-arrow-color-disabled)}#arrow,#arrow::before{position:absolute;width:8px;height:8px;background:inherit;border:var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color)}#arrow{visibility:hidden;z-index:-1}#arrow::before{visibility:visible;content:"";transform:rotate(45deg)}#is-empty{display:block;width:20ch;padding:0 var(--wcs-dropdown-padding-empty)}.popover[data-popper-placement^=top]>#arrow{bottom:-5px}.popover[data-popper-placement^=bottom]>#arrow{top:-6px}.popover[data-popper-placement^=left]>#arrow{right:-4px}.popover[data-popper-placement^=right]>#arrow{left:-6px}';const h=w;const u=["tabindex"];const b=class{constructor(o){e(this,o);this.inheritedAttributes={};this.noArrow=false;this.mode="stroked";this.shape="normal";this.size="m";this.disabled=false;this.placement="bottom-end";this.expanded=false}get items(){return Array.from(this.el.querySelectorAll("wcs-dropdown-item"))}placementChange(){this.popper.setOptions(Object.assign(Object.assign({},this.popper.state.options),{placement:this.placement})).then((e=>this.popper.update()))}onBlur(){this.clearLastFocusedItem();this.expanded=false}componentDidLoad(){this.popper=l(this.wcsButton,this.popoverDiv,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]});this.fixForFirefoxBelow63()}fixForFirefoxBelow63(){const e=this.el.querySelectorAll("wcs-dropdown-item");const o=this.el.querySelector(".container");if(e.length>0&&o){e.forEach((e=>{this.el.removeChild(e);o.appendChild(e)}))}}onButtonClick(e){this.clearLastFocusedItem();this.expanded=!this.expanded;if(this.expanded){this.focusItem(0)}}onWindowClickEvent(e){const o=a(e,this.el);if(this.expanded&&!o){this.expanded=false}}dropdownItemClick(e){this.expanded=false;this.nativeButton.focus()}onKeyDown(e){const o=this.expanded?"opened":"closed";const r=p(e,o);if(r.length!=0){e.preventDefault()}for(const e of r){this.doActionFromKeyboardEventAssociatedAction(e)}}async setAriaAttribute(e,o){i(this.nativeButton,e,o)}doActionFromKeyboardEventAssociatedAction(e){switch(e.kind){case"OpenMenu":this.expanded=true;this.focusItem(0);break;case"CloseMenu":this.expanded=false;this.nativeButton.focus();break;case"ClearFocus":this.clearLastFocusedItem();break;case"FocusItem":switch(e.target){case"previous":this.focusClosestItem("previous");break;case"next":this.focusClosestItem("next");break;case"first":this.focusItem(0);break;case"last":this.focusItem(this.items.length-1);break}break}}clearLastFocusedItem(){if(this.lastFocusedItemElement){this.lastFocusedItemElement.tabIndex=-1;this.lastFocusedItemElement=null}}focusItem(e){this.clearLastFocusedItem();this.lastFocusedItemElement=this.items[e];if(this.lastFocusedItemElement){this.lastFocusedItemElement.tabIndex=0;requestAnimationFrame((()=>{var e;(e=this.lastFocusedItemElement)===null\|\|e===void 0?void 0:e.focus()}))}}focusClosestItem(e){const o=this.getClosestActiveItemIndexForDirection(e);if(o===-1)return;this.focusItem(o)}getClosestActiveItemIndexForDirection(e){const o=this.items;let r=Array.from(o).indexOf(this.lastFocusedItemElement);const t=0;const s=o.length-1;if(e==="next"&&r<s){r++}else if(e==="previous"&&r>t){r--}else{if(e==="next"&&r>=s){r=0}if(e==="previous"&&r===t){r=s}}return r}componentDidRender(){if(this.popper){this.popper.update()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},n(this.el)),d(this.el,u))}render(){return o(r,{key:"96be2f9df0a80b4d6c88cf15419ff29cb001c695"},o("button",Object.assign({key:"562456822837e6ff61ed23569335e42ad4e36df9",id:"dropdown-button","aria-controls":"menu",disabled:this.disabled,"aria-haspopup":"true",role:"button","aria-expanded":this.expanded?"true":"false",ref:e=>this.nativeButton=e,onClick:e=>this.onButtonClick(e),onBlur:e=>e.stopImmediatePropagation()},this.inheritedAttributes),"Dropdown"),o("wcs-button",{key:"66348725409b810219dd1bd4658611c63bbb5eb8",mode:this.mode,shape:this.shape,disabled:this.disabled,size:this.size,ref:e=>this.wcsButton=e,"aria-hidden":"true",tabindex:-1,onClick:e=>this.onButtonClick(e),onBlur:e=>e.stopImmediatePropagation()},o("div",{key:"028e06637e35ecc14b66cf74fba32dc59d58121a",class:"wcs-button-content-wrapper"},o("slot",{key:"7f7e2db54f9b5d3a20588c48c1d3fd6750187017",name:"placeholder"}),this.noArrow?null:o(s,{up:this.expanded}))),o("div",{key:"7f6f4efe22cab63033b3e7775791856ed8e1b921",class:(this.expanded?"show ":"")+"popover",id:"menu",role:"menu","aria-labelledby":"dropdown-button",tabindex:-1,ref:e=>this.popoverDiv=e},o("div",{key:"ca7ce6adea1005d7126d4ae060ada55e9d3b6d70",role:"presentation",id:"arrow","data-popper-arrow":true}),o("div",{key:"0f2a9e15df898550117743f855e7ee0746157ab1",role:"presentation",class:"container"},o("slot",{key:"688fd29a894bae8aee4c848a9b07380c95302ca2",name:"item"},o("span",{key:"a80c902d26d7afed58e8a17646dac92473042fa4",id:"is-empty"})))))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{placement:["placementChange"]}}};b.style=h;export{b as wcs_dropdown};
2	- //# sourceMappingURL=p-5443c9af.entry.js.map

package/dist/wcs/p-5443c9af.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["getActionForKeyboardEvent","event","currentState","keyboardShortcut","keyboardShortcutFromKeyboardEvent","kind","target","Error","dropdownCss","WcsDropdownStyle0","DROPDOWN_INHERITED_ATTRS","Dropdown","this","inheritedAttributes","items","Array","from","el","querySelectorAll","placementChange","popper","setOptions","Object","assign","state","options","placement","then","_","update","onBlur","clearLastFocusedItem","expanded","componentDidLoad","createPopper","wcsButton","popoverDiv","modifiers","name","offset","fixForFirefoxBelow63","container","querySelector","length","forEach","i","removeChild","appendChild","onButtonClick","focusItem","onWindowClickEvent","clickedOnDropdownOrChildren","clickTargetIsElementOrChildren","dropdownItemClick","nativeButton","focus","onKeyDown","_event","actionsFromKeyboardEvents","preventDefault","actionFromKeyboardEvent","doActionFromKeyboardEventAssociatedAction","setAriaAttribute","attr","value","setOrRemoveAttribute","focusClosestItem","lastFocusedItemElement","tabIndex","indexToFocus","requestAnimationFrame","_a","direction","getClosestActiveItemIndexForDirection","currentIndex","indexOf","MIN_INDEX","MAX_INDEX","componentDidRender","componentWillLoad","inheritAriaAttributes","inheritAttributes","render","h","Host","key","id","disabled","role","ref","onClick","$event","stopImmediatePropagation","mode","shape","size","tabindex","e","class","noArrow","SelectArrow","up"],"sources":["src/components/dropdown/dropdown-keyboard-event.ts","src/components/dropdown/dropdown.scss?tag=wcs-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { keyboardShortcutFromKeyboardEvent } from \"../../utils/keyboard-event\";\n\n// Possible Shortcuts\n\n// Dropdown button\n// ENTER : open menu, move focus to first item\n// SPACE : open menu, move focus to first item\n// DOWN_ARROW : open menu, move focus to first item\n// UP_ARROW : open menu, move focus to last item\n\n// Dropdown item\n// HOME : focus first item\n// END : focus last item\n// UP_ARROW : move focus to previous item\n// DOWN_ARROW : move focus to previous item\n// ESCAPE : close menu, set focus on the dropdown button\n// ENTER : activate the item, close menu, set focus to menu button (already handled via the wcsDropdownItemClick event)\n\nexport type KeyboardEventAssociatedAction = OpenMenu\n | CloseMenu\n | ClearFocus\n | FocusItem;\n\ntype OpenMenu = {kind: 'OpenMenu'};\ntype CloseMenu = {kind: 'CloseMenu'};\n\n\ntype ClearFocus = {kind: 'ClearFocus'};\ntype FocusItem = {kind: 'FocusItem', target: 'next' | 'previous' | 'first' | 'last'};\n\n/**\n * We follow this pattern https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions/\n * @param event\n * @param currentState\n * @param type\n */\nexport function getActionForKeyboardEvent(event: KeyboardEvent, currentState: 'closed' | 'opened'): KeyboardEventAssociatedAction[] {\n const keyboardShortcut = keyboardShortcutFromKeyboardEvent(event);\n\n if(keyboardShortcut === 'UNKNOWN') {\n return [];\n }\n\n switch (currentState) {\n case 'closed':\n // We handle every available shortcut for the closed state\n switch (keyboardShortcut) {\n case 'UP_ARROW':\n return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'last'}];\n case 'DOWN_ARROW':\n return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'first'}];\n case 'SPACE':\n case 'ENTER':\n return [{kind: 'OpenMenu'}, {kind: 'FocusItem', target: 'first'}];\n default:\n break;\n }\n break;\n case 'opened':\n // We handle every available shortcut for the opened state\n switch (keyboardShortcut) {\n case 'UP_ARROW':\n return [{kind: 'FocusItem', target: 'previous'}];\n case 'DOWN_ARROW':\n return [{kind: 'FocusItem', target: 'next'}];\n case 'HOME':\n return [{kind: 'FocusItem', target: 'first'}];\n case 'END':\n return [{kind: 'FocusItem', target: 'last'}];\n case 'ESCAPE':\n case 'MAJ+TAB':\n case 'TAB':\n return [{kind: 'CloseMenu'}];\n default:\n break;\n }\n break;\n default:\n throw Error('Unknown error');\n }\n return [];\n}\n","@import '../../style/focus-outline.scss';\n\n:host {\n display: flex;\n /*\n * DO NOT REMOVE:\n * The native button is absolutely positioned.\n * This `position: relative` makes `wcs-dropdown` its containing block.\n * Without it, the button can be laid out relative to another ancestor higher in the DOM,\n * so when the browser focuses the native button it may scroll the window unexpectedly.\n */\n position: relative;\n\n --wcs-dropdown-outline-color-focus: var(--wcs-semantic-color-border-focus-base);\n\n // Padding\n --wcs-dropdown-padding-empty: var(--wcs-semantic-spacing-large);\n\n // Arrow color\n --wcs-dropdown-plain-arrow-color: var(--wcs-semantic-color-foreground-action-primary-default);\n --wcs-dropdown-stroked-arrow-color: var(--wcs-semantic-color-foreground-action-secondary-default);\n --wcs-dropdown-clear-arrow-color: var(--wcs-semantic-color-foreground-action-tertiary-default);\n\n --wcs-dropdown-arrow-color-disabled: var(--wcs-semantic-color-text-disabled);\n\n // Overlay\n --wcs-dropdown-overlay-max-height: 360px;\n --wcs-dropdown-overlay-padding: var(--wcs-semantic-spacing-base);\n --wcs-dropdown-overlay-background-color: var(--wcs-semantic-color-background-surface-primary);\n --wcs-dropdown-overlay-border-width: var(--wcs-semantic-border-width-default);\n --wcs-dropdown-overlay-border-radius: var(--wcs-semantic-border-radius-base);\n --wcs-dropdown-overlay-border-color: var(--wcs-semantic-color-border-secondary);\n\n wcs-button {\n height: fit-content;\n }\n\n svg {\n margin-right: -0.25rem;\n }\n}\n\n/* Visually hide the native button */\nbutton {\n position: absolute;\n opacity: 0;\n height: 1px;\n width: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n outline: 0;\n outline-offset: 0;\n}\n\nbutton:focus-visible + wcs-button {\n @include focus-outline($outline-color: var(--wcs-dropdown-outline-color-focus), $border-radius: var(--wcs-button-border-radius));\n}\n\n@supports not selector(button:focus-visible + wcs-button) {\n button:focus-within + wcs-button {\n @include focus-outline($outline-color: var(--wcs-dropdown-outline-color-focus), $border-radius: var(--wcs-button-border-radius));\n }\n}\n\n.wcs-button-content-wrapper {\n display: flex;\n align-items: center;\n}\n\n.popover {\n display: none;\n border: var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);\n border-radius: var(--wcs-dropdown-overlay-border-radius);\n background-color: var(--wcs-dropdown-overlay-background-color);\n z-index: 9999;\n}\n\n.show {\n display: block;\n}\n\n// XXX: So that item hover background does not overflow\n.container {\n min-width: calc(10 * var(--wcs-semantic-size-base));\n border-radius: inherit;\n overflow: hidden;\n padding: var(--wcs-dropdown-overlay-padding);\n background-color: var(--wcs-dropdown-overlay-background-color);\n}\n\n:host([mode=clear]) {\n // SVG arrow inside the button, on clear background\n .arrow {\n fill: var(--wcs-dropdown-clear-arrow-color);\n }\n}\n\n:host([mode=stroked]) {\n // SVG arrow inside the button, on stroked background\n .arrow {\n fill: var(--wcs-dropdown-stroked-arrow-color);\n }\n}\n\n:host([mode=plain]) {\n // SVG arrow inside the button, on primary background\n .arrow {\n fill: var(--wcs-dropdown-plain-arrow-color);\n }\n}\n\n:host([disabled]) {\n .arrow {\n fill: var(--wcs-dropdown-arrow-color-disabled);\n }\n}\n\n// Popover arrow\n#arrow,\n#arrow::before {\n position: absolute;\n width: 8px;\n height: 8px;\n background: inherit;\n border: var(--wcs-dropdown-overlay-border-width) solid var(--wcs-dropdown-overlay-border-color);\n}\n\n#arrow {\n visibility: hidden;\n z-index: -1;\n}\n\n#arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n}\n\n#is-empty {\n display: block;\n width: 20ch;\n padding: 0 var(--wcs-dropdown-padding-empty);\n}\n\n.popover[data-popper-placement^='top'] > #arrow {\n bottom: -5px;\n}\n\n.popover[data-popper-placement^='bottom'] > #arrow {\n top: -6px;\n}\n\n.popover[data-popper-placement^='left'] > #arrow {\n right: -4px;\n}\n\n.popover[data-popper-placement^='right'] > #arrow {\n left: -6px;\n}\n","import { Component, ComponentInterface, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { SelectArrow } from '../select/select-arrow';\nimport {\n WcsButtonMode,\n WcsButtonShape,\n WcsButtonSize,\n} from '../button/button-interface';\nimport { createPopper, Instance } from '@popperjs/core';\nimport { WcsDropdownPlacement } from './dropdown-interface';\nimport {\n clickTargetIsElementOrChildren,\n inheritAriaAttributes,\n inheritAttributes,\n setOrRemoveAttribute\n} from '../../utils/helpers';\nimport { getActionForKeyboardEvent, KeyboardEventAssociatedAction } from \"./dropdown-keyboard-event\";\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\n\nconst DROPDOWN_INHERITED_ATTRS = ['tabindex'];\n\n/**\n * The dropdown component use a wcs-button under the hood, so you can use the same css classes as the button to style the\n * dropdown.\n * \n * @slot placeholder - The slot containing the placeholder displayed in button\n * @slot item - The slot container the list of `wcs-dropdown-item` elements\n * \n * @cssprop --wcs-dropdown-outline-color-focus - Outline color of dropdown when focus it\n * \n * @cssprop --wcs-dropdown-plain-arrow-color - Color of the arrow indicator when the dropdown is plain\n * @cssprop --wcs-dropdown-stroked-arrow-color - Color of the arrow indicator when the dropdown is stroked\n * @cssprop --wcs-dropdown-clear-arrow-color - Color of the arrow indicator when the dropdown is not filled\n * @cssprop --wcs-dropdown-arrow-color-disabled - Base color of the arrow indicator when the dropdown is disabled\n * \n * @cssprop --wcs-dropdown-padding-empty - Padding of and empty dropdown\n * \n * @cssprop --wcs-dropdown-overlay-padding - Defines the vertical padding inside the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-max-height - Specifies the maximum height of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-background-color - Determines the background color of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-width - Sets the border width of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-radius - Defines the border radius of the dropdown overlay\n * @cssprop --wcs-dropdown-overlay-border-color - Specifies the border color of the dropdown overlay\n */\n@Component({\n tag: 'wcs-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: {\n delegatesFocus: true\n }\n})\nexport class Dropdown implements ComponentInterface, MutableAriaAttribute {\n @Element() private el: HTMLWcsDropdownElement;\n private inheritedAttributes: { [k: string]: any } = {};\n\n /**\n * This button is visually hidden. It used to carry all aria attributes and acts as the controller of the menu.\n * The wcs-button could not handle the aria-controls and aria-activedescendant attributes because of the IDREF\n * not passing from a shadow-dom through another.\n * @private\n */\n private nativeButton!: HTMLButtonElement;\n\n /**\n * This button is shown on the user interface, and visually receives focus and catch click events. \n * It is hidden to screen readers since the native button carries all the aria informations.\n * @private\n */\n private wcsButton!: HTMLWcsButtonElement;\n\n /**\n * This div is shown on the user interface when the dropdown is expanded.\n * @private\n */\n private popoverDiv!: HTMLDivElement;\n\n /** Hides the arrow in the button */\n @Prop({ reflect: true }) noArrow: boolean = false;\n\n /** Dropdown's button mode */\n @Prop() mode: WcsButtonMode = 'stroked';\n\n /** Dropdown's button shape */\n @Prop() shape: WcsButtonShape = 'normal';\n \n /** Dropdown's button size */\n @Prop() size: WcsButtonSize = 'm';\n\n /** Specifies whether the dropdown button is clickable or not */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** placement of the dropdown's popover */\n @Prop() placement: WcsDropdownPlacement = 'bottom-end';\n\n @State() private expanded: boolean = false;\n\n\n private popper: Instance;\n \n private lastFocusedItemElement: HTMLWcsDropdownItemElement | null;\n \n private get items(): HTMLWcsDropdownItemElement[] {\n return Array.from(this.el.querySelectorAll('wcs-dropdown-item'));\n }\n\n @Watch('placement')\n protected placementChange() {\n this.popper.setOptions({\n ...this.popper.state.options,\n placement: this.placement\n }).then(_ => this.popper.update());\n }\n \n @Listen('blur')\n onBlur() {\n this.clearLastFocusedItem();\n this.expanded = false;\n }\n\n componentDidLoad() {\n this.popper = createPopper(this.wcsButton, this.popoverDiv, {\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 8]\n }\n }\n ]\n });\n\n this.fixForFirefoxBelow63();\n }\n\n private fixForFirefoxBelow63() {\n // If the items appear out of the slot we place them back\n const items = this.el.querySelectorAll('wcs-dropdown-item');\n const container = this.el.querySelector('.container');\n if (items.length > 0 && container) {\n items.forEach(i => {\n this.el.removeChild(i);\n container.appendChild(i);\n });\n }\n }\n\n private onButtonClick(_: MouseEvent): void {\n this.clearLastFocusedItem();\n this.expanded = !this.expanded;\n \n if (this.expanded) {\n this.focusItem(0);\n }\n }\n\n @Listen('click', {target: 'window'})\n onWindowClickEvent(event: MouseEvent) {\n const clickedOnDropdownOrChildren = clickTargetIsElementOrChildren(event, this.el);\n if (this.expanded && !clickedOnDropdownOrChildren) {\n this.expanded = false;\n }\n }\n\n @Listen('wcsDropdownItemClick')\n dropdownItemClick(_: CustomEvent<void>) {\n this.expanded = false;\n this.nativeButton.focus();\n }\n\n @Listen('keydown')\n onKeyDown(_event: KeyboardEvent): void {\n const currentState = this.expanded ? 'opened' : 'closed';\n const actionsFromKeyboardEvents: KeyboardEventAssociatedAction[] = getActionForKeyboardEvent(_event, currentState);\n\n // If we have at least one associated actions, we prevent the default behavior of the event. \n // Except if the action is a focus move (we have to handle the preventDefault behavior ourselves in the action implementation)\n if (actionsFromKeyboardEvents.length != 0) {\n _event.preventDefault();\n }\n\n for (const actionFromKeyboardEvent of actionsFromKeyboardEvents) {\n this.doActionFromKeyboardEventAssociatedAction(actionFromKeyboardEvent);\n }\n }\n \n @Method()\n async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n setOrRemoveAttribute(this.nativeButton, attr, value);\n }\n\n doActionFromKeyboardEventAssociatedAction(actionFromKeyboardEvent: KeyboardEventAssociatedAction) {\n switch (actionFromKeyboardEvent.kind) {\n case 'OpenMenu':\n this.expanded = true;\n this.focusItem(0);\n break;\n case 'CloseMenu':\n this.expanded = false;\n this.nativeButton.focus();\n break;\n case 'ClearFocus':\n this.clearLastFocusedItem();\n break;\n case 'FocusItem':\n switch (actionFromKeyboardEvent.target) {\n case 'previous':\n this.focusClosestItem('previous');\n break;\n case 'next':\n this.focusClosestItem('next');\n break;\n case 'first':\n this.focusItem(0);\n break;\n case 'last':\n this.focusItem(this.items.length - 1);\n break;\n default:\n break;\n }\n break;\n default:\n break;\n }\n }\n\n /**\n * Removes the focus and tabindex 0 of the last focused item if any.\n * @private\n */\n private clearLastFocusedItem() {\n if (this.lastFocusedItemElement) {\n this.lastFocusedItemElement.tabIndex = -1;\n this.lastFocusedItemElement = null;\n }\n }\n \n private focusItem(indexToFocus: number) {\n this.clearLastFocusedItem();\n this.lastFocusedItemElement = this.items[indexToFocus];\n if (this.lastFocusedItemElement) {\n this.lastFocusedItemElement.tabIndex = 0;\n requestAnimationFrame(() => {\n this.lastFocusedItemElement?.focus();\n });\n }\n }\n \n private focusClosestItem(direction: 'next' | 'previous'): void {\n const indexToFocus = this.getClosestActiveItemIndexForDirection(direction);\n if (indexToFocus === -1) return;\n \n this.focusItem(indexToFocus);\n }\n \n private getClosestActiveItemIndexForDirection(direction: 'next' | 'previous'): number {\n const items = this.items;\n let currentIndex = Array.from(items).indexOf(this.lastFocusedItemElement);\n\n const MIN_INDEX = 0;\n const MAX_INDEX = items.length - 1;\n\n if (direction === 'next' && currentIndex < MAX_INDEX) {\n currentIndex++;\n } else if (direction === 'previous' && currentIndex > MIN_INDEX) {\n currentIndex--;\n } else {\n // Used to scroll through items infinitely with keyboard\n if (direction === 'next' && currentIndex >= MAX_INDEX) {\n currentIndex = 0;\n }\n if (direction === 'previous' && currentIndex === MIN_INDEX) {\n currentIndex = MAX_INDEX;\n }\n }\n \n return currentIndex;\n }\n\n componentDidRender() {\n if (this.popper) {\n this.popper.update();\n }\n }\n\n componentWillLoad(): Promise<void> | void {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el),\n ...inheritAttributes(this.el, DROPDOWN_INHERITED_ATTRS),\n };\n }\n \n render() {\n return (\n <Host>\n <button id=\"dropdown-button\"\n aria-controls=\"menu\"\n disabled={this.disabled}\n aria-haspopup=\"true\"\n role=\"button\"\n aria-expanded={this.expanded ? 'true' : 'false'}\n ref={el => this.nativeButton = el}\n onClick={($event) => this.onButtonClick($event)}\n onBlur={($event) => $event.stopImmediatePropagation()}\n {...this.inheritedAttributes}>Dropdown</button>\n <wcs-button mode={this.mode} shape={this.shape} disabled={this.disabled} size={this.size}\n ref={el => this.wcsButton = el}\n aria-hidden=\"true\"\n tabindex={-1}\n onClick={($event) => this.onButtonClick($event)}\n onBlur={(e) => e.stopImmediatePropagation()}>\n <div class=\"wcs-button-content-wrapper\">\n <slot name=\"placeholder\"/>\n {this.noArrow ? null : (<SelectArrow up={this.expanded}/>)}\n </div>\n </wcs-button>\n <div class={(this.expanded ? 'show ' : '') + 'popover'}\n id=\"menu\"\n role=\"menu\"\n aria-labelledby=\"dropdown-button\"\n tabindex={-1}\n ref={el => this.popoverDiv = el}>\n <div role=\"presentation\" id=\"arrow\" data-popper-arrow/>\n <div role=\"presentation\" class=\"container\">\n <slot name=\"item\">\n <span id={\"is-empty\"}></span>\n </slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n\n"],"mappings":"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"}

package/dist/wcs/p-5607246c.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as a,h as s,H as c}from"./p-32e583ea.js";const t=":host{--wcs-card-body-padding:var(--wcs-semantic-spacing-base-300);--wcs-card-body-gap:var(--wcs-semantic-spacing-base);flex:1 1 auto;padding:var(--wcs-card-body-padding)}:host(.horizontal),:host(.vertical){display:flex;flex-direction:column;gap:var(--wcs-card-body-gap)}::slotted(p){margin:0}";const o=t;const r=class{constructor(s){a(this,s);this.orientation=null}async setOrientation(a){this.orientation=a}render(){return s(c,{key:"27547ebfbab0737a4947baf9ff4086d37b494155",class:this.orientation},s("slot",{key:"f9444717438f9981b479b39575c03297b04a5847"}))}};r.style=o;export{r as wcs_card_body};
2	- //# sourceMappingURL=p-5607246c.entry.js.map

package/dist/wcs/p-59f96b21.entry.js DELETED Viewed

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

package/dist/wcs/p-6aededc6.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as c,h as e,H as a}from"./p-32e583ea.js";const s=":host{--wcs-card-footer-gap:var(--wcs-semantic-spacing-base);display:flex;flex-direction:row;align-items:center;gap:var(--wcs-card-footer-gap)}";const r=s;const o=class{constructor(e){c(this,e)}render(){return e(a,{key:"8b600e63a3178bbf9c3d577053b927ff6ea9a48f"},e("slot",{key:"1ce0728f66cd296c44dcc4d85c9e9d9dcbae853a"}))}};o.style=r;export{o as wcs_card_footer};
2	- //# sourceMappingURL=p-6aededc6.entry.js.map

package/dist/wcs/p-7b60d4c7.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{h as a,r as e,c as i,H as t,g as s}from"./p-32e583ea.js";import{i as n,a as r,s as c}from"./p-5314a64d.js";const o=(a,e)=>{switch(a){case"next":return e?"Dernière page":"Page suivante";case"previous":default:return e?"Première page":"Page précédente"}};const g=({active:e,order:i,double:t=false})=>a("wcs-button",{mode:"clear",shape:"square",size:"s",disabled:!e,title:o(i,t)},a("svg",{style:{cursor:"pointer"},"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"20",viewBox:"0 0 24 20"},a("style",{type:"text/css"},`\n .arrow-group {\n transform-origin: 50% 51%;\n transition: transform 175ms ease-in-out;\n }\n .arrow {\n transition: fill 175ms ease-in-out;\n fill: var(--wcs-grid-pagination-arrow-color-inactive, var(--wcs-button-color));\n }\n .second-arrow {\n transform: translateY(-8px);\n }\n .next {\n transform: rotate(90deg);\n }\n .previous {\n transform: rotate(-90deg);\n }\n .active {\n fill: var(--wcs-grid-pagination-arrow-color-active, var(--wcs-button-color));\n }\n `),a("g",{fill:"none",class:i+" arrow-group"},a("path",{class:(e?"active":"")+" arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),a("path",{d:"M0 0h24v24H0z",fill:"none"})),t?a("g",{fill:"none",class:i+" arrow-group"},a("path",{class:(e?"active":"")+" arrow second-arrow",d:"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"}),a("path",{d:"M0 0h24v24H0z",fill:"none"})):""));const d=":host{display:block;margin-top:var(--wcs-grid-pagination-margin-top);--wcs-grid-pagination-color:var(--wcs-semantic-color-text-primary);--wcs-grid-pagination-font-size:var(--wcs-semantic-font-size-label-2);--wcs-grid-pagination-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-grid-pagination-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-page-size-gap:var(--wcs-semantic-spacing-base);--wcs-grid-pagination-counter-gap:var(--wcs-semantic-spacing-small);--wcs-grid-pagination-margin-top:var(--wcs-semantic-spacing-large);--wcs-grid-pagination-arrow-color-inactive:unset;--wcs-grid-pagination-arrow-color-active:unset;}.container{display:grid;gap:var(--wcs-grid-pagination-gap);grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;color:var(--wcs-grid-pagination-color);font-size:var(--wcs-grid-pagination-font-size);font-weight:var(--wcs-grid-pagination-font-weight)}.available-page-sizes{width:auto}.page-management,.page-size,.items-count{display:flex;align-items:center}.page-size{gap:var(--wcs-grid-pagination-page-size-gap)}.page-management{margin:0;padding:0;list-style-type:none}.pagination-arrow{display:flex}.pagination-counter{padding:0 var(--wcs-grid-pagination-counter-gap)}.pagination-counter span{white-space:nowrap}wcs-select.available-page-sizes{--wcs-select-control-height:var(--wcs-semantic-size-s)}";const l=d;const p=["tabindex","title"];const h=class{constructor(a){e(this,a);this.wcsGridPaginationChange=i(this,"wcsGridPaginationChange",7);this.inheritedAttributes={};this.availablePageSizes=[10,20,50];this.currentPage=h.INDEX_FIRST_PAGE;this.pageSize=this.availablePageSizes[0];this.itemsCount=0;this.pageCount=1}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},n(this.el)),r(this.el,p))}async setAriaAttribute(a,e){c(this.nativeNav,a,e)}getWcsGrid(){return this.el.parentElement.tagName==="WCS-GRID"?this.el.parentElement:undefined}lastPage(){this.currentPage=this.pageCount-1;this.emitPaginationChange();this.focusFirstGridCell()}nextPage(){if(this.canGoToNextPage()){this.currentPage++;this.emitPaginationChange();this.focusFirstGridCell()}}canGoToNextPage(){return this.currentPage+1<this.pageCount}previousPage(){if(this.canGoToPreviousPage()){this.currentPage--;this.emitPaginationChange();this.focusFirstGridCell()}}canGoToPreviousPage(){return this.currentPage>0}firstPage(){this.currentPage=0;this.emitPaginationChange();this.focusFirstGridCell()}onChangePageSize(a){this.pageSize=a.detail.value;if(this.currentPage+1>this.pageSize){this.currentPage=0}this.emitPaginationChange();this.focusFirstGridCell()}focusFirstGridCell(){const a=this.getWcsGrid();if(a){requestAnimationFrame((()=>{this.el.blur();a.focusFirstCell()}))}}emitPaginationChange(){this.wcsGridPaginationChange.emit({pagination:{currentPage:this.currentPage,pageSize:this.pageSize,itemsCount:this.itemsCount,pageCount:this.pageCount}})}render(){return a(t,{key:"3efc96789e89f352f23038016baf6cbc232d6e0c",slot:"grid-pagination"},a("div",{key:"df2365f3367fe20bfb66f8b4969036a1662daef3",class:"container"},a("div",{key:"b700909bbdcef7087af7a7f5d624db07bf909315",class:"page-size"},a("wcs-select",{key:"bd9454c106da98c1dfbd7c5081f1bc2c564db2ae",placeholder:"Eléments par page",class:"available-page-sizes","aria-labelledby":"elements-per-page-number elements-per-page-text",value:this.pageSize,onWcsChange:this.onChangePageSize.bind(this)},this.availablePageSizes.map((e=>a("wcs-select-option",{value:e},e)))),a("span",{key:"792711f34454bb10a42c44b7e13d03f8fbf4af74",id:"elements-per-page-number",hidden:true},this.pageSize),a("span",{key:"00848f6a348aed84d37ebb19172e3d7818ba3c17",id:"elements-per-page-text"},a("slot",{key:"21848ccaf60179a82c53916f8e438e8b63ebaf61",name:"elements-per-page-text"},a("span",{key:"6bf5a0c3e6dc2bd81193e362abab61b7e165de54"}," éléments par page")))),a("div",{key:"ef6378352c7251430bb90540b28d52407b792b4d",class:"items-count"},a("span",{key:"a0f8ebf6564358233cf2683107d7a3af50bbd3e7"},this.itemsCount,a("slot",{key:"b0549af31d518ea3d748ba615c226d242aa1ea3e",name:"items-count-text"},a("span",{key:"b0266239fa9726005d9946ccedf59bfe26e030a3"}," éléments")))),a("nav",Object.assign({key:"43a87e737be4890ac0f4fcb8f76e56fc5a40a27d","aria-label":"pagination",ref:a=>this.nativeNav=a},this.inheritedAttributes),a("ul",{key:"6e95be555deb6741ac851eaa0163483bd9a33e19",class:"page-management"},a("li",{key:"faab6e7ab55628be3b5bf4e61c559a67c6ea2a57",class:"pagination-arrow",onClick:this.firstPage.bind(this)},a(g,{key:"699c51108204e3e13c408abb43ed59039b12cddb",active:this.canGoToPreviousPage(),order:"previous",double:true})),a("li",{key:"3e13d327cab3e2b4c54ad915e38c10effa852970",class:"pagination-arrow",onClick:this.previousPage.bind(this)},a(g,{key:"5fbe8676685d367affe840948a4ae037e7e1b0d0",active:this.canGoToPreviousPage(),order:"previous"})),a("li",{key:"086fd79d45cc0d8c60cf53b9ae44015944341b95",class:"pagination-counter"},a("span",{key:"9bd2e83985ae3b482830628ed9384c1583392f70","aria-label":`Page ${this.currentPage+1} sur ${this.pageCount}`,"aria-current":"page"},this.currentPage+1," / ",this.pageCount)),a("li",{key:"6a61141774ba5ddc261e911945cbe71282c34793",class:"pagination-arrow",onClick:this.nextPage.bind(this)},a(g,{key:"4c41d7cdce692495b67227f0bb24fd0b605998e0",active:this.canGoToNextPage(),order:"next"})),a("li",{key:"c929ccd8c749763034a42a7006264747eed59b02",class:"pagination-arrow",onClick:this.lastPage.bind(this)},a(g,{key:"184d97af95b7fad98617f7fb138463826f94c9a8",active:this.canGoToNextPage(),order:"next",double:true}))))))}get el(){return s(this)}};h.INDEX_FIRST_PAGE=0;h.style=l;export{h as G};
2	- //# sourceMappingURL=p-7b60d4c7.js.map

package/dist/wcs/p-7b60d4c7.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["getAccessibleName","order","double","GridPaginationArrow","active","h","mode","shape","size","disabled","title","style","cursor","xmlns","width","height","viewBox","type","fill","class","d","gridPaginationCss","WcsGridPaginationStyle0","GRID_PAGINATION_INHERITED_ATTRS","GridPagination","this","inheritedAttributes","INDEX_FIRST_PAGE","availablePageSizes","componentWillLoad","Object","assign","inheritAriaAttributes","el","inheritAttributes","setAriaAttribute","attr","value","setOrRemoveAttribute","nativeNav","getWcsGrid","parentElement","tagName","undefined","lastPage","currentPage","pageCount","emitPaginationChange","focusFirstGridCell","nextPage","canGoToNextPage","previousPage","canGoToPreviousPage","firstPage","onChangePageSize","event","pageSize","detail","grid","requestAnimationFrame","blur","focusFirstCell","wcsGridPaginationChange","emit","pagination","itemsCount","render","Host","key","slot","placeholder","onWcsChange","bind","map","id","hidden","name","ref","onClick"],"sources":["src/components/grid-pagination/grid-pagination-arrow.tsx","src/components/grid-pagination/grid-pagination.scss?tag=wcs-grid-pagination&encapsulation=shadow","src/components/grid-pagination/grid-pagination.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface GridPaginationArrowProps {\n active: boolean;\n order: 'next' | 'previous';\n double?: boolean;\n}\n\nconst getAccessibleName = (order: GridPaginationArrowProps['order'], double: GridPaginationArrowProps['double']): string => {\n switch (order) {\n case 'next':\n return double ? 'Dernière page' : 'Page suivante';\n case 'previous':\n default:\n return double ? 'Première page' : 'Page précédente';\n }\n}\n\nexport const GridPaginationArrow: FunctionalComponent<GridPaginationArrowProps> = ({active, order, double = false}) => (\n <wcs-button mode=\"clear\"\n shape=\"square\"\n size=\"s\"\n disabled={!active}\n title={getAccessibleName(order, double)}>\n <svg style={{cursor: 'pointer'}}\n aria-hidden=\"true\"\n xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"20\" viewBox=\"0 0 24 20\">\n <style type=\"text/css\">{`\n .arrow-group {\n transform-origin: 50% 51%;\n transition: transform 175ms ease-in-out;\n }\n .arrow {\n transition: fill 175ms ease-in-out;\n fill: var(--wcs-grid-pagination-arrow-color-inactive, var(--wcs-button-color));\n }\n .second-arrow {\n transform: translateY(-8px);\n }\n .next {\n transform: rotate(90deg);\n }\n .previous {\n transform: rotate(-90deg);\n }\n .active {\n fill: var(--wcs-grid-pagination-arrow-color-active, var(--wcs-button-color));\n }\n `}</style>\n <g fill=\"none\" class={order + ' arrow-group'}>\n <path class={(active ? 'active' : '') + ' arrow'} d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n </g>\n {\n double ?\n <g fill=\"none\" class={order + ' arrow-group'}>\n <path class={(active ? 'active' : '') + ' arrow second-arrow'}\n d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"/>\n <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n </g>\n : ''\n }\n </svg>\n </wcs-button>\n);\n","@import '../../style/focus-outline.scss';\n\n:host {\n display: block;\n margin-top: var(--wcs-grid-pagination-margin-top);\n\n --wcs-grid-pagination-color: var(--wcs-semantic-color-text-primary);\n --wcs-grid-pagination-font-size: var(--wcs-semantic-font-size-label-2);\n --wcs-grid-pagination-font-weight: var(--wcs-semantic-font-weight-medium);\n\n --wcs-grid-pagination-gap: var(--wcs-semantic-spacing-base);\n --wcs-grid-pagination-page-size-gap: var(--wcs-semantic-spacing-base);\n --wcs-grid-pagination-counter-gap: var(--wcs-semantic-spacing-small);\n --wcs-grid-pagination-margin-top: var(--wcs-semantic-spacing-large);\n\n --wcs-grid-pagination-arrow-color-inactive: unset; /* Optional : Overrides the fill property of the grid-pagination-arrow */\n --wcs-grid-pagination-arrow-color-active: unset; /* Optional : Overrides the fill property of the grid-pagination-arrow */\n}\n\n.container {\n display: grid;\n gap: var(--wcs-grid-pagination-gap);\n grid-template-columns: auto auto auto;\n justify-content: space-between;\n align-items: center;\n color: var(--wcs-grid-pagination-color);\n font-size: var(--wcs-grid-pagination-font-size);\n font-weight: var(--wcs-grid-pagination-font-weight);\n}\n\n.available-page-sizes {\n width: auto;\n}\n\n.page-management, .page-size, .items-count {\n display: flex;\n align-items: center;\n}\n\n.page-size {\n gap: var(--wcs-grid-pagination-page-size-gap);\n}\n\n.page-management {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.pagination-arrow {\n display: flex;\n}\n\n.pagination-counter {\n padding: 0 var(--wcs-grid-pagination-counter-gap);\n\n span {\n white-space: nowrap;\n }\n}\n\n/* TODO : Remove this when the select component will be able to handle the size S */\nwcs-select.available-page-sizes {\n --wcs-select-control-height: var(--wcs-semantic-size-s);\n}\n","import {\n Component,\n ComponentInterface, Element,\n Event, EventEmitter,\n h,\n Host, Method,\n Prop\n} from '@stencil/core';\nimport {\n WcsGridPaginationChangeEventDetails\n} from '../grid/grid-interface';\nimport { SelectChangeEventDetail } from '../select/select-interface';\nimport { GridPaginationArrow } from './grid-pagination-arrow';\nimport { AriaAttributeName, MutableAriaAttribute } from \"../../utils/mutable-aria-attribute\";\nimport { inheritAriaAttributes, inheritAttributes, setOrRemoveAttribute } from \"../../utils/helpers\";\n\nconst GRID_PAGINATION_INHERITED_ATTRS = ['tabindex', 'title'];\n\n/**\n * The grid pagination is a subcomponent of `wcs-grid`, slotted in `grid-pagination` under the `<table>` element.\n * \n * @cssprop --wcs-grid-pagination-color - Text color of the grid pagination\n * @cssprop --wcs-grid-pagination-font-size - Font-size of the grid pagination\n * @cssprop --wcs-grid-pagination-font-weight - Font-weight of the grid pagination\n * @cssprop --wcs-grid-pagination-gap - Gap between the page size, number of elements and page management\n * @cssprop --wcs-grid-pagination-page-size-gap - Gap between the select and the text within the page size container\n * @cssprop --wcs-grid-pagination-counter-gap - Gap within the page management counter\n * @cssprop --wcs-grid-pagination-margin-top - Margin between the grid and the pagination\n * @cssprop --wcs-grid-pagination-arrow-color-inactive - Color of the inactive arrow\n * @cssprop --wcs-grid-pagination-arrow-color-active - Color of the active arrow\n * \n * @slot elements-per-page-text - Text following the page size select. Default text is \" éléments par page\". You may want to add a non-breaking space before the text to separate it from the number.\n * @slot items-count-text - Text following the number of elements. Default text is \" éléments\". You may want to add a non-breaking space before the text to separate it from the number.\n */\n@Component({\n tag: 'wcs-grid-pagination',\n styleUrl: 'grid-pagination.scss',\n shadow: true\n})\nexport class GridPagination implements ComponentInterface, MutableAriaAttribute {\n @Element() private el!: HTMLElement;\n private nativeNav!: HTMLElement;\n private inheritedAttributes: { [k: string]: any } = {};\n \n static readonly INDEX_FIRST_PAGE: number = 0;\n /**\n * Set the available page sizes in the pagination dropdown on the left.\n */\n @Prop() availablePageSizes: number[] = [10, 20, 50];\n /**\n * The current page of the pagination. First page starts at index 0.\n */\n @Prop({mutable: true}) currentPage: number = GridPagination.INDEX_FIRST_PAGE;\n /**\n * Maximum number of elements shown per page. \n * Default is the first value of `availablePageSizes`.\n */\n @Prop() pageSize: number = this.availablePageSizes[0];\n /**\n * Total elements in the grid. \n * - **Grid in `Server mode`** : You have to set `itemsCount` = your total data length. \n * - **Grid not in Server mode** : Do not set it manually : itemsCount is set and updated every pagination refresh.\n */\n @Prop() itemsCount: number = 0;\n /**\n * Max number of pages. \n * - **Grid in `Server mode`** : You have to set `pageCount` = `itemsCount` divided by `pageSize`. \n * - **Grid not in Server mode** : Do not set it manually : pageCount is set and updated every pagination refresh.\n */\n @Prop() pageCount: number = 1;\n /**\n * Event emitted when the pagination changes.\n */\n @Event() wcsGridPaginationChange!: EventEmitter<WcsGridPaginationChangeEventDetails>;\n\n componentWillLoad(): Promise<void> | void {\n this.inheritedAttributes = {\n ...inheritAriaAttributes(this.el),\n ...inheritAttributes(this.el, GRID_PAGINATION_INHERITED_ATTRS),\n };\n }\n\n @Method()\n async setAriaAttribute(attr: AriaAttributeName, value: string | null | undefined) {\n setOrRemoveAttribute(this.nativeNav, attr, value);\n }\n \n private getWcsGrid(): HTMLWcsGridElement | undefined {\n return this.el.parentElement.tagName === 'WCS-GRID' ? this.el.parentElement as HTMLWcsGridElement : undefined;\n }\n\n private lastPage(): void {\n this.currentPage = this.pageCount - 1;\n this.emitPaginationChange();\n this.focusFirstGridCell();\n }\n\n private nextPage(): void {\n if (this.canGoToNextPage()) {\n this.currentPage++;\n this.emitPaginationChange();\n this.focusFirstGridCell();\n }\n }\n\n private canGoToNextPage(): boolean {\n return this.currentPage + 1 < this.pageCount;\n }\n\n private previousPage(): void {\n if (this.canGoToPreviousPage()) {\n this.currentPage--;\n this.emitPaginationChange();\n this.focusFirstGridCell();\n }\n }\n\n private canGoToPreviousPage(): boolean {\n return this.currentPage > 0;\n }\n\n private firstPage(): void {\n this.currentPage = 0;\n this.emitPaginationChange();\n this.focusFirstGridCell();\n }\n\n private onChangePageSize(event: CustomEvent<SelectChangeEventDetail>): void {\n this.pageSize = event.detail.value;\n if (this.currentPage + 1 > this.pageSize) {\n this.currentPage = 0;\n }\n this.emitPaginationChange();\n this.focusFirstGridCell();\n }\n\n /**\n * Move focus to the first grid cell after a pagination change\n */\n private focusFirstGridCell() {\n const grid = this.getWcsGrid();\n if (grid) {\n requestAnimationFrame(() => {\n this.el.blur();\n grid.focusFirstCell();\n })\n }\n }\n\n private emitPaginationChange(): void {\n this.wcsGridPaginationChange.emit({\n pagination: {\n currentPage: this.currentPage,\n pageSize: this.pageSize,\n itemsCount: this.itemsCount,\n pageCount: this.pageCount\n }\n });\n }\n\n render(): any {\n return (<Host slot=\"grid-pagination\">\n <div class=\"container\">\n <div class=\"page-size\">\n <wcs-select placeholder=\"Eléments par page\"\n class=\"available-page-sizes\"\n aria-labelledby=\"elements-per-page-number elements-per-page-text\"\n value={this.pageSize}\n onWcsChange={this.onChangePageSize.bind(this)}>\n {\n this.availablePageSizes.map((pageSize) =>\n <wcs-select-option value={pageSize}>{pageSize}</wcs-select-option>\n )\n }\n </wcs-select>\n <span id=\"elements-per-page-number\" hidden>{this.pageSize}</span>\n <span id=\"elements-per-page-text\"> \n <slot name=\"elements-per-page-text\">\n <span> éléments par page</span>\n </slot>\n </span>\n </div>\n\n <div class=\"items-count\">\n <span>{this.itemsCount}\n <slot name=\"items-count-text\">\n <span> éléments</span>\n </slot>\n </span>\n </div>\n\n <nav aria-label=\"pagination\" ref={(el) => (this.nativeNav = el)} {...this.inheritedAttributes}>\n <ul class=\"page-management\">\n <li class=\"pagination-arrow\" onClick={this.firstPage.bind(this)}>\n <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\" double></GridPaginationArrow>\n </li>\n <li class=\"pagination-arrow\" onClick={this.previousPage.bind(this)}>\n <GridPaginationArrow active={this.canGoToPreviousPage()} order=\"previous\"></GridPaginationArrow>\n </li>\n \n <li class=\"pagination-counter\">\n <span aria-label={`Page ${this.currentPage + 1} sur ${this.pageCount}`} aria-current=\"page\">\n {this.currentPage + 1} / {this.pageCount}\n </span>\n </li>\n \n <li class=\"pagination-arrow\" onClick={this.nextPage.bind(this)}>\n <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\"></GridPaginationArrow>\n </li>\n <li class=\"pagination-arrow\" onClick={this.lastPage.bind(this)}>\n <GridPaginationArrow active={this.canGoToNextPage()} order=\"next\" double></GridPaginationArrow>\n </li>\n </ul>\n </nav>\n </div>\n </Host>)\n }\n}\n"],"mappings":"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"}

package/dist/wcs/p-7de847e0.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,h as d,H as o}from"./p-32e583ea.js";const s=":host{--wcs-dropdown-divider-margin:var(--wcs-semantic-spacing-base) 0;--wcs-dropdown-divider-color:var(--wcs-semantic-color-border-secondary);display:block;margin:var(--wcs-dropdown-divider-margin);overflow:hidden;border-top:1px solid var(--wcs-dropdown-divider-color)}";const e=s;const i=class{constructor(d){r(this,d)}render(){return d(o,{key:"52d90154f003445f1d62badde51df437a38d6f19",slot:"item",tabindex:"-1","aria-hidden":"true"})}};i.style=e;export{i as wcs_dropdown_divider};
2	- //# sourceMappingURL=p-7de847e0.entry.js.map

package/dist/wcs/p-8152d360.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,c as e,h as t,H as a,g as s}from"./p-32e583ea.js";const c="@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 o=c;const i=class{constructor(t){r(this,t);this.wcsAlertDismiss=e(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 s(this)}};i.style=o;export{i as wcs_alert};
2	- //# sourceMappingURL=p-8152d360.entry.js.map

package/dist/wcs/p-8152d360.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["alertCss","WcsAlertStyle0","Alert","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":"2DAAA,MAAMA,EAAW,iyHACjB,MAAAC,EAAeD,E,MC8BFE,EAAK,M,0EAiCNC,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/dist/wcs/p-82838611.entry.js DELETED Viewed

@@ -1,16 +0,0 @@
-import{h as t,r as e,c as r,H as i,g as n}from"./p-32e583ea.js";import{S as s}from"./p-84e22272.js";import{z as o,A as c,B as a,i as l,a as u,s as f,C as h,d,c as v}from"./p-5314a64d.js";import{k as p}from"./p-7af9a2f3.js";import{i as w}from"./p-fb2751c2.js";import{w as b}from"./p-5cea30cb.js";import{c as y}from"./p-e1fb3625.js";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var g=function(){g=Object.assign||function t(e){for(var r,i=1,n=arguments.length;i<n;i++){r=arguments[i];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))e[s]=r[s]}return e};return g.apply(this,arguments)};function m(t,e){var r={};for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0)r[i]=t[i];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var n=0,i=Object.getOwnPropertySymbols(t);n<i.length;n++){if(e.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n]))r[i[n]]=t[i[n]]}return r}function k(t){var e=typeof Symbol==="function"&&Symbol.iterator,r=e&&t[e],i=0;if(r)return r.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&i>=t.length)t=void 0;return{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function O(t,e){var r=typeof Symbol==="function"&&t[Symbol.iterator];if(!r)return t;var i=r.call(t),n,s=[],o;try{while((e===void 0||e-- >0)&&!(n=i.next()).done)s.push(n.value)}catch(t){o={error:t}}finally{try{if(n&&!n.done&&(r=i["return"]))r.call(i)}finally{if(o)throw o.error}}return s}function x(t,e,r){if(r||arguments.length===2)for(var i=0,n=e.length,s;i<n;i++){if(s||!(i in e)){if(!s)s=Array.prototype.slice.call(e,0,i);s[i]=e[i]}}return t.concat(s||Array.prototype.slice.call(e))}var S;(function(t){t["Start"]="xstate.start";t["Stop"]="xstate.stop";t["Raise"]="xstate.raise";t["Send"]="xstate.send";t["Cancel"]="xstate.cancel";t["NullEvent"]="";t["Assign"]="xstate.assign";t["After"]="xstate.after";t["DoneState"]="done.state";t["DoneInvoke"]="done.invoke";t["Log"]="xstate.log";t["Init"]="xstate.init";t["Invoke"]="xstate.invoke";t["ErrorExecution"]="error.execution";t["ErrorCommunication"]="error.communication";t["ErrorPlatform"]="error.platform";t["ErrorCustom"]="xstate.error";t["Update"]="xstate.update";t["Pure"]="xstate.pure";t["Choose"]="xstate.choose"})(S||(S={}));var _;(function(t){t["Parent"]="#_parent";t["Internal"]="#_internal"})(_||(_={}));var E=S.Start;var j=S.Stop;var A=S.Raise;var z=S.Send;var C=S.Cancel;var q=S.NullEvent;var T=S.Assign;var F=S.Log;var R=S.Init;var N=S.Invoke;var L=S.ErrorPlatform;var P=S.ErrorCustom;var I=S.Update;var W=S.Choose;var M=S.Pure;var B=".";var H={};var D="xstate.guard";var U="";var V="production"==="production";var K;function J(t,e,r){if(r===void 0){r=B}var i=X(t,r);var n=X(e,r);if(yt(n)){if(yt(i)){return n===i}return false}if(yt(i)){return i in n}return Object.keys(i).every((function(t){if(!(t in n)){return false}return J(i[t],n[t])}))}function $(t){try{return yt(t)||typeof t==="number"?"".concat(t):t.type}catch(t){throw new Error("Events must be strings or objects with a string event.type property.")}}function G(t,e){try{if(wt(t)){return t}return t.toString().split(e)}catch(e){throw new Error("'".concat(t,"' is not a valid state path."))}}function Q(t){return typeof t==="object"&&"value"in t&&"context"in t&&"event"in t&&"_event"in t}function X(t,e){if(Q(t)){return t.value}if(wt(t)){return Y(t)}if(typeof t!=="string"){return t}var r=G(t,e);return Y(r)}function Y(t){if(t.length===1){return t[0]}var e={};var r=e;for(var i=0;i<t.length-1;i++){if(i===t.length-2){r[t[i]]=t[i+1]}else{r[t[i]]={};r=r[t[i]]}}return e}function Z(t,e){var r={};var i=Object.keys(t);for(var n=0;n<i.length;n++){var s=i[n];r[s]=e(t[s],s,t,n)}return r}function tt(t,e,r){var i,n;var s={};try{for(var o=k(Object.keys(t)),c=o.next();!c.done;c=o.next()){var a=c.value;var l=t[a];if(!r(l)){continue}s[a]=e(l,a,t)}}catch(t){i={error:t}}finally{try{if(c&&!c.done&&(n=o.return))n.call(o)}finally{if(i)throw i.error}}return s}var et=function(t){return function(e){var r,i;var n=e;try{for(var s=k(t),o=s.next();!o.done;o=s.next()){var c=o.value;n=n[c]}}catch(t){r={error:t}}finally{try{if(o&&!o.done&&(i=s.return))i.call(s)}finally{if(r)throw r.error}}return n}};function rt(t,e){return function(r){var i,n;var s=r;try{for(var o=k(t),c=o.next();!c.done;c=o.next()){var a=c.value;s=s[e][a]}}catch(t){i={error:t}}finally{try{if(c&&!c.done&&(n=o.return))n.call(o)}finally{if(i)throw i.error}}return s}}function it(t){if(!t){return[[]]}if(yt(t)){return[[t]]}var e=nt(Object.keys(t).map((function(e){var r=t[e];if(typeof r!=="string"&&(!r||!Object.keys(r).length)){return[[e]]}return it(t[e]).map((function(t){return[e].concat(t)}))})));return e}function nt(t){var e;return(e=[]).concat.apply(e,x([],O(t),false))}function st(t){if(wt(t)){return t}return[t]}function ot(t){if(t===undefined){return[]}return st(t)}function ct(t,e,r){var i,n;if(bt(t)){return t(e,r.data)}var s={};try{for(var o=k(Object.keys(t)),c=o.next();!c.done;c=o.next()){var a=c.value;var l=t[a];if(bt(l)){s[a]=l(e,r.data)}else{s[a]=l}}}catch(t){i={error:t}}finally{try{if(c&&!c.done&&(n=o.return))n.call(o)}finally{if(i)throw i.error}}return s}function at(t){return/^(done|error)\./.test(t)}function lt(t){if(t instanceof Promise){return true}if(t!==null&&(bt(t)||typeof t==="object")&&bt(t.then)){return true}return false}function ut(t){return t!==null&&typeof t==="object"&&"transition"in t&&typeof t.transition==="function"}function ft(t,e){var r,i;var n=O([[],[]],2),s=n[0],o=n[1];try{for(var c=k(t),a=c.next();!a.done;a=c.next()){var l=a.value;if(e(l)){s.push(l)}else{o.push(l)}}}catch(t){r={error:t}}finally{try{if(a&&!a.done&&(i=c.return))i.call(c)}finally{if(r)throw r.error}}return[s,o]}function ht(t,e){return Z(t.states,(function(t,r){if(!t){return undefined}var i=(yt(e)?undefined:e[r])||(t?t.current:undefined);if(!i){return undefined}return{current:i,states:ht(t,i)}}))}function dt(t,e){return{current:e,states:ht(t,e)}}function vt(t,e,r,i){var n=t?r.reduce((function(t,r){var n,s;var o=r.assignment;var c={state:i,action:r,_event:e};var a={};if(bt(o)){a=o(t,e.data,c)}else{try{for(var l=k(Object.keys(o)),u=l.next();!u.done;u=l.next()){var f=u.value;var h=o[f];a[f]=bt(h)?h(t,e.data,c):h}}catch(t){n={error:t}}finally{try{if(u&&!u.done&&(s=l.return))s.call(l)}finally{if(n)throw n.error}}}return Object.assign({},t,a)}),t):t;return n}var pt=function(){};function wt(t){return Array.isArray(t)}function bt(t){return typeof t==="function"}function yt(t){return typeof t==="string"}function gt(t,e){if(!t){return undefined}if(yt(t)){return{type:D,name:t,predicate:e?e[t]:undefined}}if(bt(t)){return{type:D,name:t.name,predicate:t}}return t}function mt(t){try{return"subscribe"in t&&bt(t.subscribe)}catch(t){return false}}var kt=function(){return typeof Symbol==="function"&&Symbol.observable||"@@observable"}();K={},K[kt]=function(){return this},K[Symbol.observable]=function(){return this},K;function Ot(t){return!!t&&"__xstatenode"in t}function xt(t){return!!t&&typeof t.send==="function"}function St(t,e){if(yt(t)||typeof t==="number"){return g({type:t},e)}return t}function _t(t,e){if(!yt(t)&&"$$type"in t&&t.$$type==="scxml"){return t}var r=St(t);return g({name:r.type,data:r,$$type:"scxml",type:"external"},e)}function Et(t,e){var r=st(e).map((function(e){if(typeof e==="undefined"||typeof e==="string"||Ot(e)){return{target:e,event:t}}return g(g({},e),{event:t})}));return r}function jt(t){if(t===undefined||t===U){return undefined}return ot(t)}function At(t,e,r,i,n){var s=t.options.guards;var o={state:n,cond:e,_event:i};if(e.type===D){return((s===null||s===void 0?void 0:s[e.name])||e.predicate)(r,i.data,o)}var c=s===null||s===void 0?void 0:s[e.type];if(!c){throw new Error("Guard '".concat(e.type,"' is not implemented on machine '").concat(t.id,"'."))}return c(r,i.data,o)}function zt(t){if(typeof t==="string"){return{type:t}}return t}function Ct(t,e,r){var i=function(){};var n=typeof t==="object";var s=n?t:null;return{next:((n?t.next:t)||i).bind(s),error:((n?t.error:e)||i).bind(s),complete:((n?t.complete:r)||i).bind(s)}}function qt(t,e){return"".concat(t,":invocation[").concat(e,"]")}function Tt(t){return(t.type===A||t.type===z&&t.to===_.Internal)&&typeof t.delay!=="number"}var Ft=_t({type:R});function Rt(t,e){return e?e[t]||undefined:undefined}function Nt(t,e){var r;if(yt(t)||typeof t==="number"){var i=Rt(t,e);if(bt(i)){r={type:t,exec:i}}else if(i){r=i}else{r={type:t,exec:undefined}}}else if(bt(t)){r={type:t.name||t.toString(),exec:t}}else{var i=Rt(t.type,e);if(bt(i)){r=g(g({},t),{exec:i})}else if(i){var n=i.type||t.type;r=g(g(g({},i),t),{type:n})}else{r=t}}return r}var Lt=function(t,e){if(!t){return[]}var r=wt(t)?t:[t];return r.map((function(t){return Nt(t,e)}))};function Pt(t){var e=Nt(t);return g(g({id:yt(t)?t:e.id},e),{type:e.type})}function It(t,e){return{type:A,event:typeof t==="function"?t:St(t),delay:e?e.delay:undefined,id:e===null||e===void 0?void 0:e.id}}function Wt(t,e,r,i){var n={_event:r};var s=_t(bt(t.event)?t.event(e,r.data,n):t.event);var o;if(yt(t.delay)){var c=i&&i[t.delay];o=bt(c)?c(e,r.data,n):c}else{o=bt(t.delay)?t.delay(e,r.data,n):t.delay}return g(g({},t),{type:A,_event:s,delay:o})}function Mt(t,e){return{to:e?e.to:undefined,type:z,event:bt(t)?t:St(t),delay:e?e.delay:undefined,id:e&&e.id!==undefined?e.id:bt(t)?t.name:$(t)}}function Bt(t,e,r,i){var n={_event:r};var s=_t(bt(t.event)?t.event(e,r.data,n):t.event);var o;if(yt(t.delay)){var c=i&&i[t.delay];o=bt(c)?c(e,r.data,n):c}else{o=bt(t.delay)?t.delay(e,r.data,n):t.delay}var a=bt(t.to)?t.to(e,r.data,n):t.to;return g(g({},t),{to:a,_event:s,event:s.data,delay:o})}var Ht=function(t,e,r){return g(g({},t),{value:yt(t.expr)?t.expr:t.expr(e,r.data,{_event:r})})};var Dt=function(t){return{type:C,sendId:t}};function Ut(t){var e=Pt(t);return{type:S.Start,activity:e,exec:undefined}}function Vt(t){var e=bt(t)?t:Pt(t);return{type:S.Stop,activity:e,exec:undefined}}function Kt(t,e,r){var i=bt(t.activity)?t.activity(e,r.data):t.activity;var n=typeof i==="string"?{id:i}:i;var s={type:S.Stop,activity:n};return s}function Jt(t,e){var r=e?"#".concat(e):"";return"".concat(S.After,"(").concat(t,")").concat(r)}function $t(t,e){var r="".concat(S.DoneState,".").concat(t);var i={type:r,data:e};i.toString=function(){return r};return i}function Gt(t,e){var r="".concat(S.DoneInvoke,".").concat(t);var i={type:r,data:e};i.toString=function(){return r};return i}function Qt(t,e){var r="".concat(S.ErrorPlatform,".").concat(t);var i={type:r,data:e};i.toString=function(){return r};return i}var Xt=function(t){var e,r;var i=[];try{for(var n=k(t),s=n.next();!s.done;s=n.next()){var o=s.value;var c=0;while(c<o.actions.length){if(o.actions[c].type===T){i.push(o.actions[c]);o.actions.splice(c,1);continue}c++}}}catch(t){e={error:t}}finally{try{if(s&&!s.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}return i};function Yt(t,e,r,i,n,s,o){if(o===void 0){o=false}var c=o?[]:Xt(n);var a=c.length?vt(r,i,c,e):r;var l=o?[r]:undefined;var u=[];function f(n,c){var f;switch(c.type){case A:{var h=Wt(c,a,i,t.options.delays);if(s&&typeof h.delay==="number"){s(h,a,i)}return h}case z:var d=Bt(c,a,i,t.options.delays);if(s&&d.to!==_.Internal){if(n==="entry"){u.push(d)}else{s(d,a,i)}}return d;case F:{var v=Ht(c,a,i);s===null||s===void 0?void 0:s(v,a,i);return v}case W:{var p=c;var w=(f=p.conds.find((function(r){var n=gt(r.cond,t.options.guards);return!n||At(t,n,a,i,!s?e:undefined)})))===null||f===void 0?void 0:f.actions;if(!w){return[]}var b=O(Yt(t,e,a,i,[{type:n,actions:Lt(ot(w),t.options.actions)}],s,o),2),y=b[0],m=b[1];a=m;l===null||l===void 0?void 0:l.push(a);return y}case M:{var w=c.get(a,i.data);if(!w){return[]}var k=O(Yt(t,e,a,i,[{type:n,actions:Lt(ot(w),t.options.actions)}],s,o),2),S=k[0],E=k[1];a=E;l===null||l===void 0?void 0:l.push(a);return S}case j:{var v=Kt(c,a,i);s===null||s===void 0?void 0:s(v,r,i);return v}case T:{a=vt(a,i,[c],!s?e:undefined);l===null||l===void 0?void 0:l.push(a);break}default:var C=Nt(c,t.options.actions);var q=C.exec;if(s){s(C,a,i)}else if(q&&l){var R=l.length-1;var N=g(g({},C),{exec:function(t){var e=[];for(var r=1;r<arguments.length;r++){e[r-1]=arguments[r]}q.apply(void 0,x([l[R]],O(e),false))}});C=N}return C}}function h(t){var e,r;var n=[];try{for(var o=k(t.actions),c=o.next();!c.done;c=o.next()){var l=c.value;var h=f(t.type,l);if(h){n=n.concat(h)}}}catch(t){e={error:t}}finally{try{if(c&&!c.done&&(r=o.return))r.call(o)}finally{if(e)throw e.error}}u.forEach((function(t){s(t,a,i)}));u.length=0;return n}var d=nt(n.map(h));return[d,a]}var Zt=function(t,e){var r=e(t);return r};function te(t){var e;return e={id:t,send:function(){return void 0},subscribe:function(){return{unsubscribe:function(){return void 0}}},getSnapshot:function(){return undefined},toJSON:function(){return{id:t}}},e[kt]=function(){return this},e}function ee(t,e,r,i){var n;var s=zt(t.src);var o=(n=e===null||e===void 0?void 0:e.options.services)===null||n===void 0?void 0:n[s.type];var c=t.data?ct(t.data,r,i):undefined;var a=o?re(o,t.id,c):te(t.id);a.meta=t;return a}function re(t,e,r){var i=te(e);i.deferred=true;if(Ot(t)){var n=i.state=Zt(undefined,(function(){return(r?t.withContext(r):t).initialState}));i.getSnapshot=function(){return n}}return i}function ie(t){try{return typeof t.send==="function"}catch(t){return false}}function ne(t){return ie(t)&&"id"in t}function se(t){var e;return g((e={subscribe:function(){return{unsubscribe:function(){return void 0}}},id:"anonymous",getSnapshot:function(){return undefined}},e[kt]=function(){return this},e),t)}var oe=function(t){return t.type==="atomic"||t.type==="final"};function ce(t){return Object.keys(t.states).map((function(e){return t.states[e]}))}function ae(t){return ce(t).filter((function(t){return t.type!=="history"}))}function le(t){var e=[t];if(oe(t)){return e}return e.concat(nt(ae(t).map(le)))}function ue(t,e){var r,i,n,s,o,c,a,l;var u=new Set(t);var f=he(u);var h=new Set(e);try{for(var d=k(h),v=d.next();!v.done;v=d.next()){var p=v.value;var w=p.parent;while(w&&!h.has(w)){h.add(w);w=w.parent}}}catch(t){r={error:t}}finally{try{if(v&&!v.done&&(i=d.return))i.call(d)}finally{if(r)throw r.error}}var b=he(h);try{for(var y=k(h),g=y.next();!g.done;g=y.next()){var p=g.value;if(p.type==="compound"&&(!b.get(p)||!b.get(p).length)){if(f.get(p)){f.get(p).forEach((function(t){return h.add(t)}))}else{p.initialStateNodes.forEach((function(t){return h.add(t)}))}}else{if(p.type==="parallel"){try{for(var m=(o=void 0,k(ae(p))),O=m.next();!O.done;O=m.next()){var x=O.value;if(!h.has(x)){h.add(x);if(f.get(x)){f.get(x).forEach((function(t){return h.add(t)}))}else{x.initialStateNodes.forEach((function(t){return h.add(t)}))}}}}catch(t){o={error:t}}finally{try{if(O&&!O.done&&(c=m.return))c.call(m)}finally{if(o)throw o.error}}}}}}catch(t){n={error:t}}finally{try{if(g&&!g.done&&(s=y.return))s.call(y)}finally{if(n)throw n.error}}try{for(var S=k(h),_=S.next();!_.done;_=S.next()){var p=_.value;var w=p.parent;while(w&&!h.has(w)){h.add(w);w=w.parent}}}catch(t){a={error:t}}finally{try{if(_&&!_.done&&(l=S.return))l.call(S)}finally{if(a)throw a.error}}return h}function fe(t,e){var r=e.get(t);if(!r){return{}}if(t.type==="compound"){var i=r[0];if(i){if(oe(i)){return i.key}}else{return{}}}var n={};r.forEach((function(t){n[t.key]=fe(t,e)}));return n}function he(t){var e,r;var i=new Map;try{for(var n=k(t),s=n.next();!s.done;s=n.next()){var o=s.value;if(!i.has(o)){i.set(o,[])}if(o.parent){if(!i.has(o.parent)){i.set(o.parent,[])}i.get(o.parent).push(o)}}}catch(t){e={error:t}}finally{try{if(s&&!s.done&&(r=n.return))r.call(n)}finally{if(e)throw e.error}}return i}function de(t,e){var r=ue([t],e);return fe(t,he(r))}function ve(t,e){if(Array.isArray(t)){return t.some((function(t){return t===e}))}if(t instanceof Set){return t.has(e)}return false}function pe(t){return x([],O(new Set(nt(x([],O(t.map((function(t){return t.ownEvents}))),false)))),false)}function we(t,e){if(e.type==="compound"){return ae(e).some((function(e){return e.type==="final"&&ve(t,e)}))}if(e.type==="parallel"){return ae(e).every((function(e){return we(t,e)}))}return false}function be(t){if(t===void 0){t=[]}return t.reduce((function(t,e){if(e.meta!==undefined){t[e.id]=e.meta}return t}),{})}function ye(t){return new Set(nt(t.map((function(t){return t.tags}))))}function ge(t,e){if(t===e){return true}if(t===undefined||e===undefined){return false}if(yt(t)||yt(e)){return t===e}var r=Object.keys(t);var i=Object.keys(e);return r.length===i.length&&r.every((function(r){return ge(t[r],e[r])}))}function me(t){if(typeof t!=="object"||t===null){return false}return"value"in t&&"_event"in t}function ke(t,e){var r=t.exec;var i=g(g({},t),{exec:r!==undefined?function(){return r(e.context,e.event,{action:t,state:e,_event:e._event})}:undefined});return i}var Oe=function(){function t(t){var e=this;var r;this.actions=[];this.activities=H;this.meta={};this.events=[];this.value=t.value;this.context=t.context;this._event=t._event;this._sessionid=t._sessionid;this.event=this._event.data;this.historyValue=t.historyValue;this.history=t.history;this.actions=t.actions||[];this.activities=t.activities||H;this.meta=be(t.configuration);this.events=t.events||[];this.matches=this.matches.bind(this);this.toStrings=this.toStrings.bind(this);this.configuration=t.configuration;this.transitions=t.transitions;this.children=t.children;this.done=!!t.done;this.tags=(r=Array.isArray(t.tags)?new Set(t.tags):t.tags)!==null&&r!==void 0?r:new Set;this.machine=t.machine;Object.defineProperty(this,"nextEvents",{get:function(){return pe(e.configuration)}})}t.from=function(e,r){if(e instanceof t){if(e.context!==r){return new t({value:e.value,context:r,_event:e._event,_sessionid:null,historyValue:e.historyValue,history:e.history,actions:[],activities:e.activities,meta:{},events:[],configuration:[],transitions:[],children:{}})}return e}var i=Ft;return new t({value:e,context:r,_event:i,_sessionid:null,historyValue:undefined,history:undefined,actions:[],activities:undefined,meta:undefined,events:[],configuration:[],transitions:[],children:{}})};t.create=function(e){return new t(e)};t.inert=function(e,r){if(e instanceof t){if(!e.actions.length){return e}var i=Ft;return new t({value:e.value,context:r,_event:i,_sessionid:null,historyValue:e.historyValue,history:e.history,activities:e.activities,configuration:e.configuration,transitions:[],children:{}})}return t.from(e,r)};t.prototype.toStrings=function(t,e){var r=this;if(t===void 0){t=this.value}if(e===void 0){e="."}if(yt(t)){return[t]}var i=Object.keys(t);return i.concat.apply(i,x([],O(i.map((function(i){return r.toStrings(t[i],e).map((function(t){return i+e+t}))}))),false))};t.prototype.toJSON=function(){var t=this;var e=t.tags;var r=m(t,["configuration","transitions","tags","machine"]);return g(g({},r),{tags:Array.from(e)})};t.prototype.matches=function(t){return J(t,this.value)};t.prototype.hasTag=function(t){return this.tags.has(t)};t.prototype.can=function(t){var e;var r=(e=this.machine)===null||e===void 0?void 0:e.getTransitionData(this,t);return!!(r===null||r===void 0?void 0:r.transitions.length)&&r.transitions.some((function(t){return t.target!==undefined||t.actions.length}))};return t}();var xe={deferEvents:false};var Se=function(){function t(t){this.processingEvent=false;this.queue=[];this.initialized=false;this.options=g(g({},xe),t)}t.prototype.initialize=function(t){this.initialized=true;if(t){if(!this.options.deferEvents){this.schedule(t);return}this.process(t)}this.flushEvents()};t.prototype.schedule=function(t){if(!this.initialized||this.processingEvent){this.queue.push(t);return}if(this.queue.length!==0){throw new Error("Event queue should be empty when it is not processing events")}this.process(t);this.flushEvents()};t.prototype.clear=function(){this.queue=[]};t.prototype.flushEvents=function(){var t=this.queue.shift();while(t){this.process(t);t=this.queue.shift()}};t.prototype.process=function(t){this.processingEvent=true;try{t()}catch(t){this.clear();throw t}finally{this.processingEvent=false}};return t}();var _e=new Map;var Ee=0;var je={bookId:function(){return"x:".concat(Ee++)},register:function(t,e){_e.set(t,e);return t},get:function(t){return _e.get(t)},free:function(t){_e.delete(t)}};function Ae(){if(typeof globalThis!=="undefined"){return globalThis}if(typeof self!=="undefined"){return self}if(typeof window!=="undefined"){return window}if(typeof global!=="undefined"){return global}}function ze(){var t=Ae();if(t&&"__xstate__"in t){return t.__xstate__}return undefined}function Ce(t){if(!Ae()){return}var e=ze();if(e){e.register(t)}}function qe(t,e){if(e===void 0){e={}}var r=t.initialState;var i=new Set;var n=[];var s=false;var o=function(){if(s){return}s=true;while(n.length>0){var e=n.shift();r=t.transition(r,e,a);i.forEach((function(t){return t.next(r)}))}s=false};var c=se({id:e.id,send:function(t){n.push(t);o()},getSnapshot:function(){return r},subscribe:function(t,e,n){var s=Ct(t,e,n);i.add(s);s.next(r);return{unsubscribe:function(){i.delete(s)}}}});var a={parent:e.parent,self:c,id:e.id||"anonymous",observers:i};r=t.start?t.start(a):r;return c}var Te={sync:false,autoForward:false};var Fe;(function(t){t[t["NotStarted"]=0]="NotStarted";t[t["Running"]=1]="Running";t[t["Stopped"]=2]="Stopped"})(Fe||(Fe={}));var Re=function(){function t(e,r){if(r===void 0){r=t.defaultOptions}var i=this;this.machine=e;this.delayedEventsMap={};this.listeners=new Set;this.contextListeners=new Set;this.stopListeners=new Set;this.doneListeners=new Set;this.eventListeners=new Set;this.sendListeners=new Set;this.initialized=false;this.status=Fe.NotStarted;this.children=new Map;this.forwardTo=new Set;this._outgoingQueue=[];this.init=this.start;this.send=function(t,e){if(wt(t)){i.batch(t);return i.state}var r=_t(St(t,e));if(i.status===Fe.Stopped){return i.state}if(i.status!==Fe.Running&&!i.options.deferEvents){throw new Error('Event "'.concat(r.name,'" was sent to uninitialized service "').concat(i.machine.id,'". Make sure .start() is called for this service, or set { deferEvents: true } in the service options.\nEvent: ').concat(JSON.stringify(r.data)))}i.scheduler.schedule((function(){i.forward(r);var t=i._nextState(r);i.update(t,r)}));return i._state};this.sendTo=function(t,e,r){var n=i.parent&&(e===_.Parent||i.parent.id===e);var s=n?i.parent:yt(e)?e===_.Internal?i:i.children.get(e)||je.get(e):xt(e)?e:undefined;if(!s){if(!n){throw new Error("Unable to send event to child '".concat(e,"' from service '").concat(i.id,"'."))}return}if("machine"in s){if(i.status!==Fe.Stopped||i.parent!==s||i.state.done){var o=g(g({},t),{name:t.name===P?"".concat(Qt(i.id)):t.name,origin:i.sessionId});if(!r&&i.machine.config.predictableActionArguments){i._outgoingQueue.push([s,o])}else{s.send(o)}}}else{if(!r&&i.machine.config.predictableActionArguments){i._outgoingQueue.push([s,t.data])}else{s.send(t.data)}}};this._exec=function(t,e,r,n){if(n===void 0){n=i.machine.options.actions}var s=t.exec||Rt(t.type,n);var o=bt(s)?s:s?s.exec:t.exec;if(o){try{return o(e,r.data,!i.machine.config.predictableActionArguments?{action:t,state:i.state,_event:r}:{action:t,_event:r})}catch(t){if(i.parent){i.parent.send({type:"xstate.error",data:t})}throw t}}switch(t.type){case A:{var c=t;i.defer(c);break}case z:var a=t;if(typeof a.delay==="number"){i.defer(a);return}else{if(a.to){i.sendTo(a._event,a.to,r===Ft)}else{i.send(a._event)}}break;case C:i.cancel(t.sendId);break;case E:{if(i.status!==Fe.Running){return}var l=t.activity;if(!i.machine.config.predictableActionArguments&&!i.state.activities[l.id||l.type]){break}if(l.type===S.Invoke){var u=zt(l.src);var f=i.machine.options.services?i.machine.options.services[u.type]:undefined;var h=l.id,d=l.data;var v="autoForward"in l?l.autoForward:!!l.forward;if(!f){return}var p=d?ct(d,e,r):undefined;if(typeof f==="string"){return}var w=bt(f)?f(e,r.data,{data:p,src:u,meta:l.meta}):f;if(!w){return}var b=void 0;if(Ot(w)){w=p?w.withContext(p):w;b={autoForward:v}}i.spawn(w,h,b)}else{i.spawnActivity(l)}break}case j:{i.stopChild(t.activity.id);break}case F:var y=t,g=y.label,m=y.value;if(g){i.logger(g,m)}else{i.logger(m)}break}};var n=g(g({},t.defaultOptions),r);var s=n.clock,o=n.logger,c=n.parent,a=n.id;var l=a!==undefined?a:e.id;this.id=l;this.logger=o;this.clock=s;this.parent=c;this.options=n;this.scheduler=new Se({deferEvents:this.options.deferEvents});this.sessionId=je.bookId()}Object.defineProperty(t.prototype,"initialState",{get:function(){var t=this;if(this._initialState){return this._initialState}return Zt(this,(function(){t._initialState=t.machine.initialState;return t._initialState}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"state",{get:function(){return this._state},enumerable:false,configurable:true});t.prototype.execute=function(t,e){var r,i;try{for(var n=k(t.actions),s=n.next();!s.done;s=n.next()){var o=s.value;this.exec(o,t,e)}}catch(t){r={error:t}}finally{try{if(s&&!s.done&&(i=n.return))i.call(n)}finally{if(r)throw r.error}}};t.prototype.update=function(t,e){var r,i,n,s,o,c,a,l;var u=this;t._sessionid=this.sessionId;this._state=t;if((!this.machine.config.predictableActionArguments||e===Ft)&&this.options.execute){this.execute(this.state)}else{var f=void 0;while(f=this._outgoingQueue.shift()){f[0].send(f[1])}}this.children.forEach((function(t){u.state.children[t.id]=t}));if(this.devTools){this.devTools.send(e.data,t)}if(t.event){try{for(var h=k(this.eventListeners),d=h.next();!d.done;d=h.next()){var v=d.value;v(t.event)}}catch(t){r={error:t}}finally{try{if(d&&!d.done&&(i=h.return))i.call(h)}finally{if(r)throw r.error}}}try{for(var p=k(this.listeners),w=p.next();!w.done;w=p.next()){var v=w.value;v(t,t.event)}}catch(t){n={error:t}}finally{try{if(w&&!w.done&&(s=p.return))s.call(p)}finally{if(n)throw n.error}}try{for(var b=k(this.contextListeners),y=b.next();!y.done;y=b.next()){var g=y.value;g(this.state.context,this.state.history?this.state.history.context:undefined)}}catch(t){o={error:t}}finally{try{if(y&&!y.done&&(c=b.return))c.call(b)}finally{if(o)throw o.error}}if(this.state.done){var m=t.configuration.find((function(t){return t.type==="final"&&t.parent===u.machine}));var O=m&&m.doneData?ct(m.doneData,t.context,e):undefined;this._doneEvent=Gt(this.id,O);try{for(var x=k(this.doneListeners),S=x.next();!S.done;S=x.next()){var v=S.value;v(this._doneEvent)}}catch(t){a={error:t}}finally{try{if(S&&!S.done&&(l=x.return))l.call(x)}finally{if(a)throw a.error}}this._stop();this._stopChildren();je.free(this.sessionId)}};t.prototype.onTransition=function(t){this.listeners.add(t);if(this.status===Fe.Running){t(this.state,this.state.event)}return this};t.prototype.subscribe=function(t,e,r){var i=this;var n=Ct(t,e,r);this.listeners.add(n.next);if(this.status!==Fe.NotStarted){n.next(this.state)}var s=function(){i.doneListeners.delete(s);i.stopListeners.delete(s);n.complete()};if(this.status===Fe.Stopped){n.complete()}else{this.onDone(s);this.onStop(s)}return{unsubscribe:function(){i.listeners.delete(n.next);i.doneListeners.delete(s);i.stopListeners.delete(s)}}};t.prototype.onEvent=function(t){this.eventListeners.add(t);return this};t.prototype.onSend=function(t){this.sendListeners.add(t);return this};t.prototype.onChange=function(t){this.contextListeners.add(t);return this};t.prototype.onStop=function(t){this.stopListeners.add(t);return this};t.prototype.onDone=function(t){if(this.status===Fe.Stopped&&this._doneEvent){t(this._doneEvent)}else{this.doneListeners.add(t)}return this};t.prototype.off=function(t){this.listeners.delete(t);this.eventListeners.delete(t);this.sendListeners.delete(t);this.stopListeners.delete(t);this.doneListeners.delete(t);this.contextListeners.delete(t);return this};t.prototype.start=function(t){var e=this;if(this.status===Fe.Running){return this}this.machine._init();je.register(this.sessionId,this);this.initialized=true;this.status=Fe.Running;var r=t===undefined?this.initialState:Zt(this,(function(){return me(t)?e.machine.resolveState(t):e.machine.resolveState(Oe.from(t,e.machine.context))}));if(this.options.devTools){this.attachDev()}this.scheduler.initialize((function(){e.update(r,Ft)}));return this};t.prototype._stopChildren=function(){this.children.forEach((function(t){if(bt(t.stop)){t.stop()}}));this.children.clear()};t.prototype._stop=function(){var t,e,r,i,n,s,o,c,a,l;try{for(var u=k(this.listeners),f=u.next();!f.done;f=u.next()){var h=f.value;this.listeners.delete(h)}}catch(e){t={error:e}}finally{try{if(f&&!f.done&&(e=u.return))e.call(u)}finally{if(t)throw t.error}}try{for(var d=k(this.stopListeners),v=d.next();!v.done;v=d.next()){var h=v.value;h();this.stopListeners.delete(h)}}catch(t){r={error:t}}finally{try{if(v&&!v.done&&(i=d.return))i.call(d)}finally{if(r)throw r.error}}try{for(var p=k(this.contextListeners),w=p.next();!w.done;w=p.next()){var h=w.value;this.contextListeners.delete(h)}}catch(t){n={error:t}}finally{try{if(w&&!w.done&&(s=p.return))s.call(p)}finally{if(n)throw n.error}}try{for(var b=k(this.doneListeners),y=b.next();!y.done;y=b.next()){var h=y.value;this.doneListeners.delete(h)}}catch(t){o={error:t}}finally{try{if(y&&!y.done&&(c=b.return))c.call(b)}finally{if(o)throw o.error}}if(!this.initialized){return this}this.initialized=false;this.status=Fe.Stopped;this._initialState=undefined;try{for(var g=k(Object.keys(this.delayedEventsMap)),m=g.next();!m.done;m=g.next()){var O=m.value;this.clock.clearTimeout(this.delayedEventsMap[O])}}catch(t){a={error:t}}finally{try{if(m&&!m.done&&(l=g.return))l.call(g)}finally{if(a)throw a.error}}this.scheduler.clear();this.scheduler=new Se({deferEvents:this.options.deferEvents})};t.prototype.stop=function(){var t=this;var e=this.scheduler;this._stop();e.schedule((function(){var e;if((e=t._state)===null||e===void 0?void 0:e.done){return}var r=_t({type:"xstate.stop"});var i=Zt(t,(function(){var e=nt(x([],O(t.state.configuration),false).sort((function(t,e){return e.order-t.order})).map((function(e){return Lt(e.onExit,t.machine.options.actions)})));var i=O(Yt(t.machine,t.state,t.state.context,r,[{type:"exit",actions:e}],t.machine.config.predictableActionArguments?t._exec:undefined,t.machine.config.predictableActionArguments||t.machine.config.preserveActionOrder),2),n=i[0],s=i[1];var o=new Oe({value:t.state.value,context:s,_event:r,_sessionid:t.sessionId,historyValue:undefined,history:t.state,actions:n.filter((function(t){return!Tt(t)})),activities:{},events:[],configuration:[],transitions:[],children:{},done:t.state.done,tags:t.state.tags,machine:t.machine});o.changed=true;return o}));t.update(i,r);t._stopChildren();je.free(t.sessionId)}));return this};t.prototype.batch=function(t){var e=this;if(this.status===Fe.NotStarted&&this.options.deferEvents);else if(this.status!==Fe.Running){throw new Error("".concat(t.length,' event(s) were sent to uninitialized service "').concat(this.machine.id,'". Make sure .start() is called for this service, or set { deferEvents: true } in the service options.'))}if(!t.length){return}var r=!!this.machine.config.predictableActionArguments&&this._exec;this.scheduler.schedule((function(){var i,n;var s=e.state;var o=false;var c=[];var a=function(t){var i=_t(t);e.forward(i);s=Zt(e,(function(){return e.machine.transition(s,i,undefined,r||undefined)}));c.push.apply(c,x([],O(e.machine.config.predictableActionArguments?s.actions:s.actions.map((function(t){return ke(t,s)}))),false));o=o||!!s.changed};try{for(var l=k(t),u=l.next();!u.done;u=l.next()){var f=u.value;a(f)}}catch(t){i={error:t}}finally{try{if(u&&!u.done&&(n=l.return))n.call(l)}finally{if(i)throw i.error}}s.changed=o;s.actions=c;e.update(s,_t(t[t.length-1]))}))};t.prototype.sender=function(t){return this.send.bind(this,t)};t.prototype._nextState=function(t,e){var r=this;if(e===void 0){e=!!this.machine.config.predictableActionArguments&&this._exec}var i=_t(t);if(i.name.indexOf(L)===0&&!this.state.nextEvents.some((function(t){return t.indexOf(L)===0}))){throw i.data.data}var n=Zt(this,(function(){return r.machine.transition(r.state,i,undefined,e||undefined)}));return n};t.prototype.nextState=function(t){return this._nextState(t,false)};t.prototype.forward=function(t){var e,r;try{for(var i=k(this.forwardTo),n=i.next();!n.done;n=i.next()){var s=n.value;var o=this.children.get(s);if(!o){throw new Error("Unable to forward event '".concat(t,"' from interpreter '").concat(this.id,"' to nonexistant child '").concat(s,"'."))}o.send(t)}}catch(t){e={error:t}}finally{try{if(n&&!n.done&&(r=i.return))r.call(i)}finally{if(e)throw e.error}}};t.prototype.defer=function(t){var e=this;var r=this.clock.setTimeout((function(){if("to"in t&&t.to){e.sendTo(t._event,t.to,true)}else{e.send(t._event)}}),t.delay);if(t.id){this.delayedEventsMap[t.id]=r}};t.prototype.cancel=function(t){this.clock.clearTimeout(this.delayedEventsMap[t]);delete this.delayedEventsMap[t]};t.prototype.exec=function(t,e,r){if(r===void 0){r=this.machine.options.actions}this._exec(t,e.context,e._event,r)};t.prototype.removeChild=function(t){var e;this.children.delete(t);this.forwardTo.delete(t);(e=this.state)===null||e===void 0?true:delete e.children[t]};t.prototype.stopChild=function(t){var e=this.children.get(t);if(!e){return}this.removeChild(t);if(bt(e.stop)){e.stop()}};t.prototype.spawn=function(t,e,r){if(this.status!==Fe.Running){return re(t,e)}if(lt(t)){return this.spawnPromise(Promise.resolve(t),e)}else if(bt(t)){return this.spawnCallback(t,e)}else if(ne(t)){return this.spawnActor(t,e)}else if(mt(t)){return this.spawnObservable(t,e)}else if(Ot(t)){return this.spawnMachine(t,g(g({},r),{id:e}))}else if(ut(t)){return this.spawnBehavior(t,e)}else{throw new Error('Unable to spawn entity "'.concat(e,'" of type "').concat(typeof t,'".'))}};t.prototype.spawnMachine=function(e,r){var i=this;if(r===void 0){r={}}var n=new t(e,g(g({},this.options),{parent:this,id:r.id||e.id}));var s=g(g({},Te),r);if(s.sync){n.onTransition((function(t){i.send(I,{state:t,id:n.id})}))}var o=n;this.children.set(n.id,o);if(s.autoForward){this.forwardTo.add(n.id)}n.onDone((function(t){i.removeChild(n.id);i.send(_t(t,{origin:n.id}))})).start();return o};t.prototype.spawnBehavior=function(t,e){var r=qe(t,{id:e,parent:this});this.children.set(e,r);return r};t.prototype.spawnPromise=function(t,e){var r;var i=this;var n=false;var s;t.then((function(t){if(!n){s=t;i.removeChild(e);i.send(_t(Gt(e,t),{origin:e}))}}),(function(t){if(!n){i.removeChild(e);var r=Qt(e,t);try{i.send(_t(r,{origin:e}))}catch(t){if(i.devTools){i.devTools.send(r,i.state)}if(i.machine.strict){i.stop()}}}}));var o=(r={id:e,send:function(){return void 0},subscribe:function(e,r,i){var n=Ct(e,r,i);var s=false;t.then((function(t){if(s){return}n.next(t);if(s){return}n.complete()}),(function(t){if(s){return}n.error(t)}));return{unsubscribe:function(){return s=true}}},stop:function(){n=true},toJSON:function(){return{id:e}},getSnapshot:function(){return s}},r[kt]=function(){return this},r);this.children.set(e,o);return o};t.prototype.spawnCallback=function(t,e){var r;var i=this;var n=false;var s=new Set;var o=new Set;var c;var a=function(t){c=t;o.forEach((function(e){return e(t)}));if(n){return}i.send(_t(t,{origin:e}))};var l;try{l=t(a,(function(t){s.add(t)}))}catch(t){this.send(Qt(e,t))}if(lt(l)){return this.spawnPromise(l,e)}var u=(r={id:e,send:function(t){return s.forEach((function(e){return e(t)}))},subscribe:function(t){var e=Ct(t);o.add(e.next);return{unsubscribe:function(){o.delete(e.next)}}},stop:function(){n=true;if(bt(l)){l()}},toJSON:function(){return{id:e}},getSnapshot:function(){return c}},r[kt]=function(){return this},r);this.children.set(e,u);return u};t.prototype.spawnObservable=function(t,e){var r;var i=this;var n;var s=t.subscribe((function(t){n=t;i.send(_t(t,{origin:e}))}),(function(t){i.removeChild(e);i.send(_t(Qt(e,t),{origin:e}))}),(function(){i.removeChild(e);i.send(_t(Gt(e),{origin:e}))}));var o=(r={id:e,send:function(){return void 0},subscribe:function(e,r,i){return t.subscribe(e,r,i)},stop:function(){return s.unsubscribe()},getSnapshot:function(){return n},toJSON:function(){return{id:e}}},r[kt]=function(){return this},r);this.children.set(e,o);return o};t.prototype.spawnActor=function(t,e){this.children.set(e,t);return t};t.prototype.spawnActivity=function(t){var e=this.machine.options&&this.machine.options.activities?this.machine.options.activities[t.type]:undefined;if(!e){return}var r=e(this.state.context,t);this.spawnEffect(t.id,r)};t.prototype.spawnEffect=function(t,e){var r;this.children.set(t,(r={id:t,send:function(){return void 0},subscribe:function(){return{unsubscribe:function(){return void 0}}},stop:e||undefined,getSnapshot:function(){return undefined},toJSON:function(){return{id:t}}},r[kt]=function(){return this},r))};t.prototype.attachDev=function(){var t=Ae();if(this.options.devTools&&t){if(t.__REDUX_DEVTOOLS_EXTENSION__){var e=typeof this.options.devTools==="object"?this.options.devTools:undefined;this.devTools=t.__REDUX_DEVTOOLS_EXTENSION__.connect(g(g({name:this.id,autoPause:true,stateSanitizer:function(t){return{value:t.value,context:t.context,actions:t.actions}}},e),{features:g({jump:false,skip:false},e?e.features:undefined)}),this.machine);this.devTools.init(this.state)}Ce(this)}};t.prototype.toJSON=function(){return{id:this.id}};t.prototype[kt]=function(){return this};t.prototype.getSnapshot=function(){if(this.status===Fe.NotStarted){return this.initialState}return this._state};t.defaultOptions={execute:true,deferEvents:true,clock:{setTimeout:function(t,e){return setTimeout(t,e)},clearTimeout:function(t){return clearTimeout(t)}},logger:console.log.bind(console),devTools:false};t.interpret=Ne;return t}();function Ne(t,e){var r=new Re(t,e);return r}function Le(t){if(typeof t==="string"){var e={type:t};e.toString=function(){return t};return e}return t}function Pe(t){return g(g({type:N},t),{toJSON:function(){var e=m(t,["onDone","onError"]);return g(g({},e),{type:N,src:Le(t.src)})}})}var Ie="";var We="#";var Me="*";var Be={};var He=function(t){return t[0]===We};var De=function(){return{actions:{},guards:{},services:{},activities:{},delays:{}}};var Ue=function(t,e,r){r.slice(0,-1).some((function(t){return!("cond"in t)&&!("in"in t)&&(yt(t.target)||Ot(t.target))}))};var Ve=function(){function t(e,r,i,n){if(i===void 0){i="context"in e?e.context:undefined}var s=this;var o;this.config=e;this._context=i;this.order=-1;this.__xstatenode=true;this.__cache={events:undefined,relativeValue:new Map,initialStateValue:undefined,initialState:undefined,on:undefined,transitions:undefined,candidates:{},delayedTransitions:undefined};this.idMap={};this.tags=[];this.options=Object.assign(De(),r);this.parent=n===null||n===void 0?void 0:n.parent;this.key=this.config.key||(n===null||n===void 0?void 0:n.key)||this.config.id||"(machine)";this.machine=this.parent?this.parent.machine:this;this.path=this.parent?this.parent.path.concat(this.key):[];this.delimiter=this.config.delimiter||(this.parent?this.parent.delimiter:B);this.id=this.config.id||x([this.machine.key],O(this.path),false).join(this.delimiter);this.version=this.parent?this.parent.version:this.config.version;this.type=this.config.type||(this.config.parallel?"parallel":this.config.states&&Object.keys(this.config.states).length?"compound":this.config.history?"history":"atomic");this.schema=this.parent?this.machine.schema:(o=this.config.schema)!==null&&o!==void 0?o:{};this.description=this.config.description;this.initial=this.config.initial;this.states=this.config.states?Z(this.config.states,(function(e,r){var i;var n=new t(e,{},undefined,{parent:s,key:r});Object.assign(s.idMap,g((i={},i[n.id]=n,i),n.idMap));return n})):Be;var c=0;function a(t){var e,r;t.order=c++;try{for(var i=k(ce(t)),n=i.next();!n.done;n=i.next()){var s=n.value;a(s)}}catch(t){e={error:t}}finally{try{if(n&&!n.done&&(r=i.return))r.call(i)}finally{if(e)throw e.error}}}a(this);this.history=this.config.history===true?"shallow":this.config.history||false;this._transient=!!this.config.always||(!this.config.on?false:Array.isArray(this.config.on)?this.config.on.some((function(t){var e=t.event;return e===Ie})):Ie in this.config.on);this.strict=!!this.config.strict;this.onEntry=ot(this.config.entry||this.config.onEntry).map((function(t){return Nt(t)}));this.onExit=ot(this.config.exit||this.config.onExit).map((function(t){return Nt(t)}));this.meta=this.config.meta;this.doneData=this.type==="final"?this.config.data:undefined;this.invoke=ot(this.config.invoke).map((function(t,e){var r,i;if(Ot(t)){var n=qt(s.id,e);s.machine.options.services=g((r={},r[n]=t,r),s.machine.options.services);return Pe({src:n,id:n})}else if(yt(t.src)){var n=t.id||qt(s.id,e);return Pe(g(g({},t),{id:n,src:t.src}))}else if(Ot(t.src)||bt(t.src)){var n=t.id||qt(s.id,e);s.machine.options.services=g((i={},i[n]=t.src,i),s.machine.options.services);return Pe(g(g({id:n},t),{src:n}))}else{var o=t.src;return Pe(g(g({id:qt(s.id,e)},t),{src:o}))}}));this.activities=ot(this.config.activities).concat(this.invoke).map((function(t){return Pt(t)}));this.transition=this.transition.bind(this);this.tags=ot(this.config.tags)}t.prototype._init=function(){if(this.__cache.transitions){return}le(this).forEach((function(t){return t.on}))};t.prototype.withConfig=function(e,r){var i=this.options,n=i.actions,s=i.activities,o=i.guards,c=i.services,a=i.delays;return new t(this.config,{actions:g(g({},n),e.actions),activities:g(g({},s),e.activities),guards:g(g({},o),e.guards),services:g(g({},c),e.services),delays:g(g({},a),e.delays)},r!==null&&r!==void 0?r:this.context)};t.prototype.withContext=function(e){return new t(this.config,this.options,e)};Object.defineProperty(t.prototype,"context",{get:function(){return bt(this._context)?this._context():this._context},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"definition",{get:function(){return{id:this.id,key:this.key,version:this.version,context:this.context,type:this.type,initial:this.initial,history:this.history,states:Z(this.states,(function(t){return t.definition})),on:this.on,transitions:this.transitions,entry:this.onEntry,exit:this.onExit,activities:this.activities||[],meta:this.meta,order:this.order||-1,data:this.doneData,invoke:this.invoke,description:this.description,tags:this.tags}},enumerable:false,configurable:true});t.prototype.toJSON=function(){return this.definition};Object.defineProperty(t.prototype,"on",{get:function(){if(this.__cache.on){return this.__cache.on}var t=this.transitions;return this.__cache.on=t.reduce((function(t,e){t[e.eventType]=t[e.eventType]||[];t[e.eventType].push(e);return t}),{})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"after",{get:function(){return this.__cache.delayedTransitions||(this.__cache.delayedTransitions=this.getDelayedTransitions(),this.__cache.delayedTransitions)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"transitions",{get:function(){return this.__cache.transitions||(this.__cache.transitions=this.formatTransitions(),this.__cache.transitions)},enumerable:false,configurable:true});t.prototype.getCandidates=function(t){if(this.__cache.candidates[t]){return this.__cache.candidates[t]}var e=t===Ie;var r=this.transitions.filter((function(r){var i=r.eventType===t;return e?i:i||r.eventType===Me}));this.__cache.candidates[t]=r;return r};t.prototype.getDelayedTransitions=function(){var t=this;var e=this.config.after;if(!e){return[]}var r=function(e,r){var i=bt(e)?"".concat(t.id,":delay[").concat(r,"]"):e;var n=Jt(i,t.id);t.onEntry.push(Mt(n,{delay:e}));t.onExit.push(Dt(n));return n};var i=wt(e)?e.map((function(t,e){var i=r(t.delay,e);return g(g({},t),{event:i})})):nt(Object.keys(e).map((function(t,i){var n=e[t];var s=yt(n)?{target:n}:n;var o=!isNaN(+t)?+t:t;var c=r(o,i);return ot(s).map((function(t){return g(g({},t),{event:c,delay:o})}))})));return i.map((function(e){var r=e.delay;return g(g({},t.formatTransition(e)),{delay:r})}))};t.prototype.getStateNodes=function(t){var e;var r=this;if(!t){return[]}var i=t instanceof Oe?t.value:X(t,this.delimiter);if(yt(i)){var n=this.getStateNode(i).initial;return n!==undefined?this.getStateNodes((e={},e[i]=n,e)):[this,this.states[i]]}var s=Object.keys(i);var o=[this];o.push.apply(o,x([],O(nt(s.map((function(t){return r.getStateNode(t).getStateNodes(i[t])})))),false));return o};t.prototype.handles=function(t){var e=$(t);return this.events.includes(e)};t.prototype.resolveState=function(t){var e=t instanceof Oe?t:Oe.create(t);var r=Array.from(ue([],this.getStateNodes(e.value)));return new Oe(g(g({},e),{value:this.resolve(e.value),configuration:r,done:we(r,this),tags:ye(r),machine:this.machine}))};t.prototype.transitionLeafNode=function(t,e,r){var i=this.getStateNode(t);var n=i.next(e,r);if(!n||!n.transitions.length){return this.next(e,r)}return n};t.prototype.transitionCompoundNode=function(t,e,r){var i=Object.keys(t);var n=this.getStateNode(i[0]);var s=n._transition(t[i[0]],e,r);if(!s||!s.transitions.length){return this.next(e,r)}return s};t.prototype.transitionParallelNode=function(t,e,r){var i,n;var s={};try{for(var o=k(Object.keys(t)),c=o.next();!c.done;c=o.next()){var a=c.value;var l=t[a];if(!l){continue}var u=this.getStateNode(a);var f=u._transition(l,e,r);if(f){s[a]=f}}}catch(t){i={error:t}}finally{try{if(c&&!c.done&&(n=o.return))n.call(o)}finally{if(i)throw i.error}}var h=Object.keys(s).map((function(t){return s[t]}));var d=nt(h.map((function(t){return t.transitions})));var v=h.some((function(t){return t.transitions.length>0}));if(!v){return this.next(e,r)}var p=nt(Object.keys(s).map((function(t){return s[t].configuration})));return{transitions:d,exitSet:nt(h.map((function(t){return t.exitSet}))),configuration:p,source:e,actions:nt(Object.keys(s).map((function(t){return s[t].actions})))}};t.prototype._transition=function(t,e,r){if(yt(t)){return this.transitionLeafNode(t,e,r)}if(Object.keys(t).length===1){return this.transitionCompoundNode(t,e,r)}return this.transitionParallelNode(t,e,r)};t.prototype.getTransitionData=function(t,e){return this._transition(t.value,t,_t(e))};t.prototype.next=function(t,e){var r,i;var n=this;var s=e.name;var o=[];var c=[];var a;try{for(var l=k(this.getCandidates(s)),u=l.next();!u.done;u=l.next()){var f=u.value;var h=f.cond,d=f.in;var v=t.context;var p=d?yt(d)&&He(d)?t.matches(X(this.getStateNodeById(d).path,this.delimiter)):J(X(d,this.delimiter),et(this.path.slice(0,-2))(t.value)):true;var w=false;try{w=!h||At(this.machine,h,v,e,t)}catch(t){throw new Error("Unable to evaluate guard '".concat(h.name||h.type,"' in transition for event '").concat(s,"' in state node '").concat(this.id,"':\n").concat(t.message))}if(w&&p){if(f.target!==undefined){c=f.target}o.push.apply(o,x([],O(f.actions),false));a=f;break}}}catch(t){r={error:t}}finally{try{if(u&&!u.done&&(i=l.return))i.call(l)}finally{if(r)throw r.error}}if(!a){return undefined}if(!c.length){return{transitions:[a],exitSet:[],configuration:t.value?[this]:[],source:t,actions:o}}var b=nt(c.map((function(e){return n.getRelativeStateNodes(e,t.historyValue)})));var y=!!a.internal;return{transitions:[a],exitSet:y?[]:nt(c.map((function(t){return n.getPotentiallyReenteringNodes(t)}))),configuration:b,source:t,actions:o}};t.prototype.getPotentiallyReenteringNodes=function(t){if(this.order<t.order){return[this]}var e=[];var r=this;var i=t;while(r&&r!==i){e.push(r);r=r.parent}if(r!==i){return[]}e.push(i);return e};t.prototype.getActions=function(t,e,r,i,n,s,o){var c,a,l,u;var f=this;var h=s?ue([],this.getStateNodes(s.value)):[];var d=new Set;try{for(var v=k(Array.from(t).sort((function(t,e){return t.order-e.order}))),p=v.next();!p.done;p=v.next()){var w=p.value;if(!ve(h,w)||ve(r.exitSet,w)||w.parent&&d.has(w.parent)){d.add(w)}}}catch(t){c={error:t}}finally{try{if(p&&!p.done&&(a=v.return))a.call(v)}finally{if(c)throw c.error}}try{for(var b=k(h),y=b.next();!y.done;y=b.next()){var w=y.value;if(!ve(t,w)||ve(r.exitSet,w.parent)){r.exitSet.push(w)}}}catch(t){l={error:t}}finally{try{if(y&&!y.done&&(u=b.return))u.call(b)}finally{if(l)throw l.error}}r.exitSet.sort((function(t,e){return e.order-t.order}));var g=Array.from(d).sort((function(t,e){return t.order-e.order}));var m=new Set(r.exitSet);var S=nt(g.map((function(t){var e=[];if(t.type!=="final"){return e}var s=t.parent;if(!s.parent){return e}e.push($t(t.id,t.doneData),$t(s.id,t.doneData?ct(t.doneData,i,n):undefined));var o=s.parent;if(o.type==="parallel"){if(ae(o).every((function(t){return we(r.configuration,t)}))){e.push($t(o.id))}}return e})));var _=g.map((function(t){var e=t.onEntry;var r=t.activities.map((function(t){return Ut(t)}));return{type:"entry",actions:Lt(o?x(x([],O(e),false),O(r),false):x(x([],O(r),false),O(e),false),f.machine.options.actions)}})).concat({type:"state_done",actions:S.map((function(t){return It(t)}))});var E=Array.from(m).map((function(t){return{type:"exit",actions:Lt(x(x([],O(t.onExit),false),O(t.activities.map((function(t){return Vt(t)}))),false),f.machine.options.actions)}}));var j=E.concat({type:"transition",actions:Lt(r.actions,this.machine.options.actions)}).concat(_);if(e){var A=Lt(nt(x([],O(t),false).sort((function(t,e){return e.order-t.order})).map((function(t){return t.onExit}))),this.machine.options.actions).filter((function(t){return!Tt(t)}));return j.concat({type:"stop",actions:A})}return j};t.prototype.transition=function(t,e,r,i){if(t===void 0){t=this.initialState}var n=_t(e);var s;if(t instanceof Oe){s=r===undefined?t:this.resolveState(Oe.from(t,r))}else{var o=yt(t)?this.resolve(Y(this.getResolvedPath(t))):this.resolve(t);var c=r!==null&&r!==void 0?r:this.machine.context;s=this.resolveState(Oe.from(o,c))}if(!V&&n.name===Me){throw new Error("An event cannot have the wildcard type ('".concat(Me,"')"))}if(this.strict){if(!this.events.includes(n.name)&&!at(n.name)){throw new Error("Machine '".concat(this.id,"' does not accept event '").concat(n.name,"'"))}}var a=this._transition(s.value,s,n)||{transitions:[],configuration:[],exitSet:[],source:s,actions:[]};var l=ue([],this.getStateNodes(s.value));var u=a.configuration.length?ue(l,a.configuration):l;a.configuration=x([],O(u),false);return this.resolveTransition(a,s,s.context,i,n)};t.prototype.resolveRaisedTransition=function(t,e,r,i){var n;var s=t.actions;t=this.transition(t,e,undefined,i);t._event=r;t.event=r.data;(n=t.actions).unshift.apply(n,x([],O(s),false));return t};t.prototype.resolveTransition=function(t,e,r,i,n){var s,o,c,a;var l=this;if(n===void 0){n=Ft}var u=t.configuration;var f=!e||t.transitions.length>0;var h=f?t.configuration:e?e.configuration:[];var d=we(h,this);var v=f?de(this.machine,u):undefined;var p=e?e.historyValue?e.historyValue:t.source?this.machine.historyValue(e.value):undefined:undefined;var w=this.getActions(new Set(h),d,t,r,n,e,i);var b=e?g({},e.activities):{};try{for(var y=k(w),m=y.next();!m.done;m=y.next()){var x=m.value;try{for(var S=(c=void 0,k(x.actions)),_=S.next();!_.done;_=S.next()){var A=_.value;if(A.type===E){b[A.activity.id||A.activity.type]=A}else if(A.type===j){b[A.activity.id||A.activity.type]=false}}}catch(t){c={error:t}}finally{try{if(_&&!_.done&&(a=S.return))a.call(S)}finally{if(c)throw c.error}}}}catch(t){s={error:t}}finally{try{if(m&&!m.done&&(o=y.return))o.call(y)}finally{if(s)throw s.error}}var z=O(Yt(this,e,r,n,w,i,this.machine.config.predictableActionArguments||this.machine.config.preserveActionOrder),2),C=z[0],T=z[1];var F=O(ft(C,Tt),2),R=F[0],L=F[1];var P=C.filter((function(t){var e;return t.type===E&&((e=t.activity)===null||e===void 0?void 0:e.type)===N}));var W=P.reduce((function(t,e){t[e.activity.id]=ee(e.activity,l.machine,T,n);return t}),e?g({},e.children):{});var M=new Oe({value:v||e.value,context:T,_event:n,_sessionid:e?e._sessionid:null,historyValue:v?p?dt(p,v):undefined:e?e.historyValue:undefined,history:!v||t.source?e:undefined,actions:v?L:[],activities:v?b:e?e.activities:{},events:[],configuration:h,transitions:t.transitions,children:W,done:d,tags:ye(h),machine:this});var B=r!==T;M.changed=n.name===I||B;var H=M.history;if(H){delete H.history}var D=!d&&(this._transient||u.some((function(t){return t._transient})));if(!f&&(!D||n.name===Ie)){return M}var U=M;if(!d){if(D){U=this.resolveRaisedTransition(U,{type:q},n,i)}while(R.length){var V=R.shift();U=this.resolveRaisedTransition(U,V._event,n,i)}}var K=U.changed||(H?!!U.actions.length||B||typeof H.value!==typeof U.value||!ge(U.value,H.value):undefined);U.changed=K;U.history=H;return U};t.prototype.getStateNode=function(t){if(He(t)){return this.machine.getStateNodeById(t)}if(!this.states){throw new Error("Unable to retrieve child state '".concat(t,"' from '").concat(this.id,"'; no child states exist."))}var e=this.states[t];if(!e){throw new Error("Child state '".concat(t,"' does not exist on '").concat(this.id,"'"))}return e};t.prototype.getStateNodeById=function(t){var e=He(t)?t.slice(We.length):t;if(e===this.id){return this}var r=this.machine.idMap[e];if(!r){throw new Error("Child state node '#".concat(e,"' does not exist on machine '").concat(this.id,"'"))}return r};t.prototype.getStateNodeByPath=function(t){if(typeof t==="string"&&He(t)){try{return this.getStateNodeById(t.slice(1))}catch(t){}}var e=G(t,this.delimiter).slice();var r=this;while(e.length){var i=e.shift();if(!i.length){break}r=r.getStateNode(i)}return r};t.prototype.resolve=function(t){var e;var r=this;if(!t){return this.initialStateValue||Be}switch(this.type){case"parallel":return Z(this.initialStateValue,(function(e,i){return e?r.getStateNode(i).resolve(t[i]||e):Be}));case"compound":if(yt(t)){var i=this.getStateNode(t);if(i.type==="parallel"||i.type==="compound"){return e={},e[t]=i.initialStateValue,e}return t}if(!Object.keys(t).length){return this.initialStateValue||{}}return Z(t,(function(t,e){return t?r.getStateNode(e).resolve(t):Be}));default:return t||Be}};t.prototype.getResolvedPath=function(t){if(He(t)){var e=this.machine.idMap[t.slice(We.length)];if(!e){throw new Error("Unable to find state node '".concat(t,"'"))}return e.path}return G(t,this.delimiter)};Object.defineProperty(t.prototype,"initialStateValue",{get:function(){var t;if(this.__cache.initialStateValue){return this.__cache.initialStateValue}var e;if(this.type==="parallel"){e=tt(this.states,(function(t){return t.initialStateValue||Be}),(function(t){return!(t.type==="history")}))}else if(this.initial!==undefined){if(!this.states[this.initial]){throw new Error("Initial state '".concat(this.initial,"' not found on '").concat(this.key,"'"))}e=oe(this.states[this.initial])?this.initial:(t={},t[this.initial]=this.states[this.initial].initialStateValue,t)}else{e={}}this.__cache.initialStateValue=e;return this.__cache.initialStateValue},enumerable:false,configurable:true});t.prototype.getInitialState=function(t,e){this._init();var r=this.getStateNodes(t);return this.resolveTransition({configuration:r,exitSet:[],transitions:[],source:undefined,actions:[]},undefined,e!==null&&e!==void 0?e:this.machine.context,undefined)};Object.defineProperty(t.prototype,"initialState",{get:function(){var t=this.initialStateValue;if(!t){throw new Error("Cannot retrieve initial state from simple state '".concat(this.id,"'."))}return this.getInitialState(t)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"target",{get:function(){var t;if(this.type==="history"){var e=this.config;if(yt(e.target)){t=He(e.target)?Y(this.machine.getStateNodeById(e.target).path.slice(this.path.length-1)):e.target}else{t=e.target}}return t},enumerable:false,configurable:true});t.prototype.getRelativeStateNodes=function(t,e,r){if(r===void 0){r=true}return r?t.type==="history"?t.resolveHistory(e):t.initialStateNodes:[t]};Object.defineProperty(t.prototype,"initialStateNodes",{get:function(){var t=this;if(oe(this)){return[this]}if(this.type==="compound"&&!this.initial){if(!V){pt(false,"Compound state node '".concat(this.id,"' has no initial state."))}return[this]}var e=it(this.initialStateValue);return nt(e.map((function(e){return t.getFromRelativePath(e)})))},enumerable:false,configurable:true});t.prototype.getFromRelativePath=function(t){if(!t.length){return[this]}var e=O(t),r=e[0],i=e.slice(1);if(!this.states){throw new Error("Cannot retrieve subPath '".concat(r,"' from node with no states"))}var n=this.getStateNode(r);if(n.type==="history"){return n.resolveHistory()}if(!this.states[r]){throw new Error("Child state '".concat(r,"' does not exist on '").concat(this.id,"'"))}return this.states[r].getFromRelativePath(i)};t.prototype.historyValue=function(t){if(!Object.keys(this.states).length){return undefined}return{current:t||this.initialStateValue,states:tt(this.states,(function(e,r){if(!t){return e.historyValue()}var i=yt(t)?undefined:t[r];return e.historyValue(i||e.initialStateValue)}),(function(t){return!t.history}))}};t.prototype.resolveHistory=function(t){var e=this;if(this.type!=="history"){return[this]}var r=this.parent;if(!t){var i=this.target;return i?nt(it(i).map((function(t){return r.getFromRelativePath(t)}))):r.initialStateNodes}var n=rt(r.path,"states")(t).current;if(yt(n)){return[r.getStateNode(n)]}return nt(it(n).map((function(t){return e.history==="deep"?r.getFromRelativePath(t):[r.states[t[0]]]})))};Object.defineProperty(t.prototype,"stateIds",{get:function(){var t=this;var e=nt(Object.keys(this.states).map((function(e){return t.states[e].stateIds})));return[this.id].concat(e)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"events",{get:function(){var t,e,r,i;if(this.__cache.events){return this.__cache.events}var n=this.states;var s=new Set(this.ownEvents);if(n){try{for(var o=k(Object.keys(n)),c=o.next();!c.done;c=o.next()){var a=c.value;var l=n[a];if(l.states){try{for(var u=(r=void 0,k(l.events)),f=u.next();!f.done;f=u.next()){var h=f.value;s.add("".concat(h))}}catch(t){r={error:t}}finally{try{if(f&&!f.done&&(i=u.return))i.call(u)}finally{if(r)throw r.error}}}}}catch(e){t={error:e}}finally{try{if(c&&!c.done&&(e=o.return))e.call(o)}finally{if(t)throw t.error}}}return this.__cache.events=Array.from(s)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"ownEvents",{get:function(){var t=new Set(this.transitions.filter((function(t){return!(!t.target&&!t.actions.length&&t.internal)})).map((function(t){return t.eventType})));return Array.from(t)},enumerable:false,configurable:true});t.prototype.resolveTarget=function(t){var e=this;if(t===undefined){return undefined}return t.map((function(t){if(!yt(t)){return t}var r=t[0]===e.delimiter;if(r&&!e.parent){return e.getStateNodeByPath(t.slice(1))}var i=r?e.key+t:t;if(e.parent){try{var n=e.parent.getStateNodeByPath(i);return n}catch(t){throw new Error("Invalid transition definition for state node '".concat(e.id,"':\n").concat(t.message))}}else{return e.getStateNodeByPath(i)}}))};t.prototype.formatTransition=function(t){var e=this;var r=jt(t.target);var i="internal"in t?t.internal:r?r.some((function(t){return yt(t)&&t[0]===e.delimiter})):true;var n=this.machine.options.guards;var s=this.resolveTarget(r);var o=g(g({},t),{actions:Lt(ot(t.actions)),cond:gt(t.cond,n),target:s,source:this,internal:i,eventType:t.event,toJSON:function(){return g(g({},o),{target:o.target?o.target.map((function(t){return"#".concat(t.id)})):undefined,source:"#".concat(e.id)})}});return o};t.prototype.formatTransitions=function(){var t,e;var r=this;var i;if(!this.config.on){i=[]}else if(Array.isArray(this.config.on)){i=this.config.on}else{var n=this.config.on,s=Me,o=n[s],c=o===void 0?[]:o,a=m(n,[typeof s==="symbol"?s:s+""]);i=nt(Object.keys(a).map((function(t){if(!V&&t===Ie){pt(false,"Empty string transition configs (e.g., `{ on: { '': ... }}`) for transient transitions are deprecated. Specify the transition in the `{ always: ... }` property instead. "+'Please check the `on` configuration for "#'.concat(r.id,'".'))}var e=Et(t,a[t]);if(!V){Ue(r,t,e)}return e})).concat(Et(Me,c)))}var l=this.config.always?Et("",this.config.always):[];var u=this.config.onDone?Et(String($t(this.id)),this.config.onDone):[];if(!V){pt(!(this.config.onDone&&!this.parent),'Root nodes cannot have an ".onDone" transition. Please check the config of "'.concat(this.id,'".'))}var f=nt(this.invoke.map((function(t){var e=[];if(t.onDone){e.push.apply(e,x([],O(Et(String(Gt(t.id)),t.onDone)),false))}if(t.onError){e.push.apply(e,x([],O(Et(String(Qt(t.id)),t.onError)),false))}return e})));var h=this.after;var d=nt(x(x(x(x([],O(u),false),O(f),false),O(i),false),O(l),false).map((function(t){return ot(t).map((function(t){return r.formatTransition(t)}))})));try{for(var v=k(h),p=v.next();!p.done;p=v.next()){var w=p.value;d.push(w)}}catch(e){t={error:e}}finally{try{if(p&&!p.done&&(e=v.return))e.call(v)}finally{if(t)throw t.error}}return d};return t}();function Ke(t,e,r){if(r===void 0){r=t.context}return new Ve(t,e,r)}const Je=(t,e)=>t.textContent.toLowerCase().startsWith(e.toLowerCase());const $e=["m","l"];function Ge(t){return $e.includes(t)}const Qe=({disabled:e,option:r,onRemove:i})=>{const n={};if(r.chipColor){n["color"]=r.chipColor}if(r.chipBackgroundColor){n["background-color"]=r.chipBackgroundColor}return t("label",{class:"wcs-select-chip",style:n,onClick:t=>t.stopImmediatePropagation()},t("div",null,r.displayText),e?null:t("div",{onClick:()=>i(r)},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"12",viewBox:"0 0 20 12",class:"chip"},t("path",{d:"M2,0 6,4 10,0 12,2 8,6 12,10 10,12 6,8 2,12 0,10 4,6 0,2 2,0",fill:r.chipColor,transform:"translate(8 0)"}))))};function Xe(t,e,r){const i=p(t);if(i==="UNKNOWN"){return[]}switch(e){case"closed":switch(i){case"MAJ+TAB":switch(r){case"unique":case"multiple":return[];case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"MoveFocus",target:"previous"}]}break;case"DOWN_ARROW":switch(r){case"unique":return[{kind:"SelectOption",target:"next"}];case"autocomplete_multiple":case"autocomplete_unique":return[{kind:"OpenSelect"},{kind:"HighlightOption",target:"first"}];case"multiple":return[{kind:"OpenSelect"},{kind:"FocusOption",target:"first"}]}break;case"RIGHT_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[];case"unique":return[{kind:"SelectOption",target:"next"}];case"multiple":return[{kind:"OpenSelect"},{kind:"FocusOption",target:"first"}]}break;case"UP_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"OpenSelect"},{kind:"HighlightOption",target:"last"}];case"multiple":break;case"unique":return[{kind:"SelectOption",target:"previous"}]}break;case"LEFT_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[];case"unique":return[{kind:"SelectOption",target:"previous"}]}break;case"ALT+DOWN_ARROW":case"ALT+UP_ARROW":switch(r){case"unique":return[{kind:"OpenSelect"},{kind:"FocusOption",target:"first"}];case"autocomplete_unique":case"autocomplete_multiple":case"multiple":return[{kind:"OpenSelect"}]}break;case"SPACE":case"ENTER":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[];case"unique":case"multiple":return[{kind:"OpenSelect"},{kind:"FocusOption",target:"lastFocused"}]}break;case"ESCAPE":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"ClearAutocompleteInput"}];case"unique":case"multiple":return[]}break;case"PAGE_UP":switch(r){case"autocomplete_unique":return[];case"autocomplete_multiple":return[];case"unique":return[{kind:"SelectOption",target:"first"}];case"multiple":return[]}break;case"PAGE_DOWN":switch(r){case"autocomplete_unique":return[];case"autocomplete_multiple":return[];case"unique":return[{kind:"SelectOption",target:"last"}];case"multiple":return[]}break}break;case"opened":switch(i){case"ESCAPE":switch(r){case"unique":case"multiple":case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"CloseSelect",shouldBlur:false}]}break;case"ALT+UP_ARROW":switch(r){case"unique":case"multiple":return[{kind:"CloseSelect",shouldBlur:false}];case"autocomplete_unique":case"autocomplete_multiple":return[]}break;case"TAB":switch(r){case"autocomplete_unique":return[{kind:"SelectOption",target:"lastHighlighted"},{kind:"CloseSelect",shouldBlur:false}];case"autocomplete_multiple":return[{kind:"CloseSelect",shouldBlur:false}];case"unique":case"multiple":return[{kind:"CloseSelect",shouldBlur:true}]}break;case"MAJ+TAB":switch(r){case"autocomplete_unique":return[{kind:"SelectOption",target:"lastHighlighted"},{kind:"CloseSelect",shouldBlur:false},{kind:"MoveFocus",target:"previous"}];case"autocomplete_multiple":return[{kind:"CloseSelect",shouldBlur:false},{kind:"MoveFocus",target:"previous"}];case"unique":case"multiple":return[{kind:"CloseSelect",shouldBlur:true}]}break;case"UP_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"HighlightOption",target:"previous"}];case"unique":case"multiple":return[{kind:"FocusOption",target:"previous"}]}break;case"LEFT_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[];case"unique":case"multiple":return[{kind:"FocusOption",target:"previous"}]}break;case"DOWN_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"HighlightOption",target:"next"}];case"unique":case"multiple":return[{kind:"FocusOption",target:"next"}]}break;case"RIGHT_ARROW":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[];case"unique":case"multiple":return[{kind:"FocusOption",target:"next"}]}break;case"PAGE_UP":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"HighlightOption",target:"first"}];case"unique":case"multiple":return[{kind:"FocusOption",target:"first"}]}break;case"PAGE_DOWN":switch(r){case"autocomplete_unique":case"autocomplete_multiple":return[{kind:"HighlightOption",target:"last"}];case"unique":case"multiple":return[{kind:"FocusOption",target:"last"}]}break;case"ENTER":switch(r){case"autocomplete_unique":return[{kind:"SelectOption",target:"lastHighlighted"}];case"autocomplete_multiple":return[{kind:"SelectOption",target:"lastHighlighted"}]}break}break;default:throw Error("Unknown error")}return[]}const Ye=':host{--wcs-select-ligther-percentage:40;--wcs-select-control-border-radius:var(--wcs-semantic-border-radius-base);--wcs-select-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-select-value-color:var(--wcs-semantic-color-text-primary);--wcs-select-value-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-select-placeholder-color:var(--wcs-semantic-color-text-tertiary);--wcs-select-placeholder-font-weight:var(--wcs-semantic-font-weight-roman);--wcs-select-placeholder-font-style:var(--wcs-semantic-font-style-control-placeholder);--wcs-select-options-padding:var(--wcs-semantic-spacing-base-150);--wcs-select-control-line-height:var(--wcs-semantic-font-line-height-large);--wcs-select-control-background-color:var(--wcs-semantic-color-background-control-default);--wcs-select-control-arrow-color:var(--wcs-semantic-color-foreground-action-secondary-default);--wcs-select-control-arrow-color-disabled:var(--wcs-semantic-color-foreground-disabled);--wcs-select-control-chips-gap:var(--wcs-semantic-spacing-small);--wcs-select-control-border-color-default:var(--wcs-semantic-color-border-primary);--wcs-select-control-border-color-disabled:var(--wcs-semantic-color-border-disabled);--wcs-select-control-border-color-focus:var(--wcs-semantic-color-border-control-focus);--wcs-select-control-border-color-error:var(--wcs-semantic-color-border-critical);--wcs-select-control-border-style-default:solid;--wcs-select-control-border-style-error:solid;--wcs-select-control-border-style-focus:var(--wcs-semantic-border-style-focus-control);--wcs-select-control-border-width-default:var(--wcs-semantic-border-width-default);--wcs-select-control-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-select-control-padding-horizontal-m:var(--wcs-semantic-spacing-large);--wcs-select-control-padding-horizontal-l:var(--wcs-semantic-spacing-large);--wcs-select-control-height:var(--wcs-select-control-height-m);--wcs-select-control-height-m:var(--wcs-semantic-size-m);--wcs-select-control-height-l:var(--wcs-semantic-size-l);--wcs-internal-select-chip-size:var(--wcs-semantic-size-s);--wcs-select-control-font-size:var(--wcs-select-control-font-size-m, 1rem);--wcs-select-control-font-size-m:var(--wcs-semantic-font-size-m);--wcs-select-control-font-size-l:var(--wcs-semantic-font-size-l);--wcs-select-overlay-max-height:360px;--wcs-select-overlay-background-color:var(--wcs-semantic-color-background-surface-primary);--wcs-select-overlay-border-width:var(--wcs-semantic-border-width-default);--wcs-select-overlay-border-color:var(--wcs-semantic-color-border-secondary);--wcs-select-overlay-border-radius:var(--wcs-semantic-border-radius-base);--wcs-select-control-chip-color-default:var(--wcs-semantic-color-foreground-action-primary-default);--wcs-select-control-chip-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-select-control-chip-background-color-default:var(--wcs-semantic-color-background-action-primary-default);--wcs-select-control-chip-background-color-disabled:var(--wcs-semantic-color-background-action-primary-disabled);--wcs-select-control-chip-padding-vertical:var(--wcs-semantic-spacing-small);--wcs-select-control-chip-padding-horizontal:calc(1.5 * var(--wcs-semantic-spacing-base));--wcs-select-control-chip-line-height:var(--wcs-semantic-font-line-height-large);--wcs-select-control-chip-border-radius:var(--wcs-semantic-border-radius-base);--wcs-select-control-autocomplete-padding-vertical-m:var(--wcs-semantic-spacing-small);--wcs-select-control-autocomplete-padding-vertical-l:var(--wcs-semantic-spacing-small);--wcs-select-internal-noresult-padding-horizontal:var(--wcs-semantic-spacing-base);display:block;min-height:var(--wcs-select-control-height);position:relative;outline:none;user-select:none;box-sizing:border-box}:host svg{flex-shrink:0}:host .wcs-select-control{min-height:var(--wcs-select-control-height);outline:var(--wcs-select-control-border-width-default) var(--wcs-select-control-border-style-default) var(--wcs-select-control-border-color-default);outline-offset:calc(var(--wcs-select-control-border-width-default) * -1)}:host .arrow{fill:var(--wcs-select-control-arrow-color)}:host .chip{fill:var(--wcs-select-control-chip-color-default);opacity:calc((100 - var(--wcs-select-ligther-percentage)) / 100)}:host .chip:hover{opacity:100}.wcs-select-control{box-sizing:border-box;display:flex;align-items:center;background-color:var(--wcs-select-control-background-color);border-radius:var(--wcs-select-control-border-radius);outline:var(--wcs-select-control-border-color-default) solid var(--wcs-select-control-border-width-default);outline-offset:calc(var(--wcs-select-control-border-width-default) * -1);font-size:var(--wcs-select-control-font-size, 1rem);line-height:var(--wcs-select-control-line-height);cursor:pointer;padding-left:var(--wcs-select-control-padding-horizontal-m);padding-right:calc(var(--wcs-select-control-padding-horizontal-m) - 4px)}label{cursor:pointer;transition:color 125ms ease-in;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label.wcs-select-placeholder{color:var(--wcs-select-placeholder-color);font-style:var(--wcs-select-placeholder-font-style);font-weight:var(--wcs-select-placeholder-font-weight)}label.wcs-select-value{color:var(--wcs-select-value-color);font-style:normal;font-weight:var(--wcs-select-value-font-weight)}label::after{content:"";padding:1px}.wcs-select-value-container{max-width:calc(100% - (24px + var(--wcs-semantic-spacing-base)));padding-right:8px;display:flex;flex-direction:row;gap:var(--wcs-select-control-chips-gap);align-items:center;flex-wrap:wrap}.wcs-select-chip{box-sizing:border-box;height:var(--wcs-internal-select-chip-size);line-height:var(--wcs-select-control-chip-line-height);color:var(--wcs-select-control-chip-color-default);background-color:var(--wcs-select-control-chip-background-color-default);border-radius:var(--wcs-select-control-chip-border-radius);display:flex;align-items:center;padding:var(--wcs-select-control-chip-padding-vertical) var(--wcs-select-control-chip-padding-horizontal);overflow:initial;z-index:1}.wcs-select-options{display:none;position:absolute;z-index:999999999;border:solid var(--wcs-select-overlay-border-width) var(--wcs-select-overlay-border-color);border-radius:var(--wcs-select-overlay-border-radius);max-height:var(--wcs-select-overlay-max-height);overflow-y:auto;width:calc(100% - (2 * var(--wcs-select-overlay-border-width) + 2 * var(--wcs-select-options-padding)));padding:var(--wcs-select-options-padding);background-color:var(--wcs-select-overlay-background-color)}:host(.expanded){outline-width:var(--wcs-select-control-border-width-focus)}:host(.expanded) .wcs-select-control{outline:var(--wcs-select-control-border-width-focus) var(--wcs-select-control-border-style-focus) var(--wcs-select-control-border-color-focus);outline-offset:calc(var(--wcs-select-control-border-width-focus) * -1)}:host(.expanded) .wcs-select-options{display:block}:host([aria-invalid=true]) .wcs-select-control,:host([autocomplete]):has(input[aria-invalid=true]) .wcs-select-control{outline-style:var(--wcs-select-control-border-style-error);outline-color:var(--wcs-select-control-border-color-error)}:host(:not(.expanded):focus-visible){outline-width:var(--wcs-select-control-border-width-focus)}:host(:not(.expanded):focus-visible) .wcs-select-control{outline:var(--wcs-select-control-border-width-focus) var(--wcs-select-control-border-style-focus) var(--wcs-select-control-border-color-focus);outline-offset:calc(var(--wcs-select-control-border-width-focus) * -1)}:host([disabled]){cursor:not-allowed;--wcs-select-control-background-color:var(--wcs-semantic-color-background-control-disabled)}:host([disabled]) .wcs-select-control{outline-style:var(--wcs-select-control-border-style-default);outline-color:var(--wcs-select-control-border-color-disabled)}:host([disabled]) .wcs-select-control,:host([disabled]) label{cursor:default;pointer-events:none}:host([disabled]) label{color:var(--wcs-select-text-color-disabled)}:host([disabled]) .arrow{fill:var(--wcs-select-control-arrow-color-disabled)}:host([disabled]) .wcs-select-chip{color:var(--wcs-select-control-chip-color-disabled);background-color:var(--wcs-select-control-chip-background-color-disabled)}:host([disabled]) .chip{fill:var(--wcs-select-control-chip-color-disabled)}:host([size=m]){--wcs-select-control-font-size:var(--wcs-select-control-font-size-m);--wcs-select-control-height:var(--wcs-select-control-height-m);--wcs-internal-select-chip-size:var(--wcs-select-chip-size-m)}:host([size=m]) .wcs-select-control{padding-left:var(--wcs-select-control-padding-horizontal-m);padding-right:calc(var(--wcs-select-control-padding-horizontal-m) - 4px)}:host([size=m]):host([autocomplete]) .autocomplete-field{height:calc(var(--wcs-select-control-height) - var(--wcs-select-control-autocomplete-padding-vertical-m) * 2)}:host([size=m]):host([autocomplete]) .wcs-select-value-container{padding-top:var(--wcs-select-control-autocomplete-padding-vertical-m);padding-bottom:var(--wcs-select-control-autocomplete-padding-vertical-m)}:host([size=l]){--wcs-select-control-font-size:var(--wcs-select-control-font-size-l);--wcs-select-control-height:var(--wcs-select-control-height-l);--wcs-internal-select-chip-size:var(--wcs-select-chip-size-l)}:host([size=l]) .wcs-select-control{padding-left:var(--wcs-select-control-padding-horizontal-l);padding-right:calc(var(--wcs-select-control-padding-horizontal-l) - 4px)}:host([size=l]):host([autocomplete]) .autocomplete-field{height:calc(var(--wcs-select-control-height) - var(--wcs-select-control-autocomplete-padding-vertical-l) * 2)}:host([size=l]):host([autocomplete]) .wcs-select-value-container{padding-top:var(--wcs-select-control-autocomplete-padding-vertical-l);padding-bottom:var(--wcs-select-control-autocomplete-padding-vertical-l)}:host([chips]) .wcs-select-control{flex-wrap:wrap}:host([chips]) .wcs-select-value-container{margin-top:4px;margin-bottom:4px}:host([autocomplete]) .wcs-select-value-container{margin:0;width:100%}:host([autocomplete]) input{font:unset;background-color:transparent;outline:none;border:none;padding:unset;color:var(--wcs-select-value-color);font-weight:var(--wcs-select-value-font-weight) !important;font-size:var(--wcs-select-control-font-size);line-height:inherit}:host([autocomplete]) input::placeholder{color:var(--wcs-select-placeholder-color);opacity:1;font-weight:var(--wcs-select-placeholder-font-weight);font-style:var(--wcs-select-placeholder-font-style)}:host([autocomplete]:focus-within) .wcs-select-control{outline:var(--wcs-select-control-border-width-focus) var(--wcs-select-control-border-style-focus) var(--wcs-select-control-border-color-focus);outline-offset:calc(var(--wcs-select-control-border-width-focus) * -1)}.autocomplete-field{width:0;min-width:50px;flex-grow:1}.noresult-container{padding-left:var(--wcs-select-internal-noresult-padding-horizontal);padding-right:var(--wcs-select-internal-noresult-padding-horizontal);display:flex;flex-direction:row;align-items:center;height:var(--wcs-select-control-height)}';const Ze=Ye;const tr={key:"select",initial:"closed",states:{closed:{entry:["close"],on:{CLICK:"opened",OPEN:"opened",OPTION_SELECTED:{actions:["selectOption"]}}},opened:{entry:["open"],on:{CLICK:"closed",CLOSE:"closed",OPTION_SELECTED:{actions:["selectOption"]}}}}};const er=["tabindex","title"];const rr=class{constructor(t){e(this,t);this.wcsChange=r(this,"wcsChange",7);this.wcsFocus=r(this,"wcsFocus",7);this.wcsBlur=r(this,"wcsBlur",7);this.wcsFilterChange=r(this,"wcsFilterChange",7);this.inheritedAttributes={};this.selectId=`wcs-select-${ir++}`;this.optionsId=o("OPTIONS");this.expanded=false;this.size="m";this.displayText=undefined;this.focused=undefined;this.value=undefined;this.placeholder=undefined;this.disabled=false;this.required=false;this.multiple=false;this.autocomplete=false;this.serverMode=false;this.filterFn=undefined;this.chips=false;this.name=undefined;this.compareWith=(t,e)=>b(t,e);this.showNoResultFoundLabel=false;this.autocompleteValue=undefined;this.overlayDirection="bottom"}async open(){this.stateService.send("OPEN")}async close(){this.stateService.send("CLOSE")}onValueChangeHandler(t){this.updateSelectedValue(t)}updateSelectedValue(t,e=true,r=true){var i;if(!t&&e){this.reset()}if(this.multiple){if(!Array.isArray(t)){t=[t]}this.lastModifiedOptionElement=t.length>0?(i=Array.from(this.options).find((e=>this.compareWith(e.value,t[t.length-1]))))!==null&&i!==void 0?i:null:null;if(this.serverMode){const e=c(this.values.map((t=>t.value)),t,this.compareWith);e.added.forEach((t=>{const e=Array.from(this.options).find((e=>this.compareWith(e.value,t)));if(e){this.values.push({value:e.value,displayText:e.innerText,chipColor:e.chipColor,chipBackgroundColor:e.chipBackgroundColor});e.selected=true}}));e.kept.forEach((t=>{const e=Array.from(this.options).find((e=>this.compareWith(e.value,t)));if(e){e.selected=true}}));e.removed.forEach((t=>{this.values=this.values.filter((e=>!this.compareWith(e.value,t)));const e=Array.from(this.options).find((e=>this.compareWith(e.value,t)));if(e){e.selected=false}}))}else{this.values=[];this.options.forEach((e=>{const r=t?t.findIndex((t=>this.compareWith(e.value,t)))!==-1:false;if(r){this.values.push({value:e.value,displayText:e.innerText,chipColor:e.chipColor,chipBackgroundColor:e.chipBackgroundColor})}e.selected=r}))}this.displayText=this.values.length!==0?this.values.map((t=>t.displayText)).join(", "):undefined}else{let e=false;this.options.forEach((i=>{const n=this.compareWith(i.value,t);if(n){e=true;this.displayText=i.innerText;this.lastModifiedOptionElement=i;if(this.autocomplete){this.setAutocompleteValue(i.innerText,false,false,r)}}i.selected=n}));if(this.serverMode&&!e){this.setAutocompleteValue("",false,false,r);this.displayText=""}}}reset(){this.values=[];this.displayText=undefined;if(this.autocomplete){this.setAutocompleteValue("",true)}this.options.forEach((t=>{t.selected=false}))}componentDidLoad(){this.optionsEl=this.el.shadowRoot.querySelector(".wcs-select-options");this.controlEl=this.el.shadowRoot.querySelector(".wcs-select-control");const t=Ke(tr,this.initMachineOptions());this.stateService=Ne(t);if(this.multiple){this.values=[]}this.stateService.start();if(this.optionsEl.querySelector("slot")===null){this.replaceOptions_firefoxBefore63();this.listenDomUpdate_firefoxBefore63()}if(this.value!==undefined){this.updateSelectedValue(this.value)}this.popper=this.createPopperInstance();this.labelElement=a(this.el);if(this.labelElement){this.labelElement.id=this.selectId+"-lbl"}}createPopperInstance(){return y(this.controlEl,this.optionsEl,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,4]}}]})}emitChange(t){if(this.serverMode){this.wcsChange.emit({value:t,selectedOptions:undefined})}else{this.wcsChange.emit({value:t,selectedOptions:Array.from(this.options).filter((t=>t.selected))})}}replaceOptions_firefoxBefore63(){Array.from(this.el.querySelectorAll("wcs-select-option")).forEach((t=>{if(t.parentNode===this.el){this.el.removeChild(t);this.optionsEl.appendChild(t)}}))}listenDomUpdate_firefoxBefore63(){const t=new MutationObserver((t=>{for(const e of t){if(e.type==="childList"){this.replaceOptions_firefoxBefore63()}}}));t.observe(this.el,{childList:true})}componentWillRender(){if(this.multiple){this.options.forEach((t=>t.multiple=true))}}componentWillLoad(){if(!Ge(this.size)){console.warn(`Invalid size value for wcs-select : "${this.size}". Must be one of "${$e.join(", ")}"`);this.size="m"}if(this.autocomplete){this.inheritedAttributes=Object.assign(Object.assign({},l(this.el)),u(this.el,er))}}async setAriaAttribute(t,e){if(this.autocomplete===false){f(this.el,t,e)}else{f(this.autocompleteInput,t,e)}}get options(){var t;const e=(t=this.el)===null||t===void 0?void 0:t.querySelectorAll("wcs-select-option");if(e&&e.length!==0){return e}return[]}get notDisabledOptions(){var t;const e=(t=this.el)===null||t===void 0?void 0:t.querySelectorAll("wcs-select-option:not([disabled]):not([aria-hidden])");if(e&&e.length!==0){return e}return[]}initMachineOptions(){return{actions:{open:()=>{var t;if(!this.disabled){this.expanded=true;this.focused=false;if(this.multiple===false&&this.autocomplete&&this.hasValue===false){if(this.autocompleteValue&&this.autocompleteValue!==""){this.setAutocompleteValue(this.autocompleteValue)}}this.clearHighlightOnLastHighlightedOption();if(this.notDisabledOptions.length>0){this.lastFocusedOptionElement=(t=this.lastModifiedOptionElement)!==null&&t!==void 0?t:this.notDisabledOptions[0];requestAnimationFrame((()=>{var t,e;this.autocomplete?(t=this.autocompleteInput)===null||t===void 0?void 0:t.focus():(e=this.lastFocusedOptionElement)===null||e===void 0?void 0:e.focus()}))}}},close:(t,e)=>{var r,i;if(e.type==="CLOSE"){this.clearHighlightOnLastHighlightedOption();if((r=e.value)===null||r===void 0?void 0:r.shouldBlur){this.focused=false}else{if(this.autocomplete&&((i=e.value)===null||i===void 0?void 0:i.fromKeyboard)){this.focusAutocompleteInput()}else{this.el.focus()}this.focused=true}if(this.autocomplete&&this.displayText&&this.multiple===false){this.setAutocompleteValue(this.displayText)}}this.expanded=false},selectOption:(t,e)=>{if(e.type==="OPTION_SELECTED"){if(this.multiple){this.handleOptionSelectedOnMultiple(e.value.option)}else{this.handleOptionSelectedOnSingle(e.value.option);this.stateService.send("CLOSE",{value:{fromKeyboard:e.value.fromKeyboard}})}if(this.autocomplete){if(this.multiple){requestAnimationFrame((()=>{this.autocompleteInput.focus()}))}else{this.setAutocompleteValue(e.value.option.displayText)}}this.emitChange(this.value)}}},guards:{enabled:()=>!this.disabled}}}handleOptionSelectedOnMultiple(t){const e=this.values.findIndex((e=>this.compareWith(e.value,t.value)));if(e===-1){this.value=[...this.values.map((t=>t.value)),t.value]}else{this.value=this.values.filter((e=>!this.compareWith(e.value,t.value))).map((t=>t.value))}}handleOptionSelectedOnSingle(t){this.value=t.value}disconnectedCallback(){var t;(t=this.stateService)===null||t===void 0?void 0:t.stop()}get hasValue(){return this.displayText!==undefined}onMouseUp(t){const e=h(t.target)&&(t.offsetX>t.target.clientWidth||t.offsetY>t.target.clientHeight||t.offsetY<0);const r=t.composedPath().filter((t=>{const e=t;return e.nodeName==="svg"&&e.classList.contains("chip")})).length>0;if(!e&&!r){this.stateService.send("CLICK")}}onWindowClickEvent(t){const e=t.composedPath().filter((t=>t.nodeName==="WCS-SELECT"))[0];const r=e===this.el;if(this.expanded&&!r){this.stateService.send({type:"CLOSE",value:{shouldBlur:true,fromKeyboard:false}})}}onKeyDown(t){const e=this.stateService.getSnapshot().matches("closed")?"closed":"opened";let r;if(this.autocomplete){r=this.multiple?"autocomplete_multiple":"autocomplete_unique"}else{r=this.multiple?"multiple":"unique"}const i=Xe(t,e,r);if(i.length!=0&&i.filter((t=>t.kind==="MoveFocus")).length===0){t.preventDefault()}for(const e of i){this.doActionFromKeyboardEventAssociatedAction(e,t)}}doActionFromKeyboardEventAssociatedAction(t,e){var r,i;switch(t.kind){case"CloseSelect":this.stateService.send({type:"CLOSE",value:{shouldBlur:t.shouldBlur,fromKeyboard:true}});break;case"OpenSelect":this.stateService.send("OPEN");break;case"SelectOption":switch(t.target){case"next":this.selectClosestOption("next");break;case"previous":this.selectClosestOption("previous");break;case"first":this.selectFirstOption();break;case"last":this.selectLastOption();break;case"lastHighlighted":{const t=Array.from(this.notDisabledOptions).indexOf(this.lastHighlightedOptionElement);if(t!==-1){this.lastModifiedOptionElement=this.lastHighlightedOptionElement;this.selectOption(t,true)}break}}break;case"ClearAutocompleteInput":this.setAutocompleteValue("",false,false);break;case"ClearHighlight":this.clearHighlightOnLastHighlightedOption();break;case"HighlightOption":switch(t.target){case"next":this.highlightClosestOption("next");break;case"previous":this.highlightClosestOption("previous");break;case"first":this.highlightFirstOption();break;case"last":this.highlightLastOption();break}break;case"FocusOption":switch(t.target){case"next":this.focusClosestOption("next");break;case"previous":this.focusClosestOption("previous");break;case"first":this.focusFirstOption();break;case"last":this.focusLastOption();break;case"lastFocused":if(this.lastFocusedOptionElement!=null){this.focusOption(Array.from(this.notDisabledOptions).indexOf(this.lastFocusedOptionElement))}break}break;case"MoveFocus":switch(t.target){case"previous":{let t=(r=this.el.previousElementSibling)!==null&&r!==void 0?r:this.el.parentElement;while(t){if(w(t))break;t=(i=t.previousElementSibling)!==null&&i!==void 0?i:t.parentElement}if(t){e.preventDefault();t.focus()}break}}break;default:throw new Error("Internal error")}}getClosestActiveOptionIndexForState(t,e){let r;switch(e){case"focused":r=this.lastFocusedOptionElement;break;case"modified":r=this.lastModifiedOptionElement;break;case"highlighted":r=this.lastHighlightedOptionElement;break;default:r=null}let i=Array.from(this.notDisabledOptions).indexOf(r);const n=0;const s=this.notDisabledOptions.length-1;if(t==="next"&&i<s){i++}else if(t==="previous"&&i>n){i--}else{if(!this.autocomplete)return"nothing";if(t==="next"&&i>=s){i=0}if(t==="previous"&&i===n){i=s}}return i}selectOption(t,e=false){const r=this.notDisabledOptions[t];if(!r)return;this.sendOptionSelectedToStateMachine({source:r,value:r.value,displayText:r.innerText},e)}selectClosestOption(t){const e=this.getClosestActiveOptionIndexForState(t,"modified");if(e==="nothing")return;this.selectOption(e,true)}selectFirstOption(){if(this.notDisabledOptions.length<1){return}this.selectOption(0,true)}selectLastOption(){if(this.notDisabledOptions.length<1){return}this.selectOption(this.notDisabledOptions.length-1,true)}focusOption(t){var e;this.lastFocusedOptionElement=this.notDisabledOptions[t];(e=this.lastFocusedOptionElement)===null||e===void 0?void 0:e.focus();this.el.setAttribute("aria-activedescendant",this.lastFocusedOptionElement.id)}focusClosestOption(t){const e=this.getClosestActiveOptionIndexForState(t,"focused");if(e==="nothing")return;this.focusOption(e)}focusFirstOption(){this.focusOption(0)}focusLastOption(){this.focusOption(this.notDisabledOptions.length-1)}selectedOptionChanged(t){this.sendOptionSelectedToStateMachine(t.detail)}sendOptionSelectedToStateMachine(t,e=false){this.stateService.send({type:"OPTION_SELECTED",value:{option:t,fromKeyboard:e}})}onSlotchange(){if(!this.serverMode||this.autocomplete&&this.displayText===this.autocompleteValue){this.updateSelectedValue(this.value,false,false)}else{this.syncOptionsElementsStateWithCurrentSelectedValue()}if(this.autocomplete&&this.serverMode){this.showNoResultFoundLabel=this.options.length<1}if(this.multiple){this.options.forEach((t=>t.multiple=true))}}syncOptionsElementsStateWithCurrentSelectedValue(){this.options.forEach((t=>{const e=this.compareWith(t.value,this.value);t.selected=e}))}removeChip(t){this.options.forEach((e=>{if(e.value===t.value){this.sendOptionSelectedToStateMachine(Object.assign(Object.assign({},t),{source:e}))}}))}highlightOption(t){this.clearHighlightOnLastHighlightedOption();this.lastHighlightedOptionElement=this.notDisabledOptions[t];if(this.lastHighlightedOptionElement){this.lastHighlightedOptionElement.highlighted=true;this.autocompleteInput.setAttribute("aria-activedescendant",this.lastHighlightedOptionElement.id);requestAnimationFrame((()=>{this.lastHighlightedOptionElement.scrollIntoView({block:"nearest",inline:"nearest"})}))}}highlightFirstOption(){this.highlightOption(0)}highlightLastOption(){this.highlightOption(this.notDisabledOptions.length-1)}highlightClosestOption(t){const e=this.getClosestActiveOptionIndexForState(t,"highlighted");if(e==="nothing")return;this.highlightOption(e)}clearHighlightOnLastHighlightedOption(){if(this.lastHighlightedOptionElement){this.lastHighlightedOptionElement.highlighted=false;this.lastHighlightedOptionElement=null}}onAutocompleteInputEvent(t){var e;const r=(e=this.autocompleteInput.value)!==null&&e!==void 0?e:"";this.setAutocompleteValue(r,false,true);t.stopPropagation()}setAutocompleteValue(t,e=false,r=false,i=true){var n,s;this.clearHighlightOnLastHighlightedOption();const o=this.lastModifiedOptionElement==null||((n=this.lastModifiedOptionElement)===null||n===void 0?void 0:n.textContent)!==this.autocompleteValue;if(!this.expanded&&o&&!e&&r){this.open()}if(!this.serverMode){if(t.length){const[e,r]=[[],[]];const i=(s=this.filterFn)!==null&&s!==void 0?s:Je;this.options.forEach((n=>(i(n,t)?e:r).push(n)));this.showNoResultFoundLabel=e.length===0;e.forEach((t=>{t.hidden=false;t.removeAttribute("aria-hidden")}));r.forEach((t=>{t.hidden=true;t.setAttribute("aria-hidden","true")}))}else{this.showNoResultFoundLabel=false;this.options.forEach((t=>{t.hidden=false;t.removeAttribute("aria-hidden")}))}}const c=t!==null&&t!==void 0?t:"";const a=this.autocompleteValue!==c;if(a){this.autocompleteValue=c}if(i&&a){this.wcsFilterChange.emit({value:t})}}onFocus(t){if(this.autocomplete){this.focusAutocompleteInput()}this.wcsFocus.emit(t)}focusAutocompleteInput(){var t;(t=this.autocompleteInput)===null||t===void 0?void 0:t.focus()}onBlur(t){const e=t.relatedTarget;if(this.el.contains(e)){return}this.wcsBlur.emit(t)}componentDidRender(){var t;(t=this.popper)===null||t===void 0?void 0:t.update()}focusedAttributes(){return!this.disabled?{tabIndex:0}:{}}render(){var e;const r=`${this.labelElement?this.labelElement.innerText:""} ${this.hasValue?this.displayText:""}`.trimEnd();const n="no-result-container";return t(i,Object.assign({key:"34a191b99645da1e3303c25899b259b8cdb1ee4a",class:this.expanded?"expanded ":"",overlayDirection:this.overlayDirection},this.focusedAttributes(),{role:!this.autocomplete?"combobox":null,"aria-haspopup":!this.autocomplete?"listbox":null,"aria-owns":!this.autocomplete?this.optionsId:null,"aria-controls":!this.autocomplete?this.optionsId:null,"aria-disabled":!this.autocomplete?this.disabled?"true":null:null,"aria-required":!this.autocomplete?this.required?"true":"false":null,"aria-expanded":!this.autocomplete?this.expanded?"true":"false":null,"aria-multiselectable":!this.autocomplete?this.multiple?"true":"false":null,"aria-label":!this.autocomplete?r:null}),t("div",{key:"459fbc973a080ee868ad8db7f8923f350f9c9797",class:"wcs-select-control"},t("div",{key:"39d512233c98df9073334334c64c6214fe7f7008",class:"wcs-select-value-container"},this.hasValue?this.chips?this.values.map((e=>t(Qe,{disabled:this.disabled,option:e,onRemove:this.removeChip.bind(this)}))):(!this.autocomplete||this.autocomplete&&this.multiple)&&t("label",{class:"wcs-select-value"},this.displayText):!this.autocomplete&&t("label",{class:"wcs-select-placeholder"},this.placeholder),this.autocomplete&&t("input",Object.assign({key:"52561ab64683b48df6e3e8d8813013bb369c8405",class:"autocomplete-field",value:this.autocompleteValue,role:"combobox","aria-haspopup":"listbox","aria-label":r,"aria-describedby":n,"aria-disabled":this.disabled?"true":null,"aria-expanded":this.expanded?"true":"false","aria-controls":this.optionsId,"aria-owns":this.optionsId,"aria-multiselectable":this.multiple?"true":"false","aria-autocomplete":"list",autocomplete:"off",disabled:this.disabled,required:this.required,placeholder:((e=this.values)===null||e===void 0?void 0:e.length)?null:this.placeholder,onInput:t=>this.onAutocompleteInputEvent(t),ref:t=>this.autocompleteInput=t},this.inheritedAttributes))),t(s,{key:"3fbe828718fa2afb8379ed673148a91bcbdbaddb",up:this.expanded})),t("div",{key:"a4aab4d8a15efb5226204945986cccfd04fab44f",class:"wcs-select-options",id:this.optionsId,role:"listbox"},t("slot",{key:"32c6ee55bf39c3da7ae2fee5012a849b472b0e18",name:"options",onSlotchange:this.onSlotchange.bind(this)}),this.autocomplete&&this.showNoResultFoundLabel&&t("div",{key:"bd44edbf07935d16b4bc8df53a724bcc82dd3df4",role:"alert",id:n,class:"noresult-container"},t("slot",{key:"7bc1d019368ce1c0867e5c7b87ce2918e676a814",name:"filter-no-result"},t("span",{key:"741628bfc5a45abead13a63fe4a1ec1ad9745393"},"Aucun résultat")))))}get el(){return n(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};let ir=0;rr.style=Ze;const nr="wcs-select-option{--wcs-select-option-height:var(--wcs-semantic-size-m);--wcs-select-option-padding-horizontal:var(--wcs-semantic-spacing-base);--wcs-select-option-padding-vertical:0;--wcs-select-option-text-font-weight:var(--wcs-semantic-font-weight-medium);--wcs-select-option-text-font-size:var(--wcs-semantic-font-size-base);--wcs-select-option-text-color-default:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-focus:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-hover:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-selected:var(--wcs-semantic-color-text-primary);--wcs-select-option-text-color-disabled:var(--wcs-semantic-color-text-disabled);--wcs-select-option-background-color-default:var(--wcs-semantic-color-background-action-secondary-default);--wcs-select-option-background-color-hover:var(--wcs-semantic-color-background-action-secondary-hover);--wcs-select-option-background-color-press:var(--wcs-semantic-color-background-action-secondary-press);--wcs-select-option-background-color-selected:var(--wcs-semantic-color-background-action-secondary-selected-default);--wcs-select-option-background-color-selected-hover:var(--wcs-semantic-color-background-action-secondary-selected-hover);--wcs-select-option-background-color-selected-press:var(--wcs-semantic-color-background-action-secondary-selected-press);--wcs-select-option-background-color-selected-disabled:var(--wcs-semantic-color-background-action-secondary-selected-disabled);--wcs-select-option-background-color-focus:var(--wcs-semantic-color-background-action-secondary-focus);--wcs-select-option-border-style-focus:var(--wcs-semantic-border-style-focus-base);--wcs-select-option-border-color-focus:var(--wcs-semantic-color-border-focus-base);--wcs-select-option-border-width-focus:var(--wcs-semantic-border-width-large);--wcs-select-option-border-radius:var(--wcs-semantic-border-radius-base);--wcs-select-option-checkbox-color:var(--wcs-semantic-color-background-control-indicator-selected);--wcs-select-option-gap:var(--wcs-semantic-spacing-base);--wcs-select-option-transition-duration:var(--wcs-semantic-motion-duration-feedback-base);display:flex;flex-direction:row;align-items:center;gap:var(--wcs-select-option-gap);padding:var(--wcs-select-option-padding-vertical) var(--wcs-select-option-padding-horizontal);height:var(--wcs-select-option-height);cursor:pointer;user-select:none;font-weight:var(--wcs-select-option-text-font-weight);font-size:var(--wcs-select-option-text-font-size);color:var(--wcs-select-option-text-color-default);background-color:var(--wcs-select-option-background-color-default);transition-duration:var(--wcs-select-option-transition-duration);transition-property:background-color, color;transition-timing-function:ease;border-radius:var(--wcs-select-option-border-radius);overflow:hidden;white-space:nowrap}wcs-select-option:focus-visible{outline:var(--wcs-select-option-border-style-focus) var(--wcs-select-option-border-width-focus) var(--wcs-select-option-border-color-focus);outline-offset:calc(-1 * var(--wcs-select-option-border-width-focus))}wcs-select-option:focus{color:var(--wcs-select-option-text-color-focus);background-color:var(--wcs-select-option-background-color-focus)}wcs-select-option:hover{color:var(--wcs-select-option-text-color-hover);background-color:var(--wcs-select-option-background-color-hover)}wcs-select-option:active{background-color:var(--wcs-select-option-background-color-press)}wcs-select-option[disabled]{cursor:not-allowed;pointer-events:none;color:var(--wcs-select-option-text-color-disabled)}wcs-select-option[hidden]{display:none}wcs-select-option[selected]{color:var(--wcs-select-option-text-color-selected);background-color:var(--wcs-select-option-background-color-selected)}wcs-select-option[selected]:hover{background-color:var(--wcs-select-option-background-color-selected-hover)}wcs-select-option[selected]:active{background-color:var(--wcs-select-option-background-color-selected-press)}wcs-select-option[selected][disabled]{color:var(--wcs-select-option-text-color-disabled);background-color:var(--wcs-select-option-background-color-selected-disabled)}wcs-select-option[multiple] wcs-checkbox{pointer-events:none}wcs-select-option[multiple]:hover wcs-checkbox{--wcs-checkbox-border-color:var(--wcs-select-option-checkbox-color)}wcs-select-option[highlighted]{outline:var(--wcs-select-option-border-style-focus) var(--wcs-select-option-border-width-focus) var(--wcs-select-option-border-color-focus);outline-offset:calc(-1 * var(--wcs-select-option-border-width-focus))}wcs-select-option[highlighted] wcs-checkbox{--wcs-checkbox-border-color:var(--wcs-select-option-checkbox-color)}";const sr=nr;const or=class{constructor(t){e(this,t);this.wcsSelectOptionClick=r(this,"wcsSelectOptionClick",7);this.disabled=false;this.selected=false;this.highlighted=false;this.value=undefined;this.chipColor=undefined;this.chipBackgroundColor=undefined;this.multiple=false}componentWillLoad(){this.selectOptionId=o(this.el.tagName);if(this.value===undefined){this.value=this.el.innerText||""}}chooseOption(t){if(!this.disabled){t.stopPropagation();const e=this.el.innerText;this.wcsSelectOptionClick.emit({source:this.el,value:this.value,displayText:e})}}onMouseUp(t){this.chooseOption(t)}handleKeydown(t){if(d(t)||v(t)){this.chooseOption(t);t.preventDefault();t.stopPropagation()}}render(){return t(i,{key:"51bc015628d9df53a0a819ae1263833076c66d36",id:this.selectOptionId,"aria-selected":this.selected||this.highlighted?"true":"false",slot:"options",role:"option",tabindex:"-1"},this.multiple&&t("wcs-checkbox",{key:"c20dd8d1e7d58b0ed2c5291838eb2d7cf8d0e76c",tabindex:"-1",checked:this.selected,disabled:this.disabled}),t("slot",{key:"f088d1ba14ff498be0b5dcb2e3cb588c99330a1f"}))}get el(){return n(this)}};or.style=sr;export{rr as wcs_select,or as wcs_select_option};
-//# sourceMappingURL=p-82838611.entry.js.map