/*! For license information please see product-compare-table-bundle.js.LICENSE.txt */ (()=>{var t={7117:t=>{var e;self,e=()=>(()=>{"use strict";var t={3890:(t,e,r)=>{var o=r(4385),s=r(2017),i=r(4331);const n="1em",a="0.8125em",c="1em",l="1.25em",d="1.5em",h=o.i` :host { display: inline-block; width: var(--ds-icon-size-default, ${(0,o.a)(n)}); min-width: var(--ds-icon-size-default, ${(0,o.a)(n)}); height: var(--ds-icon-size-default, ${(0,o.a)(n)}); min-height: var(--ds-icon-size-default, ${(0,o.a)(n)}); box-sizing: content-box; } :host([size='xsmall']) { width: var(--ds-icon-size-xsmall, ${(0,o.a)(a)}); min-width: var(--ds-icon-size-xsmall, ${(0,o.a)(a)}); height: var(--ds-icon-size-xsmall, ${(0,o.a)(a)}); min-height: var(--ds-icon-size-xsmall, ${(0,o.a)(a)}); } :host([size='small']) { width: var(--ds-icon-size-small, ${(0,o.a)(c)}); min-width: var(--ds-icon-size-small, ${(0,o.a)(c)}); height: var(--ds-icon-size-small, ${(0,o.a)(c)}); min-height: var(--ds-icon-size-small, ${(0,o.a)(c)}); } :host([size='medium']) { width: var(--ds-icon-size-medium, ${(0,o.a)(l)}); min-width: var(--ds-icon-size-medium, ${(0,o.a)(l)}); height: var(--ds-icon-size-medium, ${(0,o.a)(l)}); min-height: var(--ds-icon-size-medium, ${(0,o.a)(l)}); } :host([size='large']) { width: var(--ds-icon-size-large, ${(0,o.a)(d)}); min-width: var(--ds-icon-size-large, ${(0,o.a)(d)}); height: var(--ds-icon-size-large, ${(0,o.a)(d)}); min-height: var(--ds-icon-size-large, ${(0,o.a)(d)}); } svg, ::slotted(svg) { display: block; height: 100%; width: 100%; fill: currentColor; } `,u=Object.assign({"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_regular.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_filled.svg":'',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_regular.svg":''}),p=Object.keys(u);var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,v=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?m(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&g(e,r,i),i};let f=class extends o.s{constructor(){super(...arguments),this.filled=!1,this.ariaLabel=null}updated(t){t.has("ariaLabel")&&this._setAriaAttrs(),t.has("icon")&&this.setIcon()}setIcon(){var t;if(this._slotContents&&0===this._slotContents.length&&this.icon){const e=(({name:t="",filled:e})=>{const r=`../../../../../../node_modules/@fluentui/svg-icons/icons/${t.replace("-","_").toLowerCase()}_24_${e?"filled":"regular"}.svg`;return((t="")=>p.includes(t))(r)?u[r]:""})({name:this.icon,filled:this.filled}),r=e&&(new DOMParser).parseFromString(e,"text/html"),o=r&&r.body.querySelector("svg");o&&(this.removeIcon(),null==(t=this.shadowRoot)||t.append(o))}}removeIcon(){var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector("svg");null==e||e.remove()}_setAriaAttrs(){this.ariaLabel?(this.setAttribute("role","img"),this.removeAttribute("aria-hidden")):(this.setAttribute("aria-hidden","true"),this.removeAttribute("role"))}render(){return o.x` `}};f.styles=[h],v([(0,s.n)()],f.prototype,"icon",2),v([(0,s.n)()],f.prototype,"size",2),v([(0,s.n)({type:Boolean})],f.prototype,"filled",2),v([(0,s.n)({attribute:"aria-label"})],f.prototype,"ariaLabel",2),v([(0,i.o)()],f.prototype,"_slotContents",2),f=v([(0,o.r)("moray-icon")],f)},7659:(t,e,r)=>{var o=r(7582),s=r(5862),i=r(9662);const n=s.iv` :host { --outline-color: var( --ds-color-picker-outline-color, var( --ds-theme-foreground-neutral-icon, ${(0,s.$m)("black")} ) ); /* Note: these colors should NOT come from the theme, and so are intentionally missing the usual --ds-theme-* fallback. These colors are meant to contrast custom colors, which are tagged as either dark or not dark colors. */ --icon-light-color: var( --ds-color-picker-icon-light-color, ${(0,s.$m)("white")} ); --icon-dark-color: var( --ds-color-picker-icon-dark-color, ${(0,s.$m)("black")} ); } div { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; padding: 0 5px; position: relative; } moray-icon { color: var(--icon-dark-color); position: absolute; width: 50%; height: 50%; top: 25%; left: 25%; forced-color-adjust: none; } moray-icon.light { color: var(--icon-light-color); } input { position: absolute; z-index: -1; opacity: 0; } span.dot { position: relative; display: inline-block; width: 2em; height: 2em; border: 2px solid var(--outline-color); border-radius: 50%; forced-color-adjust: none; } span.dot:hover, span.dot.selected, input:focus + label span.dot { transform: scale(1.3); cursor: pointer; } input:focus + label span.dot { outline: 0.1875rem dotted var(--outline-color); outline-offset: 0.25rem; } @media (forced-colors: active) { span.dot { border-color: transparent; } input:focus + label span.dot { outline-color: CanvasText; } circle { stroke: CanvasText; stroke-width: 10; } } `;var a=r(5270);r(3890);let c=class extends s.oi{constructor(){super(...arguments),this.colors=[],this.idPrefix="color",this.selectedIndex=0}render(){return s.dy`
${this.colors.map(this._renderColorDots.bind(this))}
`}updated(t){t.has("selectedIndex")&&this._fireColorChangeEvent()}_renderColorDots(t,e){const r=`${this.idPrefix}-${t.colorCode}`,o=this.selectedIndex===e;return s.dy` `}_handleRadioChange(t){const e=t.target,r=e?.getAttribute("data-color-code");if(!r)return;const o=this.colors.findIndex((t=>t.colorCode===r));-1!==o&&o!==this.selectedIndex&&(this.selectedIndex=o)}_fireColorChangeEvent(){const t=new CustomEvent("color-changed",{bubbles:!0,composed:!0,detail:{color:this.colors[this.selectedIndex],index:this.selectedIndex}});this.dispatchEvent(t)}};c.styles=[n],(0,o.gn)([(0,i.Cb)({attribute:"colors",type:Object})],c.prototype,"colors",void 0),(0,o.gn)([(0,i.Cb)({attribute:"id-prefix"})],c.prototype,"idPrefix",void 0),(0,o.gn)([(0,i.Cb)({attribute:"selected-index",reflect:!0,type:Number})],c.prototype,"selectedIndex",void 0),c=(0,o.gn)([(0,a.M)("cascade-color-picker")],c)},4085:(t,e,r)=>{var o=r(7582),s=r(5862),i=r(9662);const n=s.iv` .sticky { z-index: 100; position: fixed; } .sticky.stick-to-top { top: 0; } .sticky.stick-to-bottom { bottom: 0; } .sticky.fullscreen { width: 100%; left: 0; } .hidden { display: none; } `;var a=r(7014);let c=class extends s.oi{constructor(){super(...arguments),this.stickTo="top",this.fullscreen=!1,this.hideUntilSticky=!1,this._width=0,this._height=0,this._onIntersectionChange=t=>{if(0===t.length)return;const e="top"===this.stickTo?t[0].boundingClientRect.top<=0:t[0].boundingClientRect.bottom<=window.innerHeight,r=new CustomEvent("sticky-changed",{bubbles:!0,composed:!0,detail:{isSticky:e}});return this.dispatchEvent(r),e},this._onResize=()=>{const t=this.parentElement?.getBoundingClientRect().width;void 0!==t&&(this._width=t)},this._onSlotChange=t=>{this._height=function(t){const e=window.getComputedStyle(t),r=parseFloat(e.marginTop)+parseFloat(e.marginBottom);return Math.ceil(t.offsetHeight+r)}(this._children[0])}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._onResize),this._onResize()}disconnectedCallback(){window.removeEventListener("resize",this._onResize),super.disconnectedCallback()}firstUpdated(){this._intersectionController=new a.r(this,{callback:this._onIntersectionChange,config:{threshold:[1]}})}render(){return s.dy`
${this.hideUntilSticky?s.Ld:s.dy`
`} `}};c.styles=[n],(0,o.gn)([(0,i.Cb)({attribute:"stick-to"})],c.prototype,"stickTo",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],c.prototype,"fullscreen",void 0),(0,o.gn)([(0,i.Cb)({attribute:"hide-until-sticky",type:Boolean})],c.prototype,"hideUntilSticky",void 0),(0,o.gn)([(0,i.SB)()],c.prototype,"_width",void 0),(0,o.gn)([(0,i.SB)()],c.prototype,"_height",void 0),(0,o.gn)([(0,i.NH)({flatten:!0})],c.prototype,"_children",void 0),c=(0,o.gn)([(0,i.Mo)("cascade-sticky-container")],c)},5270:(t,e,r)=>{r.d(e,{M:()=>o});const o=t=>(e,r)=>{customElements.get(t)?console.warn(`${t} is already defined.`):void 0!==r?r.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}},7014:(t,e,r)=>{r.d(e,{r:()=>o});class o{constructor(t,{target:e,config:r,callback:o,skipInitial:s}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,null!==e&&this.t.add(e??t),this.o=s??this.o,this.callback=o,window.IntersectionObserver?(this.u=new IntersectionObserver((t=>{const e=this.i;this.i=!1,this.o&&e||(this.handleChanges(t),this.h.requestUpdate())}),r),t.addController(this)):console.warn("IntersectionController error: browser does not support IntersectionObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(const t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){const t=this.u.takeRecords();t.length&&this.handleChanges(t)}observe(t){this.t.add(t),this.u.observe(t),this.i=!0}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}}},8701:(t,e,r)=>{r.d(e,{$m:()=>c,ec:()=>d,i1:()=>h,iv:()=>l});const o=globalThis,s=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;class a{constructor(t,e,r){if(this._$cssResult$=!0,r!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&n.set(e,t))}return t}toString(){return this.cssText}}const c=t=>new a("string"==typeof t?t:t+"",void 0,i),l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[o+1]),t[0]);return new a(r,t,i)},d=(t,e)=>{if(s)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const r of e){const e=document.createElement("style"),s=o.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=r.cssText,t.appendChild(e)}},h=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return c(e)})(t):t},5674:(t,e,r)=>{r.d(e,{C:()=>o});const o=(t,e,r)=>(r.configurable=!0,r.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,r),r)},5713:(t,e,r)=>{r.d(e,{M:()=>o});const o=t=>(e,r)=>{void 0!==r?r.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}},760:(t,e,r)=>{r.d(e,{C:()=>n});var o=r(8732);const s={attribute:!0,type:String,converter:o.Ts,reflect:!1,hasChanged:o.Qu},i=(t=s,e,r)=>{const{kind:o,metadata:i}=r;let n=globalThis.litPropertyMetadata.get(i);if(void 0===n&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(r.name,t),"accessor"===o){const{name:o}=r;return{set(r){const s=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,s,t)},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===o){const{name:o}=r;return function(r){const s=this[o];e.call(this,r),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function n(t){return(e,r)=>"object"==typeof r?i(t,e,r):((t,e,r)=>{const o=e.hasOwnProperty(r);return e.constructor.createProperty(r,o?{...t,wrapped:!0}:t),o?Object.getOwnPropertyDescriptor(e,r):void 0})(t,e,r)}},7935:(t,e,r)=>{r.d(e,{N:()=>s});var o=r(5674);function s(t){return(e,r)=>{const{slot:s,selector:i}=t??{},n="slot"+(s?`[name=${s}]`:":not([name])");return(0,o.C)(e,r,{get(){const e=this.renderRoot?.querySelector(n),r=e?.assignedElements(t)??[];return void 0===i?r:r.filter((t=>t.matches(i)))}})}}},9158:(t,e,r)=>{r.d(e,{S:()=>s});var o=r(760);function s(t){return(0,o.C)({...t,state:!0,attribute:!1})}},8732:(t,e,r)=>{r.d(e,{$m:()=>o.$m,Qu:()=>v,Ts:()=>m,fl:()=>b,iv:()=>o.iv});var o=r(8701);const{is:s,defineProperty:i,getOwnPropertyDescriptor:n,getOwnPropertyNames:a,getOwnPropertySymbols:c,getPrototypeOf:l}=Object,d=globalThis,h=d.trustedTypes,u=h?h.emptyScript:"",p=d.reactiveElementPolyfillSupport,g=(t,e)=>t,m={toAttribute(t,e){switch(e){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch(t){r=null}}return r}},v=(t,e)=>!s(t,e),f={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=f){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),o=this.getPropertyDescriptor(t,r,e);void 0!==o&&i(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){const{get:o,set:s}=n(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return o?.call(this)},set(e){const i=o?.call(this);s.call(this,e),this.requestUpdate(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??f}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const t=l(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const t=this.properties,e=[...a(t),...c(t)];for(const r of e)this.createProperty(r,t[r])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,r]of e)this.elementProperties.set(t,r)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const r=this._$Eu(t,e);void 0!==r&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift((0,o.i1)(t))}else void 0!==t&&e.push((0,o.i1)(t));return e}static _$Eu(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,o.ec)(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){const r=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,r);if(void 0!==o&&!0===r.reflect){const s=(void 0!==r.converter?.toAttribute?r.converter:m).toAttribute(e,r.type);this._$Em=t,null==s?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){const r=this.constructor,o=r._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=r.getPropertyOptions(o),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=o,this[o]=s.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,r){if(void 0!==t){if(r??=this.constructor.getPropertyOptions(t),!(r.hasChanged??v)(this[t],e))return;this.P(t,e,r)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,r]of t)!0!==r.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],r)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[g("elementProperties")]=new Map,b[g("finalized")]=new Map,p?.({ReactiveElement:b}),(d.reactiveElementVersions??=[]).push("2.0.4")},8641:(t,e,r)=>{r.d(e,{e:()=>o});const o=(t,e,r)=>(r.configurable=!0,r.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,r),r)},2017:(t,e,r)=>{r.d(e,{n:()=>n});var o=r(4385);const s={attribute:!0,type:String,converter:o.u,reflect:!1,hasChanged:o.f},i=(t=s,e,r)=>{const{kind:o,metadata:i}=r;let n=globalThis.litPropertyMetadata.get(i);if(void 0===n&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(r.name,t),"accessor"===o){const{name:o}=r;return{set(r){const s=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,s,t)},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===o){const{name:o}=r;return function(r){const s=this[o];e.call(this,r),this.requestUpdate(o,s,t)}}throw Error("Unsupported decorator location: "+o)};function n(t){return(e,r)=>"object"==typeof r?i(t,e,r):((t,e,r)=>{const o=e.hasOwnProperty(r);return e.constructor.createProperty(r,o?{...t,wrapped:!0}:t),o?Object.getOwnPropertyDescriptor(e,r):void 0})(t,e,r)}},4331:(t,e,r)=>{r.d(e,{o:()=>s});var o=r(8641);function s(t){return(e,r)=>{const{slot:s,selector:i}=t??{},n="slot"+(s?`[name=${s}]`:":not([name])");return(0,o.e)(e,r,{get(){var e;const r=null==(e=this.renderRoot)?void 0:e.querySelector(n),o=(null==r?void 0:r.assignedElements(t))??[];return void 0===i?o:o.filter((t=>t.matches(i)))}})}}},4385:(t,e,r)=>{r.d(e,{T:()=>X,a:()=>c,f:()=>w,i:()=>l,r:()=>dt,s:()=>at,u:()=>E,w:()=>Z,x:()=>V});const o=globalThis,s=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),n=new WeakMap;let a=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const r=void 0!==e&&1===e.length;r&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&n.set(e,t))}return t}toString(){return this.cssText}};const c=t=>new a("string"==typeof t?t:t+"",void 0,i),l=(t,...e)=>{const r=1===t.length?t[0]:e.reduce(((e,r,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[o+1]),t[0]);return new a(r,t,i)},d=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return c(e)})(t):t,{is:h,defineProperty:u,getOwnPropertyDescriptor:p,getOwnPropertyNames:g,getOwnPropertySymbols:m,getPrototypeOf:v}=Object,f=globalThis,b=f.trustedTypes,y=b?b.emptyScript:"",$=f.reactiveElementPolyfillSupport,_=(t,e)=>t,E={toAttribute(t,e){switch(e){case Boolean:t=t?y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=null!==t;break;case Number:r=null===t?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},w=(t,e)=>!h(t,e),A={attribute:!0,type:String,converter:E,reflect:!1,hasChanged:w};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),f.litPropertyMetadata??(f.litPropertyMetadata=new WeakMap);class S extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=A){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),o=this.getPropertyDescriptor(t,r,e);void 0!==o&&u(this.prototype,t,o)}}static getPropertyDescriptor(t,e,r){const{get:o,set:s}=p(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return null==o?void 0:o.call(this)},set(e){const i=null==o?void 0:o.call(this);s.call(this,e),this.requestUpdate(t,i,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??A}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=v(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,e=[...g(t),...m(t)];for(const r of e)this.createProperty(r,t[r])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,r]of e)this.elementProperties.set(t,r)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const r=this._$Eu(t,e);void 0!==r&&this._$Eh.set(r,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const t of r)e.unshift(d(t))}else void 0!==t&&e.push(d(t));return e}static _$Eu(t,e){const r=e.attribute;return!1===r?void 0:"string"==typeof r?r:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(t=this.constructor.l)||t.forEach((t=>t(this)))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),void 0!==this.renderRoot&&this.isConnected&&(null==(e=t.hostConnected)||e.call(t))}removeController(t){var e;null==(e=this._$EO)||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(s)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const r of e){const e=document.createElement("style"),s=o.litNonce;void 0!==s&&e.setAttribute("nonce",s),e.textContent=r.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostConnected)?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostDisconnected)?void 0:e.call(t)}))}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){var r;const o=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,o);if(void 0!==s&&!0===o.reflect){const i=(void 0!==(null==(r=o.converter)?void 0:r.toAttribute)?o.converter:E).toAttribute(e,o.type);this._$Em=t,null==i?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r;const o=this.constructor,s=o._$Eh.get(t);if(void 0!==s&&this._$Em!==s){const t=o.getPropertyOptions(s),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null==(r=t.converter)?void 0:r.fromAttribute)?t.converter:E;this._$Em=s,this[s]=i.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,r){if(void 0!==t){if(r??(r=this.constructor.getPropertyOptions(t)),!(r.hasChanged??w)(this[t],e))return;this.P(t,e,r)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,r){this._$AL.has(t)||this._$AL.set(t,e),!0===r.reflect&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,r]of t)!0!==r.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],r)}let e=!1;const r=this._$AL;try{e=this.shouldUpdate(r),e?(this.willUpdate(r),null==(t=this._$EO)||t.forEach((t=>{var e;return null==(e=t.hostUpdate)?void 0:e.call(t)})),this.update(r)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(r)}willUpdate(t){}_$AE(t){var e;null==(e=this._$EO)||e.forEach((t=>{var e;return null==(e=t.hostUpdated)?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach((t=>this._$EC(t,this[t])))),this._$EU()}updated(t){}firstUpdated(t){}}S.elementStyles=[],S.shadowRootOptions={mode:"open"},S[_("elementProperties")]=new Map,S[_("finalized")]=new Map,null==$||$({ReactiveElement:S}),(f.reactiveElementVersions??(f.reactiveElementVersions=[])).push("2.0.4");const k=globalThis,C=k.trustedTypes,P=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,T="$lit$",B=`lit$${(Math.random()+"").slice(9)}$`,x="?"+B,H=`<${x}>`,I=document,L=()=>I.createComment(""),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,M=Array.isArray,R="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,D=/>/g,z=RegExp(`>|${R}(?:([^\\s"'>=/]+)(${R}*=${R}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,F=/"/g,j=/^(?:script|style|textarea|title)$/i,V=(1,(t,...e)=>({_$litType$:1,strings:t,values:e})),Z=Symbol.for("lit-noChange"),X=Symbol.for("lit-nothing"),q=new WeakMap,W=I.createTreeWalker(I,129);function K(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(e):e}class Y{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let s=0,i=0;const n=t.length-1,a=this.parts,[c,l]=((t,e)=>{const r=t.length-1,o=[];let s,i=2===e?"":"",n=N;for(let e=0;e"===c[0]?(n=s??N,l=-1):void 0===c[1]?l=-2:(l=n.lastIndex-c[2].length,a=c[1],n=void 0===c[3]?z:'"'===c[3]?F:G):n===F||n===G?n=z:n===U||n===D?n=N:(n=z,s=void 0);const h=n===z&&t[e+1].startsWith("/>")?" ":"";i+=n===N?r+H:l>=0?(o.push(a),r.slice(0,l)+T+r.slice(l)+B+h):r+B+(-2===l?e:h)}return[K(t,i+(t[r]||"")+(2===e?"":"")),o]})(t,e);if(this.el=Y.createElement(c,r),W.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=W.nextNode())&&a.length0){o.textContent=C?C.emptyScript:"";for(let r=0;rM(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==X&&O(this._$AH)?this._$AA.nextSibling.data=t:this.T(I.createTextNode(t)),this._$AH=t}$(t){var e;const{values:r,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Y.createElement(K(o.h,o.h[0]),this.options)),o);if((null==(e=this._$AH)?void 0:e._$AD)===s)this._$AH.p(r);else{const t=new Q(s,this),e=t.u(this.options);t.p(r),this.T(e),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new Y(t)),e}k(t){M(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const s of t)o===e.length?e.push(r=new tt(this.S(L()),this.S(L()),this,this.options)):r=e[o],r._$AI(s),o++;o2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=X}_$AI(t,e=this,r,o){const s=this.strings;let i=!1;if(void 0===s)t=J(this,t,e,0),i=!O(t)||t!==this._$AH&&t!==Z,i&&(this._$AH=t);else{const o=t;let n,a;for(t=s[0],n=0;n{const o=(null==r?void 0:r.renderBefore)??e;let s=o._$litPart$;if(void 0===s){const t=(null==r?void 0:r.renderBefore)??null;o._$litPart$=s=new tt(e.insertBefore(L(),t),t,void 0,r??{})}return s._$AI(t),s})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null==(t=this._$Do)||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this._$Do)||t.setConnected(!1)}render(){return Z}}var ct;at._$litElement$=!0,at.finalized=!0,null==(ct=globalThis.litElementHydrateSupport)||ct.call(globalThis,{LitElement:at});const lt=globalThis.litElementPolyfillSupport;null==lt||lt({LitElement:at}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");const dt=t=>(e,r)=>{customElements.get(t)?console.warn(`${t} is already defined.`):void 0!==r?r.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}},8922:(t,e,r)=>{r.d(e,{$m:()=>o.$m,Ld:()=>s.Ld,dy:()=>s.dy,iv:()=>o.iv,oi:()=>i});var o=r(8732),s=r(3692);class i extends o.fl{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=(0,s.sY)(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return s.Jb}}i._$litElement$=!0,i.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:i});const n=globalThis.litElementPolyfillSupport;n?.({LitElement:i}),(globalThis.litElementVersions??=[]).push("4.0.4")},3692:(t,e,r)=>{r.d(e,{Jb:()=>A,Ld:()=>S,dy:()=>w,sY:()=>D});const o=globalThis,s=o.trustedTypes,i=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,n="$lit$",a=`lit$${(Math.random()+"").slice(9)}$`,c="?"+a,l=`<${c}>`,d=document,h=()=>d.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,p=Array.isArray,g="[ \t\n\f\r]",m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,f=/>/g,b=RegExp(`>|${g}(?:([^\\s"'>=/]+)(${g}*=${g}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,$=/"/g,_=/^(?:script|style|textarea|title)$/i,E=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),w=E(1),A=(E(2),Symbol.for("lit-noChange")),S=Symbol.for("lit-nothing"),k=new WeakMap,C=d.createTreeWalker(d,129);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const T=(t,e)=>{const r=t.length-1,o=[];let s,i=2===e?"":"",c=m;for(let e=0;e"===h[0]?(c=s??m,u=-1):void 0===h[1]?u=-2:(u=c.lastIndex-h[2].length,d=h[1],c=void 0===h[3]?b:'"'===h[3]?$:y):c===$||c===y?c=b:c===v||c===f?c=m:(c=b,s=void 0);const g=c===b&&t[e+1].startsWith("/>")?" ":"";i+=c===m?r+l:u>=0?(o.push(d),r.slice(0,u)+n+r.slice(u)+a+g):r+a+(-2===u?e:g)}return[P(t,i+(t[r]||"")+(2===e?"":"")),o]};class B{constructor({strings:t,_$litType$:e},r){let o;this.parts=[];let i=0,l=0;const d=t.length-1,u=this.parts,[p,g]=T(t,e);if(this.el=B.createElement(p,r),C.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=C.nextNode())&&u.length0){o.textContent=s?s.emptyScript:"";for(let r=0;rp(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==S&&u(this._$AH)?this._$AA.nextSibling.data=t:this.T(d.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=B.createElement(P(r.h,r.h[0]),this.options)),r);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new H(o,this),r=t.u(this.options);t.p(e),this.T(r),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new B(t)),e}k(t){p(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,o=0;for(const s of t)o===e.length?e.push(r=new I(this.S(h()),this.S(h()),this,this.options)):r=e[o],r._$AI(s),o++;o2||""!==r[0]||""!==r[1]?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=S}_$AI(t,e=this,r,o){const s=this.strings;let i=!1;if(void 0===s)t=x(this,t,e,0),i=!u(t)||t!==this._$AH&&t!==A,i&&(this._$AH=t);else{const o=t;let n,a;for(t=s[0],n=0;n{const o=r?.renderBefore??e;let s=o._$litPart$;if(void 0===s){const t=r?.renderBefore??null;o._$litPart$=s=new I(e.insertBefore(h(),t),t,void 0,r??{})}return s._$AI(t),s}},9662:(t,e,r)=>{r.d(e,{Cb:()=>s.C,Mo:()=>o.M,NH:()=>n.N,SB:()=>i.S});var o=r(5713),s=r(760),i=r(9158),n=r(7935)},5862:(t,e,r)=>{r.d(e,{$m:()=>o.$m,Ld:()=>o.Ld,dy:()=>o.dy,iv:()=>o.iv,oi:()=>o.oi}),r(8732),r(3692);var o=r(8922)},7582:(t,e,r)=>{r.d(e,{ZT:()=>s,_T:()=>n,ev:()=>c,gn:()=>a,pi:()=>i});var o=function(t,e){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},o(t,e)};function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}var i=function(){return i=Object.assign||function(t){for(var e,r=1,o=arguments.length;r=0;a--)(s=t[a])&&(n=(i<3?s(n):i>3?s(e,r,n):s(e,r))||n);return i>3&&n&&Object.defineProperty(e,r,n),n}function c(t,e,r){if(r||2===arguments.length)for(var o,s=0,i=e.length;s{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var o={};return(()=>{r.r(o),r.d(o,{ProductCompareTable:()=>Br});var t=r(7582),e=r(5862),s=r(9662);function i(t,e,r){return t?e(t):r?.(t)}const n="black",a="0.25rem",c=e.iv` :host { --spacing-1: var(--ds-spacing-1, 0.25rem); --spacing-2: var(--ds-spacing-2, 0.5rem); --spacing-g: var(--ds-spacing-g, 0.75rem); --spacing-3: var(--ds-spacing-3, 1rem); --spacing-4: var(--ds-spacing-4, 1.5rem); --spacing-4-5: 2rem; --spacing-5: var(--ds-spacing-5, 3rem); --radii-20: var(--ds-radii-20, 0.5rem); --radii-10: var(--ds-radii-10, 0.25rem); --main-text-color: var( --ds-compare-table-main-text-color, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)(n)} ) ); --strong-text-color: var( --ds-compare-table-strong-text-color, var( --ds-theme-foreground-neutral-strong, ${(0,e.$m)("black")} ) ); --sticky-background-color: var( --ds-compare-table-sticky-background-color, var( --ds-theme-background-neutral-color, ${(0,e.$m)("#f5f5f5")} ) ); --sticky-text-color: var( --ds-compare-table-sticky-text-color, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("black")} ) ); --divider-color: var( --ds-compare-table-divider-color, var( --ds-theme-border-neutral-fade, ${(0,e.$m)("#d2d2d2")} ) ); --badge-bg-color: var( --ds-compare-table-badge-background-color, var( --ds-theme-background-supportive-color, ${(0,e.$m)("#1d0f60")} ) ); --badge-text-color: var( --ds-compare-table-badge-text-color, var( --ds-theme-foreground-supportive-highlight, ${(0,e.$m)("white")} ) ); --action-bg-color: var( --ds-compare-table-action-background-color, var( --ds-theme-background-accent-strong-normal, ${(0,e.$m)("#5440f1")} ) ); --action-bg-hover-color: var( --ds-compare-table-action-hover-background-color, var( --ds-theme-background-accent-strong-hover, ${(0,e.$m)("#1d0f60")} ) ); --action-text-color: var( --ds-compare-table-action-foreground-color, var( --ds-theme-foreground-accent-strong-hover, ${(0,e.$m)("white")} ) ); --action-text-hover-color: var( --ds-compare-table-action-hover-foreground-color, var( --ds-theme-foreground-accent-strong-hover, ${(0,e.$m)("white")} ) ); --option-background-color: var( --ds-compare-table-option-background-color, var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ) ); --option-foreground-color: var( --ds-compare-table-option-foreground-color, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("black")} ) ); --option-background-hover-color: var( --ds-compare-table-option-background-hover-color, var( --ds-theme-background-accent-strong-hover, ${(0,e.$m)("#5440f1")} ) ); --option-foreground-hover-color: var( --ds-compare-table-option-foreground-hover-color, var( --ds-theme-foreground-accent-strong-hover, ${(0,e.$m)("white")} ) ); --option-background-disabled-color: var( --ds-compare-table-option-background-disabled-color, var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ) ); --option-foreground-disabled-color: var( --ds-compare-table-option-foreground-disabled-color, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("gray")} ) ); --option-background-header-color: var( --ds-compare-table-option-background-header-color, var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ) ); --option-foreground-header-color: var( --ds-compare-table-option-foreground-header-color, var( --ds-theme-foreground-neutral-strong, ${(0,e.$m)("black")} ) ); --main-text-button-color: var( --ds-compare-table-main-text-button-color, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("black")} ) ); --strong-text-button-color: var( --ds-compare-table-strong-text-button-color, var( --ds-theme-foreground-neutral-strong, ${(0,e.$m)("black")} ) ); --badge-v-padding: var(--spacing-4-5); --badge-h-padding: var(--spacing-2); --background-gradient: var( --ds-compare-table-background-gradient, var( /* Keep this fallback for backwards compatibility. */ --ds-background-gradient, ${(0,e.$m)("")} ) ); --badge-gradient: var( --ds-compare-table-badge-gradient, var( /* Keep this fallback for backwards compatibility. */ --ds-badge-gradient, ${(0,e.$m)("")} ) ); --key-feature-icon-size: var( --ds-compare-table-key-feature-icon-size, ${(0,e.$m)("2rem")} ); color: var(--main-text-color); --ds-block-heading-title-color: var( --strong-text-color, ${(0,e.$m)(n)} ); --ds-block-heading-paragraph-color: var( --main-text-color, ${(0,e.$m)(n)} ); display: block; } .main { background-image: var(--background-gradient); } moray-badge { --ds-badge-bg-color: var(--badge-bg-color); background-image: var(--badge-gradient); --ds-badge-text-color: var(--badge-text-color); --ds-badge-padding-block-start: var(--badge-h-padding); --ds-badge-padding-block-end: var(--badge-h-padding); --ds-badge-padding-inline-start: var(--badge-v-padding); --ds-badge-padding-inline-end: var(--badge-v-padding); border-radius: var(--radii-10); } moray-button { --ds-action-trigger-color: var(--action-text-color); } moray-button.pseudotext-button-main { --ds-action-trigger-color: var(--main-text-button-color); --ds-action-trigger-padding-block: 12px; --ds-action-trigger-padding-inline: 16px; } moray-button.pseudotext-button-strong { --ds-action-trigger-color: var(--strong-text-button-color); } moray-anchor { --ds-anchor-color: var(--action-bg-color); --ds-action-trigger-color: var(--action-bg-color); --ds-button-background-color: var(--action-bg-color); --ds-button-hover-background-color: var(--action-bg-hover-color); --ds-button-hover-border-color: var(--action-bg-hover-color); --ds-button-hover-color: var(--action-text-hover-color); } moray-anchor::part(base) { box-sizing: border-box; } table { width: 100%; table-layout: fixed; } table, th, td { border: none; } cascade-custom-select { width: 90%; font-weight: bold; z-index: 10; --ds-custom-select-select-font-size: 1rem; --ds-custom-select-select-border-radius: var(--radii-20); --ds-custom-select-select-border-width: 2px; --ds-custom-select-select-border-color: var(--action-bg-color); --ds-custom-select-menu-background: white; --ds-custom-select-options-background: var(--option-background-color); --ds-custom-select-options-foreground: var(--option-foreground-color); --ds-custom-select-options-background-hover: var( --option-background-hover-color ); --ds-custom-select-options-foreground-hover: var( --option-foreground-hover-color ); --ds-custom-select-options-background-disabled: var( --option-background-disabled-color ); --ds-custom-select-options-foreground-disabled: var( --option-foreground-disabled-color ); } cascade-custom-select.expand { width: 100%; } cascade-option.categoryHeader { --ds-custom-select-options-background: var( --option-background-header-color ); --ds-custom-select-options-foreground: var( --option-foreground-header-color ); --ds-custom-select-options-background-disabled: var( --option-background-header-color ); --ds-custom-select-options-foreground-disabled: var( --option-foreground-header-color ); } cascade-option.categoryHeader:not(:first-child) { padding-block-start: 1rem; } cascade-option hr { margin: 0; } td { padding: var(--spacing-2) var(--spacing-4); } img.overview-image { max-width: 100%; } .centered { text-align: center; } .centered > * { margin-left: auto; margin-right: auto; } .hidden { display: none !important; } .flex-spread { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .header { padding: var(--spacing-4) 0; color: var(--strong-text-color); } .header > hr { margin-top: var(--spacing-4); } div.heading-padding { padding: 0 10%; } h3 { font-size: var(--ds-h3-font-size, 2rem); margin: var(--spacing-3) 0; } h3 moray-icon { vertical-align: text-bottom; } tr.separators td { position: relative; } tr.separators td.separators::before { content: ''; width: 80px; height: 1px; background: var(--divider-color); position: absolute; top: 0; left: 50%; margin-left: -40px; } cascade-color-picker { display: block; width: fit-content; padding-top: var(--spacing-3); } .tech-spec-root { display: grid; } .tech-spec-cell.separators { border-bottom: 1px solid var(--divider-color); margin-bottom: 1em; } .tech-spec-cell.start-pad { padding-inline-start: var(--spacing-3); } .tech-spec-cell.end-pad { padding-inline-end: var(--spacing-3); } .featured-icon { max-height: var(--spacing-5); } .key-feature-icon { max-width: var(--key-feature-icon-size); max-height: var(--key-feature-icon-size); } .spec-card { display: block; padding: var(--spacing-2) 0; font-size: 1.5rem; } .spec-card > * { margin: var(--spacing-3) 0; } .spec-card .key-feature { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: var(--spacing-3); } .spec-card .v-center > * { vertical-align: middle; } cascade-sticky-container::part(content) { background-color: var(--sticky-background-color); color: var(--sticky-text-color); border-bottom: 2px solid var(--divider-color); } cascade-sticky-container:not(.sticky)::part(content) { border-bottom: none; } .sticky-content { margin: auto; display: grid; padding: var(--spacing-3); z-index: var( --ds-compare-table-sticky-z-index, ${(0,e.$m)("auto")} ); } .sticky-content:not(.sticky) { display: none; } .sticky-cell { padding: 0; } span.price { display: inline-grid; grid-template-columns: 1fr; } .original-price { text-decoration: line-through; font-weight: normal; } @media (forced-colors: active) { moray-anchor[appearance='button']::part(base) { color: ButtonText; border-color: CanvasText; } moray-anchor[appearance='cta']::part(base) { color: ButtonText; } moray-button.pseudotext-button-main, moray-button.pseudotext-button-strong { --ds-action-trigger-color: CanvasText; } moray-button.pseudotext-button-main, moray-button.pseudotext-button-strong { outline: 2px solid CanvasText; border-radius: var( --ds-radii-10, ${(0,e.$m)(a)} ); } cascade-custom-select, cascade-option.categoryHeader { --ds-custom-select-select-foreground: CanvasText; --ds-custom-select-select-border-color: CanvasText; --ds-custom-select-options-foreground: CanvasText; --ds-custom-select-options-foreground-disabled: CanvasText; } moray-badge { outline: 2px solid CanvasText; border-radius: var( --ds-radii-10, ${(0,e.$m)(a)} ); } } `;var l=r(4385),d=r(2017);function h(t){return(0,d.n)({...t,state:!0,attribute:!1})}var u=r(4331),p=r(8641);function g(t){return(e,r)=>{const{slot:o}=t??{},s="slot"+(o?`[name=${o}]`:":not([name])");return(0,p.e)(e,r,{get(){var e;const r=null==(e=this.renderRoot)?void 0:e.querySelector(s);return(null==r?void 0:r.assignedNodes(t))??[]}})}}class m{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const v=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends m{constructor(t){var e;if(super(t),1!==t.type||"class"!==t.name||(null==(e=t.strings)?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var r,o;if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&(null==(r=this.nt)||!r.has(t))&&this.st.add(t);return this.render(e)}const s=t.element.classList;for(const t of this.st)t in e||(s.remove(t),this.st.delete(t));for(const t in e){const r=!!e[t];r===this.st.has(t)||null!=(o=this.nt)&&o.has(t)||(r?(s.add(t),this.st.add(t)):(s.remove(t),this.st.delete(t)))}return l.w}}),f=l.i`var(--ds-vfi-outline-width, 0.1875rem)`,b=l.i`var(--ds-vfi-outline-style, dotted)`,y=l.i`var(--ds-vfi-outline-offset, 0.25rem)`,$=l.i`calc(calc(${f} + 0.1875rem) * -1)`,_=(l.i`calc(calc(${f}) * -1)`,l.i`var(--ds-vfi-text-color, currentcolor ${b} ${f})`),E=l.i` outline: ${_}; `,w=l.i` ${E} outline-offset: ${$}; `,A=l.i` ${E} outline-offset: ${y}; `,S="transparent",k="#000",C="0.75rem",P="#0067b8",T="rgba(0, 0, 0, 0.1)",B="rgba(0, 103, 184, 0.15)",x="#0067b8",H="#fff",I="#0067b8",L="action-trigger",O="button",M="button--faint",R="button--outline",N="button--link",U="media-control",D="small",z="medium",G="large",F={gap:"0.4375em",fontWeight:"600",borderWidth:"0.125rem",borderColor:S,borderRadius:"0.25rem",backgroundColor:P,color:H,depth:"0 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(0, 0, 0, 0.12)",hoverBorderColor:S,hoverBackgroundColor:P,hoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-strong-hover, ${T}), var(--ds-theme-background-accent-strong-hover, ${T}))`,hoverColor:H,hoverDepth:"0 0 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0 0.25rem 0 rgba(0, 0, 0, 0.12)",disabledOpacity:"0.3",defaultPaddingBlockEnd:"0.625rem",defaultPaddingBlockStart:"0.625rem",defaultPaddingInlineEnd:C,defaultPaddingInlineStart:C,defaultFontSize:"1rem",smallPaddingBlockEnd:"0.5625rem",smallPaddingBlockStart:"0.5625rem",smallPaddingInlineEnd:C,smallPaddingInlineStart:C,smallFontSize:"0.875rem",mediumPaddingBlockEnd:"0.625rem",mediumPaddingBlockStart:"0.625rem",mediumPaddingInlineEnd:C,mediumPaddingInlineStart:C,mediumFontSize:"1rem",largePaddingBlockEnd:"0.8125rem",largePaddingBlockStart:"0.8125rem",largePaddingInlineEnd:C,largePaddingInlineStart:C,largeFontSize:"1.125rem",pillBorderRadius:"60rem",outlineBorderColor:"currentcolor",outlineBackgroundColor:S,outlineColor:I,outlineHoverBorderColor:"currentcolor",outlineHoverBackgroundColor:S,outlineHoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${B}), var(--ds-theme-background-accent-subtle-normal, ${B}))`,outlineHoverColor:I,faintBorderColor:S,faintBackgroundColor:S,faintBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${B}), var(--ds-theme-background-accent-subtle-normal, ${B}))`,faintColor:I,faintHoverBorderColor:S,faintHoverBackgroundColor:S,faintHoverBackgroundImage:"none",faintHoverColor:I,linkColor:I,linkInactiveColor:"#757575",activeBorderColor:"#0067b8",activeBackgroundColor:"#fff",activeBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${B}), var(--ds-theme-background-accent-subtle-normal, ${B}))`,activeColor:I,outlineActiveBorderColor:S,outlineActiveBackgroundColor:x,outlineActiveBackgroundImage:"none",outlineActiveColor:H,faintActiveBorderColor:S,faintActiveBackgroundColor:x,faintActiveBackgroundImage:"none",faintActiveColor:H},j=l.i` /** * Remove the default 'border-radius' that macOS Chrome adds * Details at https://github.com/twbs/bootstrap/issues/24093 */ border-radius: 0; font-family: inherit; font-size: inherit; line-height: inherit; display: inline-flex; align-items: center; border: 0 solid transparent; cursor: pointer; `,V=l.i` :host([appearance^='${(0,l.a)(O)}']) a, :host([appearance^='${(0,l.a)(O)}']) button { justify-content: center; gap: var(--ds-button-gap, ${(0,l.a)(F.gap)}); font-weight: var(--ds-button-font-weight, ${(0,l.a)(F.fontWeight)}); border-width: var(--ds-button-border-width, ${(0,l.a)(F.borderWidth)}); border-color: var( --ds-button-border-color, var(--ds-color-transparent, ${(0,l.a)(F.borderColor)}) ); border-radius: var( --ds-button-border-radius, var(--ds-radii-10, ${(0,l.a)(F.borderRadius)}) ); background-color: var( --ds-button-background-color, var( --ds-theme-background-accent-strong-normal, ${(0,l.a)(F.backgroundColor)} ) ); color: var( --ds-button-color, var(--ds-theme-foreground-accent-strong-normal, ${(0,l.a)(F.color)}) ); text-decoration: none; line-height: 1; padding-inline-end: var( --ds-button-default-padding-inline-end, ${(0,l.a)(F.defaultPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-default-padding-inline-start, ${(0,l.a)(F.defaultPaddingInlineEnd)} ); padding-block-end: var( --ds-button-default-padding-block-end, ${(0,l.a)(F.defaultPaddingBlockEnd)} ); padding-block-start: var( --ds-button-default-padding-block-start, ${(0,l.a)(F.defaultPaddingBlockStart)} ); font-size: var( --ds-button-default-font-size, ${(0,l.a)(F.defaultFontSize)} ); box-shadow: var( --ds-button-box-shadow, var(--ds-depth-none, ${(0,l.a)(F.depth)}) ); } :host([appearance^='${(0,l.a)(O)}']) a:focus, :host([appearance^='${(0,l.a)(O)}']) button:focus { ${w} } :host([appearance^='${(0,l.a)(O)}']:not([disabled])) a:hover, :host([appearance^='${(0,l.a)(O)}']:not([disabled])) button:hover, :host([appearance^='${(0,l.a)(O)}']:not([disabled])) a:focus, :host([appearance^='${(0,l.a)(O)}']:not([disabled])) button:focus { border-color: var( --ds-button-hover-border-color, var(--ds-color-transparent, ${(0,l.a)(F.hoverBorderColor)}) ); background-color: var( --ds-button-hover-background-color, var( --ds-theme-background-accent-strong-normal, ${(0,l.a)(F.hoverBackgroundColor)} ) ); background-image: var( --ds-button-hover-background-image, ${(0,l.a)(F.hoverBackgroundImage)} ); color: var( --ds-button-hover-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,l.a)(F.hoverColor)} ) ); box-shadow: var( --ds-button-hover-box-shadow, var(--ds-depth-4, ${(0,l.a)(F.hoverDepth)}) ); } /* TODO: button only styles (do not apply to anchor styled buttons) * - inactive * - disabled * - link button * - active */ /* ------- Button disabled -------- */ :host([appearance^='${(0,l.a)(O)}'][disabled]) button { opacity: var(--ds-button-disabled-opacity, ${(0,l.a)(F.disabledOpacity)}); background-image: none; box-shadow: none; } /* ------- Button active -------- */ :host([appearance='${(0,l.a)(O)}'][active]:not([disabled])) button { border-color: var( --ds-button-active-border-color, var( --ds-theme-border-accent-strong-normal, ${(0,l.a)(F.activeBorderColor)} ) ); background-color: var( --ds-button-active-background-color, var( --ds-theme-background-neutral-fade, ${(0,l.a)(F.activeBackgroundColor)} ) ); background-image: var( --ds-button-active-background-image, ${(0,l.a)(F.activeBackgroundImage)} ); color: var( --ds-button-active-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.activeColor)} ) ); } /* ------- Button active HCM -------- */ :host( [appearance^='${(0,l.a)(O)}']:not( [appearance='${(0,l.a)(N)}'] )[active]:not([disabled]) ) button { @media (forced-colors: active) { color: CanvasText; background-color: SelectedItem; } } /* ------- Button small -------- */ :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(D)}'] ) a, :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(D)}'] ) button { padding-inline-end: var( --ds-button-small-padding-inline-end, ${(0,l.a)(F.smallPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-small-padding-inline-start, ${(0,l.a)(F.smallPaddingInlineEnd)} ); padding-block-end: var( --ds-button-small-padding-block-end, ${(0,l.a)(F.smallPaddingBlockEnd)} ); padding-block-start: var( --ds-button-small-padding-block-end, ${(0,l.a)(F.smallPaddingBlockEnd)} ); font-size: var(--ds-button-small-font-size, ${(0,l.a)(F.smallFontSize)}); } /* ------- Button medium -------- */ :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(z)}'] ) a, :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(z)}'] ) button { padding-inline-end: var( --ds-button-medium-padding-inline-end, ${(0,l.a)(F.mediumPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-medium-padding-inline-start, ${(0,l.a)(F.mediumPaddingInlineEnd)} ); padding-block-end: var( --ds-button-medium-padding-block-end, ${(0,l.a)(F.mediumPaddingBlockEnd)} ); padding-block-start: var( --ds-button-medium-padding-block-end, ${(0,l.a)(F.mediumPaddingBlockEnd)} ); font-size: var( --ds-button-medium-font-size, ${(0,l.a)(F.mediumFontSize)} ); } /* ------- Button large -------- */ :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(G)}'] ) a, :host( [appearance^='${(0,l.a)(O)}'][size='${(0,l.a)(G)}'] ) button { padding-inline-end: var( --ds-button-large-padding-inline-end, ${(0,l.a)(F.largePaddingInlineEnd)} ); padding-inline-start: var( --ds-button-large-padding-inline-start, ${(0,l.a)(F.largePaddingInlineEnd)} ); padding-block-end: var( --ds-button-large-padding-block-end, ${(0,l.a)(F.largePaddingBlockEnd)} ); padding-block-start: var( --ds-button-large-padding-block-end, ${(0,l.a)(F.largePaddingBlockEnd)} ); font-size: var(--ds-button-large-font-size, ${(0,l.a)(F.largeFontSize)}); } /* ------- Button block -------- */ :host([appearance^='${(0,l.a)(O)}'][block]) a, :host([appearance^='${(0,l.a)(O)}'][block]) button { display: flex; width: 100%; } /* ------- Button pill -------- */ :host([appearance^='${(0,l.a)(O)}'][pill]) a, :host([appearance^='${(0,l.a)(O)}'][pill]) button { border-radius: var( --ds-button-pill-border-radius, var(--ds-radii-pill, ${(0,l.a)(F.pillBorderRadius)}) ); } /* ------- Button outline -------- */ :host([appearance^='${(0,l.a)(R)}']) a, :host([appearance^='${(0,l.a)(R)}']) button { background-color: var( --ds-button-outline-background-color, var(--ds-color-transparent, ${(0,l.a)(F.outlineBackgroundColor)}) ); color: var( --ds-button-outline-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.outlineColor)} ) ); border-color: var( --ds-button-outline-border-color, ${(0,l.a)(F.outlineBorderColor)} ); } :host([appearance^='${(0,l.a)(R)}']:not([disabled])) a:hover, :host([appearance^='${(0,l.a)(R)}']:not([disabled])) button:hover, :host([appearance^='${(0,l.a)(R)}']:not([disabled])) a:focus, :host([appearance^='${(0,l.a)(R)}']:not([disabled])) button:focus { border-color: var( --ds-button-outline-hover-border-color, ${(0,l.a)(F.outlineHoverBorderColor)} ); background-color: var( --ds-button-outline-hover-background-color, var(--ds-color-transparent, ${(0,l.a)(F.outlineHoverBackgroundColor)}) ); background-image: var( --ds-button-outline-hover-background-image, ${(0,l.a)(F.outlineHoverBackgroundImage)} ); color: var( --ds-button-outline-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.outlineHoverColor)} ) ); box-shadow: none; } /* ------- Button outline active -------- */ :host([appearance^='${(0,l.a)(R)}'][active]) button, :host([appearance^='${(0,l.a)(R)}'][active]) button:focus, :host([appearance^='${(0,l.a)(R)}'][active]) button:hover { color: var( --ds-button-outline-active-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,l.a)(F.outlineActiveColor)} ) ); border-color: var( --ds-button-outline-active-border-color, ${(0,l.a)(F.outlineActiveBorderColor)} ); background-color: var( --ds-button-outline-active-background-color, var( --ds-theme-background-base-color, ${(0,l.a)(F.outlineActiveBackgroundColor)} ) ); background-image: var( --ds-button-outline-active-background-image, ${(0,l.a)(F.outlineActiveBackgroundImage)} ); } /* ------- Button faint -------- */ :host([appearance^='${(0,l.a)(M)}']) a, :host([appearance^='${(0,l.a)(M)}']) button { background-color: var( --ds-button-faint-background-color, var(--ds-color-transparent, ${(0,l.a)(F.faintBackgroundColor)}) ); background-image: var( --ds-button-faint-background-image, ${(0,l.a)(F.faintBackgroundImage)} ); color: var( --ds-button-faint-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.faintColor)} ) ); border-color: var( --ds-button-faint-border-color, var(--ds-color-transparent, ${(0,l.a)(F.faintBorderColor)}) ); } :host([appearance^='${(0,l.a)(M)}']:not([disabled])) a:hover, :host([appearance^='${(0,l.a)(M)}']:not([disabled])) button:hover, :host([appearance^='${(0,l.a)(M)}']:not([disabled])) a:focus, :host([appearance^='${(0,l.a)(M)}']:not([disabled])) button:focus { border-color: var( --ds-button-faint-hover-border-color, var(--ds-color-transparent, ${(0,l.a)(F.faintHoverBorderColor)}) ); background-color: var( --ds-button-faint-hover-background-color, var(--ds-color-transparent, ${(0,l.a)(F.faintHoverBackgroundColor)}) ); background-image: var( --ds-button-faint-hover-background-image, ${(0,l.a)(F.faintHoverBackgroundImage)} ); color: var( --ds-button-faint-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.faintHoverColor)} ) ); } /* ------- Button faint active -------- */ :host([appearance^='${(0,l.a)(M)}'][active]) button, :host([appearance^='${(0,l.a)(M)}'][active]) button:focus, :host([appearance^='${(0,l.a)(M)}'][active]) button:hover { color: var( --ds-button-faint-active-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,l.a)(F.faintActiveColor)} ) ); border-color: var( --ds-button-faint-active-border-color, var(--ds-color-transparent, ${(0,l.a)(F.faintActiveBorderColor)}) ); background-color: var( --ds-button-faint-active-background-color, var( --ds-theme-background-base-color, ${(0,l.a)(F.faintActiveBackgroundColor)} ) ); background-image: var( --ds-button-faint-active-background-image, ${(0,l.a)(F.faintActiveBackgroundImage)} ); } /* ------- Button link -------- */ :host([appearance^='${(0,l.a)(N)}']) button, :host([appearance^='${(0,l.a)(N)}']:not([disabled])) button:hover, :host([appearance^='${(0,l.a)(N)}']:not([disabled])) button:focus { border: none; background: transparent; border-radius: 0; color: var( --ds-button-link-color, var(--ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(F.linkColor)}) ); text-decoration: underline; box-shadow: none; } :host([appearance^='${(0,l.a)(N)}'][inactive]) button, :host([appearance^='${(0,l.a)(N)}'][inactive]:not([disabled])) button:hover, :host([appearance^='${(0,l.a)(N)}'][inactive]:not([disabled])) button:focus { opacity: 1; text-decoration: none; color: var( --ds-button-link-inactive-color, var(--ds-color-gray-500, ${(0,l.a)(F.linkInactiveColor)}) ); cursor: default; } `,Z=new Set,X=new MutationObserver((function(){q=document.documentElement.dir||"ltr",W=document.documentElement.lang||navigator.language,[...Z.keys()].forEach((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}));let q=document.documentElement.dir||"ltr",W=document.documentElement.lang||navigator.language;X.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});class K{constructor(t){this._host=t,this._host.addController(this)}hostConnected(){Z.add(this._host)}hostDisconnected(){Z.delete(this._host)}dir(){return`${this._host.dir||q}`.toLowerCase()}lang(){return`${this._host.lang||W}`.toLowerCase()}}const Y="medium",J=t=>t??l.T;var Q=Object.defineProperty,tt=Object.getOwnPropertyDescriptor,et=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?tt(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&Q(e,r,i),i};const rt=t=>{class e extends t{constructor(){super(...arguments),this.ariaDisabled=null,this.ariaExpanded=null}renderAnchor(t,e,r="base"){const o={...e};return l.x` ${t} `}}return et([(0,d.n)({attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),et([(0,d.n)({attribute:"aria-expanded"})],e.prototype,"ariaExpanded",2),et([(0,d.n)()],e.prototype,"download",2),et([(0,d.n)()],e.prototype,"href",2),et([(0,d.n)()],e.prototype,"hreflang",2),et([(0,d.n)()],e.prototype,"ping",2),et([(0,d.n)()],e.prototype,"referrerpolicy",2),et([(0,d.n)()],e.prototype,"rel",2),et([(0,d.n)()],e.prototype,"target",2),et([(0,d.n)()],e.prototype,"type",2),e},ot=t=>{const e=`transition: ${t};`;return l.i` ${(0,l.a)(e)} @media (prefers-reduced-motion: reduce) { transition: none; } `},st=(l.i` ${ot("var(--ds-transition-fade, opacity 0.15s linear)")} `,"0"),it=I,nt=l.i` :host([appearance^='${(0,l.a)(L)}']) a, :host([appearance^='${(0,l.a)(L)}']) button { border: none; padding-block: var( --ds-action-trigger-padding-block, ${(0,l.a)(st)} ); padding-inline: var( --ds-action-trigger-padding-inline, ${(0,l.a)("0")} ); background: transparent; gap: var(--ds-action-trigger-gap, ${(0,l.a)("0.4375em")}); font-weight: var( --ds-action-trigger-font-weight, ${(0,l.a)("600")} ); font-size: var( --ds-action-trigger-font-size, ${(0,l.a)("1rem")} ); color: var( --ds-action-trigger-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(it)} ) ); text-decoration: underline; } :host([appearance^='${(0,l.a)(L)}']) a:focus, :host([appearance^='${(0,l.a)(L)}']) button:focus { ${A} } /* TODO: disabled and inactive styles for button only, they should not apply to anchors */ :host([appearance^='${(0,l.a)(L)}']) a.action-trigger--no-underline, :host([appearance^='${(0,l.a)(L)}']) button.action-trigger--no-underline { text-decoration: none; } :host([appearance^='${(0,l.a)(L)}'][disabled]) button { opacity: var( --ds-action-trigger-disabled-opacity, ${(0,l.a)("0.3")} ); background-image: none; box-shadow: none; } :host([appearance='${(0,l.a)(L)}'].inactive) button { color: var( --ds-action-trigger-inactive-color, ${(0,l.a)("#757575")} ); text-decoration: none; } `;r(3890);const at="cta",ct="cta--reverse",lt=I,dt="0.25em",ht=l.i` /* Basic links */ a { ${j} gap: var(--ds-anchor-gap, ${(0,l.a)("0.375rem")}); color: var( --ds-anchor-color, var(--ds-theme-foreground-accent-subtle-normal, ${(0,l.a)(lt)}) ); } a[href]:focus { ${E} outline-offset: 1px; /* Webkit browser default */ } .first, .last { display: inline-flex; } /* CTA and CTA reverse */ :host([appearance^='${(0,l.a)(at)}']) a { text-decoration: none; font-weight: var(--ds-cta-font-weight, ${(0,l.a)("600")}); } :host([appearance='${(0,l.a)(at)}']) moray-icon:not(.rtl), :host([appearance='${(0,l.a)(ct)}']) moray-icon.rtl { transform: translateX( calc(var(--ds-cta-translate-x, ${(0,l.a)(dt)}) * -1) ); } :host([appearance='${(0,l.a)(at)}']) moray-icon.rtl, :host([appearance='${(0,l.a)(ct)}']) moray-icon:not(.rtl) { transform: translateX(var(--ds-cta-translate-x, ${(0,l.a)(dt)})); } :host([appearance^='${(0,l.a)(at)}']) a:hover, :host([appearance^='${(0,l.a)(at)}']) a:focus { text-decoration: underline; } :host([appearance^='${(0,l.a)(at)}']) a:hover moray-icon, :host([appearance^='${(0,l.a)(at)}']) a:focus moray-icon { transform: translateX(0); ${ot(`var(--ds-cta-transition, ${(0,l.a)("transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)")})`)} } /* Action trigger */ ${nt} /* Button */ ${V} `;var ut=Object.defineProperty,pt=Object.getOwnPropertyDescriptor,gt=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?pt(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&ut(e,r,i),i};let mt=class extends(rt(l.s)){constructor(){super(...arguments),this.localize=new K(this),this.block=!1,this.pill=!1,this._firstSlotEmpty=!0,this._lastSlotEmpty=!0,this._slottedImgIcon=!1}_handleSlotChange(){this._firstSlotEmpty=0===this._firstSlot.length,this._lastSlotEmpty=0===this._lastSlot.length,this._slottedImgIcon=this._checkSlotsForImgIcon()}_checkSlotsForImgIcon(){return[...this._defaultSlot,...this._firstSlot,...this._lastSlot].some((t=>"img"===t.nodeName.toLowerCase()||"moray-icon"===t.nodeName.toLowerCase()))}render(){const t="rtl"===this.localize.dir(),e={rtl:t};let r=l.x``,o=l.x``;this.appearance===at?o=l.x` `:this.appearance===ct&&(r=l.x` `);const s={"action-trigger--no-underline":this.appearance===L&&this._slottedImgIcon};return this.renderAnchor(l.x` ${r} ${o} `,s)}};mt.styles=ht,gt([(0,d.n)({reflect:!0})],mt.prototype,"appearance",2),gt([(0,d.n)({type:Boolean,reflect:!0})],mt.prototype,"block",2),gt([(0,d.n)({type:Boolean,reflect:!0})],mt.prototype,"pill",2),gt([(0,d.n)({reflect:!0})],mt.prototype,"size",2),gt([(0,u.o)()],mt.prototype,"_defaultSlot",2),gt([g({slot:"first"})],mt.prototype,"_firstSlot",2),gt([g({slot:"last"})],mt.prototype,"_lastSlot",2),gt([h()],mt.prototype,"_firstSlotEmpty",2),gt([h()],mt.prototype,"_lastSlotEmpty",2),gt([h()],mt.prototype,"_slottedImgIcon",2),mt=gt([(0,l.r)("moray-anchor")],mt);const vt=l.i` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `,ft=k,bt=l.i` :host { display: inline-block; padding-block: var( --ds-badge-padding-block-start, ${(0,l.a)("0.375em")} ) var(--ds-badge-padding-block-end, ${(0,l.a)("0.375em")}); padding-inline: var( --ds-badge-padding-inline-start, ${(0,l.a)("0.75em")} ) var(--ds-badge-padding-inline-end, ${(0,l.a)("0.75em")}); font-size: var(--ds-badge-font-size, ${(0,l.a)("1rem")}); font-weight: 600; line-height: 1; text-decoration: none; vertical-align: top; max-width: 100%; overflow-wrap: break-word; word-break: break-word; background-color: var( --ds-badge-bg-color, var(--ds-color-yellow, ${(0,l.a)("#ffb900")}) ); color: var( --ds-badge-text-color, var(--ds-color-black, ${(0,l.a)(ft)}) ); } :host([truncate]) { ${vt} } :host([empty]) { display: none; } `;var yt=Object.defineProperty,$t=Object.getOwnPropertyDescriptor,_t=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?$t(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&yt(e,r,i),i};let Et=class extends l.s{constructor(){super(...arguments),this.truncate=!1,this.empty=!1}connectedCallback(){super.connectedCallback(),this._handleSlotChange()}_handleSlotChange(){this.empty=0===this._slot.length}render(){return l.x``}};Et.styles=[bt],_t([(0,d.n)({type:Boolean,reflect:!0})],Et.prototype,"truncate",2),_t([(0,d.n)({type:Boolean,reflect:!0})],Et.prototype,"empty",2),_t([g()],Et.prototype,"_slot",2),Et=_t([(0,l.r)("moray-badge")],Et);const wt=k,At="0.25rem",St={light:l.i`var(--ds-media-control-color-light, var(--ds-color-white, ${(0,l.a)("#fff")}))`,dark:l.i`var(--ds-media-control-color-dark, var(--ds-color-black, ${(0,l.a)(wt)}))`,size:l.i`var(--ds-media-control-size, ${(0,l.a)("3rem")})`,sizeLarge:l.i`var(--ds-media-control-size-large, ${(0,l.a)("4.5rem")})`,borderOffset:l.i`calc(var(--ds-media-control-border-width, ${(0,l.a)(At)}) * 2)`,iconAdjuster:"1.18"},kt=l.i` /* stylelint-disable value-keyword-case */ button { ${j} } :host([disabled]) button, :host(.inactive) button { cursor: default; } /* Action trigger */ ${nt} /* Button */ ${V} /* Media control */ :host([appearance^='${(0,l.a)(U)}']) button { height: ${(0,l.a)(St.size)}; width: ${(0,l.a)(St.size)}; font-size: calc( ${(0,l.a)(St.size)} * ${(0,l.a)(St.iconAdjuster)} - ${(0,l.a)(St.borderOffset)} ); border-radius: 50%; justify-content: center; padding: 0; color: ${(0,l.a)(St.dark)}; background-color: ${(0,l.a)(St.light)}; box-shadow: var( --ds-media-control-depth, var(--ds-depth-8, ${(0,l.a)("0 0.063rem 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.12)")}) ); } :host([appearance^='${(0,l.a)(U)}']) button:focus { ${E} outline-style: var(--ds-media-control-vfi-style, ${(0,l.a)("dashed")}); outline-offset: calc( var(--ds-media-control-border-width, ${(0,l.a)(At)}) / -2 - 1px ); } :host( [appearance^='${(0,l.a)(U)}'][size='${(0,l.a)(G)}'] ) button { height: ${(0,l.a)(St.sizeLarge)}; width: ${(0,l.a)(St.sizeLarge)}; font-size: calc( ${(0,l.a)(St.sizeLarge)} * ${(0,l.a)(St.iconAdjuster)} - ${(0,l.a)(St.borderOffset)} ); } :host([appearance^='${(0,l.a)(U)}'][appearance*='--light']) button { color: ${(0,l.a)(St.light)}; background-color: ${(0,l.a)(St.dark)}; } `;var Ct=Object.defineProperty,Pt=Object.getOwnPropertyDescriptor,Tt=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?Pt(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&Ct(e,r,i),i};const Bt=t=>{class e extends t{constructor(){super(...arguments),this.ariaDisabled=null,this.ariaHasPopup=null,this.ariaExpanded=null,this.ariaPressed=null,this.autoFocus=!1,this.disabled=!1,this.formNoValidate=!1}renderButton(t,e,r="base"){const o={...e};return l.x` `}}return Tt([(0,d.n)({attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),Tt([(0,d.n)({attribute:"aria-haspopup"})],e.prototype,"ariaHasPopup",2),Tt([(0,d.n)({attribute:"aria-expanded"})],e.prototype,"ariaExpanded",2),Tt([(0,d.n)({attribute:"aria-pressed"})],e.prototype,"ariaPressed",2),Tt([(0,d.n)({attribute:"autofocus",type:Boolean})],e.prototype,"autoFocus",2),Tt([(0,d.n)({type:Boolean})],e.prototype,"disabled",2),Tt([(0,d.n)({})],e.prototype,"form",2),Tt([(0,d.n)({attribute:"formaction"})],e.prototype,"formAction",2),Tt([(0,d.n)({attribute:"formenctype"})],e.prototype,"formEncType",2),Tt([(0,d.n)({attribute:"formmethod"})],e.prototype,"formMethod",2),Tt([(0,d.n)({attribute:"formnovalidate",type:Boolean})],e.prototype,"formNoValidate",2),Tt([(0,d.n)({attribute:"formtarget"})],e.prototype,"formTarget",2),Tt([(0,d.n)({})],e.prototype,"name",2),Tt([(0,d.n)({attribute:"popovertarget"})],e.prototype,"popoverTarget",2),Tt([(0,d.n)({attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction",2),Tt([(0,d.n)({})],e.prototype,"type",2),Tt([(0,d.n)({})],e.prototype,"value",2),e};var xt=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,It=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?Ht(e,r):e,n=t.length-1;n>=0;n--)(s=t[n])&&(i=(o?s(e,r,i):s(i))||i);return o&&i&&xt(e,r,i),i};let Lt=class extends(Bt(l.s)){constructor(){super(...arguments),this.active=!1,this.inactive=!1,this.block=!1,this.pill=!1,this._firstSlotEmpty=!0,this._lastSlotEmpty=!0,this._slottedImgIcon=!1}_handleSlotChange(){this._firstSlotEmpty=0===this._firstSlot.length,this._lastSlotEmpty=0===this._lastSlot.length,this._slottedImgIcon=this._checkSlotsForImgIcon()}_checkSlotsForImgIcon(){return[...this._defaultSlot,...this._firstSlot,...this._lastSlot].some((t=>"img"===t.nodeName.toLowerCase()||"moray-icon"===t.nodeName.toLowerCase()))}render(){const t={"action-trigger--no-underline":this.appearance===L&&this._slottedImgIcon};return this.renderButton(l.x` `,t)}};Lt.shadowRootOptions={...l.s.shadowRootOptions,delegatesFocus:!0},Lt.styles=kt,It([(0,d.n)({reflect:!0})],Lt.prototype,"appearance",2),It([(0,d.n)({type:Boolean,reflect:!0})],Lt.prototype,"active",2),It([(0,d.n)({type:Boolean,reflect:!0})],Lt.prototype,"inactive",2),It([(0,d.n)({type:Boolean,reflect:!0})],Lt.prototype,"block",2),It([(0,d.n)({type:Boolean,reflect:!0})],Lt.prototype,"pill",2),It([(0,d.n)({reflect:!0})],Lt.prototype,"size",2),It([(0,u.o)()],Lt.prototype,"_defaultSlot",2),It([g({slot:"first"})],Lt.prototype,"_firstSlot",2),It([g({slot:"last"})],Lt.prototype,"_lastSlot",2),It([h()],Lt.prototype,"_firstSlotEmpty",2),It([h()],Lt.prototype,"_lastSlotEmpty",2),It([h()],Lt.prototype,"_slottedImgIcon",2),Lt=It([(0,l.r)("moray-button")],Lt),r(7659);var Ot=r(5270);const Mt=new Set,Rt=new MutationObserver((function(){Nt=document.documentElement.dir||"ltr",[...Mt.keys()].forEach((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}));let Nt=document.documentElement.dir||"ltr";Rt.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});class Ut{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){Mt.add(this.host)}hostDisconnected(){Mt.delete(this.host)}dir(){return`${this.host.dir||Nt}`.toLowerCase()}}const Dt=e.iv` :host { position: relative; display: block; } .select { display: flex; gap: 1rem; align-items: center; width: 100%; text-align: start; text-wrap: nowrap; overflow: hidden; font-size: var( --ds-custom-select-select-font-size, ${(0,e.$m)("1rem")} ); --select-background-color: var( --ds-custom-select-select-background, var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ) ); background: var(--select-background-color); color: var( --ds-custom-select-select-foreground, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("black")} ) ); border-width: var( --ds-custom-select-select-border-width, ${(0,e.$m)("1px")} ); border-style: solid; border-color: var( --ds-custom-select-select-border-color, var( --ds-theme-border-base-strong, ${(0,e.$m)("black")} ) ); border-radius: var( --ds-custom-select-border-radius, var(--ds-radii-20, ${(0,e.$m)("0.5rem")}) ); padding-top: var( --ds-custom-select-select-padding-top, var(--ds-theme-spacing-2, ${(0,e.$m)("0.5rem")}) ); padding-bottom: var( --ds-custom-select-select-padding-bottom, var( --ds-theme-spacing-2, ${(0,e.$m)("0.5rem")} ) ); padding-left: var( --ds-custom-select-select-padding-left, var(--ds-theme-spacing-3, ${(0,e.$m)("1rem")}) ); padding-right: var( --ds-custom-select-select-padding-right, var( --ds-theme-spacing-3, ${(0,e.$m)("1rem")} ) ); } :not(.disabled) .select:hover { cursor: pointer; } .disabled .select { --select-background-color: var( --ds-custom-select-select-background-disabled, var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ) ); color: var( --ds-custom-select-select-foreground-disabled, var( --ds-theme-foreground-neutral-subtle, ${(0,e.$m)("gray")} ) ); } .option-menu { position: absolute; box-sizing: border-box; overflow: hidden; width: 100%; display: grid; grid-template-columns: 1fr; gap: var( --ds-custom-select-menu-item-gap, var(--ds-spacing-0, ${(0,e.$m)("0")}) ); margin-top: var( --ds-custom-select-menu-offset-top, var(--ds-spacing-1, ${(0,e.$m)("0.25rem")}) ); box-shadow: var( --ds-custom-select-menu-shadow, var(--ds-depth-4, ${(0,e.$m)("0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.12), 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.12)")}) ); border-style: solid; border-width: var( --ds-custom-select-border-width, ${(0,e.$m)("0.0625rem")} ); border-color: var( --ds-custom-select-border-color, var( --ds-theme-border-neutral-pure, ${(0,e.$m)("#757575")} ) ); background: var( --ds-custom-select-menu-background, var( --ds-theme-background-accent-subtle-normal, ${(0,e.$m)("white")} ) ); padding-top: var( --ds-custom-select-menu-padding-top, var(--ds-theme-spacing-3, ${(0,e.$m)("0")}) ); padding-bottom: var( --ds-custom-select-menu-padding-bottom, var(--ds-theme-spacing-3, ${(0,e.$m)("0")}) ); padding-left: var( --ds-custom-select-menu-padding-left, var(--ds-theme-spacing-3, ${(0,e.$m)("0")}) ); padding-right: var( --ds-custom-select-menu-padding-right, var(--ds-theme-spacing-3, ${(0,e.$m)("0")}) ); } .content { width: 100%; overflow: hidden; position: relative; } .content:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient( 270deg, var(--select-background-color) 0%, rgba(255, 255, 255, 0) 4rem ); } .rtl .content:after { transform: scaleX(-1); } .option-menu[hidden] { display: none; } ::slotted(*) { width: 100%; box-sizing: border-box; } .icon-container { display: inline-block; } `,zt=e.iv` button { display: block; width: 100%; text-align: start; background: var( --ds-custom-select-options-background, var( --ds-theme-background-accent-subtle-normal, ${(0,e.$m)("white")} ) ); color: var( --ds-custom-select-options-foreground, var( --ds-theme-foreground-accent-subtle-normal, ${(0,e.$m)("black")} ) ); border: none; padding-top: var( --ds-custom-select-options-padding-top, var(--ds-theme-spacing-2, ${(0,e.$m)("0.5rem")}) ); padding-bottom: var( --ds-custom-select-options-padding-bottom, var( --ds-theme-spacing-2, ${(0,e.$m)("0.5rem")} ) ); padding-left: var( --ds-custom-select-options-padding-left, var( --ds-theme-spacing-2, ${(0,e.$m)("0.5rem")} ) ); padding-right: var( --ds-custom-select-options-padding-right, var( --ds-theme-spacing-2, ${(0,e.$m)("0.5rem")} ) ); } button:hover { cursor: pointer; background: var( --ds-custom-select-options-background-hover, var( --ds-theme-background-accent-subtle-hover, ${(0,e.$m)("#757575")} ) ); color: var( --ds-custom-select-options-foreground-hover, var( --ds-theme-foreground-accent-subtle-hover, ${(0,e.$m)("black")} ) ); } button.disabled { cursor: default; background: var( --ds-custom-select-options-background-disabled, var( --ds-theme-background-accent-subtle-normal, ${(0,e.$m)("white")} ) ); color: var( --ds-custom-select-options-foreground-disabled, var( --ds-theme-foreground-accent-subtle-normal, ${(0,e.$m)("#757575")} ) ); } `;var Gt=r(3692);const Ft=t=>(...e)=>({_$litDirective$:t,values:e});class jt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}const Vt=Ft(class extends jt{constructor(t){if(super(t),1!==t.type||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const r=t.element.classList;for(const t of this.st)t in e||(r.remove(t),this.st.delete(t));for(const t in e){const o=!!e[t];o===this.st.has(t)||this.nt?.has(t)||(o?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)))}return Gt.Jb}});let Zt=class extends e.oi{constructor(){super(...arguments),this.directionController=new Ut(this),this.disabled=!1,this.expanded=!1,this._onSelectClicked=t=>{this.disabled||(t.stopPropagation(),this.expanded=!this.expanded)},this._onSlotChange=t=>{const e=t.target.assignedElements({flatten:!0});for(const t of e){const e=t;if(!e)throw new Error("Only elements are allowed in a element.");this.currentValue||this._setSelected(e)}},this._onOptionSelected=t=>{this.expanded=!1,this._setSelected(t.target)},this._onClickElsewhere=t=>{t.target!=this&&(this.expanded=!1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onClickElsewhere)}disconnectedCallback(){document.removeEventListener("click",this._onClickElsewhere),super.disconnectedCallback()}render(){return e.dy`
`}_setSelected(t){t!==this.currentValue&&(this.currentValue&&(this.currentValue.selected=!1),this.currentValue=t,t.selected=!0,this.value=this.currentValue.value,this.dispatchEvent(new Event("change",{bubbles:!0})))}};Zt.styles=[Dt],(0,t.gn)([(0,s.Cb)({type:Boolean})],Zt.prototype,"disabled",void 0),(0,t.gn)([(0,s.Cb)({reflect:!0})],Zt.prototype,"value",void 0),(0,t.gn)([(0,s.SB)()],Zt.prototype,"currentValue",void 0),(0,t.gn)([(0,s.SB)()],Zt.prototype,"expanded",void 0),Zt=(0,t.gn)([(0,Ot.M)("cascade-custom-select")],Zt);let Xt=class extends e.oi{constructor(){super(...arguments),this.selected=!1,this.disabled=!1,this._onClick=async t=>{this.disabled||(t.stopPropagation(),this.selected=!0,await this.updateComplete,this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0})))}}firstUpdated(t){super.firstUpdated(t),this.selected&&this.dispatchEvent(new CustomEvent("selected",{bubbles:!0,composed:!0}))}render(){const t={disabled:this.disabled};return e.dy``}};Xt.styles=[zt],(0,t.gn)([(0,s.Cb)({attribute:"selected",type:Boolean,reflect:!0})],Xt.prototype,"selected",void 0),(0,t.gn)([(0,s.Cb)({attribute:"disabled",type:Boolean})],Xt.prototype,"disabled",void 0),(0,t.gn)([(0,s.Cb)()],Xt.prototype,"value",void 0),Xt=(0,t.gn)([(0,Ot.M)("cascade-option")],Xt),r(4085);class qt extends jt{constructor(t){if(super(t),this.it=Gt.Ld,2!==t.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Gt.Ld||null==t)return this._t=void 0,this.it=t;if(t===Gt.Jb)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}qt.directiveName="unsafeHTML",qt.resultType=1;const Wt=Ft(qt);class Kt{constructor(t,{target:e,config:r,callback:o,skipInitial:s}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,null!==e&&this.t.add(e??t),this.l=r,this.o=s??this.o,this.callback=o,window.ResizeObserver?(this.u=new ResizeObserver((t=>{this.handleChanges(t),this.h.requestUpdate()})),t.addController(this)):console.warn("ResizeController error: browser does not support ResizeObserver.")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(const t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){!this.o&&this.i&&this.handleChanges([]),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}unobserve(t){this.t.delete(t),this.u.unobserve(t)}disconnect(){this.u.disconnect()}}var Yt,Jt,Qt;function te(t){return t.type===Jt.literal}function ee(t){return t.type===Jt.argument}function re(t){return t.type===Jt.number}function oe(t){return t.type===Jt.date}function se(t){return t.type===Jt.time}function ie(t){return t.type===Jt.select}function ne(t){return t.type===Jt.plural}function ae(t){return t.type===Jt.pound}function ce(t){return t.type===Jt.tag}function le(t){return!(!t||"object"!=typeof t||t.type!==Qt.number)}function de(t){return!(!t||"object"!=typeof t||t.type!==Qt.dateTime)}!function(t){t[t.EXPECT_ARGUMENT_CLOSING_BRACE=1]="EXPECT_ARGUMENT_CLOSING_BRACE",t[t.EMPTY_ARGUMENT=2]="EMPTY_ARGUMENT",t[t.MALFORMED_ARGUMENT=3]="MALFORMED_ARGUMENT",t[t.EXPECT_ARGUMENT_TYPE=4]="EXPECT_ARGUMENT_TYPE",t[t.INVALID_ARGUMENT_TYPE=5]="INVALID_ARGUMENT_TYPE",t[t.EXPECT_ARGUMENT_STYLE=6]="EXPECT_ARGUMENT_STYLE",t[t.INVALID_NUMBER_SKELETON=7]="INVALID_NUMBER_SKELETON",t[t.INVALID_DATE_TIME_SKELETON=8]="INVALID_DATE_TIME_SKELETON",t[t.EXPECT_NUMBER_SKELETON=9]="EXPECT_NUMBER_SKELETON",t[t.EXPECT_DATE_TIME_SKELETON=10]="EXPECT_DATE_TIME_SKELETON",t[t.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE=11]="UNCLOSED_QUOTE_IN_ARGUMENT_STYLE",t[t.EXPECT_SELECT_ARGUMENT_OPTIONS=12]="EXPECT_SELECT_ARGUMENT_OPTIONS",t[t.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE=13]="EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE",t[t.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE=14]="INVALID_PLURAL_ARGUMENT_OFFSET_VALUE",t[t.EXPECT_SELECT_ARGUMENT_SELECTOR=15]="EXPECT_SELECT_ARGUMENT_SELECTOR",t[t.EXPECT_PLURAL_ARGUMENT_SELECTOR=16]="EXPECT_PLURAL_ARGUMENT_SELECTOR",t[t.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT=17]="EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT",t[t.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT=18]="EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT",t[t.INVALID_PLURAL_ARGUMENT_SELECTOR=19]="INVALID_PLURAL_ARGUMENT_SELECTOR",t[t.DUPLICATE_PLURAL_ARGUMENT_SELECTOR=20]="DUPLICATE_PLURAL_ARGUMENT_SELECTOR",t[t.DUPLICATE_SELECT_ARGUMENT_SELECTOR=21]="DUPLICATE_SELECT_ARGUMENT_SELECTOR",t[t.MISSING_OTHER_CLAUSE=22]="MISSING_OTHER_CLAUSE",t[t.INVALID_TAG=23]="INVALID_TAG",t[t.INVALID_TAG_NAME=25]="INVALID_TAG_NAME",t[t.UNMATCHED_CLOSING_TAG=26]="UNMATCHED_CLOSING_TAG",t[t.UNCLOSED_TAG=27]="UNCLOSED_TAG"}(Yt||(Yt={})),function(t){t[t.literal=0]="literal",t[t.argument=1]="argument",t[t.number=2]="number",t[t.date=3]="date",t[t.time=4]="time",t[t.select=5]="select",t[t.plural=6]="plural",t[t.pound=7]="pound",t[t.tag=8]="tag"}(Jt||(Jt={})),function(t){t[t.number=0]="number",t[t.dateTime=1]="dateTime"}(Qt||(Qt={}));var he=/[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/,ue=/(?:[Eec]{1,6}|G{1,5}|[Qq]{1,5}|(?:[yYur]+|U{1,5})|[ML]{1,5}|d{1,2}|D{1,3}|F{1}|[abB]{1,5}|[hkHK]{1,2}|w{1,2}|W{1}|m{1,2}|s{1,2}|[zZOvVxX]{1,4})(?=([^']*'[^']*')*[^']*$)/g;function pe(t){var e={};return t.replace(ue,(function(t){var r=t.length;switch(t[0]){case"G":e.era=4===r?"long":5===r?"narrow":"short";break;case"y":e.year=2===r?"2-digit":"numeric";break;case"Y":case"u":case"U":case"r":throw new RangeError("`Y/u/U/r` (year) patterns are not supported, use `y` instead");case"q":case"Q":throw new RangeError("`q/Q` (quarter) patterns are not supported");case"M":case"L":e.month=["numeric","2-digit","short","long","narrow"][r-1];break;case"w":case"W":throw new RangeError("`w/W` (week) patterns are not supported");case"d":e.day=["numeric","2-digit"][r-1];break;case"D":case"F":case"g":throw new RangeError("`D/F/g` (day) patterns are not supported, use `d` instead");case"E":e.weekday=4===r?"long":5===r?"narrow":"short";break;case"e":if(r<4)throw new RangeError("`e..eee` (weekday) patterns are not supported");e.weekday=["short","long","narrow","short"][r-4];break;case"c":if(r<4)throw new RangeError("`c..ccc` (weekday) patterns are not supported");e.weekday=["short","long","narrow","short"][r-4];break;case"a":e.hour12=!0;break;case"b":case"B":throw new RangeError("`b/B` (period) patterns are not supported, use `a` instead");case"h":e.hourCycle="h12",e.hour=["numeric","2-digit"][r-1];break;case"H":e.hourCycle="h23",e.hour=["numeric","2-digit"][r-1];break;case"K":e.hourCycle="h11",e.hour=["numeric","2-digit"][r-1];break;case"k":e.hourCycle="h24",e.hour=["numeric","2-digit"][r-1];break;case"j":case"J":case"C":throw new RangeError("`j/J/C` (hour) patterns are not supported, use `h/H/K/k` instead");case"m":e.minute=["numeric","2-digit"][r-1];break;case"s":e.second=["numeric","2-digit"][r-1];break;case"S":case"A":throw new RangeError("`S/A` (second) patterns are not supported, use `s` instead");case"z":e.timeZoneName=r<4?"short":"long";break;case"Z":case"O":case"v":case"V":case"X":case"x":throw new RangeError("`Z/O/v/V/X/x` (timeZone) patterns are not supported, use `z` instead")}return""})),e}var ge=/[\t-\r \x85\u200E\u200F\u2028\u2029]/i,me=/^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g,ve=/^(@+)?(\+|#+)?[rs]?$/g,fe=/(\*)(0+)|(#+)(0+)|(0+)/g,be=/^(0+)$/;function ye(t){var e={};return"r"===t[t.length-1]?e.roundingPriority="morePrecision":"s"===t[t.length-1]&&(e.roundingPriority="lessPrecision"),t.replace(ve,(function(t,r,o){return"string"!=typeof o?(e.minimumSignificantDigits=r.length,e.maximumSignificantDigits=r.length):"+"===o?e.minimumSignificantDigits=r.length:"#"===r[0]?e.maximumSignificantDigits=r.length:(e.minimumSignificantDigits=r.length,e.maximumSignificantDigits=r.length+("string"==typeof o?o.length:0)),""})),e}function $e(t){switch(t){case"sign-auto":return{signDisplay:"auto"};case"sign-accounting":case"()":return{currencySign:"accounting"};case"sign-always":case"+!":return{signDisplay:"always"};case"sign-accounting-always":case"()!":return{signDisplay:"always",currencySign:"accounting"};case"sign-except-zero":case"+?":return{signDisplay:"exceptZero"};case"sign-accounting-except-zero":case"()?":return{signDisplay:"exceptZero",currencySign:"accounting"};case"sign-never":case"+_":return{signDisplay:"never"}}}function _e(t){var e;if("E"===t[0]&&"E"===t[1]?(e={notation:"engineering"},t=t.slice(2)):"E"===t[0]&&(e={notation:"scientific"},t=t.slice(1)),e){var r=t.slice(0,2);if("+!"===r?(e.signDisplay="always",t=t.slice(2)):"+?"===r&&(e.signDisplay="exceptZero",t=t.slice(2)),!be.test(t))throw new Error("Malformed concise eng/scientific notation");e.minimumIntegerDigits=t.length}return e}function Ee(t){return $e(t)||{}}function we(e){for(var r={},o=0,s=e;o1)throw new RangeError("integer-width stems only accept a single optional option");i.options[0].replace(fe,(function(t,e,o,s,i,n){if(e)r.minimumIntegerDigits=o.length;else{if(s&&i)throw new Error("We currently do not support maximum integer digits");if(n)throw new Error("We currently do not support exact integer digits")}return""}));continue}if(be.test(i.stem))r.minimumIntegerDigits=i.stem.length;else if(me.test(i.stem)){if(i.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");i.stem.replace(me,(function(t,e,o,s,i,n){return"*"===o?r.minimumFractionDigits=e.length:s&&"#"===s[0]?r.maximumFractionDigits=s.length:i&&n?(r.minimumFractionDigits=i.length,r.maximumFractionDigits=i.length+n.length):(r.minimumFractionDigits=e.length,r.maximumFractionDigits=e.length),""}));var n=i.options[0];"w"===n?r=(0,t.pi)((0,t.pi)({},r),{trailingZeroDisplay:"stripIfInteger"}):n&&(r=(0,t.pi)((0,t.pi)({},r),ye(n)))}else if(ve.test(i.stem))r=(0,t.pi)((0,t.pi)({},r),ye(i.stem));else{var a=$e(i.stem);a&&(r=(0,t.pi)((0,t.pi)({},r),a));var c=_e(i.stem);c&&(r=(0,t.pi)((0,t.pi)({},r),c))}}return r}var Ae,Se={"001":["H","h"],AC:["H","h","hb","hB"],AD:["H","hB"],AE:["h","hB","hb","H"],AF:["H","hb","hB","h"],AG:["h","hb","H","hB"],AI:["H","h","hb","hB"],AL:["h","H","hB"],AM:["H","hB"],AO:["H","hB"],AR:["H","h","hB","hb"],AS:["h","H"],AT:["H","hB"],AU:["h","hb","H","hB"],AW:["H","hB"],AX:["H"],AZ:["H","hB","h"],BA:["H","hB","h"],BB:["h","hb","H","hB"],BD:["h","hB","H"],BE:["H","hB"],BF:["H","hB"],BG:["H","hB","h"],BH:["h","hB","hb","H"],BI:["H","h"],BJ:["H","hB"],BL:["H","hB"],BM:["h","hb","H","hB"],BN:["hb","hB","h","H"],BO:["H","hB","h","hb"],BQ:["H"],BR:["H","hB"],BS:["h","hb","H","hB"],BT:["h","H"],BW:["H","h","hb","hB"],BY:["H","h"],BZ:["H","h","hb","hB"],CA:["h","hb","H","hB"],CC:["H","h","hb","hB"],CD:["hB","H"],CF:["H","h","hB"],CG:["H","hB"],CH:["H","hB","h"],CI:["H","hB"],CK:["H","h","hb","hB"],CL:["H","h","hB","hb"],CM:["H","h","hB"],CN:["H","hB","hb","h"],CO:["h","H","hB","hb"],CP:["H"],CR:["H","h","hB","hb"],CU:["H","h","hB","hb"],CV:["H","hB"],CW:["H","hB"],CX:["H","h","hb","hB"],CY:["h","H","hb","hB"],CZ:["H"],DE:["H","hB"],DG:["H","h","hb","hB"],DJ:["h","H"],DK:["H"],DM:["h","hb","H","hB"],DO:["h","H","hB","hb"],DZ:["h","hB","hb","H"],EA:["H","h","hB","hb"],EC:["H","hB","h","hb"],EE:["H","hB"],EG:["h","hB","hb","H"],EH:["h","hB","hb","H"],ER:["h","H"],ES:["H","hB","h","hb"],ET:["hB","hb","h","H"],FI:["H"],FJ:["h","hb","H","hB"],FK:["H","h","hb","hB"],FM:["h","hb","H","hB"],FO:["H","h"],FR:["H","hB"],GA:["H","hB"],GB:["H","h","hb","hB"],GD:["h","hb","H","hB"],GE:["H","hB","h"],GF:["H","hB"],GG:["H","h","hb","hB"],GH:["h","H"],GI:["H","h","hb","hB"],GL:["H","h"],GM:["h","hb","H","hB"],GN:["H","hB"],GP:["H","hB"],GQ:["H","hB","h","hb"],GR:["h","H","hb","hB"],GT:["H","h","hB","hb"],GU:["h","hb","H","hB"],GW:["H","hB"],GY:["h","hb","H","hB"],HK:["h","hB","hb","H"],HN:["H","h","hB","hb"],HR:["H","hB"],HU:["H","h"],IC:["H","h","hB","hb"],ID:["H"],IE:["H","h","hb","hB"],IL:["H","hB"],IM:["H","h","hb","hB"],IN:["h","H"],IO:["H","h","hb","hB"],IQ:["h","hB","hb","H"],IR:["hB","H"],IS:["H"],IT:["H","hB"],JE:["H","h","hb","hB"],JM:["h","hb","H","hB"],JO:["h","hB","hb","H"],JP:["H","K","h"],KE:["hB","hb","H","h"],KG:["H","h","hB","hb"],KH:["hB","h","H","hb"],KI:["h","hb","H","hB"],KM:["H","h","hB","hb"],KN:["h","hb","H","hB"],KP:["h","H","hB","hb"],KR:["h","H","hB","hb"],KW:["h","hB","hb","H"],KY:["h","hb","H","hB"],KZ:["H","hB"],LA:["H","hb","hB","h"],LB:["h","hB","hb","H"],LC:["h","hb","H","hB"],LI:["H","hB","h"],LK:["H","h","hB","hb"],LR:["h","hb","H","hB"],LS:["h","H"],LT:["H","h","hb","hB"],LU:["H","h","hB"],LV:["H","hB","hb","h"],LY:["h","hB","hb","H"],MA:["H","h","hB","hb"],MC:["H","hB"],MD:["H","hB"],ME:["H","hB","h"],MF:["H","hB"],MG:["H","h"],MH:["h","hb","H","hB"],MK:["H","h","hb","hB"],ML:["H"],MM:["hB","hb","H","h"],MN:["H","h","hb","hB"],MO:["h","hB","hb","H"],MP:["h","hb","H","hB"],MQ:["H","hB"],MR:["h","hB","hb","H"],MS:["H","h","hb","hB"],MT:["H","h"],MU:["H","h"],MV:["H","h"],MW:["h","hb","H","hB"],MX:["H","h","hB","hb"],MY:["hb","hB","h","H"],MZ:["H","hB"],NA:["h","H","hB","hb"],NC:["H","hB"],NE:["H"],NF:["H","h","hb","hB"],NG:["H","h","hb","hB"],NI:["H","h","hB","hb"],NL:["H","hB"],NO:["H","h"],NP:["H","h","hB"],NR:["H","h","hb","hB"],NU:["H","h","hb","hB"],NZ:["h","hb","H","hB"],OM:["h","hB","hb","H"],PA:["h","H","hB","hb"],PE:["H","hB","h","hb"],PF:["H","h","hB"],PG:["h","H"],PH:["h","hB","hb","H"],PK:["h","hB","H"],PL:["H","h"],PM:["H","hB"],PN:["H","h","hb","hB"],PR:["h","H","hB","hb"],PS:["h","hB","hb","H"],PT:["H","hB"],PW:["h","H"],PY:["H","h","hB","hb"],QA:["h","hB","hb","H"],RE:["H","hB"],RO:["H","hB"],RS:["H","hB","h"],RU:["H"],RW:["H","h"],SA:["h","hB","hb","H"],SB:["h","hb","H","hB"],SC:["H","h","hB"],SD:["h","hB","hb","H"],SE:["H"],SG:["h","hb","H","hB"],SH:["H","h","hb","hB"],SI:["H","hB"],SJ:["H"],SK:["H"],SL:["h","hb","H","hB"],SM:["H","h","hB"],SN:["H","h","hB"],SO:["h","H"],SR:["H","hB"],SS:["h","hb","H","hB"],ST:["H","hB"],SV:["H","h","hB","hb"],SX:["H","h","hb","hB"],SY:["h","hB","hb","H"],SZ:["h","hb","H","hB"],TA:["H","h","hb","hB"],TC:["h","hb","H","hB"],TD:["h","H","hB"],TF:["H","h","hB"],TG:["H","hB"],TH:["H","h"],TJ:["H","h"],TL:["H","hB","hb","h"],TM:["H","h"],TN:["h","hB","hb","H"],TO:["h","H"],TR:["H","hB"],TT:["h","hb","H","hB"],TW:["hB","hb","h","H"],TZ:["hB","hb","H","h"],UA:["H","hB","h"],UG:["hB","hb","H","h"],UM:["h","hb","H","hB"],US:["h","hb","H","hB"],UY:["H","h","hB","hb"],UZ:["H","hB","h"],VA:["H","h","hB"],VC:["h","hb","H","hB"],VE:["h","H","hB","hb"],VG:["h","hb","H","hB"],VI:["h","hb","H","hB"],VN:["H","h"],VU:["h","H"],WF:["H","hB"],WS:["h","H"],XK:["H","hB","h"],YE:["h","hB","hb","H"],YT:["H","hB"],ZA:["H","h","hb","hB"],ZM:["h","hb","H","hB"],ZW:["H","h"],"af-ZA":["H","h","hB","hb"],"ar-001":["h","hB","hb","H"],"ca-ES":["H","h","hB"],"en-001":["h","hb","H","hB"],"es-BO":["H","h","hB","hb"],"es-BR":["H","h","hB","hb"],"es-EC":["H","h","hB","hb"],"es-ES":["H","h","hB","hb"],"es-GQ":["H","h","hB","hb"],"es-PE":["H","h","hB","hb"],"fr-CA":["H","h","hB"],"gl-ES":["H","h","hB"],"gu-IN":["hB","hb","h","H"],"hi-IN":["hB","h","H"],"it-CH":["H","h","hB"],"it-IT":["H","h","hB"],"kn-IN":["hB","h","H"],"ml-IN":["hB","h","H"],"mr-IN":["hB","hb","h","H"],"pa-IN":["hB","hb","h","H"],"ta-IN":["hB","h","hb","H"],"te-IN":["hB","h","H"],"zu-ZA":["H","hB","hb","h"]};function ke(t){var e=t.hourCycle;if(void 0===e&&t.hourCycles&&t.hourCycles.length&&(e=t.hourCycles[0]),e)switch(e){case"h24":return"k";case"h23":return"H";case"h12":return"h";case"h11":return"K";default:throw new Error("Invalid hourCycle")}var r,o=t.language;return"root"!==o&&(r=t.maximize().region),(Se[r||""]||Se[o||""]||Se["".concat(o,"-001")]||Se["001"])[0]}var Ce=new RegExp("^".concat(he.source,"*")),Pe=new RegExp("".concat(he.source,"*$"));function Te(t,e){return{start:t,end:e}}var Be=!!String.prototype.startsWith&&"_a".startsWith("a",1),xe=!!String.fromCodePoint,He=!!Object.fromEntries,Ie=!!String.prototype.codePointAt,Le=!!String.prototype.trimStart,Oe=!!String.prototype.trimEnd,Me=Number.isSafeInteger?Number.isSafeInteger:function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t&&Math.abs(t)<=9007199254740991},Re=!0;try{Re="a"===(null===(Ae=Ve("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu").exec("a"))||void 0===Ae?void 0:Ae[0])}catch(t){Re=!1}var Ne,Ue=Be?function(t,e,r){return t.startsWith(e,r)}:function(t,e,r){return t.slice(r,r+e.length)===e},De=xe?String.fromCodePoint:function(){for(var t=[],e=0;ei;){if((r=t[i++])>1114111)throw RangeError(r+" is not a valid code point");o+=r<65536?String.fromCharCode(r):String.fromCharCode(55296+((r-=65536)>>10),r%1024+56320)}return o},ze=He?Object.fromEntries:function(t){for(var e={},r=0,o=t;r=r)){var o,s=t.charCodeAt(e);return s<55296||s>56319||e+1===r||(o=t.charCodeAt(e+1))<56320||o>57343?s:o-56320+(s-55296<<10)+65536}},Fe=Le?function(t){return t.trimStart()}:function(t){return t.replace(Ce,"")},je=Oe?function(t){return t.trimEnd()}:function(t){return t.replace(Pe,"")};function Ve(t,e){return new RegExp(t,e)}if(Re){var Ze=Ve("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu");Ne=function(t,e){var r;return Ze.lastIndex=e,null!==(r=Ze.exec(t)[1])&&void 0!==r?r:""}}else Ne=function(t,e){for(var r=[];;){var o=Ge(t,e);if(void 0===o||We(o)||Ke(o))break;r.push(o),e+=o>=65536?2:1}return De.apply(void 0,r)};var Xe=function(){function e(t,e){void 0===e&&(e={}),this.message=t,this.position={offset:0,line:1,column:1},this.ignoreTag=!!e.ignoreTag,this.locale=e.locale,this.requiresOtherClause=!!e.requiresOtherClause,this.shouldParseSkeletons=!!e.shouldParseSkeletons}return e.prototype.parse=function(){if(0!==this.offset())throw Error("parser can only be used once");return this.parseMessage(0,"",!1)},e.prototype.parseMessage=function(t,e,r){for(var o=[];!this.isEOF();){var s=this.char();if(123===s){if((i=this.parseArgument(t,r)).err)return i;o.push(i.val)}else{if(125===s&&t>0)break;if(35!==s||"plural"!==e&&"selectordinal"!==e){if(60===s&&!this.ignoreTag&&47===this.peek()){if(r)break;return this.error(Yt.UNMATCHED_CLOSING_TAG,Te(this.clonePosition(),this.clonePosition()))}if(60===s&&!this.ignoreTag&&qe(this.peek()||0)){if((i=this.parseTag(t,e)).err)return i;o.push(i.val)}else{var i;if((i=this.parseLiteral(t,e)).err)return i;o.push(i.val)}}else{var n=this.clonePosition();this.bump(),o.push({type:Jt.pound,location:Te(n,this.clonePosition())})}}}return{val:o,err:null}},e.prototype.parseTag=function(t,e){var r=this.clonePosition();this.bump();var o=this.parseTagName();if(this.bumpSpace(),this.bumpIf("/>"))return{val:{type:Jt.literal,value:"<".concat(o,"/>"),location:Te(r,this.clonePosition())},err:null};if(this.bumpIf(">")){var s=this.parseMessage(t+1,e,!0);if(s.err)return s;var i=s.val,n=this.clonePosition();if(this.bumpIf("")?{val:{type:Jt.tag,value:o,children:i,location:Te(r,this.clonePosition())},err:null}:this.error(Yt.INVALID_TAG,Te(n,this.clonePosition())))}return this.error(Yt.UNCLOSED_TAG,Te(r,this.clonePosition()))}return this.error(Yt.INVALID_TAG,Te(r,this.clonePosition()))},e.prototype.parseTagName=function(){var t,e=this.offset();for(this.bump();!this.isEOF()&&(45===(t=this.char())||46===t||t>=48&&t<=57||95===t||t>=97&&t<=122||t>=65&&t<=90||183==t||t>=192&&t<=214||t>=216&&t<=246||t>=248&&t<=893||t>=895&&t<=8191||t>=8204&&t<=8205||t>=8255&&t<=8256||t>=8304&&t<=8591||t>=11264&&t<=12271||t>=12289&&t<=55295||t>=63744&&t<=64975||t>=65008&&t<=65533||t>=65536&&t<=983039);)this.bump();return this.message.slice(e,this.offset())},e.prototype.parseLiteral=function(t,e){for(var r=this.clonePosition(),o="";;){var s=this.tryParseQuote(e);if(s)o+=s;else{var i=this.tryParseUnquoted(t,e);if(i)o+=i;else{var n=this.tryParseLeftAngleBracket();if(!n)break;o+=n}}}var a=Te(r,this.clonePosition());return{val:{type:Jt.literal,value:o,location:a},err:null}},e.prototype.tryParseLeftAngleBracket=function(){return this.isEOF()||60!==this.char()||!this.ignoreTag&&(qe(t=this.peek()||0)||47===t)?null:(this.bump(),"<");var t},e.prototype.tryParseQuote=function(t){if(this.isEOF()||39!==this.char())return null;switch(this.peek()){case 39:return this.bump(),this.bump(),"'";case 123:case 60:case 62:case 125:break;case 35:if("plural"===t||"selectordinal"===t)break;return null;default:return null}this.bump();var e=[this.char()];for(this.bump();!this.isEOF();){var r=this.char();if(39===r){if(39!==this.peek()){this.bump();break}e.push(39),this.bump()}else e.push(r);this.bump()}return De.apply(void 0,e)},e.prototype.tryParseUnquoted=function(t,e){if(this.isEOF())return null;var r=this.char();return 60===r||123===r||35===r&&("plural"===e||"selectordinal"===e)||125===r&&t>0?null:(this.bump(),De(r))},e.prototype.parseArgument=function(t,e){var r=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(Yt.EXPECT_ARGUMENT_CLOSING_BRACE,Te(r,this.clonePosition()));if(125===this.char())return this.bump(),this.error(Yt.EMPTY_ARGUMENT,Te(r,this.clonePosition()));var o=this.parseIdentifierIfPossible().value;if(!o)return this.error(Yt.MALFORMED_ARGUMENT,Te(r,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(Yt.EXPECT_ARGUMENT_CLOSING_BRACE,Te(r,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:Jt.argument,value:o,location:Te(r,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(Yt.EXPECT_ARGUMENT_CLOSING_BRACE,Te(r,this.clonePosition())):this.parseArgumentOptions(t,e,o,r);default:return this.error(Yt.MALFORMED_ARGUMENT,Te(r,this.clonePosition()))}},e.prototype.parseIdentifierIfPossible=function(){var t=this.clonePosition(),e=this.offset(),r=Ne(this.message,e),o=e+r.length;return this.bumpTo(o),{value:r,location:Te(t,this.clonePosition())}},e.prototype.parseArgumentOptions=function(e,r,o,s){var i,n=this.clonePosition(),a=this.parseIdentifierIfPossible().value,c=this.clonePosition();switch(a){case"":return this.error(Yt.EXPECT_ARGUMENT_TYPE,Te(n,c));case"number":case"date":case"time":this.bumpSpace();var l=null;if(this.bumpIf(",")){this.bumpSpace();var d=this.clonePosition();if((b=this.parseSimpleArgStyleIfPossible()).err)return b;if(0===(g=je(b.val)).length)return this.error(Yt.EXPECT_ARGUMENT_STYLE,Te(this.clonePosition(),this.clonePosition()));l={style:g,styleLocation:Te(d,this.clonePosition())}}if((y=this.tryParseArgumentClose(s)).err)return y;var h=Te(s,this.clonePosition());if(l&&Ue(null==l?void 0:l.style,"::",0)){var u=Fe(l.style.slice(2));if("number"===a)return(b=this.parseNumberSkeletonFromString(u,l.styleLocation)).err?b:{val:{type:Jt.number,value:o,location:h,style:b.val},err:null};if(0===u.length)return this.error(Yt.EXPECT_DATE_TIME_SKELETON,h);var p=u;this.locale&&(p=function(t,e){for(var r="",o=0;o>1),c=ke(e);for("H"!=c&&"k"!=c||(a=0);a-- >0;)r+="a";for(;n-- >0;)r=c+r}else r+="J"===s?"H":s}return r}(u,this.locale));var g={type:Qt.dateTime,pattern:p,location:l.styleLocation,parsedOptions:this.shouldParseSkeletons?pe(p):{}};return{val:{type:"date"===a?Jt.date:Jt.time,value:o,location:h,style:g},err:null}}return{val:{type:"number"===a?Jt.number:"date"===a?Jt.date:Jt.time,value:o,location:h,style:null!==(i=null==l?void 0:l.style)&&void 0!==i?i:null},err:null};case"plural":case"selectordinal":case"select":var m=this.clonePosition();if(this.bumpSpace(),!this.bumpIf(","))return this.error(Yt.EXPECT_SELECT_ARGUMENT_OPTIONS,Te(m,(0,t.pi)({},m)));this.bumpSpace();var v=this.parseIdentifierIfPossible(),f=0;if("select"!==a&&"offset"===v.value){if(!this.bumpIf(":"))return this.error(Yt.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,Te(this.clonePosition(),this.clonePosition()));var b;if(this.bumpSpace(),(b=this.tryParseDecimalInteger(Yt.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,Yt.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE)).err)return b;this.bumpSpace(),v=this.parseIdentifierIfPossible(),f=b.val}var y,$=this.tryParsePluralOrSelectOptions(e,a,r,v);if($.err)return $;if((y=this.tryParseArgumentClose(s)).err)return y;var _=Te(s,this.clonePosition());return"select"===a?{val:{type:Jt.select,value:o,options:ze($.val),location:_},err:null}:{val:{type:Jt.plural,value:o,options:ze($.val),offset:f,pluralType:"plural"===a?"cardinal":"ordinal",location:_},err:null};default:return this.error(Yt.INVALID_ARGUMENT_TYPE,Te(n,c))}},e.prototype.tryParseArgumentClose=function(t){return this.isEOF()||125!==this.char()?this.error(Yt.EXPECT_ARGUMENT_CLOSING_BRACE,Te(t,this.clonePosition())):(this.bump(),{val:!0,err:null})},e.prototype.parseSimpleArgStyleIfPossible=function(){for(var t=0,e=this.clonePosition();!this.isEOF();)switch(this.char()){case 39:this.bump();var r=this.clonePosition();if(!this.bumpUntil("'"))return this.error(Yt.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,Te(r,this.clonePosition()));this.bump();break;case 123:t+=1,this.bump();break;case 125:if(!(t>0))return{val:this.message.slice(e.offset,this.offset()),err:null};t-=1;break;default:this.bump()}return{val:this.message.slice(e.offset,this.offset()),err:null}},e.prototype.parseNumberSkeletonFromString=function(t,e){var r=[];try{r=function(t){if(0===t.length)throw new Error("Number skeleton cannot be empty");for(var e=[],r=0,o=t.split(ge).filter((function(t){return t.length>0}));r=48&&n<=57))break;s=!0,i=10*i+(n-48),this.bump()}var a=Te(o,this.clonePosition());return s?Me(i*=r)?{val:i,err:null}:this.error(e,a):this.error(t,a)},e.prototype.offset=function(){return this.position.offset},e.prototype.isEOF=function(){return this.offset()===this.message.length},e.prototype.clonePosition=function(){return{offset:this.position.offset,line:this.position.line,column:this.position.column}},e.prototype.char=function(){var t=this.position.offset;if(t>=this.message.length)throw Error("out of bound");var e=Ge(this.message,t);if(void 0===e)throw Error("Offset ".concat(t," is at invalid UTF-16 code unit boundary"));return e},e.prototype.error=function(t,e){return{val:null,err:{kind:t,message:this.message,location:e}}},e.prototype.bump=function(){if(!this.isEOF()){var t=this.char();10===t?(this.position.line+=1,this.position.column=1,this.position.offset+=1):(this.position.column+=1,this.position.offset+=t<65536?1:2)}},e.prototype.bumpIf=function(t){if(Ue(this.message,t,this.offset())){for(var e=0;e=0?(this.bumpTo(r),!0):(this.bumpTo(this.message.length),!1)},e.prototype.bumpTo=function(t){if(this.offset()>t)throw Error("targetOffset ".concat(t," must be greater than or equal to the current offset ").concat(this.offset()));for(t=Math.min(t,this.message.length);;){var e=this.offset();if(e===t)break;if(e>t)throw Error("targetOffset ".concat(t," is at invalid UTF-16 code unit boundary"));if(this.bump(),this.isEOF())break}},e.prototype.bumpSpace=function(){for(;!this.isEOF()&&We(this.char());)this.bump()},e.prototype.peek=function(){if(this.isEOF())return null;var t=this.char(),e=this.offset(),r=this.message.charCodeAt(e+(t>=65536?2:1));return null!=r?r:null},e}();function qe(t){return t>=97&&t<=122||t>=65&&t<=90}function We(t){return t>=9&&t<=13||32===t||133===t||t>=8206&&t<=8207||8232===t||8233===t}function Ke(t){return t>=33&&t<=35||36===t||t>=37&&t<=39||40===t||41===t||42===t||43===t||44===t||45===t||t>=46&&t<=47||t>=58&&t<=59||t>=60&&t<=62||t>=63&&t<=64||91===t||92===t||93===t||94===t||96===t||123===t||124===t||125===t||126===t||161===t||t>=162&&t<=165||166===t||167===t||169===t||171===t||172===t||174===t||176===t||177===t||182===t||187===t||191===t||215===t||247===t||t>=8208&&t<=8213||t>=8214&&t<=8215||8216===t||8217===t||8218===t||t>=8219&&t<=8220||8221===t||8222===t||8223===t||t>=8224&&t<=8231||t>=8240&&t<=8248||8249===t||8250===t||t>=8251&&t<=8254||t>=8257&&t<=8259||8260===t||8261===t||8262===t||t>=8263&&t<=8273||8274===t||8275===t||t>=8277&&t<=8286||t>=8592&&t<=8596||t>=8597&&t<=8601||t>=8602&&t<=8603||t>=8604&&t<=8607||8608===t||t>=8609&&t<=8610||8611===t||t>=8612&&t<=8613||8614===t||t>=8615&&t<=8621||8622===t||t>=8623&&t<=8653||t>=8654&&t<=8655||t>=8656&&t<=8657||8658===t||8659===t||8660===t||t>=8661&&t<=8691||t>=8692&&t<=8959||t>=8960&&t<=8967||8968===t||8969===t||8970===t||8971===t||t>=8972&&t<=8991||t>=8992&&t<=8993||t>=8994&&t<=9e3||9001===t||9002===t||t>=9003&&t<=9083||9084===t||t>=9085&&t<=9114||t>=9115&&t<=9139||t>=9140&&t<=9179||t>=9180&&t<=9185||t>=9186&&t<=9254||t>=9255&&t<=9279||t>=9280&&t<=9290||t>=9291&&t<=9311||t>=9472&&t<=9654||9655===t||t>=9656&&t<=9664||9665===t||t>=9666&&t<=9719||t>=9720&&t<=9727||t>=9728&&t<=9838||9839===t||t>=9840&&t<=10087||10088===t||10089===t||10090===t||10091===t||10092===t||10093===t||10094===t||10095===t||10096===t||10097===t||10098===t||10099===t||10100===t||10101===t||t>=10132&&t<=10175||t>=10176&&t<=10180||10181===t||10182===t||t>=10183&&t<=10213||10214===t||10215===t||10216===t||10217===t||10218===t||10219===t||10220===t||10221===t||10222===t||10223===t||t>=10224&&t<=10239||t>=10240&&t<=10495||t>=10496&&t<=10626||10627===t||10628===t||10629===t||10630===t||10631===t||10632===t||10633===t||10634===t||10635===t||10636===t||10637===t||10638===t||10639===t||10640===t||10641===t||10642===t||10643===t||10644===t||10645===t||10646===t||10647===t||10648===t||t>=10649&&t<=10711||10712===t||10713===t||10714===t||10715===t||t>=10716&&t<=10747||10748===t||10749===t||t>=10750&&t<=11007||t>=11008&&t<=11055||t>=11056&&t<=11076||t>=11077&&t<=11078||t>=11079&&t<=11084||t>=11085&&t<=11123||t>=11124&&t<=11125||t>=11126&&t<=11157||11158===t||t>=11159&&t<=11263||t>=11776&&t<=11777||11778===t||11779===t||11780===t||11781===t||t>=11782&&t<=11784||11785===t||11786===t||11787===t||11788===t||11789===t||t>=11790&&t<=11798||11799===t||t>=11800&&t<=11801||11802===t||11803===t||11804===t||11805===t||t>=11806&&t<=11807||11808===t||11809===t||11810===t||11811===t||11812===t||11813===t||11814===t||11815===t||11816===t||11817===t||t>=11818&&t<=11822||11823===t||t>=11824&&t<=11833||t>=11834&&t<=11835||t>=11836&&t<=11839||11840===t||11841===t||11842===t||t>=11843&&t<=11855||t>=11856&&t<=11857||11858===t||t>=11859&&t<=11903||t>=12289&&t<=12291||12296===t||12297===t||12298===t||12299===t||12300===t||12301===t||12302===t||12303===t||12304===t||12305===t||t>=12306&&t<=12307||12308===t||12309===t||12310===t||12311===t||12312===t||12313===t||12314===t||12315===t||12316===t||12317===t||t>=12318&&t<=12319||12320===t||12336===t||64830===t||64831===t||t>=65093&&t<=65094}function Ye(t){t.forEach((function(t){if(delete t.location,ie(t)||ne(t))for(var e in t.options)delete t.options[e].location,Ye(t.options[e].value);else re(t)&&le(t.style)||(oe(t)||se(t))&&de(t.style)?delete t.style.location:ce(t)&&Ye(t.children)}))}function Je(e,r){void 0===r&&(r={}),r=(0,t.pi)({shouldParseSkeletons:!0,requiresOtherClause:!0},r);var o=new Xe(e,r).parse();if(o.err){var s=SyntaxError(Yt[o.err.kind]);throw s.location=o.err.location,s.originalMessage=o.err.message,s}return(null==r?void 0:r.captureLocation)||Ye(o.val),o.val}function Qe(t,e){var r=e&&e.cache?e.cache:ar,o=e&&e.serializer?e.serializer:sr;return(e&&e.strategy?e.strategy:or)(t,{cache:r,serializer:o})}function tr(t,e,r,o){var s,i=null==(s=o)||"number"==typeof s||"boolean"==typeof s?o:r(o),n=e.get(i);return void 0===n&&(n=t.call(this,o),e.set(i,n)),n}function er(t,e,r){var o=Array.prototype.slice.call(arguments,3),s=r(o),i=e.get(s);return void 0===i&&(i=t.apply(this,o),e.set(s,i)),i}function rr(t,e,r,o,s){return r.bind(e,t,o,s)}function or(t,e){return rr(t,this,1===t.length?tr:er,e.cache.create(),e.serializer)}var sr=function(){return JSON.stringify(arguments)};function ir(){this.cache=Object.create(null)}ir.prototype.get=function(t){return this.cache[t]},ir.prototype.set=function(t,e){this.cache[t]=e};var nr,ar={create:function(){return new ir}},cr={variadic:function(t,e){return rr(t,this,er,e.cache.create(),e.serializer)},monadic:function(t,e){return rr(t,this,tr,e.cache.create(),e.serializer)}};!function(t){t.MISSING_VALUE="MISSING_VALUE",t.INVALID_VALUE="INVALID_VALUE",t.MISSING_INTL_API="MISSING_INTL_API"}(nr||(nr={}));var lr,dr=function(e){function r(t,r,o){var s=e.call(this,t)||this;return s.code=r,s.originalMessage=o,s}return(0,t.ZT)(r,e),r.prototype.toString=function(){return"[formatjs Error: ".concat(this.code,"] ").concat(this.message)},r}(Error),hr=function(e){function r(t,r,o,s){return e.call(this,'Invalid values for "'.concat(t,'": "').concat(r,'". Options are "').concat(Object.keys(o).join('", "'),'"'),nr.INVALID_VALUE,s)||this}return(0,t.ZT)(r,e),r}(dr),ur=function(e){function r(t,r,o){return e.call(this,'Value for "'.concat(t,'" must be of type ').concat(r),nr.INVALID_VALUE,o)||this}return(0,t.ZT)(r,e),r}(dr),pr=function(e){function r(t,r){return e.call(this,'The intl string context variable "'.concat(t,'" was not provided to the string "').concat(r,'"'),nr.MISSING_VALUE,r)||this}return(0,t.ZT)(r,e),r}(dr);function gr(t){return"function"==typeof t}function mr(t,e,r,o,s,i,n){if(1===t.length&&te(t[0]))return[{type:lr.literal,value:t[0].value}];for(var a=[],c=0,l=t;c0?new Intl.Locale(e[0]):new Intl.Locale("string"==typeof t?t:t[0])}},e.__parse=Je,e.formats={number:{integer:{maximumFractionDigits:0},currency:{style:"currency"},percent:{style:"percent"}},date:{short:{month:"numeric",day:"numeric",year:"2-digit"},medium:{month:"short",day:"numeric",year:"numeric"},long:{month:"long",day:"numeric",year:"numeric"},full:{weekday:"long",month:"long",day:"numeric",year:"numeric"}},time:{short:{hour:"numeric",minute:"numeric"},medium:{hour:"numeric",minute:"numeric",second:"numeric"},long:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"},full:{hour:"numeric",minute:"numeric",second:"numeric",timeZoneName:"short"}}},e}();const br=fr;class yr{constructor(){this.lang=$r("lang",document?.documentElement?.getAttribute("lang")),this.dir=$r("dir",document?.documentElement?.getAttribute("dir")),new MutationObserver((()=>{document.dispatchEvent(new CustomEvent("localeChanged",{detail:{lang:this.lang=$r("lang",document.documentElement.lang),dir:this.dir=$r("dir",document.documentElement.dir)}}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}}function $r(t,e){return"lang"===t?e&&e.includes("-")&&e.length>=5?e.toLowerCase():"en-us":"dir"===t?e&&e.match(/^(ltr|rtl)$/i)?e.toLowerCase():"ltr":(console.warn("Invalid validation type!"),"")}const _r=function(){let t;return function(){return t||(t=new yr),t}}(),Er=(e=>{class r extends e{constructor(){super(...arguments),this.i18nManager=_r(),this.locChangeHandler=t=>{this.lang=t.detail.lang,this.dir=t.detail.dir,this.requestUpdate()},this.errorHandler=(t,e)=>{if(console.warn(`I18nMixin ${t}: ${e}`),"undefined"!=typeof process&&process?.env?.STORYBOOK&&"ERROR"===t)throw new Error(e)}}connectedCallback(){super.connectedCallback(),this.lang=this.i18nManager?.lang||"en-us",this.dir=this.i18nManager?.dir||"ltr",document.addEventListener("localeChanged",this.locChangeHandler),Object.keys(this.translations||{})?.forEach((t=>{const{dict:e}=this.constructor;e&&Object.keys(e).length||this.errorHandler("ERROR","Found translations but dictionary is not defined"),t in e||this.errorHandler("ERROR",`Translation passed in for wrong or obsolete key: '${t}'`)}))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("localeChanged",this.locChangeHandler)}msg(t,e){if(!t)return"";const r=this.constructor.dict?.[t]||"";if(!this.lang)return r;const{dict:o}=this.constructor;o&&!(t in o)&&this.errorHandler("ERROR",`Invalid key: '${t}'`);let s=this.translations?.[t];return s||(this.translations&&this.errorHandler("WARNING",`Missing translation for key: '${t}'`),s=r),this.format(s,e)}format(t,e){return new br(t,this.lang).format(e)}}return r.dict={},(0,t.gn)([(0,s.Cb)({type:Object,reflect:!1})],r.prototype,"translations",void 0),r})(e.oi);var wr=r(7014);const Ar=Object.freeze({LOG_LEVEL_INFO:"INFO",LOG_LEVEL_ERROR:"ERROR",LOG_LEVEL_WARN:"WARN"}),Sr=new class{log(t){console.log(`LOG: ${t}`)}info(t){console.info(`${Ar.LOG_LEVEL_INFO}: ${t}`)}warn(t){console.warn(`${Ar.LOG_LEVEL_WARN}: ${t}`)}error(t){console.error(`${Ar.LOG_LEVEL_ERROR}: ${t}`)}};var kr=r(8732);const Cr=Symbol();class Pr{get taskComplete(){return this.t||(1===this.status?this.t=new Promise(((t,e)=>{this.i=t,this.o=e})):3===this.status?this.t=Promise.reject(this.h):this.t=Promise.resolve(this.l)),this.t}constructor(t,e,r){this.u=0,this.status=0,(this.p=t).addController(this);const o="object"==typeof e?e:{task:e,args:r};this._=o.task,this.v=o.args,this.j=o.argsEqual??Tr,this.m=o.onComplete,this.g=o.onError,this.autoRun=o.autoRun??!0,"initialValue"in o&&(this.l=o.initialValue,this.status=2,this.k=this.A?.())}hostUpdate(){!0===this.autoRun&&this.O()}hostUpdated(){"afterUpdate"===this.autoRun&&this.O()}A(){if(void 0===this.v)return;const t=this.v();if(!Array.isArray(t))throw Error("The args function must return an array");return t}async O(){const t=this.A(),e=this.k;this.k=t,t===e||void 0===t||void 0!==e&&this.j(e,t)||await this.run(t)}async run(t){let e,r;t??=this.A(),this.k=t,1===this.status?this.T?.abort():(this.t=void 0,this.i=void 0,this.o=void 0),this.status=1,"afterUpdate"===this.autoRun?queueMicrotask((()=>this.p.requestUpdate())):this.p.requestUpdate();const o=++this.u;this.T=new AbortController;let s=!1;try{e=await this._(t,{signal:this.T.signal})}catch(t){s=!0,r=t}if(this.u===o){if(e===Cr)this.status=0;else{if(!1===s){try{this.m?.(e)}catch{}this.status=2,this.i?.(e)}else{try{this.g?.(r)}catch{}this.status=3,this.o?.(r)}this.l=e,this.h=r}this.p.requestUpdate()}}abort(t){1===this.status&&this.T?.abort(t)}get value(){return this.l}get error(){return this.h}render(t){switch(this.status){case 0:return t.initial?.();case 1:return t.pending?.();case 2:return t.complete?.(this.value);case 3:return t.error?.(this.error);default:throw Error("Unexpected status: "+this.status)}}}const Tr=(t,e)=>t===e||t.length===e.length&&t.every(((t,r)=>!(0,kr.Qu)(t,e[r])));let Br=class extends Er{constructor(){super(),this.minProducts=2,this.maxProducts=3,this.initialProducts=[],this.addItemText="Add item",this.removeItemText="Remove item",this.smallScreenThreshold=860,this.firstProductIndex=-1,this.selectedProductIds=[],this.selectedSkus=[],this.techSpecsExpanded=!1,this.actualMaxProducts=0,this.isSmallScreen=!1,this._isSticky=!1,this.productMap={},this.availableProductIds=[],this.categoryMap={},this.uncategorized=[],this.categories=[],this.priceTaskMap={},this._renderProductPrice=t=>{const r=this.productMap[t];if(!r)return e.Ld;const o=r.priceString,s=r.priceConnectorUrl;if(s&&this.priceTaskMap[s]){const t=()=>Ir(o);return this.priceTaskMap[s].render({initial:t,pending:t,error:t,complete:e=>e?Ir(e,r.pricePrefix):t()})}return Ir(o,r.pricePrefix)},this._onResize=t=>{0!==t.length&&(this.isSmallScreen=t[0].contentRect.width<=this.smallScreenThreshold,this.actualMaxProducts=this.isSmallScreen?this.minProducts:this.maxProducts,this.selectedProductIds=this.selectedProductIds.slice(0,this.actualMaxProducts))},this._onIntersectionChange=t=>{if(0!==t.length)return t[0].intersectionRatio>0},new Kt(this,{callback:this._onResize})}firstUpdated(){this._isHostVisibleController=new wr.r(this,{callback:this._onIntersectionChange,config:{threshold:[0],rootMargin:"-200px 0px 0px 0px",root:document}})}willUpdate(t){(t.has("firstProductIndex")||t.has("preselectedIndicesString"))&&this._populateProducts()}render(){const t={value:0};return e.dy`
${this.selectedProductIds.map((t=>this.productMap[t])).map((t=>e.dy``))} ${this._renderOverviewSection()} ${this._renderAddAnotherButtonRow()} ${this._renderSpecCards(0,this.highlightSectionHeading,t)} ${this._renderSpecCards(1,this.performanceSectionHeading,t)} ${t.value>1?this._renderCTARows():e.Ld}
${this._renderTechSpecsSection()}
`}_renderOverviewSection(){return e.dy` ${this._renderOverviewAboveContent()} ${this._renderOverviewImages()} ${this._renderStickyRow()} ${this._renderProductSelectors()} ${this._renderColorSelectors()} ${this._renderPrices()} ${this._renderCTARows()} `}_renderAddAnotherButtonRow(){return e.dy` ${this.addItemText} `}_renderHeaderRow(t){return e.dy`

${t}


`}_renderOverviewAboveContent(){return e.dy` ${this.selectedProductIds.map((t=>this.productMap[t])).map(((t,r)=>e.dy`
${t?.badge?e.dy`${t.badge}`:""} ${r>=this.minProducts?e.dy` this._removeProduct(r)} > ${this.removeItemText} `:e.dy`
`}
`))} `}_renderOverviewImages(){return e.dy` ${this.selectedProductIds.map((t=>this.productMap[t])).map(((t,r)=>{const o=t?.skus[this.selectedSkus[r]]?.image??t?.image;return e.dy` ${o?e.dy` ${o.alt} `:""} `}))} `}_renderProductSelectorOption(t,r){return e.dy` ${t.name} `}_renderOptionsInCategory(t,r){const o=(t?this.categoryMap[t]??[]:this.uncategorized).map((t=>this.productMap[t]));return e.dy` ${t?e.dy` ${t}
`:""} ${o.map((t=>this._renderProductSelectorOption(t,r===t.id)))} `}_renderProductSelectors(){return e.dy` ${this.selectedProductIds.map(((t,r)=>{const o=-1!==this.firstProductIndex&&0===r,s=o?this._renderProductSelectorOption(this.initialProducts[this.firstProductIndex],!1):e.dy` ${this._renderOptionsInCategory(void 0,t)} ${this.categories.map((e=>this._renderOptionsInCategory(e,t)))} `;return e.dy` this._updateProduct(r,t)} ?disabled=${o} > ${s} `}))} `}_renderPrices(){return e.dy` ${this.selectedProductIds.map((t=>e.dy`${this._renderProductPrice(t)}`))} `}_renderStickyRow(){return e.dy`
${this.selectedProductIds.map((t=>this.productMap[t])).map((t=>e.dy` ${t?e.dy` ${Hr(t,(t=>t?.name))} `:""} `))} ${this.selectedProductIds.map(this._renderProductPrice)}
`}_renderColorSelectors(){return e.dy` ${this.selectedProductIds.map((t=>this.productMap[t])).map(((t,r)=>{const o=t?.skus.map((t=>({label:t.name,colorCode:t.value,darkColor:t.isDarkColor})))??[];return e.dy` ${t?.skus[this.selectedSkus[r]]?.name} `}))} `}_renderCTARows(){return e.dy` ${this._renderBuildButtons()} ${this._renderDetailsLinks()} `}_renderBuildButtons(){return e.dy` ${this.selectedProductIds.map((t=>this.productMap[t])).map((t=>e.dy` ${t?.cta?e.dy` ${t?.cta.text} `:""} `))} `}_renderDetailsLinks(){return e.dy` ${this.selectedProductIds.map((t=>this.productMap[t])).map((t=>e.dy` ${t?.details.url?Hr(t,(t=>t?.details.text)):""} `))} `}_renderSpecCards(t,r,o){if(void 0===r||""===r)return e.Ld;o.value++;const s=xr(this.selectedProductIds.map((t=>this.productMap[t])).map((e=>e?.specs[t]??[])));return e.dy` ${this._renderHeaderRow(r)} ${s.map(((t,r)=>e.dy` ${t.map((t=>e.dy` ${t?e.dy`
${i(t.featuredIcon,(()=>e.dy`
${t.featuredIcon.alt}
`))} ${i(Lr(t.introText),(()=>e.dy`
${Wt(t.introText.join("
"))}
`))} ${i(t.specIcon||Lr(t.keyFeatureLabel),(()=>e.dy`
${i(t.specIcon,(()=>e.dy` ${t.specIcon.alt} `))} ${i(Lr(t.keyFeatureLabel),(()=>e.dy` ${Wt(t.keyFeatureLabel.join("
"))}
`))}
`))} ${i(Lr(t.outroText),(()=>e.dy`
${Wt(t.outroText.join("
"))}
`))}
`:e.Ld} `))} `))} `}_renderTechSpecsSection(){if(void 0===this.techSpecsHeading||""===this.techSpecsHeading)return e.Ld;const t=this.techSpecsExpanded?"subtract-circle":"add-circle";return e.dy`

${this.techSpecsHeading}


${this._renderTechSpecsRows()}

`}_renderTechSpecsRows(){const t=xr(this.selectedProductIds.map((t=>this.productMap[t])).map((t=>t?.techSpecs??[])));return e.dy` ${t.map(((r,o)=>e.dy` ${r.map(((t,r)=>e.dy` ${0===r&&t?e.dy`

${Wt(t.label)}

`:e.dy``} `))} ${r.map(((s,i)=>e.dy`
0?"start-pad":""} ${i ${s?e.dy`

${s.lines.map((t=>e.dy` ${Wt(t)}
`))}

`:e.Ld}
`))} `))} `}_populateProducts(){let t=0;for(let e=0;et.id)).filter(((t,e)=>e!==this.firstProductIndex)),this.categoryMap={},this.uncategorized=[],this.categories=[];for(const t of this.availableProductIds){const e=this.productMap[t]?.category;e?(this.categoryMap[e]||(this.categories.push(e),this.categoryMap[e]=[]),this.categoryMap[e].push(t)):this.uncategorized.push(t)}if(this.selectedProductIds=[],-1!==this.firstProductIndex&&this.selectedProductIds.push(this.initialProducts[this.firstProductIndex].id),this.qspName){const t=(e=new URL(window.location.href).searchParams.get(this.qspName),e?.split("-"));if(t)for(const e of t)void 0!==this.productMap[e]&&this.selectedProductIds.push(e)}for(var e;this.selectedProductIds.lengthe.priceConnectorUrl),r);this.priceTaskMap[e.priceConnectorUrl]=o}}fetchProductPrice(t,r){return new Pr(this,(async(t,o)=>{const s=await this.fetchPriceObj(t,o);if(!s)return;const i=s.originalPrice?e.dy`${s.originalPrice} ${s.currentPrice}`:s.currentPrice;return r?i:e.dy`${this.format(s.priceFormat,{0:i})}`}),(()=>[t()]))}async fetchPriceObj(t,e){const r=await async function(t,e){const[r]=t;if(!r)return null;const o=await async function(t,e){try{const r=await fetch(t,e);if(!r.ok)throw new Error(`HTTP error! status: ${r.status}`);return await r.json()}catch(t){throw Sr.error(`There was an error: ${t}`),t}}(r,e);if(!o)throw new Error("Error parsing store product JSON");return o}(t,e);if(!r)return;const o=function(t,e){if(!t)throw new Error("(Product not found)");return t.skuInfo&&Object.keys(t.skuInfo).length>0?Object.values(t.skuInfo).reduce(((t,e)=>t.price.currentValuethis.selectedProductIds.every((e=>t!==e))));return t||(t=this.availableProductIds[0]),t}_updateUrl(){if(!this.qspName)return;const t=this.selectedProductIds.join("-"),e=new URL(window.location.href);e.searchParams.set(this.qspName,t),window.history.replaceState({},"",e)}_addProduct(){if(this.selectedProductIds.length===this.actualMaxProducts)return;const t=this._findFirstUnselectedProductId();this.selectedProductIds=[...this.selectedProductIds,t]}_removeProduct(t){this.selectedProductIds.length!=this.minProducts&&(this.selectedProductIds.splice(t,1),this._updateUrl(),this.requestUpdate())}_updateProduct(t,e){const r=e.target.value,o=this.availableProductIds.find((t=>t===r));o?(this.selectedProductIds[t]=o,this.selectedSkus[t]=0,this._updateUrl(),this.requestUpdate()):console.warn(`No product found with ID ${r}`)}_handleColorChanged(t,e){this.selectedSkus[e]=t.detail.index,this._updateUrl(),this.requestUpdate()}_toggleTechSpecs(){this.techSpecsExpanded=!this.techSpecsExpanded}_onStickyChanged(t){this._isSticky=t.detail.isSticky}};function xr(t){const e=t.reduce(((t,e)=>Math.max(t,e.length)),0),r=[];for(let o=0;o ${r(t)} `}function Ir(t,r){const o=r?e.dy`${r}`:e.Ld;return e.dy`${o}${t}`}function Lr(t){return void 0!==t&&t.length>0&&!(1==t.length&&0==t[0].length)}Br.styles=[c],(0,t.gn)([(0,s.Cb)({attribute:"min-products",type:Number})],Br.prototype,"minProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"max-products",type:Number})],Br.prototype,"maxProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"highlight-section-heading"})],Br.prototype,"highlightSectionHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"performance-section-heading"})],Br.prototype,"performanceSectionHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"tech-specs-heading"})],Br.prototype,"techSpecsHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"products",type:Object})],Br.prototype,"initialProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"add-item-text"})],Br.prototype,"addItemText",void 0),(0,t.gn)([(0,s.Cb)({attribute:"remove-item-text"})],Br.prototype,"removeItemText",void 0),(0,t.gn)([(0,s.Cb)({attribute:"small-screen-threshold"})],Br.prototype,"smallScreenThreshold",void 0),(0,t.gn)([(0,s.Cb)({attribute:"first-product-index",type:Number})],Br.prototype,"firstProductIndex",void 0),(0,t.gn)([(0,s.Cb)({attribute:"qsp-name"})],Br.prototype,"qspName",void 0),(0,t.gn)([(0,s.Cb)({attribute:"selector-aria-format"})],Br.prototype,"selectorAriaFormat",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"selectedProductIds",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"selectedSkus",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"techSpecsExpanded",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"actualMaxProducts",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"isSmallScreen",void 0),(0,t.gn)([(0,s.SB)()],Br.prototype,"_isSticky",void 0),Br=(0,t.gn)([(0,s.Mo)("cascade-product-compare-table")],Br)})(),o})(),t.exports=e()}},e={};function r(o){var s=e[o];if(void 0!==s)return s.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{"use strict";r(7117)})()})(); document.addEventListener('DOMContentLoaded', function() { var dsElements = document.querySelectorAll('.ds-data-props'); dsElements.forEach(function(dsElement) { dsElement.getAttributeNames() .filter(function(attr) { return attr.startsWith('data-ds-'); }) .forEach(function(attr) { var attrValue = dsElement.getAttribute(attr); var cssName = attr.split('data-ds-')[1]; if (attrValue) { dsElement.style.setProperty(cssName, attrValue); } }); }); });