/*! 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 b=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` `}};b.styles=[h],v([(0,s.n)()],b.prototype,"icon",2),v([(0,s.n)()],b.prototype,"size",2),v([(0,s.n)({type:Boolean})],b.prototype,"filled",2),v([(0,s.n)({attribute:"aria-label"})],b.prototype,"ariaLabel",2),v([(0,i.o)()],b.prototype,"_slotContents",2),b=v([(0,o.r)("moray-icon")],b)},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:()=>f,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),b={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;class f 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=b){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)??b}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){}}f.elementStyles=[],f.shadowRootOptions={mode:"open"},f[g("elementProperties")]=new Map,f[g("finalized")]=new Map,p?.({ReactiveElement:f}),(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:()=>q,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,b=globalThis,f=b.trustedTypes,y=f?f.emptyScript:"",$=b.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")),b.litPropertyMetadata??(b.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}),(b.reactiveElementVersions??(b.reactiveElementVersions=[])).push("2.0.4");const k=globalThis,C=k.trustedTypes,P=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,x="$lit$",T=`lit$${(Math.random()+"").slice(9)}$`,B="?"+T,H=`<${B}>`,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"),q=Symbol.for("lit-nothing"),X=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)+x+r.slice(l)+T+h):r+T+(-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!==q&&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=X.get(t.strings);return void 0===e&&X.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=q}_$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,b=/>/g,f=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 x=(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]?f:'"'===h[3]?$:y):c===$||c===y?c=f:c===v||c===b?c=m:(c=f,s=void 0);const g=c===f&&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 T{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]=x(t,e);if(this.el=T.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=T.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 T(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=B(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:()=>Ir});var t=r(7582),e=r(5862),s=r(9662);function i(t,e,r){return t?e(t):r?.(t)}var n=r(5674);const a="black",c="0.25rem",l=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)(a)} ) ); --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)(a)} ); --ds-block-heading-paragraph-color: var( --main-text-color, ${(0,e.$m)(a)} ); 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 (max-width: 420px) { cascade-custom-select.expand { width: 80px; } } @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)(c)} ); } 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)(c)} ); } } `;var d=r(4385),h=r(2017);function u(t){return(0,h.n)({...t,state:!0,attribute:!1})}var p=r(4331),g=r(8641);function m(t){return(e,r)=>{const{slot:o}=t??{},s="slot"+(o?`[name=${o}]`:":not([name])");return(0,g.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 v{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 b=(W=class extends v{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 d.w}},(...t)=>({_$litDirective$:W,values:t})),f=d.i`var(--ds-vfi-outline-width, 0.1875rem)`,y=d.i`var(--ds-vfi-outline-style, dotted)`,$=d.i`var(--ds-vfi-outline-offset, 0.25rem)`,_=d.i`calc(calc(${f} + 0.1875rem) * -1)`,E=(d.i`calc(calc(${f}) * -1)`,d.i`var(--ds-vfi-text-color, currentcolor ${y} ${f})`),w=d.i` outline: ${E}; `,A=d.i` ${w} outline-offset: ${_}; `,S=d.i` ${w} outline-offset: ${$}; `,k="transparent",C="#000",P="0.75rem",x="#0067b8",T="rgba(0, 0, 0, 0.1)",B="rgba(0, 103, 184, 0.15)",H="#0067b8",I="#fff",L="#0067b8",O="action-trigger",M="button",R="button--faint",N="button--outline",U="button--link",D="media-control",z="small",G="medium",F="large",j={gap:"0.4375em",fontWeight:"600",borderWidth:"0.125rem",borderColor:k,borderRadius:"0.25rem",backgroundColor:x,color:I,depth:"0 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(0, 0, 0, 0.12)",hoverBorderColor:k,hoverBackgroundColor:x,hoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-strong-hover, ${T}), var(--ds-theme-background-accent-strong-hover, ${T}))`,hoverColor:I,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:P,defaultPaddingInlineStart:P,defaultFontSize:"1rem",smallPaddingBlockEnd:"0.5625rem",smallPaddingBlockStart:"0.5625rem",smallPaddingInlineEnd:P,smallPaddingInlineStart:P,smallFontSize:"0.875rem",mediumPaddingBlockEnd:"0.625rem",mediumPaddingBlockStart:"0.625rem",mediumPaddingInlineEnd:P,mediumPaddingInlineStart:P,mediumFontSize:"1rem",largePaddingBlockEnd:"0.8125rem",largePaddingBlockStart:"0.8125rem",largePaddingInlineEnd:P,largePaddingInlineStart:P,largeFontSize:"1.125rem",pillBorderRadius:"60rem",outlineBorderColor:"currentcolor",outlineBackgroundColor:k,outlineColor:L,outlineHoverBorderColor:"currentcolor",outlineHoverBackgroundColor:k,outlineHoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${B}), var(--ds-theme-background-accent-subtle-normal, ${B}))`,outlineHoverColor:L,faintBorderColor:k,faintBackgroundColor:k,faintBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${B}), var(--ds-theme-background-accent-subtle-normal, ${B}))`,faintColor:L,faintHoverBorderColor:k,faintHoverBackgroundColor:k,faintHoverBackgroundImage:"none",faintHoverColor:L,linkColor:L,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:L,outlineActiveBorderColor:k,outlineActiveBackgroundColor:H,outlineActiveBackgroundImage:"none",outlineActiveColor:I,faintActiveBorderColor:k,faintActiveBackgroundColor:H,faintActiveBackgroundImage:"none",faintActiveColor:I},V=d.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; `,Z=d.i` :host([appearance^='${(0,d.a)(M)}']) a, :host([appearance^='${(0,d.a)(M)}']) button { justify-content: center; gap: var(--ds-button-gap, ${(0,d.a)(j.gap)}); font-weight: var(--ds-button-font-weight, ${(0,d.a)(j.fontWeight)}); border-width: var(--ds-button-border-width, ${(0,d.a)(j.borderWidth)}); border-color: var( --ds-button-border-color, var(--ds-color-transparent, ${(0,d.a)(j.borderColor)}) ); border-radius: var( --ds-button-border-radius, var(--ds-radii-10, ${(0,d.a)(j.borderRadius)}) ); background-color: var( --ds-button-background-color, var( --ds-theme-background-accent-strong-normal, ${(0,d.a)(j.backgroundColor)} ) ); color: var( --ds-button-color, var(--ds-theme-foreground-accent-strong-normal, ${(0,d.a)(j.color)}) ); text-decoration: none; line-height: 1; padding-inline-end: var( --ds-button-default-padding-inline-end, ${(0,d.a)(j.defaultPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-default-padding-inline-start, ${(0,d.a)(j.defaultPaddingInlineEnd)} ); padding-block-end: var( --ds-button-default-padding-block-end, ${(0,d.a)(j.defaultPaddingBlockEnd)} ); padding-block-start: var( --ds-button-default-padding-block-start, ${(0,d.a)(j.defaultPaddingBlockStart)} ); font-size: var( --ds-button-default-font-size, ${(0,d.a)(j.defaultFontSize)} ); box-shadow: var( --ds-button-box-shadow, var(--ds-depth-none, ${(0,d.a)(j.depth)}) ); } :host([appearance^='${(0,d.a)(M)}']) a:focus, :host([appearance^='${(0,d.a)(M)}']) button:focus { ${A} } :host([appearance^='${(0,d.a)(M)}']:not([disabled])) a:hover, :host([appearance^='${(0,d.a)(M)}']:not([disabled])) button:hover, :host([appearance^='${(0,d.a)(M)}']:not([disabled])) a:focus, :host([appearance^='${(0,d.a)(M)}']:not([disabled])) button:focus { border-color: var( --ds-button-hover-border-color, var(--ds-color-transparent, ${(0,d.a)(j.hoverBorderColor)}) ); background-color: var( --ds-button-hover-background-color, var( --ds-theme-background-accent-strong-normal, ${(0,d.a)(j.hoverBackgroundColor)} ) ); background-image: var( --ds-button-hover-background-image, ${(0,d.a)(j.hoverBackgroundImage)} ); color: var( --ds-button-hover-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,d.a)(j.hoverColor)} ) ); box-shadow: var( --ds-button-hover-box-shadow, var(--ds-depth-4, ${(0,d.a)(j.hoverDepth)}) ); } /* TODO: button only styles (do not apply to anchor styled buttons) * - inactive * - disabled * - link button * - active */ /* ------- Button disabled -------- */ :host([appearance^='${(0,d.a)(M)}'][disabled]) button { opacity: var(--ds-button-disabled-opacity, ${(0,d.a)(j.disabledOpacity)}); background-image: none; box-shadow: none; } /* ------- Button active -------- */ :host([appearance='${(0,d.a)(M)}'][active]:not([disabled])) button { border-color: var( --ds-button-active-border-color, var( --ds-theme-border-accent-strong-normal, ${(0,d.a)(j.activeBorderColor)} ) ); background-color: var( --ds-button-active-background-color, var( --ds-theme-background-neutral-fade, ${(0,d.a)(j.activeBackgroundColor)} ) ); background-image: var( --ds-button-active-background-image, ${(0,d.a)(j.activeBackgroundImage)} ); color: var( --ds-button-active-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(j.activeColor)} ) ); } /* ------- Button active HCM -------- */ :host( [appearance^='${(0,d.a)(M)}']:not( [appearance='${(0,d.a)(U)}'] )[active]:not([disabled]) ) button { @media (forced-colors: active) { color: CanvasText; background-color: SelectedItem; } } /* ------- Button small -------- */ :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(z)}'] ) a, :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(z)}'] ) button { padding-inline-end: var( --ds-button-small-padding-inline-end, ${(0,d.a)(j.smallPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-small-padding-inline-start, ${(0,d.a)(j.smallPaddingInlineEnd)} ); padding-block-end: var( --ds-button-small-padding-block-end, ${(0,d.a)(j.smallPaddingBlockEnd)} ); padding-block-start: var( --ds-button-small-padding-block-end, ${(0,d.a)(j.smallPaddingBlockEnd)} ); font-size: var(--ds-button-small-font-size, ${(0,d.a)(j.smallFontSize)}); } /* ------- Button medium -------- */ :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(G)}'] ) a, :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(G)}'] ) button { padding-inline-end: var( --ds-button-medium-padding-inline-end, ${(0,d.a)(j.mediumPaddingInlineEnd)} ); padding-inline-start: var( --ds-button-medium-padding-inline-start, ${(0,d.a)(j.mediumPaddingInlineEnd)} ); padding-block-end: var( --ds-button-medium-padding-block-end, ${(0,d.a)(j.mediumPaddingBlockEnd)} ); padding-block-start: var( --ds-button-medium-padding-block-end, ${(0,d.a)(j.mediumPaddingBlockEnd)} ); font-size: var( --ds-button-medium-font-size, ${(0,d.a)(j.mediumFontSize)} ); } /* ------- Button large -------- */ :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(F)}'] ) a, :host( [appearance^='${(0,d.a)(M)}'][size='${(0,d.a)(F)}'] ) button { padding-inline-end: var( --ds-button-large-padding-inline-end, ${(0,d.a)(j.largePaddingInlineEnd)} ); padding-inline-start: var( --ds-button-large-padding-inline-start, ${(0,d.a)(j.largePaddingInlineEnd)} ); padding-block-end: var( --ds-button-large-padding-block-end, ${(0,d.a)(j.largePaddingBlockEnd)} ); padding-block-start: var( --ds-button-large-padding-block-end, ${(0,d.a)(j.largePaddingBlockEnd)} ); font-size: var(--ds-button-large-font-size, ${(0,d.a)(j.largeFontSize)}); } /* ------- Button block -------- */ :host([appearance^='${(0,d.a)(M)}'][block]) a, :host([appearance^='${(0,d.a)(M)}'][block]) button { display: flex; width: 100%; } /* ------- Button pill -------- */ :host([appearance^='${(0,d.a)(M)}'][pill]) a, :host([appearance^='${(0,d.a)(M)}'][pill]) button { border-radius: var( --ds-button-pill-border-radius, var(--ds-radii-pill, ${(0,d.a)(j.pillBorderRadius)}) ); } /* ------- Button outline -------- */ :host([appearance^='${(0,d.a)(N)}']) a, :host([appearance^='${(0,d.a)(N)}']) button { background-color: var( --ds-button-outline-background-color, var(--ds-color-transparent, ${(0,d.a)(j.outlineBackgroundColor)}) ); color: var( --ds-button-outline-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(j.outlineColor)} ) ); border-color: var( --ds-button-outline-border-color, ${(0,d.a)(j.outlineBorderColor)} ); } :host([appearance^='${(0,d.a)(N)}']:not([disabled])) a:hover, :host([appearance^='${(0,d.a)(N)}']:not([disabled])) button:hover, :host([appearance^='${(0,d.a)(N)}']:not([disabled])) a:focus, :host([appearance^='${(0,d.a)(N)}']:not([disabled])) button:focus { border-color: var( --ds-button-outline-hover-border-color, ${(0,d.a)(j.outlineHoverBorderColor)} ); background-color: var( --ds-button-outline-hover-background-color, var(--ds-color-transparent, ${(0,d.a)(j.outlineHoverBackgroundColor)}) ); background-image: var( --ds-button-outline-hover-background-image, ${(0,d.a)(j.outlineHoverBackgroundImage)} ); color: var( --ds-button-outline-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(j.outlineHoverColor)} ) ); box-shadow: none; } /* ------- Button outline active -------- */ :host([appearance^='${(0,d.a)(N)}'][active]) button, :host([appearance^='${(0,d.a)(N)}'][active]) button:focus, :host([appearance^='${(0,d.a)(N)}'][active]) button:hover { color: var( --ds-button-outline-active-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,d.a)(j.outlineActiveColor)} ) ); border-color: var( --ds-button-outline-active-border-color, ${(0,d.a)(j.outlineActiveBorderColor)} ); background-color: var( --ds-button-outline-active-background-color, var( --ds-theme-background-base-color, ${(0,d.a)(j.outlineActiveBackgroundColor)} ) ); background-image: var( --ds-button-outline-active-background-image, ${(0,d.a)(j.outlineActiveBackgroundImage)} ); } /* ------- Button faint -------- */ :host([appearance^='${(0,d.a)(R)}']) a, :host([appearance^='${(0,d.a)(R)}']) button { background-color: var( --ds-button-faint-background-color, var(--ds-color-transparent, ${(0,d.a)(j.faintBackgroundColor)}) ); background-image: var( --ds-button-faint-background-image, ${(0,d.a)(j.faintBackgroundImage)} ); color: var( --ds-button-faint-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(j.faintColor)} ) ); border-color: var( --ds-button-faint-border-color, var(--ds-color-transparent, ${(0,d.a)(j.faintBorderColor)}) ); } :host([appearance^='${(0,d.a)(R)}']:not([disabled])) a:hover, :host([appearance^='${(0,d.a)(R)}']:not([disabled])) button:hover, :host([appearance^='${(0,d.a)(R)}']:not([disabled])) a:focus, :host([appearance^='${(0,d.a)(R)}']:not([disabled])) button:focus { border-color: var( --ds-button-faint-hover-border-color, var(--ds-color-transparent, ${(0,d.a)(j.faintHoverBorderColor)}) ); background-color: var( --ds-button-faint-hover-background-color, var(--ds-color-transparent, ${(0,d.a)(j.faintHoverBackgroundColor)}) ); background-image: var( --ds-button-faint-hover-background-image, ${(0,d.a)(j.faintHoverBackgroundImage)} ); color: var( --ds-button-faint-hover-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(j.faintHoverColor)} ) ); } /* ------- Button faint active -------- */ :host([appearance^='${(0,d.a)(R)}'][active]) button, :host([appearance^='${(0,d.a)(R)}'][active]) button:focus, :host([appearance^='${(0,d.a)(R)}'][active]) button:hover { color: var( --ds-button-faint-active-color, var( --ds-theme-foreground-accent-strong-normal, ${(0,d.a)(j.faintActiveColor)} ) ); border-color: var( --ds-button-faint-active-border-color, var(--ds-color-transparent, ${(0,d.a)(j.faintActiveBorderColor)}) ); background-color: var( --ds-button-faint-active-background-color, var( --ds-theme-background-base-color, ${(0,d.a)(j.faintActiveBackgroundColor)} ) ); background-image: var( --ds-button-faint-active-background-image, ${(0,d.a)(j.faintActiveBackgroundImage)} ); } /* ------- Button link -------- */ :host([appearance^='${(0,d.a)(U)}']) button, :host([appearance^='${(0,d.a)(U)}']:not([disabled])) button:hover, :host([appearance^='${(0,d.a)(U)}']: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,d.a)(j.linkColor)}) ); text-decoration: underline; box-shadow: none; } :host([appearance^='${(0,d.a)(U)}'][inactive]) button, :host([appearance^='${(0,d.a)(U)}'][inactive]:not([disabled])) button:hover, :host([appearance^='${(0,d.a)(U)}'][inactive]:not([disabled])) button:focus { opacity: 1; text-decoration: none; color: var( --ds-button-link-inactive-color, var(--ds-color-gray-500, ${(0,d.a)(j.linkInactiveColor)}) ); cursor: default; } `,q=new Set,X=new MutationObserver((function(){K=document.documentElement.dir||"ltr",Y=document.documentElement.lang||navigator.language,[...q.keys()].forEach((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}));var W;let K=document.documentElement.dir||"ltr",Y=document.documentElement.lang||navigator.language;X.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});class J{constructor(t){this._host=t,this._host.addController(this)}hostConnected(){q.add(this._host)}hostDisconnected(){q.delete(this._host)}dir(){return`${this._host.dir||K}`.toLowerCase()}lang(){return`${this._host.lang||Y}`.toLowerCase()}}const Q="medium",tt=t=>t??d.T;var et=Object.defineProperty,rt=Object.getOwnPropertyDescriptor,ot=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?rt(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&&et(e,r,i),i};const st=t=>{class e extends t{constructor(){super(...arguments),this.ariaDisabled=null,this.ariaExpanded=null}renderAnchor(t,e,r="base"){const o={...e};return d.x` ${t} `}}return ot([(0,h.n)({attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),ot([(0,h.n)({attribute:"aria-expanded"})],e.prototype,"ariaExpanded",2),ot([(0,h.n)()],e.prototype,"download",2),ot([(0,h.n)()],e.prototype,"href",2),ot([(0,h.n)()],e.prototype,"hreflang",2),ot([(0,h.n)()],e.prototype,"ping",2),ot([(0,h.n)()],e.prototype,"referrerpolicy",2),ot([(0,h.n)()],e.prototype,"rel",2),ot([(0,h.n)()],e.prototype,"target",2),ot([(0,h.n)()],e.prototype,"type",2),e},it=t=>{const e=`transition: ${t};`;return d.i` ${(0,d.a)(e)} @media (prefers-reduced-motion: reduce) { transition: none; } `},nt=(d.i` ${it("var(--ds-transition-fade, opacity 0.15s linear)")} `,"0"),at=L,ct=d.i` :host([appearance^='${(0,d.a)(O)}']) a, :host([appearance^='${(0,d.a)(O)}']) button { border: none; padding-block: var( --ds-action-trigger-padding-block, ${(0,d.a)(nt)} ); padding-inline: var( --ds-action-trigger-padding-inline, ${(0,d.a)("0")} ); background: transparent; gap: var(--ds-action-trigger-gap, ${(0,d.a)("0.4375em")}); font-weight: var( --ds-action-trigger-font-weight, ${(0,d.a)("600")} ); font-size: var( --ds-action-trigger-font-size, ${(0,d.a)("1rem")} ); color: var( --ds-action-trigger-color, var( --ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(at)} ) ); text-decoration: underline; } :host([appearance^='${(0,d.a)(O)}']) a:focus, :host([appearance^='${(0,d.a)(O)}']) button:focus { ${S} } /* TODO: disabled and inactive styles for button only, they should not apply to anchors */ :host([appearance^='${(0,d.a)(O)}']) a.action-trigger--no-underline, :host([appearance^='${(0,d.a)(O)}']) button.action-trigger--no-underline { text-decoration: none; } :host([appearance^='${(0,d.a)(O)}'][disabled]) button { opacity: var( --ds-action-trigger-disabled-opacity, ${(0,d.a)("0.3")} ); background-image: none; box-shadow: none; } :host([appearance='${(0,d.a)(O)}'].inactive) button { color: var( --ds-action-trigger-inactive-color, ${(0,d.a)("#757575")} ); text-decoration: none; } `;r(3890);const lt="cta",dt="cta--reverse",ht=L,ut="0.25em",pt=d.i` /* Basic links */ a { ${V} gap: var(--ds-anchor-gap, ${(0,d.a)("0.375rem")}); color: var( --ds-anchor-color, var(--ds-theme-foreground-accent-subtle-normal, ${(0,d.a)(ht)}) ); } a[href]:focus { ${w} outline-offset: 1px; /* Webkit browser default */ } .first, .last { display: inline-flex; } /* CTA and CTA reverse */ :host([appearance^='${(0,d.a)(lt)}']) a { text-decoration: none; font-weight: var(--ds-cta-font-weight, ${(0,d.a)("600")}); } :host([appearance='${(0,d.a)(lt)}']) moray-icon:not(.rtl), :host([appearance='${(0,d.a)(dt)}']) moray-icon.rtl { transform: translateX( calc(var(--ds-cta-translate-x, ${(0,d.a)(ut)}) * -1) ); } :host([appearance='${(0,d.a)(lt)}']) moray-icon.rtl, :host([appearance='${(0,d.a)(dt)}']) moray-icon:not(.rtl) { transform: translateX(var(--ds-cta-translate-x, ${(0,d.a)(ut)})); } :host([appearance^='${(0,d.a)(lt)}']) a:hover, :host([appearance^='${(0,d.a)(lt)}']) a:focus { text-decoration: underline; } :host([appearance^='${(0,d.a)(lt)}']) a:hover moray-icon, :host([appearance^='${(0,d.a)(lt)}']) a:focus moray-icon { transform: translateX(0); ${it(`var(--ds-cta-transition, ${(0,d.a)("transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)")})`)} } /* Action trigger */ ${ct} /* Button */ ${Z} `;var gt=Object.defineProperty,mt=Object.getOwnPropertyDescriptor,vt=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?mt(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&>(e,r,i),i};let bt=class extends(st(d.s)){constructor(){super(...arguments),this.localize=new J(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=d.x``,o=d.x``;this.appearance===lt?o=d.x` `:this.appearance===dt&&(r=d.x` `);const s={"action-trigger--no-underline":this.appearance===O&&this._slottedImgIcon};return this.renderAnchor(d.x` ${r} ${o} `,s)}};bt.styles=pt,vt([(0,h.n)({reflect:!0})],bt.prototype,"appearance",2),vt([(0,h.n)({type:Boolean,reflect:!0})],bt.prototype,"block",2),vt([(0,h.n)({type:Boolean,reflect:!0})],bt.prototype,"pill",2),vt([(0,h.n)({reflect:!0})],bt.prototype,"size",2),vt([(0,p.o)()],bt.prototype,"_defaultSlot",2),vt([m({slot:"first"})],bt.prototype,"_firstSlot",2),vt([m({slot:"last"})],bt.prototype,"_lastSlot",2),vt([u()],bt.prototype,"_firstSlotEmpty",2),vt([u()],bt.prototype,"_lastSlotEmpty",2),vt([u()],bt.prototype,"_slottedImgIcon",2),bt=vt([(0,d.r)("moray-anchor")],bt);const ft=d.i` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `,yt=C,$t=d.i` :host { display: inline-block; padding-block: var( --ds-badge-padding-block-start, ${(0,d.a)("0.375em")} ) var(--ds-badge-padding-block-end, ${(0,d.a)("0.375em")}); padding-inline: var( --ds-badge-padding-inline-start, ${(0,d.a)("0.75em")} ) var(--ds-badge-padding-inline-end, ${(0,d.a)("0.75em")}); font-size: var(--ds-badge-font-size, ${(0,d.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,d.a)("#ffb900")}) ); color: var( --ds-badge-text-color, var(--ds-color-black, ${(0,d.a)(yt)}) ); } :host([truncate]) { ${ft} } :host([empty]) { display: none; } `;var _t=Object.defineProperty,Et=Object.getOwnPropertyDescriptor,wt=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?Et(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&&_t(e,r,i),i};let At=class extends d.s{constructor(){super(...arguments),this.truncate=!1,this.empty=!1}connectedCallback(){super.connectedCallback(),this._handleSlotChange()}_handleSlotChange(){this.empty=0===this._slot.length}render(){return d.x``}};At.styles=[$t],wt([(0,h.n)({type:Boolean,reflect:!0})],At.prototype,"truncate",2),wt([(0,h.n)({type:Boolean,reflect:!0})],At.prototype,"empty",2),wt([m()],At.prototype,"_slot",2),At=wt([(0,d.r)("moray-badge")],At);const St=C,kt="0.25rem",Ct={light:d.i`var(--ds-media-control-color-light, var(--ds-color-white, ${(0,d.a)("#fff")}))`,dark:d.i`var(--ds-media-control-color-dark, var(--ds-color-black, ${(0,d.a)(St)}))`,size:d.i`var(--ds-media-control-size, ${(0,d.a)("3rem")})`,sizeLarge:d.i`var(--ds-media-control-size-large, ${(0,d.a)("4.5rem")})`,borderOffset:d.i`calc(var(--ds-media-control-border-width, ${(0,d.a)(kt)}) * 2)`,iconAdjuster:"1.18"},Pt=d.i` /* stylelint-disable value-keyword-case */ button { ${V} } :host([disabled]) button, :host(.inactive) button { cursor: default; } /* Action trigger */ ${ct} /* Button */ ${Z} /* Media control */ :host([appearance^='${(0,d.a)(D)}']) button { height: ${(0,d.a)(Ct.size)}; width: ${(0,d.a)(Ct.size)}; font-size: calc( ${(0,d.a)(Ct.size)} * ${(0,d.a)(Ct.iconAdjuster)} - ${(0,d.a)(Ct.borderOffset)} ); border-radius: 50%; justify-content: center; padding: 0; color: ${(0,d.a)(Ct.dark)}; background-color: ${(0,d.a)(Ct.light)}; box-shadow: var( --ds-media-control-depth, var(--ds-depth-8, ${(0,d.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,d.a)(D)}']) button:focus { ${w} outline-style: var(--ds-media-control-vfi-style, ${(0,d.a)("dashed")}); outline-offset: calc( var(--ds-media-control-border-width, ${(0,d.a)(kt)}) / -2 - 1px ); } :host( [appearance^='${(0,d.a)(D)}'][size='${(0,d.a)(F)}'] ) button { height: ${(0,d.a)(Ct.sizeLarge)}; width: ${(0,d.a)(Ct.sizeLarge)}; font-size: calc( ${(0,d.a)(Ct.sizeLarge)} * ${(0,d.a)(Ct.iconAdjuster)} - ${(0,d.a)(Ct.borderOffset)} ); } :host([appearance^='${(0,d.a)(D)}'][appearance*='--light']) button { color: ${(0,d.a)(Ct.light)}; background-color: ${(0,d.a)(Ct.dark)}; } `;var xt=Object.defineProperty,Tt=Object.getOwnPropertyDescriptor,Bt=(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&&xt(e,r,i),i};const Ht=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 d.x` `}}return Bt([(0,h.n)({attribute:"aria-disabled"})],e.prototype,"ariaDisabled",2),Bt([(0,h.n)({attribute:"aria-haspopup"})],e.prototype,"ariaHasPopup",2),Bt([(0,h.n)({attribute:"aria-expanded"})],e.prototype,"ariaExpanded",2),Bt([(0,h.n)({attribute:"aria-pressed"})],e.prototype,"ariaPressed",2),Bt([(0,h.n)({attribute:"autofocus",type:Boolean})],e.prototype,"autoFocus",2),Bt([(0,h.n)({type:Boolean})],e.prototype,"disabled",2),Bt([(0,h.n)({})],e.prototype,"form",2),Bt([(0,h.n)({attribute:"formaction"})],e.prototype,"formAction",2),Bt([(0,h.n)({attribute:"formenctype"})],e.prototype,"formEncType",2),Bt([(0,h.n)({attribute:"formmethod"})],e.prototype,"formMethod",2),Bt([(0,h.n)({attribute:"formnovalidate",type:Boolean})],e.prototype,"formNoValidate",2),Bt([(0,h.n)({attribute:"formtarget"})],e.prototype,"formTarget",2),Bt([(0,h.n)({})],e.prototype,"name",2),Bt([(0,h.n)({attribute:"popovertarget"})],e.prototype,"popoverTarget",2),Bt([(0,h.n)({attribute:"popovertargetaction"})],e.prototype,"popoverTargetAction",2),Bt([(0,h.n)({})],e.prototype,"type",2),Bt([(0,h.n)({})],e.prototype,"value",2),e};var It=Object.defineProperty,Lt=Object.getOwnPropertyDescriptor,Ot=(t,e,r,o)=>{for(var s,i=o>1?void 0:o?Lt(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&&It(e,r,i),i};let Mt=class extends(Ht(d.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===O&&this._slottedImgIcon};return this.renderButton(d.x` `,t)}};Mt.shadowRootOptions={...d.s.shadowRootOptions,delegatesFocus:!0},Mt.styles=Pt,Ot([(0,h.n)({reflect:!0})],Mt.prototype,"appearance",2),Ot([(0,h.n)({type:Boolean,reflect:!0})],Mt.prototype,"active",2),Ot([(0,h.n)({type:Boolean,reflect:!0})],Mt.prototype,"inactive",2),Ot([(0,h.n)({type:Boolean,reflect:!0})],Mt.prototype,"block",2),Ot([(0,h.n)({type:Boolean,reflect:!0})],Mt.prototype,"pill",2),Ot([(0,h.n)({reflect:!0})],Mt.prototype,"size",2),Ot([(0,p.o)()],Mt.prototype,"_defaultSlot",2),Ot([m({slot:"first"})],Mt.prototype,"_firstSlot",2),Ot([m({slot:"last"})],Mt.prototype,"_lastSlot",2),Ot([u()],Mt.prototype,"_firstSlotEmpty",2),Ot([u()],Mt.prototype,"_lastSlotEmpty",2),Ot([u()],Mt.prototype,"_slottedImgIcon",2),Mt=Ot([(0,d.r)("moray-button")],Mt),r(7659);var Rt=r(5270);const Nt=new Set,Ut=new MutationObserver((function(){Dt=document.documentElement.dir||"ltr",[...Nt.keys()].forEach((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}));let Dt=document.documentElement.dir||"ltr";Ut.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});class zt{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){Nt.add(this.host)}hostDisconnected(){Nt.delete(this.host)}dir(){return`${this.host.dir||Dt}`.toLowerCase()}}const Gt=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")} ) ); } button.select:focus { outline: 3px dashed; outline-offset: -7px; } :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 ); } @media (max-width: 420px) { .content:after { background: none; } .content { text-overflow: ellipsis; width: 30px; } .select { gap: 0.1875rem; padding-left: 0.5rem; padding-right: 0.5rem; } .select[data-title]:hover:after { content: attr(data-title); position: absolute; top: 50px; left: 0; padding-inline: 5px; background-color: var( --ds-theme-foreground-neutral-strong, ${(0,e.$m)("black")} ); color: var( --ds-theme-background-neutral-fade, ${(0,e.$m)("white")} ); border-radius: 2px; max-width: 100px; word-wrap: break-word; white-space: normal; text-align: center; z-index: 1; } } .rtl .content:after { transform: scaleX(-1); } .option-menu[hidden] { display: none; } ::slotted(*) { width: 100%; box-sizing: border-box; } .icon-container { display: inline-block; } `,Ft=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 jt=r(3692);const Vt=t=>(...e)=>({_$litDirective$:t,values:e});class Zt{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 qt=Vt(class extends Zt{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 jt.Jb}});let Xt=class extends e.oi{constructor(){super(...arguments),this.directionController=new zt(this),this.disabled=!1,this.ariaLabel=null,this.expanded=!1,this._onFocusOut=t=>{t.relatedTarget instanceof Node&&!this.contains(t.relatedTarget)&&(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`
{"Escape"===t.key&&(t.stopPropagation(),this.expanded=!1)}} @focusout=${this._onFocusOut} >
`}_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})))}};Xt.styles=[Gt],(0,t.gn)([(0,s.Cb)({type:Boolean})],Xt.prototype,"disabled",void 0),(0,t.gn)([(0,s.Cb)({reflect:!0})],Xt.prototype,"value",void 0),(0,t.gn)([(0,s.Cb)({attribute:"content-aria-label"})],Xt.prototype,"ariaLabel",void 0),(0,t.gn)([(0,s.SB)()],Xt.prototype,"currentValue",void 0),(0,t.gn)([(0,s.SB)()],Xt.prototype,"expanded",void 0),Xt=(0,t.gn)([(0,Rt.M)("cascade-custom-select")],Xt);let Wt=class extends e.oi{constructor(){super(...arguments),this.selected=!1,this.disabled=!1,this.ariaLabel=null,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``}};Wt.styles=[Ft],(0,t.gn)([(0,s.Cb)({attribute:"selected",type:Boolean,reflect:!0})],Wt.prototype,"selected",void 0),(0,t.gn)([(0,s.Cb)({attribute:"disabled",type:Boolean})],Wt.prototype,"disabled",void 0),(0,t.gn)([(0,s.Cb)({attribute:"content-aria-label"})],Wt.prototype,"ariaLabel",void 0),(0,t.gn)([(0,s.Cb)()],Wt.prototype,"value",void 0),Wt=(0,t.gn)([(0,Rt.M)("cascade-option")],Wt),r(4085);class Kt extends Zt{constructor(t){if(super(t),this.it=jt.Ld,2!==t.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===jt.Ld||null==t)return this._t=void 0,this.it=t;if(t===jt.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:[]}}}Kt.directiveName="unsafeHTML",Kt.resultType=1;const Yt=Vt(Kt);class Jt{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 Qt,te,ee,re=r(8922);function oe(t){return t.type===te.literal}function se(t){return t.type===te.argument}function ie(t){return t.type===te.number}function ne(t){return t.type===te.date}function ae(t){return t.type===te.time}function ce(t){return t.type===te.select}function le(t){return t.type===te.plural}function de(t){return t.type===te.pound}function he(t){return t.type===te.tag}function ue(t){return!(!t||"object"!=typeof t||t.type!==ee.number)}function pe(t){return!(!t||"object"!=typeof t||t.type!==ee.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"}(Qt||(Qt={})),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"}(te||(te={})),function(t){t[t.number=0]="number",t[t.dateTime=1]="dateTime"}(ee||(ee={}));var ge=/[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/,me=/(?:[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 ve(t){var e={};return t.replace(me,(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 be=/[\t-\r \x85\u200E\u200F\u2028\u2029]/i,fe=/^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g,ye=/^(@+)?(\+|#+)?[rs]?$/g,$e=/(\*)(0+)|(#+)(0+)|(0+)/g,_e=/^(0+)$/;function Ee(t){var e={};return"r"===t[t.length-1]?e.roundingPriority="morePrecision":"s"===t[t.length-1]&&(e.roundingPriority="lessPrecision"),t.replace(ye,(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 we(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 Ae(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)),!_e.test(t))throw new Error("Malformed concise eng/scientific notation");e.minimumIntegerDigits=t.length}return e}function Se(t){return we(t)||{}}function ke(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($e,(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(_e.test(i.stem))r.minimumIntegerDigits=i.stem.length;else if(fe.test(i.stem)){if(i.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");i.stem.replace(fe,(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),Ee(n)))}else if(ye.test(i.stem))r=(0,t.pi)((0,t.pi)({},r),Ee(i.stem));else{var a=we(i.stem);a&&(r=(0,t.pi)((0,t.pi)({},r),a));var c=Ae(i.stem);c&&(r=(0,t.pi)((0,t.pi)({},r),c))}}return r}var Ce,Pe={"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 xe(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),(Pe[r||""]||Pe[o||""]||Pe["".concat(o,"-001")]||Pe["001"])[0]}var Te=new RegExp("^".concat(ge.source,"*")),Be=new RegExp("".concat(ge.source,"*$"));function He(t,e){return{start:t,end:e}}var Ie=!!String.prototype.startsWith&&"_a".startsWith("a",1),Le=!!String.fromCodePoint,Oe=!!Object.fromEntries,Me=!!String.prototype.codePointAt,Re=!!String.prototype.trimStart,Ne=!!String.prototype.trimEnd,Ue=Number.isSafeInteger?Number.isSafeInteger:function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t&&Math.abs(t)<=9007199254740991},De=!0;try{De="a"===(null===(Ce=Xe("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu").exec("a"))||void 0===Ce?void 0:Ce[0])}catch(t){De=!1}var ze,Ge=Ie?function(t,e,r){return t.startsWith(e,r)}:function(t,e,r){return t.slice(r,r+e.length)===e},Fe=Le?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},je=Oe?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}},Ze=Re?function(t){return t.trimStart()}:function(t){return t.replace(Te,"")},qe=Ne?function(t){return t.trimEnd()}:function(t){return t.replace(Be,"")};function Xe(t,e){return new RegExp(t,e)}if(De){var We=Xe("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu");ze=function(t,e){var r;return We.lastIndex=e,null!==(r=We.exec(t)[1])&&void 0!==r?r:""}}else ze=function(t,e){for(var r=[];;){var o=Ve(t,e);if(void 0===o||Je(o)||Qe(o))break;r.push(o),e+=o>=65536?2:1}return Fe.apply(void 0,r)};var Ke=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(Qt.UNMATCHED_CLOSING_TAG,He(this.clonePosition(),this.clonePosition()))}if(60===s&&!this.ignoreTag&&Ye(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:te.pound,location:He(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:te.literal,value:"<".concat(o,"/>"),location:He(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:te.tag,value:o,children:i,location:He(r,this.clonePosition())},err:null}:this.error(Qt.INVALID_TAG,He(n,this.clonePosition())))}return this.error(Qt.UNCLOSED_TAG,He(r,this.clonePosition()))}return this.error(Qt.INVALID_TAG,He(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=He(r,this.clonePosition());return{val:{type:te.literal,value:o,location:a},err:null}},e.prototype.tryParseLeftAngleBracket=function(){return this.isEOF()||60!==this.char()||!this.ignoreTag&&(Ye(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 Fe.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(),Fe(r))},e.prototype.parseArgument=function(t,e){var r=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(Qt.EXPECT_ARGUMENT_CLOSING_BRACE,He(r,this.clonePosition()));if(125===this.char())return this.bump(),this.error(Qt.EMPTY_ARGUMENT,He(r,this.clonePosition()));var o=this.parseIdentifierIfPossible().value;if(!o)return this.error(Qt.MALFORMED_ARGUMENT,He(r,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(Qt.EXPECT_ARGUMENT_CLOSING_BRACE,He(r,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:te.argument,value:o,location:He(r,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(Qt.EXPECT_ARGUMENT_CLOSING_BRACE,He(r,this.clonePosition())):this.parseArgumentOptions(t,e,o,r);default:return this.error(Qt.MALFORMED_ARGUMENT,He(r,this.clonePosition()))}},e.prototype.parseIdentifierIfPossible=function(){var t=this.clonePosition(),e=this.offset(),r=ze(this.message,e),o=e+r.length;return this.bumpTo(o),{value:r,location:He(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(Qt.EXPECT_ARGUMENT_TYPE,He(n,c));case"number":case"date":case"time":this.bumpSpace();var l=null;if(this.bumpIf(",")){this.bumpSpace();var d=this.clonePosition();if((f=this.parseSimpleArgStyleIfPossible()).err)return f;if(0===(g=qe(f.val)).length)return this.error(Qt.EXPECT_ARGUMENT_STYLE,He(this.clonePosition(),this.clonePosition()));l={style:g,styleLocation:He(d,this.clonePosition())}}if((y=this.tryParseArgumentClose(s)).err)return y;var h=He(s,this.clonePosition());if(l&&Ge(null==l?void 0:l.style,"::",0)){var u=Ze(l.style.slice(2));if("number"===a)return(f=this.parseNumberSkeletonFromString(u,l.styleLocation)).err?f:{val:{type:te.number,value:o,location:h,style:f.val},err:null};if(0===u.length)return this.error(Qt.EXPECT_DATE_TIME_SKELETON,h);var p=u;this.locale&&(p=function(t,e){for(var r="",o=0;o>1),c=xe(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:ee.dateTime,pattern:p,location:l.styleLocation,parsedOptions:this.shouldParseSkeletons?ve(p):{}};return{val:{type:"date"===a?te.date:te.time,value:o,location:h,style:g},err:null}}return{val:{type:"number"===a?te.number:"date"===a?te.date:te.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(Qt.EXPECT_SELECT_ARGUMENT_OPTIONS,He(m,(0,t.pi)({},m)));this.bumpSpace();var v=this.parseIdentifierIfPossible(),b=0;if("select"!==a&&"offset"===v.value){if(!this.bumpIf(":"))return this.error(Qt.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,He(this.clonePosition(),this.clonePosition()));var f;if(this.bumpSpace(),(f=this.tryParseDecimalInteger(Qt.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,Qt.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE)).err)return f;this.bumpSpace(),v=this.parseIdentifierIfPossible(),b=f.val}var y,$=this.tryParsePluralOrSelectOptions(e,a,r,v);if($.err)return $;if((y=this.tryParseArgumentClose(s)).err)return y;var _=He(s,this.clonePosition());return"select"===a?{val:{type:te.select,value:o,options:je($.val),location:_},err:null}:{val:{type:te.plural,value:o,options:je($.val),offset:b,pluralType:"plural"===a?"cardinal":"ordinal",location:_},err:null};default:return this.error(Qt.INVALID_ARGUMENT_TYPE,He(n,c))}},e.prototype.tryParseArgumentClose=function(t){return this.isEOF()||125!==this.char()?this.error(Qt.EXPECT_ARGUMENT_CLOSING_BRACE,He(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(Qt.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,He(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(be).filter((function(t){return t.length>0}));r=48&&n<=57))break;s=!0,i=10*i+(n-48),this.bump()}var a=He(o,this.clonePosition());return s?Ue(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=Ve(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(Ge(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()&&Je(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 Ye(t){return t>=97&&t<=122||t>=65&&t<=90}function Je(t){return t>=9&&t<=13||32===t||133===t||t>=8206&&t<=8207||8232===t||8233===t}function Qe(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 tr(t){t.forEach((function(t){if(delete t.location,ce(t)||le(t))for(var e in t.options)delete t.options[e].location,tr(t.options[e].value);else ie(t)&&ue(t.style)||(ne(t)||ae(t))&&pe(t.style)?delete t.style.location:he(t)&&tr(t.children)}))}function er(e,r){void 0===r&&(r={}),r=(0,t.pi)({shouldParseSkeletons:!0,requiresOtherClause:!0},r);var o=new Ke(e,r).parse();if(o.err){var s=SyntaxError(Qt[o.err.kind]);throw s.location=o.err.location,s.originalMessage=o.err.message,s}return(null==r?void 0:r.captureLocation)||tr(o.val),o.val}function rr(t,e){var r=e&&e.cache?e.cache:dr,o=e&&e.serializer?e.serializer:ar;return(e&&e.strategy?e.strategy:nr)(t,{cache:r,serializer:o})}function or(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 sr(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 ir(t,e,r,o,s){return r.bind(e,t,o,s)}function nr(t,e){return ir(t,this,1===t.length?or:sr,e.cache.create(),e.serializer)}var ar=function(){return JSON.stringify(arguments)};function cr(){this.cache=Object.create(null)}cr.prototype.get=function(t){return this.cache[t]},cr.prototype.set=function(t,e){this.cache[t]=e};var lr,dr={create:function(){return new cr}},hr={variadic:function(t,e){return ir(t,this,sr,e.cache.create(),e.serializer)},monadic:function(t,e){return ir(t,this,or,e.cache.create(),e.serializer)}};!function(t){t.MISSING_VALUE="MISSING_VALUE",t.INVALID_VALUE="INVALID_VALUE",t.MISSING_INTL_API="MISSING_INTL_API"}(lr||(lr={}));var ur,pr=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),gr=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('", "'),'"'),lr.INVALID_VALUE,s)||this}return(0,t.ZT)(r,e),r}(pr),mr=function(e){function r(t,r,o){return e.call(this,'Value for "'.concat(t,'" must be of type ').concat(r),lr.INVALID_VALUE,o)||this}return(0,t.ZT)(r,e),r}(pr),vr=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,'"'),lr.MISSING_VALUE,r)||this}return(0,t.ZT)(r,e),r}(pr);function br(t){return"function"==typeof t}function fr(t,e,r,o,s,i,n){if(1===t.length&&oe(t[0]))return[{type:ur.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=er,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 _r=$r;class Er{constructor(){this.lang=wr("lang",document?.documentElement?.getAttribute("lang")),this.dir=wr("dir",document?.documentElement?.getAttribute("dir")),new MutationObserver((()=>{document.dispatchEvent(new CustomEvent("localeChanged",{detail:{lang:this.lang=wr("lang",document.documentElement.lang),dir:this.dir=wr("dir",document.documentElement.dir)}}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}}function wr(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 Ar=function(){let t;return function(){return t||(t=new Er),t}}(),Sr=(e=>{class r extends e{constructor(){super(...arguments),this.i18nManager=Ar(),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"),e&&!(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];s||(this.translations&&this.errorHandler("WARNING",`Missing translation for key: '${t}'`),s=r);let i=s;try{i=this.format(s,e)}catch(t){this.errorHandler("ERROR",`Error interpolating '${s}'\n${t}`)}return i??s??""}format(t,e){return new _r(t,this.lang).format(e)}}return r.dict={},(0,t.gn)([(0,s.Cb)({type:Object,reflect:!1})],r.prototype,"translations",void 0),r})(re.oi);var kr=r(7014);const Cr=Object.freeze({LOG_LEVEL_INFO:"INFO",LOG_LEVEL_ERROR:"ERROR",LOG_LEVEL_WARN:"WARN"}),Pr=new class{log(t){console.log(`LOG: ${t}`)}info(t){console.info(`${Cr.LOG_LEVEL_INFO}: ${t}`)}warn(t){console.warn(`${Cr.LOG_LEVEL_WARN}: ${t}`)}error(t){console.error(`${Cr.LOG_LEVEL_ERROR}: ${t}`)}};var xr=r(8732);const Tr=Symbol();class Br{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??Hr,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===Tr)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 Hr=(t,e)=>t===e||t.length===e.length&&t.every(((t,r)=>!(0,xr.Qu)(t,e[r])));let Ir=class extends Sr{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=()=>Mr(o);return this.priceTaskMap[s].render({initial:t,pending:t,error:t,complete:e=>e?Mr(e,r.pricePrefix):t()})}return Mr(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 Jt(this,{callback:this._onResize})}firstUpdated(){this._isHostVisibleController=new kr.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` ${Or(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?Or(t,(t=>t?.details.text)):""} `))} `}_renderSpecCards(t,r,o){if(void 0===r||""===r)return e.Ld;o.value++;const s=Lr(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(Rr(t.introText),(()=>e.dy`
${Yt(t.introText.join("
"))}
`))} ${i(t.specIcon||Rr(t.keyFeatureLabel),(()=>e.dy`
${i(t.specIcon,(()=>e.dy` ${t.specIcon.alt} `))} ${i(Rr(t.keyFeatureLabel),(()=>e.dy` ${Yt(t.keyFeatureLabel.join("
"))}
`))}
`))} ${i(Rr(t.outroText),(()=>e.dy`
${Yt(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=Lr(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`

${Yt(t.label)}

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

${s.lines.map((t=>e.dy` ${Yt(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 Br(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 Pr.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];const e=this.productMap[t];this._announceProductUpdate(e,"newProductAnnouncement")}_announceProductUpdate(t,e){const r=t.name.replace("”",this.msg("inch")),o=this.msg(e,{productName:r}),s=this.announcementElement;s&&(s.textContent=o)}_removeProduct(t){if(this.selectedProductIds.length==this.minProducts)return;const e=this.productMap[this.selectedProductIds[t]];this._announceProductUpdate(e,"removeProductAnnouncement"),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 Lr(t){const e=t.reduce(((t,e)=>Math.max(t,e.length)),0),r=[];for(let o=0;o ${r(t)} `}function Mr(t,r){const o=r?e.dy`${r}`:e.Ld;return e.dy`${o}${t}`}function Rr(t){return void 0!==t&&t.length>0&&!(1==t.length&&0==t[0].length)}Ir.styles=[l],Ir.dict={newProductAnnouncement:"{productName} included in the list",removeProductAnnouncement:"{productName} removed from the list",inch:" inch"},(0,t.gn)([(0,s.Cb)({attribute:"min-products",type:Number})],Ir.prototype,"minProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"max-products",type:Number})],Ir.prototype,"maxProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"highlight-section-heading"})],Ir.prototype,"highlightSectionHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"performance-section-heading"})],Ir.prototype,"performanceSectionHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"tech-specs-heading"})],Ir.prototype,"techSpecsHeading",void 0),(0,t.gn)([(0,s.Cb)({attribute:"products",type:Object})],Ir.prototype,"initialProducts",void 0),(0,t.gn)([(0,s.Cb)({attribute:"add-item-text"})],Ir.prototype,"addItemText",void 0),(0,t.gn)([(0,s.Cb)({attribute:"remove-item-text"})],Ir.prototype,"removeItemText",void 0),(0,t.gn)([(0,s.Cb)({attribute:"small-screen-threshold"})],Ir.prototype,"smallScreenThreshold",void 0),(0,t.gn)([(0,s.Cb)({attribute:"first-product-index",type:Number})],Ir.prototype,"firstProductIndex",void 0),(0,t.gn)([(0,s.Cb)({attribute:"qsp-name"})],Ir.prototype,"qspName",void 0),(0,t.gn)([(0,s.Cb)({attribute:"selector-aria-format"})],Ir.prototype,"selectorAriaFormat",void 0),(0,t.gn)([(t,e,r)=>{const o=t=>t.renderRoot?.querySelector("#announcement")??null;return(0,n.C)(t,e,{get(){return o(this)}})}],Ir.prototype,"announcementElement",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"selectedProductIds",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"selectedSkus",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"techSpecsExpanded",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"actualMaxProducts",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"isSmallScreen",void 0),(0,t.gn)([(0,s.SB)()],Ir.prototype,"_isSticky",void 0),Ir=(0,t.gn)([(0,s.Mo)("cascade-product-compare-table")],Ir)})(),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); } }); }); });