From 6d1ac2aedbf0a2dae5309bde6f10ecff0d1d4012 Mon Sep 17 00:00:00 2001 From: LuLaValva Date: Wed, 10 Jul 2024 13:52:51 -0700 Subject: [PATCH 1/4] refactor: split up `:not` for less parser --- .stylelintrc | 1 + src/sass/textbox/textbox.scss | 3 +-- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.stylelintrc b/.stylelintrc index 94ef7bc5a..911727a78 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -13,6 +13,7 @@ ], "rules": { "comment-empty-line-before": null, + "selector-not-notation": null, "no-descending-specificity": null, "no-duplicate-selectors": null, "rule-empty-line-before": null, diff --git a/src/sass/textbox/textbox.scss b/src/sass/textbox/textbox.scss index fff6a4c88..54077b92b 100644 --- a/src/sass/textbox/textbox.scss +++ b/src/sass/textbox/textbox.scss @@ -33,8 +33,7 @@ /* `.textbox--focus` should be removed after full browser support for `:has` */ .textbox--focus, -.textbox:has(> .textbox__control:focus):not( - .textbox--readonly, +.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not( :has(> .textbox__control[readonly]) ) { box-shadow: 0 0 0 1px var(--color-stroke-strong); From 4a0842d8d3eb20de14f10154c6a9b4b32dd8bfcc Mon Sep 17 00:00:00 2001 From: LuLaValva Date: Wed, 10 Jul 2024 13:57:33 -0700 Subject: [PATCH 2/4] chore: run build --- dist/textbox/textbox.css | 3 +-- docs/static/docs.min.js | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/dist/textbox/textbox.css b/dist/textbox/textbox.css index 27afe29cf..bee6a2b75 100644 --- a/dist/textbox/textbox.css +++ b/dist/textbox/textbox.css @@ -25,8 +25,7 @@ padding: 0; } .textbox--focus, -.textbox:has(> .textbox__control:focus):not( - .textbox--readonly, +.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not( :has(> .textbox__control[readonly]) ) { background-color: var( diff --git a/docs/static/docs.min.js b/docs/static/docs.min.js index f472ae1dc..1badf13be 100644 --- a/docs/static/docs.min.js +++ b/docs/static/docs.min.js @@ -1,2 +1,2 @@ -(()=>{"use strict";function t(t){!function(t,e,n){if(!t.shiftKey){const s=t.key;switch(s){case"Enter":case"Escape":case"PageUp":case"PageDown":case"End":case"Home":case"ArrowLeft":case"ArrowUp":case"ArrowRight":case"ArrowDown":e.dispatchEvent(new CustomEvent((i=`${s}Key${n}`).charAt(0).toLowerCase()+i.slice(1),{detail:t,bubbles:!0}));break;case" ":e.dispatchEvent(new CustomEvent(`spacebarKey${n}`,{detail:t,bubbles:!0}));break;default:return}}var i}(t,this,"Down")}const e={},n="nid",i=function(t){const e="abcdefghijklmnopqrstuvwxyz",n=e+"0123456789";let i=e[s(25)];for(let t=1;t<3;t++)i+=n[s(35)];return i}();function s(t){return Math.floor(Math.random()*t)}function o(t,s=n){const o=`${s}${""===s?"":"-"}${i}`;return e[o]=e[o]||0,t.id||t.setAttribute("id",`${o}-${e[o]++}`),t.id}const r={};function l(t,e,n){t.dispatchEvent(new CustomEvent("focusExit",{detail:{fromElement:e,toElement:n},bubbles:!1}))}function a(t){const e=t.target;!0===this.el.contains(e)?this.currentFocusElement=e:(window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),l(this.el,this.currentFocusElement,e),this.currentFocusElement=null)}function c(){l(this.el,this.currentFocusElement,void 0)}function u(){document.addEventListener("focusin",this.onDocumentFocusInListener),window.addEventListener("blur",this.onWindowBlurListener)}class h{constructor(t){this.el=t,this.currentFocusElement=null,this.onWidgetFocusInListener=u.bind(this),this.onDocumentFocusInListener=a.bind(this),this.onWindowBlurListener=c.bind(this),this.el.addEventListener("focusin",this.onWidgetFocusInListener)}removeEventListeners(){window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),this.el.removeEventListener("focusin",this.onWidgetFocusInListener)}}function d(t){let e=null;return o(t),r[t.id]||(e=new h(t),r[t.id]=e),e}const m={axis:"both",autoInit:"interactive",autoReset:"current",ignoreByDelegateSelector:null,wrap:!1};function b(t){return!t.hidden&&"true"!==t.getAttribute("aria-disabled")}function _(t,e){return e>=0&&eb(t)))}function p(t){return t.indexOf(function(t){return t.filter(b)}(t).reverse()[0])}function v(t,e,n){return t.findIndex((t=>b(t)&&t.getAttribute(e)===n))}function E(t){return v(t,"aria-selected","true")}function g(t,e){return null!==e.ignoreByDelegateSelector?[...t.querySelectorAll(e.ignoreByDelegateSelector)]:[]}function L(t,e,n){let i=-1;switch(t){case"none":i=null;break;case"current":i=n;break;case"interactive":i=f(e);break;case"ariaChecked":i=function(t){return v(t,"aria-checked","true")}(e);break;case"ariaSelected":i=E(e);break;case"ariaSelectedOrInteractive":i=E(e),i=-1===i?f(e):i;break;default:i="number"==typeof t||null===t?t:-1}return i}function x(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e||function(t,e){return e===f(t)}(t,e))!0===n&&(i=p(t));else{let n=e;for(;--n>=0;)if(b(t[n])){i=n;break}}return i}(this.items,this.index,this.options.wrap))}function y(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e)i=f(t);else if(function(t,e){return e===p(t)}(t,e))!0===n&&(i=f(t));else{let n=e;for(;++n0&&[...o].includes(this._cachedElement)?n=f(this.items):(o.length>0||i.length>0)&&(n=this.indexOf(this._cachedElement))),this._index=n,this._el.dispatchEvent(new CustomEvent("navigationModelMutation",{bubbles:!1,detail:{fromIndex:e,toIndex:n}}))}class A{constructor(t,e,n){this.options=Object.assign({},m,n),this._el=t,this._itemSelector=e}}class O extends A{constructor(t,e,n){super(t,e,n);const i=this._index,s=L(this.options.autoInit,this.items,this.index);this._index=s,this._cachedElement=this.items[s],this._el.dispatchEvent(new CustomEvent("navigationModelInit",{bubbles:!1,detail:{firstInteractiveIndex:this.firstNavigableIndex,fromIndex:i,items:this.items,toIndex:s}}))}get currentItem(){return this.items[this.index]}get items(){return[...this._el.querySelectorAll(`${this._itemSelector}`)]}get index(){return this._index}set index(t){if(t!==this.index&&_(this.items,t)){const e=this.index;this._cachedElement=this.items[t],this._index=t,this._el.dispatchEvent(new CustomEvent("navigationModelChange",{bubbles:!1,detail:{fromIndex:e,toIndex:t}}))}}indexOf(t){return this.items.indexOf(t)}reset(){const t=this.index,e=L(this.options.autoReset,this.items,this.index);e!==t&&(this._index=e,this._el.dispatchEvent(new CustomEvent("navigationModelReset",{bubbles:!1,detail:{fromIndex:t,toIndex:e}})))}}class T{constructor(e,n){this.model=n,this.el=e,this._keyPrevListener=x.bind(n),this._keyNextListener=y.bind(n),this._keyHomeListener=k.bind(n),this._keyEndListener=C.bind(n),this._clickListener=w.bind(n),this._focusExitListener=S.bind(n),this._observer=new MutationObserver(M.bind(n)),function(e){e.addEventListener("keydown",t)}(this.el),d(this.el);const i=n.options.axis;"both"!==i&&"x"!==i||(this.el.addEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.addEventListener("arrowRightKeyDown",this._keyNextListener)),"both"!==i&&"y"!==i||(this.el.addEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.addEventListener("arrowDownKeyDown",this._keyNextListener)),this.el.addEventListener("homeKeyDown",this._keyHomeListener),this.el.addEventListener("endKeyDown",this._keyEndListener),this.el.addEventListener("click",this._clickListener),this.el.addEventListener("focusExit",this._focusExitListener),this._observer.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["aria-disabled","hidden"],attributes:!0,attributeOldValue:!0})}destroy(){this.el.removeEventListener("keydown",t),function(t){const e=r[t.id];e&&(e.removeEventListeners(),delete r[t.id])}(this.el),this.el.removeEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowRightKeyDown",this._keyNextListener),this.el.removeEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowDownKeyDown",this._keyNextListener),this.el.removeEventListener("homeKeyDown",this._keyHomeListener),this.el.removeEventListener("endKeyDown",this._keyEndListener),this.el.removeEventListener("click",this._clickListener),this.el.removeEventListener("focusExit",this._focusExitListener),this._observer.disconnect()}}function I(t,e,n){const i=new O(t,e,n);return new T(t,i)}const D={autoInit:"interactive",autoReset:"current",wrap:!1,axis:"both"};function q(t,e){t.forEach((function(t,n){t.setAttribute("tabindex",n===e?"0":"-1")}))}function B(t){q(t.detail.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexInit",{detail:t.detail}))}function F(t){const e=this.items,n=e[t.detail.fromIndex],i=e[t.detail.toIndex];n&&n.setAttribute("tabindex","-1"),i&&(i.setAttribute("tabindex","0"),i.focus()),this._el.dispatchEvent(new CustomEvent("rovingTabindexChange",{detail:t.detail}))}function R(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexReset",{detail:t.detail}))}function N(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexMutation",{detail:t.detail}))}class j{constructor(t){this._el=t,this._onMutationListener=N.bind(this),this._onChangeListener=F.bind(this),this._onInitListener=B.bind(this),this._onResetListener=R.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelInit",this._onInitListener),this._el.addEventListener("navigationModelReset",this._onResetListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelInit",this._onInitListener),this._el.removeEventListener("navigationModelReset",this._onResetListener)}}class K extends j{constructor(t,e,n){super(t),this._options=Object.assign({},D,n),this._itemSelector=e,this._navigationEmitter=I(t,e,{autoInit:void 0!==this._options.index?this._options.index:this._options.autoInit,autoReset:this._options.autoReset,wrap:this._options.wrap,axis:this._options.axis})}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}set wrap(t){this._navigationEmitter.model.options.wrap=t}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}reset(){this._navigationEmitter.model.reset()}destroy(){super.destroy(),this._navigationEmitter.destroy()}}function P(t,e,n){return new K(t,e,n)}const H=["a[href]","area[href]","button:not([disabled])","embed","iframe","input:not([disabled])","object","select:not([disabled])","textarea:not([disabled])","*[tabindex]","*[contenteditable]"].join();function W(t,e=!1,n){if(n){const i=requestAnimationFrame((()=>{n($(t,e))}));return()=>{cancelAnimationFrame(i)}}return $(t,e)}function $(t,e=!1){let n=Array.prototype.slice.call(t.querySelectorAll(H));return n=n.filter((function(t){return"none"!==window.getComputedStyle(t).display})),!0===e&&(n=n.filter((function(t){return"-1"!==t.getAttribute("tabindex")}))),n}const V={alwaysDoFocusManagement:!1,ariaControls:!0,autoCollapse:!1,collapseOnFocusOut:!1,collapseOnMouseOut:!1,collapseOnClickOut:!1,contentSelector:".expander__content",expandedClass:null,expandOnClick:!1,expandOnFocus:!1,expandOnHover:!1,focusManagement:null,hostSelector:".expander__host",simulateSpacebarClick:!1};function z(t){13!==t.keyCode&&32!==t.keyCode||(this._keyboardClickFlag=!0),32===t.keyCode&&!0===this.options.simulateSpacebarClick&&this.hostEl.click()}function G(){this._mouseClickFlag=!0}function U(){this._expandWasKeyboardClickActivated=this._keyboardClickFlag,this._expandWasMouseClickActivated=this._mouseClickFlag,this.expanded=!this.expanded}function X(){this._expandWasFocusActivated=!0,this.expanded=!0}function Y(){clearTimeout(this._mouseLeft),this._expandWasHoverActivated=!0,this.expanded=!0}function J(){this.expanded=!1}function Q(){clearTimeout(this._mouseLeft),this._mouseLeft=setTimeout((()=>{this.expanded=!1}),300)}function Z(t){!1===this.el.contains(t.target)&&(this.expanded=!1)}function tt(){this.documentClick=!0}function et(){this.documentClick=!1}function nt(t){!0===this.documentClick&&(this.documentClick=!1,!1===this.el.contains(t.target)&&(this.expanded=!1))}class it{constructor(t,e){this.options=Object.assign({},V,e),this.el=t,this.hostEl=t.querySelector(this.options.hostSelector),this.contentEl=t.querySelector(this.options.contentSelector),d(this.el),this._hostKeyDownListener=z.bind(this),this._hostMouseDownListener=G.bind(this),this._documentClickListener=Z.bind(this),this._documentTouchStartListener=tt.bind(this),this._documentTouchMoveListener=et.bind(this),this._documentTouchEndListener=nt.bind(this),this._hostClickListener=U.bind(this),this._hostFocusListener=X.bind(this),this._hostHoverListener=Y.bind(this),this._focusExitListener=J.bind(this),this._mouseLeaveListener=Q.bind(this),null===this.hostEl.getAttribute("aria-expanded")&&this.hostEl.setAttribute("aria-expanded","false"),!0===this.options.ariaControls&&(o(this.el,"expander"),this.contentEl.id=this.contentEl.id||`${this.el.id}-content`,this.hostEl.setAttribute("aria-controls",this.contentEl.id)),this.expandOnClick=this.options.expandOnClick,this.expandOnFocus=this.options.expandOnFocus,this.expandOnHover=this.options.expandOnHover,!1===this.options.autoCollapse&&(this.collapseOnClickOut=this.options.collapseOnClickOut,this.collapseOnFocusOut=this.options.collapseOnFocusOut,this.collapseOnMouseOut=this.options.collapseOnMouseOut)}set expandOnClick(t){!0===t?(this.hostEl.addEventListener("keydown",this._hostKeyDownListener),this.hostEl.addEventListener("mousedown",this._hostMouseDownListener),this.hostEl.addEventListener("click",this._hostClickListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):(this.hostEl.removeEventListener("click",this._hostClickListener),this.hostEl.removeEventListener("mousedown",this._hostMouseDownListener),this.hostEl.removeEventListener("keydown",this._hostKeyDownListener))}set expandOnFocus(t){!0===t?(this.hostEl.addEventListener("focus",this._hostFocusListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):this.hostEl.removeEventListener("focus",this._hostFocusListener)}set expandOnHover(t){!0===t?(this.hostEl.addEventListener("mouseenter",this._hostHoverListener),this.contentEl.addEventListener("mouseenter",this._hostHoverListener),!0===this.options.autoCollapse&&(this.collapseOnMouseOut=!0)):(this.hostEl.removeEventListener("mouseenter",this._hostHoverListener),this.contentEl.removeEventListener("mouseenter",this._hostHoverListener))}set collapseOnClickOut(t){!0===t?(document.addEventListener("click",this._documentClickListener),document.addEventListener("touchstart",this._documentTouchStartListener),document.addEventListener("touchmove",this._documentTouchMoveListener),document.addEventListener("touchend",this._documentTouchEndListener)):(document.removeEventListener("click",this._documentClickListener),document.removeEventListener("touchstart",this._documentTouchStartListener),document.removeEventListener("touchmove",this._documentTouchMoveListener),document.removeEventListener("touchend",this._documentTouchEndListener))}set collapseOnFocusOut(t){!0===t?this.el.addEventListener("focusExit",this._focusExitListener):this.el.removeEventListener("focusExit",this._focusExitListener)}set collapseOnMouseOut(t){!0===t?(this.el.addEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.addEventListener("mouseleave",this._mouseLeaveListener)):(this.el.removeEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.removeEventListener("mouseleave",this._mouseLeaveListener))}get expanded(){return"true"===this.hostEl.getAttribute("aria-expanded")}set expanded(t){!0===t&&!1===this.expanded&&(this.hostEl.setAttribute("aria-expanded","true"),this.options.expandedClass&&this.el.classList.add(this.options.expandedClass),(this._expandWasKeyboardClickActivated||this._expandWasMouseClickActivated&&this.options.alwaysDoFocusManagement)&&function(t,e){if("content"===t)e.setAttribute("tabindex","-1"),e.focus();else if("focusable"===t)W(e)[0].focus();else if("interactive"===t)W(e,!0)[0].focus();else if(null!==t){const n=e.querySelector(`#${t}`);n&&n.focus()}}(this.options.focusManagement,this.contentEl),this.el.dispatchEvent(new CustomEvent("expander-expand",{bubbles:!0,detail:this.contentEl}))),!1===t&&!0===this.expanded&&(this.hostEl.setAttribute("aria-expanded","false"),this.options.expandedClass&&this.el.classList.remove(this.options.expandedClass),this.el.dispatchEvent(new CustomEvent("expander-collapse",{bubbles:!0,detail:this.contentEl}))),this._expandWasKeyboardClickActivated=!1,this._expandWasMouseClickActivated=!1,this._expandWasFocusActivated=!1,this._expandWasHoverActivated=!1,this._keyboardClickFlag=!1,this._mouseClickFlag=!1}sleep(){!0!==this._destroyed&&(this.expandOnClick=!1,this.expandOnFocus=!1,this.expandOnHover=!1,this.collapseOnClickOut=!1,this.collapseOnFocusOut=!1,this.collapseOnMouseOut=!1)}destroy(){this.sleep(),this._destroyed=!0,this._hostKeyDownListener=null,this._hostMouseDownListener=null,this._documentClickListener=null,this._documentTouchStartListener=null,this._documentTouchMoveListener=null,this._documentTouchEndListener=null,this._hostClickListener=null,this._hostFocusListener=null,this._hostHoverListener=null,this._focusExitListener=null,this._mouseLeaveListener=null}}const st={labelElementAnimateModifier:"floating-label__label--animate",labelElementInlineModifier:"floating-label__label--inline",labelElementFocusModifier:"floating-label__label--focus",labelElementInvalidModifier:"floating-label__label--invalid",labelElementDisabledModifier:"floating-label__label--disabled",textboxElementBackgroundRGB:["rgb(255, 255, 255)","rgb(247, 247, 247)","rgb(245, 245, 245)","rgb(230, 32, 72)","rgb(254, 245, 246)","rgba(0, 0, 0, 0)"]};function ot(t,e){if(at(t)){t.style["min-width"]="";const n=t.offsetWidth,i=t.querySelector("option");i.value||(i.text=e),!e&&n>t.offsetWidth&&(t.style["min-width"]=`${n}px`)}else e?t.setAttribute("placeholder",e):t.removeAttribute("placeholder")}function rt(){const t=lt(this.formControlEl);this.placeholder=function(t){if(at(t)){const e=t.querySelector("option");return e.value?null:e.text}if(t.hasAttribute("placeholder"))return t.getAttribute("placeholder")}(this.formControlEl)||this.placeholder;const e=function(t){if(at(t)){const e=t.querySelector("option");if(e.value)return;return!!e.text}return t.hasAttribute("placeholder")}(this.formControlEl,this.placeholder);this.placeholder&&t&&!e?ot(this.formControlEl,this.placeholder):!t&&e&&ot(this.formControlEl,""),ut(this.formControlEl)?this.labelEl.classList.add(this.options.labelElementInvalidModifier):this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.formControlEl.hasAttribute("disabled")?this.labelEl.classList.add(this.options.labelElementDisabledModifier):this.labelEl.classList.remove(this.options.labelElementDisabledModifier)}function lt(t){return document.activeElement===t}function at(t){return"SELECT"===t.tagName}function ct(t){return t.value.length>0}function ut(t){return t.hasAttribute("aria-invalid")&&"true"===t.getAttribute("aria-invalid")}function ht(t,e){if(!at(t)){const n=getComputedStyle(t).backgroundColor;return Array.isArray(e)?!e.includes(n):n!==e}return!1}function dt(){ct(this.formControlEl)||this.labelEl.classList.add(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementFocusModifier),ut(this.formControlEl)&&this.labelEl.classList.add(this.options.labelElementInvalidModifier),ot(this.formControlEl,"")}function mt(){this.labelEl.classList.add(this.options.labelElementAnimateModifier),this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.placeholder&&ot(this.formControlEl,this.placeholder)}class bt{constructor(t,e){this.options=Object.assign({},st,e),this._observer=new MutationObserver(rt.bind(this)),this.rootEl=t,this.labelEl=this.rootEl.querySelector("label"),this.formControlEl=this.rootEl.querySelector("input,textarea,select"),this._onBlurListener=dt.bind(this),this._onFocusListener=mt.bind(this),this.formControlEl.addEventListener("blur",this._onBlurListener),this.formControlEl.addEventListener("focus",this._onFocusListener),ct(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?at(this.formControlEl)||this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier)),rt.call(this),this._observer.observe(this.formControlEl,{childList:at(this.formControlEl),subtree:at(this.formControlEl),attributeFilter:["disabled","aria-invalid","placeholder","value"],attributes:!0})}destroy(){this._observer.disconnect()}refresh(){ct(this.formControlEl)||at(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier))}}function _t(t){t.keyCode>=32&&t.keyCode<=40&&t.preventDefault()}function ft(t){t.addEventListener("keydown",_t)}const pt={activeDescendantClassName:"active-descendant",autoInit:"none",autoReset:"none",autoScroll:!1,axis:"both",wrap:!1};function vt(t){const{items:e,toIndex:n}=t.detail,i=e[n];i&&(i.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",i.id)),this._el.dispatchEvent(new CustomEvent("activeDescendantInit",{detail:t.detail}))}function Et(t){const{fromIndex:e,toIndex:n}=t.detail,i=this.items[e],s=this.items[n];i&&i.classList.remove(this._options.activeDescendantClassName),s&&(s.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",s.id),this._options.autoScroll&&this._containerEl&&(this._containerEl.scrollTop=s.offsetTop-this._containerEl.offsetHeight/2)),this._el.dispatchEvent(new CustomEvent("activeDescendantChange",{detail:t.detail}))}function gt(t){const e=t.detail.toIndex,n=this._options.activeDescendantClassName;if(this.items.forEach((function(t){t.classList.remove(n)})),null!==e&&-1!==e){const t=this.items[e];t.classList.add(n),this._focusEl.setAttribute("aria-activedescendant",t.id)}else this._focusEl.removeAttribute("aria-activedescendant");this._el.dispatchEvent(new CustomEvent("activeDescendantReset",{detail:t.detail}))}function Lt(t){const{toIndex:e}=t.detail,n=this._options.activeDescendantClassName;this.items.forEach((function(t,i){o(t),i!==e?t.classList.remove(n):t.classList.add(n)})),this._el.dispatchEvent(new CustomEvent("activeDescendantMutation",{detail:t.detail}))}class xt{constructor(t){this._el=t,this._onMutationListener=Lt.bind(this),this._onChangeListener=Et.bind(this),this._onResetListener=gt.bind(this),this._onInitListener=vt.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelReset",this._onResetListener),this._el.addEventListener("navigationModelInit",this._onInitListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelReset",this._onResetListener),this._el.removeEventListener("navigationModelInit",this._onInitListener)}}class yt extends xt{constructor(t,e,n,i,s){super(t),this._options=Object.assign({},pt,s),this._focusEl=e,this._itemContainerEl=n,this._itemSelector=i,o(this._itemContainerEl),this._itemContainerEl!==this._focusEl&&e.setAttribute("aria-owns",this._itemContainerEl.id),this._navigationEmitter=I(t,i,{autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:this._options.axis,ignoreByDelegateSelector:this._options.ignoreByDelegateSelector,wrap:this._options.wrap}),this.items.forEach((function(t){o(t)}))}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}reset(){this._navigationEmitter.model.reset()}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}set wrap(t){this._navigationEmitter.model.options.wrap=t}destroy(){super.destroy(),this._navigationEmitter.destroy()}}const wt={activeDescendantClassName:"listbox__option--active",autoInit:"ariaSelectedOrInteractive",autoReset:"ariaSelectedOrInteractive",autoSelect:!0,customElementMode:!1,focusableElement:null,listboxOwnerElement:null,multiSelect:!1,useAriaChecked:!0,valueSelector:".listbox__value"};class kt{constructor(t,e){this._options=Object.assign({},wt,e),this.el=t,this._activeDescendantRootEl=this._options.listboxOwnerElement||this.el,"listbox"===t.getAttribute("role")?this._listboxEl=t:this._listboxEl=this.el.querySelector("[role=listbox]"),this._options.focusableElement||null!==this._listboxEl.getAttribute("tabindex")||this._listboxEl.setAttribute("tabindex","0"),ft(this.el),this._onKeyDownListener=Ct.bind(this),this._onClickListener=St.bind(this),this._onActiveDescendantChangeListener=Mt.bind(this),this._onMutationListener=At.bind(this),this.el.classList.add("listbox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this._activeDescendant=function(t,e,n,i,s){return new yt(t,e,n,"[role=option]",s)}(this._activeDescendantRootEl,this._options.focusableElement||this._listboxEl,this._listboxEl,0,{activeDescendantClassName:this._options.activeDescendantClassName,autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:"y"})}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._listboxEl,{attributeFilter:["aria-selected"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onActiveDescendantChangeListener),this._listboxEl.addEventListener("keydown",this._onKeyDownListener),this._listboxEl.addEventListener("click",this._onClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("keydown",this._onKeyDownListener),this._listboxEl.removeEventListener("click",this._onClickListener),this._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onActiveDescendantChangeListener)}get index(){return this.items.findIndex((t=>"true"===t.getAttribute("aria-selected")))}get items(){return this._activeDescendant.items}select(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];let n;if(e.setAttribute("aria-selected","true"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","true"),n=e.innerText,this._options.valueSelector){const t=e.querySelector(this._options.valueSelector);t&&(n=t.innerText)}this.el.dispatchEvent(new CustomEvent("makeup-listbox-change",{detail:{el:e,optionIndex:t,optionValue:n}}))}this._observeMutations()}unselect(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];e.setAttribute("aria-selected","false"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","false")}this._observeMutations()}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onActiveDescendantChangeListener=null,this._onMutationListener=null}}function Ct(t){const e=this._activeDescendant.currentItem;var n;13!==(n=t.keyCode)&&32!==n||"true"===e?.getAttribute("aria-selected")||(this.unselect(this.index),this.select(this._activeDescendant.index))}function St(t){const e=t.target.closest("[role=option]"),n=this.items.indexOf(e),i="true"===e.getAttribute("aria-selected");"true"===e.getAttribute("aria-disabled")||!1!==this._options.autoSelect||!1!==i||(this.unselect(this.index),this.select(n))}function Mt(t){const{fromIndex:e,toIndex:n}=t.detail;if(!0===this._options.autoSelect){const t=this.items[e],i=this.items[n];t&&this.unselect(e),i&&this.select(n)}}function At(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-mutation",{detail:{attributeName:e.attributeName}}))}const Ot={autoSelect:!0,collapseTimeout:150,customElementMode:!1};class Tt{constructor(t,e){this._options=Object.assign({},Ot,e),this._el=t,this._inputEl=this._el.querySelector("input"),this._listboxEl=this._el.querySelector(".combobox__listbox"),this._autocompleteType=this._inputEl.getAttribute("aria-autocomplete"),this._inputEl.setAttribute("autocomplete","off"),this._inputEl.setAttribute("role","combobox"),this._listboxEl.hidden=!1,this._listboxWidget=new kt(this._listboxEl,{activeDescendantClassName:"combobox__option--active",autoReset:-1,autoSelect:this._options.autoSelect,focusableElement:this._inputEl,listboxOwnerElement:this._el}),this._expander=new it(this._el,{collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:".combobox__listbox",expandedClass:"combobox--expanded",expandOnFocus:!0,hostSelector:"input"}),this._destroyed=!1,this._onInputFocusListener=It.bind(this),this._onListboxClickListener=Ft.bind(this),this._onListboxActiveDescendantChangeListener=Rt.bind(this),this._onTextboxKeyDownListener=Dt.bind(this),this._onTextboxInputListener=Bt.bind(this),this._onTextboxClickListener=qt.bind(this),this._onMutationListener=Nt.bind(this),this._el.classList.add("combobox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}resetFilter(){this._listboxWidget._activeDescendant.reset(),this._listboxWidget.items.forEach((t=>t.hidden=!1))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._inputEl,{attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.addEventListener("focus",this._onInputFocusListener),this._inputEl.addEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.addEventListener("input",this._onTextboxInputListener),this._inputEl.addEventListener("click",this._onTextboxClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.removeEventListener("focus",this._onInputFocusListener),this._inputEl.removeEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.removeEventListener("input",this._onTextboxInputListener),this._inputEl.removeEventListener("click",this._onTextboxClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onInputFocusListener=null,this._onListboxClickListener=null,this._onListboxActiveDesendanctChangeListener=null,this._onTextboxKeyDownListener=null,this._onTextboxInputListener=null,this._onTextboxClickListener=null,this._onMutationListener=null}}function It(){this.resetFilter()}function Dt(t){if(38!==t.keyCode&&40!==t.keyCode||t.preventDefault(),40===t.keyCode&&!1===this._expander.expanded&&(this._expander.expanded=!0),27===t.keyCode&&!0===this._expander.expanded&&(this._expander.expanded=!1,this._listboxWidget._activeDescendant.reset()),!1===this._options.autoSelect&&13===t.keyCode&&this._inputEl.getAttribute("aria-activedescendant")){t.preventDefault();const e=this;this._inputEl.value=this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText,Kt(this._el,this._inputEl.value),this._listboxWidget._activeDescendant.reset(),setTimeout((function(){e._expander.expanded=!1,"list"===e._autocompleteType&&(0===e._inputEl.value.length?e.resetFilter():jt(e._inputEl.value,e._listboxWidget.items))}),this._options.collapseTimeout)}}function qt(){!1===this._expander.expanded&&(this._expander.expanded=!0)}function Bt(){!1===this._expander.expanded&&(this._expander.expanded=!0),"list"===this._autocompleteType&&(this._listboxWidget._activeDescendant.reset(),0===this._inputEl.value.length?this.resetFilter():jt(this._inputEl.value,this._listboxWidget.items))}function Ft(t){const e=this,n=t.target.closest("[role=option]"),i=this._listboxWidget.items.indexOf(n);console.log(i),void 0!==i&&(this._inputEl.value=this._listboxWidget.items[i].innerText,!1===this._options.autoSelect&&Kt(this._el,this._inputEl.value),setTimeout((function(){e._expander.expanded=!1}),this._options.collapseTimeout))}function Rt(t){!0===this._options.autoSelect&&(this._inputEl.value=this._listboxWidget.items[t.detail.toIndex].innerText,Kt(this._el,this._inputEl.value))}function Nt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-combobox-mutation",{detail:{attributeName:e.attributeName}}))}function jt(t,e){const n=t.length,i=t.toLowerCase(),s=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()===i)),o=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()!==i));s.forEach((t=>t.hidden=!1)),o.forEach((t=>t.hidden=!0))}function Kt(t,e){t.dispatchEvent(new CustomEvent("makeup-combobox-change",{detail:{value:e}}))}const Pt={customElementMode:!1};class Ht{constructor(t,e,n){this._options=Object.assign({},Pt,n),this._el=t,this._el.setAttribute("aria-haspopup","dialog"),this._dialog=e,this._onClickListener=$t.bind(this),this._onDialogCloseListener=Vt.bind(this),this._onMutationListener=Wt.bind(this),this._el.classList.add("dialog-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._el,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._el.addEventListener("click",this._onClickListener),this._dialog._el.addEventListener("dialog-close",this._onDialogCloseListener))}_unobserveEvents(){this._el.removeEventListener("click"),this._dialog._el.removeEventListener("dialog-close",this._onDialogCloseListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onDialogCloseListener=null,this._onMutationListener=null}}function Wt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-dialog-button-mutation",{detail:{attributeName:e.attributeName}}))}function $t(){this._dialog.open()}function Vt(){!0===this._dialog.modal&&this._el.focus()}const zt={autoSelect:!0,buttonLabelSelector:".btn__text",collapseTimeout:150,customElementMode:!1,listboxSelector:".listbox-button__listbox",floatingLabelSelector:".btn__floating-label",floatingLabelInline:"btn__floating-label--inline",floatingLabelAnimate:"btn__floating-label--animate",valueSelector:".listbox-button__value",buttonValueType:"text",listboxOptionIconSelector:".icon",listboxOptionAriaLabelSelector:null};class Gt{constructor(t,e){this._options=Object.assign({},zt,e),this.el=t,this._buttonEl=this.el.querySelector("button"),this._buttonLabelEl=t.querySelector(this._options.buttonLabelSelector),this._buttonFloatingLabelEl=t.querySelector(this._options.floatingLabelSelector),this._buttonPrefix=this._buttonEl.dataset?.listboxButtonPrefix,this._listboxEl=this.el.querySelector(this._options.listboxSelector),this._onButtonFirstClickListener=Ut.bind(this),this._onListboxClickListener=Yt.bind(this),this._onListboxKeyDownListener=Xt.bind(this),this._onListboxInitListener=Jt.bind(this),this._onListboxChangeListener=Qt.bind(this),this._onMutationListener=Zt.bind(this),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this.listbox=new kt(this._listboxEl,{activeDescendantClassName:"listbox-button__option--active",autoReset:"ariaSelectedOrInteractive",autoSelect:this._options.autoSelect,valueSelector:this._options.valueSelector}),this._expander=new it(this.el,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.listboxSelector,expandedClass:"listbox-button--expanded",expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this.el.classList.add("listbox-button--js"),this._buttonFloatingLabelEl&&(this._buttonLabelEl.innerText||this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._buttonEl,{attributeFilter:["aria-expanded"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxEl.removeEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.removeEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.removeEventListener("makeup-listbox-change",this._onListboxChangeListener)}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxEl.addEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.addEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.addEventListener("makeup-listbox-change",this._onListboxChangeListener))}collapse(){const t=this;setTimeout((function(){t._unobserveMutations(),t._expander.expanded=!1,t._observeMutations(),t._buttonEl.focus()}),this._options.collapseTimeout)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._unobserveMutations(),this._onButtonFirstClickListener=null,this._onListboxClickListener=null,this._onListboxKeyDownListener=null,this._onListboxInitListener=null,this._onListboxChangeListener=null,this._onMutationListener=null}}function Ut(){this.listbox.el.hidden=!1}function Xt(t){13!==t.keyCode&&27!==t.keyCode&&32!==t.keyCode||this.collapse()}function Yt(){this.collapse()}function Jt(t){this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-init",{detail:t.detail}))}function Qt(t){const e=t.detail.optionValue,{listboxOptionIconSelector:n,listboxOptionAriaLabelSelector:i,buttonValueType:s,floatingLabelAnimate:o,floatingLabelInline:r}=this._options,l=t.detail.el.querySelector(n).cloneNode(!0);let a=this._buttonPrefix?`${this._buttonPrefix}${e}`:e;if(l)switch(s){case"both":a=`${l.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=l.outerHTML}if(i){const e=t.detail.el.querySelector(i)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${e}`:e)}this._buttonLabelEl.innerHTML=a,this._buttonFloatingLabelEl&&(e?(this._buttonFloatingLabelEl.classList.add(o),this._buttonFloatingLabelEl.classList.remove(r)):this._buttonFloatingLabelEl.classList.add(r)),this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-change",{detail:t.detail}))}function Zt(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-mutation",{detail:{attributeName:e.attributeName}}))}const te={customElementMode:!1,autoInit:"interactive",autoReset:"interactive"};class ee{constructor(t,e){this._options=Object.assign({},te,e),this.el=t,this._rovingTabIndex=P(this.el,"[role^=menuitem]",{autoInit:this._options.autoInit,autoReset:this._options.autoReset}),ft(this.el),this._onKeyDownListener=ie.bind(this),this._onClickListener=se.bind(this),this._onMutationListener=ne.bind(this),this.el.classList.add("menu--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}select(t){this._unobserveMutations();const e=this.items[t];switch(e.getAttribute("role")){case"menuitemcheckbox":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup;e.setAttribute("aria-checked","true"===e.getAttribute("aria-checked")?"false":"true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,checked:e.getAttribute("aria-checked"),group:n,value:e.innerText}}))}}(this.el,e);break;case"menuitemradio":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup,i=t.querySelector(`[data-makeup-group=${n}][aria-checked=true]`);i?i!==e&&(i.setAttribute("aria-checked","false"),e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}}))):(e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}})))}}(this.el,e);break;default:n=e,this.el.dispatchEvent(new CustomEvent("makeup-menu-select",{detail:{el:n,value:n.innerText}}))}var n;this._observeMutations()}get items(){return this._rovingTabIndex.items}get radioGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemradio][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}get checkboxGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemcheckbox][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-checked","aria-disabled"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this.el.addEventListener("keydown",this._onKeyDownListener),this.el.addEventListener("click",this._onClickListener))}_unobserveEvents(){this.el.removeEventListener("keydown",this._onKeyDownListener),this.el.removeEventListener("click",this._onClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onMutationListener=null}}function ne(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-mutation",{detail:{attributeName:e.attributeName}}))}function ie(t){this._unobserveMutations(),13===t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.select(Array.from(this.items).indexOf(t.target)),this._observeMutations()}function se(t){const e=t.target.closest("[role^=menuitem]"),n=this.items.indexOf(e);-1!==n&&this.select(n)}const oe={customElementMode:!1,expandedClass:"menu-button--expanded",menuSelector:".menu-button__menu",buttonTextSelector:".btn__text",buttonValueType:"text",menuItemIconSelector:".icon",menuItemButtonAriaLabelSelector:null};class re{constructor(t,e){this._options=Object.assign({},oe,e),this.el=t,this._buttonEl=t.querySelector("button"),this._buttonEl.setAttribute("aria-haspopup","true"),this.menu=new ee(t.querySelector(this._options.menuSelector),{autoReset:"interactive"}),this._buttonPrefix=this._buttonEl.dataset?.makeupMenuButtonPrefix,this._buttonTextEl=this._buttonEl.querySelector(this._options.buttonTextSelector),this._expander=new it(t,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.menuSelector,expandedClass:this._options.expandedClass,expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this._onButtonFirstClickListener=ae.bind(this),this._onMenuKeyDownListener=ce.bind(this),this._onMenuItemSelectListener=ue.bind(this),this._onMutationListener=le.bind(this),this.el.classList.add("menu-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-expanded","disabled"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this.menu.el.addEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.addEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.addEventListener("makeup-menu-change",this._onMenuItemSelectListener))}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this.menu.el.removeEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.removeEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.removeEventListener("makeup-menu-change",this._onMenuItemSelectListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onButtonFirstClickListener=null,this._onMenuKeyDownListener=null,this._onMenuItemSelectListener=null,this._onMutationListener=null}}function le(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-button-mutation",{detail:{attributeName:e.attributeName}}))}function ae(){this.menu.el.hidden=!1}function ce(t){27===t.keyCode&&(this._expander.expanded=!1,this._buttonEl.focus())}function ue(t){const e=this,{el:n}=t.detail;if(setTimeout((function(){e._expander.expanded=!1,e._buttonEl.focus()}),150),"menuitemradio"!==n.getAttribute("role"))return;const{menuItemIconSelector:i,menuItemButtonAriaLabelSelector:s,buttonValueType:o}=this._options,r=n.querySelector(i).cloneNode(!0),l=n.innerText.trim();let a=this._buttonPrefix?`${this._buttonPrefix} ${l}`:l;if(r)switch(o){case"both":a=`${r.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=r.outerHTML}if(s){const t=n.querySelector(s)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${t}`:t)}this._buttonTextEl.innerHTML=a}const he={bem:{control:"switch__control"},customElementMode:!1};class de{constructor(t,e){this._options=Object.assign({},he,e),this.el=t,this._onClickListener=be.bind(this),this._onKeyDownListener=me.bind(this),this._onMutationListener=_e.bind(this),this.disabled&&this._focusableElement.setAttribute("tabindex","-1"),this.el.classList.add("switch--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._focusableElement,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){this._focusableElement.addEventListener("click",this._onClickListener),this._focusableElement.addEventListener("keydown",this._onKeyDownListener)}_unobserveEvents(){this._focusableElement.removeEventListener("click",this._onClickListener),this._focusableElement.removeEventListener("keydown",this._onKeyDownListener)}get _focusableElement(){return this.el.querySelector(`.${this._options.bem.control}`)}set checked(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-checked",t.toString()),this.el.dispatchEvent(new CustomEvent("makeup-switch-toggle",{composed:!0,detail:{on:this.checked}})),this._observeMutations()}get checked(){return"true"===this._focusableElement.getAttribute("aria-checked")}set disabled(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-disabled",t.toString()),this._focusableElement.setAttribute("tabindex",t?"-1":"0"),this._observeMutations()}get disabled(){return"true"===this._focusableElement.getAttribute("aria-disabled")}set labelledby(t){if(this._unobserveMutations(),this._focusableElement.setAttribute("aria-labelledby",t),this._options.customElementMode){const t=document.getElementById(this.labelledby);t&&""!==t.innerText&&(this.label=t.innerText)}this._observeMutations()}get labelledby(){return this._focusableElement.getAttribute("aria-labelledby")}get label(){return this._focusableElement.getAttribute("aria-label")}set label(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-label",t),this._observeMutations()}toggle(){this.checked=!this.checked}destroy(){this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onKeyDownListener=null,this._onMutationListener=null}}function me(t){if(!this.disabled)switch(t.keyCode){case 32:t.preventDefault(),this.toggle();break;case 37:this.checked=!1;break;case 39:this.checked=!0}}function be(){this.disabled||this.toggle()}function _e(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-switch-mutation",{detail:{attributeName:e.attributeName}}))}let fe,pe,ve,Ee,ge,Le,xe,ye,we;function ke(){ye.focus()}function Ce(){we.focus()}function Se(){return fe&&(pe=Me(pe),ve=Me(ve),Ee=Me(Ee),ge=Me(ge),Le=Me(Le),xe=Me(xe),fe.classList.remove("keyboard-trap--active"),fe.dispatchEvent(new CustomEvent("keyboardUntrap",{bubbles:!0})),fe=null),fe}function Me(t){const e=t.parentNode;return e?e.removeChild(t):t}const Ae=t=>1===t.nodeType&&"body"!==t.tagName.toLowerCase()&&"html"!==t.tagName.toLowerCase(),Oe=t=>1===t.nodeType&&"script"!==t.tagName.toLowerCase(),Te=(t,e)=>t.concat(e);function Ie(t,e=[]){const n=t.previousSibling;return n?(e.push(n),Ie(n,e)):e}function De(t,e=[]){const n=t.nextSibling;return n?(e.push(n),De(n,e)):e}function qe(t){return Ie(t).concat(De(t)).filter(Oe)}function Be(t,e=[]){const n=t.parentNode;return n?(e.push(n),Be(n,e)):e}function Fe(t){return Be(t).filter(Ae)}let Re,Ne,je;const Ke=t=>"svg"!==t.tagName.toLowerCase();function Pe(t,e){let n;return n=!1===e?We(t,"aria-hidden","false"):We(t,"hidden",!1),n}function He(t,e){let n;return n=!1===e?We(t,"aria-hidden","true"):We(t,"hidden",!0),n}function We(t,e,n){const i="boolean"==typeof n;return{el:t,attributeName:e,cleanValue:i?t[e]:t.getAttribute(e),dirtyValue:n,isProperty:i}}function $e(){Ne&&(je.forEach((t=>{var e;(e=t).cleanValue?!0===e.isProperty?e.el[e.attributeName]=e.cleanValue:e.el.setAttribute(e.attributeName,e.cleanValue):e.el.removeAttribute(e.attributeName)})),je=[],Re&&Re.setAttribute("role","main"),Ne.dispatchEvent(new CustomEvent("screenreaderUntrap",{bubbles:!0})),Ne=null)}const Ve={useHiddenProperty:!1};const ze={hoist:!1,useHiddenProperty:!1,wrap:!1},Ge={SCRIPT:"script",LINK:"link"};let Ue,Xe,Ye,Je=[];function Qe(t){return"body"===t.parentNode.tagName.toLowerCase()}function Ze(){return Ue&&(Se(),$e(),Ye&&([...Ye.children].forEach((t=>{if(t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK){const e=Je.shift();e>document.body.children.length?document.body.appendChild(t):document.body.insertBefore(t,document.body.children[e+1])}})),Ye.remove(),Ye=null,Je=[]),Xe&&(Xe.replaceWith(Ue),Xe=null),document.body.removeAttribute("data-makeup-modal"),Ue.removeAttribute("data-makeup-modal"),Ue.dispatchEvent(new CustomEvent("makeup-unmodal",{bubbles:!1})),Ue=null),Ue}function tn(t,e){const n=Object.assign({},ze,e);return Ze(),Ue=t,n.hoist&&(Xe||Qe(Ue)||(Xe=document.createElement("div"),Xe.setAttribute("data-makeup-modal","placeholder"),Ue.parentElement.insertBefore(Xe,Ue),document.body.appendChild(Ue))),n.wrap&&!Ye&&Qe(Ue)&&(Ye=document.createElement("div"),Ye.setAttribute("data-makeup-modal","inert"),[...document.body.children].forEach(((t,e)=>{t!==Ue&&t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK&&(Ye.appendChild(t),Je.push(e))})),document.body.prepend(Ye)),function(t,e){$e();const n=Object.assign({},Ve,e);Ne=t,Re=document.querySelector('main, [role="main"]'),Re&&Re.setAttribute("role","presentation");const i=Fe(Ne);let s=qe(Ne),o=function(t){return Fe(t).map((t=>qe(t))).reduce(Te,[])}(Ne);!0===n.useHiddenProperty&&(s=s.filter(Ke),o=o.filter(Ke)),je=[Pe(Ne,n.useHiddenProperty)].concat(i.map((t=>Pe(t,n.useHiddenProperty)))).concat(s.map((t=>He(t,n.useHiddenProperty)))).concat(o.map((t=>He(t,n.useHiddenProperty)))),je.forEach((t=>{var e;!0===(e=t).isProperty?e.el[e.attributeName]=e.dirtyValue:e.el.setAttribute(e.attributeName,e.dirtyValue)})),Ne.dispatchEvent(new CustomEvent("screenreaderTrap",{bubbles:!0}))}(Ue,e),n.useHiddenProperty||function(t){pe?Se():(pe=function(){const t=document.createElement("div");return t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","0"),t.className="keyboard-trap-boundary",t}(),ve=pe.cloneNode(),Ee=pe.cloneNode(),ge=pe.cloneNode(),Le=pe.cloneNode(),xe=pe.cloneNode(),pe.addEventListener("focus",ke),ve.addEventListener("focus",ke),Ee.addEventListener("focus",Ce),ge.addEventListener("focus",ke),Le.addEventListener("focus",Ce),xe.addEventListener("focus",Ce)),fe=t;const e="undefined"==typeof document?null:document.body,n=W(fe,!0);ye=n[0],we=n[n.length-1],e.insertBefore(pe,e.childNodes[0]),fe.parentNode.insertBefore(ve,fe),fe.insertBefore(Ee,fe.childNodes[0]),fe.appendChild(ge),fe.parentNode.insertBefore(Le,fe.nextElementSibling),e.appendChild(xe),fe.dispatchEvent(new CustomEvent("keyboardTrap",{bubbles:!0})),fe.classList.add("keyboard-trap--active")}(Ue),document.body.setAttribute("data-makeup-modal","true"),Ue.setAttribute("data-makeup-modal","widget"),Ue.dispatchEvent(new CustomEvent("makeup-modal",{bubbles:!1})),Ue}const en="transitionend",nn=/0m?s(?:, )?/g;function sn(t,e,n){let i,s,o=0;const r=t.classList,l="".concat(e,"-init");let a=function(t){let e,n;return window.requestAnimationFrame?(e=requestAnimationFrame((function(){e=requestAnimationFrame(t)})),n=cancelAnimationFrame):(e=setTimeout(t,26),n=clearTimeout),function(){e&&(n(e),e=void 0)}}((function(){t.addEventListener(en,u,!0),r.add(e),r.remove(l),s=on(t),a=void 0,0===s&&c()}));return r.add(l),c;function c(){i||(i=!0,t.removeEventListener(en,u,!0),a?(a(),r.remove(l)):r.remove(e))}function u(){++o===s&&(i=!0,t.removeEventListener(en,u,!0),r.remove(e),n&&n())}}function on(t){let e=window.getComputedStyle(t).transitionDuration.replace(nn,"")?1:0,n=t.firstElementChild;for(;n;)e+=on(n),n=n.nextElementSibling;return e}const rn={baseClass:"dialog",closeButtonSelector:".dialog__close",focusManagementIndex:0,modal:!1,quickDismiss:!0,transitionsModifier:"mask-fade"};class ln{constructor(t,e){this._options=Object.assign({},rn,e),this._el=t,!0===this._options.modal&&this._el.setAttribute("aria-modal","true"),this._windowEl=this._el.querySelector(this._options.windowSelector),this._closeButtonEl=this._el.querySelector(this._options.closeButtonSelector),this._hasTransitions=this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`),this._onCloseButtonClickListener=dn.bind(this),this._onKeyDownListener=hn.bind(this),this._onOpenTransitionEndCallback=cn.bind(this),this._onCloseTransitionEndCallback=un.bind(this),this._el.classList.add(`${this._options.baseClass}--js`),this.hidden||(this.modal&&an(this),this._observeEvents())}get focusables(){return W(this._windowEl)}get modal(){return"true"===this._el.getAttribute("aria-modal")}get hidden(){return this._el.hidden}open(){this._show(),this._el.dispatchEvent(new CustomEvent("dialog-open"))}close(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-close"))}_show(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--show`,this._onOpenTransitionEndCallback)):(this.modal&&setTimeout((()=>an(this)),50),this._el.hidden=!1),this._observeEvents()}_hide(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--hide`,this._onCloseTransitionEndCallback)):(this.modal&&Ze(),this._el.hidden=!0),this._autoDismissTimeout=null,this._unobserveEvents()}_observeEvents(){document.addEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}_unobserveEvents(){this._el.removeEventListener("click",this._onCloseButtonClickListener),document.removeEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._onCloseButtonClickListener=null,this._onKeyDownListener=null,this._onOpenTransitionEndCallback=null,this._onCloseTransitionEndCallback=null,this._autoDismissTimeout=null}}function an(t){const e=t._el.querySelector("[autofocus]");e?e.focus():t.focusables[t._options.focusManagementIndex].focus(),tn(t._el)}function cn(){this._el.hidden=!1,this._cancelTransition=void 0,this.modal&&an(this)}function un(){this.modal&&Ze(),this._el.hidden=!0,this._cancelTransition=void 0}function hn(t){!0===this._options.quickDismiss&&27===t.keyCode&&this.close()}function dn(){this.close()}const mn={baseClass:"lightbox-dialog",baseClassModifier:"",quickDismiss:!0,closeButtonSelector:".lightbox-dialog__close",windowSelector:".lightbox-dialog__window"};class bn extends ln{constructor(t,e={}){super(t,Object.assign({},mn,e,{modal:!0}))}_observeEvents(){super._observeEvents(),this._onClickListener=_n.bind(this),this._el.addEventListener("click",this._onClickListener)}_unobserveEvents(){super._unobserveEvents(),this._el.removeEventListener("click",this._onClickListener)}destroy(){super.destroy(),this._onClickListener=null}}function _n(t){!0===this._options.quickDismiss&&t.target===this._el&&this.close()}const fn={baseClass:"alert-dialog",baseClassModifier:"alert",quickDismiss:!1,acknowledgeButtonSelector:".alert-dialog__acknowledge",windowSelector:".alert-dialog__window"};class pn extends bn{constructor(t,e={}){super(t,Object.assign({},fn,e))}_observeEvents(){super._observeEvents(),this._acknowledgeButtonEl=this._el.querySelector(this._options.acknowledgeButtonSelector),this._onAcknowledgeButtonClickListener=vn.bind(this),this._acknowledgeButtonEl.addEventListener("click",this._onAcknowledgeButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._acknowledgeButtonEl.removeEventListener("click",this._onAcknowledgeButtonClickListener)}acknowledge(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-acknowledge"))}destroy(){super.destroy(),this._onAcknowledgeButtonClickListener=null}}function vn(){this.acknowledge()}const En={baseClass:"confirm-dialog",closeButtonSelector:".confirm-dialog__close",quickDismiss:!0,confirmButtonSelector:".confirm-dialog__confirm",focusManagementIndex:1,rejectButtonSelector:".confirm-dialog__reject",windowSelector:".confirm-dialog__window"};class gn extends bn{constructor(t,e={}){super(t,Object.assign({},En,e))}_observeEvents(){super._observeEvents(),this._confirmButtonEl=this._el.querySelector(this._options.confirmButtonSelector),this._rejectButtonEl=this._el.querySelector(this._options.rejectButtonSelector),this._onConfirmButtonClickListener=Ln.bind(this),this._onRejectButtonClickListener=xn.bind(this),this._confirmButtonEl.addEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.addEventListener("click",this._onRejectButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._confirmButtonEl.removeEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.removeEventListener("click",this._onRejectButtonClickListener)}confirm(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-confirm"))}reject(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-reject"))}destroy(){super.destroy(),this._onConfirmButtonClickListener=null,this._onRejectButtonClickListener=null}}function Ln(){this.confirm()}function xn(){this.reject()}const yn={baseClass:"lightbox-dialog",baseClassModifier:"input",submitButtonSelector:".lightbox-dialog__submit",cancelButtonSelector:".lightbox-dialog__cancel",windowSelector:".lightbox-dialog__window"};class wn extends bn{constructor(t,e={}){super(t,Object.assign({},yn,e))}_observeEvents(){super._observeEvents(),this._submitButtonEl=this._el.querySelector(this._options.submitButtonSelector),this._cancelButtonEl=this._el.querySelector(this._options.cancelButtonSelector),this._onSubmitButtonClickListener=kn.bind(this),this._onCancelButtonClickListener=Cn.bind(this),this._submitButtonEl.addEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.addEventListener("click",this._onCancelButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._submitButtonEl.removeEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.removeEventListener("click",this._onCancelButtonClickListener)}submit(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-submit"))}cancel(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cancel"))}destroy(){super.destroy(),this._onSubmitButtonClickListener=null,this._onCancelButtonClickListener=null}}function kn(){this.submit()}function Cn(){this.cancel()}const Sn={baseClass:"panel-dialog",quickDismiss:!0,closeButtonSelector:".panel-dialog__close",doneButtonSelector:".panel-dialog__done",windowSelector:".panel-dialog__window",transitionsModifier:"mask-fade-slow"};class Mn extends bn{constructor(t,e={}){super(t,Object.assign({},Sn,e))}}const An={autoDismissTimer:6e3,baseClass:"snackbar-dialog",ctaButtonSelector:".snackbar-dialog__cta",transitionsModifier:"transition"};class On extends ln{constructor(t,e={}){super(t,Object.assign({},An,e)),this._autoDismissTimeout=null}_show(){super._show(),this._autoDismissTimeout=setTimeout(((t=this)=>t.close()),this._options.autoDismissTimer)}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=Tn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function Tn(){this.cta()}const In={baseClass:"toast-dialog",closeButtonSelector:".toast-dialog__close",ctaButtonSelector:".toast-dialog__cta",transitionsModifier:"transition"};class Dn extends ln{constructor(t,e={}){super(t,Object.assign({},In,e))}_show(){super._show()}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=qn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function qn(){this.cta()}const Bn=Math.min,Fn=Math.max,Rn=Math.round,Nn=Math.floor,jn=t=>({x:t,y:t}),Kn={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"};function Hn(t,e,n){return Fn(t,Bn(e,n))}function Wn(t,e){return"function"==typeof t?t(e):t}function $n(t){return t.split("-")[0]}function Vn(t){return t.split("-")[1]}function zn(t){return"x"===t?"y":"x"}function Gn(t){return"y"===t?"height":"width"}function Un(t){return["top","bottom"].includes($n(t))?"y":"x"}function Xn(t){return zn(Un(t))}function Yn(t){return t.replace(/start|end/g,(t=>Pn[t]))}function Jn(t){return t.replace(/left|right|bottom|top/g,(t=>Kn[t]))}function Qn(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Zn(t){const{x:e,y:n,width:i,height:s}=t;return{width:i,height:s,top:n,left:e,right:e+i,bottom:n+s,x:e,y:n}}function ti(t,e,n){let{reference:i,floating:s}=t;const o=Un(e),r=Xn(e),l=Gn(r),a=$n(e),c="y"===o,u=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,d=i[l]/2-s[l]/2;let m;switch(a){case"top":m={x:u,y:i.y-s.height};break;case"bottom":m={x:u,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:h};break;case"left":m={x:i.x-s.width,y:h};break;default:m={x:i.x,y:i.y}}switch(Vn(e)){case"start":m[r]-=d*(n&&c?-1:1);break;case"end":m[r]+=d*(n&&c?-1:1)}return m}async function ei(t,e){var n;void 0===e&&(e={});const{x:i,y:s,platform:o,rects:r,elements:l,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:d=!1,padding:m=0}=Wn(e,t),b=Qn(m),_=l[d?"floating"===h?"reference":"floating":h],f=Zn(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(_)))||n?_:_.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),p="floating"===h?{x:i,y:s,width:r.floating.width,height:r.floating.height}:r.reference,v=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),E=await(null==o.isElement?void 0:o.isElement(v))&&await(null==o.getScale?void 0:o.getScale(v))||{x:1,y:1},g=Zn(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:p,offsetParent:v,strategy:a}):p);return{top:(f.top-g.top+b.top)/E.y,bottom:(g.bottom-f.bottom+b.bottom)/E.y,left:(f.left-g.left+b.left)/E.x,right:(g.right-f.right+b.right)/E.x}}function ni(t){const e=Bn(...t.map((t=>t.left))),n=Bn(...t.map((t=>t.top)));return{x:e,y:n,width:Fn(...t.map((t=>t.right)))-e,height:Fn(...t.map((t=>t.bottom)))-n}}function ii(t){return ri(t)?(t.nodeName||"").toLowerCase():"#document"}function si(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function oi(t){var e;return null==(e=(ri(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ri(t){return t instanceof Node||t instanceof si(t).Node}function li(t){return t instanceof Element||t instanceof si(t).Element}function ai(t){return t instanceof HTMLElement||t instanceof si(t).HTMLElement}function ci(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof si(t).ShadowRoot)}function ui(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=fi(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function hi(t){return["table","td","th"].includes(ii(t))}function di(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function mi(t){const e=bi(),n=fi(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function bi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function _i(t){return["html","body","#document"].includes(ii(t))}function fi(t){return si(t).getComputedStyle(t)}function pi(t){return li(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function vi(t){if("html"===ii(t))return t;const e=t.assignedSlot||t.parentNode||ci(t)&&t.host||oi(t);return ci(e)?e.host:e}function Ei(t){const e=vi(t);return _i(e)?t.ownerDocument?t.ownerDocument.body:t.body:ai(e)&&ui(e)?e:Ei(e)}function gi(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const s=Ei(t),o=s===(null==(i=t.ownerDocument)?void 0:i.body),r=si(s);return o?e.concat(r,r.visualViewport||[],ui(s)?s:[],r.frameElement&&n?gi(r.frameElement):[]):e.concat(s,gi(s,[],n))}function Li(t){const e=fi(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=ai(t),o=s?t.offsetWidth:n,r=s?t.offsetHeight:i,l=Rn(n)!==o||Rn(i)!==r;return l&&(n=o,i=r),{width:n,height:i,$:l}}function xi(t){return li(t)?t:t.contextElement}function yi(t){const e=xi(t);if(!ai(e))return jn(1);const n=e.getBoundingClientRect(),{width:i,height:s,$:o}=Li(e);let r=(o?Rn(n.width):n.width)/i,l=(o?Rn(n.height):n.height)/s;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}const wi=jn(0);function ki(t){const e=si(t);return bi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:wi}function Ci(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect(),o=xi(t);let r=jn(1);e&&(i?li(i)&&(r=yi(i)):r=yi(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==si(t))&&e}(o,n,i)?ki(o):jn(0);let a=(s.left+l.x)/r.x,c=(s.top+l.y)/r.y,u=s.width/r.x,h=s.height/r.y;if(o){const t=si(o),e=i&&li(i)?si(i):i;let n=t,s=n.frameElement;for(;s&&i&&e!==n;){const t=yi(s),e=s.getBoundingClientRect(),i=fi(s),o=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,c*=t.y,u*=t.x,h*=t.y,a+=o,c+=r,n=si(s),s=n.frameElement}}return Zn({width:u,height:h,x:a,y:c})}function Si(t){return Ci(oi(t)).left+pi(t).scrollLeft}function Mi(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=si(t),i=oi(t),s=n.visualViewport;let o=i.clientWidth,r=i.clientHeight,l=0,a=0;if(s){o=s.width,r=s.height;const t=bi();(!t||t&&"fixed"===e)&&(l=s.offsetLeft,a=s.offsetTop)}return{width:o,height:r,x:l,y:a}}(t,n);else if("document"===e)i=function(t){const e=oi(t),n=pi(t),i=t.ownerDocument.body,s=Fn(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),o=Fn(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let r=-n.scrollLeft+Si(t);const l=-n.scrollTop;return"rtl"===fi(i).direction&&(r+=Fn(e.clientWidth,i.clientWidth)-s),{width:s,height:o,x:r,y:l}}(oi(t));else if(li(e))i=function(t,e){const n=Ci(t,!0,"fixed"===e),i=n.top+t.clientTop,s=n.left+t.clientLeft,o=ai(t)?yi(t):jn(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:s*o.x,y:i*o.y}}(e,n);else{const n=ki(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return Zn(i)}function Ai(t,e){const n=vi(t);return!(n===e||!li(n)||_i(n))&&("fixed"===fi(n).position||Ai(n,e))}function Oi(t,e,n){const i=ai(e),s=oi(e),o="fixed"===n,r=Ci(t,!0,o,e);let l={scrollLeft:0,scrollTop:0};const a=jn(0);if(i||!i&&!o)if(("body"!==ii(e)||ui(s))&&(l=pi(e)),i){const t=Ci(e,!0,o,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else s&&(a.x=Si(s));return{x:r.left+l.scrollLeft-a.x,y:r.top+l.scrollTop-a.y,width:r.width,height:r.height}}function Ti(t){return"static"===fi(t).position}function Ii(t,e){return ai(t)&&"fixed"!==fi(t).position?e?e(t):t.offsetParent:null}function Di(t,e){const n=si(t);if(di(t))return n;if(!ai(t)){let e=vi(t);for(;e&&!_i(e);){if(li(e)&&!Ti(e))return e;e=vi(e)}return n}let i=Ii(t,e);for(;i&&hi(i)&&Ti(i);)i=Ii(i,e);return i&&_i(i)&&Ti(i)&&!mi(i)?n:i||function(t){let e=vi(t);for(;ai(e)&&!_i(e);){if(di(e))return null;if(mi(e))return e;e=vi(e)}return null}(t)||n}const qi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:s}=t;const o="fixed"===s,r=oi(i),l=!!e&&di(e.floating);if(i===r||l&&o)return n;let a={scrollLeft:0,scrollTop:0},c=jn(1);const u=jn(0),h=ai(i);if((h||!h&&!o)&&(("body"!==ii(i)||ui(r))&&(a=pi(i)),ai(i))){const t=Ci(i);c=yi(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+u.x,y:n.y*c.y-a.scrollTop*c.y+u.y}},getDocumentElement:oi,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:s}=t;const o=[..."clippingAncestors"===n?di(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=gi(t,[],!1).filter((t=>li(t)&&"body"!==ii(t))),s=null;const o="fixed"===fi(t).position;let r=o?vi(t):t;for(;li(r)&&!_i(r);){const e=fi(r),n=mi(r);n||"fixed"!==e.position||(s=null),(o?!n&&!s:!n&&"static"===e.position&&s&&["absolute","fixed"].includes(s.position)||ui(r)&&!n&&Ai(t,r))?i=i.filter((t=>t!==r)):s=e,r=vi(r)}return e.set(t,i),i}(e,this._c):[].concat(n),i],r=o[0],l=o.reduce(((t,n)=>{const i=Mi(e,n,s);return t.top=Fn(i.top,t.top),t.right=Bn(i.right,t.right),t.bottom=Bn(i.bottom,t.bottom),t.left=Fn(i.left,t.left),t}),Mi(e,r,s));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Di,getElementRects:async function(t){const e=this.getOffsetParent||Di,n=this.getDimensions,i=await n(t.floating);return{reference:Oi(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=Li(t);return{width:e,height:n}},getScale:yi,isElement:li,isRTL:function(t){return"rtl"===fi(t).direction}};const Bi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:s}=e,{mainAxis:o=!0,crossAxis:r=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...a}=Wn(t,e),c={x:n,y:i},u=await ei(e,a),h=Un($n(s)),d=zn(h);let m=c[d],b=c[h];if(o){const t="y"===d?"bottom":"right";m=Hn(m+u["y"===d?"top":"left"],m,m-u[t])}if(r){const t="y"===h?"bottom":"right";b=Hn(b+u["y"===h?"top":"left"],b,b-u[t])}const _=l.fn({...e,[d]:m,[h]:b});return{..._,data:{x:_.x-n,y:_.y-i}}}}},Fi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:s,middlewareData:o,rects:r,initialPlacement:l,platform:a,elements:c}=e,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:_=!0,...f}=Wn(t,e);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const p=$n(s),v=Un(l),E=$n(l)===l,g=await(null==a.isRTL?void 0:a.isRTL(c.floating)),L=d||(E||!_?[Jn(l)]:function(t){const e=Jn(t);return[Yn(t),e,Yn(e)]}(l)),x="none"!==b;!d&&x&&L.push(...function(t,e,n,i){const s=Vn(t);let o=function(t,e,n){const i=["left","right"],s=["right","left"],o=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?s:i:e?i:s;case"left":case"right":return e?o:r;default:return[]}}($n(t),"start"===n,i);return s&&(o=o.map((t=>t+"-"+s)),e&&(o=o.concat(o.map(Yn)))),o}(l,_,b,g));const y=[l,...L],w=await ei(e,f),k=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(u&&k.push(w[p]),h){const t=function(t,e,n){void 0===n&&(n=!1);const i=Vn(t),s=Xn(t),o=Gn(s);let r="x"===s?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=Jn(r)),[r,Jn(r)]}(s,r,g);k.push(w[t[0]],w[t[1]])}if(C=[...C,{placement:s,overflows:k}],!k.every((t=>t<=0))){var S,M;const t=((null==(S=o.flip)?void 0:S.index)||0)+1,e=y[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(M=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:M.placement;if(!n)switch(m){case"bestFit":{var A;const t=null==(A=C.filter((t=>{if(x){const e=Un(t.placement);return e===v||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},Ri=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:s,rects:o,platform:r,elements:l,middlewareData:a}=e,{element:c,padding:u=0}=Wn(t,e)||{};if(null==c)return{};const h=Qn(u),d={x:n,y:i},m=Xn(s),b=Gn(m),_=await r.getDimensions(c),f="y"===m,p=f?"top":"left",v=f?"bottom":"right",E=f?"clientHeight":"clientWidth",g=o.reference[b]+o.reference[m]-d[m]-o.floating[b],L=d[m]-o.reference[m],x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let y=x?x[E]:0;y&&await(null==r.isElement?void 0:r.isElement(x))||(y=l.floating[E]||o.floating[b]);const w=g/2-L/2,k=y/2-_[b]/2-1,C=Bn(h[p],k),S=Bn(h[v],k),M=C,A=y-_[b]-S,O=y/2-_[b]/2+w,T=Hn(M,O,A),I=!a.arrow&&null!=Vn(s)&&O!==T&&o.reference[b]/2-(Ot.y-e.y)),n=[];let i=null;for(let t=0;ti.height/2?n.push([s]):n[n.length-1].push(s),i=s}return n.map((t=>Zn(ni(t))))}(u),d=Zn(ni(u)),m=Qn(l),b=await o.getElementRects({reference:{getBoundingClientRect:function(){if(2===h.length&&h[0].left>h[1].right&&null!=a&&null!=c)return h.find((t=>a>t.left-m.left&&at.top-m.top&&c=2){if("y"===Un(n)){const t=h[0],e=h[h.length-1],i="top"===$n(n),s=t.top,o=e.bottom,r=i?t.left:e.left,l=i?t.right:e.right;return{top:s,bottom:o,left:r,right:l,width:l-r,height:o-s,x:r,y:s}}const t="left"===$n(n),e=Fn(...h.map((t=>t.right))),i=Bn(...h.map((t=>t.left))),s=h.filter((n=>t?n.left===i:n.right===e)),o=s[0].top,r=s[s.length-1].bottom;return{top:o,bottom:r,left:i,right:e,width:e-i,height:r-o,x:i,y:o}}return d}},floating:i.floating,strategy:r});return s.reference.x!==b.reference.x||s.reference.y!==b.reference.y||s.reference.width!==b.reference.width||s.reference.height!==b.reference.height?{reset:{rects:b}}:{}}}};if(void 0!==window.URLSearchParams){const t=new URLSearchParams(location.search);t.has("debug")&&"1"===t.get("debug")&&document.querySelectorAll(".page-grid").forEach((t=>{t.classList.add("page-grid--debug")})),t.has("dark")&&"1"===t.get("dark")&&document.querySelector("body").classList.add("skin-experiment-dark-mode")}const ji=[];let Ki;const Pi=t=>console.log(t.type,t.detail);document.getElementById("busy-button").addEventListener("click",(function(){const t=this;t.setAttribute("aria-label","Busy..."),t.innerHTML='\n \n \n \n ',window.setTimeout((function(){t.removeAttribute("aria-label"),t.innerHTML="Activate Spinner"}),2e3)})),document.querySelectorAll('.checkbox input[aria-checked="mixed"]').forEach((function(t){t.addEventListener("click",(function(){const t=!0===this.checked;this.setAttribute("aria-checked",t?"mixed":"false")}))})),document.querySelectorAll(".breadcrumbs").forEach((function(t){const e=t.offsetWidth,n=t.scrollWidth-e;n&&t.scroll(n,0)})),document.querySelectorAll(".expand-btn").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".filter-menu-button--form button").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".fake-menu-button").forEach((function(t){let e=".icon-btn";t.querySelector(".expand-btn")?e=".expand-btn":t.querySelector(".btn")&&(e=".btn"),ji.push(new it(t,{expandOnClick:!0,collapseOnFocusOut:!0,collapseOnClickOut:!0,contentSelector:".fake-menu-button__menu",focusManagement:"focusable",hostSelector:e}))})),document.querySelectorAll(".combobox").forEach((function(t){ji.push(new Tt(t)),t.addEventListener("makeup-combobox-change",Pi)})),document.querySelectorAll(".dialog-button").forEach((function(t){const e=t.dataset.makeupFor,n=document.getElementById(e),i=n.classList;let s;i.contains("confirm-dialog")?s=new gn(n):i.contains("alert-dialog")?s=new pn(n):i.contains("lightbox-dialog--input")?s=new wn(n):i.contains("snackbar-dialog")?s=new On(n):i.contains("toast-dialog")?s=new Dn(n):i.contains("panel-dialog")?s=new Mn(n):i.contains("lightbox-dialog")&&(s=new bn(n)),ji.push(new Ht(t,s)),s._el.addEventListener("dialog-open",Pi),s._el.addEventListener("dialog-close",Pi),s._el.addEventListener("dialog-acknowledge",Pi),s._el.addEventListener("dialog-confirm",Pi),s._el.addEventListener("dialog-reject",Pi),s._el.addEventListener("dialog-cta",Pi)}));class Hi{constructor(t,e){this.messageContainerEl=t.querySelector(".progress-bar-expressive__messages"),this.messages=e,this.messageContainerEl&&this.messages&&(this.isInitialized=!0,this.nextMessageEl=t.querySelector('[aria-hidden="true"]'),this.currentMessageEl=t.querySelector('[role="status"]'),this.messageIndex=0,this.message=this.messages[this.messageIndex])}queueNextMessage(){this.isInitialized&&this.messages.length>1&&(this.messageIndex=(this.messageIndex+1)%this.messages.length,this.message=this.messages[this.messageIndex],this.nextMessageEl.innerText=this.messages[this.messageIndex],this.nextMessageEl.classList.add("progress-bar-expressive__message--in"),this.currentMessageEl.classList.add("progress-bar-expressive__message--out"),setTimeout(this.showMessage.bind(this),833))}showMessage(){this.isInitialized&&(this.currentMessageEl.innerText=this.message,this.currentMessageEl.classList.remove("progress-bar-expressive__message--out"),this.nextMessageEl.classList.remove("progress-bar-expressive__message--in"),setTimeout(this.queueNextMessage.bind(this),2e3))}}document.querySelectorAll(".progress-bar-expressive-messages-example").forEach((function(t){const e=new Hi(t,["Hang tight.","We're finishing your order.","Just another moment."]);e.isInitialized&&e.queueNextMessage()}));class Wi{constructor(t,e){this.host=t.querySelector(".".concat(e,"__host")),this.overlay=t.querySelector(".".concat(e,"__overlay")),this.arrowEl=t.querySelector(".".concat(e,"__pointer")),this.host&&this.overlay&&(this.isInitialized=!0)}init(){this.cleanup=function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:o=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=xi(t),u=s||o?[...c?gi(c):[],...gi(e)]:[];u.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),o&&t.addEventListener("resize",n)}));const h=c&&l?function(t,e){let n,i=null;const s=oi(t);function o(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function r(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),o();const{left:c,top:u,width:h,height:d}=t.getBoundingClientRect();if(l||e(),!h||!d)return;const m={rootMargin:-Nn(u)+"px "+-Nn(s.clientWidth-(c+h))+"px "+-Nn(s.clientHeight-(u+d))+"px "+-Nn(c)+"px",threshold:Fn(0,Bn(1,a))||1};let b=!0;function _(t){const e=t[0].intersectionRatio;if(e!==a){if(!b)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(_,{...m,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(_,m)}i.observe(t)}(!0),o}(c,n):null;let d,m=-1,b=null;r&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),n()})),c&&!a&&b.observe(c),b.observe(e));let _=a?Ci(t):null;return a&&function e(){const i=Ci(t);!_||i.x===_.x&&i.y===_.y&&i.width===_.width&&i.height===_.height||n(),_=i,d=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{s&&t.removeEventListener("scroll",n),o&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,a&&cancelAnimationFrame(d)}}(this.host,this.overlay,this.update.bind(this))}update(){var t;this.isInitialized&&((t,e,n)=>{const i=new Map,s={platform:qi,...n},o={...s.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:s="absolute",middleware:o=[],platform:r}=n,l=o.filter(Boolean),a=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:s}),{x:u,y:h}=ti(c,i,a),d=i,m={},b=0;for(let n=0;n{let{x:e,y:n,placement:i,middlewareData:s}=t;if(Object.assign(this.overlay.style,{left:"".concat(e,"px"),top:"".concat(n,"px")}),s.arrow){const{x:t,y:e}=s.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=t?"".concat(t,"px"):"",top:null!=e?"".concat(e,"px"):"",right:"",bottom:"",[n]:"-4px"})}}))}show(){this.host.setAttribute("aria-expanded","true"),this.init()}isExpanded(){return console.log(this.host,this.host.getAttribute("aria-expanded")),"true"===this.host.getAttribute("aria-expanded")}hide(){this.isExpanded()&&(this.host.setAttribute("aria-expanded","false"),this.cleanup&&this.cleanup())}}document.querySelectorAll(".tooltip").forEach((function(t){t.classList.contains("tooltip--js")||ji.push(new it(t,{contentSelector:".tooltip__overlay",collapseOnFocusOut:!0,collapseOnMouseOut:!0,expandOnFocus:!0,expandOnHover:!0,focusManagement:"focusable",hostSelector:".tooltip__host"}))})),document.querySelectorAll(".tooltip--js").forEach((function(t){const e=new Wi(t,"tooltip");e.isInitialized&&(["mouseenter","focus"].forEach((t=>{e.host.addEventListener(t,(()=>e.show()))})),["mouseleave","blur"].forEach((t=>{e.host.addEventListener(t,(()=>e.hide()))})))})),document.querySelectorAll(".infotip").forEach((function(t){if(t.classList.contains("infotip--js"))return;const e=t.querySelector("button"),n=".infotip__host";if(!t.querySelector(n))return;const i=new it(t,{contentSelector:".infotip__overlay",expandOnFocus:!1,expandOnClick:!0,hostSelector:n});t.querySelector(".infotip__close").addEventListener("click",(function(){i.expanded=!1,e.focus()}))})),document.querySelectorAll(".infotip--js").forEach((function(t){const e=new Wi(t,"infotip");if(!e.isInitialized)return;e.host.addEventListener("click",(()=>{e.isExpanded()?e.hide():e.show()}));const n=t.querySelector("button");t.querySelector(".infotip__close").addEventListener("click",(function(){n.focus(),e.isInitialized&&e.hide()}))})),document.querySelectorAll(".tourtip").forEach((function(t){t.classList.contains("tourtip--js")||t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded")}))})),document.querySelectorAll(".tourtip--js").forEach((function(t){const e=new Wi(t,"tourtip");e.isInitialized&&(e.init(),t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded"),e.hide()})))})),document.querySelectorAll(".floating-label").forEach((function(t){t.parentElement.classList.contains("phone-input")||ji.push(new bt(t))})),document.querySelectorAll(".progress-bar-toggle").forEach((function(t){const e=t.dataset.progressPlayButtonFor,n=document.getElementById(e),i=function(){const t=n.value+10;let e;e=t>100?100:t,n.value=e};t.addEventListener("click",(function(){Ki?(clearInterval(Ki),Ki=null):(i(),Ki=setInterval(i,1e3))}))})),document.querySelectorAll(".progress-bar-reset").forEach((function(t){const e=t.dataset.progressResetButtonFor,n=document.getElementById(e);t.addEventListener("click",(function(){Ki&&(clearInterval(Ki),Ki=null),n.value=0}))})),document.querySelectorAll(".star-rating-select").forEach((function(t){t.addEventListener("change",(function(e){const n=e.target.value-1;t.querySelectorAll("input").forEach((function(t,e){t.classList.toggle("star-rating-select__control--filled",e{console.log(t.type,t.detail)}))})),document.querySelectorAll(".phone-input .listbox-button").forEach((function(t){const e={autoSelect:"true"===t.dataset.makeupAutoSelect,buttonLabelSelector:".btn__text",buttonValueType:"icon",listboxOptionIconSelector:".fflag",listboxOptionAriaLabelSelector:".listbox-button__value span"};ji.push(new Gt(t,e)),t.addEventListener("makeup-listbox-button-change",(e=>{var n;console.log(e.type,e.detail);const i=t.querySelector('.listbox-button__option[aria-selected="true"]');t.nextElementSibling.querySelector(".textbox > span").textContent="+".concat(null===(n=i.querySelector("span.fflag"))||void 0===n?void 0:n.dataset.countryCode)}))})),document.querySelectorAll(".menu-button").forEach((function(t){const e=new re(t,{menuSelector:".menu-button__menu",buttonTextSelector:".btn__text"});e.menu.el.addEventListener("makeup-menu-select",Pi),e.menu.el.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".filter-menu-button:not(.filter-menu-button--form)").forEach((function(t){const e=new re(t,{expandedClass:"filter-menu-button--expanded",menuSelector:".filter-menu-button__menu"});e.menu.el.addEventListener("makeup-menu-select",Pi),e.menu.el.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".menu").forEach((function(t){ji.push(new ee(t)),t.addEventListener("makeup-menu-select",Pi),t.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".filter-menu").forEach((function(t){ji.push(new ee(t)),t.addEventListener("makeup-menu-select",Pi),t.addEventListener("makeup-menu-change",Pi),t.addEventListener("makeup-menu-toggle",Pi)})),document.querySelectorAll(".segmented-buttons").forEach((function(t){const e=t.querySelectorAll("button");e.forEach((function(t){t.addEventListener("click",(function(){e.forEach((function(t){t.removeAttribute("aria-current")})),t.setAttribute("aria-current","true")}))}))})),document.querySelectorAll("input.switch__control").forEach((function(t){t.setAttribute("aria-checked",t.checked?"true":"false"),t.addEventListener("change",(function(t){t.target.setAttribute("aria-checked",t.target.checked?"true":"false")}))})),document.querySelectorAll(".switch:not(.switch--form)").forEach((function(t){ji.push(new de(t,{bem:{control:"switch__control"}})),t.addEventListener("makeup-switch-toggle",Pi)})),document.querySelectorAll(".toggle-button").forEach((function(t){t.closest(".toggle-button-group")||t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-pressed");this.setAttribute("aria-pressed",!t)}))})),function(){const t=".toggle-button",e="aria-pressed";document.querySelectorAll(".toggle-button-group").forEach((function(n){function i(t){const n="true"===t.getAttribute(e);t.setAttribute(e,!n)}function s(t){return t.getAttribute(e)&&"true"===t.getAttribute(e)}n.addEventListener("click",(function(e){const o=this.getAttribute("data-selection-type"),r=e.target;if(r.matches("button"))switch(o){case"single-optional":!function(e,n){if(s(e))return i(e);n.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(e)}(r,n);break;case"single-required":a=n,s(l=r)||(a.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(l));break;default:i(r)}var l,a}))})),document.querySelectorAll(".toggle-button-group-responsive-demo").forEach((function(t){const e=t.querySelector(".toggle-button-group-breakpoints-range"),n=t.querySelector(".toggle-button-group-breakpoints-output"),i=t.querySelector(".toggle-button-group-breakpoints-container");e.addEventListener("input",(function(t){n.textContent=t.target.value,i.style.width="".concat(t.target.value,"px")}))}))}();const $i=((t,e)=>{let n;return function(){for(var t=arguments.length,e=new Array(t),i=0;i{n=null,function(t,e){let n="off";const i=t.value.length,s=e.innerHTML.split(/([0-9]+)( \w+ )([0-9]+)/g);if(s.length<=1)return;s[1]=i;const o=s[3];e.innerHTML=s.join(""),i>=o&&(n="polite"),t.setAttribute("aria-live",n)}(...e)}),500)}})();document.querySelectorAll(".field").forEach((function(t){const e=t.querySelector("input,textarea"),n=e&&e.dataset.fieldCount;if(n){const i=t.querySelector("#".concat(n));e.addEventListener("keydown",$i.bind(this,e,i))}})),document.querySelectorAll(".chips-combobox").forEach((function(t){const e=t.querySelector(".chips-combobox__items"),n=t.querySelector(".chips-combobox__combobox").querySelector(".combobox__options"),i="div.combobox__option",s="button.chip__button";t.addEventListener("click",(function(t){const o=t.target;if(o.matches(i)||o.matches(s)){if(o.matches(i)){const t=o.innerText.trim();n.removeChild(o),function(t){const n='\n
  • \n \n \n '.concat(t,'\n \n \n \n
    • \n ');e.insertAdjacentHTML("beforeend",n)}(t)}if(o.matches(s)){const t=o.previousElementSibling.innerText.trim(),i=o.closest("li");e.removeChild(i),function(t){const e='\n
    \n '.concat(t,"\n
    \n ");n.insertAdjacentHTML("beforeend",e)}(t)}}}))}))})(); +(()=>{"use strict";function t(t){!function(t,e,n){if(!t.shiftKey){const s=t.key;switch(s){case"Enter":case"Escape":case"PageUp":case"PageDown":case"End":case"Home":case"ArrowLeft":case"ArrowUp":case"ArrowRight":case"ArrowDown":e.dispatchEvent(new CustomEvent((i=`${s}Key${n}`).charAt(0).toLowerCase()+i.slice(1),{detail:t,bubbles:!0}));break;case" ":e.dispatchEvent(new CustomEvent(`spacebarKey${n}`,{detail:t,bubbles:!0}));break;default:return}}var i}(t,this,"Down")}const e={},n="nid",i=function(t){const e="abcdefghijklmnopqrstuvwxyz",n=e+"0123456789";let i=e[s(25)];for(let t=1;t<3;t++)i+=n[s(35)];return i}();function s(t){return Math.floor(Math.random()*t)}function o(t,s=n){const o=`${s}${""===s?"":"-"}${i}`;return e[o]=e[o]||0,t.id||t.setAttribute("id",`${o}-${e[o]++}`),t.id}const r={};function l(t,e,n){t.dispatchEvent(new CustomEvent("focusExit",{detail:{fromElement:e,toElement:n},bubbles:!1}))}function a(t){const e=t.target;!0===this.el.contains(e)?this.currentFocusElement=e:(window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),l(this.el,this.currentFocusElement,e),this.currentFocusElement=null)}function c(){l(this.el,this.currentFocusElement,void 0)}function u(){document.addEventListener("focusin",this.onDocumentFocusInListener),window.addEventListener("blur",this.onWindowBlurListener)}class h{constructor(t){this.el=t,this.currentFocusElement=null,this.onWidgetFocusInListener=u.bind(this),this.onDocumentFocusInListener=a.bind(this),this.onWindowBlurListener=c.bind(this),this.el.addEventListener("focusin",this.onWidgetFocusInListener)}removeEventListeners(){window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),this.el.removeEventListener("focusin",this.onWidgetFocusInListener)}}function d(t){let e=null;return o(t),r[t.id]||(e=new h(t),r[t.id]=e),e}const m={axis:"both",autoInit:"interactive",autoReset:"current",ignoreByDelegateSelector:null,wrap:!1};function b(t){return!t.hidden&&"true"!==t.getAttribute("aria-disabled")}function _(t,e){return e>=0&&eb(t)))}function p(t){return t.indexOf(function(t){return t.filter(b)}(t).reverse()[0])}function v(t,e,n){return t.findIndex((t=>b(t)&&t.getAttribute(e)===n))}function E(t){return v(t,"aria-selected","true")}function g(t,e){return null!==e.ignoreByDelegateSelector?[...t.querySelectorAll(e.ignoreByDelegateSelector)]:[]}function L(t,e,n){let i=-1;switch(t){case"none":i=null;break;case"current":i=n;break;case"interactive":i=f(e);break;case"ariaChecked":i=function(t){return v(t,"aria-checked","true")}(e);break;case"ariaSelected":i=E(e);break;case"ariaSelectedOrInteractive":i=E(e),i=-1===i?f(e):i;break;default:i="number"==typeof t||null===t?t:-1}return i}function x(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e);else if(function(t,e){return e===f(t)}(t,e))!0===n&&(i=p(t));else{let n=e;for(;--n>=0;)if(b(t[n])){i=n;break}}return i}(this.items,this.index,this.options.wrap))}function y(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e)i=f(t);else if(function(t,e){return e===p(t)}(t,e))!0===n&&(i=f(t));else{let n=e;for(;++n0&&[...o].includes(this._cachedElement)?n=f(this.items):(o.length>0||i.length>0)&&(n=this.indexOf(this._cachedElement))),this._index=n,this._el.dispatchEvent(new CustomEvent("navigationModelMutation",{bubbles:!1,detail:{fromIndex:e,toIndex:n}}))}class A{constructor(t,e,n){this.options=Object.assign({},m,n),this._el=t,this._itemSelector=e}}class O extends A{constructor(t,e,n){super(t,e,n);const i=this._index,s=L(this.options.autoInit,this.items,this.index);this._index=s,this._cachedElement=this.items[s],this._el.dispatchEvent(new CustomEvent("navigationModelInit",{bubbles:!1,detail:{firstInteractiveIndex:this.firstNavigableIndex,fromIndex:i,items:this.items,toIndex:s}}))}get currentItem(){return this.items[this.index]}get items(){return[...this._el.querySelectorAll(`${this._itemSelector}`)]}get index(){return this._index}set index(t){if(t!==this.index&&_(this.items,t)){const e=this.index;this._cachedElement=this.items[t],this._index=t,this._el.dispatchEvent(new CustomEvent("navigationModelChange",{bubbles:!1,detail:{fromIndex:e,toIndex:t}}))}}indexOf(t){return this.items.indexOf(t)}reset(){const t=this.index,e=L(this.options.autoReset,this.items,this.index);e!==t&&(this._index=e,this._el.dispatchEvent(new CustomEvent("navigationModelReset",{bubbles:!1,detail:{fromIndex:t,toIndex:e}})))}}class T{constructor(e,n){this.model=n,this.el=e,this._keyPrevListener=x.bind(n),this._keyNextListener=y.bind(n),this._keyHomeListener=k.bind(n),this._keyEndListener=C.bind(n),this._clickListener=w.bind(n),this._focusExitListener=S.bind(n),this._observer=new MutationObserver(M.bind(n)),function(e){e.addEventListener("keydown",t)}(this.el),d(this.el);const i=n.options.axis;"both"!==i&&"x"!==i||(this.el.addEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.addEventListener("arrowRightKeyDown",this._keyNextListener)),"both"!==i&&"y"!==i||(this.el.addEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.addEventListener("arrowDownKeyDown",this._keyNextListener)),this.el.addEventListener("homeKeyDown",this._keyHomeListener),this.el.addEventListener("endKeyDown",this._keyEndListener),this.el.addEventListener("click",this._clickListener),this.el.addEventListener("focusExit",this._focusExitListener),this._observer.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["aria-disabled","hidden"],attributes:!0,attributeOldValue:!0})}destroy(){this.el.removeEventListener("keydown",t),function(t){const e=r[t.id];e&&(e.removeEventListeners(),delete r[t.id])}(this.el),this.el.removeEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowRightKeyDown",this._keyNextListener),this.el.removeEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowDownKeyDown",this._keyNextListener),this.el.removeEventListener("homeKeyDown",this._keyHomeListener),this.el.removeEventListener("endKeyDown",this._keyEndListener),this.el.removeEventListener("click",this._clickListener),this.el.removeEventListener("focusExit",this._focusExitListener),this._observer.disconnect()}}function I(t,e,n){const i=new O(t,e,n);return new T(t,i)}const D={autoInit:"interactive",autoReset:"current",wrap:!1,axis:"both"};function q(t,e){t.forEach((function(t,n){t.setAttribute("tabindex",n===e?"0":"-1")}))}function B(t){q(t.detail.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexInit",{detail:t.detail}))}function F(t){const e=this.items,n=e[t.detail.fromIndex],i=e[t.detail.toIndex];n&&n.setAttribute("tabindex","-1"),i&&(i.setAttribute("tabindex","0"),i.focus()),this._el.dispatchEvent(new CustomEvent("rovingTabindexChange",{detail:t.detail}))}function R(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexReset",{detail:t.detail}))}function N(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexMutation",{detail:t.detail}))}class j{constructor(t){this._el=t,this._onMutationListener=N.bind(this),this._onChangeListener=F.bind(this),this._onInitListener=B.bind(this),this._onResetListener=R.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelInit",this._onInitListener),this._el.addEventListener("navigationModelReset",this._onResetListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelInit",this._onInitListener),this._el.removeEventListener("navigationModelReset",this._onResetListener)}}class K extends j{constructor(t,e,n){super(t),this._options=Object.assign({},D,n),this._itemSelector=e,this._navigationEmitter=I(t,e,{autoInit:void 0!==this._options.index?this._options.index:this._options.autoInit,autoReset:this._options.autoReset,wrap:this._options.wrap,axis:this._options.axis})}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}set wrap(t){this._navigationEmitter.model.options.wrap=t}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}reset(){this._navigationEmitter.model.reset()}destroy(){super.destroy(),this._navigationEmitter.destroy()}}function P(t,e,n){return new K(t,e,n)}const H=["a[href]","area[href]","button:not([disabled])","embed","iframe","input:not([disabled])","object","select:not([disabled])","textarea:not([disabled])","*[tabindex]","*[contenteditable]"].join();function W(t,e=!1,n){if(n){const i=requestAnimationFrame((()=>{n($(t,e))}));return()=>{cancelAnimationFrame(i)}}return $(t,e)}function $(t,e=!1){let n=Array.prototype.slice.call(t.querySelectorAll(H));return n=n.filter((function(t){return"none"!==window.getComputedStyle(t).display})),!0===e&&(n=n.filter((function(t){return"-1"!==t.getAttribute("tabindex")}))),n}const V={alwaysDoFocusManagement:!1,ariaControls:!0,autoCollapse:!1,collapseOnFocusOut:!1,collapseOnMouseOut:!1,collapseOnClickOut:!1,contentSelector:".expander__content",expandedClass:null,expandOnClick:!1,expandOnFocus:!1,expandOnHover:!1,focusManagement:null,hostSelector:".expander__host",simulateSpacebarClick:!1};function z(t){13!==t.keyCode&&32!==t.keyCode||(this._keyboardClickFlag=!0),32===t.keyCode&&!0===this.options.simulateSpacebarClick&&this.hostEl.click()}function G(){this._mouseClickFlag=!0}function U(){this._expandWasKeyboardClickActivated=this._keyboardClickFlag,this._expandWasMouseClickActivated=this._mouseClickFlag,this.expanded=!this.expanded}function X(){this._expandWasFocusActivated=!0,this.expanded=!0}function Y(){clearTimeout(this._mouseLeft),this._expandWasHoverActivated=!0,this.expanded=!0}function J(){this.expanded=!1}function Q(){clearTimeout(this._mouseLeft),this._mouseLeft=setTimeout((()=>{this.expanded=!1}),300)}function Z(t){!1===this.el.contains(t.target)&&(this.expanded=!1)}function tt(){this.documentClick=!0}function et(){this.documentClick=!1}function nt(t){!0===this.documentClick&&(this.documentClick=!1,!1===this.el.contains(t.target)&&(this.expanded=!1))}class it{constructor(t,e){this.options=Object.assign({},V,e),this.el=t,this.hostEl=t.querySelector(this.options.hostSelector),this.contentEl=t.querySelector(this.options.contentSelector),d(this.el),this._hostKeyDownListener=z.bind(this),this._hostMouseDownListener=G.bind(this),this._documentClickListener=Z.bind(this),this._documentTouchStartListener=tt.bind(this),this._documentTouchMoveListener=et.bind(this),this._documentTouchEndListener=nt.bind(this),this._hostClickListener=U.bind(this),this._hostFocusListener=X.bind(this),this._hostHoverListener=Y.bind(this),this._focusExitListener=J.bind(this),this._mouseLeaveListener=Q.bind(this),null===this.hostEl.getAttribute("aria-expanded")&&this.hostEl.setAttribute("aria-expanded","false"),!0===this.options.ariaControls&&(o(this.el,"expander"),this.contentEl.id=this.contentEl.id||`${this.el.id}-content`,this.hostEl.setAttribute("aria-controls",this.contentEl.id)),this.expandOnClick=this.options.expandOnClick,this.expandOnFocus=this.options.expandOnFocus,this.expandOnHover=this.options.expandOnHover,!1===this.options.autoCollapse&&(this.collapseOnClickOut=this.options.collapseOnClickOut,this.collapseOnFocusOut=this.options.collapseOnFocusOut,this.collapseOnMouseOut=this.options.collapseOnMouseOut)}set expandOnClick(t){!0===t?(this.hostEl.addEventListener("keydown",this._hostKeyDownListener),this.hostEl.addEventListener("mousedown",this._hostMouseDownListener),this.hostEl.addEventListener("click",this._hostClickListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):(this.hostEl.removeEventListener("click",this._hostClickListener),this.hostEl.removeEventListener("mousedown",this._hostMouseDownListener),this.hostEl.removeEventListener("keydown",this._hostKeyDownListener))}set expandOnFocus(t){!0===t?(this.hostEl.addEventListener("focus",this._hostFocusListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):this.hostEl.removeEventListener("focus",this._hostFocusListener)}set expandOnHover(t){!0===t?(this.hostEl.addEventListener("mouseenter",this._hostHoverListener),this.contentEl.addEventListener("mouseenter",this._hostHoverListener),!0===this.options.autoCollapse&&(this.collapseOnMouseOut=!0)):(this.hostEl.removeEventListener("mouseenter",this._hostHoverListener),this.contentEl.removeEventListener("mouseenter",this._hostHoverListener))}set collapseOnClickOut(t){!0===t?(document.addEventListener("click",this._documentClickListener),document.addEventListener("touchstart",this._documentTouchStartListener),document.addEventListener("touchmove",this._documentTouchMoveListener),document.addEventListener("touchend",this._documentTouchEndListener)):(document.removeEventListener("click",this._documentClickListener),document.removeEventListener("touchstart",this._documentTouchStartListener),document.removeEventListener("touchmove",this._documentTouchMoveListener),document.removeEventListener("touchend",this._documentTouchEndListener))}set collapseOnFocusOut(t){!0===t?this.el.addEventListener("focusExit",this._focusExitListener):this.el.removeEventListener("focusExit",this._focusExitListener)}set collapseOnMouseOut(t){!0===t?(this.el.addEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.addEventListener("mouseleave",this._mouseLeaveListener)):(this.el.removeEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.removeEventListener("mouseleave",this._mouseLeaveListener))}get expanded(){return"true"===this.hostEl.getAttribute("aria-expanded")}set expanded(t){!0===t&&!1===this.expanded&&(this.hostEl.setAttribute("aria-expanded","true"),this.options.expandedClass&&this.el.classList.add(this.options.expandedClass),(this._expandWasKeyboardClickActivated||this._expandWasMouseClickActivated&&this.options.alwaysDoFocusManagement)&&function(t,e){if("content"===t)e.setAttribute("tabindex","-1"),e.focus();else if("focusable"===t)W(e)[0].focus();else if("interactive"===t)W(e,!0)[0].focus();else if(null!==t){const n=e.querySelector(`#${t}`);n&&n.focus()}}(this.options.focusManagement,this.contentEl),this.el.dispatchEvent(new CustomEvent("expander-expand",{bubbles:!0,detail:this.contentEl}))),!1===t&&!0===this.expanded&&(this.hostEl.setAttribute("aria-expanded","false"),this.options.expandedClass&&this.el.classList.remove(this.options.expandedClass),this.el.dispatchEvent(new CustomEvent("expander-collapse",{bubbles:!0,detail:this.contentEl}))),this._expandWasKeyboardClickActivated=!1,this._expandWasMouseClickActivated=!1,this._expandWasFocusActivated=!1,this._expandWasHoverActivated=!1,this._keyboardClickFlag=!1,this._mouseClickFlag=!1}sleep(){!0!==this._destroyed&&(this.expandOnClick=!1,this.expandOnFocus=!1,this.expandOnHover=!1,this.collapseOnClickOut=!1,this.collapseOnFocusOut=!1,this.collapseOnMouseOut=!1)}destroy(){this.sleep(),this._destroyed=!0,this._hostKeyDownListener=null,this._hostMouseDownListener=null,this._documentClickListener=null,this._documentTouchStartListener=null,this._documentTouchMoveListener=null,this._documentTouchEndListener=null,this._hostClickListener=null,this._hostFocusListener=null,this._hostHoverListener=null,this._focusExitListener=null,this._mouseLeaveListener=null}}const st={labelElementAnimateModifier:"floating-label__label--animate",labelElementInlineModifier:"floating-label__label--inline",labelElementFocusModifier:"floating-label__label--focus",labelElementInvalidModifier:"floating-label__label--invalid",labelElementDisabledModifier:"floating-label__label--disabled",textboxElementBackgroundRGB:["rgb(255, 255, 255)","rgb(247, 247, 247)","rgb(245, 245, 245)","rgb(230, 32, 72)","rgb(254, 245, 246)","rgba(0, 0, 0, 0)"]};function ot(t,e){if(at(t)){t.style["min-width"]="";const n=t.offsetWidth,i=t.querySelector("option");i.value||(i.text=e),!e&&n>t.offsetWidth&&(t.style["min-width"]=`${n}px`)}else e?t.setAttribute("placeholder",e):t.removeAttribute("placeholder")}function rt(){const t=lt(this.formControlEl);this.placeholder=function(t){if(at(t)){const e=t.querySelector("option");return e.value?null:e.text}if(t.hasAttribute("placeholder"))return t.getAttribute("placeholder")}(this.formControlEl)||this.placeholder;const e=function(t){if(at(t)){const e=t.querySelector("option");if(e.value)return;return!!e.text}return t.hasAttribute("placeholder")}(this.formControlEl,this.placeholder);this.placeholder&&t&&!e?ot(this.formControlEl,this.placeholder):!t&&e&&ot(this.formControlEl,""),ut(this.formControlEl)?this.labelEl.classList.add(this.options.labelElementInvalidModifier):this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.formControlEl.hasAttribute("disabled")?this.labelEl.classList.add(this.options.labelElementDisabledModifier):this.labelEl.classList.remove(this.options.labelElementDisabledModifier)}function lt(t){return document.activeElement===t}function at(t){return"SELECT"===t.tagName}function ct(t){return t.value.length>0}function ut(t){return t.hasAttribute("aria-invalid")&&"true"===t.getAttribute("aria-invalid")}function ht(t,e){if(!at(t)){const n=getComputedStyle(t).backgroundColor;return Array.isArray(e)?!e.includes(n):n!==e}return!1}function dt(){ct(this.formControlEl)||this.labelEl.classList.add(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementFocusModifier),ut(this.formControlEl)&&this.labelEl.classList.add(this.options.labelElementInvalidModifier),ot(this.formControlEl,"")}function mt(){this.labelEl.classList.add(this.options.labelElementAnimateModifier),this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.placeholder&&ot(this.formControlEl,this.placeholder)}class bt{constructor(t,e){this.options=Object.assign({},st,e),this._observer=new MutationObserver(rt.bind(this)),this.rootEl=t,this.labelEl=this.rootEl.querySelector("label"),this.formControlEl=this.rootEl.querySelector("input,textarea,select"),this._onBlurListener=dt.bind(this),this._onFocusListener=mt.bind(this),this.formControlEl.addEventListener("blur",this._onBlurListener),this.formControlEl.addEventListener("focus",this._onFocusListener),ct(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?at(this.formControlEl)||this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier)),rt.call(this),this._observer.observe(this.formControlEl,{childList:at(this.formControlEl),subtree:at(this.formControlEl),attributeFilter:["disabled","aria-invalid","placeholder","value"],attributes:!0})}destroy(){this._observer.disconnect()}refresh(){ct(this.formControlEl)||at(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier))}}function _t(t){t.keyCode>=32&&t.keyCode<=40&&t.preventDefault()}function ft(t){t.addEventListener("keydown",_t)}const pt={activeDescendantClassName:"active-descendant",autoInit:"none",autoReset:"none",autoScroll:!1,axis:"both",wrap:!1};function vt(t){const{items:e,toIndex:n}=t.detail,i=e[n];i&&(i.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",i.id)),this._el.dispatchEvent(new CustomEvent("activeDescendantInit",{detail:t.detail}))}function Et(t){const{fromIndex:e,toIndex:n}=t.detail,i=this.items[e],s=this.items[n];i&&i.classList.remove(this._options.activeDescendantClassName),s&&(s.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",s.id),this._options.autoScroll&&this._containerEl&&(this._containerEl.scrollTop=s.offsetTop-this._containerEl.offsetHeight/2)),this._el.dispatchEvent(new CustomEvent("activeDescendantChange",{detail:t.detail}))}function gt(t){const e=t.detail.toIndex,n=this._options.activeDescendantClassName;if(this.items.forEach((function(t){t.classList.remove(n)})),null!==e&&-1!==e){const t=this.items[e];t.classList.add(n),this._focusEl.setAttribute("aria-activedescendant",t.id)}else this._focusEl.removeAttribute("aria-activedescendant");this._el.dispatchEvent(new CustomEvent("activeDescendantReset",{detail:t.detail}))}function Lt(t){const{toIndex:e}=t.detail,n=this._options.activeDescendantClassName;this.items.forEach((function(t,i){o(t),i!==e?t.classList.remove(n):t.classList.add(n)})),this._el.dispatchEvent(new CustomEvent("activeDescendantMutation",{detail:t.detail}))}class xt{constructor(t){this._el=t,this._onMutationListener=Lt.bind(this),this._onChangeListener=Et.bind(this),this._onResetListener=gt.bind(this),this._onInitListener=vt.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelReset",this._onResetListener),this._el.addEventListener("navigationModelInit",this._onInitListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelReset",this._onResetListener),this._el.removeEventListener("navigationModelInit",this._onInitListener)}}class yt extends xt{constructor(t,e,n,i,s){super(t),this._options=Object.assign({},pt,s),this._focusEl=e,this._itemContainerEl=n,this._itemSelector=i,o(this._itemContainerEl),this._itemContainerEl!==this._focusEl&&e.setAttribute("aria-owns",this._itemContainerEl.id),this._navigationEmitter=I(t,i,{autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:this._options.axis,ignoreByDelegateSelector:this._options.ignoreByDelegateSelector,wrap:this._options.wrap}),this.items.forEach((function(t){o(t)}))}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}reset(){this._navigationEmitter.model.reset()}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}set wrap(t){this._navigationEmitter.model.options.wrap=t}destroy(){super.destroy(),this._navigationEmitter.destroy()}}const wt={activeDescendantClassName:"listbox__option--active",autoInit:"ariaSelectedOrInteractive",autoReset:"ariaSelectedOrInteractive",autoSelect:!0,customElementMode:!1,focusableElement:null,listboxOwnerElement:null,multiSelect:!1,useAriaChecked:!0,valueSelector:".listbox__value"};class kt{constructor(t,e){this._options=Object.assign({},wt,e),this.el=t,this._activeDescendantRootEl=this._options.listboxOwnerElement||this.el,"listbox"===t.getAttribute("role")?this._listboxEl=t:this._listboxEl=this.el.querySelector("[role=listbox]"),this._options.focusableElement||null!==this._listboxEl.getAttribute("tabindex")||this._listboxEl.setAttribute("tabindex","0"),ft(this.el),this._onKeyDownListener=Ct.bind(this),this._onClickListener=St.bind(this),this._onActiveDescendantChangeListener=Mt.bind(this),this._onMutationListener=At.bind(this),this.el.classList.add("listbox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this._activeDescendant=function(t,e,n,i,s){return new yt(t,e,n,"[role=option]",s)}(this._activeDescendantRootEl,this._options.focusableElement||this._listboxEl,this._listboxEl,0,{activeDescendantClassName:this._options.activeDescendantClassName,autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:"y"})}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._listboxEl,{attributeFilter:["aria-selected"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onActiveDescendantChangeListener),this._listboxEl.addEventListener("keydown",this._onKeyDownListener),this._listboxEl.addEventListener("click",this._onClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("keydown",this._onKeyDownListener),this._listboxEl.removeEventListener("click",this._onClickListener),this._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onActiveDescendantChangeListener)}get index(){return this.items.findIndex((t=>"true"===t.getAttribute("aria-selected")))}get items(){return this._activeDescendant.items}select(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];let n;if(e.setAttribute("aria-selected","true"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","true"),n=e.innerText,this._options.valueSelector){const t=e.querySelector(this._options.valueSelector);t&&(n=t.innerText)}this.el.dispatchEvent(new CustomEvent("makeup-listbox-change",{detail:{el:e,optionIndex:t,optionValue:n}}))}this._observeMutations()}unselect(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];e.setAttribute("aria-selected","false"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","false")}this._observeMutations()}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onActiveDescendantChangeListener=null,this._onMutationListener=null}}function Ct(t){const e=this._activeDescendant.currentItem;var n;13!==(n=t.keyCode)&&32!==n||"true"===e?.getAttribute("aria-selected")||(this.unselect(this.index),this.select(this._activeDescendant.index))}function St(t){const e=t.target.closest("[role=option]"),n=this.items.indexOf(e),i="true"===e.getAttribute("aria-selected");"true"===e.getAttribute("aria-disabled")||!1!==this._options.autoSelect||!1!==i||(this.unselect(this.index),this.select(n))}function Mt(t){const{fromIndex:e,toIndex:n}=t.detail;if(!0===this._options.autoSelect){const t=this.items[e],i=this.items[n];t&&this.unselect(e),i&&this.select(n)}}function At(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-mutation",{detail:{attributeName:e.attributeName}}))}const Ot={autoSelect:!0,collapseTimeout:150,customElementMode:!1};class Tt{constructor(t,e){this._options=Object.assign({},Ot,e),this._el=t,this._inputEl=this._el.querySelector("input"),this._listboxEl=this._el.querySelector(".combobox__listbox"),this._autocompleteType=this._inputEl.getAttribute("aria-autocomplete"),this._inputEl.setAttribute("autocomplete","off"),this._inputEl.setAttribute("role","combobox"),this._listboxEl.hidden=!1,this._listboxWidget=new kt(this._listboxEl,{activeDescendantClassName:"combobox__option--active",autoReset:-1,autoSelect:this._options.autoSelect,focusableElement:this._inputEl,listboxOwnerElement:this._el}),this._expander=new it(this._el,{collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:".combobox__listbox",expandedClass:"combobox--expanded",expandOnFocus:!0,hostSelector:"input"}),this._destroyed=!1,this._onInputFocusListener=It.bind(this),this._onListboxClickListener=Ft.bind(this),this._onListboxActiveDescendantChangeListener=Rt.bind(this),this._onTextboxKeyDownListener=Dt.bind(this),this._onTextboxInputListener=Bt.bind(this),this._onTextboxClickListener=qt.bind(this),this._onMutationListener=Nt.bind(this),this._el.classList.add("combobox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}resetFilter(){this._listboxWidget._activeDescendant.reset(),this._listboxWidget.items.forEach((t=>t.hidden=!1))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._inputEl,{attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.addEventListener("focus",this._onInputFocusListener),this._inputEl.addEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.addEventListener("input",this._onTextboxInputListener),this._inputEl.addEventListener("click",this._onTextboxClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.removeEventListener("focus",this._onInputFocusListener),this._inputEl.removeEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.removeEventListener("input",this._onTextboxInputListener),this._inputEl.removeEventListener("click",this._onTextboxClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onInputFocusListener=null,this._onListboxClickListener=null,this._onListboxActiveDesendanctChangeListener=null,this._onTextboxKeyDownListener=null,this._onTextboxInputListener=null,this._onTextboxClickListener=null,this._onMutationListener=null}}function It(){this.resetFilter()}function Dt(t){if(38!==t.keyCode&&40!==t.keyCode||t.preventDefault(),40===t.keyCode&&!1===this._expander.expanded&&(this._expander.expanded=!0),27===t.keyCode&&!0===this._expander.expanded&&(this._expander.expanded=!1,this._listboxWidget._activeDescendant.reset()),!1===this._options.autoSelect&&13===t.keyCode&&this._inputEl.getAttribute("aria-activedescendant")){t.preventDefault();const e=this;this._inputEl.value=this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText,Kt(this._el,this._inputEl.value),this._listboxWidget._activeDescendant.reset(),setTimeout((function(){e._expander.expanded=!1,"list"===e._autocompleteType&&(0===e._inputEl.value.length?e.resetFilter():jt(e._inputEl.value,e._listboxWidget.items))}),this._options.collapseTimeout)}}function qt(){!1===this._expander.expanded&&(this._expander.expanded=!0)}function Bt(){!1===this._expander.expanded&&(this._expander.expanded=!0),"list"===this._autocompleteType&&(this._listboxWidget._activeDescendant.reset(),0===this._inputEl.value.length?this.resetFilter():jt(this._inputEl.value,this._listboxWidget.items))}function Ft(t){const e=this,n=t.target.closest("[role=option]"),i=this._listboxWidget.items.indexOf(n);console.log(i),void 0!==i&&(this._inputEl.value=this._listboxWidget.items[i].innerText,!1===this._options.autoSelect&&Kt(this._el,this._inputEl.value),setTimeout((function(){e._expander.expanded=!1}),this._options.collapseTimeout))}function Rt(t){!0===this._options.autoSelect&&(this._inputEl.value=this._listboxWidget.items[t.detail.toIndex].innerText,Kt(this._el,this._inputEl.value))}function Nt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-combobox-mutation",{detail:{attributeName:e.attributeName}}))}function jt(t,e){const n=t.length,i=t.toLowerCase(),s=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()===i)),o=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()!==i));s.forEach((t=>t.hidden=!1)),o.forEach((t=>t.hidden=!0))}function Kt(t,e){t.dispatchEvent(new CustomEvent("makeup-combobox-change",{detail:{value:e}}))}const Pt={customElementMode:!1};class Ht{constructor(t,e,n){this._options=Object.assign({},Pt,n),this._el=t,this._el.setAttribute("aria-haspopup","dialog"),this._dialog=e,this._onClickListener=$t.bind(this),this._onDialogCloseListener=Vt.bind(this),this._onMutationListener=Wt.bind(this),this._el.classList.add("dialog-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._el,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._el.addEventListener("click",this._onClickListener),this._dialog._el.addEventListener("dialog-close",this._onDialogCloseListener))}_unobserveEvents(){this._el.removeEventListener("click"),this._dialog._el.removeEventListener("dialog-close",this._onDialogCloseListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onDialogCloseListener=null,this._onMutationListener=null}}function Wt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-dialog-button-mutation",{detail:{attributeName:e.attributeName}}))}function $t(){this._dialog.open()}function Vt(){!0===this._dialog.modal&&this._el.focus()}const zt={autoSelect:!0,buttonLabelSelector:".btn__text",collapseTimeout:150,customElementMode:!1,listboxSelector:".listbox-button__listbox",floatingLabelSelector:".btn__floating-label",floatingLabelInline:"btn__floating-label--inline",floatingLabelAnimate:"btn__floating-label--animate",valueSelector:".listbox-button__value",buttonValueType:"text",listboxOptionIconSelector:".icon",listboxOptionAriaLabelSelector:null};class Gt{constructor(t,e){this._options=Object.assign({},zt,e),this.el=t,this._buttonEl=this.el.querySelector("button"),this._buttonLabelEl=t.querySelector(this._options.buttonLabelSelector),this._buttonFloatingLabelEl=t.querySelector(this._options.floatingLabelSelector),this._buttonPrefix=this._buttonEl.dataset?.listboxButtonPrefix,this._listboxEl=this.el.querySelector(this._options.listboxSelector),this._onButtonFirstClickListener=Ut.bind(this),this._onListboxClickListener=Yt.bind(this),this._onListboxKeyDownListener=Xt.bind(this),this._onListboxInitListener=Jt.bind(this),this._onListboxChangeListener=Qt.bind(this),this._onMutationListener=Zt.bind(this),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this.listbox=new kt(this._listboxEl,{activeDescendantClassName:"listbox-button__option--active",autoReset:"ariaSelectedOrInteractive",autoSelect:this._options.autoSelect,valueSelector:this._options.valueSelector}),this._expander=new it(this.el,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.listboxSelector,expandedClass:"listbox-button--expanded",expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this.el.classList.add("listbox-button--js"),this._buttonFloatingLabelEl&&(this._buttonLabelEl.innerText||this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._buttonEl,{attributeFilter:["aria-expanded"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxEl.removeEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.removeEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.removeEventListener("makeup-listbox-change",this._onListboxChangeListener)}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxEl.addEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.addEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.addEventListener("makeup-listbox-change",this._onListboxChangeListener))}collapse(){const t=this;setTimeout((function(){t._unobserveMutations(),t._expander.expanded=!1,t._observeMutations(),t._buttonEl.focus()}),this._options.collapseTimeout)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._unobserveMutations(),this._onButtonFirstClickListener=null,this._onListboxClickListener=null,this._onListboxKeyDownListener=null,this._onListboxInitListener=null,this._onListboxChangeListener=null,this._onMutationListener=null}}function Ut(){this.listbox.el.hidden=!1}function Xt(t){13!==t.keyCode&&27!==t.keyCode&&32!==t.keyCode||this.collapse()}function Yt(){this.collapse()}function Jt(t){this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-init",{detail:t.detail}))}function Qt(t){const e=t.detail.optionValue,{listboxOptionIconSelector:n,listboxOptionAriaLabelSelector:i,buttonValueType:s,floatingLabelAnimate:o,floatingLabelInline:r}=this._options,l=t.detail.el.querySelector(n).cloneNode(!0);let a=this._buttonPrefix?`${this._buttonPrefix}${e}`:e;if(l)switch(s){case"both":a=`${l.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=l.outerHTML}if(i){const e=t.detail.el.querySelector(i)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${e}`:e)}this._buttonLabelEl.innerHTML=a,this._buttonFloatingLabelEl&&(e?(this._buttonFloatingLabelEl.classList.add(o),this._buttonFloatingLabelEl.classList.remove(r)):this._buttonFloatingLabelEl.classList.add(r)),this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-change",{detail:t.detail}))}function Zt(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-mutation",{detail:{attributeName:e.attributeName}}))}const te={customElementMode:!1,autoInit:"interactive",autoReset:"interactive"};class ee{constructor(t,e){this._options=Object.assign({},te,e),this.el=t,this._rovingTabIndex=P(this.el,"[role^=menuitem]",{autoInit:this._options.autoInit,autoReset:this._options.autoReset}),ft(this.el),this._onKeyDownListener=ie.bind(this),this._onClickListener=se.bind(this),this._onMutationListener=ne.bind(this),this.el.classList.add("menu--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}select(t){this._unobserveMutations();const e=this.items[t];switch(e.getAttribute("role")){case"menuitemcheckbox":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup;e.setAttribute("aria-checked","true"===e.getAttribute("aria-checked")?"false":"true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,checked:e.getAttribute("aria-checked"),group:n,value:e.innerText}}))}}(this.el,e);break;case"menuitemradio":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup,i=t.querySelector(`[data-makeup-group=${n}][aria-checked=true]`);i&&i.setAttribute("aria-checked","false"),i!==e&&(e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}})))}}(this.el,e);break;default:n=e,this.el.dispatchEvent(new CustomEvent("makeup-menu-select",{detail:{el:n,value:n.innerText}}))}var n;this._observeMutations()}get items(){return this._rovingTabIndex.items}get radioGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemradio][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}get checkboxGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemcheckbox][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-checked","aria-disabled"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this.el.addEventListener("keydown",this._onKeyDownListener),this.el.addEventListener("click",this._onClickListener))}_unobserveEvents(){this.el.removeEventListener("keydown",this._onKeyDownListener),this.el.removeEventListener("click",this._onClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onMutationListener=null}}function ne(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-mutation",{detail:{attributeName:e.attributeName}}))}function ie(t){this._unobserveMutations(),13===t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.select(Array.from(this.items).indexOf(t.target)),this._observeMutations()}function se(t){const e=t.target.closest("[role^=menuitem]"),n=this.items.indexOf(e);-1!==n&&this.select(n)}const oe={customElementMode:!1,expandedClass:"menu-button--expanded",menuSelector:".menu-button__menu",buttonTextSelector:".btn__text",buttonValueType:"text",menuItemIconSelector:".icon",menuItemButtonAriaLabelSelector:null};class re{constructor(t,e){this._options=Object.assign({},oe,e),this.el=t,this._buttonEl=t.querySelector("button"),this._buttonEl.setAttribute("aria-haspopup","true"),this.menu=new ee(t.querySelector(this._options.menuSelector),{autoReset:"interactive"}),this._buttonPrefix=this._buttonEl.dataset?.makeupMenuButtonPrefix,this._buttonTextEl=this._buttonEl.querySelector(this._options.buttonTextSelector),this._expander=new it(t,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.menuSelector,expandedClass:this._options.expandedClass,expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this._onButtonFirstClickListener=ae.bind(this),this._onMenuKeyDownListener=ce.bind(this),this._onMenuItemSelectListener=ue.bind(this),this._onMutationListener=le.bind(this),this.el.classList.add("menu-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-expanded","disabled"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this.menu.el.addEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.addEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.addEventListener("makeup-menu-change",this._onMenuItemSelectListener))}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this.menu.el.removeEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.removeEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.removeEventListener("makeup-menu-change",this._onMenuItemSelectListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onButtonFirstClickListener=null,this._onMenuKeyDownListener=null,this._onMenuItemSelectListener=null,this._onMutationListener=null}}function le(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-button-mutation",{detail:{attributeName:e.attributeName}}))}function ae(){this.menu.el.hidden=!1}function ce(t){27===t.keyCode&&(this._expander.expanded=!1,this._buttonEl.focus())}function ue(t){const e=this,{el:n}=t.detail;if(setTimeout((function(){e._expander.expanded=!1,e._buttonEl.focus()}),150),"menuitemradio"!==n.getAttribute("role"))return;const{menuItemIconSelector:i,menuItemButtonAriaLabelSelector:s,buttonValueType:o}=this._options,r=n.querySelector(i).cloneNode(!0),l=n.innerText.trim();let a=this._buttonPrefix?`${this._buttonPrefix} ${l}`:l;if(r)switch(o){case"both":a=`${r.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=r.outerHTML}if(s){const t=n.querySelector(s)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${t}`:t)}this._buttonTextEl.innerHTML=a}const he={bem:{control:"switch__control"},customElementMode:!1};class de{constructor(t,e){this._options=Object.assign({},he,e),this.el=t,this._onClickListener=be.bind(this),this._onKeyDownListener=me.bind(this),this._onMutationListener=_e.bind(this),this.disabled&&this._focusableElement.setAttribute("tabindex","-1"),this.el.classList.add("switch--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._focusableElement,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){this._focusableElement.addEventListener("click",this._onClickListener),this._focusableElement.addEventListener("keydown",this._onKeyDownListener)}_unobserveEvents(){this._focusableElement.removeEventListener("click",this._onClickListener),this._focusableElement.removeEventListener("keydown",this._onKeyDownListener)}get _focusableElement(){return this.el.querySelector(`.${this._options.bem.control}`)}set checked(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-checked",t.toString()),this.el.dispatchEvent(new CustomEvent("makeup-switch-toggle",{composed:!0,detail:{on:this.checked}})),this._observeMutations()}get checked(){return"true"===this._focusableElement.getAttribute("aria-checked")}set disabled(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-disabled",t.toString()),this._focusableElement.setAttribute("tabindex",t?"-1":"0"),this._observeMutations()}get disabled(){return"true"===this._focusableElement.getAttribute("aria-disabled")}set labelledby(t){if(this._unobserveMutations(),this._focusableElement.setAttribute("aria-labelledby",t),this._options.customElementMode){const t=document.getElementById(this.labelledby);t&&""!==t.innerText&&(this.label=t.innerText)}this._observeMutations()}get labelledby(){return this._focusableElement.getAttribute("aria-labelledby")}get label(){return this._focusableElement.getAttribute("aria-label")}set label(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-label",t),this._observeMutations()}toggle(){this.checked=!this.checked}destroy(){this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onKeyDownListener=null,this._onMutationListener=null}}function me(t){if(!this.disabled)switch(t.keyCode){case 32:t.preventDefault(),this.toggle();break;case 37:this.checked=!1;break;case 39:this.checked=!0}}function be(){this.disabled||this.toggle()}function _e(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-switch-mutation",{detail:{attributeName:e.attributeName}}))}let fe,pe,ve,Ee,ge,Le,xe,ye,we;function ke(){ye.focus()}function Ce(){we.focus()}function Se(){return fe&&(pe=Me(pe),ve=Me(ve),Ee=Me(Ee),ge=Me(ge),Le=Me(Le),xe=Me(xe),fe.classList.remove("keyboard-trap--active"),fe.dispatchEvent(new CustomEvent("keyboardUntrap",{bubbles:!0})),fe=null),fe}function Me(t){const e=t.parentNode;return e?e.removeChild(t):t}const Ae=t=>1===t.nodeType&&"body"!==t.tagName.toLowerCase()&&"html"!==t.tagName.toLowerCase(),Oe=t=>1===t.nodeType&&"script"!==t.tagName.toLowerCase(),Te=(t,e)=>t.concat(e);function Ie(t,e=[]){const n=t.previousSibling;return n?(e.push(n),Ie(n,e)):e}function De(t,e=[]){const n=t.nextSibling;return n?(e.push(n),De(n,e)):e}function qe(t){return Ie(t).concat(De(t)).filter(Oe)}function Be(t,e=[]){const n=t.parentNode;return n?(e.push(n),Be(n,e)):e}function Fe(t){return Be(t).filter(Ae)}let Re,Ne,je;const Ke=t=>"svg"!==t.tagName.toLowerCase();function Pe(t,e){let n;return n=!1===e?We(t,"aria-hidden","false"):We(t,"hidden",!1),n}function He(t,e){let n;return n=!1===e?We(t,"aria-hidden","true"):We(t,"hidden",!0),n}function We(t,e,n){const i="boolean"==typeof n;return{el:t,attributeName:e,cleanValue:i?t[e]:t.getAttribute(e),dirtyValue:n,isProperty:i}}function $e(){Ne&&(je.forEach((t=>{var e;(e=t).cleanValue?!0===e.isProperty?e.el[e.attributeName]=e.cleanValue:e.el.setAttribute(e.attributeName,e.cleanValue):e.el.removeAttribute(e.attributeName)})),je=[],Re&&Re.setAttribute("role","main"),Ne.dispatchEvent(new CustomEvent("screenreaderUntrap",{bubbles:!0})),Ne=null)}const Ve={useHiddenProperty:!1};const ze={hoist:!1,useHiddenProperty:!1,wrap:!1},Ge={SCRIPT:"script",LINK:"link"};let Ue,Xe,Ye,Je=[];function Qe(t){return"body"===t.parentNode.tagName.toLowerCase()}function Ze(){return Ue&&(Se(),$e(),Ye&&([...Ye.children].forEach((t=>{if(t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK){const e=Je.shift();e>document.body.children.length?document.body.appendChild(t):document.body.insertBefore(t,document.body.children[e+1])}})),Ye.remove(),Ye=null,Je=[]),Xe&&(Xe.replaceWith(Ue),Xe=null),document.body.removeAttribute("data-makeup-modal"),Ue.removeAttribute("data-makeup-modal"),Ue.dispatchEvent(new CustomEvent("makeup-unmodal",{bubbles:!1})),Ue=null),Ue}function tn(t,e){const n=Object.assign({},ze,e);return Ze(),Ue=t,n.hoist&&(Xe||Qe(Ue)||(Xe=document.createElement("div"),Xe.setAttribute("data-makeup-modal","placeholder"),Ue.parentElement.insertBefore(Xe,Ue),document.body.appendChild(Ue))),n.wrap&&!Ye&&Qe(Ue)&&(Ye=document.createElement("div"),Ye.setAttribute("data-makeup-modal","inert"),[...document.body.children].forEach(((t,e)=>{t!==Ue&&t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK&&(Ye.appendChild(t),Je.push(e))})),document.body.prepend(Ye)),function(t,e){$e();const n=Object.assign({},Ve,e);Ne=t,Re=document.querySelector('main, [role="main"]'),Re&&Re.setAttribute("role","presentation");const i=Fe(Ne);let s=qe(Ne),o=function(t){return Fe(t).map((t=>qe(t))).reduce(Te,[])}(Ne);!0===n.useHiddenProperty&&(s=s.filter(Ke),o=o.filter(Ke)),je=[Pe(Ne,n.useHiddenProperty)].concat(i.map((t=>Pe(t,n.useHiddenProperty)))).concat(s.map((t=>He(t,n.useHiddenProperty)))).concat(o.map((t=>He(t,n.useHiddenProperty)))),je.forEach((t=>{var e;!0===(e=t).isProperty?e.el[e.attributeName]=e.dirtyValue:e.el.setAttribute(e.attributeName,e.dirtyValue)})),Ne.dispatchEvent(new CustomEvent("screenreaderTrap",{bubbles:!0}))}(Ue,e),n.useHiddenProperty||function(t){pe?Se():(pe=function(){const t=document.createElement("div");return t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","0"),t.className="keyboard-trap-boundary",t}(),ve=pe.cloneNode(),Ee=pe.cloneNode(),ge=pe.cloneNode(),Le=pe.cloneNode(),xe=pe.cloneNode(),pe.addEventListener("focus",ke),ve.addEventListener("focus",ke),Ee.addEventListener("focus",Ce),ge.addEventListener("focus",ke),Le.addEventListener("focus",Ce),xe.addEventListener("focus",Ce)),fe=t;const e="undefined"==typeof document?null:document.body,n=W(fe,!0);ye=n[0],we=n[n.length-1],e.insertBefore(pe,e.childNodes[0]),fe.parentNode.insertBefore(ve,fe),fe.insertBefore(Ee,fe.childNodes[0]),fe.appendChild(ge),fe.parentNode.insertBefore(Le,fe.nextElementSibling),e.appendChild(xe),fe.dispatchEvent(new CustomEvent("keyboardTrap",{bubbles:!0})),fe.classList.add("keyboard-trap--active")}(Ue),document.body.setAttribute("data-makeup-modal","true"),Ue.setAttribute("data-makeup-modal","widget"),Ue.dispatchEvent(new CustomEvent("makeup-modal",{bubbles:!1})),Ue}const en="transitionend",nn=/0m?s(?:, )?/g;function sn(t,e,n){let i,s,o=0;const r=t.classList,l="".concat(e,"-init");let a=function(t){let e,n;return window.requestAnimationFrame?(e=requestAnimationFrame((function(){e=requestAnimationFrame(t)})),n=cancelAnimationFrame):(e=setTimeout(t,26),n=clearTimeout),function(){e&&(n(e),e=void 0)}}((function(){t.addEventListener(en,u,!0),r.add(e),r.remove(l),s=on(t),a=void 0,0===s&&c()}));return r.add(l),c;function c(){i||(i=!0,t.removeEventListener(en,u,!0),a?(a(),r.remove(l)):r.remove(e))}function u(){++o===s&&(i=!0,t.removeEventListener(en,u,!0),r.remove(e),n&&n())}}function on(t){let e=window.getComputedStyle(t).transitionDuration.replace(nn,"")?1:0,n=t.firstElementChild;for(;n;)e+=on(n),n=n.nextElementSibling;return e}const rn={baseClass:"dialog",closeButtonSelector:".dialog__close",focusManagementIndex:0,modal:!1,quickDismiss:!0,transitionsModifier:"mask-fade"};class ln{constructor(t,e){this._options=Object.assign({},rn,e),this._el=t,!0===this._options.modal&&this._el.setAttribute("aria-modal","true"),this._windowEl=this._el.querySelector(this._options.windowSelector),this._closeButtonEl=this._el.querySelector(this._options.closeButtonSelector),this._hasTransitions=this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`),this._onCloseButtonClickListener=dn.bind(this),this._onKeyDownListener=hn.bind(this),this._onOpenTransitionEndCallback=cn.bind(this),this._onCloseTransitionEndCallback=un.bind(this),this._el.classList.add(`${this._options.baseClass}--js`),this.hidden||(this.modal&&an(this),this._observeEvents())}get focusables(){return W(this._windowEl)}get modal(){return"true"===this._el.getAttribute("aria-modal")}get hidden(){return this._el.hidden}open(){this._show(),this._el.dispatchEvent(new CustomEvent("dialog-open"))}close(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-close"))}_show(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--show`,this._onOpenTransitionEndCallback)):(this.modal&&setTimeout((()=>an(this)),50),this._el.hidden=!1),this._observeEvents()}_hide(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--hide`,this._onCloseTransitionEndCallback)):(this.modal&&Ze(),this._el.hidden=!0),this._autoDismissTimeout=null,this._unobserveEvents()}_observeEvents(){document.addEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}_unobserveEvents(){this._el.removeEventListener("click",this._onCloseButtonClickListener),document.removeEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._onCloseButtonClickListener=null,this._onKeyDownListener=null,this._onOpenTransitionEndCallback=null,this._onCloseTransitionEndCallback=null,this._autoDismissTimeout=null}}function an(t){const e=t._el.querySelector("[autofocus]");e?e.focus():t.focusables[t._options.focusManagementIndex].focus(),tn(t._el)}function cn(){this._el.hidden=!1,this._cancelTransition=void 0,this.modal&&an(this)}function un(){this.modal&&Ze(),this._el.hidden=!0,this._cancelTransition=void 0}function hn(t){!0===this._options.quickDismiss&&27===t.keyCode&&this.close()}function dn(){this.close()}const mn={baseClass:"lightbox-dialog",baseClassModifier:"",quickDismiss:!0,closeButtonSelector:".lightbox-dialog__close",windowSelector:".lightbox-dialog__window"};class bn extends ln{constructor(t,e={}){super(t,Object.assign({},mn,e,{modal:!0}))}_observeEvents(){super._observeEvents(),this._onClickListener=_n.bind(this),this._el.addEventListener("click",this._onClickListener)}_unobserveEvents(){super._unobserveEvents(),this._el.removeEventListener("click",this._onClickListener)}destroy(){super.destroy(),this._onClickListener=null}}function _n(t){!0===this._options.quickDismiss&&t.target===this._el&&this.close()}const fn={baseClass:"alert-dialog",baseClassModifier:"alert",quickDismiss:!1,acknowledgeButtonSelector:".alert-dialog__acknowledge",windowSelector:".alert-dialog__window"};class pn extends bn{constructor(t,e={}){super(t,Object.assign({},fn,e))}_observeEvents(){super._observeEvents(),this._acknowledgeButtonEl=this._el.querySelector(this._options.acknowledgeButtonSelector),this._onAcknowledgeButtonClickListener=vn.bind(this),this._acknowledgeButtonEl.addEventListener("click",this._onAcknowledgeButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._acknowledgeButtonEl.removeEventListener("click",this._onAcknowledgeButtonClickListener)}acknowledge(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-acknowledge"))}destroy(){super.destroy(),this._onAcknowledgeButtonClickListener=null}}function vn(){this.acknowledge()}const En={baseClass:"confirm-dialog",closeButtonSelector:".confirm-dialog__close",quickDismiss:!0,confirmButtonSelector:".confirm-dialog__confirm",focusManagementIndex:1,rejectButtonSelector:".confirm-dialog__reject",windowSelector:".confirm-dialog__window"};class gn extends bn{constructor(t,e={}){super(t,Object.assign({},En,e))}_observeEvents(){super._observeEvents(),this._confirmButtonEl=this._el.querySelector(this._options.confirmButtonSelector),this._rejectButtonEl=this._el.querySelector(this._options.rejectButtonSelector),this._onConfirmButtonClickListener=Ln.bind(this),this._onRejectButtonClickListener=xn.bind(this),this._confirmButtonEl.addEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.addEventListener("click",this._onRejectButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._confirmButtonEl.removeEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.removeEventListener("click",this._onRejectButtonClickListener)}confirm(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-confirm"))}reject(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-reject"))}destroy(){super.destroy(),this._onConfirmButtonClickListener=null,this._onRejectButtonClickListener=null}}function Ln(){this.confirm()}function xn(){this.reject()}const yn={baseClass:"lightbox-dialog",baseClassModifier:"input",submitButtonSelector:".lightbox-dialog__submit",cancelButtonSelector:".lightbox-dialog__cancel",windowSelector:".lightbox-dialog__window"};class wn extends bn{constructor(t,e={}){super(t,Object.assign({},yn,e))}_observeEvents(){super._observeEvents(),this._submitButtonEl=this._el.querySelector(this._options.submitButtonSelector),this._cancelButtonEl=this._el.querySelector(this._options.cancelButtonSelector),this._onSubmitButtonClickListener=kn.bind(this),this._onCancelButtonClickListener=Cn.bind(this),this._submitButtonEl.addEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.addEventListener("click",this._onCancelButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._submitButtonEl.removeEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.removeEventListener("click",this._onCancelButtonClickListener)}submit(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-submit"))}cancel(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cancel"))}destroy(){super.destroy(),this._onSubmitButtonClickListener=null,this._onCancelButtonClickListener=null}}function kn(){this.submit()}function Cn(){this.cancel()}const Sn={baseClass:"panel-dialog",quickDismiss:!0,closeButtonSelector:".panel-dialog__close",doneButtonSelector:".panel-dialog__done",windowSelector:".panel-dialog__window",transitionsModifier:"mask-fade-slow"};class Mn extends bn{constructor(t,e={}){super(t,Object.assign({},Sn,e))}}const An={autoDismissTimer:6e3,baseClass:"snackbar-dialog",ctaButtonSelector:".snackbar-dialog__cta",transitionsModifier:"transition"};class On extends ln{constructor(t,e={}){super(t,Object.assign({},An,e)),this._autoDismissTimeout=null}_show(){super._show(),this._autoDismissTimeout=setTimeout(((t=this)=>t.close()),this._options.autoDismissTimer)}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=Tn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function Tn(){this.cta()}const In={baseClass:"toast-dialog",closeButtonSelector:".toast-dialog__close",ctaButtonSelector:".toast-dialog__cta",transitionsModifier:"transition"};class Dn extends ln{constructor(t,e={}){super(t,Object.assign({},In,e))}_show(){super._show()}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=qn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function qn(){this.cta()}const Bn=Math.min,Fn=Math.max,Rn=Math.round,Nn=Math.floor,jn=t=>({x:t,y:t}),Kn={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"};function Hn(t,e,n){return Fn(t,Bn(e,n))}function Wn(t,e){return"function"==typeof t?t(e):t}function $n(t){return t.split("-")[0]}function Vn(t){return t.split("-")[1]}function zn(t){return"x"===t?"y":"x"}function Gn(t){return"y"===t?"height":"width"}function Un(t){return["top","bottom"].includes($n(t))?"y":"x"}function Xn(t){return zn(Un(t))}function Yn(t){return t.replace(/start|end/g,(t=>Pn[t]))}function Jn(t){return t.replace(/left|right|bottom|top/g,(t=>Kn[t]))}function Qn(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Zn(t){const{x:e,y:n,width:i,height:s}=t;return{width:i,height:s,top:n,left:e,right:e+i,bottom:n+s,x:e,y:n}}function ti(t,e,n){let{reference:i,floating:s}=t;const o=Un(e),r=Xn(e),l=Gn(r),a=$n(e),c="y"===o,u=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,d=i[l]/2-s[l]/2;let m;switch(a){case"top":m={x:u,y:i.y-s.height};break;case"bottom":m={x:u,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:h};break;case"left":m={x:i.x-s.width,y:h};break;default:m={x:i.x,y:i.y}}switch(Vn(e)){case"start":m[r]-=d*(n&&c?-1:1);break;case"end":m[r]+=d*(n&&c?-1:1)}return m}async function ei(t,e){var n;void 0===e&&(e={});const{x:i,y:s,platform:o,rects:r,elements:l,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:d=!1,padding:m=0}=Wn(e,t),b=Qn(m),_=l[d?"floating"===h?"reference":"floating":h],f=Zn(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(_)))||n?_:_.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),p="floating"===h?{x:i,y:s,width:r.floating.width,height:r.floating.height}:r.reference,v=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),E=await(null==o.isElement?void 0:o.isElement(v))&&await(null==o.getScale?void 0:o.getScale(v))||{x:1,y:1},g=Zn(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:p,offsetParent:v,strategy:a}):p);return{top:(f.top-g.top+b.top)/E.y,bottom:(g.bottom-f.bottom+b.bottom)/E.y,left:(f.left-g.left+b.left)/E.x,right:(g.right-f.right+b.right)/E.x}}function ni(t){const e=Bn(...t.map((t=>t.left))),n=Bn(...t.map((t=>t.top)));return{x:e,y:n,width:Fn(...t.map((t=>t.right)))-e,height:Fn(...t.map((t=>t.bottom)))-n}}function ii(t){return ri(t)?(t.nodeName||"").toLowerCase():"#document"}function si(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function oi(t){var e;return null==(e=(ri(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ri(t){return t instanceof Node||t instanceof si(t).Node}function li(t){return t instanceof Element||t instanceof si(t).Element}function ai(t){return t instanceof HTMLElement||t instanceof si(t).HTMLElement}function ci(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof si(t).ShadowRoot)}function ui(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=_i(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function hi(t){return["table","td","th"].includes(ii(t))}function di(t){const e=mi(),n=_i(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function mi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function bi(t){return["html","body","#document"].includes(ii(t))}function _i(t){return si(t).getComputedStyle(t)}function fi(t){return li(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function pi(t){if("html"===ii(t))return t;const e=t.assignedSlot||t.parentNode||ci(t)&&t.host||oi(t);return ci(e)?e.host:e}function vi(t){const e=pi(t);return bi(e)?t.ownerDocument?t.ownerDocument.body:t.body:ai(e)&&ui(e)?e:vi(e)}function Ei(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const s=vi(t),o=s===(null==(i=t.ownerDocument)?void 0:i.body),r=si(s);return o?e.concat(r,r.visualViewport||[],ui(s)?s:[],r.frameElement&&n?Ei(r.frameElement):[]):e.concat(s,Ei(s,[],n))}function gi(t){const e=_i(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=ai(t),o=s?t.offsetWidth:n,r=s?t.offsetHeight:i,l=Rn(n)!==o||Rn(i)!==r;return l&&(n=o,i=r),{width:n,height:i,$:l}}function Li(t){return li(t)?t:t.contextElement}function xi(t){const e=Li(t);if(!ai(e))return jn(1);const n=e.getBoundingClientRect(),{width:i,height:s,$:o}=gi(e);let r=(o?Rn(n.width):n.width)/i,l=(o?Rn(n.height):n.height)/s;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}const yi=jn(0);function wi(t){const e=si(t);return mi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:yi}function ki(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect(),o=Li(t);let r=jn(1);e&&(i?li(i)&&(r=xi(i)):r=xi(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==si(t))&&e}(o,n,i)?wi(o):jn(0);let a=(s.left+l.x)/r.x,c=(s.top+l.y)/r.y,u=s.width/r.x,h=s.height/r.y;if(o){const t=si(o),e=i&&li(i)?si(i):i;let n=t,s=n.frameElement;for(;s&&i&&e!==n;){const t=xi(s),e=s.getBoundingClientRect(),i=_i(s),o=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,c*=t.y,u*=t.x,h*=t.y,a+=o,c+=r,n=si(s),s=n.frameElement}}return Zn({width:u,height:h,x:a,y:c})}const Ci=[":popover-open",":modal"];function Si(t){return Ci.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function Mi(t){return ki(oi(t)).left+fi(t).scrollLeft}function Ai(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=si(t),i=oi(t),s=n.visualViewport;let o=i.clientWidth,r=i.clientHeight,l=0,a=0;if(s){o=s.width,r=s.height;const t=mi();(!t||t&&"fixed"===e)&&(l=s.offsetLeft,a=s.offsetTop)}return{width:o,height:r,x:l,y:a}}(t,n);else if("document"===e)i=function(t){const e=oi(t),n=fi(t),i=t.ownerDocument.body,s=Fn(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),o=Fn(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let r=-n.scrollLeft+Mi(t);const l=-n.scrollTop;return"rtl"===_i(i).direction&&(r+=Fn(e.clientWidth,i.clientWidth)-s),{width:s,height:o,x:r,y:l}}(oi(t));else if(li(e))i=function(t,e){const n=ki(t,!0,"fixed"===e),i=n.top+t.clientTop,s=n.left+t.clientLeft,o=ai(t)?xi(t):jn(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:s*o.x,y:i*o.y}}(e,n);else{const n=wi(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return Zn(i)}function Oi(t,e){const n=pi(t);return!(n===e||!li(n)||bi(n))&&("fixed"===_i(n).position||Oi(n,e))}function Ti(t,e,n){const i=ai(e),s=oi(e),o="fixed"===n,r=ki(t,!0,o,e);let l={scrollLeft:0,scrollTop:0};const a=jn(0);if(i||!i&&!o)if(("body"!==ii(e)||ui(s))&&(l=fi(e)),i){const t=ki(e,!0,o,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else s&&(a.x=Mi(s));return{x:r.left+l.scrollLeft-a.x,y:r.top+l.scrollTop-a.y,width:r.width,height:r.height}}function Ii(t){return"static"===_i(t).position}function Di(t,e){return ai(t)&&"fixed"!==_i(t).position?e?e(t):t.offsetParent:null}function qi(t,e){const n=si(t);if(Si(t))return n;if(!ai(t)){let e=pi(t);for(;e&&!bi(e);){if(li(e)&&!Ii(e))return e;e=pi(e)}return n}let i=Di(t,e);for(;i&&hi(i)&&Ii(i);)i=Di(i,e);return i&&bi(i)&&Ii(i)&&!di(i)?n:i||function(t){let e=pi(t);for(;ai(e)&&!bi(e);){if(di(e))return e;e=pi(e)}return null}(t)||n}const Bi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:s}=t;const o="fixed"===s,r=oi(i),l=!!e&&Si(e.floating);if(i===r||l&&o)return n;let a={scrollLeft:0,scrollTop:0},c=jn(1);const u=jn(0),h=ai(i);if((h||!h&&!o)&&(("body"!==ii(i)||ui(r))&&(a=fi(i)),ai(i))){const t=ki(i);c=xi(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+u.x,y:n.y*c.y-a.scrollTop*c.y+u.y}},getDocumentElement:oi,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:s}=t;const o=[..."clippingAncestors"===n?Si(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=Ei(t,[],!1).filter((t=>li(t)&&"body"!==ii(t))),s=null;const o="fixed"===_i(t).position;let r=o?pi(t):t;for(;li(r)&&!bi(r);){const e=_i(r),n=di(r);n||"fixed"!==e.position||(s=null),(o?!n&&!s:!n&&"static"===e.position&&s&&["absolute","fixed"].includes(s.position)||ui(r)&&!n&&Oi(t,r))?i=i.filter((t=>t!==r)):s=e,r=pi(r)}return e.set(t,i),i}(e,this._c):[].concat(n),i],r=o[0],l=o.reduce(((t,n)=>{const i=Ai(e,n,s);return t.top=Fn(i.top,t.top),t.right=Bn(i.right,t.right),t.bottom=Bn(i.bottom,t.bottom),t.left=Fn(i.left,t.left),t}),Ai(e,r,s));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:qi,getElementRects:async function(t){const e=this.getOffsetParent||qi,n=this.getDimensions,i=await n(t.floating);return{reference:Ti(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=gi(t);return{width:e,height:n}},getScale:xi,isElement:li,isRTL:function(t){return"rtl"===_i(t).direction}};const Fi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:s}=e,{mainAxis:o=!0,crossAxis:r=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...a}=Wn(t,e),c={x:n,y:i},u=await ei(e,a),h=Un($n(s)),d=zn(h);let m=c[d],b=c[h];if(o){const t="y"===d?"bottom":"right";m=Hn(m+u["y"===d?"top":"left"],m,m-u[t])}if(r){const t="y"===h?"bottom":"right";b=Hn(b+u["y"===h?"top":"left"],b,b-u[t])}const _=l.fn({...e,[d]:m,[h]:b});return{..._,data:{x:_.x-n,y:_.y-i}}}}},Ri=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:s,middlewareData:o,rects:r,initialPlacement:l,platform:a,elements:c}=e,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:_=!0,...f}=Wn(t,e);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const p=$n(s),v=$n(l)===l,E=await(null==a.isRTL?void 0:a.isRTL(c.floating)),g=d||(v||!_?[Jn(l)]:function(t){const e=Jn(t);return[Yn(t),e,Yn(e)]}(l));d||"none"===b||g.push(...function(t,e,n,i){const s=Vn(t);let o=function(t,e,n){const i=["left","right"],s=["right","left"],o=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?s:i:e?i:s;case"left":case"right":return e?o:r;default:return[]}}($n(t),"start"===n,i);return s&&(o=o.map((t=>t+"-"+s)),e&&(o=o.concat(o.map(Yn)))),o}(l,_,b,E));const L=[l,...g],x=await ei(e,f),y=[];let w=(null==(i=o.flip)?void 0:i.overflows)||[];if(u&&y.push(x[p]),h){const t=function(t,e,n){void 0===n&&(n=!1);const i=Vn(t),s=Xn(t),o=Gn(s);let r="x"===s?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=Jn(r)),[r,Jn(r)]}(s,r,E);y.push(x[t[0]],x[t[1]])}if(w=[...w,{placement:s,overflows:y}],!y.every((t=>t<=0))){var k,C;const t=((null==(k=o.flip)?void 0:k.index)||0)+1,e=L[t];if(e)return{data:{index:t,overflows:w},reset:{placement:e}};let n=null==(C=w.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(m){case"bestFit":{var S;const t=null==(S=w.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:S[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},Ni=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:s,rects:o,platform:r,elements:l,middlewareData:a}=e,{element:c,padding:u=0}=Wn(t,e)||{};if(null==c)return{};const h=Qn(u),d={x:n,y:i},m=Xn(s),b=Gn(m),_=await r.getDimensions(c),f="y"===m,p=f?"top":"left",v=f?"bottom":"right",E=f?"clientHeight":"clientWidth",g=o.reference[b]+o.reference[m]-d[m]-o.floating[b],L=d[m]-o.reference[m],x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let y=x?x[E]:0;y&&await(null==r.isElement?void 0:r.isElement(x))||(y=l.floating[E]||o.floating[b]);const w=g/2-L/2,k=y/2-_[b]/2-1,C=Bn(h[p],k),S=Bn(h[v],k),M=C,A=y-_[b]-S,O=y/2-_[b]/2+w,T=Hn(M,O,A),I=!a.arrow&&null!=Vn(s)&&O!==T&&o.reference[b]/2-(Ot.y-e.y)),n=[];let i=null;for(let t=0;ti.height/2?n.push([s]):n[n.length-1].push(s),i=s}return n.map((t=>Zn(ni(t))))}(u),d=Zn(ni(u)),m=Qn(l),b=await o.getElementRects({reference:{getBoundingClientRect:function(){if(2===h.length&&h[0].left>h[1].right&&null!=a&&null!=c)return h.find((t=>a>t.left-m.left&&at.top-m.top&&c=2){if("y"===Un(n)){const t=h[0],e=h[h.length-1],i="top"===$n(n),s=t.top,o=e.bottom,r=i?t.left:e.left,l=i?t.right:e.right;return{top:s,bottom:o,left:r,right:l,width:l-r,height:o-s,x:r,y:s}}const t="left"===$n(n),e=Fn(...h.map((t=>t.right))),i=Bn(...h.map((t=>t.left))),s=h.filter((n=>t?n.left===i:n.right===e)),o=s[0].top,r=s[s.length-1].bottom;return{top:o,bottom:r,left:i,right:e,width:e-i,height:r-o,x:i,y:o}}return d}},floating:i.floating,strategy:r});return s.reference.x!==b.reference.x||s.reference.y!==b.reference.y||s.reference.width!==b.reference.width||s.reference.height!==b.reference.height?{reset:{rects:b}}:{}}}};if(void 0!==window.URLSearchParams){const t=new URLSearchParams(location.search);t.has("debug")&&"1"===t.get("debug")&&document.querySelectorAll(".page-grid").forEach((t=>{t.classList.add("page-grid--debug")})),t.has("dark")&&"1"===t.get("dark")&&document.querySelector("body").classList.add("skin-experiment-dark-mode")}const Ki=[];let Pi;const Hi=t=>console.log(t.type,t.detail);document.getElementById("busy-button").addEventListener("click",(function(){const t=this;t.setAttribute("aria-label","Busy..."),t.innerHTML='\n \n \n \n ',window.setTimeout((function(){t.removeAttribute("aria-label"),t.innerHTML="Activate Spinner"}),2e3)})),document.querySelectorAll('.checkbox input[aria-checked="mixed"]').forEach((function(t){t.addEventListener("click",(function(){const t=!0===this.checked;this.setAttribute("aria-checked",t?"mixed":"false")}))})),document.querySelectorAll(".breadcrumbs").forEach((function(t){const e=t.offsetWidth,n=t.scrollWidth-e;n&&t.scroll(n,0)})),document.querySelectorAll(".expand-btn").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".filter-menu-button--form button").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".fake-menu-button").forEach((function(t){let e=".icon-btn";t.querySelector(".expand-btn")?e=".expand-btn":t.querySelector(".btn")&&(e=".btn"),Ki.push(new it(t,{expandOnClick:!0,collapseOnFocusOut:!0,collapseOnClickOut:!0,contentSelector:".fake-menu-button__menu",focusManagement:"focusable",hostSelector:e}))})),document.querySelectorAll(".combobox").forEach((function(t){Ki.push(new Tt(t)),t.addEventListener("makeup-combobox-change",Hi)})),document.querySelectorAll(".dialog-button").forEach((function(t){const e=t.dataset.makeupFor,n=document.getElementById(e),i=n.classList;let s;i.contains("confirm-dialog")?s=new gn(n):i.contains("alert-dialog")?s=new pn(n):i.contains("lightbox-dialog--input")?s=new wn(n):i.contains("snackbar-dialog")?s=new On(n):i.contains("toast-dialog")?s=new Dn(n):i.contains("panel-dialog")?s=new Mn(n):i.contains("lightbox-dialog")&&(s=new bn(n)),Ki.push(new Ht(t,s)),s._el.addEventListener("dialog-open",Hi),s._el.addEventListener("dialog-close",Hi),s._el.addEventListener("dialog-acknowledge",Hi),s._el.addEventListener("dialog-confirm",Hi),s._el.addEventListener("dialog-reject",Hi),s._el.addEventListener("dialog-cta",Hi)}));class Wi{constructor(t,e){this.messageContainerEl=t.querySelector(".progress-bar-expressive__messages"),this.messages=e,this.messageContainerEl&&this.messages&&(this.isInitialized=!0,this.nextMessageEl=t.querySelector('[aria-hidden="true"]'),this.currentMessageEl=t.querySelector('[role="status"]'),this.messageIndex=0,this.message=this.messages[this.messageIndex])}queueNextMessage(){this.isInitialized&&this.messages.length>1&&(this.messageIndex=(this.messageIndex+1)%this.messages.length,this.message=this.messages[this.messageIndex],this.nextMessageEl.innerText=this.messages[this.messageIndex],this.nextMessageEl.classList.add("progress-bar-expressive__message--in"),this.currentMessageEl.classList.add("progress-bar-expressive__message--out"),setTimeout(this.showMessage.bind(this),833))}showMessage(){this.isInitialized&&(this.currentMessageEl.innerText=this.message,this.currentMessageEl.classList.remove("progress-bar-expressive__message--out"),this.nextMessageEl.classList.remove("progress-bar-expressive__message--in"),setTimeout(this.queueNextMessage.bind(this),2e3))}}document.querySelectorAll(".progress-bar-expressive-messages-example").forEach((function(t){const e=new Wi(t,["Hang tight.","We're finishing your order.","Just another moment."]);e.isInitialized&&e.queueNextMessage()}));class $i{constructor(t,e){this.host=t.querySelector(".".concat(e,"__host")),this.overlay=t.querySelector(".".concat(e,"__overlay")),this.arrowEl=t.querySelector(".".concat(e,"__pointer")),this.host&&this.overlay&&(this.isInitialized=!0)}init(){this.cleanup=function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:o=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=Li(t),u=s||o?[...c?Ei(c):[],...Ei(e)]:[];u.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),o&&t.addEventListener("resize",n)}));const h=c&&l?function(t,e){let n,i=null;const s=oi(t);function o(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function r(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),o();const{left:c,top:u,width:h,height:d}=t.getBoundingClientRect();if(l||e(),!h||!d)return;const m={rootMargin:-Nn(u)+"px "+-Nn(s.clientWidth-(c+h))+"px "+-Nn(s.clientHeight-(u+d))+"px "+-Nn(c)+"px",threshold:Fn(0,Bn(1,a))||1};let b=!0;function _(t){const e=t[0].intersectionRatio;if(e!==a){if(!b)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(_,{...m,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(_,m)}i.observe(t)}(!0),o}(c,n):null;let d,m=-1,b=null;r&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),n()})),c&&!a&&b.observe(c),b.observe(e));let _=a?ki(t):null;return a&&function e(){const i=ki(t);!_||i.x===_.x&&i.y===_.y&&i.width===_.width&&i.height===_.height||n(),_=i,d=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{s&&t.removeEventListener("scroll",n),o&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,a&&cancelAnimationFrame(d)}}(this.host,this.overlay,this.update.bind(this))}update(){var t;this.isInitialized&&((t,e,n)=>{const i=new Map,s={platform:Bi,...n},o={...s.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:s="absolute",middleware:o=[],platform:r}=n,l=o.filter(Boolean),a=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:s}),{x:u,y:h}=ti(c,i,a),d=i,m={},b=0;for(let n=0;n{let{x:e,y:n,placement:i,middlewareData:s}=t;if(Object.assign(this.overlay.style,{left:"".concat(e,"px"),top:"".concat(n,"px")}),s.arrow){const{x:t,y:e}=s.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=t?"".concat(t,"px"):"",top:null!=e?"".concat(e,"px"):"",right:"",bottom:"",[n]:"-4px"})}}))}show(){this.host.setAttribute("aria-expanded","true"),this.init()}isExpanded(){return console.log(this.host,this.host.getAttribute("aria-expanded")),"true"===this.host.getAttribute("aria-expanded")}hide(){this.isExpanded()&&(this.host.setAttribute("aria-expanded","false"),this.cleanup&&this.cleanup())}}document.querySelectorAll(".tooltip").forEach((function(t){t.classList.contains("tooltip--js")||Ki.push(new it(t,{contentSelector:".tooltip__overlay",collapseOnFocusOut:!0,collapseOnMouseOut:!0,expandOnFocus:!0,expandOnHover:!0,focusManagement:"focusable",hostSelector:".tooltip__host"}))})),document.querySelectorAll(".tooltip--js").forEach((function(t){const e=new $i(t,"tooltip");e.isInitialized&&(["mouseenter","focus"].forEach((t=>{e.host.addEventListener(t,(()=>e.show()))})),["mouseleave","blur"].forEach((t=>{e.host.addEventListener(t,(()=>e.hide()))})))})),document.querySelectorAll(".infotip").forEach((function(t){if(t.classList.contains("infotip--js"))return;const e=t.querySelector("button"),n=".infotip__host";if(!t.querySelector(n))return;const i=new it(t,{contentSelector:".infotip__overlay",expandOnFocus:!1,expandOnClick:!0,hostSelector:n});t.querySelector(".infotip__close").addEventListener("click",(function(){i.expanded=!1,e.focus()}))})),document.querySelectorAll(".infotip--js").forEach((function(t){const e=new $i(t,"infotip");if(!e.isInitialized)return;e.host.addEventListener("click",(()=>{e.isExpanded()?e.hide():e.show()}));const n=t.querySelector("button");t.querySelector(".infotip__close").addEventListener("click",(function(){n.focus(),e.isInitialized&&e.hide()}))})),document.querySelectorAll(".tourtip").forEach((function(t){t.classList.contains("tourtip--js")||t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded")}))})),document.querySelectorAll(".tourtip--js").forEach((function(t){const e=new $i(t,"tourtip");e.isInitialized&&(e.init(),t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded"),e.hide()})))})),document.querySelectorAll(".floating-label").forEach((function(t){t.parentElement.classList.contains("phone-input")||Ki.push(new bt(t))})),document.querySelectorAll(".progress-bar-toggle").forEach((function(t){const e=t.dataset.progressPlayButtonFor,n=document.getElementById(e),i=function(){const t=n.value+10;let e;e=t>100?100:t,n.value=e};t.addEventListener("click",(function(){Pi?(clearInterval(Pi),Pi=null):(i(),Pi=setInterval(i,1e3))}))})),document.querySelectorAll(".progress-bar-reset").forEach((function(t){const e=t.dataset.progressResetButtonFor,n=document.getElementById(e);t.addEventListener("click",(function(){Pi&&(clearInterval(Pi),Pi=null),n.value=0}))})),document.querySelectorAll(".star-rating-select").forEach((function(t){t.addEventListener("change",(function(e){const n=e.target.value-1;t.querySelectorAll("input").forEach((function(t,e){t.classList.toggle("star-rating-select__control--filled",e{console.log(t.type,t.detail)}))})),document.querySelectorAll(".phone-input .listbox-button").forEach((function(t){const e={autoSelect:"true"===t.dataset.makeupAutoSelect,buttonLabelSelector:".btn__text",buttonValueType:"icon",listboxOptionIconSelector:".fflag",listboxOptionAriaLabelSelector:".listbox-button__value span"};Ki.push(new Gt(t,e)),t.addEventListener("makeup-listbox-button-change",(e=>{var n;console.log(e.type,e.detail);const i=t.querySelector('.listbox-button__option[aria-selected="true"]');t.nextElementSibling.querySelector(".textbox > span").textContent="+".concat(null===(n=i.querySelector("span.fflag"))||void 0===n?void 0:n.dataset.countryCode)}))})),document.querySelectorAll(".menu-button").forEach((function(t){const e=new re(t,{menuSelector:".menu-button__menu",buttonTextSelector:".btn__text"});e.menu.el.addEventListener("makeup-menu-select",Hi),e.menu.el.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".filter-menu-button:not(.filter-menu-button--form)").forEach((function(t){const e=new re(t,{expandedClass:"filter-menu-button--expanded",menuSelector:".filter-menu-button__menu"});e.menu.el.addEventListener("makeup-menu-select",Hi),e.menu.el.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".menu").forEach((function(t){Ki.push(new ee(t)),t.addEventListener("makeup-menu-select",Hi),t.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".filter-menu").forEach((function(t){Ki.push(new ee(t)),t.addEventListener("makeup-menu-select",Hi),t.addEventListener("makeup-menu-change",Hi),t.addEventListener("makeup-menu-toggle",Hi)})),document.querySelectorAll(".segmented-buttons").forEach((function(t){const e=t.querySelectorAll("button");e.forEach((function(t){t.addEventListener("click",(function(){e.forEach((function(t){t.removeAttribute("aria-current")})),t.setAttribute("aria-current","true")}))}))})),document.querySelectorAll("input.switch__control").forEach((function(t){t.setAttribute("aria-checked",t.checked?"true":"false"),t.addEventListener("change",(function(t){t.target.setAttribute("aria-checked",t.target.checked?"true":"false")}))})),document.querySelectorAll(".switch:not(.switch--form)").forEach((function(t){Ki.push(new de(t,{bem:{control:"switch__control"}})),t.addEventListener("makeup-switch-toggle",Hi)})),document.querySelectorAll(".toggle-button").forEach((function(t){t.closest(".toggle-button-group")||t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-pressed");this.setAttribute("aria-pressed",!t)}))})),function(){const t=".toggle-button",e="aria-pressed";document.querySelectorAll(".toggle-button-group").forEach((function(n){function i(t){const n="true"===t.getAttribute(e);t.setAttribute(e,!n)}function s(t){return t.getAttribute(e)&&"true"===t.getAttribute(e)}n.addEventListener("click",(function(e){const o=this.getAttribute("data-selection-type"),r=e.target;if(r.matches("button"))switch(o){case"single-optional":!function(e,n){if(s(e))return i(e);n.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(e)}(r,n);break;case"single-required":a=n,s(l=r)||(a.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(l));break;default:i(r)}var l,a}))})),document.querySelectorAll(".toggle-button-group-responsive-demo").forEach((function(t){const e=t.querySelector(".toggle-button-group-breakpoints-range"),n=t.querySelector(".toggle-button-group-breakpoints-output"),i=t.querySelector(".toggle-button-group-breakpoints-container");e.addEventListener("input",(function(t){n.textContent=t.target.value,i.style.width="".concat(t.target.value,"px")}))}))}();const Vi=((t,e)=>{let n;return function(){for(var t=arguments.length,e=new Array(t),i=0;i{n=null,function(t,e){let n="off";const i=t.value.length,s=e.innerHTML.split(/([0-9]+)( \w+ )([0-9]+)/g);if(s.length<=1)return;s[1]=i;const o=s[3];e.innerHTML=s.join(""),i>=o&&(n="polite"),t.setAttribute("aria-live",n)}(...e)}),500)}})();document.querySelectorAll(".field").forEach((function(t){const e=t.querySelector("input,textarea"),n=e&&e.dataset.fieldCount;if(n){const i=t.querySelector("#".concat(n));e.addEventListener("keydown",Vi.bind(this,e,i))}})),document.querySelectorAll(".chips-combobox").forEach((function(t){const e=t.querySelector(".chips-combobox__items"),n=t.querySelector(".chips-combobox__combobox").querySelector(".combobox__options"),i="div.combobox__option",s="button.chip__button";t.addEventListener("click",(function(t){const o=t.target;if(o.matches(i)||o.matches(s)){if(o.matches(i)){const t=o.innerText.trim();n.removeChild(o),function(t){const n='\n
  • \n \n \n '.concat(t,'\n \n \n \n
    • \n ');e.insertAdjacentHTML("beforeend",n)}(t)}if(o.matches(s)){const t=o.previousElementSibling.innerText.trim(),i=o.closest("li");e.removeChild(i),function(t){const e='\n
    \n '.concat(t,"\n
    \n ");n.insertAdjacentHTML("beforeend",e)}(t)}}}))}))})(); //# sourceMappingURL=docs.min.js.map \ No newline at end of file From c28d12ebfcfcc95091ac69c7f9226a038c90d4cb Mon Sep 17 00:00:00 2001 From: LuLaValva Date: Wed, 10 Jul 2024 13:58:24 -0700 Subject: [PATCH 3/4] chore: add changeset --- .changeset/itchy-forks-shop.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/itchy-forks-shop.md diff --git a/.changeset/itchy-forks-shop.md b/.changeset/itchy-forks-shop.md new file mode 100644 index 000000000..e21e0b71d --- /dev/null +++ b/.changeset/itchy-forks-shop.md @@ -0,0 +1,5 @@ +--- +"@ebay/skin": patch +--- + +Use older CSS syntax From 0fbb68374303f8848dc90b51d8f9961f910b1e3d Mon Sep 17 00:00:00 2001 From: LuLaValva Date: Wed, 10 Jul 2024 14:09:17 -0700 Subject: [PATCH 4/4] chore: revert docs file change --- docs/static/docs.min.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/static/docs.min.js b/docs/static/docs.min.js index 1badf13be..f472ae1dc 100644 --- a/docs/static/docs.min.js +++ b/docs/static/docs.min.js @@ -1,2 +1,2 @@ -(()=>{"use strict";function t(t){!function(t,e,n){if(!t.shiftKey){const s=t.key;switch(s){case"Enter":case"Escape":case"PageUp":case"PageDown":case"End":case"Home":case"ArrowLeft":case"ArrowUp":case"ArrowRight":case"ArrowDown":e.dispatchEvent(new CustomEvent((i=`${s}Key${n}`).charAt(0).toLowerCase()+i.slice(1),{detail:t,bubbles:!0}));break;case" ":e.dispatchEvent(new CustomEvent(`spacebarKey${n}`,{detail:t,bubbles:!0}));break;default:return}}var i}(t,this,"Down")}const e={},n="nid",i=function(t){const e="abcdefghijklmnopqrstuvwxyz",n=e+"0123456789";let i=e[s(25)];for(let t=1;t<3;t++)i+=n[s(35)];return i}();function s(t){return Math.floor(Math.random()*t)}function o(t,s=n){const o=`${s}${""===s?"":"-"}${i}`;return e[o]=e[o]||0,t.id||t.setAttribute("id",`${o}-${e[o]++}`),t.id}const r={};function l(t,e,n){t.dispatchEvent(new CustomEvent("focusExit",{detail:{fromElement:e,toElement:n},bubbles:!1}))}function a(t){const e=t.target;!0===this.el.contains(e)?this.currentFocusElement=e:(window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),l(this.el,this.currentFocusElement,e),this.currentFocusElement=null)}function c(){l(this.el,this.currentFocusElement,void 0)}function u(){document.addEventListener("focusin",this.onDocumentFocusInListener),window.addEventListener("blur",this.onWindowBlurListener)}class h{constructor(t){this.el=t,this.currentFocusElement=null,this.onWidgetFocusInListener=u.bind(this),this.onDocumentFocusInListener=a.bind(this),this.onWindowBlurListener=c.bind(this),this.el.addEventListener("focusin",this.onWidgetFocusInListener)}removeEventListeners(){window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),this.el.removeEventListener("focusin",this.onWidgetFocusInListener)}}function d(t){let e=null;return o(t),r[t.id]||(e=new h(t),r[t.id]=e),e}const m={axis:"both",autoInit:"interactive",autoReset:"current",ignoreByDelegateSelector:null,wrap:!1};function b(t){return!t.hidden&&"true"!==t.getAttribute("aria-disabled")}function _(t,e){return e>=0&&eb(t)))}function p(t){return t.indexOf(function(t){return t.filter(b)}(t).reverse()[0])}function v(t,e,n){return t.findIndex((t=>b(t)&&t.getAttribute(e)===n))}function E(t){return v(t,"aria-selected","true")}function g(t,e){return null!==e.ignoreByDelegateSelector?[...t.querySelectorAll(e.ignoreByDelegateSelector)]:[]}function L(t,e,n){let i=-1;switch(t){case"none":i=null;break;case"current":i=n;break;case"interactive":i=f(e);break;case"ariaChecked":i=function(t){return v(t,"aria-checked","true")}(e);break;case"ariaSelected":i=E(e);break;case"ariaSelectedOrInteractive":i=E(e),i=-1===i?f(e):i;break;default:i="number"==typeof t||null===t?t:-1}return i}function x(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e);else if(function(t,e){return e===f(t)}(t,e))!0===n&&(i=p(t));else{let n=e;for(;--n>=0;)if(b(t[n])){i=n;break}}return i}(this.items,this.index,this.options.wrap))}function y(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e)i=f(t);else if(function(t,e){return e===p(t)}(t,e))!0===n&&(i=f(t));else{let n=e;for(;++n0&&[...o].includes(this._cachedElement)?n=f(this.items):(o.length>0||i.length>0)&&(n=this.indexOf(this._cachedElement))),this._index=n,this._el.dispatchEvent(new CustomEvent("navigationModelMutation",{bubbles:!1,detail:{fromIndex:e,toIndex:n}}))}class A{constructor(t,e,n){this.options=Object.assign({},m,n),this._el=t,this._itemSelector=e}}class O extends A{constructor(t,e,n){super(t,e,n);const i=this._index,s=L(this.options.autoInit,this.items,this.index);this._index=s,this._cachedElement=this.items[s],this._el.dispatchEvent(new CustomEvent("navigationModelInit",{bubbles:!1,detail:{firstInteractiveIndex:this.firstNavigableIndex,fromIndex:i,items:this.items,toIndex:s}}))}get currentItem(){return this.items[this.index]}get items(){return[...this._el.querySelectorAll(`${this._itemSelector}`)]}get index(){return this._index}set index(t){if(t!==this.index&&_(this.items,t)){const e=this.index;this._cachedElement=this.items[t],this._index=t,this._el.dispatchEvent(new CustomEvent("navigationModelChange",{bubbles:!1,detail:{fromIndex:e,toIndex:t}}))}}indexOf(t){return this.items.indexOf(t)}reset(){const t=this.index,e=L(this.options.autoReset,this.items,this.index);e!==t&&(this._index=e,this._el.dispatchEvent(new CustomEvent("navigationModelReset",{bubbles:!1,detail:{fromIndex:t,toIndex:e}})))}}class T{constructor(e,n){this.model=n,this.el=e,this._keyPrevListener=x.bind(n),this._keyNextListener=y.bind(n),this._keyHomeListener=k.bind(n),this._keyEndListener=C.bind(n),this._clickListener=w.bind(n),this._focusExitListener=S.bind(n),this._observer=new MutationObserver(M.bind(n)),function(e){e.addEventListener("keydown",t)}(this.el),d(this.el);const i=n.options.axis;"both"!==i&&"x"!==i||(this.el.addEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.addEventListener("arrowRightKeyDown",this._keyNextListener)),"both"!==i&&"y"!==i||(this.el.addEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.addEventListener("arrowDownKeyDown",this._keyNextListener)),this.el.addEventListener("homeKeyDown",this._keyHomeListener),this.el.addEventListener("endKeyDown",this._keyEndListener),this.el.addEventListener("click",this._clickListener),this.el.addEventListener("focusExit",this._focusExitListener),this._observer.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["aria-disabled","hidden"],attributes:!0,attributeOldValue:!0})}destroy(){this.el.removeEventListener("keydown",t),function(t){const e=r[t.id];e&&(e.removeEventListeners(),delete r[t.id])}(this.el),this.el.removeEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowRightKeyDown",this._keyNextListener),this.el.removeEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowDownKeyDown",this._keyNextListener),this.el.removeEventListener("homeKeyDown",this._keyHomeListener),this.el.removeEventListener("endKeyDown",this._keyEndListener),this.el.removeEventListener("click",this._clickListener),this.el.removeEventListener("focusExit",this._focusExitListener),this._observer.disconnect()}}function I(t,e,n){const i=new O(t,e,n);return new T(t,i)}const D={autoInit:"interactive",autoReset:"current",wrap:!1,axis:"both"};function q(t,e){t.forEach((function(t,n){t.setAttribute("tabindex",n===e?"0":"-1")}))}function B(t){q(t.detail.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexInit",{detail:t.detail}))}function F(t){const e=this.items,n=e[t.detail.fromIndex],i=e[t.detail.toIndex];n&&n.setAttribute("tabindex","-1"),i&&(i.setAttribute("tabindex","0"),i.focus()),this._el.dispatchEvent(new CustomEvent("rovingTabindexChange",{detail:t.detail}))}function R(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexReset",{detail:t.detail}))}function N(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexMutation",{detail:t.detail}))}class j{constructor(t){this._el=t,this._onMutationListener=N.bind(this),this._onChangeListener=F.bind(this),this._onInitListener=B.bind(this),this._onResetListener=R.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelInit",this._onInitListener),this._el.addEventListener("navigationModelReset",this._onResetListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelInit",this._onInitListener),this._el.removeEventListener("navigationModelReset",this._onResetListener)}}class K extends j{constructor(t,e,n){super(t),this._options=Object.assign({},D,n),this._itemSelector=e,this._navigationEmitter=I(t,e,{autoInit:void 0!==this._options.index?this._options.index:this._options.autoInit,autoReset:this._options.autoReset,wrap:this._options.wrap,axis:this._options.axis})}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}set wrap(t){this._navigationEmitter.model.options.wrap=t}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}reset(){this._navigationEmitter.model.reset()}destroy(){super.destroy(),this._navigationEmitter.destroy()}}function P(t,e,n){return new K(t,e,n)}const H=["a[href]","area[href]","button:not([disabled])","embed","iframe","input:not([disabled])","object","select:not([disabled])","textarea:not([disabled])","*[tabindex]","*[contenteditable]"].join();function W(t,e=!1,n){if(n){const i=requestAnimationFrame((()=>{n($(t,e))}));return()=>{cancelAnimationFrame(i)}}return $(t,e)}function $(t,e=!1){let n=Array.prototype.slice.call(t.querySelectorAll(H));return n=n.filter((function(t){return"none"!==window.getComputedStyle(t).display})),!0===e&&(n=n.filter((function(t){return"-1"!==t.getAttribute("tabindex")}))),n}const V={alwaysDoFocusManagement:!1,ariaControls:!0,autoCollapse:!1,collapseOnFocusOut:!1,collapseOnMouseOut:!1,collapseOnClickOut:!1,contentSelector:".expander__content",expandedClass:null,expandOnClick:!1,expandOnFocus:!1,expandOnHover:!1,focusManagement:null,hostSelector:".expander__host",simulateSpacebarClick:!1};function z(t){13!==t.keyCode&&32!==t.keyCode||(this._keyboardClickFlag=!0),32===t.keyCode&&!0===this.options.simulateSpacebarClick&&this.hostEl.click()}function G(){this._mouseClickFlag=!0}function U(){this._expandWasKeyboardClickActivated=this._keyboardClickFlag,this._expandWasMouseClickActivated=this._mouseClickFlag,this.expanded=!this.expanded}function X(){this._expandWasFocusActivated=!0,this.expanded=!0}function Y(){clearTimeout(this._mouseLeft),this._expandWasHoverActivated=!0,this.expanded=!0}function J(){this.expanded=!1}function Q(){clearTimeout(this._mouseLeft),this._mouseLeft=setTimeout((()=>{this.expanded=!1}),300)}function Z(t){!1===this.el.contains(t.target)&&(this.expanded=!1)}function tt(){this.documentClick=!0}function et(){this.documentClick=!1}function nt(t){!0===this.documentClick&&(this.documentClick=!1,!1===this.el.contains(t.target)&&(this.expanded=!1))}class it{constructor(t,e){this.options=Object.assign({},V,e),this.el=t,this.hostEl=t.querySelector(this.options.hostSelector),this.contentEl=t.querySelector(this.options.contentSelector),d(this.el),this._hostKeyDownListener=z.bind(this),this._hostMouseDownListener=G.bind(this),this._documentClickListener=Z.bind(this),this._documentTouchStartListener=tt.bind(this),this._documentTouchMoveListener=et.bind(this),this._documentTouchEndListener=nt.bind(this),this._hostClickListener=U.bind(this),this._hostFocusListener=X.bind(this),this._hostHoverListener=Y.bind(this),this._focusExitListener=J.bind(this),this._mouseLeaveListener=Q.bind(this),null===this.hostEl.getAttribute("aria-expanded")&&this.hostEl.setAttribute("aria-expanded","false"),!0===this.options.ariaControls&&(o(this.el,"expander"),this.contentEl.id=this.contentEl.id||`${this.el.id}-content`,this.hostEl.setAttribute("aria-controls",this.contentEl.id)),this.expandOnClick=this.options.expandOnClick,this.expandOnFocus=this.options.expandOnFocus,this.expandOnHover=this.options.expandOnHover,!1===this.options.autoCollapse&&(this.collapseOnClickOut=this.options.collapseOnClickOut,this.collapseOnFocusOut=this.options.collapseOnFocusOut,this.collapseOnMouseOut=this.options.collapseOnMouseOut)}set expandOnClick(t){!0===t?(this.hostEl.addEventListener("keydown",this._hostKeyDownListener),this.hostEl.addEventListener("mousedown",this._hostMouseDownListener),this.hostEl.addEventListener("click",this._hostClickListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):(this.hostEl.removeEventListener("click",this._hostClickListener),this.hostEl.removeEventListener("mousedown",this._hostMouseDownListener),this.hostEl.removeEventListener("keydown",this._hostKeyDownListener))}set expandOnFocus(t){!0===t?(this.hostEl.addEventListener("focus",this._hostFocusListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):this.hostEl.removeEventListener("focus",this._hostFocusListener)}set expandOnHover(t){!0===t?(this.hostEl.addEventListener("mouseenter",this._hostHoverListener),this.contentEl.addEventListener("mouseenter",this._hostHoverListener),!0===this.options.autoCollapse&&(this.collapseOnMouseOut=!0)):(this.hostEl.removeEventListener("mouseenter",this._hostHoverListener),this.contentEl.removeEventListener("mouseenter",this._hostHoverListener))}set collapseOnClickOut(t){!0===t?(document.addEventListener("click",this._documentClickListener),document.addEventListener("touchstart",this._documentTouchStartListener),document.addEventListener("touchmove",this._documentTouchMoveListener),document.addEventListener("touchend",this._documentTouchEndListener)):(document.removeEventListener("click",this._documentClickListener),document.removeEventListener("touchstart",this._documentTouchStartListener),document.removeEventListener("touchmove",this._documentTouchMoveListener),document.removeEventListener("touchend",this._documentTouchEndListener))}set collapseOnFocusOut(t){!0===t?this.el.addEventListener("focusExit",this._focusExitListener):this.el.removeEventListener("focusExit",this._focusExitListener)}set collapseOnMouseOut(t){!0===t?(this.el.addEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.addEventListener("mouseleave",this._mouseLeaveListener)):(this.el.removeEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.removeEventListener("mouseleave",this._mouseLeaveListener))}get expanded(){return"true"===this.hostEl.getAttribute("aria-expanded")}set expanded(t){!0===t&&!1===this.expanded&&(this.hostEl.setAttribute("aria-expanded","true"),this.options.expandedClass&&this.el.classList.add(this.options.expandedClass),(this._expandWasKeyboardClickActivated||this._expandWasMouseClickActivated&&this.options.alwaysDoFocusManagement)&&function(t,e){if("content"===t)e.setAttribute("tabindex","-1"),e.focus();else if("focusable"===t)W(e)[0].focus();else if("interactive"===t)W(e,!0)[0].focus();else if(null!==t){const n=e.querySelector(`#${t}`);n&&n.focus()}}(this.options.focusManagement,this.contentEl),this.el.dispatchEvent(new CustomEvent("expander-expand",{bubbles:!0,detail:this.contentEl}))),!1===t&&!0===this.expanded&&(this.hostEl.setAttribute("aria-expanded","false"),this.options.expandedClass&&this.el.classList.remove(this.options.expandedClass),this.el.dispatchEvent(new CustomEvent("expander-collapse",{bubbles:!0,detail:this.contentEl}))),this._expandWasKeyboardClickActivated=!1,this._expandWasMouseClickActivated=!1,this._expandWasFocusActivated=!1,this._expandWasHoverActivated=!1,this._keyboardClickFlag=!1,this._mouseClickFlag=!1}sleep(){!0!==this._destroyed&&(this.expandOnClick=!1,this.expandOnFocus=!1,this.expandOnHover=!1,this.collapseOnClickOut=!1,this.collapseOnFocusOut=!1,this.collapseOnMouseOut=!1)}destroy(){this.sleep(),this._destroyed=!0,this._hostKeyDownListener=null,this._hostMouseDownListener=null,this._documentClickListener=null,this._documentTouchStartListener=null,this._documentTouchMoveListener=null,this._documentTouchEndListener=null,this._hostClickListener=null,this._hostFocusListener=null,this._hostHoverListener=null,this._focusExitListener=null,this._mouseLeaveListener=null}}const st={labelElementAnimateModifier:"floating-label__label--animate",labelElementInlineModifier:"floating-label__label--inline",labelElementFocusModifier:"floating-label__label--focus",labelElementInvalidModifier:"floating-label__label--invalid",labelElementDisabledModifier:"floating-label__label--disabled",textboxElementBackgroundRGB:["rgb(255, 255, 255)","rgb(247, 247, 247)","rgb(245, 245, 245)","rgb(230, 32, 72)","rgb(254, 245, 246)","rgba(0, 0, 0, 0)"]};function ot(t,e){if(at(t)){t.style["min-width"]="";const n=t.offsetWidth,i=t.querySelector("option");i.value||(i.text=e),!e&&n>t.offsetWidth&&(t.style["min-width"]=`${n}px`)}else e?t.setAttribute("placeholder",e):t.removeAttribute("placeholder")}function rt(){const t=lt(this.formControlEl);this.placeholder=function(t){if(at(t)){const e=t.querySelector("option");return e.value?null:e.text}if(t.hasAttribute("placeholder"))return t.getAttribute("placeholder")}(this.formControlEl)||this.placeholder;const e=function(t){if(at(t)){const e=t.querySelector("option");if(e.value)return;return!!e.text}return t.hasAttribute("placeholder")}(this.formControlEl,this.placeholder);this.placeholder&&t&&!e?ot(this.formControlEl,this.placeholder):!t&&e&&ot(this.formControlEl,""),ut(this.formControlEl)?this.labelEl.classList.add(this.options.labelElementInvalidModifier):this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.formControlEl.hasAttribute("disabled")?this.labelEl.classList.add(this.options.labelElementDisabledModifier):this.labelEl.classList.remove(this.options.labelElementDisabledModifier)}function lt(t){return document.activeElement===t}function at(t){return"SELECT"===t.tagName}function ct(t){return t.value.length>0}function ut(t){return t.hasAttribute("aria-invalid")&&"true"===t.getAttribute("aria-invalid")}function ht(t,e){if(!at(t)){const n=getComputedStyle(t).backgroundColor;return Array.isArray(e)?!e.includes(n):n!==e}return!1}function dt(){ct(this.formControlEl)||this.labelEl.classList.add(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementFocusModifier),ut(this.formControlEl)&&this.labelEl.classList.add(this.options.labelElementInvalidModifier),ot(this.formControlEl,"")}function mt(){this.labelEl.classList.add(this.options.labelElementAnimateModifier),this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.placeholder&&ot(this.formControlEl,this.placeholder)}class bt{constructor(t,e){this.options=Object.assign({},st,e),this._observer=new MutationObserver(rt.bind(this)),this.rootEl=t,this.labelEl=this.rootEl.querySelector("label"),this.formControlEl=this.rootEl.querySelector("input,textarea,select"),this._onBlurListener=dt.bind(this),this._onFocusListener=mt.bind(this),this.formControlEl.addEventListener("blur",this._onBlurListener),this.formControlEl.addEventListener("focus",this._onFocusListener),ct(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?at(this.formControlEl)||this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier)),rt.call(this),this._observer.observe(this.formControlEl,{childList:at(this.formControlEl),subtree:at(this.formControlEl),attributeFilter:["disabled","aria-invalid","placeholder","value"],attributes:!0})}destroy(){this._observer.disconnect()}refresh(){ct(this.formControlEl)||at(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier))}}function _t(t){t.keyCode>=32&&t.keyCode<=40&&t.preventDefault()}function ft(t){t.addEventListener("keydown",_t)}const pt={activeDescendantClassName:"active-descendant",autoInit:"none",autoReset:"none",autoScroll:!1,axis:"both",wrap:!1};function vt(t){const{items:e,toIndex:n}=t.detail,i=e[n];i&&(i.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",i.id)),this._el.dispatchEvent(new CustomEvent("activeDescendantInit",{detail:t.detail}))}function Et(t){const{fromIndex:e,toIndex:n}=t.detail,i=this.items[e],s=this.items[n];i&&i.classList.remove(this._options.activeDescendantClassName),s&&(s.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",s.id),this._options.autoScroll&&this._containerEl&&(this._containerEl.scrollTop=s.offsetTop-this._containerEl.offsetHeight/2)),this._el.dispatchEvent(new CustomEvent("activeDescendantChange",{detail:t.detail}))}function gt(t){const e=t.detail.toIndex,n=this._options.activeDescendantClassName;if(this.items.forEach((function(t){t.classList.remove(n)})),null!==e&&-1!==e){const t=this.items[e];t.classList.add(n),this._focusEl.setAttribute("aria-activedescendant",t.id)}else this._focusEl.removeAttribute("aria-activedescendant");this._el.dispatchEvent(new CustomEvent("activeDescendantReset",{detail:t.detail}))}function Lt(t){const{toIndex:e}=t.detail,n=this._options.activeDescendantClassName;this.items.forEach((function(t,i){o(t),i!==e?t.classList.remove(n):t.classList.add(n)})),this._el.dispatchEvent(new CustomEvent("activeDescendantMutation",{detail:t.detail}))}class xt{constructor(t){this._el=t,this._onMutationListener=Lt.bind(this),this._onChangeListener=Et.bind(this),this._onResetListener=gt.bind(this),this._onInitListener=vt.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelReset",this._onResetListener),this._el.addEventListener("navigationModelInit",this._onInitListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelReset",this._onResetListener),this._el.removeEventListener("navigationModelInit",this._onInitListener)}}class yt extends xt{constructor(t,e,n,i,s){super(t),this._options=Object.assign({},pt,s),this._focusEl=e,this._itemContainerEl=n,this._itemSelector=i,o(this._itemContainerEl),this._itemContainerEl!==this._focusEl&&e.setAttribute("aria-owns",this._itemContainerEl.id),this._navigationEmitter=I(t,i,{autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:this._options.axis,ignoreByDelegateSelector:this._options.ignoreByDelegateSelector,wrap:this._options.wrap}),this.items.forEach((function(t){o(t)}))}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}reset(){this._navigationEmitter.model.reset()}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}set wrap(t){this._navigationEmitter.model.options.wrap=t}destroy(){super.destroy(),this._navigationEmitter.destroy()}}const wt={activeDescendantClassName:"listbox__option--active",autoInit:"ariaSelectedOrInteractive",autoReset:"ariaSelectedOrInteractive",autoSelect:!0,customElementMode:!1,focusableElement:null,listboxOwnerElement:null,multiSelect:!1,useAriaChecked:!0,valueSelector:".listbox__value"};class kt{constructor(t,e){this._options=Object.assign({},wt,e),this.el=t,this._activeDescendantRootEl=this._options.listboxOwnerElement||this.el,"listbox"===t.getAttribute("role")?this._listboxEl=t:this._listboxEl=this.el.querySelector("[role=listbox]"),this._options.focusableElement||null!==this._listboxEl.getAttribute("tabindex")||this._listboxEl.setAttribute("tabindex","0"),ft(this.el),this._onKeyDownListener=Ct.bind(this),this._onClickListener=St.bind(this),this._onActiveDescendantChangeListener=Mt.bind(this),this._onMutationListener=At.bind(this),this.el.classList.add("listbox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this._activeDescendant=function(t,e,n,i,s){return new yt(t,e,n,"[role=option]",s)}(this._activeDescendantRootEl,this._options.focusableElement||this._listboxEl,this._listboxEl,0,{activeDescendantClassName:this._options.activeDescendantClassName,autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:"y"})}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._listboxEl,{attributeFilter:["aria-selected"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onActiveDescendantChangeListener),this._listboxEl.addEventListener("keydown",this._onKeyDownListener),this._listboxEl.addEventListener("click",this._onClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("keydown",this._onKeyDownListener),this._listboxEl.removeEventListener("click",this._onClickListener),this._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onActiveDescendantChangeListener)}get index(){return this.items.findIndex((t=>"true"===t.getAttribute("aria-selected")))}get items(){return this._activeDescendant.items}select(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];let n;if(e.setAttribute("aria-selected","true"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","true"),n=e.innerText,this._options.valueSelector){const t=e.querySelector(this._options.valueSelector);t&&(n=t.innerText)}this.el.dispatchEvent(new CustomEvent("makeup-listbox-change",{detail:{el:e,optionIndex:t,optionValue:n}}))}this._observeMutations()}unselect(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];e.setAttribute("aria-selected","false"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","false")}this._observeMutations()}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onActiveDescendantChangeListener=null,this._onMutationListener=null}}function Ct(t){const e=this._activeDescendant.currentItem;var n;13!==(n=t.keyCode)&&32!==n||"true"===e?.getAttribute("aria-selected")||(this.unselect(this.index),this.select(this._activeDescendant.index))}function St(t){const e=t.target.closest("[role=option]"),n=this.items.indexOf(e),i="true"===e.getAttribute("aria-selected");"true"===e.getAttribute("aria-disabled")||!1!==this._options.autoSelect||!1!==i||(this.unselect(this.index),this.select(n))}function Mt(t){const{fromIndex:e,toIndex:n}=t.detail;if(!0===this._options.autoSelect){const t=this.items[e],i=this.items[n];t&&this.unselect(e),i&&this.select(n)}}function At(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-mutation",{detail:{attributeName:e.attributeName}}))}const Ot={autoSelect:!0,collapseTimeout:150,customElementMode:!1};class Tt{constructor(t,e){this._options=Object.assign({},Ot,e),this._el=t,this._inputEl=this._el.querySelector("input"),this._listboxEl=this._el.querySelector(".combobox__listbox"),this._autocompleteType=this._inputEl.getAttribute("aria-autocomplete"),this._inputEl.setAttribute("autocomplete","off"),this._inputEl.setAttribute("role","combobox"),this._listboxEl.hidden=!1,this._listboxWidget=new kt(this._listboxEl,{activeDescendantClassName:"combobox__option--active",autoReset:-1,autoSelect:this._options.autoSelect,focusableElement:this._inputEl,listboxOwnerElement:this._el}),this._expander=new it(this._el,{collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:".combobox__listbox",expandedClass:"combobox--expanded",expandOnFocus:!0,hostSelector:"input"}),this._destroyed=!1,this._onInputFocusListener=It.bind(this),this._onListboxClickListener=Ft.bind(this),this._onListboxActiveDescendantChangeListener=Rt.bind(this),this._onTextboxKeyDownListener=Dt.bind(this),this._onTextboxInputListener=Bt.bind(this),this._onTextboxClickListener=qt.bind(this),this._onMutationListener=Nt.bind(this),this._el.classList.add("combobox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}resetFilter(){this._listboxWidget._activeDescendant.reset(),this._listboxWidget.items.forEach((t=>t.hidden=!1))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._inputEl,{attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.addEventListener("focus",this._onInputFocusListener),this._inputEl.addEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.addEventListener("input",this._onTextboxInputListener),this._inputEl.addEventListener("click",this._onTextboxClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.removeEventListener("focus",this._onInputFocusListener),this._inputEl.removeEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.removeEventListener("input",this._onTextboxInputListener),this._inputEl.removeEventListener("click",this._onTextboxClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onInputFocusListener=null,this._onListboxClickListener=null,this._onListboxActiveDesendanctChangeListener=null,this._onTextboxKeyDownListener=null,this._onTextboxInputListener=null,this._onTextboxClickListener=null,this._onMutationListener=null}}function It(){this.resetFilter()}function Dt(t){if(38!==t.keyCode&&40!==t.keyCode||t.preventDefault(),40===t.keyCode&&!1===this._expander.expanded&&(this._expander.expanded=!0),27===t.keyCode&&!0===this._expander.expanded&&(this._expander.expanded=!1,this._listboxWidget._activeDescendant.reset()),!1===this._options.autoSelect&&13===t.keyCode&&this._inputEl.getAttribute("aria-activedescendant")){t.preventDefault();const e=this;this._inputEl.value=this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText,Kt(this._el,this._inputEl.value),this._listboxWidget._activeDescendant.reset(),setTimeout((function(){e._expander.expanded=!1,"list"===e._autocompleteType&&(0===e._inputEl.value.length?e.resetFilter():jt(e._inputEl.value,e._listboxWidget.items))}),this._options.collapseTimeout)}}function qt(){!1===this._expander.expanded&&(this._expander.expanded=!0)}function Bt(){!1===this._expander.expanded&&(this._expander.expanded=!0),"list"===this._autocompleteType&&(this._listboxWidget._activeDescendant.reset(),0===this._inputEl.value.length?this.resetFilter():jt(this._inputEl.value,this._listboxWidget.items))}function Ft(t){const e=this,n=t.target.closest("[role=option]"),i=this._listboxWidget.items.indexOf(n);console.log(i),void 0!==i&&(this._inputEl.value=this._listboxWidget.items[i].innerText,!1===this._options.autoSelect&&Kt(this._el,this._inputEl.value),setTimeout((function(){e._expander.expanded=!1}),this._options.collapseTimeout))}function Rt(t){!0===this._options.autoSelect&&(this._inputEl.value=this._listboxWidget.items[t.detail.toIndex].innerText,Kt(this._el,this._inputEl.value))}function Nt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-combobox-mutation",{detail:{attributeName:e.attributeName}}))}function jt(t,e){const n=t.length,i=t.toLowerCase(),s=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()===i)),o=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()!==i));s.forEach((t=>t.hidden=!1)),o.forEach((t=>t.hidden=!0))}function Kt(t,e){t.dispatchEvent(new CustomEvent("makeup-combobox-change",{detail:{value:e}}))}const Pt={customElementMode:!1};class Ht{constructor(t,e,n){this._options=Object.assign({},Pt,n),this._el=t,this._el.setAttribute("aria-haspopup","dialog"),this._dialog=e,this._onClickListener=$t.bind(this),this._onDialogCloseListener=Vt.bind(this),this._onMutationListener=Wt.bind(this),this._el.classList.add("dialog-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._el,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._el.addEventListener("click",this._onClickListener),this._dialog._el.addEventListener("dialog-close",this._onDialogCloseListener))}_unobserveEvents(){this._el.removeEventListener("click"),this._dialog._el.removeEventListener("dialog-close",this._onDialogCloseListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onDialogCloseListener=null,this._onMutationListener=null}}function Wt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-dialog-button-mutation",{detail:{attributeName:e.attributeName}}))}function $t(){this._dialog.open()}function Vt(){!0===this._dialog.modal&&this._el.focus()}const zt={autoSelect:!0,buttonLabelSelector:".btn__text",collapseTimeout:150,customElementMode:!1,listboxSelector:".listbox-button__listbox",floatingLabelSelector:".btn__floating-label",floatingLabelInline:"btn__floating-label--inline",floatingLabelAnimate:"btn__floating-label--animate",valueSelector:".listbox-button__value",buttonValueType:"text",listboxOptionIconSelector:".icon",listboxOptionAriaLabelSelector:null};class Gt{constructor(t,e){this._options=Object.assign({},zt,e),this.el=t,this._buttonEl=this.el.querySelector("button"),this._buttonLabelEl=t.querySelector(this._options.buttonLabelSelector),this._buttonFloatingLabelEl=t.querySelector(this._options.floatingLabelSelector),this._buttonPrefix=this._buttonEl.dataset?.listboxButtonPrefix,this._listboxEl=this.el.querySelector(this._options.listboxSelector),this._onButtonFirstClickListener=Ut.bind(this),this._onListboxClickListener=Yt.bind(this),this._onListboxKeyDownListener=Xt.bind(this),this._onListboxInitListener=Jt.bind(this),this._onListboxChangeListener=Qt.bind(this),this._onMutationListener=Zt.bind(this),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this.listbox=new kt(this._listboxEl,{activeDescendantClassName:"listbox-button__option--active",autoReset:"ariaSelectedOrInteractive",autoSelect:this._options.autoSelect,valueSelector:this._options.valueSelector}),this._expander=new it(this.el,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.listboxSelector,expandedClass:"listbox-button--expanded",expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this.el.classList.add("listbox-button--js"),this._buttonFloatingLabelEl&&(this._buttonLabelEl.innerText||this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._buttonEl,{attributeFilter:["aria-expanded"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxEl.removeEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.removeEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.removeEventListener("makeup-listbox-change",this._onListboxChangeListener)}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxEl.addEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.addEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.addEventListener("makeup-listbox-change",this._onListboxChangeListener))}collapse(){const t=this;setTimeout((function(){t._unobserveMutations(),t._expander.expanded=!1,t._observeMutations(),t._buttonEl.focus()}),this._options.collapseTimeout)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._unobserveMutations(),this._onButtonFirstClickListener=null,this._onListboxClickListener=null,this._onListboxKeyDownListener=null,this._onListboxInitListener=null,this._onListboxChangeListener=null,this._onMutationListener=null}}function Ut(){this.listbox.el.hidden=!1}function Xt(t){13!==t.keyCode&&27!==t.keyCode&&32!==t.keyCode||this.collapse()}function Yt(){this.collapse()}function Jt(t){this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-init",{detail:t.detail}))}function Qt(t){const e=t.detail.optionValue,{listboxOptionIconSelector:n,listboxOptionAriaLabelSelector:i,buttonValueType:s,floatingLabelAnimate:o,floatingLabelInline:r}=this._options,l=t.detail.el.querySelector(n).cloneNode(!0);let a=this._buttonPrefix?`${this._buttonPrefix}${e}`:e;if(l)switch(s){case"both":a=`${l.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=l.outerHTML}if(i){const e=t.detail.el.querySelector(i)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${e}`:e)}this._buttonLabelEl.innerHTML=a,this._buttonFloatingLabelEl&&(e?(this._buttonFloatingLabelEl.classList.add(o),this._buttonFloatingLabelEl.classList.remove(r)):this._buttonFloatingLabelEl.classList.add(r)),this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-change",{detail:t.detail}))}function Zt(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-mutation",{detail:{attributeName:e.attributeName}}))}const te={customElementMode:!1,autoInit:"interactive",autoReset:"interactive"};class ee{constructor(t,e){this._options=Object.assign({},te,e),this.el=t,this._rovingTabIndex=P(this.el,"[role^=menuitem]",{autoInit:this._options.autoInit,autoReset:this._options.autoReset}),ft(this.el),this._onKeyDownListener=ie.bind(this),this._onClickListener=se.bind(this),this._onMutationListener=ne.bind(this),this.el.classList.add("menu--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}select(t){this._unobserveMutations();const e=this.items[t];switch(e.getAttribute("role")){case"menuitemcheckbox":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup;e.setAttribute("aria-checked","true"===e.getAttribute("aria-checked")?"false":"true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,checked:e.getAttribute("aria-checked"),group:n,value:e.innerText}}))}}(this.el,e);break;case"menuitemradio":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup,i=t.querySelector(`[data-makeup-group=${n}][aria-checked=true]`);i&&i.setAttribute("aria-checked","false"),i!==e&&(e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}})))}}(this.el,e);break;default:n=e,this.el.dispatchEvent(new CustomEvent("makeup-menu-select",{detail:{el:n,value:n.innerText}}))}var n;this._observeMutations()}get items(){return this._rovingTabIndex.items}get radioGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemradio][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}get checkboxGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemcheckbox][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-checked","aria-disabled"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this.el.addEventListener("keydown",this._onKeyDownListener),this.el.addEventListener("click",this._onClickListener))}_unobserveEvents(){this.el.removeEventListener("keydown",this._onKeyDownListener),this.el.removeEventListener("click",this._onClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onMutationListener=null}}function ne(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-mutation",{detail:{attributeName:e.attributeName}}))}function ie(t){this._unobserveMutations(),13===t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.select(Array.from(this.items).indexOf(t.target)),this._observeMutations()}function se(t){const e=t.target.closest("[role^=menuitem]"),n=this.items.indexOf(e);-1!==n&&this.select(n)}const oe={customElementMode:!1,expandedClass:"menu-button--expanded",menuSelector:".menu-button__menu",buttonTextSelector:".btn__text",buttonValueType:"text",menuItemIconSelector:".icon",menuItemButtonAriaLabelSelector:null};class re{constructor(t,e){this._options=Object.assign({},oe,e),this.el=t,this._buttonEl=t.querySelector("button"),this._buttonEl.setAttribute("aria-haspopup","true"),this.menu=new ee(t.querySelector(this._options.menuSelector),{autoReset:"interactive"}),this._buttonPrefix=this._buttonEl.dataset?.makeupMenuButtonPrefix,this._buttonTextEl=this._buttonEl.querySelector(this._options.buttonTextSelector),this._expander=new it(t,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.menuSelector,expandedClass:this._options.expandedClass,expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this._onButtonFirstClickListener=ae.bind(this),this._onMenuKeyDownListener=ce.bind(this),this._onMenuItemSelectListener=ue.bind(this),this._onMutationListener=le.bind(this),this.el.classList.add("menu-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-expanded","disabled"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this.menu.el.addEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.addEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.addEventListener("makeup-menu-change",this._onMenuItemSelectListener))}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this.menu.el.removeEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.removeEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.removeEventListener("makeup-menu-change",this._onMenuItemSelectListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onButtonFirstClickListener=null,this._onMenuKeyDownListener=null,this._onMenuItemSelectListener=null,this._onMutationListener=null}}function le(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-button-mutation",{detail:{attributeName:e.attributeName}}))}function ae(){this.menu.el.hidden=!1}function ce(t){27===t.keyCode&&(this._expander.expanded=!1,this._buttonEl.focus())}function ue(t){const e=this,{el:n}=t.detail;if(setTimeout((function(){e._expander.expanded=!1,e._buttonEl.focus()}),150),"menuitemradio"!==n.getAttribute("role"))return;const{menuItemIconSelector:i,menuItemButtonAriaLabelSelector:s,buttonValueType:o}=this._options,r=n.querySelector(i).cloneNode(!0),l=n.innerText.trim();let a=this._buttonPrefix?`${this._buttonPrefix} ${l}`:l;if(r)switch(o){case"both":a=`${r.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=r.outerHTML}if(s){const t=n.querySelector(s)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${t}`:t)}this._buttonTextEl.innerHTML=a}const he={bem:{control:"switch__control"},customElementMode:!1};class de{constructor(t,e){this._options=Object.assign({},he,e),this.el=t,this._onClickListener=be.bind(this),this._onKeyDownListener=me.bind(this),this._onMutationListener=_e.bind(this),this.disabled&&this._focusableElement.setAttribute("tabindex","-1"),this.el.classList.add("switch--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._focusableElement,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){this._focusableElement.addEventListener("click",this._onClickListener),this._focusableElement.addEventListener("keydown",this._onKeyDownListener)}_unobserveEvents(){this._focusableElement.removeEventListener("click",this._onClickListener),this._focusableElement.removeEventListener("keydown",this._onKeyDownListener)}get _focusableElement(){return this.el.querySelector(`.${this._options.bem.control}`)}set checked(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-checked",t.toString()),this.el.dispatchEvent(new CustomEvent("makeup-switch-toggle",{composed:!0,detail:{on:this.checked}})),this._observeMutations()}get checked(){return"true"===this._focusableElement.getAttribute("aria-checked")}set disabled(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-disabled",t.toString()),this._focusableElement.setAttribute("tabindex",t?"-1":"0"),this._observeMutations()}get disabled(){return"true"===this._focusableElement.getAttribute("aria-disabled")}set labelledby(t){if(this._unobserveMutations(),this._focusableElement.setAttribute("aria-labelledby",t),this._options.customElementMode){const t=document.getElementById(this.labelledby);t&&""!==t.innerText&&(this.label=t.innerText)}this._observeMutations()}get labelledby(){return this._focusableElement.getAttribute("aria-labelledby")}get label(){return this._focusableElement.getAttribute("aria-label")}set label(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-label",t),this._observeMutations()}toggle(){this.checked=!this.checked}destroy(){this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onKeyDownListener=null,this._onMutationListener=null}}function me(t){if(!this.disabled)switch(t.keyCode){case 32:t.preventDefault(),this.toggle();break;case 37:this.checked=!1;break;case 39:this.checked=!0}}function be(){this.disabled||this.toggle()}function _e(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-switch-mutation",{detail:{attributeName:e.attributeName}}))}let fe,pe,ve,Ee,ge,Le,xe,ye,we;function ke(){ye.focus()}function Ce(){we.focus()}function Se(){return fe&&(pe=Me(pe),ve=Me(ve),Ee=Me(Ee),ge=Me(ge),Le=Me(Le),xe=Me(xe),fe.classList.remove("keyboard-trap--active"),fe.dispatchEvent(new CustomEvent("keyboardUntrap",{bubbles:!0})),fe=null),fe}function Me(t){const e=t.parentNode;return e?e.removeChild(t):t}const Ae=t=>1===t.nodeType&&"body"!==t.tagName.toLowerCase()&&"html"!==t.tagName.toLowerCase(),Oe=t=>1===t.nodeType&&"script"!==t.tagName.toLowerCase(),Te=(t,e)=>t.concat(e);function Ie(t,e=[]){const n=t.previousSibling;return n?(e.push(n),Ie(n,e)):e}function De(t,e=[]){const n=t.nextSibling;return n?(e.push(n),De(n,e)):e}function qe(t){return Ie(t).concat(De(t)).filter(Oe)}function Be(t,e=[]){const n=t.parentNode;return n?(e.push(n),Be(n,e)):e}function Fe(t){return Be(t).filter(Ae)}let Re,Ne,je;const Ke=t=>"svg"!==t.tagName.toLowerCase();function Pe(t,e){let n;return n=!1===e?We(t,"aria-hidden","false"):We(t,"hidden",!1),n}function He(t,e){let n;return n=!1===e?We(t,"aria-hidden","true"):We(t,"hidden",!0),n}function We(t,e,n){const i="boolean"==typeof n;return{el:t,attributeName:e,cleanValue:i?t[e]:t.getAttribute(e),dirtyValue:n,isProperty:i}}function $e(){Ne&&(je.forEach((t=>{var e;(e=t).cleanValue?!0===e.isProperty?e.el[e.attributeName]=e.cleanValue:e.el.setAttribute(e.attributeName,e.cleanValue):e.el.removeAttribute(e.attributeName)})),je=[],Re&&Re.setAttribute("role","main"),Ne.dispatchEvent(new CustomEvent("screenreaderUntrap",{bubbles:!0})),Ne=null)}const Ve={useHiddenProperty:!1};const ze={hoist:!1,useHiddenProperty:!1,wrap:!1},Ge={SCRIPT:"script",LINK:"link"};let Ue,Xe,Ye,Je=[];function Qe(t){return"body"===t.parentNode.tagName.toLowerCase()}function Ze(){return Ue&&(Se(),$e(),Ye&&([...Ye.children].forEach((t=>{if(t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK){const e=Je.shift();e>document.body.children.length?document.body.appendChild(t):document.body.insertBefore(t,document.body.children[e+1])}})),Ye.remove(),Ye=null,Je=[]),Xe&&(Xe.replaceWith(Ue),Xe=null),document.body.removeAttribute("data-makeup-modal"),Ue.removeAttribute("data-makeup-modal"),Ue.dispatchEvent(new CustomEvent("makeup-unmodal",{bubbles:!1})),Ue=null),Ue}function tn(t,e){const n=Object.assign({},ze,e);return Ze(),Ue=t,n.hoist&&(Xe||Qe(Ue)||(Xe=document.createElement("div"),Xe.setAttribute("data-makeup-modal","placeholder"),Ue.parentElement.insertBefore(Xe,Ue),document.body.appendChild(Ue))),n.wrap&&!Ye&&Qe(Ue)&&(Ye=document.createElement("div"),Ye.setAttribute("data-makeup-modal","inert"),[...document.body.children].forEach(((t,e)=>{t!==Ue&&t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK&&(Ye.appendChild(t),Je.push(e))})),document.body.prepend(Ye)),function(t,e){$e();const n=Object.assign({},Ve,e);Ne=t,Re=document.querySelector('main, [role="main"]'),Re&&Re.setAttribute("role","presentation");const i=Fe(Ne);let s=qe(Ne),o=function(t){return Fe(t).map((t=>qe(t))).reduce(Te,[])}(Ne);!0===n.useHiddenProperty&&(s=s.filter(Ke),o=o.filter(Ke)),je=[Pe(Ne,n.useHiddenProperty)].concat(i.map((t=>Pe(t,n.useHiddenProperty)))).concat(s.map((t=>He(t,n.useHiddenProperty)))).concat(o.map((t=>He(t,n.useHiddenProperty)))),je.forEach((t=>{var e;!0===(e=t).isProperty?e.el[e.attributeName]=e.dirtyValue:e.el.setAttribute(e.attributeName,e.dirtyValue)})),Ne.dispatchEvent(new CustomEvent("screenreaderTrap",{bubbles:!0}))}(Ue,e),n.useHiddenProperty||function(t){pe?Se():(pe=function(){const t=document.createElement("div");return t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","0"),t.className="keyboard-trap-boundary",t}(),ve=pe.cloneNode(),Ee=pe.cloneNode(),ge=pe.cloneNode(),Le=pe.cloneNode(),xe=pe.cloneNode(),pe.addEventListener("focus",ke),ve.addEventListener("focus",ke),Ee.addEventListener("focus",Ce),ge.addEventListener("focus",ke),Le.addEventListener("focus",Ce),xe.addEventListener("focus",Ce)),fe=t;const e="undefined"==typeof document?null:document.body,n=W(fe,!0);ye=n[0],we=n[n.length-1],e.insertBefore(pe,e.childNodes[0]),fe.parentNode.insertBefore(ve,fe),fe.insertBefore(Ee,fe.childNodes[0]),fe.appendChild(ge),fe.parentNode.insertBefore(Le,fe.nextElementSibling),e.appendChild(xe),fe.dispatchEvent(new CustomEvent("keyboardTrap",{bubbles:!0})),fe.classList.add("keyboard-trap--active")}(Ue),document.body.setAttribute("data-makeup-modal","true"),Ue.setAttribute("data-makeup-modal","widget"),Ue.dispatchEvent(new CustomEvent("makeup-modal",{bubbles:!1})),Ue}const en="transitionend",nn=/0m?s(?:, )?/g;function sn(t,e,n){let i,s,o=0;const r=t.classList,l="".concat(e,"-init");let a=function(t){let e,n;return window.requestAnimationFrame?(e=requestAnimationFrame((function(){e=requestAnimationFrame(t)})),n=cancelAnimationFrame):(e=setTimeout(t,26),n=clearTimeout),function(){e&&(n(e),e=void 0)}}((function(){t.addEventListener(en,u,!0),r.add(e),r.remove(l),s=on(t),a=void 0,0===s&&c()}));return r.add(l),c;function c(){i||(i=!0,t.removeEventListener(en,u,!0),a?(a(),r.remove(l)):r.remove(e))}function u(){++o===s&&(i=!0,t.removeEventListener(en,u,!0),r.remove(e),n&&n())}}function on(t){let e=window.getComputedStyle(t).transitionDuration.replace(nn,"")?1:0,n=t.firstElementChild;for(;n;)e+=on(n),n=n.nextElementSibling;return e}const rn={baseClass:"dialog",closeButtonSelector:".dialog__close",focusManagementIndex:0,modal:!1,quickDismiss:!0,transitionsModifier:"mask-fade"};class ln{constructor(t,e){this._options=Object.assign({},rn,e),this._el=t,!0===this._options.modal&&this._el.setAttribute("aria-modal","true"),this._windowEl=this._el.querySelector(this._options.windowSelector),this._closeButtonEl=this._el.querySelector(this._options.closeButtonSelector),this._hasTransitions=this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`),this._onCloseButtonClickListener=dn.bind(this),this._onKeyDownListener=hn.bind(this),this._onOpenTransitionEndCallback=cn.bind(this),this._onCloseTransitionEndCallback=un.bind(this),this._el.classList.add(`${this._options.baseClass}--js`),this.hidden||(this.modal&&an(this),this._observeEvents())}get focusables(){return W(this._windowEl)}get modal(){return"true"===this._el.getAttribute("aria-modal")}get hidden(){return this._el.hidden}open(){this._show(),this._el.dispatchEvent(new CustomEvent("dialog-open"))}close(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-close"))}_show(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--show`,this._onOpenTransitionEndCallback)):(this.modal&&setTimeout((()=>an(this)),50),this._el.hidden=!1),this._observeEvents()}_hide(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--hide`,this._onCloseTransitionEndCallback)):(this.modal&&Ze(),this._el.hidden=!0),this._autoDismissTimeout=null,this._unobserveEvents()}_observeEvents(){document.addEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}_unobserveEvents(){this._el.removeEventListener("click",this._onCloseButtonClickListener),document.removeEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._onCloseButtonClickListener=null,this._onKeyDownListener=null,this._onOpenTransitionEndCallback=null,this._onCloseTransitionEndCallback=null,this._autoDismissTimeout=null}}function an(t){const e=t._el.querySelector("[autofocus]");e?e.focus():t.focusables[t._options.focusManagementIndex].focus(),tn(t._el)}function cn(){this._el.hidden=!1,this._cancelTransition=void 0,this.modal&&an(this)}function un(){this.modal&&Ze(),this._el.hidden=!0,this._cancelTransition=void 0}function hn(t){!0===this._options.quickDismiss&&27===t.keyCode&&this.close()}function dn(){this.close()}const mn={baseClass:"lightbox-dialog",baseClassModifier:"",quickDismiss:!0,closeButtonSelector:".lightbox-dialog__close",windowSelector:".lightbox-dialog__window"};class bn extends ln{constructor(t,e={}){super(t,Object.assign({},mn,e,{modal:!0}))}_observeEvents(){super._observeEvents(),this._onClickListener=_n.bind(this),this._el.addEventListener("click",this._onClickListener)}_unobserveEvents(){super._unobserveEvents(),this._el.removeEventListener("click",this._onClickListener)}destroy(){super.destroy(),this._onClickListener=null}}function _n(t){!0===this._options.quickDismiss&&t.target===this._el&&this.close()}const fn={baseClass:"alert-dialog",baseClassModifier:"alert",quickDismiss:!1,acknowledgeButtonSelector:".alert-dialog__acknowledge",windowSelector:".alert-dialog__window"};class pn extends bn{constructor(t,e={}){super(t,Object.assign({},fn,e))}_observeEvents(){super._observeEvents(),this._acknowledgeButtonEl=this._el.querySelector(this._options.acknowledgeButtonSelector),this._onAcknowledgeButtonClickListener=vn.bind(this),this._acknowledgeButtonEl.addEventListener("click",this._onAcknowledgeButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._acknowledgeButtonEl.removeEventListener("click",this._onAcknowledgeButtonClickListener)}acknowledge(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-acknowledge"))}destroy(){super.destroy(),this._onAcknowledgeButtonClickListener=null}}function vn(){this.acknowledge()}const En={baseClass:"confirm-dialog",closeButtonSelector:".confirm-dialog__close",quickDismiss:!0,confirmButtonSelector:".confirm-dialog__confirm",focusManagementIndex:1,rejectButtonSelector:".confirm-dialog__reject",windowSelector:".confirm-dialog__window"};class gn extends bn{constructor(t,e={}){super(t,Object.assign({},En,e))}_observeEvents(){super._observeEvents(),this._confirmButtonEl=this._el.querySelector(this._options.confirmButtonSelector),this._rejectButtonEl=this._el.querySelector(this._options.rejectButtonSelector),this._onConfirmButtonClickListener=Ln.bind(this),this._onRejectButtonClickListener=xn.bind(this),this._confirmButtonEl.addEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.addEventListener("click",this._onRejectButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._confirmButtonEl.removeEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.removeEventListener("click",this._onRejectButtonClickListener)}confirm(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-confirm"))}reject(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-reject"))}destroy(){super.destroy(),this._onConfirmButtonClickListener=null,this._onRejectButtonClickListener=null}}function Ln(){this.confirm()}function xn(){this.reject()}const yn={baseClass:"lightbox-dialog",baseClassModifier:"input",submitButtonSelector:".lightbox-dialog__submit",cancelButtonSelector:".lightbox-dialog__cancel",windowSelector:".lightbox-dialog__window"};class wn extends bn{constructor(t,e={}){super(t,Object.assign({},yn,e))}_observeEvents(){super._observeEvents(),this._submitButtonEl=this._el.querySelector(this._options.submitButtonSelector),this._cancelButtonEl=this._el.querySelector(this._options.cancelButtonSelector),this._onSubmitButtonClickListener=kn.bind(this),this._onCancelButtonClickListener=Cn.bind(this),this._submitButtonEl.addEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.addEventListener("click",this._onCancelButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._submitButtonEl.removeEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.removeEventListener("click",this._onCancelButtonClickListener)}submit(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-submit"))}cancel(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cancel"))}destroy(){super.destroy(),this._onSubmitButtonClickListener=null,this._onCancelButtonClickListener=null}}function kn(){this.submit()}function Cn(){this.cancel()}const Sn={baseClass:"panel-dialog",quickDismiss:!0,closeButtonSelector:".panel-dialog__close",doneButtonSelector:".panel-dialog__done",windowSelector:".panel-dialog__window",transitionsModifier:"mask-fade-slow"};class Mn extends bn{constructor(t,e={}){super(t,Object.assign({},Sn,e))}}const An={autoDismissTimer:6e3,baseClass:"snackbar-dialog",ctaButtonSelector:".snackbar-dialog__cta",transitionsModifier:"transition"};class On extends ln{constructor(t,e={}){super(t,Object.assign({},An,e)),this._autoDismissTimeout=null}_show(){super._show(),this._autoDismissTimeout=setTimeout(((t=this)=>t.close()),this._options.autoDismissTimer)}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=Tn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function Tn(){this.cta()}const In={baseClass:"toast-dialog",closeButtonSelector:".toast-dialog__close",ctaButtonSelector:".toast-dialog__cta",transitionsModifier:"transition"};class Dn extends ln{constructor(t,e={}){super(t,Object.assign({},In,e))}_show(){super._show()}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=qn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function qn(){this.cta()}const Bn=Math.min,Fn=Math.max,Rn=Math.round,Nn=Math.floor,jn=t=>({x:t,y:t}),Kn={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"};function Hn(t,e,n){return Fn(t,Bn(e,n))}function Wn(t,e){return"function"==typeof t?t(e):t}function $n(t){return t.split("-")[0]}function Vn(t){return t.split("-")[1]}function zn(t){return"x"===t?"y":"x"}function Gn(t){return"y"===t?"height":"width"}function Un(t){return["top","bottom"].includes($n(t))?"y":"x"}function Xn(t){return zn(Un(t))}function Yn(t){return t.replace(/start|end/g,(t=>Pn[t]))}function Jn(t){return t.replace(/left|right|bottom|top/g,(t=>Kn[t]))}function Qn(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Zn(t){const{x:e,y:n,width:i,height:s}=t;return{width:i,height:s,top:n,left:e,right:e+i,bottom:n+s,x:e,y:n}}function ti(t,e,n){let{reference:i,floating:s}=t;const o=Un(e),r=Xn(e),l=Gn(r),a=$n(e),c="y"===o,u=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,d=i[l]/2-s[l]/2;let m;switch(a){case"top":m={x:u,y:i.y-s.height};break;case"bottom":m={x:u,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:h};break;case"left":m={x:i.x-s.width,y:h};break;default:m={x:i.x,y:i.y}}switch(Vn(e)){case"start":m[r]-=d*(n&&c?-1:1);break;case"end":m[r]+=d*(n&&c?-1:1)}return m}async function ei(t,e){var n;void 0===e&&(e={});const{x:i,y:s,platform:o,rects:r,elements:l,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:d=!1,padding:m=0}=Wn(e,t),b=Qn(m),_=l[d?"floating"===h?"reference":"floating":h],f=Zn(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(_)))||n?_:_.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),p="floating"===h?{x:i,y:s,width:r.floating.width,height:r.floating.height}:r.reference,v=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),E=await(null==o.isElement?void 0:o.isElement(v))&&await(null==o.getScale?void 0:o.getScale(v))||{x:1,y:1},g=Zn(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:p,offsetParent:v,strategy:a}):p);return{top:(f.top-g.top+b.top)/E.y,bottom:(g.bottom-f.bottom+b.bottom)/E.y,left:(f.left-g.left+b.left)/E.x,right:(g.right-f.right+b.right)/E.x}}function ni(t){const e=Bn(...t.map((t=>t.left))),n=Bn(...t.map((t=>t.top)));return{x:e,y:n,width:Fn(...t.map((t=>t.right)))-e,height:Fn(...t.map((t=>t.bottom)))-n}}function ii(t){return ri(t)?(t.nodeName||"").toLowerCase():"#document"}function si(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function oi(t){var e;return null==(e=(ri(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ri(t){return t instanceof Node||t instanceof si(t).Node}function li(t){return t instanceof Element||t instanceof si(t).Element}function ai(t){return t instanceof HTMLElement||t instanceof si(t).HTMLElement}function ci(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof si(t).ShadowRoot)}function ui(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=_i(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function hi(t){return["table","td","th"].includes(ii(t))}function di(t){const e=mi(),n=_i(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function mi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function bi(t){return["html","body","#document"].includes(ii(t))}function _i(t){return si(t).getComputedStyle(t)}function fi(t){return li(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function pi(t){if("html"===ii(t))return t;const e=t.assignedSlot||t.parentNode||ci(t)&&t.host||oi(t);return ci(e)?e.host:e}function vi(t){const e=pi(t);return bi(e)?t.ownerDocument?t.ownerDocument.body:t.body:ai(e)&&ui(e)?e:vi(e)}function Ei(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const s=vi(t),o=s===(null==(i=t.ownerDocument)?void 0:i.body),r=si(s);return o?e.concat(r,r.visualViewport||[],ui(s)?s:[],r.frameElement&&n?Ei(r.frameElement):[]):e.concat(s,Ei(s,[],n))}function gi(t){const e=_i(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=ai(t),o=s?t.offsetWidth:n,r=s?t.offsetHeight:i,l=Rn(n)!==o||Rn(i)!==r;return l&&(n=o,i=r),{width:n,height:i,$:l}}function Li(t){return li(t)?t:t.contextElement}function xi(t){const e=Li(t);if(!ai(e))return jn(1);const n=e.getBoundingClientRect(),{width:i,height:s,$:o}=gi(e);let r=(o?Rn(n.width):n.width)/i,l=(o?Rn(n.height):n.height)/s;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}const yi=jn(0);function wi(t){const e=si(t);return mi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:yi}function ki(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect(),o=Li(t);let r=jn(1);e&&(i?li(i)&&(r=xi(i)):r=xi(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==si(t))&&e}(o,n,i)?wi(o):jn(0);let a=(s.left+l.x)/r.x,c=(s.top+l.y)/r.y,u=s.width/r.x,h=s.height/r.y;if(o){const t=si(o),e=i&&li(i)?si(i):i;let n=t,s=n.frameElement;for(;s&&i&&e!==n;){const t=xi(s),e=s.getBoundingClientRect(),i=_i(s),o=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,c*=t.y,u*=t.x,h*=t.y,a+=o,c+=r,n=si(s),s=n.frameElement}}return Zn({width:u,height:h,x:a,y:c})}const Ci=[":popover-open",":modal"];function Si(t){return Ci.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function Mi(t){return ki(oi(t)).left+fi(t).scrollLeft}function Ai(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=si(t),i=oi(t),s=n.visualViewport;let o=i.clientWidth,r=i.clientHeight,l=0,a=0;if(s){o=s.width,r=s.height;const t=mi();(!t||t&&"fixed"===e)&&(l=s.offsetLeft,a=s.offsetTop)}return{width:o,height:r,x:l,y:a}}(t,n);else if("document"===e)i=function(t){const e=oi(t),n=fi(t),i=t.ownerDocument.body,s=Fn(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),o=Fn(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let r=-n.scrollLeft+Mi(t);const l=-n.scrollTop;return"rtl"===_i(i).direction&&(r+=Fn(e.clientWidth,i.clientWidth)-s),{width:s,height:o,x:r,y:l}}(oi(t));else if(li(e))i=function(t,e){const n=ki(t,!0,"fixed"===e),i=n.top+t.clientTop,s=n.left+t.clientLeft,o=ai(t)?xi(t):jn(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:s*o.x,y:i*o.y}}(e,n);else{const n=wi(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return Zn(i)}function Oi(t,e){const n=pi(t);return!(n===e||!li(n)||bi(n))&&("fixed"===_i(n).position||Oi(n,e))}function Ti(t,e,n){const i=ai(e),s=oi(e),o="fixed"===n,r=ki(t,!0,o,e);let l={scrollLeft:0,scrollTop:0};const a=jn(0);if(i||!i&&!o)if(("body"!==ii(e)||ui(s))&&(l=fi(e)),i){const t=ki(e,!0,o,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else s&&(a.x=Mi(s));return{x:r.left+l.scrollLeft-a.x,y:r.top+l.scrollTop-a.y,width:r.width,height:r.height}}function Ii(t){return"static"===_i(t).position}function Di(t,e){return ai(t)&&"fixed"!==_i(t).position?e?e(t):t.offsetParent:null}function qi(t,e){const n=si(t);if(Si(t))return n;if(!ai(t)){let e=pi(t);for(;e&&!bi(e);){if(li(e)&&!Ii(e))return e;e=pi(e)}return n}let i=Di(t,e);for(;i&&hi(i)&&Ii(i);)i=Di(i,e);return i&&bi(i)&&Ii(i)&&!di(i)?n:i||function(t){let e=pi(t);for(;ai(e)&&!bi(e);){if(di(e))return e;e=pi(e)}return null}(t)||n}const Bi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:s}=t;const o="fixed"===s,r=oi(i),l=!!e&&Si(e.floating);if(i===r||l&&o)return n;let a={scrollLeft:0,scrollTop:0},c=jn(1);const u=jn(0),h=ai(i);if((h||!h&&!o)&&(("body"!==ii(i)||ui(r))&&(a=fi(i)),ai(i))){const t=ki(i);c=xi(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+u.x,y:n.y*c.y-a.scrollTop*c.y+u.y}},getDocumentElement:oi,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:s}=t;const o=[..."clippingAncestors"===n?Si(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=Ei(t,[],!1).filter((t=>li(t)&&"body"!==ii(t))),s=null;const o="fixed"===_i(t).position;let r=o?pi(t):t;for(;li(r)&&!bi(r);){const e=_i(r),n=di(r);n||"fixed"!==e.position||(s=null),(o?!n&&!s:!n&&"static"===e.position&&s&&["absolute","fixed"].includes(s.position)||ui(r)&&!n&&Oi(t,r))?i=i.filter((t=>t!==r)):s=e,r=pi(r)}return e.set(t,i),i}(e,this._c):[].concat(n),i],r=o[0],l=o.reduce(((t,n)=>{const i=Ai(e,n,s);return t.top=Fn(i.top,t.top),t.right=Bn(i.right,t.right),t.bottom=Bn(i.bottom,t.bottom),t.left=Fn(i.left,t.left),t}),Ai(e,r,s));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:qi,getElementRects:async function(t){const e=this.getOffsetParent||qi,n=this.getDimensions,i=await n(t.floating);return{reference:Ti(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=gi(t);return{width:e,height:n}},getScale:xi,isElement:li,isRTL:function(t){return"rtl"===_i(t).direction}};const Fi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:s}=e,{mainAxis:o=!0,crossAxis:r=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...a}=Wn(t,e),c={x:n,y:i},u=await ei(e,a),h=Un($n(s)),d=zn(h);let m=c[d],b=c[h];if(o){const t="y"===d?"bottom":"right";m=Hn(m+u["y"===d?"top":"left"],m,m-u[t])}if(r){const t="y"===h?"bottom":"right";b=Hn(b+u["y"===h?"top":"left"],b,b-u[t])}const _=l.fn({...e,[d]:m,[h]:b});return{..._,data:{x:_.x-n,y:_.y-i}}}}},Ri=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:s,middlewareData:o,rects:r,initialPlacement:l,platform:a,elements:c}=e,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:_=!0,...f}=Wn(t,e);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const p=$n(s),v=$n(l)===l,E=await(null==a.isRTL?void 0:a.isRTL(c.floating)),g=d||(v||!_?[Jn(l)]:function(t){const e=Jn(t);return[Yn(t),e,Yn(e)]}(l));d||"none"===b||g.push(...function(t,e,n,i){const s=Vn(t);let o=function(t,e,n){const i=["left","right"],s=["right","left"],o=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?s:i:e?i:s;case"left":case"right":return e?o:r;default:return[]}}($n(t),"start"===n,i);return s&&(o=o.map((t=>t+"-"+s)),e&&(o=o.concat(o.map(Yn)))),o}(l,_,b,E));const L=[l,...g],x=await ei(e,f),y=[];let w=(null==(i=o.flip)?void 0:i.overflows)||[];if(u&&y.push(x[p]),h){const t=function(t,e,n){void 0===n&&(n=!1);const i=Vn(t),s=Xn(t),o=Gn(s);let r="x"===s?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=Jn(r)),[r,Jn(r)]}(s,r,E);y.push(x[t[0]],x[t[1]])}if(w=[...w,{placement:s,overflows:y}],!y.every((t=>t<=0))){var k,C;const t=((null==(k=o.flip)?void 0:k.index)||0)+1,e=L[t];if(e)return{data:{index:t,overflows:w},reset:{placement:e}};let n=null==(C=w.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!n)switch(m){case"bestFit":{var S;const t=null==(S=w.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:S[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},Ni=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:s,rects:o,platform:r,elements:l,middlewareData:a}=e,{element:c,padding:u=0}=Wn(t,e)||{};if(null==c)return{};const h=Qn(u),d={x:n,y:i},m=Xn(s),b=Gn(m),_=await r.getDimensions(c),f="y"===m,p=f?"top":"left",v=f?"bottom":"right",E=f?"clientHeight":"clientWidth",g=o.reference[b]+o.reference[m]-d[m]-o.floating[b],L=d[m]-o.reference[m],x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let y=x?x[E]:0;y&&await(null==r.isElement?void 0:r.isElement(x))||(y=l.floating[E]||o.floating[b]);const w=g/2-L/2,k=y/2-_[b]/2-1,C=Bn(h[p],k),S=Bn(h[v],k),M=C,A=y-_[b]-S,O=y/2-_[b]/2+w,T=Hn(M,O,A),I=!a.arrow&&null!=Vn(s)&&O!==T&&o.reference[b]/2-(Ot.y-e.y)),n=[];let i=null;for(let t=0;ti.height/2?n.push([s]):n[n.length-1].push(s),i=s}return n.map((t=>Zn(ni(t))))}(u),d=Zn(ni(u)),m=Qn(l),b=await o.getElementRects({reference:{getBoundingClientRect:function(){if(2===h.length&&h[0].left>h[1].right&&null!=a&&null!=c)return h.find((t=>a>t.left-m.left&&at.top-m.top&&c=2){if("y"===Un(n)){const t=h[0],e=h[h.length-1],i="top"===$n(n),s=t.top,o=e.bottom,r=i?t.left:e.left,l=i?t.right:e.right;return{top:s,bottom:o,left:r,right:l,width:l-r,height:o-s,x:r,y:s}}const t="left"===$n(n),e=Fn(...h.map((t=>t.right))),i=Bn(...h.map((t=>t.left))),s=h.filter((n=>t?n.left===i:n.right===e)),o=s[0].top,r=s[s.length-1].bottom;return{top:o,bottom:r,left:i,right:e,width:e-i,height:r-o,x:i,y:o}}return d}},floating:i.floating,strategy:r});return s.reference.x!==b.reference.x||s.reference.y!==b.reference.y||s.reference.width!==b.reference.width||s.reference.height!==b.reference.height?{reset:{rects:b}}:{}}}};if(void 0!==window.URLSearchParams){const t=new URLSearchParams(location.search);t.has("debug")&&"1"===t.get("debug")&&document.querySelectorAll(".page-grid").forEach((t=>{t.classList.add("page-grid--debug")})),t.has("dark")&&"1"===t.get("dark")&&document.querySelector("body").classList.add("skin-experiment-dark-mode")}const Ki=[];let Pi;const Hi=t=>console.log(t.type,t.detail);document.getElementById("busy-button").addEventListener("click",(function(){const t=this;t.setAttribute("aria-label","Busy..."),t.innerHTML='\n \n \n \n ',window.setTimeout((function(){t.removeAttribute("aria-label"),t.innerHTML="Activate Spinner"}),2e3)})),document.querySelectorAll('.checkbox input[aria-checked="mixed"]').forEach((function(t){t.addEventListener("click",(function(){const t=!0===this.checked;this.setAttribute("aria-checked",t?"mixed":"false")}))})),document.querySelectorAll(".breadcrumbs").forEach((function(t){const e=t.offsetWidth,n=t.scrollWidth-e;n&&t.scroll(n,0)})),document.querySelectorAll(".expand-btn").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".filter-menu-button--form button").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".fake-menu-button").forEach((function(t){let e=".icon-btn";t.querySelector(".expand-btn")?e=".expand-btn":t.querySelector(".btn")&&(e=".btn"),Ki.push(new it(t,{expandOnClick:!0,collapseOnFocusOut:!0,collapseOnClickOut:!0,contentSelector:".fake-menu-button__menu",focusManagement:"focusable",hostSelector:e}))})),document.querySelectorAll(".combobox").forEach((function(t){Ki.push(new Tt(t)),t.addEventListener("makeup-combobox-change",Hi)})),document.querySelectorAll(".dialog-button").forEach((function(t){const e=t.dataset.makeupFor,n=document.getElementById(e),i=n.classList;let s;i.contains("confirm-dialog")?s=new gn(n):i.contains("alert-dialog")?s=new pn(n):i.contains("lightbox-dialog--input")?s=new wn(n):i.contains("snackbar-dialog")?s=new On(n):i.contains("toast-dialog")?s=new Dn(n):i.contains("panel-dialog")?s=new Mn(n):i.contains("lightbox-dialog")&&(s=new bn(n)),Ki.push(new Ht(t,s)),s._el.addEventListener("dialog-open",Hi),s._el.addEventListener("dialog-close",Hi),s._el.addEventListener("dialog-acknowledge",Hi),s._el.addEventListener("dialog-confirm",Hi),s._el.addEventListener("dialog-reject",Hi),s._el.addEventListener("dialog-cta",Hi)}));class Wi{constructor(t,e){this.messageContainerEl=t.querySelector(".progress-bar-expressive__messages"),this.messages=e,this.messageContainerEl&&this.messages&&(this.isInitialized=!0,this.nextMessageEl=t.querySelector('[aria-hidden="true"]'),this.currentMessageEl=t.querySelector('[role="status"]'),this.messageIndex=0,this.message=this.messages[this.messageIndex])}queueNextMessage(){this.isInitialized&&this.messages.length>1&&(this.messageIndex=(this.messageIndex+1)%this.messages.length,this.message=this.messages[this.messageIndex],this.nextMessageEl.innerText=this.messages[this.messageIndex],this.nextMessageEl.classList.add("progress-bar-expressive__message--in"),this.currentMessageEl.classList.add("progress-bar-expressive__message--out"),setTimeout(this.showMessage.bind(this),833))}showMessage(){this.isInitialized&&(this.currentMessageEl.innerText=this.message,this.currentMessageEl.classList.remove("progress-bar-expressive__message--out"),this.nextMessageEl.classList.remove("progress-bar-expressive__message--in"),setTimeout(this.queueNextMessage.bind(this),2e3))}}document.querySelectorAll(".progress-bar-expressive-messages-example").forEach((function(t){const e=new Wi(t,["Hang tight.","We're finishing your order.","Just another moment."]);e.isInitialized&&e.queueNextMessage()}));class $i{constructor(t,e){this.host=t.querySelector(".".concat(e,"__host")),this.overlay=t.querySelector(".".concat(e,"__overlay")),this.arrowEl=t.querySelector(".".concat(e,"__pointer")),this.host&&this.overlay&&(this.isInitialized=!0)}init(){this.cleanup=function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:o=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=Li(t),u=s||o?[...c?Ei(c):[],...Ei(e)]:[];u.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),o&&t.addEventListener("resize",n)}));const h=c&&l?function(t,e){let n,i=null;const s=oi(t);function o(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function r(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),o();const{left:c,top:u,width:h,height:d}=t.getBoundingClientRect();if(l||e(),!h||!d)return;const m={rootMargin:-Nn(u)+"px "+-Nn(s.clientWidth-(c+h))+"px "+-Nn(s.clientHeight-(u+d))+"px "+-Nn(c)+"px",threshold:Fn(0,Bn(1,a))||1};let b=!0;function _(t){const e=t[0].intersectionRatio;if(e!==a){if(!b)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(_,{...m,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(_,m)}i.observe(t)}(!0),o}(c,n):null;let d,m=-1,b=null;r&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),n()})),c&&!a&&b.observe(c),b.observe(e));let _=a?ki(t):null;return a&&function e(){const i=ki(t);!_||i.x===_.x&&i.y===_.y&&i.width===_.width&&i.height===_.height||n(),_=i,d=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{s&&t.removeEventListener("scroll",n),o&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,a&&cancelAnimationFrame(d)}}(this.host,this.overlay,this.update.bind(this))}update(){var t;this.isInitialized&&((t,e,n)=>{const i=new Map,s={platform:Bi,...n},o={...s.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:s="absolute",middleware:o=[],platform:r}=n,l=o.filter(Boolean),a=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:s}),{x:u,y:h}=ti(c,i,a),d=i,m={},b=0;for(let n=0;n{let{x:e,y:n,placement:i,middlewareData:s}=t;if(Object.assign(this.overlay.style,{left:"".concat(e,"px"),top:"".concat(n,"px")}),s.arrow){const{x:t,y:e}=s.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=t?"".concat(t,"px"):"",top:null!=e?"".concat(e,"px"):"",right:"",bottom:"",[n]:"-4px"})}}))}show(){this.host.setAttribute("aria-expanded","true"),this.init()}isExpanded(){return console.log(this.host,this.host.getAttribute("aria-expanded")),"true"===this.host.getAttribute("aria-expanded")}hide(){this.isExpanded()&&(this.host.setAttribute("aria-expanded","false"),this.cleanup&&this.cleanup())}}document.querySelectorAll(".tooltip").forEach((function(t){t.classList.contains("tooltip--js")||Ki.push(new it(t,{contentSelector:".tooltip__overlay",collapseOnFocusOut:!0,collapseOnMouseOut:!0,expandOnFocus:!0,expandOnHover:!0,focusManagement:"focusable",hostSelector:".tooltip__host"}))})),document.querySelectorAll(".tooltip--js").forEach((function(t){const e=new $i(t,"tooltip");e.isInitialized&&(["mouseenter","focus"].forEach((t=>{e.host.addEventListener(t,(()=>e.show()))})),["mouseleave","blur"].forEach((t=>{e.host.addEventListener(t,(()=>e.hide()))})))})),document.querySelectorAll(".infotip").forEach((function(t){if(t.classList.contains("infotip--js"))return;const e=t.querySelector("button"),n=".infotip__host";if(!t.querySelector(n))return;const i=new it(t,{contentSelector:".infotip__overlay",expandOnFocus:!1,expandOnClick:!0,hostSelector:n});t.querySelector(".infotip__close").addEventListener("click",(function(){i.expanded=!1,e.focus()}))})),document.querySelectorAll(".infotip--js").forEach((function(t){const e=new $i(t,"infotip");if(!e.isInitialized)return;e.host.addEventListener("click",(()=>{e.isExpanded()?e.hide():e.show()}));const n=t.querySelector("button");t.querySelector(".infotip__close").addEventListener("click",(function(){n.focus(),e.isInitialized&&e.hide()}))})),document.querySelectorAll(".tourtip").forEach((function(t){t.classList.contains("tourtip--js")||t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded")}))})),document.querySelectorAll(".tourtip--js").forEach((function(t){const e=new $i(t,"tourtip");e.isInitialized&&(e.init(),t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded"),e.hide()})))})),document.querySelectorAll(".floating-label").forEach((function(t){t.parentElement.classList.contains("phone-input")||Ki.push(new bt(t))})),document.querySelectorAll(".progress-bar-toggle").forEach((function(t){const e=t.dataset.progressPlayButtonFor,n=document.getElementById(e),i=function(){const t=n.value+10;let e;e=t>100?100:t,n.value=e};t.addEventListener("click",(function(){Pi?(clearInterval(Pi),Pi=null):(i(),Pi=setInterval(i,1e3))}))})),document.querySelectorAll(".progress-bar-reset").forEach((function(t){const e=t.dataset.progressResetButtonFor,n=document.getElementById(e);t.addEventListener("click",(function(){Pi&&(clearInterval(Pi),Pi=null),n.value=0}))})),document.querySelectorAll(".star-rating-select").forEach((function(t){t.addEventListener("change",(function(e){const n=e.target.value-1;t.querySelectorAll("input").forEach((function(t,e){t.classList.toggle("star-rating-select__control--filled",e{console.log(t.type,t.detail)}))})),document.querySelectorAll(".phone-input .listbox-button").forEach((function(t){const e={autoSelect:"true"===t.dataset.makeupAutoSelect,buttonLabelSelector:".btn__text",buttonValueType:"icon",listboxOptionIconSelector:".fflag",listboxOptionAriaLabelSelector:".listbox-button__value span"};Ki.push(new Gt(t,e)),t.addEventListener("makeup-listbox-button-change",(e=>{var n;console.log(e.type,e.detail);const i=t.querySelector('.listbox-button__option[aria-selected="true"]');t.nextElementSibling.querySelector(".textbox > span").textContent="+".concat(null===(n=i.querySelector("span.fflag"))||void 0===n?void 0:n.dataset.countryCode)}))})),document.querySelectorAll(".menu-button").forEach((function(t){const e=new re(t,{menuSelector:".menu-button__menu",buttonTextSelector:".btn__text"});e.menu.el.addEventListener("makeup-menu-select",Hi),e.menu.el.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".filter-menu-button:not(.filter-menu-button--form)").forEach((function(t){const e=new re(t,{expandedClass:"filter-menu-button--expanded",menuSelector:".filter-menu-button__menu"});e.menu.el.addEventListener("makeup-menu-select",Hi),e.menu.el.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".menu").forEach((function(t){Ki.push(new ee(t)),t.addEventListener("makeup-menu-select",Hi),t.addEventListener("makeup-menu-change",Hi)})),document.querySelectorAll(".filter-menu").forEach((function(t){Ki.push(new ee(t)),t.addEventListener("makeup-menu-select",Hi),t.addEventListener("makeup-menu-change",Hi),t.addEventListener("makeup-menu-toggle",Hi)})),document.querySelectorAll(".segmented-buttons").forEach((function(t){const e=t.querySelectorAll("button");e.forEach((function(t){t.addEventListener("click",(function(){e.forEach((function(t){t.removeAttribute("aria-current")})),t.setAttribute("aria-current","true")}))}))})),document.querySelectorAll("input.switch__control").forEach((function(t){t.setAttribute("aria-checked",t.checked?"true":"false"),t.addEventListener("change",(function(t){t.target.setAttribute("aria-checked",t.target.checked?"true":"false")}))})),document.querySelectorAll(".switch:not(.switch--form)").forEach((function(t){Ki.push(new de(t,{bem:{control:"switch__control"}})),t.addEventListener("makeup-switch-toggle",Hi)})),document.querySelectorAll(".toggle-button").forEach((function(t){t.closest(".toggle-button-group")||t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-pressed");this.setAttribute("aria-pressed",!t)}))})),function(){const t=".toggle-button",e="aria-pressed";document.querySelectorAll(".toggle-button-group").forEach((function(n){function i(t){const n="true"===t.getAttribute(e);t.setAttribute(e,!n)}function s(t){return t.getAttribute(e)&&"true"===t.getAttribute(e)}n.addEventListener("click",(function(e){const o=this.getAttribute("data-selection-type"),r=e.target;if(r.matches("button"))switch(o){case"single-optional":!function(e,n){if(s(e))return i(e);n.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(e)}(r,n);break;case"single-required":a=n,s(l=r)||(a.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(l));break;default:i(r)}var l,a}))})),document.querySelectorAll(".toggle-button-group-responsive-demo").forEach((function(t){const e=t.querySelector(".toggle-button-group-breakpoints-range"),n=t.querySelector(".toggle-button-group-breakpoints-output"),i=t.querySelector(".toggle-button-group-breakpoints-container");e.addEventListener("input",(function(t){n.textContent=t.target.value,i.style.width="".concat(t.target.value,"px")}))}))}();const Vi=((t,e)=>{let n;return function(){for(var t=arguments.length,e=new Array(t),i=0;i{n=null,function(t,e){let n="off";const i=t.value.length,s=e.innerHTML.split(/([0-9]+)( \w+ )([0-9]+)/g);if(s.length<=1)return;s[1]=i;const o=s[3];e.innerHTML=s.join(""),i>=o&&(n="polite"),t.setAttribute("aria-live",n)}(...e)}),500)}})();document.querySelectorAll(".field").forEach((function(t){const e=t.querySelector("input,textarea"),n=e&&e.dataset.fieldCount;if(n){const i=t.querySelector("#".concat(n));e.addEventListener("keydown",Vi.bind(this,e,i))}})),document.querySelectorAll(".chips-combobox").forEach((function(t){const e=t.querySelector(".chips-combobox__items"),n=t.querySelector(".chips-combobox__combobox").querySelector(".combobox__options"),i="div.combobox__option",s="button.chip__button";t.addEventListener("click",(function(t){const o=t.target;if(o.matches(i)||o.matches(s)){if(o.matches(i)){const t=o.innerText.trim();n.removeChild(o),function(t){const n='\n
  • \n \n \n '.concat(t,'\n \n \n \n
    • \n ');e.insertAdjacentHTML("beforeend",n)}(t)}if(o.matches(s)){const t=o.previousElementSibling.innerText.trim(),i=o.closest("li");e.removeChild(i),function(t){const e='\n
    \n '.concat(t,"\n
    \n ");n.insertAdjacentHTML("beforeend",e)}(t)}}}))}))})(); +(()=>{"use strict";function t(t){!function(t,e,n){if(!t.shiftKey){const s=t.key;switch(s){case"Enter":case"Escape":case"PageUp":case"PageDown":case"End":case"Home":case"ArrowLeft":case"ArrowUp":case"ArrowRight":case"ArrowDown":e.dispatchEvent(new CustomEvent((i=`${s}Key${n}`).charAt(0).toLowerCase()+i.slice(1),{detail:t,bubbles:!0}));break;case" ":e.dispatchEvent(new CustomEvent(`spacebarKey${n}`,{detail:t,bubbles:!0}));break;default:return}}var i}(t,this,"Down")}const e={},n="nid",i=function(t){const e="abcdefghijklmnopqrstuvwxyz",n=e+"0123456789";let i=e[s(25)];for(let t=1;t<3;t++)i+=n[s(35)];return i}();function s(t){return Math.floor(Math.random()*t)}function o(t,s=n){const o=`${s}${""===s?"":"-"}${i}`;return e[o]=e[o]||0,t.id||t.setAttribute("id",`${o}-${e[o]++}`),t.id}const r={};function l(t,e,n){t.dispatchEvent(new CustomEvent("focusExit",{detail:{fromElement:e,toElement:n},bubbles:!1}))}function a(t){const e=t.target;!0===this.el.contains(e)?this.currentFocusElement=e:(window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),l(this.el,this.currentFocusElement,e),this.currentFocusElement=null)}function c(){l(this.el,this.currentFocusElement,void 0)}function u(){document.addEventListener("focusin",this.onDocumentFocusInListener),window.addEventListener("blur",this.onWindowBlurListener)}class h{constructor(t){this.el=t,this.currentFocusElement=null,this.onWidgetFocusInListener=u.bind(this),this.onDocumentFocusInListener=a.bind(this),this.onWindowBlurListener=c.bind(this),this.el.addEventListener("focusin",this.onWidgetFocusInListener)}removeEventListeners(){window.removeEventListener("blur",this.onWindowBlurListener),document.removeEventListener("focusin",this.onDocumentFocusInListener),this.el.removeEventListener("focusin",this.onWidgetFocusInListener)}}function d(t){let e=null;return o(t),r[t.id]||(e=new h(t),r[t.id]=e),e}const m={axis:"both",autoInit:"interactive",autoReset:"current",ignoreByDelegateSelector:null,wrap:!1};function b(t){return!t.hidden&&"true"!==t.getAttribute("aria-disabled")}function _(t,e){return e>=0&&eb(t)))}function p(t){return t.indexOf(function(t){return t.filter(b)}(t).reverse()[0])}function v(t,e,n){return t.findIndex((t=>b(t)&&t.getAttribute(e)===n))}function E(t){return v(t,"aria-selected","true")}function g(t,e){return null!==e.ignoreByDelegateSelector?[...t.querySelectorAll(e.ignoreByDelegateSelector)]:[]}function L(t,e,n){let i=-1;switch(t){case"none":i=null;break;case"current":i=n;break;case"interactive":i=f(e);break;case"ariaChecked":i=function(t){return v(t,"aria-checked","true")}(e);break;case"ariaSelected":i=E(e);break;case"ariaSelectedOrInteractive":i=E(e),i=-1===i?f(e):i;break;default:i="number"==typeof t||null===t?t:-1}return i}function x(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e||function(t,e){return e===f(t)}(t,e))!0===n&&(i=p(t));else{let n=e;for(;--n>=0;)if(b(t[n])){i=n;break}}return i}(this.items,this.index,this.options.wrap))}function y(t){const e=g(this._el,this.options);0!==e.length&&e.includes(t.detail.target)||(this.index=function(t,e,n){let i=-1;if(null===e)i=f(t);else if(function(t,e){return e===p(t)}(t,e))!0===n&&(i=f(t));else{let n=e;for(;++n0&&[...o].includes(this._cachedElement)?n=f(this.items):(o.length>0||i.length>0)&&(n=this.indexOf(this._cachedElement))),this._index=n,this._el.dispatchEvent(new CustomEvent("navigationModelMutation",{bubbles:!1,detail:{fromIndex:e,toIndex:n}}))}class A{constructor(t,e,n){this.options=Object.assign({},m,n),this._el=t,this._itemSelector=e}}class O extends A{constructor(t,e,n){super(t,e,n);const i=this._index,s=L(this.options.autoInit,this.items,this.index);this._index=s,this._cachedElement=this.items[s],this._el.dispatchEvent(new CustomEvent("navigationModelInit",{bubbles:!1,detail:{firstInteractiveIndex:this.firstNavigableIndex,fromIndex:i,items:this.items,toIndex:s}}))}get currentItem(){return this.items[this.index]}get items(){return[...this._el.querySelectorAll(`${this._itemSelector}`)]}get index(){return this._index}set index(t){if(t!==this.index&&_(this.items,t)){const e=this.index;this._cachedElement=this.items[t],this._index=t,this._el.dispatchEvent(new CustomEvent("navigationModelChange",{bubbles:!1,detail:{fromIndex:e,toIndex:t}}))}}indexOf(t){return this.items.indexOf(t)}reset(){const t=this.index,e=L(this.options.autoReset,this.items,this.index);e!==t&&(this._index=e,this._el.dispatchEvent(new CustomEvent("navigationModelReset",{bubbles:!1,detail:{fromIndex:t,toIndex:e}})))}}class T{constructor(e,n){this.model=n,this.el=e,this._keyPrevListener=x.bind(n),this._keyNextListener=y.bind(n),this._keyHomeListener=k.bind(n),this._keyEndListener=C.bind(n),this._clickListener=w.bind(n),this._focusExitListener=S.bind(n),this._observer=new MutationObserver(M.bind(n)),function(e){e.addEventListener("keydown",t)}(this.el),d(this.el);const i=n.options.axis;"both"!==i&&"x"!==i||(this.el.addEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.addEventListener("arrowRightKeyDown",this._keyNextListener)),"both"!==i&&"y"!==i||(this.el.addEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.addEventListener("arrowDownKeyDown",this._keyNextListener)),this.el.addEventListener("homeKeyDown",this._keyHomeListener),this.el.addEventListener("endKeyDown",this._keyEndListener),this.el.addEventListener("click",this._clickListener),this.el.addEventListener("focusExit",this._focusExitListener),this._observer.observe(this.el,{childList:!0,subtree:!0,attributeFilter:["aria-disabled","hidden"],attributes:!0,attributeOldValue:!0})}destroy(){this.el.removeEventListener("keydown",t),function(t){const e=r[t.id];e&&(e.removeEventListeners(),delete r[t.id])}(this.el),this.el.removeEventListener("arrowLeftKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowRightKeyDown",this._keyNextListener),this.el.removeEventListener("arrowUpKeyDown",this._keyPrevListener),this.el.removeEventListener("arrowDownKeyDown",this._keyNextListener),this.el.removeEventListener("homeKeyDown",this._keyHomeListener),this.el.removeEventListener("endKeyDown",this._keyEndListener),this.el.removeEventListener("click",this._clickListener),this.el.removeEventListener("focusExit",this._focusExitListener),this._observer.disconnect()}}function I(t,e,n){const i=new O(t,e,n);return new T(t,i)}const D={autoInit:"interactive",autoReset:"current",wrap:!1,axis:"both"};function q(t,e){t.forEach((function(t,n){t.setAttribute("tabindex",n===e?"0":"-1")}))}function B(t){q(t.detail.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexInit",{detail:t.detail}))}function F(t){const e=this.items,n=e[t.detail.fromIndex],i=e[t.detail.toIndex];n&&n.setAttribute("tabindex","-1"),i&&(i.setAttribute("tabindex","0"),i.focus()),this._el.dispatchEvent(new CustomEvent("rovingTabindexChange",{detail:t.detail}))}function R(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexReset",{detail:t.detail}))}function N(t){q(this.items,t.detail.toIndex),this._el.dispatchEvent(new CustomEvent("rovingTabindexMutation",{detail:t.detail}))}class j{constructor(t){this._el=t,this._onMutationListener=N.bind(this),this._onChangeListener=F.bind(this),this._onInitListener=B.bind(this),this._onResetListener=R.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelInit",this._onInitListener),this._el.addEventListener("navigationModelReset",this._onResetListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelInit",this._onInitListener),this._el.removeEventListener("navigationModelReset",this._onResetListener)}}class K extends j{constructor(t,e,n){super(t),this._options=Object.assign({},D,n),this._itemSelector=e,this._navigationEmitter=I(t,e,{autoInit:void 0!==this._options.index?this._options.index:this._options.autoInit,autoReset:this._options.autoReset,wrap:this._options.wrap,axis:this._options.axis})}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}set wrap(t){this._navigationEmitter.model.options.wrap=t}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}reset(){this._navigationEmitter.model.reset()}destroy(){super.destroy(),this._navigationEmitter.destroy()}}function P(t,e,n){return new K(t,e,n)}const H=["a[href]","area[href]","button:not([disabled])","embed","iframe","input:not([disabled])","object","select:not([disabled])","textarea:not([disabled])","*[tabindex]","*[contenteditable]"].join();function W(t,e=!1,n){if(n){const i=requestAnimationFrame((()=>{n($(t,e))}));return()=>{cancelAnimationFrame(i)}}return $(t,e)}function $(t,e=!1){let n=Array.prototype.slice.call(t.querySelectorAll(H));return n=n.filter((function(t){return"none"!==window.getComputedStyle(t).display})),!0===e&&(n=n.filter((function(t){return"-1"!==t.getAttribute("tabindex")}))),n}const V={alwaysDoFocusManagement:!1,ariaControls:!0,autoCollapse:!1,collapseOnFocusOut:!1,collapseOnMouseOut:!1,collapseOnClickOut:!1,contentSelector:".expander__content",expandedClass:null,expandOnClick:!1,expandOnFocus:!1,expandOnHover:!1,focusManagement:null,hostSelector:".expander__host",simulateSpacebarClick:!1};function z(t){13!==t.keyCode&&32!==t.keyCode||(this._keyboardClickFlag=!0),32===t.keyCode&&!0===this.options.simulateSpacebarClick&&this.hostEl.click()}function G(){this._mouseClickFlag=!0}function U(){this._expandWasKeyboardClickActivated=this._keyboardClickFlag,this._expandWasMouseClickActivated=this._mouseClickFlag,this.expanded=!this.expanded}function X(){this._expandWasFocusActivated=!0,this.expanded=!0}function Y(){clearTimeout(this._mouseLeft),this._expandWasHoverActivated=!0,this.expanded=!0}function J(){this.expanded=!1}function Q(){clearTimeout(this._mouseLeft),this._mouseLeft=setTimeout((()=>{this.expanded=!1}),300)}function Z(t){!1===this.el.contains(t.target)&&(this.expanded=!1)}function tt(){this.documentClick=!0}function et(){this.documentClick=!1}function nt(t){!0===this.documentClick&&(this.documentClick=!1,!1===this.el.contains(t.target)&&(this.expanded=!1))}class it{constructor(t,e){this.options=Object.assign({},V,e),this.el=t,this.hostEl=t.querySelector(this.options.hostSelector),this.contentEl=t.querySelector(this.options.contentSelector),d(this.el),this._hostKeyDownListener=z.bind(this),this._hostMouseDownListener=G.bind(this),this._documentClickListener=Z.bind(this),this._documentTouchStartListener=tt.bind(this),this._documentTouchMoveListener=et.bind(this),this._documentTouchEndListener=nt.bind(this),this._hostClickListener=U.bind(this),this._hostFocusListener=X.bind(this),this._hostHoverListener=Y.bind(this),this._focusExitListener=J.bind(this),this._mouseLeaveListener=Q.bind(this),null===this.hostEl.getAttribute("aria-expanded")&&this.hostEl.setAttribute("aria-expanded","false"),!0===this.options.ariaControls&&(o(this.el,"expander"),this.contentEl.id=this.contentEl.id||`${this.el.id}-content`,this.hostEl.setAttribute("aria-controls",this.contentEl.id)),this.expandOnClick=this.options.expandOnClick,this.expandOnFocus=this.options.expandOnFocus,this.expandOnHover=this.options.expandOnHover,!1===this.options.autoCollapse&&(this.collapseOnClickOut=this.options.collapseOnClickOut,this.collapseOnFocusOut=this.options.collapseOnFocusOut,this.collapseOnMouseOut=this.options.collapseOnMouseOut)}set expandOnClick(t){!0===t?(this.hostEl.addEventListener("keydown",this._hostKeyDownListener),this.hostEl.addEventListener("mousedown",this._hostMouseDownListener),this.hostEl.addEventListener("click",this._hostClickListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):(this.hostEl.removeEventListener("click",this._hostClickListener),this.hostEl.removeEventListener("mousedown",this._hostMouseDownListener),this.hostEl.removeEventListener("keydown",this._hostKeyDownListener))}set expandOnFocus(t){!0===t?(this.hostEl.addEventListener("focus",this._hostFocusListener),!0===this.options.autoCollapse&&(this.collapseOnClickOut=!0,this.collapseOnFocusOut=!0)):this.hostEl.removeEventListener("focus",this._hostFocusListener)}set expandOnHover(t){!0===t?(this.hostEl.addEventListener("mouseenter",this._hostHoverListener),this.contentEl.addEventListener("mouseenter",this._hostHoverListener),!0===this.options.autoCollapse&&(this.collapseOnMouseOut=!0)):(this.hostEl.removeEventListener("mouseenter",this._hostHoverListener),this.contentEl.removeEventListener("mouseenter",this._hostHoverListener))}set collapseOnClickOut(t){!0===t?(document.addEventListener("click",this._documentClickListener),document.addEventListener("touchstart",this._documentTouchStartListener),document.addEventListener("touchmove",this._documentTouchMoveListener),document.addEventListener("touchend",this._documentTouchEndListener)):(document.removeEventListener("click",this._documentClickListener),document.removeEventListener("touchstart",this._documentTouchStartListener),document.removeEventListener("touchmove",this._documentTouchMoveListener),document.removeEventListener("touchend",this._documentTouchEndListener))}set collapseOnFocusOut(t){!0===t?this.el.addEventListener("focusExit",this._focusExitListener):this.el.removeEventListener("focusExit",this._focusExitListener)}set collapseOnMouseOut(t){!0===t?(this.el.addEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.addEventListener("mouseleave",this._mouseLeaveListener)):(this.el.removeEventListener("mouseleave",this._mouseLeaveListener),this.contentEl.removeEventListener("mouseleave",this._mouseLeaveListener))}get expanded(){return"true"===this.hostEl.getAttribute("aria-expanded")}set expanded(t){!0===t&&!1===this.expanded&&(this.hostEl.setAttribute("aria-expanded","true"),this.options.expandedClass&&this.el.classList.add(this.options.expandedClass),(this._expandWasKeyboardClickActivated||this._expandWasMouseClickActivated&&this.options.alwaysDoFocusManagement)&&function(t,e){if("content"===t)e.setAttribute("tabindex","-1"),e.focus();else if("focusable"===t)W(e)[0].focus();else if("interactive"===t)W(e,!0)[0].focus();else if(null!==t){const n=e.querySelector(`#${t}`);n&&n.focus()}}(this.options.focusManagement,this.contentEl),this.el.dispatchEvent(new CustomEvent("expander-expand",{bubbles:!0,detail:this.contentEl}))),!1===t&&!0===this.expanded&&(this.hostEl.setAttribute("aria-expanded","false"),this.options.expandedClass&&this.el.classList.remove(this.options.expandedClass),this.el.dispatchEvent(new CustomEvent("expander-collapse",{bubbles:!0,detail:this.contentEl}))),this._expandWasKeyboardClickActivated=!1,this._expandWasMouseClickActivated=!1,this._expandWasFocusActivated=!1,this._expandWasHoverActivated=!1,this._keyboardClickFlag=!1,this._mouseClickFlag=!1}sleep(){!0!==this._destroyed&&(this.expandOnClick=!1,this.expandOnFocus=!1,this.expandOnHover=!1,this.collapseOnClickOut=!1,this.collapseOnFocusOut=!1,this.collapseOnMouseOut=!1)}destroy(){this.sleep(),this._destroyed=!0,this._hostKeyDownListener=null,this._hostMouseDownListener=null,this._documentClickListener=null,this._documentTouchStartListener=null,this._documentTouchMoveListener=null,this._documentTouchEndListener=null,this._hostClickListener=null,this._hostFocusListener=null,this._hostHoverListener=null,this._focusExitListener=null,this._mouseLeaveListener=null}}const st={labelElementAnimateModifier:"floating-label__label--animate",labelElementInlineModifier:"floating-label__label--inline",labelElementFocusModifier:"floating-label__label--focus",labelElementInvalidModifier:"floating-label__label--invalid",labelElementDisabledModifier:"floating-label__label--disabled",textboxElementBackgroundRGB:["rgb(255, 255, 255)","rgb(247, 247, 247)","rgb(245, 245, 245)","rgb(230, 32, 72)","rgb(254, 245, 246)","rgba(0, 0, 0, 0)"]};function ot(t,e){if(at(t)){t.style["min-width"]="";const n=t.offsetWidth,i=t.querySelector("option");i.value||(i.text=e),!e&&n>t.offsetWidth&&(t.style["min-width"]=`${n}px`)}else e?t.setAttribute("placeholder",e):t.removeAttribute("placeholder")}function rt(){const t=lt(this.formControlEl);this.placeholder=function(t){if(at(t)){const e=t.querySelector("option");return e.value?null:e.text}if(t.hasAttribute("placeholder"))return t.getAttribute("placeholder")}(this.formControlEl)||this.placeholder;const e=function(t){if(at(t)){const e=t.querySelector("option");if(e.value)return;return!!e.text}return t.hasAttribute("placeholder")}(this.formControlEl,this.placeholder);this.placeholder&&t&&!e?ot(this.formControlEl,this.placeholder):!t&&e&&ot(this.formControlEl,""),ut(this.formControlEl)?this.labelEl.classList.add(this.options.labelElementInvalidModifier):this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.formControlEl.hasAttribute("disabled")?this.labelEl.classList.add(this.options.labelElementDisabledModifier):this.labelEl.classList.remove(this.options.labelElementDisabledModifier)}function lt(t){return document.activeElement===t}function at(t){return"SELECT"===t.tagName}function ct(t){return t.value.length>0}function ut(t){return t.hasAttribute("aria-invalid")&&"true"===t.getAttribute("aria-invalid")}function ht(t,e){if(!at(t)){const n=getComputedStyle(t).backgroundColor;return Array.isArray(e)?!e.includes(n):n!==e}return!1}function dt(){ct(this.formControlEl)||this.labelEl.classList.add(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementFocusModifier),ut(this.formControlEl)&&this.labelEl.classList.add(this.options.labelElementInvalidModifier),ot(this.formControlEl,"")}function mt(){this.labelEl.classList.add(this.options.labelElementAnimateModifier),this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier),this.labelEl.classList.remove(this.options.labelElementInvalidModifier),this.placeholder&&ot(this.formControlEl,this.placeholder)}class bt{constructor(t,e){this.options=Object.assign({},st,e),this._observer=new MutationObserver(rt.bind(this)),this.rootEl=t,this.labelEl=this.rootEl.querySelector("label"),this.formControlEl=this.rootEl.querySelector("input,textarea,select"),this._onBlurListener=dt.bind(this),this._onFocusListener=mt.bind(this),this.formControlEl.addEventListener("blur",this._onBlurListener),this.formControlEl.addEventListener("focus",this._onFocusListener),ct(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?at(this.formControlEl)||this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier)),rt.call(this),this._observer.observe(this.formControlEl,{childList:at(this.formControlEl),subtree:at(this.formControlEl),attributeFilter:["disabled","aria-invalid","placeholder","value"],attributes:!0})}destroy(){this._observer.disconnect()}refresh(){ct(this.formControlEl)||at(this.formControlEl)||ht(this.formControlEl,this.options.textboxElementBackgroundRGB)?this.labelEl.classList.remove(this.options.labelElementInlineModifier):this.labelEl.classList.add(this.options.labelElementInlineModifier),lt(this.formControlEl)&&(this.labelEl.classList.add(this.options.labelElementFocusModifier),this.labelEl.classList.remove(this.options.labelElementInlineModifier))}}function _t(t){t.keyCode>=32&&t.keyCode<=40&&t.preventDefault()}function ft(t){t.addEventListener("keydown",_t)}const pt={activeDescendantClassName:"active-descendant",autoInit:"none",autoReset:"none",autoScroll:!1,axis:"both",wrap:!1};function vt(t){const{items:e,toIndex:n}=t.detail,i=e[n];i&&(i.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",i.id)),this._el.dispatchEvent(new CustomEvent("activeDescendantInit",{detail:t.detail}))}function Et(t){const{fromIndex:e,toIndex:n}=t.detail,i=this.items[e],s=this.items[n];i&&i.classList.remove(this._options.activeDescendantClassName),s&&(s.classList.add(this._options.activeDescendantClassName),this._focusEl.setAttribute("aria-activedescendant",s.id),this._options.autoScroll&&this._containerEl&&(this._containerEl.scrollTop=s.offsetTop-this._containerEl.offsetHeight/2)),this._el.dispatchEvent(new CustomEvent("activeDescendantChange",{detail:t.detail}))}function gt(t){const e=t.detail.toIndex,n=this._options.activeDescendantClassName;if(this.items.forEach((function(t){t.classList.remove(n)})),null!==e&&-1!==e){const t=this.items[e];t.classList.add(n),this._focusEl.setAttribute("aria-activedescendant",t.id)}else this._focusEl.removeAttribute("aria-activedescendant");this._el.dispatchEvent(new CustomEvent("activeDescendantReset",{detail:t.detail}))}function Lt(t){const{toIndex:e}=t.detail,n=this._options.activeDescendantClassName;this.items.forEach((function(t,i){o(t),i!==e?t.classList.remove(n):t.classList.add(n)})),this._el.dispatchEvent(new CustomEvent("activeDescendantMutation",{detail:t.detail}))}class xt{constructor(t){this._el=t,this._onMutationListener=Lt.bind(this),this._onChangeListener=Et.bind(this),this._onResetListener=gt.bind(this),this._onInitListener=vt.bind(this),this._el.addEventListener("navigationModelMutation",this._onMutationListener),this._el.addEventListener("navigationModelChange",this._onChangeListener),this._el.addEventListener("navigationModelReset",this._onResetListener),this._el.addEventListener("navigationModelInit",this._onInitListener)}destroy(){this._el.removeEventListener("navigationModelMutation",this._onMutationListener),this._el.removeEventListener("navigationModelChange",this._onChangeListener),this._el.removeEventListener("navigationModelReset",this._onResetListener),this._el.removeEventListener("navigationModelInit",this._onInitListener)}}class yt extends xt{constructor(t,e,n,i,s){super(t),this._options=Object.assign({},pt,s),this._focusEl=e,this._itemContainerEl=n,this._itemSelector=i,o(this._itemContainerEl),this._itemContainerEl!==this._focusEl&&e.setAttribute("aria-owns",this._itemContainerEl.id),this._navigationEmitter=I(t,i,{autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:this._options.axis,ignoreByDelegateSelector:this._options.ignoreByDelegateSelector,wrap:this._options.wrap}),this.items.forEach((function(t){o(t)}))}get index(){return this._navigationEmitter.model.index}set index(t){this._navigationEmitter.model.index=t}reset(){this._navigationEmitter.model.reset()}get currentItem(){return this._navigationEmitter.model.currentItem}get items(){return this._navigationEmitter.model.items}set wrap(t){this._navigationEmitter.model.options.wrap=t}destroy(){super.destroy(),this._navigationEmitter.destroy()}}const wt={activeDescendantClassName:"listbox__option--active",autoInit:"ariaSelectedOrInteractive",autoReset:"ariaSelectedOrInteractive",autoSelect:!0,customElementMode:!1,focusableElement:null,listboxOwnerElement:null,multiSelect:!1,useAriaChecked:!0,valueSelector:".listbox__value"};class kt{constructor(t,e){this._options=Object.assign({},wt,e),this.el=t,this._activeDescendantRootEl=this._options.listboxOwnerElement||this.el,"listbox"===t.getAttribute("role")?this._listboxEl=t:this._listboxEl=this.el.querySelector("[role=listbox]"),this._options.focusableElement||null!==this._listboxEl.getAttribute("tabindex")||this._listboxEl.setAttribute("tabindex","0"),ft(this.el),this._onKeyDownListener=Ct.bind(this),this._onClickListener=St.bind(this),this._onActiveDescendantChangeListener=Mt.bind(this),this._onMutationListener=At.bind(this),this.el.classList.add("listbox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this._activeDescendant=function(t,e,n,i,s){return new yt(t,e,n,"[role=option]",s)}(this._activeDescendantRootEl,this._options.focusableElement||this._listboxEl,this._listboxEl,0,{activeDescendantClassName:this._options.activeDescendantClassName,autoInit:this._options.autoInit,autoReset:this._options.autoReset,axis:"y"})}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._listboxEl,{attributeFilter:["aria-selected"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onActiveDescendantChangeListener),this._listboxEl.addEventListener("keydown",this._onKeyDownListener),this._listboxEl.addEventListener("click",this._onClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("keydown",this._onKeyDownListener),this._listboxEl.removeEventListener("click",this._onClickListener),this._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onActiveDescendantChangeListener)}get index(){return this.items.findIndex((t=>"true"===t.getAttribute("aria-selected")))}get items(){return this._activeDescendant.items}select(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];let n;if(e.setAttribute("aria-selected","true"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","true"),n=e.innerText,this._options.valueSelector){const t=e.querySelector(this._options.valueSelector);t&&(n=t.innerText)}this.el.dispatchEvent(new CustomEvent("makeup-listbox-change",{detail:{el:e,optionIndex:t,optionValue:n}}))}this._observeMutations()}unselect(t){this._unobserveMutations();const e=this.items[t];if(e&&"true"!==e.getAttribute("aria-disabled")){const e=this.items[t];e.setAttribute("aria-selected","false"),!0===this._options.useAriaChecked&&e.setAttribute("aria-checked","false")}this._observeMutations()}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onActiveDescendantChangeListener=null,this._onMutationListener=null}}function Ct(t){const e=this._activeDescendant.currentItem;var n;13!==(n=t.keyCode)&&32!==n||"true"===e?.getAttribute("aria-selected")||(this.unselect(this.index),this.select(this._activeDescendant.index))}function St(t){const e=t.target.closest("[role=option]"),n=this.items.indexOf(e),i="true"===e.getAttribute("aria-selected");"true"===e.getAttribute("aria-disabled")||!1!==this._options.autoSelect||!1!==i||(this.unselect(this.index),this.select(n))}function Mt(t){const{fromIndex:e,toIndex:n}=t.detail;if(!0===this._options.autoSelect){const t=this.items[e],i=this.items[n];t&&this.unselect(e),i&&this.select(n)}}function At(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-mutation",{detail:{attributeName:e.attributeName}}))}const Ot={autoSelect:!0,collapseTimeout:150,customElementMode:!1};class Tt{constructor(t,e){this._options=Object.assign({},Ot,e),this._el=t,this._inputEl=this._el.querySelector("input"),this._listboxEl=this._el.querySelector(".combobox__listbox"),this._autocompleteType=this._inputEl.getAttribute("aria-autocomplete"),this._inputEl.setAttribute("autocomplete","off"),this._inputEl.setAttribute("role","combobox"),this._listboxEl.hidden=!1,this._listboxWidget=new kt(this._listboxEl,{activeDescendantClassName:"combobox__option--active",autoReset:-1,autoSelect:this._options.autoSelect,focusableElement:this._inputEl,listboxOwnerElement:this._el}),this._expander=new it(this._el,{collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:".combobox__listbox",expandedClass:"combobox--expanded",expandOnFocus:!0,hostSelector:"input"}),this._destroyed=!1,this._onInputFocusListener=It.bind(this),this._onListboxClickListener=Ft.bind(this),this._onListboxActiveDescendantChangeListener=Rt.bind(this),this._onTextboxKeyDownListener=Dt.bind(this),this._onTextboxInputListener=Bt.bind(this),this._onTextboxClickListener=qt.bind(this),this._onMutationListener=Nt.bind(this),this._el.classList.add("combobox--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}resetFilter(){this._listboxWidget._activeDescendant.reset(),this._listboxWidget.items.forEach((t=>t.hidden=!1))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._inputEl,{attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.addEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.addEventListener("focus",this._onInputFocusListener),this._inputEl.addEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.addEventListener("input",this._onTextboxInputListener),this._inputEl.addEventListener("click",this._onTextboxClickListener))}_unobserveEvents(){this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxWidget._activeDescendantRootEl.removeEventListener("activeDescendantChange",this._onListboxActiveDescendantChangeListener),this._inputEl.removeEventListener("focus",this._onInputFocusListener),this._inputEl.removeEventListener("keydown",this._onTextboxKeyDownListener),this._inputEl.removeEventListener("input",this._onTextboxInputListener),this._inputEl.removeEventListener("click",this._onTextboxClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onInputFocusListener=null,this._onListboxClickListener=null,this._onListboxActiveDesendanctChangeListener=null,this._onTextboxKeyDownListener=null,this._onTextboxInputListener=null,this._onTextboxClickListener=null,this._onMutationListener=null}}function It(){this.resetFilter()}function Dt(t){if(38!==t.keyCode&&40!==t.keyCode||t.preventDefault(),40===t.keyCode&&!1===this._expander.expanded&&(this._expander.expanded=!0),27===t.keyCode&&!0===this._expander.expanded&&(this._expander.expanded=!1,this._listboxWidget._activeDescendant.reset()),!1===this._options.autoSelect&&13===t.keyCode&&this._inputEl.getAttribute("aria-activedescendant")){t.preventDefault();const e=this;this._inputEl.value=this._listboxWidget.items[this._listboxWidget._activeDescendant.index].innerText,Kt(this._el,this._inputEl.value),this._listboxWidget._activeDescendant.reset(),setTimeout((function(){e._expander.expanded=!1,"list"===e._autocompleteType&&(0===e._inputEl.value.length?e.resetFilter():jt(e._inputEl.value,e._listboxWidget.items))}),this._options.collapseTimeout)}}function qt(){!1===this._expander.expanded&&(this._expander.expanded=!0)}function Bt(){!1===this._expander.expanded&&(this._expander.expanded=!0),"list"===this._autocompleteType&&(this._listboxWidget._activeDescendant.reset(),0===this._inputEl.value.length?this.resetFilter():jt(this._inputEl.value,this._listboxWidget.items))}function Ft(t){const e=this,n=t.target.closest("[role=option]"),i=this._listboxWidget.items.indexOf(n);console.log(i),void 0!==i&&(this._inputEl.value=this._listboxWidget.items[i].innerText,!1===this._options.autoSelect&&Kt(this._el,this._inputEl.value),setTimeout((function(){e._expander.expanded=!1}),this._options.collapseTimeout))}function Rt(t){!0===this._options.autoSelect&&(this._inputEl.value=this._listboxWidget.items[t.detail.toIndex].innerText,Kt(this._el,this._inputEl.value))}function Nt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-combobox-mutation",{detail:{attributeName:e.attributeName}}))}function jt(t,e){const n=t.length,i=t.toLowerCase(),s=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()===i)),o=e.filter((t=>t.innerText.trim().substring(0,n).toLowerCase()!==i));s.forEach((t=>t.hidden=!1)),o.forEach((t=>t.hidden=!0))}function Kt(t,e){t.dispatchEvent(new CustomEvent("makeup-combobox-change",{detail:{value:e}}))}const Pt={customElementMode:!1};class Ht{constructor(t,e,n){this._options=Object.assign({},Pt,n),this._el=t,this._el.setAttribute("aria-haspopup","dialog"),this._dialog=e,this._onClickListener=$t.bind(this),this._onDialogCloseListener=Vt.bind(this),this._onMutationListener=Wt.bind(this),this._el.classList.add("dialog-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._el,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._el.addEventListener("click",this._onClickListener),this._dialog._el.addEventListener("dialog-close",this._onDialogCloseListener))}_unobserveEvents(){this._el.removeEventListener("click"),this._dialog._el.removeEventListener("dialog-close",this._onDialogCloseListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onDialogCloseListener=null,this._onMutationListener=null}}function Wt(t){for(const e of t)"attributes"===e.type&&this._el.dispatchEvent(new CustomEvent("makeup-dialog-button-mutation",{detail:{attributeName:e.attributeName}}))}function $t(){this._dialog.open()}function Vt(){!0===this._dialog.modal&&this._el.focus()}const zt={autoSelect:!0,buttonLabelSelector:".btn__text",collapseTimeout:150,customElementMode:!1,listboxSelector:".listbox-button__listbox",floatingLabelSelector:".btn__floating-label",floatingLabelInline:"btn__floating-label--inline",floatingLabelAnimate:"btn__floating-label--animate",valueSelector:".listbox-button__value",buttonValueType:"text",listboxOptionIconSelector:".icon",listboxOptionAriaLabelSelector:null};class Gt{constructor(t,e){this._options=Object.assign({},zt,e),this.el=t,this._buttonEl=this.el.querySelector("button"),this._buttonLabelEl=t.querySelector(this._options.buttonLabelSelector),this._buttonFloatingLabelEl=t.querySelector(this._options.floatingLabelSelector),this._buttonPrefix=this._buttonEl.dataset?.listboxButtonPrefix,this._listboxEl=this.el.querySelector(this._options.listboxSelector),this._onButtonFirstClickListener=Ut.bind(this),this._onListboxClickListener=Yt.bind(this),this._onListboxKeyDownListener=Xt.bind(this),this._onListboxInitListener=Jt.bind(this),this._onListboxChangeListener=Qt.bind(this),this._onMutationListener=Zt.bind(this),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents()),this.listbox=new kt(this._listboxEl,{activeDescendantClassName:"listbox-button__option--active",autoReset:"ariaSelectedOrInteractive",autoSelect:this._options.autoSelect,valueSelector:this._options.valueSelector}),this._expander=new it(this.el,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.listboxSelector,expandedClass:"listbox-button--expanded",expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this.el.classList.add("listbox-button--js"),this._buttonFloatingLabelEl&&(this._buttonLabelEl.innerText||this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline))}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._buttonEl,{attributeFilter:["aria-expanded"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this._listboxEl.removeEventListener("click",this._onListboxClickListener),this._listboxEl.removeEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.removeEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.removeEventListener("makeup-listbox-change",this._onListboxChangeListener)}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this._listboxEl.addEventListener("click",this._onListboxClickListener),this._listboxEl.addEventListener("keydown",this._onListboxKeyDownListener),this._listboxEl.addEventListener("makeup-listbox-init",this._onListboxInitListener),this._listboxEl.addEventListener("makeup-listbox-change",this._onListboxChangeListener))}collapse(){const t=this;setTimeout((function(){t._unobserveMutations(),t._expander.expanded=!1,t._observeMutations(),t._buttonEl.focus()}),this._options.collapseTimeout)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._unobserveMutations(),this._onButtonFirstClickListener=null,this._onListboxClickListener=null,this._onListboxKeyDownListener=null,this._onListboxInitListener=null,this._onListboxChangeListener=null,this._onMutationListener=null}}function Ut(){this.listbox.el.hidden=!1}function Xt(t){13!==t.keyCode&&27!==t.keyCode&&32!==t.keyCode||this.collapse()}function Yt(){this.collapse()}function Jt(t){this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-init",{detail:t.detail}))}function Qt(t){const e=t.detail.optionValue,{listboxOptionIconSelector:n,listboxOptionAriaLabelSelector:i,buttonValueType:s,floatingLabelAnimate:o,floatingLabelInline:r}=this._options,l=t.detail.el.querySelector(n).cloneNode(!0);let a=this._buttonPrefix?`${this._buttonPrefix}${e}`:e;if(l)switch(s){case"both":a=`${l.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=l.outerHTML}if(i){const e=t.detail.el.querySelector(i)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${e}`:e)}this._buttonLabelEl.innerHTML=a,this._buttonFloatingLabelEl&&(e?(this._buttonFloatingLabelEl.classList.add(o),this._buttonFloatingLabelEl.classList.remove(r)):this._buttonFloatingLabelEl.classList.add(r)),this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-change",{detail:t.detail}))}function Zt(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-listbox-button-mutation",{detail:{attributeName:e.attributeName}}))}const te={customElementMode:!1,autoInit:"interactive",autoReset:"interactive"};class ee{constructor(t,e){this._options=Object.assign({},te,e),this.el=t,this._rovingTabIndex=P(this.el,"[role^=menuitem]",{autoInit:this._options.autoInit,autoReset:this._options.autoReset}),ft(this.el),this._onKeyDownListener=ie.bind(this),this._onClickListener=se.bind(this),this._onMutationListener=ne.bind(this),this.el.classList.add("menu--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}select(t){this._unobserveMutations();const e=this.items[t];switch(e.getAttribute("role")){case"menuitemcheckbox":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup;e.setAttribute("aria-checked","true"===e.getAttribute("aria-checked")?"false":"true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,checked:e.getAttribute("aria-checked"),group:n,value:e.innerText}}))}}(this.el,e);break;case"menuitemradio":!function(t,e){if("true"!==e.getAttribute("aria-disabled")){const n=e.dataset.makeupGroup,i=t.querySelector(`[data-makeup-group=${n}][aria-checked=true]`);i?i!==e&&(i.setAttribute("aria-checked","false"),e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}}))):(e.setAttribute("aria-checked","true"),t.dispatchEvent(new CustomEvent("makeup-menu-change",{detail:{el:e,group:n,value:e.innerText}})))}}(this.el,e);break;default:n=e,this.el.dispatchEvent(new CustomEvent("makeup-menu-select",{detail:{el:n,value:n.innerText}}))}var n;this._observeMutations()}get items(){return this._rovingTabIndex.items}get radioGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemradio][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}get checkboxGroupNames(){const t=[...this.el.querySelectorAll("[role=menuitemcheckbox][data-makeup-group]")];return[...new Set(t.map((t=>t.dataset.makeupGroup)))]}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-checked","aria-disabled"],attributes:!0,childList:!0,subtree:!0})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this.el.addEventListener("keydown",this._onKeyDownListener),this.el.addEventListener("click",this._onClickListener))}_unobserveEvents(){this.el.removeEventListener("keydown",this._onKeyDownListener),this.el.removeEventListener("click",this._onClickListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onKeyDownListener=null,this._onClickListener=null,this._onMutationListener=null}}function ne(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-mutation",{detail:{attributeName:e.attributeName}}))}function ie(t){this._unobserveMutations(),13===t.keyCode&&t.preventDefault(),13!==t.keyCode&&32!==t.keyCode||this.select(Array.from(this.items).indexOf(t.target)),this._observeMutations()}function se(t){const e=t.target.closest("[role^=menuitem]"),n=this.items.indexOf(e);-1!==n&&this.select(n)}const oe={customElementMode:!1,expandedClass:"menu-button--expanded",menuSelector:".menu-button__menu",buttonTextSelector:".btn__text",buttonValueType:"text",menuItemIconSelector:".icon",menuItemButtonAriaLabelSelector:null};class re{constructor(t,e){this._options=Object.assign({},oe,e),this.el=t,this._buttonEl=t.querySelector("button"),this._buttonEl.setAttribute("aria-haspopup","true"),this.menu=new ee(t.querySelector(this._options.menuSelector),{autoReset:"interactive"}),this._buttonPrefix=this._buttonEl.dataset?.makeupMenuButtonPrefix,this._buttonTextEl=this._buttonEl.querySelector(this._options.buttonTextSelector),this._expander=new it(t,{alwaysDoFocusManagement:!0,collapseOnClick:!0,collapseOnClickOut:!0,collapseOnFocusOut:!0,contentSelector:this._options.menuSelector,expandedClass:this._options.expandedClass,expandOnClick:!0,focusManagement:"focusable",hostSelector:"button"}),this._onButtonFirstClickListener=ae.bind(this),this._onMenuKeyDownListener=ce.bind(this),this._onMenuItemSelectListener=ue.bind(this),this._onMutationListener=le.bind(this),this.el.classList.add("menu-button--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this.el,{attributeFilter:["aria-expanded","disabled"],attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){!0!==this._destroyed&&(this._buttonEl.addEventListener("click",this._onButtonFirstClickListener,{once:!0}),this.menu.el.addEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.addEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.addEventListener("makeup-menu-change",this._onMenuItemSelectListener))}_unobserveEvents(){this._buttonEl.removeEventListener("click",this._onButtonFirstClickListener),this.menu.el.removeEventListener("keydown",this._onMenuKeyDownListener),this.menu.el.removeEventListener("makeup-menu-select",this._onMenuItemSelectListener),this.menu.el.removeEventListener("makeup-menu-change",this._onMenuItemSelectListener)}destroy(){this._destroyed=!0,this._unobserveMutations(),this._unobserveEvents(),this._onButtonFirstClickListener=null,this._onMenuKeyDownListener=null,this._onMenuItemSelectListener=null,this._onMutationListener=null}}function le(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-menu-button-mutation",{detail:{attributeName:e.attributeName}}))}function ae(){this.menu.el.hidden=!1}function ce(t){27===t.keyCode&&(this._expander.expanded=!1,this._buttonEl.focus())}function ue(t){const e=this,{el:n}=t.detail;if(setTimeout((function(){e._expander.expanded=!1,e._buttonEl.focus()}),150),"menuitemradio"!==n.getAttribute("role"))return;const{menuItemIconSelector:i,menuItemButtonAriaLabelSelector:s,buttonValueType:o}=this._options,r=n.querySelector(i).cloneNode(!0),l=n.innerText.trim();let a=this._buttonPrefix?`${this._buttonPrefix} ${l}`:l;if(r)switch(o){case"both":a=`${r.outerHTML} ${a}`;break;case"icon":this._buttonEl.setAttribute("aria-label",a),a=r.outerHTML}if(s){const t=n.querySelector(s)?.innerText.trim();this._buttonEl.setAttribute("aria-label",this._buttonPrefix?`${this._buttonPrefix} ${t}`:t)}this._buttonTextEl.innerHTML=a}const he={bem:{control:"switch__control"},customElementMode:!1};class de{constructor(t,e){this._options=Object.assign({},he,e),this.el=t,this._onClickListener=be.bind(this),this._onKeyDownListener=me.bind(this),this._onMutationListener=_e.bind(this),this.disabled&&this._focusableElement.setAttribute("tabindex","-1"),this.el.classList.add("switch--js"),this._options.customElementMode||(this._mutationObserver=new MutationObserver(this._onMutationListener),this._observeMutations(),this._observeEvents())}_observeMutations(){this._options.customElementMode||this._mutationObserver.observe(this._focusableElement,{attributes:!0,childList:!1,subtree:!1})}_unobserveMutations(){this._options.customElementMode||this._mutationObserver.disconnect()}_observeEvents(){this._focusableElement.addEventListener("click",this._onClickListener),this._focusableElement.addEventListener("keydown",this._onKeyDownListener)}_unobserveEvents(){this._focusableElement.removeEventListener("click",this._onClickListener),this._focusableElement.removeEventListener("keydown",this._onKeyDownListener)}get _focusableElement(){return this.el.querySelector(`.${this._options.bem.control}`)}set checked(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-checked",t.toString()),this.el.dispatchEvent(new CustomEvent("makeup-switch-toggle",{composed:!0,detail:{on:this.checked}})),this._observeMutations()}get checked(){return"true"===this._focusableElement.getAttribute("aria-checked")}set disabled(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-disabled",t.toString()),this._focusableElement.setAttribute("tabindex",t?"-1":"0"),this._observeMutations()}get disabled(){return"true"===this._focusableElement.getAttribute("aria-disabled")}set labelledby(t){if(this._unobserveMutations(),this._focusableElement.setAttribute("aria-labelledby",t),this._options.customElementMode){const t=document.getElementById(this.labelledby);t&&""!==t.innerText&&(this.label=t.innerText)}this._observeMutations()}get labelledby(){return this._focusableElement.getAttribute("aria-labelledby")}get label(){return this._focusableElement.getAttribute("aria-label")}set label(t){this._unobserveMutations(),this._focusableElement.setAttribute("aria-label",t),this._observeMutations()}toggle(){this.checked=!this.checked}destroy(){this._unobserveMutations(),this._unobserveEvents(),this._onClickListener=null,this._onKeyDownListener=null,this._onMutationListener=null}}function me(t){if(!this.disabled)switch(t.keyCode){case 32:t.preventDefault(),this.toggle();break;case 37:this.checked=!1;break;case 39:this.checked=!0}}function be(){this.disabled||this.toggle()}function _e(t){for(const e of t)"attributes"===e.type&&this.el.dispatchEvent(new CustomEvent("makeup-switch-mutation",{detail:{attributeName:e.attributeName}}))}let fe,pe,ve,Ee,ge,Le,xe,ye,we;function ke(){ye.focus()}function Ce(){we.focus()}function Se(){return fe&&(pe=Me(pe),ve=Me(ve),Ee=Me(Ee),ge=Me(ge),Le=Me(Le),xe=Me(xe),fe.classList.remove("keyboard-trap--active"),fe.dispatchEvent(new CustomEvent("keyboardUntrap",{bubbles:!0})),fe=null),fe}function Me(t){const e=t.parentNode;return e?e.removeChild(t):t}const Ae=t=>1===t.nodeType&&"body"!==t.tagName.toLowerCase()&&"html"!==t.tagName.toLowerCase(),Oe=t=>1===t.nodeType&&"script"!==t.tagName.toLowerCase(),Te=(t,e)=>t.concat(e);function Ie(t,e=[]){const n=t.previousSibling;return n?(e.push(n),Ie(n,e)):e}function De(t,e=[]){const n=t.nextSibling;return n?(e.push(n),De(n,e)):e}function qe(t){return Ie(t).concat(De(t)).filter(Oe)}function Be(t,e=[]){const n=t.parentNode;return n?(e.push(n),Be(n,e)):e}function Fe(t){return Be(t).filter(Ae)}let Re,Ne,je;const Ke=t=>"svg"!==t.tagName.toLowerCase();function Pe(t,e){let n;return n=!1===e?We(t,"aria-hidden","false"):We(t,"hidden",!1),n}function He(t,e){let n;return n=!1===e?We(t,"aria-hidden","true"):We(t,"hidden",!0),n}function We(t,e,n){const i="boolean"==typeof n;return{el:t,attributeName:e,cleanValue:i?t[e]:t.getAttribute(e),dirtyValue:n,isProperty:i}}function $e(){Ne&&(je.forEach((t=>{var e;(e=t).cleanValue?!0===e.isProperty?e.el[e.attributeName]=e.cleanValue:e.el.setAttribute(e.attributeName,e.cleanValue):e.el.removeAttribute(e.attributeName)})),je=[],Re&&Re.setAttribute("role","main"),Ne.dispatchEvent(new CustomEvent("screenreaderUntrap",{bubbles:!0})),Ne=null)}const Ve={useHiddenProperty:!1};const ze={hoist:!1,useHiddenProperty:!1,wrap:!1},Ge={SCRIPT:"script",LINK:"link"};let Ue,Xe,Ye,Je=[];function Qe(t){return"body"===t.parentNode.tagName.toLowerCase()}function Ze(){return Ue&&(Se(),$e(),Ye&&([...Ye.children].forEach((t=>{if(t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK){const e=Je.shift();e>document.body.children.length?document.body.appendChild(t):document.body.insertBefore(t,document.body.children[e+1])}})),Ye.remove(),Ye=null,Je=[]),Xe&&(Xe.replaceWith(Ue),Xe=null),document.body.removeAttribute("data-makeup-modal"),Ue.removeAttribute("data-makeup-modal"),Ue.dispatchEvent(new CustomEvent("makeup-unmodal",{bubbles:!1})),Ue=null),Ue}function tn(t,e){const n=Object.assign({},ze,e);return Ze(),Ue=t,n.hoist&&(Xe||Qe(Ue)||(Xe=document.createElement("div"),Xe.setAttribute("data-makeup-modal","placeholder"),Ue.parentElement.insertBefore(Xe,Ue),document.body.appendChild(Ue))),n.wrap&&!Ye&&Qe(Ue)&&(Ye=document.createElement("div"),Ye.setAttribute("data-makeup-modal","inert"),[...document.body.children].forEach(((t,e)=>{t!==Ue&&t.tagName.toLowerCase()!==Ge.SCRIPT&&t.tagName!==Ge.LINK&&(Ye.appendChild(t),Je.push(e))})),document.body.prepend(Ye)),function(t,e){$e();const n=Object.assign({},Ve,e);Ne=t,Re=document.querySelector('main, [role="main"]'),Re&&Re.setAttribute("role","presentation");const i=Fe(Ne);let s=qe(Ne),o=function(t){return Fe(t).map((t=>qe(t))).reduce(Te,[])}(Ne);!0===n.useHiddenProperty&&(s=s.filter(Ke),o=o.filter(Ke)),je=[Pe(Ne,n.useHiddenProperty)].concat(i.map((t=>Pe(t,n.useHiddenProperty)))).concat(s.map((t=>He(t,n.useHiddenProperty)))).concat(o.map((t=>He(t,n.useHiddenProperty)))),je.forEach((t=>{var e;!0===(e=t).isProperty?e.el[e.attributeName]=e.dirtyValue:e.el.setAttribute(e.attributeName,e.dirtyValue)})),Ne.dispatchEvent(new CustomEvent("screenreaderTrap",{bubbles:!0}))}(Ue,e),n.useHiddenProperty||function(t){pe?Se():(pe=function(){const t=document.createElement("div");return t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","0"),t.className="keyboard-trap-boundary",t}(),ve=pe.cloneNode(),Ee=pe.cloneNode(),ge=pe.cloneNode(),Le=pe.cloneNode(),xe=pe.cloneNode(),pe.addEventListener("focus",ke),ve.addEventListener("focus",ke),Ee.addEventListener("focus",Ce),ge.addEventListener("focus",ke),Le.addEventListener("focus",Ce),xe.addEventListener("focus",Ce)),fe=t;const e="undefined"==typeof document?null:document.body,n=W(fe,!0);ye=n[0],we=n[n.length-1],e.insertBefore(pe,e.childNodes[0]),fe.parentNode.insertBefore(ve,fe),fe.insertBefore(Ee,fe.childNodes[0]),fe.appendChild(ge),fe.parentNode.insertBefore(Le,fe.nextElementSibling),e.appendChild(xe),fe.dispatchEvent(new CustomEvent("keyboardTrap",{bubbles:!0})),fe.classList.add("keyboard-trap--active")}(Ue),document.body.setAttribute("data-makeup-modal","true"),Ue.setAttribute("data-makeup-modal","widget"),Ue.dispatchEvent(new CustomEvent("makeup-modal",{bubbles:!1})),Ue}const en="transitionend",nn=/0m?s(?:, )?/g;function sn(t,e,n){let i,s,o=0;const r=t.classList,l="".concat(e,"-init");let a=function(t){let e,n;return window.requestAnimationFrame?(e=requestAnimationFrame((function(){e=requestAnimationFrame(t)})),n=cancelAnimationFrame):(e=setTimeout(t,26),n=clearTimeout),function(){e&&(n(e),e=void 0)}}((function(){t.addEventListener(en,u,!0),r.add(e),r.remove(l),s=on(t),a=void 0,0===s&&c()}));return r.add(l),c;function c(){i||(i=!0,t.removeEventListener(en,u,!0),a?(a(),r.remove(l)):r.remove(e))}function u(){++o===s&&(i=!0,t.removeEventListener(en,u,!0),r.remove(e),n&&n())}}function on(t){let e=window.getComputedStyle(t).transitionDuration.replace(nn,"")?1:0,n=t.firstElementChild;for(;n;)e+=on(n),n=n.nextElementSibling;return e}const rn={baseClass:"dialog",closeButtonSelector:".dialog__close",focusManagementIndex:0,modal:!1,quickDismiss:!0,transitionsModifier:"mask-fade"};class ln{constructor(t,e){this._options=Object.assign({},rn,e),this._el=t,!0===this._options.modal&&this._el.setAttribute("aria-modal","true"),this._windowEl=this._el.querySelector(this._options.windowSelector),this._closeButtonEl=this._el.querySelector(this._options.closeButtonSelector),this._hasTransitions=this._el.classList.contains(`${this._options.baseClass}--${this._options.transitionsModifier}`),this._onCloseButtonClickListener=dn.bind(this),this._onKeyDownListener=hn.bind(this),this._onOpenTransitionEndCallback=cn.bind(this),this._onCloseTransitionEndCallback=un.bind(this),this._el.classList.add(`${this._options.baseClass}--js`),this.hidden||(this.modal&&an(this),this._observeEvents())}get focusables(){return W(this._windowEl)}get modal(){return"true"===this._el.getAttribute("aria-modal")}get hidden(){return this._el.hidden}open(){this._show(),this._el.dispatchEvent(new CustomEvent("dialog-open"))}close(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-close"))}_show(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--show`,this._onOpenTransitionEndCallback)):(this.modal&&setTimeout((()=>an(this)),50),this._el.hidden=!1),this._observeEvents()}_hide(){this._hasTransitions?(this._cancelTransition&&this._cancelTransition(),this._cancelTransition=sn(this._el,`${this._options.baseClass}--hide`,this._onCloseTransitionEndCallback)):(this.modal&&Ze(),this._el.hidden=!0),this._autoDismissTimeout=null,this._unobserveEvents()}_observeEvents(){document.addEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}_unobserveEvents(){this._el.removeEventListener("click",this._onCloseButtonClickListener),document.removeEventListener("keydown",this._onKeyDownListener),this._closeButtonEl&&this._closeButtonEl.addEventListener("click",this._onCloseButtonClickListener)}destroy(){this._destroyed=!0,this._unobserveEvents(),this._onCloseButtonClickListener=null,this._onKeyDownListener=null,this._onOpenTransitionEndCallback=null,this._onCloseTransitionEndCallback=null,this._autoDismissTimeout=null}}function an(t){const e=t._el.querySelector("[autofocus]");e?e.focus():t.focusables[t._options.focusManagementIndex].focus(),tn(t._el)}function cn(){this._el.hidden=!1,this._cancelTransition=void 0,this.modal&&an(this)}function un(){this.modal&&Ze(),this._el.hidden=!0,this._cancelTransition=void 0}function hn(t){!0===this._options.quickDismiss&&27===t.keyCode&&this.close()}function dn(){this.close()}const mn={baseClass:"lightbox-dialog",baseClassModifier:"",quickDismiss:!0,closeButtonSelector:".lightbox-dialog__close",windowSelector:".lightbox-dialog__window"};class bn extends ln{constructor(t,e={}){super(t,Object.assign({},mn,e,{modal:!0}))}_observeEvents(){super._observeEvents(),this._onClickListener=_n.bind(this),this._el.addEventListener("click",this._onClickListener)}_unobserveEvents(){super._unobserveEvents(),this._el.removeEventListener("click",this._onClickListener)}destroy(){super.destroy(),this._onClickListener=null}}function _n(t){!0===this._options.quickDismiss&&t.target===this._el&&this.close()}const fn={baseClass:"alert-dialog",baseClassModifier:"alert",quickDismiss:!1,acknowledgeButtonSelector:".alert-dialog__acknowledge",windowSelector:".alert-dialog__window"};class pn extends bn{constructor(t,e={}){super(t,Object.assign({},fn,e))}_observeEvents(){super._observeEvents(),this._acknowledgeButtonEl=this._el.querySelector(this._options.acknowledgeButtonSelector),this._onAcknowledgeButtonClickListener=vn.bind(this),this._acknowledgeButtonEl.addEventListener("click",this._onAcknowledgeButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._acknowledgeButtonEl.removeEventListener("click",this._onAcknowledgeButtonClickListener)}acknowledge(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-acknowledge"))}destroy(){super.destroy(),this._onAcknowledgeButtonClickListener=null}}function vn(){this.acknowledge()}const En={baseClass:"confirm-dialog",closeButtonSelector:".confirm-dialog__close",quickDismiss:!0,confirmButtonSelector:".confirm-dialog__confirm",focusManagementIndex:1,rejectButtonSelector:".confirm-dialog__reject",windowSelector:".confirm-dialog__window"};class gn extends bn{constructor(t,e={}){super(t,Object.assign({},En,e))}_observeEvents(){super._observeEvents(),this._confirmButtonEl=this._el.querySelector(this._options.confirmButtonSelector),this._rejectButtonEl=this._el.querySelector(this._options.rejectButtonSelector),this._onConfirmButtonClickListener=Ln.bind(this),this._onRejectButtonClickListener=xn.bind(this),this._confirmButtonEl.addEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.addEventListener("click",this._onRejectButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._confirmButtonEl.removeEventListener("click",this._onConfirmButtonClickListener),this._rejectButtonEl.removeEventListener("click",this._onRejectButtonClickListener)}confirm(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-confirm"))}reject(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-reject"))}destroy(){super.destroy(),this._onConfirmButtonClickListener=null,this._onRejectButtonClickListener=null}}function Ln(){this.confirm()}function xn(){this.reject()}const yn={baseClass:"lightbox-dialog",baseClassModifier:"input",submitButtonSelector:".lightbox-dialog__submit",cancelButtonSelector:".lightbox-dialog__cancel",windowSelector:".lightbox-dialog__window"};class wn extends bn{constructor(t,e={}){super(t,Object.assign({},yn,e))}_observeEvents(){super._observeEvents(),this._submitButtonEl=this._el.querySelector(this._options.submitButtonSelector),this._cancelButtonEl=this._el.querySelector(this._options.cancelButtonSelector),this._onSubmitButtonClickListener=kn.bind(this),this._onCancelButtonClickListener=Cn.bind(this),this._submitButtonEl.addEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.addEventListener("click",this._onCancelButtonClickListener)}_unobserveEvents(){super._unobserveEvents(),this._submitButtonEl.removeEventListener("click",this._onSubmitButtonClickListener),this._cancelButtonEl.removeEventListener("click",this._onCancelButtonClickListener)}submit(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-submit"))}cancel(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cancel"))}destroy(){super.destroy(),this._onSubmitButtonClickListener=null,this._onCancelButtonClickListener=null}}function kn(){this.submit()}function Cn(){this.cancel()}const Sn={baseClass:"panel-dialog",quickDismiss:!0,closeButtonSelector:".panel-dialog__close",doneButtonSelector:".panel-dialog__done",windowSelector:".panel-dialog__window",transitionsModifier:"mask-fade-slow"};class Mn extends bn{constructor(t,e={}){super(t,Object.assign({},Sn,e))}}const An={autoDismissTimer:6e3,baseClass:"snackbar-dialog",ctaButtonSelector:".snackbar-dialog__cta",transitionsModifier:"transition"};class On extends ln{constructor(t,e={}){super(t,Object.assign({},An,e)),this._autoDismissTimeout=null}_show(){super._show(),this._autoDismissTimeout=setTimeout(((t=this)=>t.close()),this._options.autoDismissTimer)}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=Tn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function Tn(){this.cta()}const In={baseClass:"toast-dialog",closeButtonSelector:".toast-dialog__close",ctaButtonSelector:".toast-dialog__cta",transitionsModifier:"transition"};class Dn extends ln{constructor(t,e={}){super(t,Object.assign({},In,e))}_show(){super._show()}_observeEvents(){super._observeEvents(),this._ctaEl=this._el.querySelector(this._options.ctaButtonSelector),this._ctaEl&&(this._onCtaClickListener=qn.bind(this),this._ctaEl.addEventListener("click",this._onCtaClickListener))}_unobserveEvents(){super._unobserveEvents(),this._ctaEl&&this._ctaEl.removeEventListener("click",this._onCtaClickListener)}cta(){this._hide(),this._el.dispatchEvent(new CustomEvent("dialog-cta"))}destroy(){super.destroy(),this._onCtaClickListener=null}}function qn(){this.cta()}const Bn=Math.min,Fn=Math.max,Rn=Math.round,Nn=Math.floor,jn=t=>({x:t,y:t}),Kn={left:"right",right:"left",bottom:"top",top:"bottom"},Pn={start:"end",end:"start"};function Hn(t,e,n){return Fn(t,Bn(e,n))}function Wn(t,e){return"function"==typeof t?t(e):t}function $n(t){return t.split("-")[0]}function Vn(t){return t.split("-")[1]}function zn(t){return"x"===t?"y":"x"}function Gn(t){return"y"===t?"height":"width"}function Un(t){return["top","bottom"].includes($n(t))?"y":"x"}function Xn(t){return zn(Un(t))}function Yn(t){return t.replace(/start|end/g,(t=>Pn[t]))}function Jn(t){return t.replace(/left|right|bottom|top/g,(t=>Kn[t]))}function Qn(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function Zn(t){const{x:e,y:n,width:i,height:s}=t;return{width:i,height:s,top:n,left:e,right:e+i,bottom:n+s,x:e,y:n}}function ti(t,e,n){let{reference:i,floating:s}=t;const o=Un(e),r=Xn(e),l=Gn(r),a=$n(e),c="y"===o,u=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,d=i[l]/2-s[l]/2;let m;switch(a){case"top":m={x:u,y:i.y-s.height};break;case"bottom":m={x:u,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:h};break;case"left":m={x:i.x-s.width,y:h};break;default:m={x:i.x,y:i.y}}switch(Vn(e)){case"start":m[r]-=d*(n&&c?-1:1);break;case"end":m[r]+=d*(n&&c?-1:1)}return m}async function ei(t,e){var n;void 0===e&&(e={});const{x:i,y:s,platform:o,rects:r,elements:l,strategy:a}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:d=!1,padding:m=0}=Wn(e,t),b=Qn(m),_=l[d?"floating"===h?"reference":"floating":h],f=Zn(await o.getClippingRect({element:null==(n=await(null==o.isElement?void 0:o.isElement(_)))||n?_:_.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:c,rootBoundary:u,strategy:a})),p="floating"===h?{x:i,y:s,width:r.floating.width,height:r.floating.height}:r.reference,v=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),E=await(null==o.isElement?void 0:o.isElement(v))&&await(null==o.getScale?void 0:o.getScale(v))||{x:1,y:1},g=Zn(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:p,offsetParent:v,strategy:a}):p);return{top:(f.top-g.top+b.top)/E.y,bottom:(g.bottom-f.bottom+b.bottom)/E.y,left:(f.left-g.left+b.left)/E.x,right:(g.right-f.right+b.right)/E.x}}function ni(t){const e=Bn(...t.map((t=>t.left))),n=Bn(...t.map((t=>t.top)));return{x:e,y:n,width:Fn(...t.map((t=>t.right)))-e,height:Fn(...t.map((t=>t.bottom)))-n}}function ii(t){return ri(t)?(t.nodeName||"").toLowerCase():"#document"}function si(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function oi(t){var e;return null==(e=(ri(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ri(t){return t instanceof Node||t instanceof si(t).Node}function li(t){return t instanceof Element||t instanceof si(t).Element}function ai(t){return t instanceof HTMLElement||t instanceof si(t).HTMLElement}function ci(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof si(t).ShadowRoot)}function ui(t){const{overflow:e,overflowX:n,overflowY:i,display:s}=fi(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(s)}function hi(t){return["table","td","th"].includes(ii(t))}function di(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function mi(t){const e=bi(),n=fi(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function bi(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function _i(t){return["html","body","#document"].includes(ii(t))}function fi(t){return si(t).getComputedStyle(t)}function pi(t){return li(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function vi(t){if("html"===ii(t))return t;const e=t.assignedSlot||t.parentNode||ci(t)&&t.host||oi(t);return ci(e)?e.host:e}function Ei(t){const e=vi(t);return _i(e)?t.ownerDocument?t.ownerDocument.body:t.body:ai(e)&&ui(e)?e:Ei(e)}function gi(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const s=Ei(t),o=s===(null==(i=t.ownerDocument)?void 0:i.body),r=si(s);return o?e.concat(r,r.visualViewport||[],ui(s)?s:[],r.frameElement&&n?gi(r.frameElement):[]):e.concat(s,gi(s,[],n))}function Li(t){const e=fi(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=ai(t),o=s?t.offsetWidth:n,r=s?t.offsetHeight:i,l=Rn(n)!==o||Rn(i)!==r;return l&&(n=o,i=r),{width:n,height:i,$:l}}function xi(t){return li(t)?t:t.contextElement}function yi(t){const e=xi(t);if(!ai(e))return jn(1);const n=e.getBoundingClientRect(),{width:i,height:s,$:o}=Li(e);let r=(o?Rn(n.width):n.width)/i,l=(o?Rn(n.height):n.height)/s;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}const wi=jn(0);function ki(t){const e=si(t);return bi()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:wi}function Ci(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const s=t.getBoundingClientRect(),o=xi(t);let r=jn(1);e&&(i?li(i)&&(r=yi(i)):r=yi(t));const l=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==si(t))&&e}(o,n,i)?ki(o):jn(0);let a=(s.left+l.x)/r.x,c=(s.top+l.y)/r.y,u=s.width/r.x,h=s.height/r.y;if(o){const t=si(o),e=i&&li(i)?si(i):i;let n=t,s=n.frameElement;for(;s&&i&&e!==n;){const t=yi(s),e=s.getBoundingClientRect(),i=fi(s),o=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,c*=t.y,u*=t.x,h*=t.y,a+=o,c+=r,n=si(s),s=n.frameElement}}return Zn({width:u,height:h,x:a,y:c})}function Si(t){return Ci(oi(t)).left+pi(t).scrollLeft}function Mi(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=si(t),i=oi(t),s=n.visualViewport;let o=i.clientWidth,r=i.clientHeight,l=0,a=0;if(s){o=s.width,r=s.height;const t=bi();(!t||t&&"fixed"===e)&&(l=s.offsetLeft,a=s.offsetTop)}return{width:o,height:r,x:l,y:a}}(t,n);else if("document"===e)i=function(t){const e=oi(t),n=pi(t),i=t.ownerDocument.body,s=Fn(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),o=Fn(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let r=-n.scrollLeft+Si(t);const l=-n.scrollTop;return"rtl"===fi(i).direction&&(r+=Fn(e.clientWidth,i.clientWidth)-s),{width:s,height:o,x:r,y:l}}(oi(t));else if(li(e))i=function(t,e){const n=Ci(t,!0,"fixed"===e),i=n.top+t.clientTop,s=n.left+t.clientLeft,o=ai(t)?yi(t):jn(1);return{width:t.clientWidth*o.x,height:t.clientHeight*o.y,x:s*o.x,y:i*o.y}}(e,n);else{const n=ki(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return Zn(i)}function Ai(t,e){const n=vi(t);return!(n===e||!li(n)||_i(n))&&("fixed"===fi(n).position||Ai(n,e))}function Oi(t,e,n){const i=ai(e),s=oi(e),o="fixed"===n,r=Ci(t,!0,o,e);let l={scrollLeft:0,scrollTop:0};const a=jn(0);if(i||!i&&!o)if(("body"!==ii(e)||ui(s))&&(l=pi(e)),i){const t=Ci(e,!0,o,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else s&&(a.x=Si(s));return{x:r.left+l.scrollLeft-a.x,y:r.top+l.scrollTop-a.y,width:r.width,height:r.height}}function Ti(t){return"static"===fi(t).position}function Ii(t,e){return ai(t)&&"fixed"!==fi(t).position?e?e(t):t.offsetParent:null}function Di(t,e){const n=si(t);if(di(t))return n;if(!ai(t)){let e=vi(t);for(;e&&!_i(e);){if(li(e)&&!Ti(e))return e;e=vi(e)}return n}let i=Ii(t,e);for(;i&&hi(i)&&Ti(i);)i=Ii(i,e);return i&&_i(i)&&Ti(i)&&!mi(i)?n:i||function(t){let e=vi(t);for(;ai(e)&&!_i(e);){if(di(e))return null;if(mi(e))return e;e=vi(e)}return null}(t)||n}const qi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:s}=t;const o="fixed"===s,r=oi(i),l=!!e&&di(e.floating);if(i===r||l&&o)return n;let a={scrollLeft:0,scrollTop:0},c=jn(1);const u=jn(0),h=ai(i);if((h||!h&&!o)&&(("body"!==ii(i)||ui(r))&&(a=pi(i)),ai(i))){const t=Ci(i);c=yi(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+u.x,y:n.y*c.y-a.scrollTop*c.y+u.y}},getDocumentElement:oi,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:s}=t;const o=[..."clippingAncestors"===n?di(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=gi(t,[],!1).filter((t=>li(t)&&"body"!==ii(t))),s=null;const o="fixed"===fi(t).position;let r=o?vi(t):t;for(;li(r)&&!_i(r);){const e=fi(r),n=mi(r);n||"fixed"!==e.position||(s=null),(o?!n&&!s:!n&&"static"===e.position&&s&&["absolute","fixed"].includes(s.position)||ui(r)&&!n&&Ai(t,r))?i=i.filter((t=>t!==r)):s=e,r=vi(r)}return e.set(t,i),i}(e,this._c):[].concat(n),i],r=o[0],l=o.reduce(((t,n)=>{const i=Mi(e,n,s);return t.top=Fn(i.top,t.top),t.right=Bn(i.right,t.right),t.bottom=Bn(i.bottom,t.bottom),t.left=Fn(i.left,t.left),t}),Mi(e,r,s));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:Di,getElementRects:async function(t){const e=this.getOffsetParent||Di,n=this.getDimensions,i=await n(t.floating);return{reference:Oi(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=Li(t);return{width:e,height:n}},getScale:yi,isElement:li,isRTL:function(t){return"rtl"===fi(t).direction}};const Bi=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:s}=e,{mainAxis:o=!0,crossAxis:r=!1,limiter:l={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...a}=Wn(t,e),c={x:n,y:i},u=await ei(e,a),h=Un($n(s)),d=zn(h);let m=c[d],b=c[h];if(o){const t="y"===d?"bottom":"right";m=Hn(m+u["y"===d?"top":"left"],m,m-u[t])}if(r){const t="y"===h?"bottom":"right";b=Hn(b+u["y"===h?"top":"left"],b,b-u[t])}const _=l.fn({...e,[d]:m,[h]:b});return{..._,data:{x:_.x-n,y:_.y-i}}}}},Fi=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:s,middlewareData:o,rects:r,initialPlacement:l,platform:a,elements:c}=e,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:_=!0,...f}=Wn(t,e);if(null!=(n=o.arrow)&&n.alignmentOffset)return{};const p=$n(s),v=Un(l),E=$n(l)===l,g=await(null==a.isRTL?void 0:a.isRTL(c.floating)),L=d||(E||!_?[Jn(l)]:function(t){const e=Jn(t);return[Yn(t),e,Yn(e)]}(l)),x="none"!==b;!d&&x&&L.push(...function(t,e,n,i){const s=Vn(t);let o=function(t,e,n){const i=["left","right"],s=["right","left"],o=["top","bottom"],r=["bottom","top"];switch(t){case"top":case"bottom":return n?e?s:i:e?i:s;case"left":case"right":return e?o:r;default:return[]}}($n(t),"start"===n,i);return s&&(o=o.map((t=>t+"-"+s)),e&&(o=o.concat(o.map(Yn)))),o}(l,_,b,g));const y=[l,...L],w=await ei(e,f),k=[];let C=(null==(i=o.flip)?void 0:i.overflows)||[];if(u&&k.push(w[p]),h){const t=function(t,e,n){void 0===n&&(n=!1);const i=Vn(t),s=Xn(t),o=Gn(s);let r="x"===s?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[o]>e.floating[o]&&(r=Jn(r)),[r,Jn(r)]}(s,r,g);k.push(w[t[0]],w[t[1]])}if(C=[...C,{placement:s,overflows:k}],!k.every((t=>t<=0))){var S,M;const t=((null==(S=o.flip)?void 0:S.index)||0)+1,e=y[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(M=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:M.placement;if(!n)switch(m){case"bestFit":{var A;const t=null==(A=C.filter((t=>{if(x){const e=Un(t.placement);return e===v||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:A[0];t&&(n=t);break}case"initialPlacement":n=l}if(s!==n)return{reset:{placement:n}}}return{}}}},Ri=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:s,rects:o,platform:r,elements:l,middlewareData:a}=e,{element:c,padding:u=0}=Wn(t,e)||{};if(null==c)return{};const h=Qn(u),d={x:n,y:i},m=Xn(s),b=Gn(m),_=await r.getDimensions(c),f="y"===m,p=f?"top":"left",v=f?"bottom":"right",E=f?"clientHeight":"clientWidth",g=o.reference[b]+o.reference[m]-d[m]-o.floating[b],L=d[m]-o.reference[m],x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c));let y=x?x[E]:0;y&&await(null==r.isElement?void 0:r.isElement(x))||(y=l.floating[E]||o.floating[b]);const w=g/2-L/2,k=y/2-_[b]/2-1,C=Bn(h[p],k),S=Bn(h[v],k),M=C,A=y-_[b]-S,O=y/2-_[b]/2+w,T=Hn(M,O,A),I=!a.arrow&&null!=Vn(s)&&O!==T&&o.reference[b]/2-(Ot.y-e.y)),n=[];let i=null;for(let t=0;ti.height/2?n.push([s]):n[n.length-1].push(s),i=s}return n.map((t=>Zn(ni(t))))}(u),d=Zn(ni(u)),m=Qn(l),b=await o.getElementRects({reference:{getBoundingClientRect:function(){if(2===h.length&&h[0].left>h[1].right&&null!=a&&null!=c)return h.find((t=>a>t.left-m.left&&at.top-m.top&&c=2){if("y"===Un(n)){const t=h[0],e=h[h.length-1],i="top"===$n(n),s=t.top,o=e.bottom,r=i?t.left:e.left,l=i?t.right:e.right;return{top:s,bottom:o,left:r,right:l,width:l-r,height:o-s,x:r,y:s}}const t="left"===$n(n),e=Fn(...h.map((t=>t.right))),i=Bn(...h.map((t=>t.left))),s=h.filter((n=>t?n.left===i:n.right===e)),o=s[0].top,r=s[s.length-1].bottom;return{top:o,bottom:r,left:i,right:e,width:e-i,height:r-o,x:i,y:o}}return d}},floating:i.floating,strategy:r});return s.reference.x!==b.reference.x||s.reference.y!==b.reference.y||s.reference.width!==b.reference.width||s.reference.height!==b.reference.height?{reset:{rects:b}}:{}}}};if(void 0!==window.URLSearchParams){const t=new URLSearchParams(location.search);t.has("debug")&&"1"===t.get("debug")&&document.querySelectorAll(".page-grid").forEach((t=>{t.classList.add("page-grid--debug")})),t.has("dark")&&"1"===t.get("dark")&&document.querySelector("body").classList.add("skin-experiment-dark-mode")}const ji=[];let Ki;const Pi=t=>console.log(t.type,t.detail);document.getElementById("busy-button").addEventListener("click",(function(){const t=this;t.setAttribute("aria-label","Busy..."),t.innerHTML='\n \n \n \n ',window.setTimeout((function(){t.removeAttribute("aria-label"),t.innerHTML="Activate Spinner"}),2e3)})),document.querySelectorAll('.checkbox input[aria-checked="mixed"]').forEach((function(t){t.addEventListener("click",(function(){const t=!0===this.checked;this.setAttribute("aria-checked",t?"mixed":"false")}))})),document.querySelectorAll(".breadcrumbs").forEach((function(t){const e=t.offsetWidth,n=t.scrollWidth-e;n&&t.scroll(n,0)})),document.querySelectorAll(".expand-btn").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".filter-menu-button--form button").forEach((function(t){t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-expanded");this.setAttribute("aria-expanded",!t)}))})),document.querySelectorAll(".fake-menu-button").forEach((function(t){let e=".icon-btn";t.querySelector(".expand-btn")?e=".expand-btn":t.querySelector(".btn")&&(e=".btn"),ji.push(new it(t,{expandOnClick:!0,collapseOnFocusOut:!0,collapseOnClickOut:!0,contentSelector:".fake-menu-button__menu",focusManagement:"focusable",hostSelector:e}))})),document.querySelectorAll(".combobox").forEach((function(t){ji.push(new Tt(t)),t.addEventListener("makeup-combobox-change",Pi)})),document.querySelectorAll(".dialog-button").forEach((function(t){const e=t.dataset.makeupFor,n=document.getElementById(e),i=n.classList;let s;i.contains("confirm-dialog")?s=new gn(n):i.contains("alert-dialog")?s=new pn(n):i.contains("lightbox-dialog--input")?s=new wn(n):i.contains("snackbar-dialog")?s=new On(n):i.contains("toast-dialog")?s=new Dn(n):i.contains("panel-dialog")?s=new Mn(n):i.contains("lightbox-dialog")&&(s=new bn(n)),ji.push(new Ht(t,s)),s._el.addEventListener("dialog-open",Pi),s._el.addEventListener("dialog-close",Pi),s._el.addEventListener("dialog-acknowledge",Pi),s._el.addEventListener("dialog-confirm",Pi),s._el.addEventListener("dialog-reject",Pi),s._el.addEventListener("dialog-cta",Pi)}));class Hi{constructor(t,e){this.messageContainerEl=t.querySelector(".progress-bar-expressive__messages"),this.messages=e,this.messageContainerEl&&this.messages&&(this.isInitialized=!0,this.nextMessageEl=t.querySelector('[aria-hidden="true"]'),this.currentMessageEl=t.querySelector('[role="status"]'),this.messageIndex=0,this.message=this.messages[this.messageIndex])}queueNextMessage(){this.isInitialized&&this.messages.length>1&&(this.messageIndex=(this.messageIndex+1)%this.messages.length,this.message=this.messages[this.messageIndex],this.nextMessageEl.innerText=this.messages[this.messageIndex],this.nextMessageEl.classList.add("progress-bar-expressive__message--in"),this.currentMessageEl.classList.add("progress-bar-expressive__message--out"),setTimeout(this.showMessage.bind(this),833))}showMessage(){this.isInitialized&&(this.currentMessageEl.innerText=this.message,this.currentMessageEl.classList.remove("progress-bar-expressive__message--out"),this.nextMessageEl.classList.remove("progress-bar-expressive__message--in"),setTimeout(this.queueNextMessage.bind(this),2e3))}}document.querySelectorAll(".progress-bar-expressive-messages-example").forEach((function(t){const e=new Hi(t,["Hang tight.","We're finishing your order.","Just another moment."]);e.isInitialized&&e.queueNextMessage()}));class Wi{constructor(t,e){this.host=t.querySelector(".".concat(e,"__host")),this.overlay=t.querySelector(".".concat(e,"__overlay")),this.arrowEl=t.querySelector(".".concat(e,"__pointer")),this.host&&this.overlay&&(this.isInitialized=!0)}init(){this.cleanup=function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:o=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=xi(t),u=s||o?[...c?gi(c):[],...gi(e)]:[];u.forEach((t=>{s&&t.addEventListener("scroll",n,{passive:!0}),o&&t.addEventListener("resize",n)}));const h=c&&l?function(t,e){let n,i=null;const s=oi(t);function o(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function r(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),o();const{left:c,top:u,width:h,height:d}=t.getBoundingClientRect();if(l||e(),!h||!d)return;const m={rootMargin:-Nn(u)+"px "+-Nn(s.clientWidth-(c+h))+"px "+-Nn(s.clientHeight-(u+d))+"px "+-Nn(c)+"px",threshold:Fn(0,Bn(1,a))||1};let b=!0;function _(t){const e=t[0].intersectionRatio;if(e!==a){if(!b)return r();e?r(!1,e):n=setTimeout((()=>{r(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(_,{...m,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(_,m)}i.observe(t)}(!0),o}(c,n):null;let d,m=-1,b=null;r&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),n()})),c&&!a&&b.observe(c),b.observe(e));let _=a?Ci(t):null;return a&&function e(){const i=Ci(t);!_||i.x===_.x&&i.y===_.y&&i.width===_.width&&i.height===_.height||n(),_=i,d=requestAnimationFrame(e)}(),n(),()=>{var t;u.forEach((t=>{s&&t.removeEventListener("scroll",n),o&&t.removeEventListener("resize",n)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,a&&cancelAnimationFrame(d)}}(this.host,this.overlay,this.update.bind(this))}update(){var t;this.isInitialized&&((t,e,n)=>{const i=new Map,s={platform:qi,...n},o={...s.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:s="absolute",middleware:o=[],platform:r}=n,l=o.filter(Boolean),a=await(null==r.isRTL?void 0:r.isRTL(e));let c=await r.getElementRects({reference:t,floating:e,strategy:s}),{x:u,y:h}=ti(c,i,a),d=i,m={},b=0;for(let n=0;n{let{x:e,y:n,placement:i,middlewareData:s}=t;if(Object.assign(this.overlay.style,{left:"".concat(e,"px"),top:"".concat(n,"px")}),s.arrow){const{x:t,y:e}=s.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=t?"".concat(t,"px"):"",top:null!=e?"".concat(e,"px"):"",right:"",bottom:"",[n]:"-4px"})}}))}show(){this.host.setAttribute("aria-expanded","true"),this.init()}isExpanded(){return console.log(this.host,this.host.getAttribute("aria-expanded")),"true"===this.host.getAttribute("aria-expanded")}hide(){this.isExpanded()&&(this.host.setAttribute("aria-expanded","false"),this.cleanup&&this.cleanup())}}document.querySelectorAll(".tooltip").forEach((function(t){t.classList.contains("tooltip--js")||ji.push(new it(t,{contentSelector:".tooltip__overlay",collapseOnFocusOut:!0,collapseOnMouseOut:!0,expandOnFocus:!0,expandOnHover:!0,focusManagement:"focusable",hostSelector:".tooltip__host"}))})),document.querySelectorAll(".tooltip--js").forEach((function(t){const e=new Wi(t,"tooltip");e.isInitialized&&(["mouseenter","focus"].forEach((t=>{e.host.addEventListener(t,(()=>e.show()))})),["mouseleave","blur"].forEach((t=>{e.host.addEventListener(t,(()=>e.hide()))})))})),document.querySelectorAll(".infotip").forEach((function(t){if(t.classList.contains("infotip--js"))return;const e=t.querySelector("button"),n=".infotip__host";if(!t.querySelector(n))return;const i=new it(t,{contentSelector:".infotip__overlay",expandOnFocus:!1,expandOnClick:!0,hostSelector:n});t.querySelector(".infotip__close").addEventListener("click",(function(){i.expanded=!1,e.focus()}))})),document.querySelectorAll(".infotip--js").forEach((function(t){const e=new Wi(t,"infotip");if(!e.isInitialized)return;e.host.addEventListener("click",(()=>{e.isExpanded()?e.hide():e.show()}));const n=t.querySelector("button");t.querySelector(".infotip__close").addEventListener("click",(function(){n.focus(),e.isInitialized&&e.hide()}))})),document.querySelectorAll(".tourtip").forEach((function(t){t.classList.contains("tourtip--js")||t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded")}))})),document.querySelectorAll(".tourtip--js").forEach((function(t){const e=new Wi(t,"tourtip");e.isInitialized&&(e.init(),t.querySelector(".tourtip__close").addEventListener("click",(function(){t.classList.remove("tourtip--expanded"),e.hide()})))})),document.querySelectorAll(".floating-label").forEach((function(t){t.parentElement.classList.contains("phone-input")||ji.push(new bt(t))})),document.querySelectorAll(".progress-bar-toggle").forEach((function(t){const e=t.dataset.progressPlayButtonFor,n=document.getElementById(e),i=function(){const t=n.value+10;let e;e=t>100?100:t,n.value=e};t.addEventListener("click",(function(){Ki?(clearInterval(Ki),Ki=null):(i(),Ki=setInterval(i,1e3))}))})),document.querySelectorAll(".progress-bar-reset").forEach((function(t){const e=t.dataset.progressResetButtonFor,n=document.getElementById(e);t.addEventListener("click",(function(){Ki&&(clearInterval(Ki),Ki=null),n.value=0}))})),document.querySelectorAll(".star-rating-select").forEach((function(t){t.addEventListener("change",(function(e){const n=e.target.value-1;t.querySelectorAll("input").forEach((function(t,e){t.classList.toggle("star-rating-select__control--filled",e{console.log(t.type,t.detail)}))})),document.querySelectorAll(".phone-input .listbox-button").forEach((function(t){const e={autoSelect:"true"===t.dataset.makeupAutoSelect,buttonLabelSelector:".btn__text",buttonValueType:"icon",listboxOptionIconSelector:".fflag",listboxOptionAriaLabelSelector:".listbox-button__value span"};ji.push(new Gt(t,e)),t.addEventListener("makeup-listbox-button-change",(e=>{var n;console.log(e.type,e.detail);const i=t.querySelector('.listbox-button__option[aria-selected="true"]');t.nextElementSibling.querySelector(".textbox > span").textContent="+".concat(null===(n=i.querySelector("span.fflag"))||void 0===n?void 0:n.dataset.countryCode)}))})),document.querySelectorAll(".menu-button").forEach((function(t){const e=new re(t,{menuSelector:".menu-button__menu",buttonTextSelector:".btn__text"});e.menu.el.addEventListener("makeup-menu-select",Pi),e.menu.el.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".filter-menu-button:not(.filter-menu-button--form)").forEach((function(t){const e=new re(t,{expandedClass:"filter-menu-button--expanded",menuSelector:".filter-menu-button__menu"});e.menu.el.addEventListener("makeup-menu-select",Pi),e.menu.el.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".menu").forEach((function(t){ji.push(new ee(t)),t.addEventListener("makeup-menu-select",Pi),t.addEventListener("makeup-menu-change",Pi)})),document.querySelectorAll(".filter-menu").forEach((function(t){ji.push(new ee(t)),t.addEventListener("makeup-menu-select",Pi),t.addEventListener("makeup-menu-change",Pi),t.addEventListener("makeup-menu-toggle",Pi)})),document.querySelectorAll(".segmented-buttons").forEach((function(t){const e=t.querySelectorAll("button");e.forEach((function(t){t.addEventListener("click",(function(){e.forEach((function(t){t.removeAttribute("aria-current")})),t.setAttribute("aria-current","true")}))}))})),document.querySelectorAll("input.switch__control").forEach((function(t){t.setAttribute("aria-checked",t.checked?"true":"false"),t.addEventListener("change",(function(t){t.target.setAttribute("aria-checked",t.target.checked?"true":"false")}))})),document.querySelectorAll(".switch:not(.switch--form)").forEach((function(t){ji.push(new de(t,{bem:{control:"switch__control"}})),t.addEventListener("makeup-switch-toggle",Pi)})),document.querySelectorAll(".toggle-button").forEach((function(t){t.closest(".toggle-button-group")||t.addEventListener("click",(function(){const t="true"===this.getAttribute("aria-pressed");this.setAttribute("aria-pressed",!t)}))})),function(){const t=".toggle-button",e="aria-pressed";document.querySelectorAll(".toggle-button-group").forEach((function(n){function i(t){const n="true"===t.getAttribute(e);t.setAttribute(e,!n)}function s(t){return t.getAttribute(e)&&"true"===t.getAttribute(e)}n.addEventListener("click",(function(e){const o=this.getAttribute("data-selection-type"),r=e.target;if(r.matches("button"))switch(o){case"single-optional":!function(e,n){if(s(e))return i(e);n.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(e)}(r,n);break;case"single-required":a=n,s(l=r)||(a.querySelectorAll(t).forEach((function(t){s(t)&&i(t)})),i(l));break;default:i(r)}var l,a}))})),document.querySelectorAll(".toggle-button-group-responsive-demo").forEach((function(t){const e=t.querySelector(".toggle-button-group-breakpoints-range"),n=t.querySelector(".toggle-button-group-breakpoints-output"),i=t.querySelector(".toggle-button-group-breakpoints-container");e.addEventListener("input",(function(t){n.textContent=t.target.value,i.style.width="".concat(t.target.value,"px")}))}))}();const $i=((t,e)=>{let n;return function(){for(var t=arguments.length,e=new Array(t),i=0;i{n=null,function(t,e){let n="off";const i=t.value.length,s=e.innerHTML.split(/([0-9]+)( \w+ )([0-9]+)/g);if(s.length<=1)return;s[1]=i;const o=s[3];e.innerHTML=s.join(""),i>=o&&(n="polite"),t.setAttribute("aria-live",n)}(...e)}),500)}})();document.querySelectorAll(".field").forEach((function(t){const e=t.querySelector("input,textarea"),n=e&&e.dataset.fieldCount;if(n){const i=t.querySelector("#".concat(n));e.addEventListener("keydown",$i.bind(this,e,i))}})),document.querySelectorAll(".chips-combobox").forEach((function(t){const e=t.querySelector(".chips-combobox__items"),n=t.querySelector(".chips-combobox__combobox").querySelector(".combobox__options"),i="div.combobox__option",s="button.chip__button";t.addEventListener("click",(function(t){const o=t.target;if(o.matches(i)||o.matches(s)){if(o.matches(i)){const t=o.innerText.trim();n.removeChild(o),function(t){const n='\n
  • \n \n \n '.concat(t,'\n \n \n \n
    • \n ');e.insertAdjacentHTML("beforeend",n)}(t)}if(o.matches(s)){const t=o.previousElementSibling.innerText.trim(),i=o.closest("li");e.removeChild(i),function(t){const e='\n
    \n '.concat(t,"\n
    \n ");n.insertAdjacentHTML("beforeend",e)}(t)}}}))}))})(); //# sourceMappingURL=docs.min.js.map \ No newline at end of file