/*! For license information please see cascadewindowsfilterdevices-bundle.js.LICENSE.txt */
(()=>{var e={4144:e=>{var t;self,t=()=>(()=>{"use strict";var e={5957:(e,t,a)=>{function o(e,t){var a=t&&t.cache?t.cache:d,o=t&&t.serializer?t.serializer:l;return(t&&t.strategy?t.strategy:n)(e,{cache:a,serializer:o})}function r(e,t,a,o){var r,i=null==(r=o)||"number"==typeof r||"boolean"==typeof r?o:a(o),s=t.get(i);return void 0===s&&(s=e.call(this,o),t.set(i,s)),s}function i(e,t,a){var o=Array.prototype.slice.call(arguments,3),r=a(o),i=t.get(r);return void 0===i&&(i=e.apply(this,o),t.set(r,i)),i}function s(e,t,a,o,r){return a.bind(t,e,o,r)}function n(e,t){return s(e,this,1===e.length?r:i,t.cache.create(),t.serializer)}a.d(t,{A:()=>h,H:()=>o});var l=function(){return JSON.stringify(arguments)};function c(){this.cache=Object.create(null)}c.prototype.get=function(e){return this.cache[e]},c.prototype.set=function(e,t){this.cache[e]=t};var d={create:function(){return new c}},h={variadic:function(e,t){return s(e,this,i,t.cache.create(),t.serializer)},monadic:function(e,t){return s(e,this,r,t.cache.create(),t.serializer)}}},2271:(e,t,a)=>{a.d(t,{T:()=>r});var o=a(1526);function r(e,t){for(var a="",o=0;o<e.length;o++){var r=e.charAt(o);if("j"===r){for(var s=0;o+1<e.length&&e.charAt(o+1)===r;)s++,o++;var n=1+(1&s),l=s<2?1:3+(s>>1),c=i(t);for("H"!=c&&"k"!=c||(l=0);l-- >0;)a+="a";for(;n-- >0;)a=c+a}else a+="J"===r?"H":r}return a}function i(e){var t=e.hourCycle;if(void 0===t&&e.hourCycles&&e.hourCycles.length&&(t=e.hourCycles[0]),t)switch(t){case"h24":return"k";case"h23":return"H";case"h12":return"h";case"h11":return"K";default:throw new Error("Invalid hourCycle")}var a,r=e.language;return"root"!==r&&(a=e.maximize().region),(o._[a||""]||o._[r||""]||o._["".concat(r,"-001")]||o._["001"])[0]}},9493:(e,t,a)=>{var o;a.d(t,{o:()=>o}),function(e){e[e.EXPECT_ARGUMENT_CLOSING_BRACE=1]="EXPECT_ARGUMENT_CLOSING_BRACE",e[e.EMPTY_ARGUMENT=2]="EMPTY_ARGUMENT",e[e.MALFORMED_ARGUMENT=3]="MALFORMED_ARGUMENT",e[e.EXPECT_ARGUMENT_TYPE=4]="EXPECT_ARGUMENT_TYPE",e[e.INVALID_ARGUMENT_TYPE=5]="INVALID_ARGUMENT_TYPE",e[e.EXPECT_ARGUMENT_STYLE=6]="EXPECT_ARGUMENT_STYLE",e[e.INVALID_NUMBER_SKELETON=7]="INVALID_NUMBER_SKELETON",e[e.INVALID_DATE_TIME_SKELETON=8]="INVALID_DATE_TIME_SKELETON",e[e.EXPECT_NUMBER_SKELETON=9]="EXPECT_NUMBER_SKELETON",e[e.EXPECT_DATE_TIME_SKELETON=10]="EXPECT_DATE_TIME_SKELETON",e[e.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE=11]="UNCLOSED_QUOTE_IN_ARGUMENT_STYLE",e[e.EXPECT_SELECT_ARGUMENT_OPTIONS=12]="EXPECT_SELECT_ARGUMENT_OPTIONS",e[e.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE=13]="EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE",e[e.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE=14]="INVALID_PLURAL_ARGUMENT_OFFSET_VALUE",e[e.EXPECT_SELECT_ARGUMENT_SELECTOR=15]="EXPECT_SELECT_ARGUMENT_SELECTOR",e[e.EXPECT_PLURAL_ARGUMENT_SELECTOR=16]="EXPECT_PLURAL_ARGUMENT_SELECTOR",e[e.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT=17]="EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT",e[e.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT=18]="EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT",e[e.INVALID_PLURAL_ARGUMENT_SELECTOR=19]="INVALID_PLURAL_ARGUMENT_SELECTOR",e[e.DUPLICATE_PLURAL_ARGUMENT_SELECTOR=20]="DUPLICATE_PLURAL_ARGUMENT_SELECTOR",e[e.DUPLICATE_SELECT_ARGUMENT_SELECTOR=21]="DUPLICATE_SELECT_ARGUMENT_SELECTOR",e[e.MISSING_OTHER_CLAUSE=22]="MISSING_OTHER_CLAUSE",e[e.INVALID_TAG=23]="INVALID_TAG",e[e.INVALID_TAG_NAME=25]="INVALID_TAG_NAME",e[e.UNMATCHED_CLOSING_TAG=26]="UNMATCHED_CLOSING_TAG",e[e.UNCLOSED_TAG=27]="UNCLOSED_TAG"}(o||(o={}))},9263:(e,t,a)=>{a.d(t,{HI:()=>s.HI,Ii:()=>s.Ii,Jo:()=>s.Jo,O4:()=>s.O4,Qc:()=>l,VG:()=>s.VG,Wh:()=>s.Wh,Wi:()=>s.Wi,pe:()=>s.pe,rp:()=>s.rp,uf:()=>s.uf,yx:()=>s.yx});var o=a(7582),r=a(9493),i=a(5891),s=a(5047);function n(e){e.forEach((function(e){if(delete e.location,(0,s.Wi)(e)||(0,s.Jo)(e))for(var t in e.options)delete e.options[t].location,n(e.options[t].value);else(0,s.uf)(e)&&(0,s.Wh)(e.style)||((0,s.rp)(e)||(0,s.pe)(e))&&(0,s.Ii)(e.style)?delete e.style.location:(0,s.HI)(e)&&n(e.children)}))}function l(e,t){void 0===t&&(t={}),t=(0,o.pi)({shouldParseSkeletons:!0,requiresOtherClause:!0},t);var a=new i._(e,t).parse();if(a.err){var s=SyntaxError(r.o[a.err.kind]);throw s.location=a.err.location,s.originalMessage=a.err.message,s}return(null==t?void 0:t.captureLocation)||n(a.val),a.val}},5891:(e,t,a)=>{a.d(t,{_:()=>I});var o,r=a(7582),i=a(9493),s=a(5047),n=a(8580),l=a(5178),c=a(4477),d=a(2271),h=new RegExp("^".concat(n.p.source,"*")),p=new RegExp("".concat(n.p.source,"*$"));function u(e,t){return{start:e,end:t}}var g=!!String.prototype.startsWith&&"_a".startsWith("a",1),m=!!String.fromCodePoint,b=!!Object.fromEntries,f=!!String.prototype.codePointAt,v=!!String.prototype.trimStart,y=!!String.prototype.trimEnd,E=Number.isSafeInteger?Number.isSafeInteger:function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e&&Math.abs(e)<=9007199254740991},$=!0;try{$="a"===(null===(o=B("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu").exec("a"))||void 0===o?void 0:o[0])}catch(e){$=!1}var _,k=g?function(e,t,a){return e.startsWith(t,a)}:function(e,t,a){return e.slice(a,a+t.length)===t},C=m?String.fromCodePoint:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var a,o="",r=e.length,i=0;r>i;){if((a=e[i++])>1114111)throw RangeError(a+" is not a valid code point");o+=a<65536?String.fromCharCode(a):String.fromCharCode(55296+((a-=65536)>>10),a%1024+56320)}return o},w=b?Object.fromEntries:function(e){for(var t={},a=0,o=e;a<o.length;a++){var r=o[a],i=r[0],s=r[1];t[i]=s}return t},S=f?function(e,t){return e.codePointAt(t)}:function(e,t){var a=e.length;if(!(t<0||t>=a)){var o,r=e.charCodeAt(t);return r<55296||r>56319||t+1===a||(o=e.charCodeAt(t+1))<56320||o>57343?r:o-56320+(r-55296<<10)+65536}},A=v?function(e){return e.trimStart()}:function(e){return e.replace(h,"")},x=y?function(e){return e.trimEnd()}:function(e){return e.replace(p,"")};function B(e,t){return new RegExp(e,t)}if($){var T=B("([^\\p{White_Space}\\p{Pattern_Syntax}]*)","yu");_=function(e,t){var a;return T.lastIndex=t,null!==(a=T.exec(e)[1])&&void 0!==a?a:""}}else _=function(e,t){for(var a=[];;){var o=S(e,t);if(void 0===o||P(o)||O(o))break;a.push(o),t+=o>=65536?2:1}return C.apply(void 0,a)};var I=function(){function e(e,t){void 0===t&&(t={}),this.message=e,this.position={offset:0,line:1,column:1},this.ignoreTag=!!t.ignoreTag,this.locale=t.locale,this.requiresOtherClause=!!t.requiresOtherClause,this.shouldParseSkeletons=!!t.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(e,t,a){for(var o=[];!this.isEOF();){var r=this.char();if(123===r){if((n=this.parseArgument(e,a)).err)return n;o.push(n.val)}else{if(125===r&&e>0)break;if(35!==r||"plural"!==t&&"selectordinal"!==t){if(60===r&&!this.ignoreTag&&47===this.peek()){if(a)break;return this.error(i.o.UNMATCHED_CLOSING_TAG,u(this.clonePosition(),this.clonePosition()))}if(60===r&&!this.ignoreTag&&L(this.peek()||0)){if((n=this.parseTag(e,t)).err)return n;o.push(n.val)}else{var n;if((n=this.parseLiteral(e,t)).err)return n;o.push(n.val)}}else{var l=this.clonePosition();this.bump(),o.push({type:s.wD.pound,location:u(l,this.clonePosition())})}}}return{val:o,err:null}},e.prototype.parseTag=function(e,t){var a=this.clonePosition();this.bump();var o=this.parseTagName();if(this.bumpSpace(),this.bumpIf("/>"))return{val:{type:s.wD.literal,value:"<".concat(o,"/>"),location:u(a,this.clonePosition())},err:null};if(this.bumpIf(">")){var r=this.parseMessage(e+1,t,!0);if(r.err)return r;var n=r.val,l=this.clonePosition();if(this.bumpIf("</")){if(this.isEOF()||!L(this.char()))return this.error(i.o.INVALID_TAG,u(l,this.clonePosition()));var c=this.clonePosition();return o!==this.parseTagName()?this.error(i.o.UNMATCHED_CLOSING_TAG,u(c,this.clonePosition())):(this.bumpSpace(),this.bumpIf(">")?{val:{type:s.wD.tag,value:o,children:n,location:u(a,this.clonePosition())},err:null}:this.error(i.o.INVALID_TAG,u(l,this.clonePosition())))}return this.error(i.o.UNCLOSED_TAG,u(a,this.clonePosition()))}return this.error(i.o.INVALID_TAG,u(a,this.clonePosition()))},e.prototype.parseTagName=function(){var e,t=this.offset();for(this.bump();!this.isEOF()&&(45===(e=this.char())||46===e||e>=48&&e<=57||95===e||e>=97&&e<=122||e>=65&&e<=90||183==e||e>=192&&e<=214||e>=216&&e<=246||e>=248&&e<=893||e>=895&&e<=8191||e>=8204&&e<=8205||e>=8255&&e<=8256||e>=8304&&e<=8591||e>=11264&&e<=12271||e>=12289&&e<=55295||e>=63744&&e<=64975||e>=65008&&e<=65533||e>=65536&&e<=983039);)this.bump();return this.message.slice(t,this.offset())},e.prototype.parseLiteral=function(e,t){for(var a=this.clonePosition(),o="";;){var r=this.tryParseQuote(t);if(r)o+=r;else{var i=this.tryParseUnquoted(e,t);if(i)o+=i;else{var n=this.tryParseLeftAngleBracket();if(!n)break;o+=n}}}var l=u(a,this.clonePosition());return{val:{type:s.wD.literal,value:o,location:l},err:null}},e.prototype.tryParseLeftAngleBracket=function(){return this.isEOF()||60!==this.char()||!this.ignoreTag&&(L(e=this.peek()||0)||47===e)?null:(this.bump(),"<");var e},e.prototype.tryParseQuote=function(e){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"===e||"selectordinal"===e)break;return null;default:return null}this.bump();var t=[this.char()];for(this.bump();!this.isEOF();){var a=this.char();if(39===a){if(39!==this.peek()){this.bump();break}t.push(39),this.bump()}else t.push(a);this.bump()}return C.apply(void 0,t)},e.prototype.tryParseUnquoted=function(e,t){if(this.isEOF())return null;var a=this.char();return 60===a||123===a||35===a&&("plural"===t||"selectordinal"===t)||125===a&&e>0?null:(this.bump(),C(a))},e.prototype.parseArgument=function(e,t){var a=this.clonePosition();if(this.bump(),this.bumpSpace(),this.isEOF())return this.error(i.o.EXPECT_ARGUMENT_CLOSING_BRACE,u(a,this.clonePosition()));if(125===this.char())return this.bump(),this.error(i.o.EMPTY_ARGUMENT,u(a,this.clonePosition()));var o=this.parseIdentifierIfPossible().value;if(!o)return this.error(i.o.MALFORMED_ARGUMENT,u(a,this.clonePosition()));if(this.bumpSpace(),this.isEOF())return this.error(i.o.EXPECT_ARGUMENT_CLOSING_BRACE,u(a,this.clonePosition()));switch(this.char()){case 125:return this.bump(),{val:{type:s.wD.argument,value:o,location:u(a,this.clonePosition())},err:null};case 44:return this.bump(),this.bumpSpace(),this.isEOF()?this.error(i.o.EXPECT_ARGUMENT_CLOSING_BRACE,u(a,this.clonePosition())):this.parseArgumentOptions(e,t,o,a);default:return this.error(i.o.MALFORMED_ARGUMENT,u(a,this.clonePosition()))}},e.prototype.parseIdentifierIfPossible=function(){var e=this.clonePosition(),t=this.offset(),a=_(this.message,t),o=t+a.length;return this.bumpTo(o),{value:a,location:u(e,this.clonePosition())}},e.prototype.parseArgumentOptions=function(e,t,a,o){var n,c=this.clonePosition(),h=this.parseIdentifierIfPossible().value,p=this.clonePosition();switch(h){case"":return this.error(i.o.EXPECT_ARGUMENT_TYPE,u(c,p));case"number":case"date":case"time":this.bumpSpace();var g=null;if(this.bumpIf(",")){this.bumpSpace();var m=this.clonePosition();if((C=this.parseSimpleArgStyleIfPossible()).err)return C;if(0===(y=x(C.val)).length)return this.error(i.o.EXPECT_ARGUMENT_STYLE,u(this.clonePosition(),this.clonePosition()));g={style:y,styleLocation:u(m,this.clonePosition())}}if((S=this.tryParseArgumentClose(o)).err)return S;var b=u(o,this.clonePosition());if(g&&k(null==g?void 0:g.style,"::",0)){var f=A(g.style.slice(2));if("number"===h)return(C=this.parseNumberSkeletonFromString(f,g.styleLocation)).err?C:{val:{type:s.wD.number,value:a,location:b,style:C.val},err:null};if(0===f.length)return this.error(i.o.EXPECT_DATE_TIME_SKELETON,b);var v=f;this.locale&&(v=(0,d.T)(f,this.locale));var y={type:s.aV.dateTime,pattern:v,location:g.styleLocation,parsedOptions:this.shouldParseSkeletons?(0,l.T)(v):{}};return{val:{type:"date"===h?s.wD.date:s.wD.time,value:a,location:b,style:y},err:null}}return{val:{type:"number"===h?s.wD.number:"date"===h?s.wD.date:s.wD.time,value:a,location:b,style:null!==(n=null==g?void 0:g.style)&&void 0!==n?n:null},err:null};case"plural":case"selectordinal":case"select":var E=this.clonePosition();if(this.bumpSpace(),!this.bumpIf(","))return this.error(i.o.EXPECT_SELECT_ARGUMENT_OPTIONS,u(E,(0,r.pi)({},E)));this.bumpSpace();var $=this.parseIdentifierIfPossible(),_=0;if("select"!==h&&"offset"===$.value){if(!this.bumpIf(":"))return this.error(i.o.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,u(this.clonePosition(),this.clonePosition()));var C;if(this.bumpSpace(),(C=this.tryParseDecimalInteger(i.o.EXPECT_PLURAL_ARGUMENT_OFFSET_VALUE,i.o.INVALID_PLURAL_ARGUMENT_OFFSET_VALUE)).err)return C;this.bumpSpace(),$=this.parseIdentifierIfPossible(),_=C.val}var S,B=this.tryParsePluralOrSelectOptions(e,h,t,$);if(B.err)return B;if((S=this.tryParseArgumentClose(o)).err)return S;var T=u(o,this.clonePosition());return"select"===h?{val:{type:s.wD.select,value:a,options:w(B.val),location:T},err:null}:{val:{type:s.wD.plural,value:a,options:w(B.val),offset:_,pluralType:"plural"===h?"cardinal":"ordinal",location:T},err:null};default:return this.error(i.o.INVALID_ARGUMENT_TYPE,u(c,p))}},e.prototype.tryParseArgumentClose=function(e){return this.isEOF()||125!==this.char()?this.error(i.o.EXPECT_ARGUMENT_CLOSING_BRACE,u(e,this.clonePosition())):(this.bump(),{val:!0,err:null})},e.prototype.parseSimpleArgStyleIfPossible=function(){for(var e=0,t=this.clonePosition();!this.isEOF();)switch(this.char()){case 39:this.bump();var a=this.clonePosition();if(!this.bumpUntil("'"))return this.error(i.o.UNCLOSED_QUOTE_IN_ARGUMENT_STYLE,u(a,this.clonePosition()));this.bump();break;case 123:e+=1,this.bump();break;case 125:if(!(e>0))return{val:this.message.slice(t.offset,this.offset()),err:null};e-=1;break;default:this.bump()}return{val:this.message.slice(t.offset,this.offset()),err:null}},e.prototype.parseNumberSkeletonFromString=function(e,t){var a=[];try{a=(0,c.O)(e)}catch(e){return this.error(i.o.INVALID_NUMBER_SKELETON,t)}return{val:{type:s.aV.number,tokens:a,location:t,parsedOptions:this.shouldParseSkeletons?(0,c.I)(a):{}},err:null}},e.prototype.tryParsePluralOrSelectOptions=function(e,t,a,o){for(var r,s=!1,n=[],l=new Set,c=o.value,d=o.location;;){if(0===c.length){var h=this.clonePosition();if("select"===t||!this.bumpIf("="))break;var p=this.tryParseDecimalInteger(i.o.EXPECT_PLURAL_ARGUMENT_SELECTOR,i.o.INVALID_PLURAL_ARGUMENT_SELECTOR);if(p.err)return p;d=u(h,this.clonePosition()),c=this.message.slice(h.offset,this.offset())}if(l.has(c))return this.error("select"===t?i.o.DUPLICATE_SELECT_ARGUMENT_SELECTOR:i.o.DUPLICATE_PLURAL_ARGUMENT_SELECTOR,d);"other"===c&&(s=!0),this.bumpSpace();var g=this.clonePosition();if(!this.bumpIf("{"))return this.error("select"===t?i.o.EXPECT_SELECT_ARGUMENT_SELECTOR_FRAGMENT:i.o.EXPECT_PLURAL_ARGUMENT_SELECTOR_FRAGMENT,u(this.clonePosition(),this.clonePosition()));var m=this.parseMessage(e+1,t,a);if(m.err)return m;var b=this.tryParseArgumentClose(g);if(b.err)return b;n.push([c,{value:m.val,location:u(g,this.clonePosition())}]),l.add(c),this.bumpSpace(),c=(r=this.parseIdentifierIfPossible()).value,d=r.location}return 0===n.length?this.error("select"===t?i.o.EXPECT_SELECT_ARGUMENT_SELECTOR:i.o.EXPECT_PLURAL_ARGUMENT_SELECTOR,u(this.clonePosition(),this.clonePosition())):this.requiresOtherClause&&!s?this.error(i.o.MISSING_OTHER_CLAUSE,u(this.clonePosition(),this.clonePosition())):{val:n,err:null}},e.prototype.tryParseDecimalInteger=function(e,t){var a=1,o=this.clonePosition();this.bumpIf("+")||this.bumpIf("-")&&(a=-1);for(var r=!1,i=0;!this.isEOF();){var s=this.char();if(!(s>=48&&s<=57))break;r=!0,i=10*i+(s-48),this.bump()}var n=u(o,this.clonePosition());return r?E(i*=a)?{val:i,err:null}:this.error(t,n):this.error(e,n)},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 e=this.position.offset;if(e>=this.message.length)throw Error("out of bound");var t=S(this.message,e);if(void 0===t)throw Error("Offset ".concat(e," is at invalid UTF-16 code unit boundary"));return t},e.prototype.error=function(e,t){return{val:null,err:{kind:e,message:this.message,location:t}}},e.prototype.bump=function(){if(!this.isEOF()){var e=this.char();10===e?(this.position.line+=1,this.position.column=1,this.position.offset+=1):(this.position.column+=1,this.position.offset+=e<65536?1:2)}},e.prototype.bumpIf=function(e){if(k(this.message,e,this.offset())){for(var t=0;t<e.length;t++)this.bump();return!0}return!1},e.prototype.bumpUntil=function(e){var t=this.offset(),a=this.message.indexOf(e,t);return a>=0?(this.bumpTo(a),!0):(this.bumpTo(this.message.length),!1)},e.prototype.bumpTo=function(e){if(this.offset()>e)throw Error("targetOffset ".concat(e," must be greater than or equal to the current offset ").concat(this.offset()));for(e=Math.min(e,this.message.length);;){var t=this.offset();if(t===e)break;if(t>e)throw Error("targetOffset ".concat(e," is at invalid UTF-16 code unit boundary"));if(this.bump(),this.isEOF())break}},e.prototype.bumpSpace=function(){for(;!this.isEOF()&&P(this.char());)this.bump()},e.prototype.peek=function(){if(this.isEOF())return null;var e=this.char(),t=this.offset(),a=this.message.charCodeAt(t+(e>=65536?2:1));return null!=a?a:null},e}();function L(e){return e>=97&&e<=122||e>=65&&e<=90}function P(e){return e>=9&&e<=13||32===e||133===e||e>=8206&&e<=8207||8232===e||8233===e}function O(e){return e>=33&&e<=35||36===e||e>=37&&e<=39||40===e||41===e||42===e||43===e||44===e||45===e||e>=46&&e<=47||e>=58&&e<=59||e>=60&&e<=62||e>=63&&e<=64||91===e||92===e||93===e||94===e||96===e||123===e||124===e||125===e||126===e||161===e||e>=162&&e<=165||166===e||167===e||169===e||171===e||172===e||174===e||176===e||177===e||182===e||187===e||191===e||215===e||247===e||e>=8208&&e<=8213||e>=8214&&e<=8215||8216===e||8217===e||8218===e||e>=8219&&e<=8220||8221===e||8222===e||8223===e||e>=8224&&e<=8231||e>=8240&&e<=8248||8249===e||8250===e||e>=8251&&e<=8254||e>=8257&&e<=8259||8260===e||8261===e||8262===e||e>=8263&&e<=8273||8274===e||8275===e||e>=8277&&e<=8286||e>=8592&&e<=8596||e>=8597&&e<=8601||e>=8602&&e<=8603||e>=8604&&e<=8607||8608===e||e>=8609&&e<=8610||8611===e||e>=8612&&e<=8613||8614===e||e>=8615&&e<=8621||8622===e||e>=8623&&e<=8653||e>=8654&&e<=8655||e>=8656&&e<=8657||8658===e||8659===e||8660===e||e>=8661&&e<=8691||e>=8692&&e<=8959||e>=8960&&e<=8967||8968===e||8969===e||8970===e||8971===e||e>=8972&&e<=8991||e>=8992&&e<=8993||e>=8994&&e<=9e3||9001===e||9002===e||e>=9003&&e<=9083||9084===e||e>=9085&&e<=9114||e>=9115&&e<=9139||e>=9140&&e<=9179||e>=9180&&e<=9185||e>=9186&&e<=9254||e>=9255&&e<=9279||e>=9280&&e<=9290||e>=9291&&e<=9311||e>=9472&&e<=9654||9655===e||e>=9656&&e<=9664||9665===e||e>=9666&&e<=9719||e>=9720&&e<=9727||e>=9728&&e<=9838||9839===e||e>=9840&&e<=10087||10088===e||10089===e||10090===e||10091===e||10092===e||10093===e||10094===e||10095===e||10096===e||10097===e||10098===e||10099===e||10100===e||10101===e||e>=10132&&e<=10175||e>=10176&&e<=10180||10181===e||10182===e||e>=10183&&e<=10213||10214===e||10215===e||10216===e||10217===e||10218===e||10219===e||10220===e||10221===e||10222===e||10223===e||e>=10224&&e<=10239||e>=10240&&e<=10495||e>=10496&&e<=10626||10627===e||10628===e||10629===e||10630===e||10631===e||10632===e||10633===e||10634===e||10635===e||10636===e||10637===e||10638===e||10639===e||10640===e||10641===e||10642===e||10643===e||10644===e||10645===e||10646===e||10647===e||10648===e||e>=10649&&e<=10711||10712===e||10713===e||10714===e||10715===e||e>=10716&&e<=10747||10748===e||10749===e||e>=10750&&e<=11007||e>=11008&&e<=11055||e>=11056&&e<=11076||e>=11077&&e<=11078||e>=11079&&e<=11084||e>=11085&&e<=11123||e>=11124&&e<=11125||e>=11126&&e<=11157||11158===e||e>=11159&&e<=11263||e>=11776&&e<=11777||11778===e||11779===e||11780===e||11781===e||e>=11782&&e<=11784||11785===e||11786===e||11787===e||11788===e||11789===e||e>=11790&&e<=11798||11799===e||e>=11800&&e<=11801||11802===e||11803===e||11804===e||11805===e||e>=11806&&e<=11807||11808===e||11809===e||11810===e||11811===e||11812===e||11813===e||11814===e||11815===e||11816===e||11817===e||e>=11818&&e<=11822||11823===e||e>=11824&&e<=11833||e>=11834&&e<=11835||e>=11836&&e<=11839||11840===e||11841===e||11842===e||e>=11843&&e<=11855||e>=11856&&e<=11857||11858===e||e>=11859&&e<=11903||e>=12289&&e<=12291||12296===e||12297===e||12298===e||12299===e||12300===e||12301===e||12302===e||12303===e||12304===e||12305===e||e>=12306&&e<=12307||12308===e||12309===e||12310===e||12311===e||12312===e||12313===e||12314===e||12315===e||12316===e||12317===e||e>=12318&&e<=12319||12320===e||12336===e||64830===e||64831===e||e>=65093&&e<=65094}},8580:(e,t,a)=>{a.d(t,{p:()=>o});var o=/[ \xA0\u1680\u2000-\u200A\u202F\u205F\u3000]/},1526:(e,t,a)=>{a.d(t,{_:()=>o});var o={"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"]}},5047:(e,t,a)=>{var o,r;function i(e){return e.type===o.literal}function s(e){return e.type===o.argument}function n(e){return e.type===o.number}function l(e){return e.type===o.date}function c(e){return e.type===o.time}function d(e){return e.type===o.select}function h(e){return e.type===o.plural}function p(e){return e.type===o.pound}function u(e){return e.type===o.tag}function g(e){return!(!e||"object"!=typeof e||e.type!==r.number)}function m(e){return!(!e||"object"!=typeof e||e.type!==r.dateTime)}a.d(t,{HI:()=>u,Ii:()=>m,Jo:()=>h,O4:()=>i,VG:()=>s,Wh:()=>g,Wi:()=>d,aV:()=>r,pe:()=>c,rp:()=>l,uf:()=>n,wD:()=>o,yx:()=>p}),function(e){e[e.literal=0]="literal",e[e.argument=1]="argument",e[e.number=2]="number",e[e.date=3]="date",e[e.time=4]="time",e[e.select=5]="select",e[e.plural=6]="plural",e[e.pound=7]="pound",e[e.tag=8]="tag"}(o||(o={})),function(e){e[e.number=0]="number",e[e.dateTime=1]="dateTime"}(r||(r={}))},5178:(e,t,a)=>{a.d(t,{T:()=>r});var o=/(?:[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 r(e){var t={};return e.replace(o,(function(e){var a=e.length;switch(e[0]){case"G":t.era=4===a?"long":5===a?"narrow":"short";break;case"y":t.year=2===a?"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":t.month=["numeric","2-digit","short","long","narrow"][a-1];break;case"w":case"W":throw new RangeError("`w/W` (week) patterns are not supported");case"d":t.day=["numeric","2-digit"][a-1];break;case"D":case"F":case"g":throw new RangeError("`D/F/g` (day) patterns are not supported, use `d` instead");case"E":t.weekday=4===a?"long":5===a?"narrow":"short";break;case"e":if(a<4)throw new RangeError("`e..eee` (weekday) patterns are not supported");t.weekday=["short","long","narrow","short"][a-4];break;case"c":if(a<4)throw new RangeError("`c..ccc` (weekday) patterns are not supported");t.weekday=["short","long","narrow","short"][a-4];break;case"a":t.hour12=!0;break;case"b":case"B":throw new RangeError("`b/B` (period) patterns are not supported, use `a` instead");case"h":t.hourCycle="h12",t.hour=["numeric","2-digit"][a-1];break;case"H":t.hourCycle="h23",t.hour=["numeric","2-digit"][a-1];break;case"K":t.hourCycle="h11",t.hour=["numeric","2-digit"][a-1];break;case"k":t.hourCycle="h24",t.hour=["numeric","2-digit"][a-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":t.minute=["numeric","2-digit"][a-1];break;case"s":t.second=["numeric","2-digit"][a-1];break;case"S":case"A":throw new RangeError("`S/A` (second) patterns are not supported, use `s` instead");case"z":t.timeZoneName=a<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""})),t}},4477:(e,t,a)=>{a.d(t,{I:()=>g,O:()=>i});var o=a(7582),r=a(4455);function i(e){if(0===e.length)throw new Error("Number skeleton cannot be empty");for(var t=[],a=0,o=e.split(r.r).filter((function(e){return e.length>0}));a<o.length;a++){var i=o[a].split("/");if(0===i.length)throw new Error("Invalid number skeleton");for(var s=i[0],n=i.slice(1),l=0,c=n;l<c.length;l++)if(0===c[l].length)throw new Error("Invalid number skeleton");t.push({stem:s,options:n})}return t}var s=/^\.(?:(0+)(\*)?|(#+)|(0+)(#+))$/g,n=/^(@+)?(\+|#+)?[rs]?$/g,l=/(\*)(0+)|(#+)(0+)|(0+)/g,c=/^(0+)$/;function d(e){var t={};return"r"===e[e.length-1]?t.roundingPriority="morePrecision":"s"===e[e.length-1]&&(t.roundingPriority="lessPrecision"),e.replace(n,(function(e,a,o){return"string"!=typeof o?(t.minimumSignificantDigits=a.length,t.maximumSignificantDigits=a.length):"+"===o?t.minimumSignificantDigits=a.length:"#"===a[0]?t.maximumSignificantDigits=a.length:(t.minimumSignificantDigits=a.length,t.maximumSignificantDigits=a.length+("string"==typeof o?o.length:0)),""})),t}function h(e){switch(e){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 p(e){var t;if("E"===e[0]&&"E"===e[1]?(t={notation:"engineering"},e=e.slice(2)):"E"===e[0]&&(t={notation:"scientific"},e=e.slice(1)),t){var a=e.slice(0,2);if("+!"===a?(t.signDisplay="always",e=e.slice(2)):"+?"===a&&(t.signDisplay="exceptZero",e=e.slice(2)),!c.test(e))throw new Error("Malformed concise eng/scientific notation");t.minimumIntegerDigits=e.length}return t}function u(e){return h(e)||{}}function g(e){for(var t={},a=0,r=e;a<r.length;a++){var i=r[a];switch(i.stem){case"percent":case"%":t.style="percent";continue;case"%x100":t.style="percent",t.scale=100;continue;case"currency":t.style="currency",t.currency=i.options[0];continue;case"group-off":case",_":t.useGrouping=!1;continue;case"precision-integer":case".":t.maximumFractionDigits=0;continue;case"measure-unit":case"unit":t.style="unit",t.unit=i.options[0].replace(/^(.*?)-/,"");continue;case"compact-short":case"K":t.notation="compact",t.compactDisplay="short";continue;case"compact-long":case"KK":t.notation="compact",t.compactDisplay="long";continue;case"scientific":t=(0,o.pi)((0,o.pi)((0,o.pi)({},t),{notation:"scientific"}),i.options.reduce((function(e,t){return(0,o.pi)((0,o.pi)({},e),u(t))}),{}));continue;case"engineering":t=(0,o.pi)((0,o.pi)((0,o.pi)({},t),{notation:"engineering"}),i.options.reduce((function(e,t){return(0,o.pi)((0,o.pi)({},e),u(t))}),{}));continue;case"notation-simple":t.notation="standard";continue;case"unit-width-narrow":t.currencyDisplay="narrowSymbol",t.unitDisplay="narrow";continue;case"unit-width-short":t.currencyDisplay="code",t.unitDisplay="short";continue;case"unit-width-full-name":t.currencyDisplay="name",t.unitDisplay="long";continue;case"unit-width-iso-code":t.currencyDisplay="symbol";continue;case"scale":t.scale=parseFloat(i.options[0]);continue;case"rounding-mode-floor":t.roundingMode="floor";continue;case"rounding-mode-ceiling":t.roundingMode="ceil";continue;case"rounding-mode-down":t.roundingMode="trunc";continue;case"rounding-mode-up":t.roundingMode="expand";continue;case"rounding-mode-half-even":t.roundingMode="halfEven";continue;case"rounding-mode-half-down":t.roundingMode="halfTrunc";continue;case"rounding-mode-half-up":t.roundingMode="halfExpand";continue;case"integer-width":if(i.options.length>1)throw new RangeError("integer-width stems only accept a single optional option");i.options[0].replace(l,(function(e,a,o,r,i,s){if(a)t.minimumIntegerDigits=o.length;else{if(r&&i)throw new Error("We currently do not support maximum integer digits");if(s)throw new Error("We currently do not support exact integer digits")}return""}));continue}if(c.test(i.stem))t.minimumIntegerDigits=i.stem.length;else if(s.test(i.stem)){if(i.options.length>1)throw new RangeError("Fraction-precision stems only accept a single optional option");i.stem.replace(s,(function(e,a,o,r,i,s){return"*"===o?t.minimumFractionDigits=a.length:r&&"#"===r[0]?t.maximumFractionDigits=r.length:i&&s?(t.minimumFractionDigits=i.length,t.maximumFractionDigits=i.length+s.length):(t.minimumFractionDigits=a.length,t.maximumFractionDigits=a.length),""}));var g=i.options[0];"w"===g?t=(0,o.pi)((0,o.pi)({},t),{trailingZeroDisplay:"stripIfInteger"}):g&&(t=(0,o.pi)((0,o.pi)({},t),d(g)))}else if(n.test(i.stem))t=(0,o.pi)((0,o.pi)({},t),d(i.stem));else{var m=h(i.stem);m&&(t=(0,o.pi)((0,o.pi)({},t),m));var b=p(i.stem);b&&(t=(0,o.pi)((0,o.pi)({},t),b))}}return t}},4455:(e,t,a)=>{a.d(t,{r:()=>o});var o=/[\t-\r \x85\u200E\u200F\u2028\u2029]/i},2034:(e,t,a)=>{var o=a(4385),r=a(2017),i=a(8934),s=a(4331),n=a(3782),l=a(7864),c=a(4609),d=a(7641),h=a(9265),p=a(9795),u=a(2584),g=a(4379),m=a(5113),b=a(8187);a(3890);const f="cta",v="cta--reverse",y={color:b.a,gap:"0.375rem"},E="0.25em",$=o.i`
  /* Basic links */
  a {
    ${c.b}
    gap: var(--ds-anchor-gap, ${(0,o.a)(y.gap)});
    color: var(
      --ds-anchor-color,
      var(--ds-theme-foreground-accent-subtle-normal, ${(0,o.a)(y.color)})
    );
  }

  a[href]:focus {
    ${u.a}
    outline-offset: 1px; /* Webkit browser default */
  }

  .first,
  .last {
    display: inline-flex;
  }

  /* CTA and CTA reverse */
  :host([appearance^='${(0,o.a)(f)}']) a {
    text-decoration: none;
    font-weight: var(--ds-cta-font-weight, ${(0,o.a)("600")});
  }

  :host([appearance='${(0,o.a)(f)}']) moray-icon:not(.rtl),
  :host([appearance='${(0,o.a)(v)}']) moray-icon.rtl {
    transform: translateX(
      calc(var(--ds-cta-translate-x, ${(0,o.a)(E)}) * -1)
    );
  }

  :host([appearance='${(0,o.a)(f)}']) moray-icon.rtl,
  :host([appearance='${(0,o.a)(v)}']) moray-icon:not(.rtl) {
    transform: translateX(var(--ds-cta-translate-x, ${(0,o.a)(E)}));
  }

  :host([appearance^='${(0,o.a)(f)}']) a:hover,
  :host([appearance^='${(0,o.a)(f)}']) a:focus {
    text-decoration: underline;
  }

  :host([appearance^='${(0,o.a)(f)}']) a:hover moray-icon,
  :host([appearance^='${(0,o.a)(f)}']) a:focus moray-icon {
    transform: translateX(0);

    ${(0,g.t)(`var(--ds-cta-transition, ${(0,o.a)("transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)")})`)}
  }

  /* Action trigger */

  ${m.a}

  /* Button */

  ${c.a}
`;var _=Object.defineProperty,k=Object.getOwnPropertyDescriptor,C=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?k(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&_(t,a,i),i};let w=class extends((0,p.A)(o.s)){constructor(){super(...arguments),this.localize=new d.L(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((e=>"img"===e.nodeName.toLowerCase()||"moray-icon"===e.nodeName.toLowerCase()))}render(){const e="rtl"===this.localize.dir(),t={rtl:e};let a=o.x``,r=o.x``;this.appearance===f?r=o.x`
        <moray-icon
          icon="chevron-${e?"left":"right"}"
          size=${h.I.medium}
          class=${(0,l.e)(t)}
        ></moray-icon>
      `:this.appearance===v&&(a=o.x`
        <moray-icon
          icon="chevron-${e?"right":"left"}"
          size=${h.I.medium}
          class=${(0,l.e)(t)}
        ></moray-icon>
      `);const i={"action-trigger--no-underline":this.appearance===c.B.actionTrigger&&this._slottedImgIcon};return this.renderAnchor(o.x`
        <span
          part="first"
          class="first"
          style="${this._firstSlotEmpty?"display: none":o.T}"
        >
          <slot name="first" @slotchange=${this._handleSlotChange}></slot>
        </span>
        ${a}
        <slot @slotchange=${this._handleSlotChange}></slot>
        ${r}
        <span part="last" class="last" style="${this._lastSlotEmpty?"display: none":o.T}">
          <slot name="last" @slotchange=${this._handleSlotChange}></slot>
        </span>
      `,i)}};w.styles=$,C([(0,r.n)({reflect:!0})],w.prototype,"appearance",2),C([(0,r.n)({type:Boolean,reflect:!0})],w.prototype,"block",2),C([(0,r.n)({type:Boolean,reflect:!0})],w.prototype,"pill",2),C([(0,r.n)({reflect:!0})],w.prototype,"size",2),C([(0,s.o)()],w.prototype,"_defaultSlot",2),C([(0,n.n)({slot:"first"})],w.prototype,"_firstSlot",2),C([(0,n.n)({slot:"last"})],w.prototype,"_lastSlot",2),C([(0,i.r)()],w.prototype,"_firstSlotEmpty",2),C([(0,i.r)()],w.prototype,"_lastSlotEmpty",2),C([(0,i.r)()],w.prototype,"_slottedImgIcon",2),w=C([(0,o.r)("moray-anchor")],w)},5552:(e,t,a)=>{var o=a(4385),r=a(5113),i=a(4609),s=a(2584),n=a(8187),l=a(2017),c=a(8934),d=a(4331),h=a(3782),p=a(7864),u=a(9366);const g={colorLight:n.E,colorDark:n.m,depth:n.w,size:"3rem",sizeLarge:"4.5rem",vfiStyle:"dashed",borderWidth:"0.25rem"},m={light:o.i`var(--ds-media-control-color-light, var(--ds-color-white, ${(0,o.a)(g.colorLight)}))`,dark:o.i`var(--ds-media-control-color-dark, var(--ds-color-black, ${(0,o.a)(g.colorDark)}))`,size:o.i`var(--ds-media-control-size, ${(0,o.a)(g.size)})`,sizeLarge:o.i`var(--ds-media-control-size-large, ${(0,o.a)(g.sizeLarge)})`,borderOffset:o.i`calc(var(--ds-media-control-border-width, ${(0,o.a)(g.borderWidth)}) * 2)`,iconAdjuster:"1.18"},b=o.i`
  /* stylelint-disable value-keyword-case */
  button {
    ${i.b}
  }

  :host([disabled]) button,
  :host(.inactive) button {
    cursor: default;
  }

  /* Action trigger */

  ${r.a}

  /* Button */

  ${i.a}

  /* Media control */

  :host([appearance^='${(0,o.a)(i.B.mediaControl)}']) button {
    height: ${(0,o.a)(m.size)};
    width: ${(0,o.a)(m.size)};
    font-size: calc(
      ${(0,o.a)(m.size)} * ${(0,o.a)(m.iconAdjuster)} -
        ${(0,o.a)(m.borderOffset)}
    );
    border-radius: 50%;
    justify-content: center;
    padding: 0;
    color: ${(0,o.a)(m.dark)};
    background-color: ${(0,o.a)(m.light)};
    box-shadow: var(
      --ds-media-control-depth,
      var(--ds-depth-8, ${(0,o.a)(g.depth)})
    );
  }

  :host([appearance^='${(0,o.a)(i.B.mediaControl)}']) button:focus {
    ${s.a}
    outline-style: var(--ds-media-control-vfi-style, ${(0,o.a)(g.vfiStyle)});
    outline-offset: calc(
      var(--ds-media-control-border-width, ${(0,o.a)(g.borderWidth)}) /
        -2 - 1px
    );
  }

  :host(
      [appearance^='${(0,o.a)(i.B.mediaControl)}'][size='${(0,o.a)(i.c.large)}']
    )
    button {
    height: ${(0,o.a)(m.sizeLarge)};
    width: ${(0,o.a)(m.sizeLarge)};
    font-size: calc(
      ${(0,o.a)(m.sizeLarge)} * ${(0,o.a)(m.iconAdjuster)} -
        ${(0,o.a)(m.borderOffset)}
    );
  }

  :host([appearance^='${(0,o.a)(i.B.mediaControl)}'][appearance*='--light']) button {
    color: ${(0,o.a)(m.light)};
    background-color: ${(0,o.a)(m.dark)};
  }
`;var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,y=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?v(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&f(t,a,i),i};const E=e=>{class t extends e{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(e,t,a="base"){const r={...t};return o.x`
        <button
          class=${(0,p.e)(r)}
          part=${a}
          aria-disabled="${(0,u.o)(this.ariaDisabled)}"
          aria-haspopup="${(0,u.o)(this.ariaHasPopup)}"
          aria-expanded="${(0,u.o)(this.ariaExpanded)}"
          aria-pressed="${(0,u.o)(this.ariaPressed)}"
          ?autofocus="${this.autoFocus}"
          ?disabled="${this.disabled}"
          form="${(0,u.o)(this.form)}"
          formaction="${(0,u.o)(this.formAction)}"
          formmethod="${(0,u.o)(this.formMethod)}"
          ?formnovalidate="${this.formNoValidate}"
          formtarget="${(0,u.o)(this.formTarget)}"
          name="${(0,u.o)(this.name)}"
          popovertarget="${(0,u.o)(this.popoverTarget)}"
          popovertargetaction="${(0,u.o)(this.popoverTargetAction)}"
          type="${(0,u.o)(this.type)}"
          value="${(0,u.o)(this.value)}"
        >
          ${e}
        </button>
      `}}return y([(0,l.n)({attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),y([(0,l.n)({attribute:"aria-haspopup"})],t.prototype,"ariaHasPopup",2),y([(0,l.n)({attribute:"aria-expanded"})],t.prototype,"ariaExpanded",2),y([(0,l.n)({attribute:"aria-pressed"})],t.prototype,"ariaPressed",2),y([(0,l.n)({attribute:"autofocus",type:Boolean})],t.prototype,"autoFocus",2),y([(0,l.n)({type:Boolean})],t.prototype,"disabled",2),y([(0,l.n)({})],t.prototype,"form",2),y([(0,l.n)({attribute:"formaction"})],t.prototype,"formAction",2),y([(0,l.n)({attribute:"formenctype"})],t.prototype,"formEncType",2),y([(0,l.n)({attribute:"formmethod"})],t.prototype,"formMethod",2),y([(0,l.n)({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),y([(0,l.n)({attribute:"formtarget"})],t.prototype,"formTarget",2),y([(0,l.n)({})],t.prototype,"name",2),y([(0,l.n)({attribute:"popovertarget"})],t.prototype,"popoverTarget",2),y([(0,l.n)({attribute:"popovertargetaction"})],t.prototype,"popoverTargetAction",2),y([(0,l.n)({})],t.prototype,"type",2),y([(0,l.n)({})],t.prototype,"value",2),t};var $=Object.defineProperty,_=Object.getOwnPropertyDescriptor,k=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?_(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&$(t,a,i),i};let C=class extends(E(o.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((e=>"img"===e.nodeName.toLowerCase()||"moray-icon"===e.nodeName.toLowerCase()))}render(){const e={"action-trigger--no-underline":this.appearance===i.B.actionTrigger&&this._slottedImgIcon};return this.renderButton(o.x`
        <span
          part="first"
          class="first"
          style="${this._firstSlotEmpty?"display: none":o.T}"
        >
          <slot name="first" @slotchange=${this._handleSlotChange}></slot>
        </span>
        <slot @slotchange=${this._handleSlotChange}></slot>
        <span part="last" class="last" style="${this._lastSlotEmpty?"display: none":o.T}">
          <slot name="last" @slotchange=${this._handleSlotChange}></slot>
        </span>
      `,e)}};C.shadowRootOptions={...o.s.shadowRootOptions,delegatesFocus:!0},C.styles=b,k([(0,l.n)({reflect:!0})],C.prototype,"appearance",2),k([(0,l.n)({type:Boolean,reflect:!0})],C.prototype,"active",2),k([(0,l.n)({type:Boolean,reflect:!0})],C.prototype,"inactive",2),k([(0,l.n)({type:Boolean,reflect:!0})],C.prototype,"block",2),k([(0,l.n)({type:Boolean,reflect:!0})],C.prototype,"pill",2),k([(0,l.n)({reflect:!0})],C.prototype,"size",2),k([(0,d.o)()],C.prototype,"_defaultSlot",2),k([(0,h.n)({slot:"first"})],C.prototype,"_firstSlot",2),k([(0,h.n)({slot:"last"})],C.prototype,"_lastSlot",2),k([(0,c.r)()],C.prototype,"_firstSlotEmpty",2),k([(0,c.r)()],C.prototype,"_lastSlotEmpty",2),k([(0,c.r)()],C.prototype,"_slottedImgIcon",2),C=k([(0,o.r)("moray-button")],C)},3890:(e,t,a)=>{var o=a(4385),r=a(2017),i=a(4331);const s="1em",n="0.8125em",l="1em",c="1.25em",d="1.5em",h=o.i`
  :host {
    display: inline-block;
    width: var(--ds-icon-size-default, ${(0,o.a)(s)});
    min-width: var(--ds-icon-size-default, ${(0,o.a)(s)});
    height: var(--ds-icon-size-default, ${(0,o.a)(s)});
    min-height: var(--ds-icon-size-default, ${(0,o.a)(s)});
    box-sizing: content-box;
  }

  :host([size='xsmall']) {
    width: var(--ds-icon-size-xsmall, ${(0,o.a)(n)});
    min-width: var(--ds-icon-size-xsmall, ${(0,o.a)(n)});
    height: var(--ds-icon-size-xsmall, ${(0,o.a)(n)});
    min-height: var(--ds-icon-size-xsmall, ${(0,o.a)(n)});
  }

  :host([size='small']) {
    width: var(--ds-icon-size-small, ${(0,o.a)(l)});
    min-width: var(--ds-icon-size-small, ${(0,o.a)(l)});
    height: var(--ds-icon-size-small, ${(0,o.a)(l)});
    min-height: var(--ds-icon-size-small, ${(0,o.a)(l)});
  }

  :host([size='medium']) {
    width: var(--ds-icon-size-medium, ${(0,o.a)(c)});
    min-width: var(--ds-icon-size-medium, ${(0,o.a)(c)});
    height: var(--ds-icon-size-medium, ${(0,o.a)(c)});
    min-height: var(--ds-icon-size-medium, ${(0,o.a)(c)});
  }

  :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;
  }
`,p=Object.assign({"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 5c-.38 0-.7.28-.74.65l-.01.1v3.5h-3.5a.75.75 0 0 0-.1 1.5h3.6v3.5a.75.75 0 0 0 1.5.1v-3.6h3.5a.75.75 0 0 0 .1-1.5h-3.6v-3.5A.75.75 0 0 0 12 7Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/add_circle_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17ZM12 7c.41 0 .75.34.75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5c0-.41.34-.75.75-.75Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.28 10.3a1 1 0 0 0 1.43 1.4L11 6.33V20a1 1 0 1 0 2 0V6.33l5.28 5.37a1 1 0 0 0 1.43-1.4l-6.82-6.93c-.5-.5-1.3-.5-1.78 0L4.28 10.3Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/arrow_up_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.2 10.73a.75.75 0 0 0 1.1 1.04l5.95-6.25v14.73a.75.75 0 0 0 1.5 0V5.52l5.95 6.25a.75.75 0 0 0 1.1-1.04l-7.08-7.42a1 1 0 0 0-1.44 0L4.2 10.73Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m8.5 16.59-3.8-3.8a1 1 0 0 0-1.4 1.42l4.5 4.5a1 1 0 0 0 1.4 0l11-11a1 1 0 0 0-1.4-1.42L8.5 16.6Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/checkmark_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.53 12.97a.75.75 0 0 0-1.06 1.06l4.5 4.5c.3.3.77.3 1.06 0l11-11a.75.75 0 0 0-1.06-1.06L8.5 16.94l-3.97-3.97Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.3 8.3a1 1 0 0 1 1.4 0l6.3 6.29 6.3-6.3a1 1 0 1 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 0-1.42Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_down_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.22 8.47c.3-.3.77-.3 1.06 0L12 15.19l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25c-.3.3-.77.3-1.06 0L4.22 9.53a.75.75 0 0 1 0-1.06Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.7 4.3a1 1 0 0 1 0 1.4L9.42 12l6.3 6.3a1 1 0 0 1-1.42 1.4l-7-7a1 1 0 0 1 0-1.4l7-7a1 1 0 0 1 1.42 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_left_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.53 4.22c.3.3.3.77 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25c.3-.3.77-.3 1.06 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.3 4.3a1 1 0 0 0 0 1.4l6.29 6.3-6.3 6.3a1 1 0 1 0 1.42 1.4l7-7a1 1 0 0 0 0-1.4l-7-7a1 1 0 0 0-1.42 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_right_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.47 4.22c-.3.3-.3.77 0 1.06L15.19 12l-6.72 6.72a.75.75 0 1 0 1.06 1.06l7.25-7.25c.3-.3.3-.77 0-1.06L9.53 4.22a.75.75 0 0 0-1.06 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.3 15.7a1 1 0 0 0 1.4 0L12 9.42l6.3 6.3a1 1 0 0 0 1.4-1.42l-7-7a1 1 0 0 0-1.4 0l-7 7a1 1 0 0 0 0 1.42Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/chevron_up_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.22 15.53c.3.3.77.3 1.06 0L12 8.81l6.72 6.72a.75.75 0 1 0 1.06-1.06l-7.25-7.25a.75.75 0 0 0-1.06 0l-7.25 7.25c-.3.3-.3.77 0 1.06Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/circle_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17ZM2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m4.21 4.39.08-.1a1 1 0 0 1 1.32-.08l.1.08L12 10.6l6.3-6.3a1 1 0 1 1 1.4 1.42L13.42 12l6.3 6.3a1 1 0 0 1 .08 1.31l-.08.1a1 1 0 0 1-1.32.08l-.1-.08L12 13.4l-6.3 6.3a1 1 0 0 1-1.4-1.42L10.58 12l-6.3-6.3a1 1 0 0 1-.08-1.31l.08-.1-.08.1Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/dismiss_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m4.4 4.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L12 10.94l6.47-6.47a.75.75 0 1 1 1.06 1.06L13.06 12l6.47 6.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L12 13.06l-6.47 6.47a.75.75 0 0 1-1.06-1.06L10.94 12 4.47 5.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.5 6.25v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 1.5 0Zm4.5 0v7.5a.75.75 0 0 1-1.5 0v-7.5a.75.75 0 0 1 1.5 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/pause_circle_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 8.25a.75.75 0 0 0-1.5 0v7.5a.75.75 0 0 0 1.5 0v-7.5Zm4.5 0a.75.75 0 0 0-1.5 0v7.5a.75.75 0 0 0 1.5 0v-7.5ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM3.5 12a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Zm8.86-3.85A1.25 1.25 0 0 0 9 9.25v5.5c0 .95 1.02 1.56 1.86 1.1l5.75-3.2a.75.75 0 0 0 0-1.3l-5.75-3.2Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/play_circle_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.86 8.15A1.25 1.25 0 0 0 9 9.25v5.5c0 .95 1.02 1.56 1.86 1.1l5.75-3.2a.75.75 0 0 0 0-1.3l-5.75-3.2ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20ZM3.5 12a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm5-7a7 7 0 1 0 4.2 12.6l5.1 5.1a1 1 0 0 0 1.4-1.4l-5.1-5.1A7 7 0 0 0 10 3Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/search_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 10a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM10 3a7 7 0 1 0 4.4 12.45l5.32 5.33a.75.75 0 1 0 1.06-1.06l-5.33-5.33A7 7 0 0 0 10 3Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.79 3.1c.5-1 1.92-1 2.42 0l2.36 4.78 5.27.77c1.1.16 1.55 1.52.75 2.3l-3.82 3.72.9 5.25a1.35 1.35 0 0 1-1.96 1.42L12 18.86l-4.72 2.48a1.35 1.35 0 0 1-1.96-1.42l.9-5.25-3.81-3.72c-.8-.78-.36-2.14.75-2.3l5.27-.77 2.36-4.78Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/star_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.79 3.1c.5-1 1.92-1 2.42 0l2.36 4.78 5.27.77c1.1.16 1.55 1.52.75 2.3l-3.82 3.72.9 5.25a1.35 1.35 0 0 1-1.96 1.42L12 18.86l-4.72 2.48a1.35 1.35 0 0 1-1.96-1.42l.9-5.25-3.81-3.72c-.8-.78-.36-2.14.75-2.3l5.27-.77 2.36-4.78Zm1.2.94L9.75 8.6c-.2.4-.58.68-1.02.74l-5.05.74 3.66 3.56c.32.3.46.76.39 1.2l-.87 5.02 4.52-2.37c.4-.2.86-.2 1.26 0l4.51 2.37-.86-5.03c-.07-.43.07-.88.39-1.2l3.65-3.55-5.05-.74a1.35 1.35 0 0 1-1.01-.74L12 4.04Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm-4.25 9.25a.75.75 0 0 0-.1 1.5h8.6a.75.75 0 0 0 .1-1.5h-8.6Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/subtract_circle_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm4.25 7.75a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5h8.5Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_filled.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.03 3.66a2.25 2.25 0 0 1 3.94 0l7.74 14A2.25 2.25 0 0 1 19.74 21H4.25a2.25 2.25 0 0 1-1.97-3.34l7.75-14ZM13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1v4.5l.02.1a.75.75 0 0 0 1.49-.1v-4.5l-.01-.1Z"/></svg>',"../../../../../../node_modules/@fluentui/svg-icons/icons/warning_24_regular.svg":'<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1l.01 4.5v.1a.75.75 0 0 0 1.5-.1v-4.5l-.01-.1Zm1.23-5.5a2.25 2.25 0 0 0-3.94 0L2.3 17.67A2.25 2.25 0 0 0 4.26 21h15.49c1.71 0 2.8-1.84 1.96-3.34l-7.74-14Zm-2.63.74a.75.75 0 0 1 1.32 0l7.74 14a.75.75 0 0 1-.65 1.11H4.25a.75.75 0 0 1-.65-1.11l7.74-14Z"/></svg>'}),u=Object.keys(p);var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?m(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&g(t,a,i),i};let f=class extends o.s{constructor(){super(...arguments),this.filled=!1,this.ariaLabel=null}updated(e){e.has("ariaLabel")&&this._setAriaAttrs(),e.has("icon")&&this.setIcon()}setIcon(){var e;if(this._slotContents&&0===this._slotContents.length&&this.icon){const t=(({name:e="",filled:t})=>{const a=`../../../../../../node_modules/@fluentui/svg-icons/icons/${e.replace("-","_").toLowerCase()}_24_${t?"filled":"regular"}.svg`;return((e="")=>u.includes(e))(a)?p[a]:""})({name:this.icon,filled:this.filled}),a=t&&(new DOMParser).parseFromString(t,"text/html"),o=a&&a.body.querySelector("svg");o&&(this.removeIcon(),null==(e=this.shadowRoot)||e.append(o))}}removeIcon(){var e;const t=null==(e=this.shadowRoot)?void 0:e.querySelector("svg");null==t||t.remove()}_setAriaAttrs(){this.ariaLabel?(this.setAttribute("role","img"),this.removeAttribute("aria-hidden")):(this.setAttribute("aria-hidden","true"),this.removeAttribute("role"))}render(){return o.x` <slot></slot> `}};f.styles=[h],b([(0,r.n)()],f.prototype,"icon",2),b([(0,r.n)()],f.prototype,"size",2),b([(0,r.n)({type:Boolean})],f.prototype,"filled",2),b([(0,r.n)({attribute:"aria-label"})],f.prototype,"ariaLabel",2),b([(0,i.o)()],f.prototype,"_slotContents",2),f=b([(0,o.r)("moray-icon")],f)},1697:(e,t,a)=>{a.d(t,{ZP:()=>o});const o=a(6284).C},6284:(e,t,a)=>{a.d(t,{C:()=>l});var o=a(7582),r=a(9263),i=a(5957),s=a(1092);function n(e){return{create:function(){return{get:function(t){return e[t]},set:function(t,a){e[t]=a}}}}}var l=function(){function e(t,a,r,l){var c,d,h,p=this;if(void 0===a&&(a=e.defaultLocale),this.formatterCache={number:{},dateTime:{},pluralRules:{}},this.format=function(e){var t=p.formatToParts(e);if(1===t.length)return t[0].value;var a=t.reduce((function(e,t){return e.length&&t.type===s.du.literal&&"string"==typeof e[e.length-1]?e[e.length-1]+=t.value:e.push(t.value),e}),[]);return a.length<=1?a[0]||"":a},this.formatToParts=function(e){return(0,s.FK)(p.ast,p.locales,p.formatters,p.formats,e,void 0,p.message)},this.resolvedOptions=function(){var e;return{locale:(null===(e=p.resolvedLocale)||void 0===e?void 0:e.toString())||Intl.NumberFormat.supportedLocalesOf(p.locales)[0]}},this.getAst=function(){return p.ast},this.locales=a,this.resolvedLocale=e.resolveLocale(a),"string"==typeof t){if(this.message=t,!e.__parse)throw new TypeError("IntlMessageFormat.__parse must be set to process `message` of type `string`");var u=l||{},g=(u.formatters,(0,o._T)(u,["formatters"]));this.ast=e.__parse(t,(0,o.pi)((0,o.pi)({},g),{locale:this.resolvedLocale}))}else this.ast=t;if(!Array.isArray(this.ast))throw new TypeError("A message must be provided as a String or AST.");this.formats=(d=e.formats,(h=r)?Object.keys(d).reduce((function(e,t){var a,r;return e[t]=(a=d[t],(r=h[t])?(0,o.pi)((0,o.pi)((0,o.pi)({},a||{}),r||{}),Object.keys(a).reduce((function(e,t){return e[t]=(0,o.pi)((0,o.pi)({},a[t]),r[t]||{}),e}),{})):a),e}),(0,o.pi)({},d)):d),this.formatters=l&&l.formatters||(void 0===(c=this.formatterCache)&&(c={number:{},dateTime:{},pluralRules:{}}),{getNumberFormat:(0,i.H)((function(){for(var e,t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];return new((e=Intl.NumberFormat).bind.apply(e,(0,o.ev)([void 0],t,!1)))}),{cache:n(c.number),strategy:i.A.variadic}),getDateTimeFormat:(0,i.H)((function(){for(var e,t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];return new((e=Intl.DateTimeFormat).bind.apply(e,(0,o.ev)([void 0],t,!1)))}),{cache:n(c.dateTime),strategy:i.A.variadic}),getPluralRules:(0,i.H)((function(){for(var e,t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];return new((e=Intl.PluralRules).bind.apply(e,(0,o.ev)([void 0],t,!1)))}),{cache:n(c.pluralRules),strategy:i.A.variadic})})}return Object.defineProperty(e,"defaultLocale",{get:function(){return e.memoizedDefaultLocale||(e.memoizedDefaultLocale=(new Intl.NumberFormat).resolvedOptions().locale),e.memoizedDefaultLocale},enumerable:!1,configurable:!0}),e.memoizedDefaultLocale=null,e.resolveLocale=function(e){if(void 0!==Intl.Locale){var t=Intl.NumberFormat.supportedLocalesOf(e);return t.length>0?new Intl.Locale(t[0]):new Intl.Locale("string"==typeof e?e:e[0])}},e.__parse=r.Qc,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}()},1050:(e,t,a)=>{a.d(t,{C8:()=>s,HR:()=>l,YR:()=>n,jK:()=>o,u_:()=>i});var o,r=a(7582);!function(e){e.MISSING_VALUE="MISSING_VALUE",e.INVALID_VALUE="INVALID_VALUE",e.MISSING_INTL_API="MISSING_INTL_API"}(o||(o={}));var i=function(e){function t(t,a,o){var r=e.call(this,t)||this;return r.code=a,r.originalMessage=o,r}return(0,r.ZT)(t,e),t.prototype.toString=function(){return"[formatjs Error: ".concat(this.code,"] ").concat(this.message)},t}(Error),s=function(e){function t(t,a,r,i){return e.call(this,'Invalid values for "'.concat(t,'": "').concat(a,'". Options are "').concat(Object.keys(r).join('", "'),'"'),o.INVALID_VALUE,i)||this}return(0,r.ZT)(t,e),t}(i),n=function(e){function t(t,a,r){return e.call(this,'Value for "'.concat(t,'" must be of type ').concat(a),o.INVALID_VALUE,r)||this}return(0,r.ZT)(t,e),t}(i),l=function(e){function t(t,a){return e.call(this,'The intl string context variable "'.concat(t,'" was not provided to the string "').concat(a,'"'),o.MISSING_VALUE,a)||this}return(0,r.ZT)(t,e),t}(i)},1092:(e,t,a)=>{a.d(t,{FK:()=>n,du:()=>o});var o,r=a(9263),i=a(1050);function s(e){return"function"==typeof e}function n(e,t,a,l,c,d,h){if(1===e.length&&(0,r.O4)(e[0]))return[{type:o.literal,value:e[0].value}];for(var p=[],u=0,g=e;u<g.length;u++){var m=g[u];if((0,r.O4)(m))p.push({type:o.literal,value:m.value});else if((0,r.yx)(m))"number"==typeof d&&p.push({type:o.literal,value:a.getNumberFormat(t).format(d)});else{var b=m.value;if(!c||!(b in c))throw new i.HR(b,h);var f=c[b];if((0,r.VG)(m))f&&"string"!=typeof f&&"number"!=typeof f||(f="string"==typeof f||"number"==typeof f?String(f):""),p.push({type:"string"==typeof f?o.literal:o.object,value:f});else if((0,r.rp)(m)){var v="string"==typeof m.style?l.date[m.style]:(0,r.Ii)(m.style)?m.style.parsedOptions:void 0;p.push({type:o.literal,value:a.getDateTimeFormat(t,v).format(f)})}else if((0,r.pe)(m))v="string"==typeof m.style?l.time[m.style]:(0,r.Ii)(m.style)?m.style.parsedOptions:l.time.medium,p.push({type:o.literal,value:a.getDateTimeFormat(t,v).format(f)});else if((0,r.uf)(m))(v="string"==typeof m.style?l.number[m.style]:(0,r.Wh)(m.style)?m.style.parsedOptions:void 0)&&v.scale&&(f*=v.scale||1),p.push({type:o.literal,value:a.getNumberFormat(t,v).format(f)});else{if((0,r.HI)(m)){var y=m.children,E=m.value,$=c[E];if(!s($))throw new i.YR(E,"function",h);var _=$(n(y,t,a,l,c,d).map((function(e){return e.value})));Array.isArray(_)||(_=[_]),p.push.apply(p,_.map((function(e){return{type:"string"==typeof e?o.literal:o.object,value:e}})))}if((0,r.Wi)(m)){if(!(k=m.options[f]||m.options.other))throw new i.C8(m.value,f,Object.keys(m.options),h);p.push.apply(p,n(k.value,t,a,l,c))}else if((0,r.Jo)(m)){var k;if(!(k=m.options["=".concat(f)])){if(!Intl.PluralRules)throw new i.u_('Intl.PluralRules is not available in this environment.\nTry polyfilling it using "@formatjs/intl-pluralrules"\n',i.jK.MISSING_INTL_API,h);var C=a.getPluralRules(t,{type:m.pluralType}).select(f-(m.offset||0));k=m.options[C]||m.options.other}if(!k)throw new i.C8(m.value,f,Object.keys(m.options),h);p.push.apply(p,n(k.value,t,a,l,c,f-(m.offset||0)))}}}}return(w=p).length<2?w:w.reduce((function(e,t){var a=e[e.length-1];return a&&a.type===o.literal&&t.type===o.literal?a.value+=t.value:e.push(t),e}),[]);var w}!function(e){e[e.literal=0]="literal",e[e.object=1]="object"}(o||(o={}))},8358:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);const s="left",n="1rem",l=r.iv`
  .block-heading {
    --_link-color: var(--ds-card-link-color, #0067b8);
    --root-spacing-m: var(--theme-spacing-m, 0.5rem);
    --root-spacing-xl: var(--theme-spacing-xl, 2rem);

    text-align: var(
      --ds-block-heading-text-align,
      ${(0,r.$m)(s)}
    );
    background-color: var(--block-heading-background-color);

    .block-heading__button-group > .button-group {
      justify-content: var(--block-heading-text-align);
    }
  }

  ::slotted([slot='eyebrow']) {
    --block-heading-eyebrow-color: var(
      --ds-block-heading-eyebrow-color,
      var(
        --ds-theme-foreground-base-highlight,
        ${(0,r.$m)("#005597")}
      )
    );
    --block-heading-eyebrow-font-weight: var(
      --ds-block-heading-eyebrow-font-weight,
      ${(0,r.$m)("600")}
    );

    --block-heading-eyebrow-font-size: var(
      --ds-block-heading-eyebrow-font-size,
      ${(0,r.$m)("0.75rem")}
    );
    --block-heading-eyebrow-line-height: var(
      --ds-block-heading-eyebrow-line-height,
      ${(0,r.$m)("1rem")}
    );
    --block-heading-eyebrow-letter-spacing: var(
      --ds-block-heading-eyebrow-letter-spacing,
      ${(0,r.$m)("0.08rem")}
    );
    --block-heading-eyebrow-margin: var(
      --ds-block-heading-eyebrow-margin,
      var(--ds-spacing-5, ${(0,r.$m)("1rem")})
    );
    --block-heading-eyebrow-text-transform: var(
      --ds-block-heading-eyebrow-text-transform,
      ${(0,r.$m)("uppercase")}
    );

    text-transform: var(--block-heading-eyebrow-text-transform);
    color: var(--block-heading-eyebrow-color);
    font-weight: var(--block-heading-eyebrow-font-weight);
    font-size: var(--block-heading-eyebrow-font-size);
    line-height: var(--block-heading-eyebrow-line-height);
    letter-spacing: var(--block-heading-eyebrow-letter-spacing);
    margin: 0 0 var(--block-heading-eyebrow-margin);
  }

  ::slotted([slot='title']) {
    --block-heading-title-color: var(
      --ds-block-heading-title-color,
      var(--ds-theme-foreground-base, ${(0,r.$m)("#0e1726")})
    );
    --block-heading-title-background: var(
      --ds-block-heading-title-background,
      ${(0,r.$m)("transparent")}
    );

    color: var(--block-heading-title-color);
    background: var(--block-heading-title-background);
  }

  ::slotted([slot='paragraph']) {
    --block-heading-paragraph-color: var(
      --ds-block-heading-paragraph-color,
      var(
        --ds-theme-foreground-base-subtle,
        ${(0,r.$m)("#17253d")}
      )
    );
    --block-heading-paragraph-margin: var(
      --ds-block-heading-paragraph-margin,
      var(--ds-spacing-5, ${(0,r.$m)(n)})
    );
    --block-heading-paragraph-font-weight: var(
      --ds-block-heading-paragraph-font-weight,
      var(
        --ds-body-font-weight,
        ${(0,r.$m)("400")}
      )
    );
    --block-heading-paragraph-font-size: var(
      --ds-block-heading-paragraph-font-size,
      var(--ds-body-font-size, ${(0,r.$m)("1rem")})
    );
    --block-heading-paragraph-line-height: var(
      --ds-block-heading-paragraph-line-height,
      var(
        --ds-body-line-height,
        ${(0,r.$m)("1.5rem")}
      )
    );
    --block-heading-paragraph-letter-spacing: var(
      --ds-block-heading-paragraph-letter-spacing,
      var(
        --ds-body-letter-spacing,
        ${(0,r.$m)("-0.03em")}
      )
    );
    --block-heading-paragraph-margin: var(
      --ds-block-heading-paragraph-margin,
      var(--ds-spacing-5, ${(0,r.$m)(n)})
    );
    --block-heading-paragraph-margin-right: var(
      --ds-block-heading-paragraph-margin-right,
      ${(0,r.$m)("0")}
    );
    --block-heading-paragraph-margin-left: var(
      --ds-block-heading-paragraph-margin-left,
      ${(0,r.$m)("0")}
    );
    --block-heading-paragraph-width: var(
      --ds-block-heading-paragraph-width,
      ${(0,r.$m)("100%")}
    );
    color: var(--block-heading-paragraph-color);
    margin: var(--block-heading-paragraph-margin)
      var(--block-heading-paragraph-margin-right) 0
      var(--block-heading-paragraph-margin-left);
    font-weight: var(--block-heading-paragraph-font-weight);
    font-size: var(--block-heading-paragraph-font-size);
    line-height: var(--block-heading-paragraph-line-height);
    letter-spacing: var(--block-heading-paragraph-letter-spacing);
    margin-bottom: 0;
    width: var(--block-heading-paragraph-width);
  }

  .block-heading__button-group {
    margin: var(--root-spacing-xl) 0 0;
  }
  ::slotted([slot='links']) {
    margin: var(
        --ds-block-heading-links-margin,
        var(--ds-spacing-6, ${(0,r.$m)("1.5rem")})
      )
      0 0;
    justify-content: var(
      --ds-block-heading-text-align,
      ${(0,r.$m)(s)}
    );
  }

  .block-heading__cta {
    color: var(--_link-color);
    position: relative;
    text-decoration: none;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }
  .block-heading__cta::after {
    content: '';
    right: 0.4375rem;
  }
  .block-heading__cta::after {
    font-family: MWF-FLUENT-ICONS;
    line-height: 1;
    top: calc(50% + 0.0625em);
    margin-top: -0.5em;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    font-weight: 600;
  }

  .block-heading--alignment-centered {
    --block-heading-text-align: center;

    .block-heading__slot {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  ::slotted([slot='footnote']) {
    --block-heading-footnote-color: var(
      --ds-block-heading-footnote-color,
      var(
        --ds-theme-foreground-base-subtle,
        ${(0,r.$m)("#17253d")}
      )
    );
    --block-heading-footnote-font-weight: var(
      --ds-block-heading-footnote-font-weight,
      var(
        --ds-body-font-weight,
        ${(0,r.$m)("400")}
      )
    );
    --block-heading-footnote-font-size: var(
      --ds-block-heading-footnote-font-size,
      var(
        --ds-body-xs-font-size,
        ${(0,r.$m)("0.75rem")}
      )
    );
    --block-heading-footnote-line-height: var(
      --ds-block-heading-footnote-line-height,
      var(
        --ds-body-xs-line-height,
        ${(0,r.$m)("1rem")}
      )
    );
    --block-heading-footnote-letter-spacing: var(
      --ds-block-heading-footnote-letter-spacing,
      var(
        --ds-body-xs-letter-spacing,
        ${(0,r.$m)("-0.03em")}
      )
    );
    --block-heading-footnote-margin: var(
      --ds-block-heading-footnote-margin,
      var(--ds-spacing-6, ${(0,r.$m)("1.5rem")})
    );

    color: var(--block-heading-footnote-color);
    margin: var(--block-heading-footnote-margin) 0 0;
    font-weight: var(--block-heading-footnote-font-weight);
    font-size: var(--block-heading-footnote-font-size);
    line-height: var(--block-heading-footnote-line-height);
    letter-spacing: var(--block-heading-footnote-letter-spacing);
    margin-bottom: 0;
  }
  :host([center-text]) .block-heading *,
  :host([center-text]) .block-heading ::slotted(*) {
    text-align: center;
  }
  :host([center-text]) .block-heading ::slotted([slot='links']) {
    display: flex;
    justify-content: center;
  }

  ::slotted([slot='card']) {
    display: flex;
    margin: var(
        --ds-block-heading-slot-margin,
        var(--ds-spacing-8, ${(0,r.$m)("2rem")})
      )
      0 0;
  }
`;var c=a(5270);let d=class extends r.oi{constructor(){super(...arguments),this.centerText=!1}render(){return r.dy` <div class="block-heading">
      <slot name="eyebrow" class="block-heading__eyebrow"></slot>
      <slot name="title" class="block-heading__title"></slot>
      <slot name="paragraph" class="block-heading__paragraph"></slot>
      <slot name="links" class="block-heading__link-group"></slot>
      <slot name="card" class="block-heading__slot"></slot>
      <slot name="footnote" class="block-heading__footnote"></slot>
    </div>`}};d.styles=[l],(0,o.gn)([(0,i.Cb)({attribute:"center-text"})],d.prototype,"centerText",void 0),d=(0,o.gn)([(0,c.M)("cascade-block-heading")],d)},4166:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);const s=r.iv`
  .card {
    background-color: var(
      --ds-card-item-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)("#fff")}
      )
    );
    color: var(
      --ds-card-item-color,
      var(
        --ds-theme-foreground-base-subtle,
        ${(0,r.$m)("#000")}
      )
    );
    border-radius: var(
      --ds-card-item-border-radius,
      var(--ds-radii-pill, ${(0,r.$m)("1.5rem")})
    );
    border: 0.063rem solid
      var(
        --ds-card-item-border-outline-color,
        var(
          --ds-color-gray-600,
          ${(0,r.$m)("#505050")}
        )
      );
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    background-clip: border-box;
    overflow-clip-margin: content-box;
    overflow: clip;
  }
  .card--depth {
    box-shadow: var(
      --ds-card-item-shadow,
      var(
        --ds-root-depth-4,
        0 0.1875rem 0.4375rem 0
          rgba(
            0,
            0,
            0,
            var(
              --ds-card-item-depth-opacity-key,
              var(
                --ds-theme-depth-opacity-key,
                ${(0,r.$m)("0.13")}
              )
            )
          ),
        0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.11)
      )
    );
    padding: 0.25rem;
    height: 100%;
  }
  .card--text-align {
    text-align: var(--_text-align);
  }
  .card__header {
    padding: var(
      --ds-card-item-header-padding,
      ${(0,r.$m)("1rem 1.5rem 1rem 1.5rem")}
    );
  }
  .card__body {
    flex: 1 1 auto;
    position: relative;
    padding: var(
      --ds-card-item-body-padding,
      ${(0,r.$m)("0rem 1.5rem 0rem 1.5rem")}
    );
  }
  .card__image {
    padding: var(
      --ds-card-item-image-padding,
      ${(0,r.$m)("0rem")}
    );
  }
  .card__footer {
    flex: 1 1 auto;
    position: relative;
    padding: var(
      --ds-card-item-footer-padding,
      ${(0,r.$m)("1rem 1.5rem 1rem 1.5rem")}
    );
  }
`;var n=a(7150),l=a(5270);const c=r.iv`
  .heading {
    font-family: inherit;
    font-weight: var(
      --ds-heading-font-weight,
      var(--ds-display-1-font-weight, cssPropDefaults.fontWeight)
    );
    margin-top: var(--ds-heading-margin-top, cssPropDefaults.marginTop);
    margin-bottom: var(
      --ds-heading-margin-bottom,
      cssPropDefaults.marginBottom
    );
    color: var(--ds-heading-color, cssPropDefaults.color);
    background-color: var(
      --ds-heading-background-color,
      var(--ds-color-transparent, cssPropDefaults.backgroundColor)
    );
    line-height: var(--ds-heading-line-height, cssPropDefaults.lineHeight);
  }

  .heading--word-break {
    word-break: var(--_heading-word-wrap);
  }

  .h6,
  h6 {
    font-size: var(--ds-heading-font-size-h6, 1.0625rem);
    margin-bottom: var(--ds-heading-margin-bottom-h6, 0.5rem);
  }

  @media (min-width: 1084px) {
    .h6,
    h6 {
      font-size: var(--ds-heading-font-size-h6-1084, 1.125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h6-1084, 0.5rem);
    }
  }

  @media (min-width: 1400px) {
    .h6,
    h6 {
      font-size: var(--ds-heading-font-size-h6-1400, 1.1875rem);
      margin-bottom: var(--ds-heading-margin-bottom-h6-1400, 0.5rem);
    }
  }

  .h5,
  h5 {
    font-size: var(--ds-heading-font-size-h5, 1.125rem);
    margin-bottom: var(--ds-heading-margin-bottom-h5, 0.5rem);
  }

  @media (min-width: 1084px) {
    .h5,
    h5 {
      font-size: var(--ds-heading-font-size-h5-1084, 1.1875rem);
      margin-bottom: var(--ds-heading-margin-bottom-h5-1084, 0.5rem);
    }
  }

  @media (min-width: 1400px) {
    .h5,
    h5 {
      font-size: var(--ds-heading-font-size-h5-1400, 1.3125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h5-1400, 0.5rem);
    }
  }

  .h4,
  h4 {
    font-size: var(--ds-heading-font-size-h4, 1.1875rem);
    margin-bottom: var(--ds-heading-margin-bottom-h4, 0.5rem);
  }

  @media (min-width: 1084px) {
    .h4,
    h4 {
      font-size: var(--ds-heading-font-size-h4-1084, 1.3125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h4-1084, 0.5rem);
    }
  }

  @media (min-width: 1400px) {
    .h4,
    h4 {
      font-size: var(--ds-heading-font-size-h4-1400, 1.5rem);
      margin-bottom: var(--ds-heading-margin-bottom-h4-1400, 0.75rem);
    }
  }

  .h3,
  h3 {
    font-size: var(--ds-heading-font-size-h3, 1.3125rem);
    margin-bottom: var(--ds-heading-margin-bottom-h3, 0.5rem);
  }

  @media (min-width: 1084px) {
    .h3,
    h3 {
      font-size: var(--ds-heading-font-size-h3-1084, 1.5rem);
      margin-bottom: var(--ds-heading-margin-bottom-h3-1084, 0.75rem);
    }
  }

  @media (min-width: 1400px) {
    .h3,
    h3 {
      font-size: var(--ds-heading-font-size-h3-1400, 1.8125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h3-1400, 1rem);
    }
  }

  .h2,
  h2 {
    font-size: var(--ds-heading-font-size-h2, 1.5rem);
    margin-bottom: var(--ds-heading-margin-bottom-h2, 0.75rem);
  }

  @media (min-width: 1084px) {
    .h2,
    h2 {
      font-size: var(--ds-heading-font-size-h2-1084, 1.8125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h2-1084, 1rem);
    }
  }

  @media (min-width: 1400px) {
    .h2,
    h2 {
      font-size: var(--ds-heading-font-size-h2-1400, 2.3125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h2-1400, 1.25rem);
    }
  }

  .h1,
  h1 {
    font-size: var(--ds-heading-font-size-h1, 1.8125rem);
    margin-bottom: var(--ds-heading-margin-bottom-h1, 1rem);
  }

  @media (min-width: 1084px) {
    .h1,
    h1 {
      font-size: var(--ds-heading-font-size-h1-1084, 2.3125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h1-1084, 1.25rem);
    }
  }

  @media (min-width: 1400px) {
    .h1,
    h1 {
      font-size: var(--ds-heading-font-size-h1-1400, 3.125rem);
      margin-bottom: var(--ds-heading-margin-bottom-h1-1400, 1.5rem);
    }
  }

  .display-4 {
    font-size: var(--ds-heading-font-size-display-4, 2.3125rem);
    margin-bottom: var(--ds-heading-margin-bottom-display-4, 1.25rem);
  }

  @media (min-width: 1084px) {
    .display-4 {
      font-size: var(--ds-heading-font-size-display-4-1084, 3.125rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-4-1084, 1.5rem);
    }
  }

  @media (min-width: 1400px) {
    .display-4 {
      font-size: var(--ds-heading-font-size-display-4-1400, 4.4375rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-4-1400, 1.75rem);
    }
  }

  .display-3 {
    font-size: var(--ds-heading-font-size-display-3, 3.125rem);
    margin-bottom: var(--ds-heading-margin-bottom-display-3, 1.5rem);
  }

  @media (min-width: 1084px) {
    .display-3 {
      font-size: var(--ds-heading-font-size-display-3-1084, 4.4375rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-3-1084, 1.75rem);
    }
  }

  @media (min-width: 1400px) {
    .display-3 {
      font-size: var(--ds-heading-font-size-display-3-1400, 6.5625rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-3-1400, 2rem);
    }
  }

  .display-2 {
    font-size: var(--ds-heading-font-size-display-2, 4.4375rem);
    margin-bottom: var(--ds-heading-margin-bottom-display-2, 1.75rem);
  }

  @media (min-width: 1084px) {
    .display-2 {
      font-size: var(--ds-heading-font-size-display-2-1084, 6.5625rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-2-1084, 2rem);
    }
  }

  @media (min-width: 1400px) {
    .display-2 {
      font-size: var(--ds-heading-font-size-display-2-1400, 10rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-2-1400, 2.25rem);
    }
  }

  .display-1 {
    font-size: var(--ds-heading-font-size-display-1, 6.5625rem);
    margin-bottom: var(--ds-heading-margin-bottom-display-1, 2rem);
  }

  @media (min-width: 1084px) {
    .display-1 {
      font-size: var(--ds-heading-font-size-display-1-1084, 10rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-1-1084, 2.25rem);
    }
  }

  @media (min-width: 1400px) {
    .display-1 {
      font-size: var(--ds-heading-font-size-display-1-1400, 15.5625rem);
      margin-bottom: var(--ds-heading-margin-bottom-display-1-1400, 2.5rem);
    }
  }
`;let d=class extends r.oi{constructor(){super(...arguments),this.tag="h2",this.displaySize="",this.ariaLevel="",this.uniqueId="",this.headingText="",this.addTextBreakHeading=!1,this.hideHeadingText=!1}render(){const e=this.renderHeading();return n.dy`${e}`}renderHeading(){const{tag:e}=this;return this.setAriaLevelBasedOnTag(),n.dy`<${(0,n.s2)(e)} id="${this.uniqueId||r.Ld}" role='heading' aria-level="${this.ariaLevel||r.Ld}" class="heading heading--word-break ${this.displaySize} ${this.addTextBreakHeading?"text-break-keep-all":""} ${this.hideHeadingText?"sr-only":""}">
             <slot>${this.headingText}</slot>
        </${(0,n.s2)(e)}>`}setAriaLevelBasedOnTag(){switch(this.tag){case"h1":this.ariaLevel="1";break;case"h2":this.ariaLevel="2";break;case"h3":this.ariaLevel="3";break;case"h4":this.ariaLevel="4";break;case"h5":this.ariaLevel="5";break;case"h6":this.ariaLevel="6";break;case"div":this.ariaLevel=""}}};d.styles=c,(0,o.gn)([(0,i.Cb)()],d.prototype,"tag",void 0),(0,o.gn)([(0,i.Cb)()],d.prototype,"displaySize",void 0),(0,o.gn)([(0,i.SB)()],d.prototype,"ariaLevel",void 0),(0,o.gn)([(0,i.Cb)()],d.prototype,"uniqueId",void 0),(0,o.gn)([(0,i.Cb)()],d.prototype,"headingText",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],d.prototype,"addTextBreakHeading",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],d.prototype,"hideHeadingText",void 0),d=(0,o.gn)([(0,l.M)("cascade-heading")],d);var h=a(3692),p=a(875);const u=(0,p.XM)(class extends p.Xe{constructor(e){if(super(e),e.type!==p.pX.ATTRIBUTE||"class"!==e.name||e.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&!this.nt?.has(e)&&this.st.add(e);return this.render(t)}const a=e.element.classList;for(const e of this.st)e in t||(a.remove(e),this.st.delete(e));for(const e in t){const o=!!t[e];o===this.st.has(e)||this.nt?.has(e)||(o?(a.add(e),this.st.add(e)):(a.remove(e),this.st.delete(e)))}return h.Jb}});let g=class extends r.oi{constructor(){super(...arguments),this.depth=!1}render(){const e={card:!0,"card--depth":this.depth,"card--text-align":!0};return r.dy` <div part="card" class="${u(e)}">
      <div part="header" class="card__header">
        <slot name="superHeader"></slot>
      </div>
      <div class="card__image">
        <slot name="image"></slot>
      </div>
      <div part="header" class="card__header">
        <slot name="badge"></slot>
      </div>
      <div part="body" class="card__body">
        <slot name="heading"></slot>
        <slot name="price"></slot>
        <p><slot name="description"></slot></p>
      </div>
      <div part="footer" class="card__footer">
        <slot name="link-group"></slot>
        <slot name="footer"></slot>
      </div>
    </div>`}};g.styles=[s],(0,o.gn)([(0,i.Cb)({type:Boolean})],g.prototype,"depth",void 0),g=(0,o.gn)([(0,l.M)("cascade-card-item")],g)},9072:(e,t,a)=>{var o,r,i,s,n,l;a.d(t,{F8:()=>d,I_:()=>o,NR:()=>l,Te:()=>s,U5:()=>r,XN:()=>i,t_:()=>c,z1:()=>n}),function(e){e.Laptop="Laptop",e.TwoInOneLaptop="2-in-1 Laptop",e.AllInOne="All-in-One",e.Workstation="Workstation",e.UltraSmallPC="Ultra-small PC",e.UltraSlimNotebook="Ultra-Slim Notebook",e.NextGenAIPCs="Next Gen AI PCs"}(o||(o={})),function(e){e.Windows10Pro="Windows 10 Pro",e.Windows10ProForWorkstations="Windows 10 Pro for Workstations",e.Windows11Pro="Windows 11 Pro",e.Windows11ProForWorkstations="Windows 11 Pro for Workstations"}(r||(r={})),function(e){e.AMD="Amd",e.Intel="Intel",e.MicrosoftSQ2="MicrosoftSQ2",e.MicrosoftSQ3="MicrosoftSQ3",e.Qualcomm="Qualcomm"}(i||(i={})),function(e){e.Connectivity="Connectivity",e.Copilotkey="Copilotkey",e.MMD="MMD",e.PSP="PSP",e.RemoteWork="RemoteWork",e.SecuredcorePC="SecuredcorePC",e.SIM="SIM",e.TouchScreen="TouchScreen",e.Sustainability="Sustainability",e.FaceLogin="FaceLogin",e.FingerprintLogin="FingerprintLogin",e.WindowsInk="WindowsInk"}(s||(s={})),function(e){e.Standard="standard",e.Gradient="gradient"}(n||(n={})),function(e){e.HP="hp",e.Dell="dell",e.Lenovo="lenovo"}(l||(l={}));const c={Category2:"category2",Category:"formfactor",OS:"os",Brand:"brand",Feature:"feature",HardCodedPrice:"price",Processor:"processor",ScreenSize:"screensize",Memory:"memory",Storage:"storage",Displayresolution:"displayres"};var d;!function(e){e.Category2="Category2",e.Category="Category",e.OS="OS",e.Brand="Brand",e.Feature="Feature",e.HardCodedPrice="HardCodedPrice",e.Processor="Processor",e.ScreenSize="ScreenSize",e.Memory="Memory",e.Storage="Storage",e.Displayresolution="Displayresolution"}(d||(d={}))},2869:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);const s="white",n=r.iv`
  .block-slim input[type='checkbox'].c-checkbox {
    appearance: none;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.3em;
    height: 1.3em;
    border: 0.075em solid currentColor;
    border-radius: 0.25em;
    transform: translateY(-0.075em);
    position: relative;
    top: 0.15rem;
    cursor: pointer;
  }

  .block-slim input[type='checkbox'].c-checkbox:disabled {
    cursor: default;
  }

  .block-slim input[type='checkbox'].c-checkbox:checked {
    border: 0.15em solid currentColor;
  }

  .block-slim input[type='checkbox'].c-checkbox:checked::before {
    content: '';
    position: absolute;
    left: 0.125rem;
    top: 0.438rem;
    background: var(
      --ds-checklist-check-background,
      var(
        --ds-theme-background-accent-strong-hover,
        ${(0,r.$m)(s)}
      )
    );
    width: 0.125rem;
    height: 0.125rem;
    box-shadow:
      0.125rem 0 0
        var(
          --ds-checklist-check-background,
          var(
            --ds-theme-foreground-neutral-strong,
            ${(0,r.$m)(s)}
          )
        ),
      0.25rem 0 0
        var(
          --ds-checklist-check-background,
          var(
            --ds-theme-foreground-neutral-strong,
            ${(0,r.$m)(s)}
          )
        ),
      0.25rem -0.125rem 0 var(--ds-checklist-check-background, var(--ds-theme-foreground-neutral-strong, ${(0,r.$m)(s)})),
      0.25rem -0.25rem 0 var(--ds-checklist-check-background, var(--ds-theme-foreground-neutral-strong, ${(0,r.$m)(s)})),
      0.25rem -0.375rem 0 var(--ds-checklist-check-background, var(--ds-theme-foreground-neutral-strong, ${(0,r.$m)(s)})),
      0.25rem -0.5rem 0 var(--ds-checklist-check-background, var(--ds-theme-foreground-neutral-strong, ${(0,r.$m)(s)})),
      0.25rem -0.625rem 0 var(--ds-checklist-check-background, var(--ds-theme-foreground-neutral-strong, ${(0,r.$m)(s)}));
    transform: rotate(45deg);
  }

  div:has(> input[type='checkbox' i]:disabled) + div.list-item__content {
    color: var(
      --ds-checklist-disabled-color,
      var(
        --ds-theme-border-neutral-pure,
        ${(0,r.$m)("#808080")}
      )
    );
  }

  .block-slim {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.5rem;
  }
  .block-slim .block-items-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
  }
  .block-slim
    .block-items-list.block-items-list--align-inline
    .block-items-list__item {
    flex-basis: auto;
  }
  .block-items-list__item {
    flex-basis: 100%;
    display: block;

    .list-item__inner {
      display: flex;
      align-items: center !important;
      column-gap: 0.625rem;
      cursor: pointer;
    }
    .list-item__content p {
      margin: 0;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.25rem;
    }
  }
  .block-slim.block-slim--checklist {
    .list-item__inner {
      padding: 0;

      .ocr-icon svg {
        fill: var(
          --ds-checklist-icon-color,
          var(
            --ds-theme-foreground-base-icon,
            ${(0,r.$m)("#0078d4")}
          )
        );
        height: 1.25rem;
        top: -12.97%;
      }

      html:not([dir='rtl']) .ocr-icon > svg {
        left: -9.76%;
      }
      html[dir='rtl'] .ocr-icon > svg {
        right: -9.76%;
      }
    }
  }
`;let l=class extends r.oi{constructor(){super(...arguments),this.checklistLogoType="",this.checked=!1,this.checkedValue="",this.checkedKey="",this.componentId="",this.checkboxAriaLabel="checkbox-label",this.checkboxDisabled=!1,this._prevValues=new Map,this.checkboxEventListner=e=>{const t=e?.detail;t.componentId===this.componentId&&(this.checked=t.checked,this.checkboxDisabled=t.disabled,this.updateCheckboxState())}}updated(e){this._prevValues.get("checked")===this.checked&&this._prevValues.get("checkboxDisabled")===this.checkboxDisabled||(this.updateCheckboxState(),this.checked&&this.dispatchCheckboxEvent(),this._prevValues.set("checked",this.checked),this._prevValues.set("checkboxDisabled",this.checkboxDisabled))}connectedCallback(){super.connectedCallback(),window.addEventListener("checkboxClientEvent",this.checkboxEventListner)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("checkboxClientEvent",this.checkboxEventListner)}updateCheckboxState(){this.inputCheckbox&&(this.inputCheckbox.checked=this.checked,this.inputCheckbox.disabled=this.checkboxDisabled)}render(){const e=this.renderCheckBox();return r.dy`<div class="block-slim">
      <ul class="block-items-list" role="list">
        <li class="block-items-list__item">
          <div class="list-item">
            <div class="list-item__inner" @click="${this.handleContainerClick}">
              <div class="list-item__leading">
                ${"icon"===this.checklistLogoType?r.dy`<slot name="icon"></slot>`:"checkbox"===this.checklistLogoType?e:r.dy`<slot name="image"></slot>`}
              </div>
              <div class="list-item__content">
                <slot part="description" name="description"></slot>
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>`}renderCheckBox(){return r.dy` <input
      part="checkbox"
      class="c-checkbox"
      type="checkbox"
      aria-label=${this.checkboxAriaLabel}
      value=${this.checkedValue}
      ?disabled=${this.checkboxDisabled}
      ?checked=${this.checked}
      @change="${this.handleCheckboxChange}"
      data-bi-cN="Checkbox"
      data-bi-ecn="Checkbox"
      data-bi-cT="Checkbox"
    />`}handleContainerClick(e){this.inputCheckbox.disabled||e.target!==this.inputCheckbox&&(this.checked=!this.checked,this.updateCheckboxState(),this.dispatchCheckboxEvent())}handleCheckboxChange(e){e.target instanceof HTMLInputElement&&(this.checked=e.target.checked,this.checkboxDisabled=e.target.disabled,this.dispatchCheckboxEvent())}dispatchCheckboxEvent(){const e=new CustomEvent("checkBoxClickDispatch",{detail:{checkedKey:this.checkedKey,checkedValue:this.checkedValue,checked:this.checked,checkedValueName:this.getAttribute("name")?.toString(),checkedKeyName:this.getAttribute("value")?.toString(),checkboxDisabled:this.checkboxDisabled},bubbles:!0,composed:!0});this.dispatchEvent(e)}};l.styles=n,(0,o.gn)([(0,i.Cb)({attribute:"checklist-logo-type"})],l.prototype,"checklistLogoType",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],l.prototype,"checked",void 0),(0,o.gn)([(0,i.Cb)({attribute:"checked-value"})],l.prototype,"checkedValue",void 0),(0,o.gn)([(0,i.Cb)({attribute:"checked-key"})],l.prototype,"checkedKey",void 0),(0,o.gn)([(0,i.Cb)({attribute:"component-id"})],l.prototype,"componentId",void 0),(0,o.gn)([(0,i.Cb)({attribute:"checkbox-aria-label"})],l.prototype,"checkboxAriaLabel",void 0),(0,o.gn)([(0,i.Cb)({type:Boolean})],l.prototype,"checkboxDisabled",void 0),(0,o.gn)([(0,i.IO)(".c-checkbox")],l.prototype,"inputCheckbox",void 0),(0,o.gn)([(0,i.IO)('slot[name="description"]')],l.prototype,"descriptionSlots",void 0),l=(0,o.gn)([(0,i.Mo)("cascade-checklist")],l)},8964:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);a(3890),a(5552),a(4166);const s="#fff",n="rgba(128 128 128 / 25%)",l=r.iv`
  .compare-pane {
    overflow: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: var(
      --ds-compare-pane-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)("#333")}
      )
    );
    color: var(
      --ds-compare-pane-foreground-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(s)}
      )
    );
    padding: 1rem 1.875rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    z-index: 2000;
  }

  .card-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.5rem;
    padding-left: 2.25rem;
    width: 80%;
    margin: auto;
    margin-right: 1.25rem;
    margin-left: 4.25rem;
  }

  .cardItem {
    position: relative;
    border: none;
    width: 80%;
    background-color: var(
      --ds-compare-pane-card-item-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)("#000")}
      )
    );
    box-shadow: var(
      --ds-compare-pane-card-shadow,
      0 0.1875rem 0.4375rem 0
        var(--ds-color-gray-475, ${(0,r.$m)(n)}),
      0 0.0625rem 0.125rem 0
        var(--ds-color-gray-475, ${(0,r.$m)(n)})
    );
    border-radius: var(
      --ds-compare-pane-border-radius,
      var(--ds-radii-50, ${(0,r.$m)(".5rem")})
    );
    padding: 0.625rem;
    margin-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .cardItem img {
    display: block;
    position: relative;
    min-height: 30%;
    width: 40%;
    border-radius: 0.625rem;
    object-fit: contain;
    margin: auto;
    margin-bottom: 1.25rem;
  }

  .cardItem .title {
    color: var(
      --ds-compare-pane-card-item-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(s)}
      )
    );
    text-align: center;
    margin-top: 0.625rem;
    white-space: normal;
    overflow-wrap: break-word;
    max-width: 100%;
  }

  .cardItem moray-button {
    position: absolute;
    top: 0.3125rem;
    right: 0.1875rem;
    border: none;
    cursor: pointer;
    background-color: transparent;
  }

  .cardItem moray-icon {
    color: var(
      --ds-compare-pane-card-item-icon-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)("#fff")}
      )
    );
  }
  .actions {
    margin-left: 4.25rem;
    margin-right: 4.25rem;
  }

  .button-container {
    margin-top: 1.25rem;
    align-items: flex-start;
  }
  .displayMessage {
    width: 12.5rem;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .clear-selections {
    flex-basis: auto;
    margin-left: 1.25rem;
    --ds-action-trigger-color: var(
      --ds-compare-pane-card-clear-selection-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)("#00a2ff")}
      )
    );
  }

  @media screen and (max-width: 50rem) {
    .compare-pane {
      display: none;
    }
  }
  @media screen and (min-resolution: 160dpi) {
    .compare-pane {
      display: none;
    }
  }
`;var c=a(7150),d=a(4638);let h=class extends d.R{constructor(){super(...arguments),this.componentId="",this.displayMessage="",this.comparePageUrl="",this.skuDetails=[],this._handleDispatchSkuDetails=e=>{e.detail.componentId===this.componentId&&(this.skuDetails=e.detail.skuDetails)},this._handleDispatchComparePageUrl=e=>{this.comparePageUrl=e.detail.comparePageUrl}}connectedCallback(){super.connectedCallback(),window.addEventListener("DispatchSkuDetails",this._handleDispatchSkuDetails),window.addEventListener("DispatchComparePageUrl",this._handleDispatchComparePageUrl)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("DispatchSkuDetails",this._handleDispatchSkuDetails),window.removeEventListener("DispatchComparePageUrl",this._handleDispatchComparePageUrl)}render(){return this._updateDisplayMessage(),0===this.skuDetails.length?r.Ld:c.dy`
      <div class="compare-pane">
        <div class="card-container">${this.renderCardItemList()}</div>
        <div class="actions">
          <div class="displayMessage">${this.displayMessage}</div>
          <div class="button-container">
            <moray-button
              id="compareButton"
              aria-label="${this.msg("COMPARE")}"
              appearance="button"
              @click=${this._handleClickCompare}
              ?disabled=${this._isCompareDisabled()}
              data-bi-cN=${this.msg("COMPARE")}
              data-bi-ecn="Compare"
              data-bi-cT="Button"
              target="_blank"
              >${this.msg("COMPARE")}
            </moray-button>

            <moray-button
              id="ClearSelectionsButton"
              aria-label="${this.msg("CLEAR_SELECTIONS")}"
              appearance="action-trigger"
              class="clear-selections"
              @click="${this._handleClearSelection}"
              data-bi-cN=${this.msg("CLEAR_SELECTIONS")}
              data-bi-ecn="ClearSelections"
              data-bi-cT="Button"
            >
              ${this.msg("CLEAR_SELECTIONS")}
              <moray-icon icon="dismiss"></moray-icon>
            </moray-button>
          </div>
        </div>
      </div>
    `}renderCardItemList(){return this.skuDetails.map(((e,t)=>c.dy`
        <div class="cardItem">
          <moray-button
            id=${`closeButton${t}`}
            appearance="action-trigger"
            @click=${{handleEvent:()=>this._clickCloseButton(t)}}
            data-bi-cN=${this.msg("CLOSE_BUTTON")}
            data-bi-ecn="Close"
            data-bi-cT="Button"
          >
            <moray-icon
              icon="dismiss"
              size="small"
              aria-label="${this.msg("CLOSE_BUTTON")}-${e.skuTitle}"
            ></moray-icon>
          </moray-button>

          <img
            src="http://approjects.co.za/?big=${e.skuImage}"
            alt="${e.skuTitle}"
            aria-label="${e.skuTitle}"
          />
          <div class="title">${e.skuTitle}</div>
        </div>
      `))}_clickCloseButton(e){const t=[...this.skuDetails];t.splice(e,1),this.skuDetails=t;const a=new CustomEvent("DispatchSkuDetails",{detail:{skuDetails:this.skuDetails,componentId:this.componentId}});window.dispatchEvent(a),setTimeout((()=>{const t=Array.from(this.shadowRoot?.querySelectorAll("[id*='closeButton']")||[]);if(e===this.skuDetails.length){const e=t[this.skuDetails.length-1];e&&e.focus()}}),0)}_handleClearSelection(){this.skuDetails=[];const e=new CustomEvent("DispatchSkuDetails",{detail:{skuDetails:this.skuDetails,componentId:this.componentId}});window.dispatchEvent(e)}_handleClickCompare(){window.open(this.comparePageUrl,"_blank")}_updateDisplayMessage(){switch(this.skuDetails.length){case 1:this.displayMessage=`${this.msg("SELECTED_DEVICES_COUNT",{0:this.skuDetails.length.toString()})}. ${this.msg("SELECT_ONE_MORE_DEVICE")}`;break;case 2:this.displayMessage=`${this.msg("SELECTED_DEVICES_COUNT",{0:this.skuDetails.length.toString()})}. ${this.msg("COMPARE_NOW_OR_SELECT")}`;break;case 3:this.displayMessage=`${this.msg("SELECTED_DEVICES_COUNT",{0:this.skuDetails.length.toString()})}. ${this.msg("COMPARE_NOW")}`}}_isCompareDisabled(){return 1===this.skuDetails.length}};h.dict={COMPARE:"Compare",CLEAR_SELECTIONS:"Clear Selections",SELECTED_DEVICES_COUNT:"{0} out of 3 devices selected for comparison",SELECT_ONE_MORE_DEVICE:"Select at least one more device to compare.",COMPARE_NOW_OR_SELECT:"Compare now or select one more device to compare.",COMPARE_NOW:"Compare now.",CLOSE_BUTTON:"Close button"},h.styles=[l],(0,o.gn)([(0,i.Cb)({attribute:"component-id"})],h.prototype,"componentId",void 0),(0,o.gn)([(0,i.SB)()],h.prototype,"displayMessage",void 0),(0,o.gn)([(0,i.SB)()],h.prototype,"comparePageUrl",void 0),(0,o.gn)([(0,i.SB)()],h.prototype,"skuDetails",void 0),h=(0,o.gn)([(0,i.Mo)("cascade-compare-pane")],h)},900:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);const s="#171717",n="#fff",l="rgba(128 128 128 / 25%)",c="#0093f9",d=r.iv`
  .category-heading-wrapper {
    text-align: left !important;
  }

  .heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .filter-results-main-panel {
    display: flex;
    flex-direction: column;
    background-color: var(
      --ds-filter-results-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)(s)}
      )
    );
    color: var(
      --ds-filter-results-foreground-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(n)}
      )
    );
    --ds-card-item-background-color: var(
      --ds-filter-results-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)(s)}
      )
    );
    --ds-card-item-color: var(
      --ds-filter-results-foreground-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(n)}
      )
    );

    --ds-card-item-shadow: var(
      --ds-filter-results-card-shadow,
      0 0.1875rem 0.4375rem 0
        var(--ds-color-gray-475, ${(0,r.$m)(l)}),
      0 0.0625rem 0.125rem 0
        var(--ds-color-gray-475, ${(0,r.$m)(l)})
    );
    --ds-card-item-border-radius: var(
      --ds-filter-results-border-radius,
      var(--ds-radii-50, ${(0,r.$m)("1.5rem")})
    );
    --ds-card-item-image-padding: var(
      --ds-filter-results-image-padding,
      ${(0,r.$m)("0rem 1rem 0rem 1rem")}
    );
    --contrast-color: white;
    --partial-contrast-color: lightgray;
    --accent-color: #afadff;
    --accent-compliment-color: #7d7aff;
    --ds-action-trigger-color: var(
      --ds-filter-results-foreground-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(n)}
      )
    );

    @media screen and (min-width: 48rem) {
      padding-left: 3.75rem;
      padding-top: 2.5rem;
    }
  }

  .filter-results-cards-container {
    margin-bottom: 1.25rem;
    width: 100%;
  }

  .filter-results-cards-container .secondary-badge {
    --ds-badge-bg-color: var(
      --ds-filter-results-secondary-badge-color,
      var(
        --ds-color-gray-200,
        ${(0,r.$m)("#e3e3e3")}
      )
    );
    margin-top: 15px;
  }

  .filter-results-cards-container .secondary-badge sup a {
    font-weight: 700;
    color: inherit;
  }

  .filter-results-cards-container .secondary-badge sup a:active {
    color: var(
      --ds-secondary-badge-superscript-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,r.$m)("#fff")}
      )
    );
  }

  .filter-results-cards-container .secondary-badge sup a:focus {
    outline: 0.125rem solid black;
    outline-offset: 0.125rem;
  }

  .filter-results-cards-container .primary-badge-standard {
    --ds-badge-bg-color: var(
      --ds-filter-results-primary-badge-color-standard,
      var(
        --ds-color-light-blue,
        ${(0,r.$m)("#52e3fe")}
      )
    );
  }

  .filter-results-cards-container .primary-badge-gradient {
    background: var(
      --ds-filter-results-primary-badge-color-gradient,
      var(
        --ds-color-light-blue,
        ${(0,r.$m)("radial-gradient(480.94% 2623.8% at -320% -450%, #0F0A2F 0%, #3B415E 46.09%, #727095 60.09%, #C98282 71.38%, #FFA673 77.67%, #FFD6AA 85.43%)")}
      )
    );
  }

  div .col-lg-6 {
    width: 47%;
    float: left;
    margin: 0rem 2% 2% 0rem;
    display: inline-block;
    max-width: 22.188rem;
    height: 56.25rem;
    padding-bottom: 0.938rem;
  }

  @media screen and (min-width: 67.75rem) {
    div .col-xl-3 {
      max-width: 21.5rem;
    }
  }

  @media screen and (min-width: 100rem) {
    div .col-xl-3 {
      width: 47%;
      max-width: 22.188rem;
    }
  }

  cascade-card-item {
    --ds-card-item-footer-padding: var(
      --ds-filter-results-footer-padding,
      ${(0,r.$m)("1rem 1.5rem 2rem 1.5rem;")}
    );
  }

  .category-heading {
    padding: 2.313rem 0 0.188rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-size: 2.875rem;
    line-height: 3.5rem;
    display: inline;
  }

  .category-description {
    font-size: var(
      --ds-filter-results-category-description-font-size,
      ${(0,r.$m)("1.125rem")}
    );
    font-weight: 200;
  }

  .x-type-right {
    text-align: right !important;
    padding-bottom: 0.625rem;
  }

  cascade-card-item div.empty-badge-container moray-badge {
    display: block;
    --ds-badge-bg-color: transparent;
  }

  cascade-card-item div.empty-badge-container {
    padding-block: 0.375rem;
    padding-inline: 0.75rem;
  }

  .compare-checkbox {
    padding-right: 1rem;
    font-size: var(
      --ds-filter-results-compare-checkbox-font-size,
      ${(0,r.$m)("0.938rem")}
    );
  }

  .price-container .price {
    font-weight: 600;
    margin-top: 2rem;
    font-size: 1.125rem;
    display: inline-block;
  }

  cascade-card-item .price-container sup .supBLink {
    color: var(
      --ds-filter-results-card-item-sup-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)(c)}
      )
    );
    font-weight: 700;
  }

  cascade-card-item .price-container sup .supBLink:active {
    color: var(
      --ds-price-superscript-active-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)(c)}
      )
    );
  }

  cascade-card-item .price-container sup .supBLink:focus {
    outline: 0.125rem solid white;
    outline-offset: 0.125rem;
  }

  cascade-card-item .heading-container h2 {
    font-size: 1.5rem;
    font-weight: 600;
    height: 4.125rem;
    line-height: 1.75rem;
  }

  .result-count {
    text-align: center;
  }

  .description {
    font-size: 0.938rem;
  }

  .text-uppercase {
    text-transform: uppercase;
  }

  .brand-img {
    width: 100%;
    border-radius: 0.5rem;
    max-height: 13.4375rem;
  }

  .action-trigger {
    font-size: 0.938rem;
    font-weight: 700;
  }

  .separator {
    border-top: 0.063rem solid #3b3b3b;
    width: 100%;
  }

  .separator:before,
  .separator:after {
    content: ' ';
    display: table;
  }

  .separator:after {
    clear: both;
  }

  cascade-card-item moray-badge {
    font-weight: normal;
    border-radius: 0.25rem;
    --ds-badge-font-size: 0.9rem;
  }

  cascade-card-item ul.device-spec-list {
    font-size: 0.938rem;
    line-height: 1.25rem;
    list-style-position: outside;
    padding-left: 1.188rem;
    padding-right: 0rem;
    margin: 0.5rem 0;
  }

  cascade-card-item ul.device-spec-list li.device-spec-list-item {
    font-size: 0.938rem;
    line-height: 1.25rem;
    padding: 0.5rem 0;
  }

  cascade-card-item ul.device-spec-list li.device-spec-list-item::marker {
    color: #98ecfe;
  }

  .mobile-rightControl {
    display: none;
  }

  .x-type-right {
    display: block;
  }

  .compare-header {
    display: flex;
    align-items: center;
  }
  .compare-header moray-anchor {
    --ds-anchor-color: var(
      --ds-filter-results-compare-selection-anchor-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)("#0081e9")}
      )
    );
  }

  @media screen and (max-width: 47.938rem) {
    .mobile-rightControl {
      display: block;
      text-align: center;
      padding-bottom: 3.75rem;
    }

    .x-type-right {
      display: none;
    }
    .filter-results-cards-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .col-sm-12 {
      width: 86% !important;
      padding-bottom: 1.25rem;
    }
    div .col-lg-6 {
      height: unset;
      margin-right: 0;
    }
  }

  @media screen and (max-width: 26.875rem) {
    .filter-results-cards-container .secondary-badge {
      margin-top: 3rem;
      position: relative;
    }
    .heading-container {
      height: 9rem !important;
    }
  }

  @media screen and (max-width: 24.375rem) {
    .filter-results-cards-container .secondary-badge {
      margin-top: 4rem;
      position: relative;
    }
    .heading-container {
      height: 10rem !important;
    }
  }

  @media screen and (max-width: 18.375rem) {
    .filter-results-cards-container .secondary-badge {
      margin-top: 6rem;
      position: relative;
    }
    .heading-container {
      height: 11rem !important;
    }
  }

  @media screen and (max-width: 67.688rem) {
    .compare-header {
      display: none;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1083px) {
    div .col-lg-6 {
      width: 100%;
    }
  }
`;var h=a(1943),p=(a(2034),a(5552),a(4385)),u=a(2017),g=a(3782),m=a(8187);const b=p.i`
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
`,f={paddingBlockStart:"0.375em",paddingBlockEnd:"0.375em",paddingInlineStart:"0.75em",paddingInlineEnd:"0.75em",fontSize:"1rem",bgColor:m.y,textColor:m.m},v=p.i`
  :host {
    display: inline-block;
    padding-block: var(
        --ds-badge-padding-block-start,
        ${(0,p.a)(f.paddingBlockStart)}
      )
      var(--ds-badge-padding-block-end, ${(0,p.a)(f.paddingBlockEnd)});
    padding-inline: var(
        --ds-badge-padding-inline-start,
        ${(0,p.a)(f.paddingInlineStart)}
      )
      var(--ds-badge-padding-inline-end, ${(0,p.a)(f.paddingInlineEnd)});
    font-size: var(--ds-badge-font-size, ${(0,p.a)(f.fontSize)});
    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,p.a)(f.bgColor)})
    );
    color: var(
      --ds-badge-text-color,
      var(--ds-color-black, ${(0,p.a)(f.textColor)})
    );
  }

  :host([truncate]) {
    ${b}
  }

  :host([empty]) {
    display: none;
  }
`;var y=Object.defineProperty,E=Object.getOwnPropertyDescriptor,$=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?E(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&y(t,a,i),i};let _=class extends p.s{constructor(){super(...arguments),this.truncate=!1,this.empty=!1}connectedCallback(){super.connectedCallback(),this._handleSlotChange()}_handleSlotChange(){this.empty=0===this._slot.length}render(){return p.x`<slot @slotchange=${this._handleSlotChange}></slot>`}};_.styles=[v],$([(0,u.n)({type:Boolean,reflect:!0})],_.prototype,"truncate",2),$([(0,u.n)({type:Boolean,reflect:!0})],_.prototype,"empty",2),$([(0,g.n)()],_.prototype,"_slot",2),_=$([(0,p.r)("moray-badge")],_),a(3890),a(2869),a(4166),a(2464);var k=a(4638),C=a(9072);let w=class extends k.R{constructor(){super(...arguments),this.linkOpenInNewTab=!1,this.displayCardData=[],this.priceSuperScript="",this.comparePaneUrl="",this.primaryBadgeColor="",this.componentId="",this.isCompareFeatureEnabled=!1,this.isCompareSelection=!1,this.getRightControlSlot=()=>r.dy`<slot name="rightControl"></slot>`,this.showCompareSelectionText=e=>{this.isCompareSelection=e?.detail?.compareSelection}}connectedCallback(){super.connectedCallback(),window.addEventListener("DispatchCompareSelection",(e=>{this.showCompareSelectionText(e)}))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("DispatchCompareSelection",this.showCompareSelectionText)}getCheckboxAriaLabel(e){return this.msg("COMPARE")+" "+this.msg("COMPARE_ARIA_LABEL",{0:e})}handleButtonClick(e){const t=new CustomEvent("DispatchChooseButtonEvent",{detail:{originalEvent:e},bubbles:!0,composed:!0});window.dispatchEvent(t)}renderCompareCheckbox(e){return r.dy`${this.isCompareFeatureEnabled?r.dy` <div class="compare-header" slot="superHeader">
          <cascade-checklist
            id=${e.productId}
            checklist-logo-type="checkbox"
            checked-key=${e.productId}
            checked-value=${e.productId}
            component-id=${e.productId}
            checkbox-aria-label=${this.getCheckboxAriaLabel(e.headingText)}
            aria-label=${this.getCheckboxAriaLabel(e.headingText)}
            ${e.checked?"checked":""}
            ${e.checkboxDisabled?"disabled":""}
            data-bi-cN=${this.msg("COMPARE")}
            data-bi-ecn="Compare"
            data-bi-cT="Options"
          >
            <span slot="description">
              <span class="compare-checkbox text-uppercase">
                ${this.msg("COMPARE")}
              </span>
            </span>
          </cascade-checklist>
          ${this.isCompareSelection&&e.checked?r.dy` <moray-anchor
                target="_blank"
                href="http://approjects.co.za/?big=${this.comparePaneUrl}"
                data-bi-cN=${this.msg("COMPARE")}
                data-bi-ecn="Compare"
                data-bi-cT="Options"
                >${this.msg("COMPARE_SELECTIONS")}</moray-anchor
              >`:r.Ld}
        </div>`:r.Ld}`}render(){return r.dy` <div class="filter-results-component">
      <div class="filter-results-main-panel">
        <div class="result-count">
          <slot name="result-count"></slot>
        </div>
        <div class="heading">
          <div class="category-heading-wrapper">
            <h1
              id="${this.componentId}"
              aria-label="${this.msg("CATEGORY_HEADING",{0:this.componentId})}"
              class="category-heading"
            >
              <slot name="heading"></slot>
            </h1>
            <slot
              id="filter-results-count"
              aria-label="${this.msg("FILTER_RESULTS_COUNT",{0:this.componentId})}"
              name="result-text"
            ></slot>
          </div>
          <div id="filter-results-show-all" class="x-type-right">
            ${this.getRightControlSlot()}
          </div>
        </div>
        <hr class="separator" />
        <p class="category-description">
          <slot name="paragraphText"></slot>
        </p>
        <div id="card-items" class="filter-results-cards-container">
          ${this.displayCardData?.map(((e,t)=>r.dy`
            <div id="card-item-${t}" class="col-12 col-lg-6 col-sm-12 col-xl-3 margin-right-20">
              <cascade-card-item id="card-item-${e.productId}"
              aria-label="${this.msg("PRODUCT_CARD_ITEM",{0:e.headingText})}"
              depth="${e.depth}">
                ${this.renderCompareCheckbox(e)}
                <img slot='image' src="http://approjects.co.za/?big=${e.imageSmall}" class="brand-img" alt="${e.imageAltText}"></img>
                <moray-link-group slot='link-group' role="group">
                ${e.linkTarget?r.dy`<moray-anchor
                        href="http://approjects.co.za/?big=${e.linkTarget}"
                        id="${e.productId}"
                        appearance="${e.linkType}"
                        data-bi-cN=${e.linkText}
                        data-bi-ecn="Learn More"
                        data-bi-cT="Button"
                        data-product-name="${e.headingText}"
                        data-product-id="${e.productId}"
                        data-oem="${e.oem}"
                        data-retailer="${e.brandName}"
                        data-product-sku="${e.skuId}"
                        target="_blank"
                      >
                        <span
                          class="action-trigger"
                          aria-label="${this.msg("LEARN_MORE_FOR_PRODUCT",{0:e.headingText})}"
                        >
                          ${this.msg("LEARN_MORE")}
                        </span>
                      </moray-anchor>`:r.dy`<moray-button
                        appearance="${e.linkType}"
                        @click="${this.handleButtonClick}"
                        id="${e.productId}"
                        data-product-id="${e.productId}"
                        data-product-name="${e.headingText}"
                        data-bi-cN=${e.linkText}
                        data-bi-ecn="Choose Options"
                        data-bi-cT="Button"
                        ><span
                          class="action-trigger"
                          aria-label="${this.msg("CHOOSE_OPTIONS_FOR_PRODUCT",{0:e.headingText})}"
                          >${this.msg("CHOOSE_OPTIONS")}</span
                        >
                      </moray-button>`}
                </moray-link-group>

                ${e.badge?r.dy`<moray-badge
                        class=${this.primaryBadgeColor==C.z1.Gradient?"primary-badge-gradient":"primary-badge-standard"}
                        id="primary-badge-${e.productId}"
                        aria-label="${this.msg("PRIMARY_BADGE_ID",{0:e.productId})}"
                        slot="badge"
                        >${(0,h.A)(e.badge)}</moray-badge
                      >`:r.dy`<div slot="badge" class="empty-badge-container">
                        <moray-badge></moray-badge>
                      </div>`}
                <div id="device-title-${e.productId}"
                aria-label="${this.msg("DEVICE_TITLE_ID",{0:e.productId})}"
                class="heading-container" slot='heading' style="height:105px">
                  <h2>${e.headingText}</h2>
                  ${e.badgeSecondary?r.dy`<moray-badge
                          class="secondary-badge"
                          aria-label="${this.msg("SECONDARY_BADGE_ID",{0:e.productId})}"
                          slot="badge"
                          >${(0,h.A)(e.badgeSecondary)}</moray-badge
                        >`:r.dy`<div slot="badge" class="empty-badge-container">
                          <moray-badge></moray-badge>
                        </div>`}
                </div>
                <h4 id="device-price-${e.productId}"
                aria-label="${this.msg("PRICE_ID",{0:e.productId})}"
                slot="price" class="price-container">
                  <div class="price">
                    ${e.linkTarget?this.msg("STARTING_AT",{0:e.price}):e.price}
                    ${this.priceSuperScript?(0,h.A)(`${this.priceSuperScript}`):r.Ld}
                  </div>
                </h4>
                  <ul class="device-spec-list" slot="description">
                    ${e.bodyText?.map((e=>r.dy`<li class="device-spec-list-item">${e}</li>`))}
                  </ul>
              </cascade-card-item>
            </div>`))}
        </div>
        <div class="filter-results-cards-container">
          <slot name="interactions"></slot>
          <div class="mobile-rightControl">
            <slot name="mobile-rightControl"></slot>
          </div>
        </div>
      </div>
    </div>`}};w.styles=[d],w.dict={CHOOSE_OPTIONS:"Choose Options",COMPARE:"Compare",COMPARE_ARIA_LABEL:"Select {0} for comparison",COMPARE_SELECTIONS:"COMPARE SELECTIONS",LEARN_MORE:"Learn More",STARTING_AT:"Starting at {0}",CATEGORY_HEADING:"Category Heading for {0}",FILTER_RESULTS_COUNT:"Filter Results Count for {0}",PRODUCT_CARD_ITEM:"Product Card Item {0}",CHOOSE_OPTIONS_FOR_PRODUCT:"Choose Options for the {0}",LEARN_MORE_FOR_PRODUCT:"Learn more for the {0}",PRIMARY_BADGE_ID:"Primary Badge {0}",DEVICE_TITLE_ID:"Device Title {0}",SECONDARY_BADGE_ID:"Secondary Badge {0}",PRICE_ID:"Price {0}"},(0,o.gn)([(0,i.Cb)({attribute:"display-card-data",type:Array})],w.prototype,"displayCardData",void 0),(0,o.gn)([(0,i.Cb)({attribute:"price-superscript",type:String})],w.prototype,"priceSuperScript",void 0),(0,o.gn)([(0,i.Cb)({attribute:"compare-page-url"})],w.prototype,"comparePaneUrl",void 0),(0,o.gn)([(0,i.Cb)({attribute:"primary-badge-color"})],w.prototype,"primaryBadgeColor",void 0),(0,o.gn)([(0,i.Cb)({attribute:"component-id"})],w.prototype,"componentId",void 0),(0,o.gn)([(0,i.Cb)({attribute:"enable-compare-feature",type:Boolean})],w.prototype,"isCompareFeatureEnabled",void 0),(0,o.gn)([(0,i.SB)()],w.prototype,"isCompareSelection",void 0),w=(0,o.gn)([(0,i.Mo)("cascade-filter-results")],w)},2464:(e,t,a)=>{var o=a(7582),r=a(5862),i=a(9662);const s=r.iv`
  .bg-yellow {
    background-color: var(--ds-badge-background-color, #ffb900);
    color: var(--ds-badge-color, #000);
  }
`;a(3890),a(5552);const n="#0067b8",l="#fff",c="#000",d=".375rem",h=r.iv`
  .light-box-retailer-log {
    .light-box-retail-image {
      width: 7.5rem;
      margin-bottom: -7rem;
      margin-left: 4.5rem;
    }
  }

  .light-box-button-primary {
    background-color: var(
      --ds-lightbox-button-background-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)(n)}
      )
    );
    color: var(
      --ds-lightbox-button-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)(l)}
      )
    );
  }
  .light-box-productlist-modal-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 14.313rem;
    margin-top: 1rem;
    line-height: 1.875rem;
    font-weight: normal;
    letter-spacing: 0.063rem;
    font-size: 2em;

    .light-box-expandall-and-desc-container {
      display: flex;
      flex-direction: row;
      gap: 0.625rem;

      .light-box-expand-all {
        transition: none 0s ease 0s;
        font-weight: 700;
        border-radius: 0.313rem;
        font-size: 0.813rem;
        line-height: 1.25rem !important;
        border: 0.125rem solid transparent !important;
        margin-top: -0.438rem;

        .light-box-more-options-icon {
          font-size: 1rem;
        }
        moray-button::part(base) {
          background-color: var(
            --ds-lightbox-button-background-color,
            var(
              --ds-theme-background-accent-subtle-normal,
              ${(0,r.$m)(l)}
            )
          );
          color: var(
            --ds-lightbox-button-text-color,
            var(
              --ds-theme-background-neutral-strong,
              ${(0,r.$m)(n)}
            )
          );
        }
      }
      .light-box-desc {
        font-size: 0.813rem;
        position: relative;
        top: -1.125rem;
      }
    }

    .light-box-config {
      position: relative;
      top: 0.75rem;
      font-size: 0.813rem;
      color: rgba(0, 0, 0, 0.6);
    }
    .light-box-heading-word-break {
      max-width: 40.313rem;
    }
  }
  .light-box-retailer-placeholder {
    display: flex;
    flex-direction: column;
    padding: 0.25rem;
    overflow: auto;
    max-height: 19rem;
  }
  .light-box-retailer-list {
    display: flex;
    margin: 1rem;
    justify-content: space-between;
    border-top: 0.063rem solid #ededed;
    border-bottom: 0.063rem solid #ededed;
    align-items: center;
    padding: .5rem;

    moray-button {
      --ds-action-trigger-font-size: 0.1rem;
    }

    .light-box-button-link {
      background-color: var(
        --ds-lightbox-button-background-color,
        var(
          --ds-theme-foreground-accent-subtle-normal,
          ${(0,r.$m)(n)}
        )
      );
      color: var(
        --ds-lightbox-button-text-color,
        var(
          --ds-theme-foreground-neutral-strong,
          ${(0,r.$m)(l)}
        )
      );
      border: none;
      font-size: 0.688rem;
      float: right;
      text-transform: none;
      font-weight: bold;
      border-radius: var(
        --ds-lightbox-button-border-radius,
        var(--ds-radii-20, ${(0,r.$m)(d)})
      );
    }

    a {
      text-decoration: none;
      color: inherit;
    }
  }

  .light-box-retailer-list.variant-selected, .light-box-variant-data-row.variant-selected {
    background-color: var(
          --ds-color-brilliant-blue-500,
          ${(0,r.$m)("rgba(0, 120, 212, 0.2)")}
        );
    color: var(
          --ds-color-brilliant-blue-800,
          ${(0,r.$m)("#004880")}
      );
    outline: 1px solid #000 !important;
  }

  .light-box-variants-data {
    overflow: auto;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;

    .light-box-variation-select-button {
      background-color: var(
        --ds-lightbox-button-background-color,
        var(
          --ds-theme-foreground-accent-subtle-normal,
          ${(0,r.$m)(n)}
        )
      );
      color: var(
        --ds-lightbox-button-text-color,
        var(
          --ds-theme-foreground-neutral-strong,
          ${(0,r.$m)(l)}
        )
      );
      border: none;
      font-size: 0.688rem;
      text-transform: none;
      font-weight: bold;
      border-radius: var(
        --ds-lightbox-button-border-radius,
        var(--ds-radii-20, ${(0,r.$m)(d)})
      );
      font-weight: 600;
      letter-spacing: 0.031rem;
    }

    .light-box-variantsdata-head {
      font-size: 0.813rem;
      line-height: 1rem;
      vertical-align: bottom;
      color: var(
        --ds-lightbox-variantsdata-head-color,
        var(
          --ds-theme-foreground-neutral-strong,
          ${(0,r.$m)(c)}
        )
      );
      font-weight: 600;
      th {
        padding-left: .75rem;
      }
    }
    .light-box-variant-data-body {
      .light-box-variant-data-row {
        font-weight: 400;
        font-size: 0.75rem;

        .light-box-variant-data-cell {
          padding: 1.688rem .813rem
        }
      }
      .light-box-variant-data-row:hover {
        background-color: var(
          --ds-lightbox-button-variantsdata-row-hover-color,
          var(
            --ds-theme-background-neutral-strong,
            ${(0,r.$m)("rgba(0, 120, 212, 0.1)")}
          )
        );
        outline: 0.125rem dashed;
        outline-color:  color: var(
          --ds-lightbox-variantsdata-row-outline-color,
          var(
            --ds-theme-background-neutral-strong,
            ${(0,r.$m)(c)}
          )
        );
        color: var(
          --ds-lightbox-variantsdata-head-color,
          var(
            --ds-theme-foreground-neutral-strong,
            ${(0,r.$m)(c)}
          )
        );
      }
    }
  }

  .light-box-privacy-footer {
    position: absolute;
    bottom: 0rem;
    padding: 0.313rem 0.625rem;
    border-top: 0.063rem solid #cccccc;
     background-color: var(
            --ds-lightbox-footer-background-color,
            var(
            --ds-theme-background-neutral-strong,
              ${(0,r.$m)("#fff")}
            )
          );

    .light-box-dialog-footer {
      text-align: left;
      font-size: 0.688rem;
      line-height: 0.875rem;
      padding: 0.313rem 0 0;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 0;
    }
  }
  @media (min-width: 53.313rem) and (max-width: 63.938rem) {
    .light-box-expand-all {
      margin-top: 0rem;
      margin-left: 0rem;
    }
  }
  @media screen and (max-width: 47.999rem) {
    .light-box-retailer-log {
      display: flex;
      justify-content: center;
      align-items: center;
      .light-box-retail-image {
        margin-bottom: 0rem;
        margin-left: 0rem;
      }
    }
    .light-box-privacy-footer {
      height: 0rem;
      margin-bottom: -13.75rem;
      position: relative;
    }
    .light-box-retailer-placeholder {
      max-height: calc(100% - 3.75rem);
      position: relative;
    }
    .light-box-config {
      top: 0rem;
      left: 3.75rem;
    }
    .light-box-desc {
      margin-left: -10.625rem;
      left: 6.25rem;
    }
    .light-box-expandall-and-desc-container {
      gap: 6.438rem;
    }
    .light-box-expand-all {
      margin-top: -0.25rem;
    }
      .light-box-variants-data {
       table-layout: unset;
      }
  }

  @media (min-width: 33.813rem) and (max-width: 40rem) {
     .light-box-productlist-modal-header {
        margin-left: 9.313rem;
      }

     .light-box-expand-all {
        margin-top: 2.562rem !important;
        margin-left: -9rem;
    }

  }
  @media (min-width: 40.063rem) and (max-width: 45.938rem) {
     .light-box-productlist-modal-header {
       margin-left: 13.313rem;
      }

     .light-box-expand-all {
        margin-top: 2.562rem !important;
       margin-left: -11rem;
    }

  }
      @media (min-width: 46rem) and (max-width: 48.063rem) {
     .light-box-productlist-modal-header {
       margin-left: 13.313rem;
      }

     .light-box-expand-all {
      margin-top: 1.562rem !important;
        margin-left: -13rem;
    }

  }

 @media screen and (max-width: 33.75rem) {
   .light-box-productlist-modal-header {
      margin-left: 6.313rem;
      }
    .light-box-expand-all {
     margin-top: 1.562rem !important;
     margin-left: -11rem;
    }
  }

  @media screen and (max-width: 87.5rem) {
    .light-box-retailer-placeholder {
      max-height: 21rem;
    }
  }

  @media screen and (max-width: 87.5rem) {
    .light-box-retailer-placeholder {
      max-height: 19.5rem;
    }
  }
`;a(8358);const p=r.iv`
  .cascade-pop-up-product-details-dialog {
    border-radius: var(
      --ds-lightbox-border-radius,
      var(--ds-radii-20, ${(0,r.$m)(".5rem")})
    );
    position: fixed;
    top: 3%;
    left: 0;
    right: 0;
    width: 60rem;
    max-height: 37.5rem;
    padding: 0 0 0 0;
    margin: 0 auto;
    transition: 0s z-index;
    -moz-transition: 0s z-index;
    -webkit-transition: 0s z-index;
    transition: 0.2s opacity;
    -moz-transition: 0.2s opacity;
    -webkit-transition: 0.2s opacity;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: calc(100% - 7%);
    border: 0.125rem solid;
    border-color: var(
      --ds-lightbox-close-button-border-color,
      var(
        --ds-theme-background-neutral-strong,
        ${(0,r.$m)("#fff")}
      )
    );
  }

  .cascade-pop-up-close-button {
    position: absolute;
    min-width: 0;
    box-shadow: none;
    opacity: 1;
    cursor: pointer;
    z-index: 4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    top: 0.688rem;
    right: 0.688rem;
    float: right;
    text-align: right;
  }
  .cascade-pop-up-close-button::part(base) {
    background-color: var(
      --ds-lightbox-close-button-background-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,r.$m)("#fff")}
      )
    );
    color: var(
      --ds-lightbox-close-button-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)("#000")}
      )
    );
    border: 0.125rem solid;
    padding: 0.125rem;
    border-color: var(
      --ds-lightbox-close-button-border-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,r.$m)("#000")}
      )
    );
  }

  @media screen and (max-width: 47.999rem) {
    .cascade-pop-up-product-details-dialog {
      top: 0%;
    }
  }
`;var u=a(4638);let g=class extends u.R{render(){return r.dy`
      <div>
        <dialog
          id="cascade-popup"
          aria-label="Cascade Pop Up"
          class="cascade-pop-up-product-details-dialog"
        >
          <moray-button
            appearance="button"
            id="lightbox-close-button"
            aria-label="${this.msg("CLOSE_BUTTON")}"
            size="small"
            class="cascade-pop-up-close-button"
            @click="${this._dispatchLightBoxCloseEvent}"
            @keydown=${e=>{"Escape"===e.key&&this._dispatchLightBoxCloseEvent}}
          >
            <moray-icon
              icon="dismiss"
              size="medium"
              aria-label="Dismiss Icon"
            ></moray-icon
          ></moray-button>
          <slot name="pop-up-content"></slot>
        </dialog>
      </div>
    `}_openLightBox(){const e=this.shadowRoot?.querySelector("#cascade-popup");e?.showModal()}_dispatchLightBoxCloseEvent(){const e=new CustomEvent("CloseLightbox",{detail:{},bubbles:!0,composed:!0});window.dispatchEvent(e)}_hideLightBox(){const e=this.shadowRoot?.querySelector("#cascade-popup");e.close()}};g.styles=[p,s],g.dict={CLOSE_BUTTON:"close button"},g=(0,o.gn)([(0,i.Mo)("cascade-pop-up")],g);const m={productID:"",cpu:"",gpu:"",memory:"",storage:"",retailers:[],variationIds:[],deviceImageUrl:"",deviceAltText:"",deviceName:"",configuration:"",hardCodedPrice:"",feature:[],skuId:"",brand:""};let b=class extends u.R{constructor(){super(...arguments),this.lightBoxContent={lightBoxProductData:m,localeSpecificData:{lightBoxDisclaimer:"",currencySymbol:""},lightBoxProductVariationIdsData:[],lightBoxProductSpecificationTableHeaders:{},lightboxUniqueId:""},this.theme="dark",this.isExpanded=!1,this.flags={yes:"Yes",no:"NO"},this._handleDispatchLightBoxContent=e=>{const t=e.detail.lightBoxDetails;this.lightBoxContent={...t},this.lightBoxContent?.lightBoxProductVariationIdsData?.length>1&&(this.isExpanded=!0),this._showLightBox(),window.addEventListener("CloseLightbox",this._handleCloseLightBox),window.addEventListener("keydown",this._handleKeyDown)},this._handleCloseLightBox=()=>{this._closeLightBox()},this._handleKeyDown=e=>{"Escape"===e.key&&this._closeLightBox()},this._checkOem=(e,t)=>t.toLocaleLowerCase().includes(e.toLocaleLowerCase())}async connectedCallback(){super.connectedCallback(),window.addEventListener("DispatchLightBoxContent",this._handleDispatchLightBoxContent)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("DispatchLightBoxContent",this._handleDispatchLightBoxContent)}renderRetailerItems(){return r.dy` <div class="light-box-retailer-placeholder">
      ${this.isExpanded?r.dy`
            <table
              id="product-specifications"
              aria-label="${this.msg("PRODUCT_SPECIFICATION")}"
              class="light-box-variants-data"
            >
              <!-- Table Header -->
              <thead class="light-box-variantsdata-head">
                <tr>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.price}
                  </th>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.secured}
                  </th>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.ram}
                  </th>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.storage}
                  </th>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.cpu}
                  </th>
                  <th>
                    ${this.lightBoxContent.lightBoxProductSpecificationTableHeaders.gpu}
                  </th>
                  <th></th>
                </tr>
              </thead>
              <tbody class="light-box-variant-data-body">
                ${this.lightBoxContent?.lightBoxProductVariationIdsData?.map(((e,t)=>r.dy`
                    <tr
                      class="light-box-variant-data-row ${this.lightBoxContent.lightBoxProductVariationIdsData.length>1&&0===t?"variant-selected":""}"
                      data-product-name="${e.deviceName}"
                      data-product-id="${e.productID}"
                      data-prodcut-sku="${e.skuId}"
                    >
                      <td class="light-box-variant-data-cell">
                        ${this.lightBoxContent?.localeSpecificData?.currencySymbol}${e.hardCodedPrice}
                      </td>
                      <td class="light-box-variant-data-cell">
                        ${e.feature.includes("SecuredcorePC")?`${this.flags.yes}`:`${this.flags.no}`}
                      </td>
                      <td class="light-box-variant-data-cell">
                        ${e.memory.split(":")[1]}
                      </td>
                      <td class="light-box-variant-data-cell">
                        ${e.storage.split(":")[1]} SSD
                      </td>
                      <td class="light-box-variant-data-cell">
                        ${e.cpu.split(":")[1]}
                      </td>
                      <td class="light-box-variant-data-cell">
                        ${e.gpu.split(":")[1]}
                      </td>
                      <td class="light-box-variant-data-cell">
                        <moray-button
                          appearance="button"
                          id="${e.productID}-select"
                          class="light-box-variation-select-button"
                          @click="${t=>this.handleProductSelect(t,e)}"
                          aria-label="${this.msg("SELECT")}"
                          data-bi-cN=${this.msg("SELECT")}
                          data-bi-ecn="Select"
                          data-bi-cT="Button"
                        >
                          ${this.msg("SELECT")}
                        </moray-button>
                      </td>
                    </tr>
                  `))}
              </tbody>
            </table>
          `:r.dy` ${this.lightBoxContent?.lightBoxProductData?.retailers?.map((e=>r.dy`
              <div
                class="light-box-retailer-list"
                id="lightbox-retailer-list"
                aria-label="${this.msg("RETAILER_INFORMATION",{0:e.retailerName})}"
                data-retailer="${e.retailerName}"
                data-product-name="${this.lightBoxContent.lightBoxProductData.deviceName}"
                data-product-id="${this.lightBoxContent.lightBoxProductData.productID}"
                data-product-sku="${this.lightBoxContent.lightBoxProductData.skuId}"
                data-oem="${this._checkOem(this.lightBoxContent.lightBoxProductData.brand,e.retailerName)}"
              >
                <a href="http://approjects.co.za/?big=${e.purchaseLink}" target="_blank">
                  <div class="light-box-retail-icon">
                    <img
                      src="http://approjects.co.za/?big=${e.logo}"
                      alt="${this.msg("RETAILER_ICON")}"
                    />
                  </div>
                </a>
                <a href="http://approjects.co.za/?big=${e.purchaseLink}" target="_blank"
                  ><p class="light-box-retail-link-text">
                    ${this.lightBoxContent?.localeSpecificData?.currencySymbol}${e.price}
                  </p></a
                >
                <a href="http://approjects.co.za/?big=${e.purchaseLink}" target="_blank">
                  <moray-button
                    appearance="button"
                    id="learn-more-${e.retailerName}"
                    aria-label="${this.msg("LEARN_MORE")}"
                    class="light-box-button-link"
                    data-bi-cN=${this.msg("LEARN_MORE")}
                    data-bi-ecn="Learn More"
                    data-bi-cT="Button"
                  >
                    ${this.msg("LEARN_MORE")}
                  </moray-button>
                </a>
              </div>
            `))}`}
    </div>`}toggleIsExpanded(){this.isExpanded=!this.isExpanded}renderExpandCollapseComponent(){return r.dy`${this.lightBoxContent?.lightBoxProductVariationIdsData?.length>1?r.dy`<div class="light-box-expand-all">
          <moray-button
            appearance="action-trigger"
            id="lightbox-expand-all-collapse-all-${this.lightBoxContent.lightBoxProductData.productID}"
            @click=${this.toggleIsExpanded}
            data-bi-cN=${this.msg("LESS"),this.msg("MORE_OPTIONS")}
            data-bi-ecn="expand all collapse all"
            aria-label="${this.isExpanded?this.msg("LESS"):this.msg("MORE_OPTIONS")}"
            data-bi-cT="Button"
          >
            ${this.isExpanded?this.msg("LESS"):this.msg("MORE_OPTIONS")}
            ${this.isExpanded?r.dy` <moray-icon
                  icon="Subtract-circle"
                  id="lightbox-subtract-circle"
                  aria-label="${this.msg("LESS")}"
                  class="light-box-more-options-icon"
                ></moray-icon>`:r.dy` <moray-icon
                  icon="Add-circle"
                  id="lightbox-add-circle"
                  aria-label="${this.msg("MORE_OPTIONS")}"
                  class="light-box-more-options-icon"
                >
                </moray-icon>`}
          </moray-button>
        </div>`:r.dy``}`}renderModalHeaderItems(){return r.dy` <div class="light-box-productlist-modal-header">
      <cascade-heading
        id="lightbox-device-name-${this.lightBoxContent.lightBoxProductData.productID}"
        aria-label="${this.msg("DEVICE_NAME")}"
        class="light-box-heading-word-break"
        headingText="${this.lightBoxContent?.lightBoxProductData?.deviceName}"
        tag="h2"
        slot="heading"
        >${this.lightBoxContent?.lightBoxProductData?.deviceName}</cascade-heading
      >
      <p class="light-box-config">
        ${this.lightBoxContent?.lightBoxProductVariationIdsData?.length>1?this.msg("SELECT_CONFIGURATION"):this.msg("CONFIGURATION")}
      </p>
      <div class="light-box-expandall-and-desc-container">
        <p class="light-box-desc">
          ${this.lightBoxContent?.lightBoxProductData?.configuration}
        </p>
        ${this.renderExpandCollapseComponent()}
      </div>
    </div>`}renderImageContainer(){return r.dy`
  <span id="lightbox-device-image" aria-label = "${this.msg("PRODUCT_IMAGE")}" class = "light-box-retailer-log">
  <img alt="${this.lightBoxContent?.lightBoxProductData?.deviceAltText}" class = "light-box-retail-image" src="http://approjects.co.za/?big=${this.lightBoxContent?.lightBoxProductData.deviceImageUrl}" />
  </spn>
  `}renderFooterComponent(){return r.dy` <div
      id="lightbox-disclaimer"
      class="light-box-privacy-footer"
      aria-label="${this.msg("LIGHTBOX_DISCLAIMER")}"
    >
      <p class="light-box-dialog-footer">
        ${this.lightBoxContent?.localeSpecificData?.lightBoxDisclaimer}
      </p>
    </div>`}render(){return r.dy`
      <cascade-pop-up id="lightbox-component">
        <div slot="pop-up-content" class="lightbox">
          ${this.renderImageContainer()} ${this.renderModalHeaderItems()}
          ${this.renderRetailerItems()} ${this.renderFooterComponent()}
        </div>
      </cascade-pop-up>
    `}handleProductSelect(e,t){this.lightBoxContent.lightBoxProductData=t,this.isExpanded=!this.isExpanded;const a=this.shadowRoot?.querySelector("#expand-collapse");a.isExpanded=!1}_showLightBox(){const e=this.shadowRoot?.querySelector("#lightbox-component");document.body.classList.add("lightbox-dialog-open"),document.getElementsByClassName("lightbox-dialog-open")[0].style.overflow="hidden",e&&e?._openLightBox()}_closeLightBox(){const e=this.shadowRoot?.querySelector("#lightbox-component"),t=document.getElementsByClassName("lightbox-dialog-open")[0];t?.removeAttribute("style"),document.body.classList.remove("lightbox-dialog-open"),this.isExpanded=!1,e&&e?._hideLightBox(),window.removeEventListener("CloseLightbox",this._handleCloseLightBox),window.removeEventListener("keydown",this._handleKeyDown)}};b.styles=[h,s],b.dict={MORE_OPTIONS:"MORE OPTIONS",LESS:"LESS",LEARN_MORE:"Learn More",SELECT:"SELECT",RETAILER_ICON:"Retailer Icon",SELECT_CONFIGURATION:"Select a Configuration",CONFIGURATION:"Configuration",PRODUCT_SPECIFICATION:"Product Specifications",RETAILER_INFORMATION:"Retailer Information for {0}",DEVICE_NAME:"Device Name",PRODUCT_IMAGE:"Product image",LIGHTBOX_DISCLAIMER:"Lightbox Disclaimer"},(0,o.gn)([(0,i.SB)()],b.prototype,"lightBoxContent",void 0),(0,o.gn)([(0,i.Cb)()],b.prototype,"theme",void 0),(0,o.gn)([(0,i.SB)()],b.prototype,"isExpanded",void 0),(0,o.gn)([(0,i.SB)()],b.prototype,"flags",void 0),b=(0,o.gn)([(0,i.Mo)("cascade-lightbox-container")],b)},2576:(e,t,a)=>{a.d(t,{Y$:()=>i});class o{constructor(){this.lang=r("lang",document?.documentElement?.getAttribute("lang")),this.dir=r("dir",document?.documentElement?.getAttribute("dir")),new MutationObserver((()=>{document.dispatchEvent(new CustomEvent("localeChanged",{detail:{lang:this.lang=r("lang",document.documentElement.lang),dir:this.dir=r("dir",document.documentElement.dir)}}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}}function r(e,t){return"lang"===e?t&&t.includes("-")&&t.length>=5?t.toLowerCase():"en-us":"dir"===e?t&&t.match(/^(ltr|rtl)$/i)?t.toLowerCase():"ltr":(console.warn("Invalid validation type!"),"")}const i=function(){let e;return function(){return e||(e=new o),e}}()},4638:(e,t,a)=>{a.d(t,{R:()=>l});var o=a(7582),r=a(8922),i=a(9662),s=a(1697),n=a(2576);const l=(e=>{class t extends e{constructor(){super(...arguments),this.i18nManager=(0,n.Y$)(),this.locChangeHandler=e=>{this.lang=e.detail.lang,this.dir=e.detail.dir,this.requestUpdate()},this.errorHandler=(e,t)=>{if(console.warn(`I18nMixin ${e}: ${t}`),"undefined"!=typeof process&&process?.env?.STORYBOOK&&"ERROR"===e)throw new Error(t)}}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((e=>{const{dict:t}=this.constructor;t&&Object.keys(t).length||this.errorHandler("ERROR","Found translations but dictionary is not defined"),t&&!(e in t)&&this.errorHandler("ERROR",`Translation passed in for wrong or obsolete key: '${e}'`)}))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("localeChanged",this.locChangeHandler)}msg(e,t){if(!e)return"";const a=this.constructor.dict?.[e]||"";if(!this.lang)return a;const{dict:o}=this.constructor;o&&!(e in o)&&this.errorHandler("ERROR",`Invalid key: '${e}'`);let r=this.translations?.[e];r||(this.translations&&this.errorHandler("WARNING",`Missing translation for key: '${e}'`),r=a);let i=r;try{i=this.format(r,t)}catch(e){this.errorHandler("ERROR",`Error interpolating '${r}'\n${e}`)}return i??r??""}format(e,t){return new s.ZP(e,this.lang).format(t)}}return t.dict={},(0,o.gn)([(0,i.Cb)({type:Object,reflect:!1})],t.prototype,"translations",void 0),t})(r.oi)},5270:(e,t,a)=>{a.d(t,{M:()=>o});const o=e=>(t,a)=>{customElements.get(e)?console.warn(`${e} is already defined.`):void 0!==a?a.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)}},8701:(e,t,a)=>{a.d(t,{$m:()=>l,ec:()=>d,i1:()=>h,iv:()=>c});const o=globalThis,r=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;class n{constructor(e,t,a){if(this._$cssResult$=!0,a!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(r&&void 0===e){const a=void 0!==t&&1===t.length;a&&(e=s.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),a&&s.set(t,e))}return e}toString(){return this.cssText}}const l=e=>new n("string"==typeof e?e:e+"",void 0,i),c=(e,...t)=>{const a=1===e.length?e[0]:t.reduce(((t,a,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+e[o+1]),e[0]);return new n(a,e,i)},d=(e,t)=>{if(r)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const a of t){const t=document.createElement("style"),r=o.litNonce;void 0!==r&&t.setAttribute("nonce",r),t.textContent=a.cssText,e.appendChild(t)}},h=r?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const a of e.cssRules)t+=a.cssText;return l(t)})(e):e},5674:(e,t,a)=>{a.d(t,{C:()=>o});const o=(e,t,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,a),a)},5713:(e,t,a)=>{a.d(t,{M:()=>o});const o=e=>(t,a)=>{void 0!==a?a.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)}},760:(e,t,a)=>{a.d(t,{C:()=>s});var o=a(8732);const r={attribute:!0,type:String,converter:o.Ts,reflect:!1,hasChanged:o.Qu},i=(e=r,t,a)=>{const{kind:o,metadata:i}=a;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(a.name,e),"accessor"===o){const{name:o}=a;return{set(a){const r=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,r,e)},init(t){return void 0!==t&&this.P(o,void 0,e),t}}}if("setter"===o){const{name:o}=a;return function(a){const r=this[o];t.call(this,a),this.requestUpdate(o,r,e)}}throw Error("Unsupported decorator location: "+o)};function s(e){return(t,a)=>"object"==typeof a?i(e,t,a):((e,t,a)=>{const o=t.hasOwnProperty(a);return t.constructor.createProperty(a,o?{...e,wrapped:!0}:e),o?Object.getOwnPropertyDescriptor(t,a):void 0})(e,t,a)}},2669:(e,t,a)=>{a.d(t,{I:()=>r});var o=a(5674);function r(e,t){return(a,r,i)=>{const s=t=>t.renderRoot?.querySelector(e)??null;if(t){const{get:e,set:t}="object"==typeof r?a:i??(()=>{const e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return(0,o.C)(a,r,{get(){let a=e.call(this);return void 0===a&&(a=s(this),(null!==a||this.hasUpdated)&&t.call(this,a)),a}})}return(0,o.C)(a,r,{get(){return s(this)}})}}},9158:(e,t,a)=>{a.d(t,{S:()=>r});var o=a(760);function r(e){return(0,o.C)({...e,state:!0,attribute:!1})}},8732:(e,t,a)=>{a.d(t,{$m:()=>o.$m,Qu:()=>b,Ts:()=>m,fl:()=>v,iv:()=>o.iv});var o=a(8701);const{is:r,defineProperty:i,getOwnPropertyDescriptor:s,getOwnPropertyNames:n,getOwnPropertySymbols:l,getPrototypeOf:c}=Object,d=globalThis,h=d.trustedTypes,p=h?h.emptyScript:"",u=d.reactiveElementPolyfillSupport,g=(e,t)=>e,m={toAttribute(e,t){switch(t){case Boolean:e=e?p:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let a=e;switch(t){case Boolean:a=null!==e;break;case Number:a=null===e?null:Number(e);break;case Object:case Array:try{a=JSON.parse(e)}catch(e){a=null}}return a}},b=(e,t)=>!r(e,t),f={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:b};Symbol.metadata??=Symbol("metadata"),d.litPropertyMetadata??=new WeakMap;class v extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=f){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const a=Symbol(),o=this.getPropertyDescriptor(e,a,t);void 0!==o&&i(this.prototype,e,o)}}static getPropertyDescriptor(e,t,a){const{get:o,set:r}=s(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return o?.call(this)},set(t){const i=o?.call(this);r.call(this,t),this.requestUpdate(e,i,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??f}static _$Ei(){if(this.hasOwnProperty(g("elementProperties")))return;const e=c(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(g("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(g("properties"))){const e=this.properties,t=[...n(e),...l(e)];for(const a of t)this.createProperty(a,e[a])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,a]of t)this.elementProperties.set(e,a)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const a=this._$Eu(e,t);void 0!==a&&this._$Eh.set(a,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const a=new Set(e.flat(1/0).reverse());for(const e of a)t.unshift((0,o.i1)(e))}else void 0!==e&&t.push((0,o.i1)(e));return t}static _$Eu(e,t){const a=t.attribute;return!1===a?void 0:"string"==typeof a?a:"string"==typeof e?e.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((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((e=>e(this)))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const a of t.keys())this.hasOwnProperty(a)&&(e.set(a,this[a]),delete this[a]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return(0,o.ec)(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((e=>e.hostConnected?.()))}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach((e=>e.hostDisconnected?.()))}attributeChangedCallback(e,t,a){this._$AK(e,a)}_$EC(e,t){const a=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,a);if(void 0!==o&&!0===a.reflect){const r=(void 0!==a.converter?.toAttribute?a.converter:m).toAttribute(t,a.type);this._$Em=e,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(e,t){const a=this.constructor,o=a._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=a.getPropertyOptions(o),r="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:m;this._$Em=o,this[o]=r.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,a){if(void 0!==e){if(a??=this.constructor.getPropertyOptions(e),!(a.hasChanged??b)(this[e],t))return;this.P(e,t,a)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,a){this._$AL.has(e)||this._$AL.set(e,t),!0===a.reflect&&this._$Em!==e&&(this._$Ej??=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,a]of e)!0!==a.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],a)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach((e=>e.hostUpdate?.())),this.update(t)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach((e=>e.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&=this._$Ej.forEach((e=>this._$EC(e,this[e]))),this._$EU()}updated(e){}firstUpdated(e){}}v.elementStyles=[],v.shadowRootOptions={mode:"open"},v[g("elementProperties")]=new Map,v[g("finalized")]=new Map,u?.({ReactiveElement:v}),(d.reactiveElementVersions??=[]).push("2.0.4")},5113:(e,t,a)=>{a.d(t,{a:()=>l});var o=a(4385),r=a(4609),i=a(2584),s=a(8187);const n={paddingBlock:"0",paddingInline:"0",gap:"0.4375em",fontWeight:"600",fontSize:"1rem",color:s.a,inactiveColor:s.b,disabledOpacity:"0.3"},l=o.i`
  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}']) a,
  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}']) button {
    border: none;
    padding-block: var(
      --ds-action-trigger-padding-block,
      ${(0,o.a)(n.paddingBlock)}
    );
    padding-inline: var(
      --ds-action-trigger-padding-inline,
      ${(0,o.a)(n.paddingInline)}
    );
    background: transparent;
    gap: var(--ds-action-trigger-gap, ${(0,o.a)(n.gap)});
    font-weight: var(
      --ds-action-trigger-font-weight,
      ${(0,o.a)(n.fontWeight)}
    );
    font-size: var(
      --ds-action-trigger-font-size,
      ${(0,o.a)(n.fontSize)}
    );
    color: var(
      --ds-action-trigger-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(n.color)}
      )
    );
    text-decoration: underline;
  }

  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}']) a:focus,
  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}']) button:focus {
    ${i.v}
  }

  /* TODO: disabled and inactive styles for button only, they should not apply to anchors */

  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}'])
    a.action-trigger--no-underline,
  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}'])
    button.action-trigger--no-underline {
    text-decoration: none;
  }

  :host([appearance^='${(0,o.a)(r.B.actionTrigger)}'][disabled]) button {
    opacity: var(
      --ds-action-trigger-disabled-opacity,
      ${(0,o.a)(n.disabledOpacity)}
    );
    background-image: none;
    box-shadow: none;
  }

  :host([appearance='${(0,o.a)(r.B.actionTrigger)}'].inactive) button {
    color: var(
      --ds-action-trigger-inactive-color,
      ${(0,o.a)(n.inactiveColor)}
    );
    text-decoration: none;
  }
`},9795:(e,t,a)=>{a.d(t,{A:()=>d});var o=a(4385),r=a(2017),i=a(7864),s=a(9366),n=Object.defineProperty,l=Object.getOwnPropertyDescriptor,c=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?l(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&n(t,a,i),i};const d=e=>{class t extends e{constructor(){super(...arguments),this.ariaDisabled=null,this.ariaExpanded=null}renderAnchor(e,t,a="base"){const r={...t};return o.x`
        <a
          aria-disabled="${(0,s.o)(this.ariaDisabled)}"
          aria-expanded="${(0,s.o)(this.ariaExpanded)}"
          class=${(0,i.e)(r)}
          download="${(0,s.o)(this.download)}"
          href=${(0,s.o)(this.href)}
          hreflang="${(0,s.o)(this.hreflang)}"
          part=${a}
          ping="${(0,s.o)(this.ping)}"
          referrerpolicy="${(0,s.o)(this.referrerpolicy)}"
          rel="${(0,s.o)(this.rel)}"
          target="${(0,s.o)(this.target)}"
          type="${(0,s.o)(this.type)}"
        >
          ${e}
        </a>
      `}}return c([(0,r.n)({attribute:"aria-disabled"})],t.prototype,"ariaDisabled",2),c([(0,r.n)({attribute:"aria-expanded"})],t.prototype,"ariaExpanded",2),c([(0,r.n)()],t.prototype,"download",2),c([(0,r.n)()],t.prototype,"href",2),c([(0,r.n)()],t.prototype,"hreflang",2),c([(0,r.n)()],t.prototype,"ping",2),c([(0,r.n)()],t.prototype,"referrerpolicy",2),c([(0,r.n)()],t.prototype,"rel",2),c([(0,r.n)()],t.prototype,"target",2),c([(0,r.n)()],t.prototype,"type",2),t}},8641:(e,t,a)=>{a.d(t,{e:()=>o});const o=(e,t,a)=>(a.configurable=!0,a.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,a),a)},4609:(e,t,a)=>{a.d(t,{B:()=>s,a:()=>d,b:()=>c,c:()=>n});var o=a(4385),r=a(2584),i=a(8187);const s={actionTrigger:"action-trigger",button:"button",buttonFaint:"button--faint",buttonOutline:"button--outline",buttonLink:"button--link",mediaControl:"media-control",mediaControlLight:"media-control--light"},n={small:"small",medium:"medium",large:"large"},l={gap:"0.4375em",fontWeight:"600",borderWidth:"0.125rem",borderColor:i.n,borderRadius:i.R,backgroundColor:i.h,color:i.i,depth:i.D,hoverBorderColor:i.n,hoverBackgroundColor:i.h,hoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-strong-hover, ${i.o}), var(--ds-theme-background-accent-strong-hover, ${i.o}))`,hoverColor:i.i,hoverDepth:i.p,disabledOpacity:"0.3",defaultPaddingBlockEnd:"0.625rem",defaultPaddingBlockStart:"0.625rem",defaultPaddingInlineEnd:i.e,defaultPaddingInlineStart:i.e,defaultFontSize:"1rem",smallPaddingBlockEnd:"0.5625rem",smallPaddingBlockStart:"0.5625rem",smallPaddingInlineEnd:i.e,smallPaddingInlineStart:i.e,smallFontSize:"0.875rem",mediumPaddingBlockEnd:"0.625rem",mediumPaddingBlockStart:"0.625rem",mediumPaddingInlineEnd:i.e,mediumPaddingInlineStart:i.e,mediumFontSize:"1rem",largePaddingBlockEnd:"0.8125rem",largePaddingBlockStart:"0.8125rem",largePaddingInlineEnd:i.e,largePaddingInlineStart:i.e,largeFontSize:"1.125rem",pillBorderRadius:i.q,outlineBorderColor:"currentcolor",outlineBackgroundColor:i.n,outlineColor:i.a,outlineHoverBorderColor:"currentcolor",outlineHoverBackgroundColor:i.n,outlineHoverBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${i.r}), var(--ds-theme-background-accent-subtle-normal, ${i.r}))`,outlineHoverColor:i.a,faintBorderColor:i.n,faintBackgroundColor:i.n,faintBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${i.r}), var(--ds-theme-background-accent-subtle-normal, ${i.r}))`,faintColor:i.a,faintHoverBorderColor:i.n,faintHoverBackgroundColor:i.n,faintHoverBackgroundImage:"none",faintHoverColor:i.a,linkColor:i.a,linkInactiveColor:i.s,activeBorderColor:i.t,activeBackgroundColor:i.l,activeBackgroundImage:`linear-gradient(var(--ds-theme-background-accent-subtle-normal, ${i.r}), var(--ds-theme-background-accent-subtle-normal, ${i.r}))`,activeColor:i.a,outlineActiveBorderColor:i.n,outlineActiveBackgroundColor:i.u,outlineActiveBackgroundImage:"none",outlineActiveColor:i.i,faintActiveBorderColor:i.n,faintActiveBackgroundColor:i.u,faintActiveBackgroundImage:"none",faintActiveColor:i.i},c=o.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;
`,d=o.i`
  :host([appearance^='${(0,o.a)(s.button)}']) a,
  :host([appearance^='${(0,o.a)(s.button)}']) button {
    justify-content: center;
    gap: var(--ds-button-gap, ${(0,o.a)(l.gap)});
    font-weight: var(--ds-button-font-weight, ${(0,o.a)(l.fontWeight)});
    border-width: var(--ds-button-border-width, ${(0,o.a)(l.borderWidth)});
    border-color: var(
      --ds-button-border-color,
      var(--ds-color-transparent, ${(0,o.a)(l.borderColor)})
    );
    border-radius: var(
      --ds-button-border-radius,
      var(--ds-radii-10, ${(0,o.a)(l.borderRadius)})
    );
    background-color: var(
      --ds-button-background-color,
      var(
        --ds-theme-background-accent-strong-normal,
        ${(0,o.a)(l.backgroundColor)}
      )
    );
    color: var(
      --ds-button-color,
      var(--ds-theme-foreground-accent-strong-normal, ${(0,o.a)(l.color)})
    );
    text-decoration: none;
    line-height: 1;
    padding-inline-end: var(
      --ds-button-default-padding-inline-end,
      ${(0,o.a)(l.defaultPaddingInlineEnd)}
    );
    padding-inline-start: var(
      --ds-button-default-padding-inline-start,
      ${(0,o.a)(l.defaultPaddingInlineEnd)}
    );
    padding-block-end: var(
      --ds-button-default-padding-block-end,
      ${(0,o.a)(l.defaultPaddingBlockEnd)}
    );
    padding-block-start: var(
      --ds-button-default-padding-block-start,
      ${(0,o.a)(l.defaultPaddingBlockStart)}
    );
    font-size: var(
      --ds-button-default-font-size,
      ${(0,o.a)(l.defaultFontSize)}
    );
    box-shadow: var(
      --ds-button-box-shadow,
      var(--ds-depth-none, ${(0,o.a)(l.depth)})
    );
  }

  :host([appearance^='${(0,o.a)(s.button)}']) a:focus,
  :host([appearance^='${(0,o.a)(s.button)}']) button:focus {
    ${r.d}
  }

  :host([appearance^='${(0,o.a)(s.button)}']:not([disabled])) a:hover,
  :host([appearance^='${(0,o.a)(s.button)}']:not([disabled])) button:hover,
  :host([appearance^='${(0,o.a)(s.button)}']:not([disabled])) a:focus,
  :host([appearance^='${(0,o.a)(s.button)}']:not([disabled])) button:focus {
    border-color: var(
      --ds-button-hover-border-color,
      var(--ds-color-transparent, ${(0,o.a)(l.hoverBorderColor)})
    );
    background-color: var(
      --ds-button-hover-background-color,
      var(
        --ds-theme-background-accent-strong-normal,
        ${(0,o.a)(l.hoverBackgroundColor)}
      )
    );
    background-image: var(
      --ds-button-hover-background-image,
      ${(0,o.a)(l.hoverBackgroundImage)}
    );
    color: var(
      --ds-button-hover-color,
      var(
        --ds-theme-foreground-accent-strong-normal,
        ${(0,o.a)(l.hoverColor)}
      )
    );
    box-shadow: var(
      --ds-button-hover-box-shadow,
      var(--ds-depth-4, ${(0,o.a)(l.hoverDepth)})
    );
  }

  /* TODO: button only styles (do not apply to anchor styled buttons)
   *  - inactive
   *  - disabled
   *  - link button
   *  - active
   */

  /* ------- Button disabled -------- */

  :host([appearance^='${(0,o.a)(s.button)}'][disabled]) button {
    opacity: var(--ds-button-disabled-opacity, ${(0,o.a)(l.disabledOpacity)});
    background-image: none;
    box-shadow: none;
  }

  /* ------- Button active -------- */

  :host([appearance='${(0,o.a)(s.button)}'][active]:not([disabled])) button {
    border-color: var(
      --ds-button-active-border-color,
      var(
        --ds-theme-border-accent-strong-normal,
        ${(0,o.a)(l.activeBorderColor)}
      )
    );
    background-color: var(
      --ds-button-active-background-color,
      var(
        --ds-theme-background-neutral-fade,
        ${(0,o.a)(l.activeBackgroundColor)}
      )
    );
    background-image: var(
      --ds-button-active-background-image,
      ${(0,o.a)(l.activeBackgroundImage)}
    );
    color: var(
      --ds-button-active-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(l.activeColor)}
      )
    );
  }

  /* ------- Button active HCM -------- */

  :host(
      [appearance^='${(0,o.a)(s.button)}']:not(
          [appearance='${(0,o.a)(s.buttonLink)}']
        )[active]:not([disabled])
    )
    button {
    @media (forced-colors: active) {
      color: CanvasText;
      background-color: SelectedItem;
    }
  }

  /* ------- Button small -------- */

  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.small)}']
    )
    a,
  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.small)}']
    )
    button {
    padding-inline-end: var(
      --ds-button-small-padding-inline-end,
      ${(0,o.a)(l.smallPaddingInlineEnd)}
    );
    padding-inline-start: var(
      --ds-button-small-padding-inline-start,
      ${(0,o.a)(l.smallPaddingInlineEnd)}
    );
    padding-block-end: var(
      --ds-button-small-padding-block-end,
      ${(0,o.a)(l.smallPaddingBlockEnd)}
    );
    padding-block-start: var(
      --ds-button-small-padding-block-end,
      ${(0,o.a)(l.smallPaddingBlockEnd)}
    );
    font-size: var(--ds-button-small-font-size, ${(0,o.a)(l.smallFontSize)});
  }

  /* ------- Button medium -------- */

  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.medium)}']
    )
    a,
  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.medium)}']
    )
    button {
    padding-inline-end: var(
      --ds-button-medium-padding-inline-end,
      ${(0,o.a)(l.mediumPaddingInlineEnd)}
    );
    padding-inline-start: var(
      --ds-button-medium-padding-inline-start,
      ${(0,o.a)(l.mediumPaddingInlineEnd)}
    );
    padding-block-end: var(
      --ds-button-medium-padding-block-end,
      ${(0,o.a)(l.mediumPaddingBlockEnd)}
    );
    padding-block-start: var(
      --ds-button-medium-padding-block-end,
      ${(0,o.a)(l.mediumPaddingBlockEnd)}
    );
    font-size: var(
      --ds-button-medium-font-size,
      ${(0,o.a)(l.mediumFontSize)}
    );
  }

  /* ------- Button large -------- */

  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.large)}']
    )
    a,
  :host(
      [appearance^='${(0,o.a)(s.button)}'][size='${(0,o.a)(n.large)}']
    )
    button {
    padding-inline-end: var(
      --ds-button-large-padding-inline-end,
      ${(0,o.a)(l.largePaddingInlineEnd)}
    );
    padding-inline-start: var(
      --ds-button-large-padding-inline-start,
      ${(0,o.a)(l.largePaddingInlineEnd)}
    );
    padding-block-end: var(
      --ds-button-large-padding-block-end,
      ${(0,o.a)(l.largePaddingBlockEnd)}
    );
    padding-block-start: var(
      --ds-button-large-padding-block-end,
      ${(0,o.a)(l.largePaddingBlockEnd)}
    );
    font-size: var(--ds-button-large-font-size, ${(0,o.a)(l.largeFontSize)});
  }

  /* ------- Button block -------- */

  :host([appearance^='${(0,o.a)(s.button)}'][block]) a,
  :host([appearance^='${(0,o.a)(s.button)}'][block]) button {
    display: flex;
    width: 100%;
  }

  /* ------- Button pill -------- */

  :host([appearance^='${(0,o.a)(s.button)}'][pill]) a,
  :host([appearance^='${(0,o.a)(s.button)}'][pill]) button {
    border-radius: var(
      --ds-button-pill-border-radius,
      var(--ds-radii-pill, ${(0,o.a)(l.pillBorderRadius)})
    );
  }

  /* ------- Button outline -------- */

  :host([appearance^='${(0,o.a)(s.buttonOutline)}']) a,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}']) button {
    background-color: var(
      --ds-button-outline-background-color,
      var(--ds-color-transparent, ${(0,o.a)(l.outlineBackgroundColor)})
    );
    color: var(
      --ds-button-outline-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(l.outlineColor)}
      )
    );
    border-color: var(
      --ds-button-outline-border-color,
      ${(0,o.a)(l.outlineBorderColor)}
    );
  }

  :host([appearance^='${(0,o.a)(s.buttonOutline)}']:not([disabled])) a:hover,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}']:not([disabled])) button:hover,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}']:not([disabled])) a:focus,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}']:not([disabled])) button:focus {
    border-color: var(
      --ds-button-outline-hover-border-color,
      ${(0,o.a)(l.outlineHoverBorderColor)}
    );
    background-color: var(
      --ds-button-outline-hover-background-color,
      var(--ds-color-transparent, ${(0,o.a)(l.outlineHoverBackgroundColor)})
    );
    background-image: var(
      --ds-button-outline-hover-background-image,
      ${(0,o.a)(l.outlineHoverBackgroundImage)}
    );
    color: var(
      --ds-button-outline-hover-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(l.outlineHoverColor)}
      )
    );
    box-shadow: none;
  }

  /* ------- Button outline active -------- */

  :host([appearance^='${(0,o.a)(s.buttonOutline)}'][active]) button,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}'][active]) button:focus,
  :host([appearance^='${(0,o.a)(s.buttonOutline)}'][active]) button:hover {
    color: var(
      --ds-button-outline-active-color,
      var(
        --ds-theme-foreground-accent-strong-normal,
        ${(0,o.a)(l.outlineActiveColor)}
      )
    );
    border-color: var(
      --ds-button-outline-active-border-color,
      ${(0,o.a)(l.outlineActiveBorderColor)}
    );
    background-color: var(
      --ds-button-outline-active-background-color,
      var(
        --ds-theme-background-base-color,
        ${(0,o.a)(l.outlineActiveBackgroundColor)}
      )
    );
    background-image: var(
      --ds-button-outline-active-background-image,
      ${(0,o.a)(l.outlineActiveBackgroundImage)}
    );
  }

  /* ------- Button faint -------- */

  :host([appearance^='${(0,o.a)(s.buttonFaint)}']) a,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}']) button {
    background-color: var(
      --ds-button-faint-background-color,
      var(--ds-color-transparent, ${(0,o.a)(l.faintBackgroundColor)})
    );
    background-image: var(
      --ds-button-faint-background-image,
      ${(0,o.a)(l.faintBackgroundImage)}
    );
    color: var(
      --ds-button-faint-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(l.faintColor)}
      )
    );
    border-color: var(
      --ds-button-faint-border-color,
      var(--ds-color-transparent, ${(0,o.a)(l.faintBorderColor)})
    );
  }

  :host([appearance^='${(0,o.a)(s.buttonFaint)}']:not([disabled])) a:hover,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}']:not([disabled])) button:hover,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}']:not([disabled])) a:focus,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}']:not([disabled])) button:focus {
    border-color: var(
      --ds-button-faint-hover-border-color,
      var(--ds-color-transparent, ${(0,o.a)(l.faintHoverBorderColor)})
    );
    background-color: var(
      --ds-button-faint-hover-background-color,
      var(--ds-color-transparent, ${(0,o.a)(l.faintHoverBackgroundColor)})
    );
    background-image: var(
      --ds-button-faint-hover-background-image,
      ${(0,o.a)(l.faintHoverBackgroundImage)}
    );
    color: var(
      --ds-button-faint-hover-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,o.a)(l.faintHoverColor)}
      )
    );
  }

  /* ------- Button faint active -------- */

  :host([appearance^='${(0,o.a)(s.buttonFaint)}'][active]) button,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}'][active]) button:focus,
  :host([appearance^='${(0,o.a)(s.buttonFaint)}'][active]) button:hover {
    color: var(
      --ds-button-faint-active-color,
      var(
        --ds-theme-foreground-accent-strong-normal,
        ${(0,o.a)(l.faintActiveColor)}
      )
    );
    border-color: var(
      --ds-button-faint-active-border-color,
      var(--ds-color-transparent, ${(0,o.a)(l.faintActiveBorderColor)})
    );
    background-color: var(
      --ds-button-faint-active-background-color,
      var(
        --ds-theme-background-base-color,
        ${(0,o.a)(l.faintActiveBackgroundColor)}
      )
    );
    background-image: var(
      --ds-button-faint-active-background-image,
      ${(0,o.a)(l.faintActiveBackgroundImage)}
    );
  }

  /* ------- Button link -------- */

  :host([appearance^='${(0,o.a)(s.buttonLink)}']) button,
  :host([appearance^='${(0,o.a)(s.buttonLink)}']:not([disabled])) button:hover,
  :host([appearance^='${(0,o.a)(s.buttonLink)}']: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,o.a)(l.linkColor)})
    );
    text-decoration: underline;
    box-shadow: none;
  }

  :host([appearance^='${(0,o.a)(s.buttonLink)}'][inactive]) button,
  :host([appearance^='${(0,o.a)(s.buttonLink)}'][inactive]:not([disabled]))
    button:hover,
  :host([appearance^='${(0,o.a)(s.buttonLink)}'][inactive]:not([disabled]))
    button:focus {
    opacity: 1;
    text-decoration: none;
    color: var(
      --ds-button-link-inactive-color,
      var(--ds-color-gray-500, ${(0,o.a)(l.linkInactiveColor)})
    );
    cursor: default;
  }
`},7864:(e,t,a)=>{a.d(t,{e:()=>i});var o=a(4385);class r{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,a){this._$Ct=e,this._$AM=t,this._$Ci=a}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}const i=(s=class extends r{constructor(e){var t;if(super(e),1!==e.type||"class"!==e.name||(null==(t=e.strings)?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(e){return" "+Object.keys(e).filter((t=>e[t])).join(" ")+" "}update(e,[t]){var a,r;if(void 0===this.st){this.st=new Set,void 0!==e.strings&&(this.nt=new Set(e.strings.join(" ").split(/\s/).filter((e=>""!==e))));for(const e in t)t[e]&&(null==(a=this.nt)||!a.has(e))&&this.st.add(e);return this.render(t)}const i=e.element.classList;for(const e of this.st)e in t||(i.remove(e),this.st.delete(e));for(const e in t){const a=!!t[e];a===this.st.has(e)||null!=(r=this.nt)&&r.has(e)||(a?(i.add(e),this.st.add(e)):(i.remove(e),this.st.delete(e)))}return o.w}},(...e)=>({_$litDirective$:s,values:e}));var s},9265:(e,t,a)=>{a.d(t,{I:()=>o});const o={xsmall:"xsmall",small:"small",medium:"medium",large:"large"}},9366:(e,t,a)=>{a.d(t,{o:()=>r});var o=a(4385);const r=e=>e??o.T},7641:(e,t,a)=>{a.d(t,{L:()=>n});const o=new Set,r=new MutationObserver((function(){i=document.documentElement.dir||"ltr",s=document.documentElement.lang||navigator.language,[...o.keys()].forEach((e=>{"function"==typeof e.requestUpdate&&e.requestUpdate()}))}));let i=document.documentElement.dir||"ltr",s=document.documentElement.lang||navigator.language;r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});class n{constructor(e){this._host=e,this._host.addController(this)}hostConnected(){o.add(this._host)}hostDisconnected(){o.delete(this._host)}dir(){return`${this._host.dir||i}`.toLowerCase()}lang(){return`${this._host.lang||s}`.toLowerCase()}}},2017:(e,t,a)=>{a.d(t,{n:()=>s});var o=a(4385);const r={attribute:!0,type:String,converter:o.u,reflect:!1,hasChanged:o.f},i=(e=r,t,a)=>{const{kind:o,metadata:i}=a;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(a.name,e),"accessor"===o){const{name:o}=a;return{set(a){const r=t.get.call(this);t.set.call(this,a),this.requestUpdate(o,r,e)},init(t){return void 0!==t&&this.P(o,void 0,e),t}}}if("setter"===o){const{name:o}=a;return function(a){const r=this[o];t.call(this,a),this.requestUpdate(o,r,e)}}throw Error("Unsupported decorator location: "+o)};function s(e){return(t,a)=>"object"==typeof a?i(e,t,a):((e,t,a)=>{const o=t.hasOwnProperty(a);return t.constructor.createProperty(a,o?{...e,wrapped:!0}:e),o?Object.getOwnPropertyDescriptor(t,a):void 0})(e,t,a)}},4331:(e,t,a)=>{a.d(t,{o:()=>r});var o=a(8641);function r(e){return(t,a)=>{const{slot:r,selector:i}=e??{},s="slot"+(r?`[name=${r}]`:":not([name])");return(0,o.e)(t,a,{get(){var t;const a=null==(t=this.renderRoot)?void 0:t.querySelector(s),o=(null==a?void 0:a.assignedElements(e))??[];return void 0===i?o:o.filter((e=>e.matches(i)))}})}}},3782:(e,t,a)=>{a.d(t,{n:()=>r});var o=a(8641);function r(e){return(t,a)=>{const{slot:r}=e??{},i="slot"+(r?`[name=${r}]`:":not([name])");return(0,o.e)(t,a,{get(){var t;const a=null==(t=this.renderRoot)?void 0:t.querySelector(i);return(null==a?void 0:a.assignedNodes(e))??[]}})}}},4385:(e,t,a)=>{a.d(t,{T:()=>K,a:()=>l,f:()=>k,i:()=>c,r:()=>de,s:()=>ne,u:()=>_,w:()=>j,x:()=>W});const o=globalThis,r=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,i=Symbol(),s=new WeakMap;let n=class{constructor(e,t,a){if(this._$cssResult$=!0,a!==i)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(r&&void 0===e){const a=void 0!==t&&1===t.length;a&&(e=s.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),a&&s.set(t,e))}return e}toString(){return this.cssText}};const l=e=>new n("string"==typeof e?e:e+"",void 0,i),c=(e,...t)=>{const a=1===e.length?e[0]:t.reduce(((t,a,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(a)+e[o+1]),e[0]);return new n(a,e,i)},d=r?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const a of e.cssRules)t+=a.cssText;return l(t)})(e):e,{is:h,defineProperty:p,getOwnPropertyDescriptor:u,getOwnPropertyNames:g,getOwnPropertySymbols:m,getPrototypeOf:b}=Object,f=globalThis,v=f.trustedTypes,y=v?v.emptyScript:"",E=f.reactiveElementPolyfillSupport,$=(e,t)=>e,_={toAttribute(e,t){switch(t){case Boolean:e=e?y:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let a=e;switch(t){case Boolean:a=null!==e;break;case Number:a=null===e?null:Number(e);break;case Object:case Array:try{a=JSON.parse(e)}catch{a=null}}return a}},k=(e,t)=>!h(e,t),C={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:k};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),f.litPropertyMetadata??(f.litPropertyMetadata=new WeakMap);class w extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??(this.l=[])).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=C){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const a=Symbol(),o=this.getPropertyDescriptor(e,a,t);void 0!==o&&p(this.prototype,e,o)}}static getPropertyDescriptor(e,t,a){const{get:o,set:r}=u(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return null==o?void 0:o.call(this)},set(t){const i=null==o?void 0:o.call(this);r.call(this,t),this.requestUpdate(e,i,a)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??C}static _$Ei(){if(this.hasOwnProperty($("elementProperties")))return;const e=b(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty($("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty($("properties"))){const e=this.properties,t=[...g(e),...m(e)];for(const a of t)this.createProperty(a,e[a])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,a]of t)this.elementProperties.set(e,a)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const a=this._$Eu(e,t);void 0!==a&&this._$Eh.set(a,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const a=new Set(e.flat(1/0).reverse());for(const e of a)t.unshift(d(e))}else void 0!==e&&t.push(d(e));return t}static _$Eu(e,t){const a=t.attribute;return!1===a?void 0:"string"==typeof a?a:"string"==typeof e?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var e;this._$ES=new Promise((e=>this.enableUpdating=e)),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(e=this.constructor.l)||e.forEach((e=>e(this)))}addController(e){var t;(this._$EO??(this._$EO=new Set)).add(e),void 0!==this.renderRoot&&this.isConnected&&(null==(t=e.hostConnected)||t.call(e))}removeController(e){var t;null==(t=this._$EO)||t.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const a of t.keys())this.hasOwnProperty(a)&&(e.set(a,this[a]),delete this[a]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,t)=>{if(r)e.adoptedStyleSheets=t.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet));else for(const a of t){const t=document.createElement("style"),r=o.litNonce;void 0!==r&&t.setAttribute("nonce",r),t.textContent=a.cssText,e.appendChild(t)}})(e,this.constructor.elementStyles),e}connectedCallback(){var e;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostConnected)?void 0:t.call(e)}))}enableUpdating(e){}disconnectedCallback(){var e;null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostDisconnected)?void 0:t.call(e)}))}attributeChangedCallback(e,t,a){this._$AK(e,a)}_$EC(e,t){var a;const o=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,o);if(void 0!==r&&!0===o.reflect){const i=(void 0!==(null==(a=o.converter)?void 0:a.toAttribute)?o.converter:_).toAttribute(t,o.type);this._$Em=e,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){var a;const o=this.constructor,r=o._$Eh.get(e);if(void 0!==r&&this._$Em!==r){const e=o.getPropertyOptions(r),i="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==(null==(a=e.converter)?void 0:a.fromAttribute)?e.converter:_;this._$Em=r,this[r]=i.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,a){if(void 0!==e){if(a??(a=this.constructor.getPropertyOptions(e)),!(a.hasChanged??k)(this[e],t))return;this.P(e,t,a)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,a){this._$AL.has(e)||this._$AL.set(e,t),!0===a.reflect&&this._$Em!==e&&(this._$Ej??(this._$Ej=new Set)).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,a]of e)!0!==a.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],a)}let t=!1;const a=this._$AL;try{t=this.shouldUpdate(a),t?(this.willUpdate(a),null==(e=this._$EO)||e.forEach((e=>{var t;return null==(t=e.hostUpdate)?void 0:t.call(e)})),this.update(a)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(a)}willUpdate(e){}_$AE(e){var t;null==(t=this._$EO)||t.forEach((e=>{var t;return null==(t=e.hostUpdated)?void 0:t.call(e)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&(this._$Ej=this._$Ej.forEach((e=>this._$EC(e,this[e])))),this._$EU()}updated(e){}firstUpdated(e){}}w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[$("elementProperties")]=new Map,w[$("finalized")]=new Map,null==E||E({ReactiveElement:w}),(f.reactiveElementVersions??(f.reactiveElementVersions=[])).push("2.0.4");const S=globalThis,A=S.trustedTypes,x=A?A.createPolicy("lit-html",{createHTML:e=>e}):void 0,B="$lit$",T=`lit$${(Math.random()+"").slice(9)}$`,I="?"+T,L=`<${I}>`,P=document,O=()=>P.createComment(""),R=e=>null===e||"object"!=typeof e&&"function"!=typeof e,D=Array.isArray,N="[ \t\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,M=/-->/g,U=/>/g,F=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),z=/'/g,V=/"/g,G=/^(?:script|style|textarea|title)$/i,W=(1,(e,...t)=>({_$litType$:1,strings:e,values:t})),j=Symbol.for("lit-noChange"),K=Symbol.for("lit-nothing"),Z=new WeakMap,X=P.createTreeWalker(P,129);function Y(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==x?x.createHTML(t):t}class q{constructor({strings:e,_$litType$:t},a){let o;this.parts=[];let r=0,i=0;const s=e.length-1,n=this.parts,[l,c]=((e,t)=>{const a=e.length-1,o=[];let r,i=2===t?"<svg>":"",s=H;for(let t=0;t<a;t++){const a=e[t];let n,l,c=-1,d=0;for(;d<a.length&&(s.lastIndex=d,l=s.exec(a),null!==l);)d=s.lastIndex,s===H?"!--"===l[1]?s=M:void 0!==l[1]?s=U:void 0!==l[2]?(G.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=F):void 0!==l[3]&&(s=F):s===F?">"===l[0]?(s=r??H,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,n=l[1],s=void 0===l[3]?F:'"'===l[3]?V:z):s===V||s===z?s=F:s===M||s===U?s=H:(s=F,r=void 0);const h=s===F&&e[t+1].startsWith("/>")?" ":"";i+=s===H?a+L:c>=0?(o.push(n),a.slice(0,c)+B+a.slice(c)+T+h):a+T+(-2===c?t:h)}return[Y(e,i+(e[a]||"<?>")+(2===t?"</svg>":"")),o]})(e,t);if(this.el=q.createElement(l,a),X.currentNode=this.el.content,2===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=X.nextNode())&&n.length<s;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(B)){const t=c[i++],a=o.getAttribute(e).split(T),s=/([.?@])?(.*)/.exec(t);n.push({type:1,index:r,name:s[2],strings:a,ctor:"."===s[1]?ae:"?"===s[1]?oe:"@"===s[1]?re:te}),o.removeAttribute(e)}else e.startsWith(T)&&(n.push({type:6,index:r}),o.removeAttribute(e));if(G.test(o.tagName)){const e=o.textContent.split(T),t=e.length-1;if(t>0){o.textContent=A?A.emptyScript:"";for(let a=0;a<t;a++)o.append(e[a],O()),X.nextNode(),n.push({type:2,index:++r});o.append(e[t],O())}}}else if(8===o.nodeType)if(o.data===I)n.push({type:2,index:r});else{let e=-1;for(;-1!==(e=o.data.indexOf(T,e+1));)n.push({type:7,index:r}),e+=T.length-1}r++}}static createElement(e,t){const a=P.createElement("template");return a.innerHTML=e,a}}function J(e,t,a=e,o){var r,i;if(t===j)return t;let s=void 0!==o?null==(r=a._$Co)?void 0:r[o]:a._$Cl;const n=R(t)?void 0:t._$litDirective$;return(null==s?void 0:s.constructor)!==n&&(null==(i=null==s?void 0:s._$AO)||i.call(s,!1),void 0===n?s=void 0:(s=new n(e),s._$AT(e,a,o)),void 0!==o?(a._$Co??(a._$Co=[]))[o]=s:a._$Cl=s),void 0!==s&&(t=J(e,s._$AS(e,t.values),s,o)),t}class Q{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:a}=this._$AD,o=((null==e?void 0:e.creationScope)??P).importNode(t,!0);X.currentNode=o;let r=X.nextNode(),i=0,s=0,n=a[0];for(;void 0!==n;){if(i===n.index){let t;2===n.type?t=new ee(r,r.nextSibling,this,e):1===n.type?t=new n.ctor(r,n.name,n.strings,this,e):6===n.type&&(t=new ie(r,this,e)),this._$AV.push(t),n=a[++s]}i!==(null==n?void 0:n.index)&&(r=X.nextNode(),i++)}return X.currentNode=P,o}p(e){let t=0;for(const a of this._$AV)void 0!==a&&(void 0!==a.strings?(a._$AI(e,a,t),t+=a.strings.length-2):a._$AI(e[t])),t++}}class ee{get _$AU(){var e;return(null==(e=this._$AM)?void 0:e._$AU)??this._$Cv}constructor(e,t,a,o){this.type=2,this._$AH=K,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=a,this.options=o,this._$Cv=(null==o?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===(null==e?void 0:e.nodeType)&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=J(this,e,t),R(e)?e===K||null==e||""===e?(this._$AH!==K&&this._$AR(),this._$AH=K):e!==this._$AH&&e!==j&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>D(e)||"function"==typeof(null==e?void 0:e[Symbol.iterator]))(e)?this.k(e):this._(e)}S(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.S(e))}_(e){this._$AH!==K&&R(this._$AH)?this._$AA.nextSibling.data=e:this.T(P.createTextNode(e)),this._$AH=e}$(e){var t;const{values:a,_$litType$:o}=e,r="number"==typeof o?this._$AC(e):(void 0===o.el&&(o.el=q.createElement(Y(o.h,o.h[0]),this.options)),o);if((null==(t=this._$AH)?void 0:t._$AD)===r)this._$AH.p(a);else{const e=new Q(r,this),t=e.u(this.options);e.p(a),this.T(t),this._$AH=e}}_$AC(e){let t=Z.get(e.strings);return void 0===t&&Z.set(e.strings,t=new q(e)),t}k(e){D(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let a,o=0;for(const r of e)o===t.length?t.push(a=new ee(this.S(O()),this.S(O()),this,this.options)):a=t[o],a._$AI(r),o++;o<t.length&&(this._$AR(a&&a._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var a;for(null==(a=this._$AP)||a.call(this,!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){var t;void 0===this._$AM&&(this._$Cv=e,null==(t=this._$AP)||t.call(this,e))}}class te{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,a,o,r){this.type=1,this._$AH=K,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=r,a.length>2||""!==a[0]||""!==a[1]?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=K}_$AI(e,t=this,a,o){const r=this.strings;let i=!1;if(void 0===r)e=J(this,e,t,0),i=!R(e)||e!==this._$AH&&e!==j,i&&(this._$AH=e);else{const o=e;let s,n;for(e=r[0],s=0;s<r.length-1;s++)n=J(this,o[a+s],t,s),n===j&&(n=this._$AH[s]),i||(i=!R(n)||n!==this._$AH[s]),n===K?e=K:e!==K&&(e+=(n??"")+r[s+1]),this._$AH[s]=n}i&&!o&&this.j(e)}j(e){e===K?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ae extends te{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===K?void 0:e}}class oe extends te{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==K)}}class re extends te{constructor(e,t,a,o,r){super(e,t,a,o,r),this.type=5}_$AI(e,t=this){if((e=J(this,e,t,0)??K)===j)return;const a=this._$AH,o=e===K&&a!==K||e.capture!==a.capture||e.once!==a.once||e.passive!==a.passive,r=e!==K&&(a===K||o);o&&this.element.removeEventListener(this.name,this,a),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;"function"==typeof this._$AH?this._$AH.call((null==(t=this.options)?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class ie{constructor(e,t,a){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(e){J(this,e)}}const se=S.litHtmlPolyfillSupport;null==se||se(q,ee),(S.litHtmlVersions??(S.litHtmlVersions=[])).push("3.1.2");class ne extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=((e,t,a)=>{const o=(null==a?void 0:a.renderBefore)??t;let r=o._$litPart$;if(void 0===r){const e=(null==a?void 0:a.renderBefore)??null;o._$litPart$=r=new ee(t.insertBefore(O(),e),e,void 0,a??{})}return r._$AI(e),r})(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),null==(e=this._$Do)||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this._$Do)||e.setConnected(!1)}render(){return j}}var le;ne._$litElement$=!0,ne.finalized=!0,null==(le=globalThis.litElementHydrateSupport)||le.call(globalThis,{LitElement:ne});const ce=globalThis.litElementPolyfillSupport;null==ce||ce({LitElement:ne}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.4");const de=e=>(t,a)=>{customElements.get(e)?console.warn(`${e} is already defined.`):void 0!==a?a.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)}},8934:(e,t,a)=>{a.d(t,{r:()=>r});var o=a(2017);function r(e){return(0,o.n)({...e,state:!0,attribute:!1})}},4379:(e,t,a)=>{a.d(t,{D:()=>r,T:()=>i,b:()=>c,c:()=>l,d:()=>s,t:()=>n});var o=a(4385);const r={d0:"0ms",d100:"100ms",d150:"150ms",d200:"200ms",d250:"250ms",d300:"300ms",d400:"400ms",d500:"500ms",d600:"600ms",d700:"700ms",d800:"800ms"},i={custom:"cubic-bezier(0.19, 1, 0.22, 1)",accelerateMax:"cubic-bezier(0.9, 0.1, 1, 0.2)",accelerateMid:"cubic-bezier(1, 0, 1, 1)",accelerateMin:"cubic-bezier(0.8, 0, 0.78, 1)",decelerateMax:"cubic-bezier(0.1, 0.9, 0.2, 1)",decelerateMid:"cubic-bezier(0, 0, 0, 1)",decelerateMin:"cubic-bezier(0.33, 0, 0.1, 1)",easyEase:"cubic-bezier(0.33, 0, 0.67, 1)",linear:"cubic-bezier(0.25, 0.25, 0.75, 0.75)",maxEasyEase:"cubic-bezier(0.8, 0, 0.2, 1)"},s={d100:"100ms",d200:"200ms",d300:"300ms",d400:"400ms"},n=e=>{const t=`transition: ${e};`;return o.i`
    ${(0,o.a)(t)}

    @media (prefers-reduced-motion: reduce) {
      transition: none;
    }
  `},l=e=>o.i`
  .collapse {
    ${n(`var(--ds-transition-collapse, ${e})`)}
  }

  .collapse:not(.show) {
    display: none;
  }
`,c=(e,t)=>o.i`
  .collapsing {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: var(--ds-collapse-base-collapsing-transform, ${(0,o.a)(e)});

    ${n(`var(--ds-transition-collapsing, ${t})`)}
  }
`;o.i`
  ${n("var(--ds-transition-fade, opacity 0.15s linear)")}
`},8187:(e,t,a)=>{a.d(t,{A:()=>m,B:()=>b,D:()=>h,E:()=>n,R:()=>u,a:()=>S,b:()=>x,e:()=>y,h:()=>E,i:()=>w,j:()=>v,k:()=>f,l:()=>k,m:()=>s,n:()=>i,o:()=>$,p:()=>c,q:()=>g,r:()=>_,s:()=>r,t:()=>A,u:()=>C,w:()=>d,x:()=>p,y:()=>l,z:()=>o});const o="#d2d2d2",r="#757575",i="transparent",s="#000",n="#fff",l="#ffb900",c="0 0 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0 0.25rem 0 rgba(0, 0, 0, 0.12)",d="0 0.063rem 0.25rem 0 rgba(0, 0, 0, 0.12), 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.12)",h="0 0 0 0 rgba(0, 0, 0, 0.12), 0 0 0 0 rgba(0, 0, 0, 0.12)",p="0",u="0.25rem",g="60rem",m="0",b="0.25rem",f="1rem",v="1.5rem",y="0.75rem",E="#0067b8",$="rgba(0, 0, 0, 0.1)",_="rgba(0, 103, 184, 0.15)",k="#fff",C="#0067b8",w="#fff",S="#0067b8",A="#0067b8",x="#757575"},2584:(e,t,a)=>{a.d(t,{a:()=>c,b:()=>n,d:()=>d,v:()=>h});var o=a(4385);const r=o.i`var(--ds-vfi-outline-width, 0.1875rem)`,i=o.i`var(--ds-vfi-outline-style, dotted)`,s=o.i`var(--ds-vfi-outline-offset, 0.25rem)`,n=o.i`calc(calc(${r} + 0.1875rem) * -1)`,l=(o.i`calc(calc(${r}) * -1)`,o.i`var(--ds-vfi-text-color, currentcolor ${i} ${r})`),c=o.i`
  outline: ${l};
`,d=o.i`
  ${c}
  outline-offset: ${n};
`,h=o.i`
  ${c}
  outline-offset: ${s};
`},8922:(e,t,a)=>{a.d(t,{$m:()=>o.$m,Ld:()=>r.Ld,dy:()=>r.dy,iv:()=>o.iv,oi:()=>i});var o=a(8732),r=a(3692);class i extends o.fl{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=(0,r.sY)(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r.Jb}}i._$litElement$=!0,i.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:i});const s=globalThis.litElementPolyfillSupport;s?.({LitElement:i}),(globalThis.litElementVersions??=[]).push("4.0.4")},875:(e,t,a)=>{a.d(t,{XM:()=>r,Xe:()=>i,pX:()=>o});const o={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},r=e=>(...t)=>({_$litDirective$:e,values:t});class i{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,t,a){this._$Ct=e,this._$AM=t,this._$Ci=a}_$AS(e,t){return this.update(e,t)}update(e,t){return this.render(...t)}}},1943:(e,t,a)=>{a.d(t,{A:()=>s});var o=a(3692),r=a(875);class i extends r.Xe{constructor(e){if(super(e),this.it=o.Ld,e.type!==r.pX.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===o.Ld||null==e)return this._t=void 0,this.it=e;if(e===o.Jb)return e;if("string"!=typeof e)throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.it)return this._t;this.it=e;const t=[e];return t.raw=t,this._t={_$litType$:this.constructor.resultType,strings:t,values:[]}}}i.directiveName="unsafeHTML",i.resultType=1;const s=(0,r.XM)(i)},3692:(e,t,a)=>{a.d(t,{Jb:()=>w,Ld:()=>S,YP:()=>C,dy:()=>k,sY:()=>F});const o=globalThis,r=o.trustedTypes,i=r?r.createPolicy("lit-html",{createHTML:e=>e}):void 0,s="$lit$",n=`lit$${(Math.random()+"").slice(9)}$`,l="?"+n,c=`<${l}>`,d=document,h=()=>d.createComment(""),p=e=>null===e||"object"!=typeof e&&"function"!=typeof e,u=Array.isArray,g="[ \t\n\f\r]",m=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,b=/-->/g,f=/>/g,v=RegExp(`>|${g}(?:([^\\s"'>=/]+)(${g}*=${g}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,E=/"/g,$=/^(?:script|style|textarea|title)$/i,_=e=>(t,...a)=>({_$litType$:e,strings:t,values:a}),k=_(1),C=_(2),w=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),A=new WeakMap,x=d.createTreeWalker(d,129);function B(e,t){if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(t):t}const T=(e,t)=>{const a=e.length-1,o=[];let r,i=2===t?"<svg>":"",l=m;for(let t=0;t<a;t++){const a=e[t];let d,h,p=-1,u=0;for(;u<a.length&&(l.lastIndex=u,h=l.exec(a),null!==h);)u=l.lastIndex,l===m?"!--"===h[1]?l=b:void 0!==h[1]?l=f:void 0!==h[2]?($.test(h[2])&&(r=RegExp("</"+h[2],"g")),l=v):void 0!==h[3]&&(l=v):l===v?">"===h[0]?(l=r??m,p=-1):void 0===h[1]?p=-2:(p=l.lastIndex-h[2].length,d=h[1],l=void 0===h[3]?v:'"'===h[3]?E:y):l===E||l===y?l=v:l===b||l===f?l=m:(l=v,r=void 0);const g=l===v&&e[t+1].startsWith("/>")?" ":"";i+=l===m?a+c:p>=0?(o.push(d),a.slice(0,p)+s+a.slice(p)+n+g):a+n+(-2===p?t:g)}return[B(e,i+(e[a]||"<?>")+(2===t?"</svg>":"")),o]};class I{constructor({strings:e,_$litType$:t},a){let o;this.parts=[];let i=0,c=0;const d=e.length-1,p=this.parts,[u,g]=T(e,t);if(this.el=I.createElement(u,a),x.currentNode=this.el.content,2===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=x.nextNode())&&p.length<d;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(s)){const t=g[c++],a=o.getAttribute(e).split(n),r=/([.?@])?(.*)/.exec(t);p.push({type:1,index:i,name:r[2],strings:a,ctor:"."===r[1]?D:"?"===r[1]?N:"@"===r[1]?H:R}),o.removeAttribute(e)}else e.startsWith(n)&&(p.push({type:6,index:i}),o.removeAttribute(e));if($.test(o.tagName)){const e=o.textContent.split(n),t=e.length-1;if(t>0){o.textContent=r?r.emptyScript:"";for(let a=0;a<t;a++)o.append(e[a],h()),x.nextNode(),p.push({type:2,index:++i});o.append(e[t],h())}}}else if(8===o.nodeType)if(o.data===l)p.push({type:2,index:i});else{let e=-1;for(;-1!==(e=o.data.indexOf(n,e+1));)p.push({type:7,index:i}),e+=n.length-1}i++}}static createElement(e,t){const a=d.createElement("template");return a.innerHTML=e,a}}function L(e,t,a=e,o){if(t===w)return t;let r=void 0!==o?a._$Co?.[o]:a._$Cl;const i=p(t)?void 0:t._$litDirective$;return r?.constructor!==i&&(r?._$AO?.(!1),void 0===i?r=void 0:(r=new i(e),r._$AT(e,a,o)),void 0!==o?(a._$Co??=[])[o]=r:a._$Cl=r),void 0!==r&&(t=L(e,r._$AS(e,t.values),r,o)),t}class P{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:a}=this._$AD,o=(e?.creationScope??d).importNode(t,!0);x.currentNode=o;let r=x.nextNode(),i=0,s=0,n=a[0];for(;void 0!==n;){if(i===n.index){let t;2===n.type?t=new O(r,r.nextSibling,this,e):1===n.type?t=new n.ctor(r,n.name,n.strings,this,e):6===n.type&&(t=new M(r,this,e)),this._$AV.push(t),n=a[++s]}i!==n?.index&&(r=x.nextNode(),i++)}return x.currentNode=d,o}p(e){let t=0;for(const a of this._$AV)void 0!==a&&(void 0!==a.strings?(a._$AI(e,a,t),t+=a.strings.length-2):a._$AI(e[t])),t++}}class O{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,a,o){this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=a,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=L(this,e,t),p(e)?e===S||null==e||""===e?(this._$AH!==S&&this._$AR(),this._$AH=S):e!==this._$AH&&e!==w&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>u(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}S(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.S(e))}_(e){this._$AH!==S&&p(this._$AH)?this._$AA.nextSibling.data=e:this.T(d.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:a}=e,o="number"==typeof a?this._$AC(e):(void 0===a.el&&(a.el=I.createElement(B(a.h,a.h[0]),this.options)),a);if(this._$AH?._$AD===o)this._$AH.p(t);else{const e=new P(o,this),a=e.u(this.options);e.p(t),this.T(a),this._$AH=e}}_$AC(e){let t=A.get(e.strings);return void 0===t&&A.set(e.strings,t=new I(e)),t}k(e){u(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let a,o=0;for(const r of e)o===t.length?t.push(a=new O(this.S(h()),this.S(h()),this,this.options)):a=t[o],a._$AI(r),o++;o<t.length&&(this._$AR(a&&a._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,a,o,r){this.type=1,this._$AH=S,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=r,a.length>2||""!==a[0]||""!==a[1]?(this._$AH=Array(a.length-1).fill(new String),this.strings=a):this._$AH=S}_$AI(e,t=this,a,o){const r=this.strings;let i=!1;if(void 0===r)e=L(this,e,t,0),i=!p(e)||e!==this._$AH&&e!==w,i&&(this._$AH=e);else{const o=e;let s,n;for(e=r[0],s=0;s<r.length-1;s++)n=L(this,o[a+s],t,s),n===w&&(n=this._$AH[s]),i||=!p(n)||n!==this._$AH[s],n===S?e=S:e!==S&&(e+=(n??"")+r[s+1]),this._$AH[s]=n}i&&!o&&this.j(e)}j(e){e===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class D extends R{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===S?void 0:e}}class N extends R{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==S)}}class H extends R{constructor(e,t,a,o,r){super(e,t,a,o,r),this.type=5}_$AI(e,t=this){if((e=L(this,e,t,0)??S)===w)return;const a=this._$AH,o=e===S&&a!==S||e.capture!==a.capture||e.once!==a.once||e.passive!==a.passive,r=e!==S&&(a===S||o);o&&this.element.removeEventListener(this.name,this,a),r&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class M{constructor(e,t,a){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=a}get _$AU(){return this._$AM._$AU}_$AI(e){L(this,e)}}const U=o.litHtmlPolyfillSupport;U?.(I,O),(o.litHtmlVersions??=[]).push("3.1.2");const F=(e,t,a)=>{const o=a?.renderBefore??t;let r=o._$litPart$;if(void 0===r){const e=a?.renderBefore??null;o._$litPart$=r=new O(t.insertBefore(h(),e),e,void 0,a??{})}return r._$AI(e),r}},6447:(e,t,a)=>{a.d(t,{dy:()=>c,s2:()=>s});var o=a(3692);const r=Symbol.for(""),i=e=>{if(e?.r===r)return e?._$litStatic$},s=e=>({_$litStatic$:e,r}),n=new Map,l=e=>(t,...a)=>{const o=a.length;let r,s;const l=[],c=[];let d,h=0,p=!1;for(;h<o;){for(d=t[h];h<o&&void 0!==(s=a[h],r=i(s));)d+=r+t[++h],p=!0;h!==o&&c.push(s),l.push(d),h++}if(h===o&&l.push(t[o]),p){const e=l.join("$$lit$$");void 0===(t=n.get(e))&&(l.raw=l,n.set(e,t=l)),a=c}return e(t,...a)},c=l(o.dy);l(o.YP)},9662:(e,t,a)=>{a.d(t,{Cb:()=>r.C,IO:()=>s.I,Mo:()=>o.M,SB:()=>i.S});var o=a(5713),r=a(760),i=a(9158),s=a(2669)},5862:(e,t,a)=>{a.d(t,{$m:()=>o.$m,Ld:()=>o.Ld,dy:()=>o.dy,iv:()=>o.iv,oi:()=>o.oi}),a(8732),a(3692);var o=a(8922)},7150:(e,t,a)=>{a.d(t,{dy:()=>o.dy,s2:()=>o.s2});var o=a(6447)},7582:(e,t,a)=>{a.d(t,{ZT:()=>r,_T:()=>s,ev:()=>l,gn:()=>n,pi:()=>i});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function a(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(a.prototype=t.prototype,new a)}var i=function(){return i=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)};function s(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(a[o[r]]=e[o[r]])}return a}function n(e,t,a,o){var r,i=arguments.length,s=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,o);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(i<3?r(s):i>3?r(t,a,s):r(t,a))||s);return i>3&&s&&Object.defineProperty(t,a,s),s}function l(e,t,a){if(a||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError}},t={};function a(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,a),i.exports}a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{a.r(o),a.d(o,{windowsFilterDevices:()=>xe});var e=a(7582),t=a(5862),r=a(9662);const i=Object.freeze({LOG_LEVEL_INFO:"INFO",LOG_LEVEL_ERROR:"ERROR",LOG_LEVEL_WARN:"WARN"}),s=new class{log(e){console.log(`LOG: ${e}`)}info(e){console.info(`${i.LOG_LEVEL_INFO}: ${e}`)}warn(e){console.warn(`${i.LOG_LEVEL_WARN}: ${e}`)}error(e){console.error(`${i.LOG_LEVEL_ERROR}: ${e}`)}};async function n(e,t){try{const a=await fetch(e,t);if(!a.ok)throw new Error(`HTTP error! status: ${a.status}`);return await a.json()}catch(e){throw s.error(`There was an error: ${e}`),e}}a(2034),a(3890);var l=a(4385),c=a(2017),d=a(8934),h=a(8641);function p(e,t){return(a,o,r)=>{const i=t=>{var a;return(null==(a=t.renderRoot)?void 0:a.querySelector(e))??null};if(t){const{get:e,set:t}="object"==typeof o?a:r??(()=>{const e=Symbol();return{get(){return this[e]},set(t){this[e]=t}}})();return(0,h.e)(a,o,{get(){let a=e.call(this);return void 0===a&&(a=i(this),(null!==a||this.hasUpdated)&&t.call(this,a)),a}})}return(0,h.e)(a,o,{get(){return i(this)}})}}var u=a(4331),g=a(3782);const m="transitionend",b=e=>{if(!e)return 0;let t=getComputedStyle(e)["transition-duration"],a=getComputedStyle(e)["transition-delay"];const o=parseFloat(t),r=parseFloat(a);return o||r?(t=t.split(",")[0],a=a.split(",")[0],1e3*(parseFloat(t)+parseFloat(a))):0},f=(e,t=0)=>{let a=!1;const o=t+5;e.addEventListener(m,(function t(){a=!0,e.removeEventListener(m,t)})),setTimeout((()=>{a||(e=>{e.dispatchEvent(new Event(m))})(e)}),o)};var v=a(8187),y=a(9366),E=a(2584),$=a(4379),_=a(9265),k=a(7641);const C="show",w="collapse",S="collapsing",A="collapsed",x="width",B="onHide",T="onHidden",I="onShow",L="onShown",P={headingBackgroundColor:"transparent",headingBorderColor:"transparent",headingBorderStyle:"solid",headingBorderBlockStartWidth:"0",headingBorderBlockEndWidth:"0",headingBorderInlineStartWidth:"0",headingBorderInlineEndWidth:"0",headingBorderRadius:v.x,buttonColumnGap:"0.375rem",buttonRowGap:"0.375rem",buttonFlexDirection:"row",buttonFontSize:"1rem",buttonFontSizeLarge:"1.125rem",buttonFontWeight:"600",buttonLineHeight:"1rem",buttonTextDecoration:"none",buttonColor:"",buttonWidth:"",buttonBackgroundColor:"transparent",buttonBorderColor:"transparent",buttonBorderStyle:"solid",buttonBorderBlockStartWidth:".125rem",buttonBorderBlockEndWidth:".125rem",buttonBorderInlineStartWidth:".125rem",buttonBorderInlineEndWidth:".125rem",buttonBorderStartStartRadius:v.x,buttonBorderStartEndRadius:v.x,buttonBorderEndEndRadius:v.x,buttonBorderEndStartRadius:v.x,buttonMarginBlockStart:v.A,buttonMarginBlockEnd:v.k,buttonMarginInlineStart:v.A,buttonMarginInlineEnd:v.A,buttonPaddingBlockStart:".625rem",buttonPaddingBlockEnd:".625rem",buttonPaddingInlineStart:v.e,buttonPaddingInlineEnd:v.e,buttonOutlineOffset:"",glyphIconTransition:`transform ${$.D.d200} ${$.T.decelerateMid}`,glyphIconOpenTransition:`transform ${$.D.d200} ${$.T.decelerateMid}`,glyphIconOpenTransform:"90deg",glyphPartTransform:"0.125em",glyphPartTransition:`transform ${$.D.d200} ${$.T.accelerateMin}`,glyphPartHoverTransition:`transform ${$.D.d0} ${$.T.linear}`,baseWrapperPaddingBlockStart:v.A,baseWrapperPaddingBlockEnd:v.A,baseWrapperPaddingInlineStart:v.A,baseWrapperPaddingInlineEnd:v.A,baseCollapseTransition:`height ${$.D.d0} ${$.T.linear}, opacity ${$.D.d200} ${$.T.decelerateMid}, transform ${$.D.d200} ${$.T.decelerateMid}`,baseCollapsingTransform:"translateY(-0.875em)",baseCollapsingTransition:`height ${$.D.d0} ${$.d.d100} ${$.T.linear}, opacity ${$.D.d100} ${$.T.maxEasyEase}, transform ${$.D.d100} ${$.T.maxEasyEase}`},O=l.i`
  .heading {
    border-color: var(
      --ds-collapse-heading-border-color,
      ${(0,l.a)(P.headingBorderColor)}
    );
    border-style: var(
      --ds-collapse-heading-border-style,
      ${(0,l.a)(P.headingBorderStyle)}
    );
    border-block-start-width: var(
      --ds-collapse-heading-border-block-start-width,
      ${(0,l.a)(P.headingBorderBlockStartWidth)}
    );
    border-block-end-width: var(
      --ds-collapse-heading-border-block-end-width,
      ${(0,l.a)(P.headingBorderBlockEndWidth)}
    );
    border-inline-start-width: var(
      --ds-collapse-heading-border-inline-start-width,
      ${(0,l.a)(P.headingBorderInlineStartWidth)}
    );
    border-inline-end-width: var(
      --ds-collapse-heading-border-inline-end-width,
      ${(0,l.a)(P.headingBorderInlineEndWidth)}
    );
  }

  :host([open]) .heading {
    background-color: var(
      --ds-collapse-heading-background-color,
      ${(0,l.a)(P.headingBackgroundColor)}
    );
    border-radius: var(
      --ds-collapse-heading-border-radius,
      ${(0,l.a)(P.headingBorderRadius)}
    );
  }

  button {
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;

    column-gap: var(--ds-collapse-button-column-gap, ${(0,l.a)(P.buttonColumnGap)});
    row-gap: var(--ds-collapse-button-row-gap, ${(0,l.a)(P.buttonRowGap)});
    flex-direction: var(
      --ds-collapse-button-flex-direction,
      ${(0,l.a)(P.buttonFlexDirection)}
    );
    font-size: var(--ds-collapse-button-font-size, ${(0,l.a)(P.buttonFontSize)});
    font-weight: var(
      --ds-collapse-button-font-weight,
      ${(0,l.a)(P.buttonFontWeight)}
    );
    line-height: var(
      --ds-collapse-button-line-height,
      ${(0,l.a)(P.buttonLineHeight)}
    );
    text-decoration: var(
      --ds-collapse-button-text-decoration,
      ${(0,l.a)(P.buttonTextDecoration)}
    );
    color: var(--ds-collapse-button-color, ${(0,l.a)(P.buttonColor)});
    background-color: var(
      --ds-collapse-button-background-color,
      ${(0,l.a)(P.buttonBackgroundColor)}
    );
    width: var(--ds-collapse-button-width, ${(0,l.a)(P.buttonWidth)});

    border-color: var(
      --ds-collapse-button-border-color,
      ${(0,l.a)(P.buttonBorderColor)}
    );
    border-style: var(
      --ds-collapse-button-border-style,
      ${(0,l.a)(P.buttonBorderStyle)}
    );
    border-block-start-width: var(
      --ds-collapse-button-border-block-start-width,
      ${(0,l.a)(P.buttonBorderBlockStartWidth)}
    );
    border-block-end-width: var(
      --ds-collapse-button-border-block-end-width,
      ${(0,l.a)(P.buttonBorderBlockEndWidth)}
    );
    border-inline-start-width: var(
      --ds-collapse-button-border-inline-start-width,
      ${(0,l.a)(P.buttonBorderInlineStartWidth)}
    );
    border-inline-end-width: var(
      --ds-collapse-button-border-inline-end-width,
      ${(0,l.a)(P.buttonBorderInlineEndWidth)}
    );
    border-start-start-radius: var(
      --ds-collapse-button-border-start-start-radius,
      var(--ds-radii-0, ${(0,l.a)(P.buttonBorderStartStartRadius)})
    );
    border-start-end-radius: var(
      --ds-collapse-button-border-start-end-radius,
      var(--ds-radii-0, ${(0,l.a)(P.buttonBorderStartEndRadius)})
    );
    border-end-end-radius: var(
      --ds-collapse-button-border-end-end-radius,
      var(--ds-radii-0, ${(0,l.a)(P.buttonBorderEndEndRadius)})
    );
    border-end-start-radius: var(
      --ds-collapse-button-border-end-start-radius,
      var(--ds-radii-0, ${(0,l.a)(P.buttonBorderEndStartRadius)})
    );

    padding-block-start: var(
      --ds-collapse-button-padding-block-start,
      ${(0,l.a)(P.buttonPaddingBlockStart)}
    );
    padding-block-end: var(
      --ds-collapse-button-padding-block-end,
      ${(0,l.a)(P.buttonPaddingBlockEnd)}
    );
    padding-inline-start: var(
      --ds-collapse-button-padding-inline-start,
      var(--ds-spacing-g, ${(0,l.a)(P.buttonPaddingInlineStart)})
    );
    padding-inline-end: var(
      --ds-collapse-button-padding-inline-end,
      var(--ds-spacing-g, ${(0,l.a)(P.buttonPaddingInlineEnd)})
    );

    margin-block-start: var(
      --ds-collapse-button-margin-block-start,
      var(--ds-spacing-0, ${(0,l.a)(P.buttonMarginBlockStart)})
    );
    margin-block-end: var(
      --ds-collapse-button-margin-block-end,
      var(--ds-spacing-3, ${(0,l.a)(P.buttonMarginBlockEnd)})
    );
    margin-inline-start: var(
      --ds-collapse-button-margin-inline-start,
      var(--ds-spacing-0, ${(0,l.a)(P.buttonMarginInlineStart)})
    );
    margin-inline-end: var(
      --ds-collapse-button-margin-inline-end,
      var(--ds-spacing-0, ${(0,l.a)(P.buttonMarginInlineEnd)})
    );
  }

  .base-wrapper {
    padding-block-start: var(
      --ds-collapse-base-wrapper-padding-block-start,
      var(--ds-spacing-0, ${(0,l.a)(P.baseWrapperPaddingBlockStart)})
    );
    padding-block-end: var(
      --ds-collapse-base-wrapper-padding-block-end,
      var(--ds-spacing-0, ${(0,l.a)(P.baseWrapperPaddingBlockEnd)})
    );
    padding-inline-start: var(
      --ds-collapse-base-wrapper-padding-inline-start,
      var(--ds-spacing-0, ${(0,l.a)(P.baseWrapperPaddingInlineStart)})
    );
    padding-inline-end: var(
      --ds-collapse-base-wrapper-padding-inline-end,
      var(--ds-spacing-0, ${(0,l.a)(P.baseWrapperPaddingInlineEnd)})
    );
  }

  button:focus {
    ${E.a}
    outline-offset: var(--ds-collapse-button-outline-offset, ${(0,l.a)(E.b)});
  }

  /* animation for default chevron icon */
  button.ltr:hover .animate-glyph,
  button.ltr:focus .animate-glyph {
    transform: translateX(
      var(--ds-collapse-glyph-part-transform, ${(0,l.a)(P.glyphPartTransform)})
    );
  }

  button.rtl:hover .animate-glyph,
  button.rtl:focus .animate-glyph {
    transform: translateX(
      var(
        --ds-collapse-glyph-part-transform,
        calc(${(0,l.a)(P.glyphPartTransform)} * -1)
      )
    );
  }

  button.ltr[aria-expanded='true'] moray-icon {
    transform: rotate(
      var(
        --ds-collapse-glyph-icon-open-transform,
        ${(0,l.a)(P.glyphIconOpenTransform)}
      )
    );
  }

  button.rtl[aria-expanded='true'] moray-icon {
    transform: rotate(
      var(
        --ds-collapse-glyph-icon-transform,
        calc(${(0,l.a)(P.glyphIconOpenTransform)} * -1)
      )
    );
  }

  button:hover .animate-glyph,
  button:focus .animate-glyph {
    ${(0,$.t)(`var(--ds-collapse-glyph-part-hover-transition, ${P.glyphPartHoverTransition})`)}
  }

  button .animate-glyph {
    ${(0,$.t)(`var(--ds-collapse-glyph-part-transition, ${P.glyphPartTransition})`)}
  }

  button .animate-glyph moray-icon {
    ${(0,$.t)(`var(--ds-collapse-glyph-icon-transition, ${P.glyphIconTransition})`)}
  }

  button[aria-expanded='false'] .animate-glyph moray-icon {
    ${(0,$.t)(`var(--ds-collapse-glyph-icon-open-transition, ${P.glyphIconOpenTransition})`)}
  }

  /* animation for base collapse content */

  ${(0,$.c)(`var(\n    --ds-collapse-base-collapse-transition,\n    ${P.baseCollapseTransition}\n  )`)}

  ${(0,$.b)(`var(\n      --ds-collapse-base-collapsing-transform,\n      ${P.baseCollapsingTransform}\n    )`,`var(\n      --ds-collapse-base-collapsing-transition,\n      ${P.baseCollapsingTransition}\n    )`)}

  :host([size='${(0,l.a)("large")}']) button {
    font-size: var(
      --ds-collapse-button-font-size-large,
      ${(0,l.a)(P.buttonFontSizeLarge)}
    );
  }
`;var R=Object.defineProperty,D=Object.getOwnPropertyDescriptor,N=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?D(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&R(t,a,i),i};const H="moray-collapse";let M=class extends l.s{constructor(){super(...arguments),this.localize=new k.L(this),this.open=!1,this._firstSlotEmpty=!0,this._lastSlotEmpty=!0,this._glyphSlotEmpty=!0}updated(e){e.has("open")&&(this.open?this.show():this.hide())}_handleSlotChange(){this._firstSlotEmpty=0===this._firstSlot.length,this._lastSlotEmpty=0===this._lastSlot.length,this._glyphSlotEmpty=0===this._glyph.length}_handleClick(){this.toggle()}_getDimension(){return this._collapseContent.classList.contains(x)?x:"height"}toggle(){this.open=!this.open}hide(){if(this[B]=new CustomEvent(B,{composed:!0,cancelable:!0}),this.dispatchEvent(this[B]),this[B].defaultPrevented)return;const e=this._getDimension();this._collapseContent.style[e]=`${this._collapseContent.getBoundingClientRect()[e]}px`,(e=>{this._collapseContent.offsetHeight})(),this._collapseContent.classList.add(S),this._collapseContent.classList.remove(w),this._collapseContent.classList.remove(C),this._triggerButton.classList.add(A),this._collapseContent.style[e]="";const t=b(this._collapseContent);this.addEventListener(m,(()=>{this._collapseContent.classList.remove(S),this._collapseContent.classList.add(w),this._collapseContent.setAttribute("aria-hidden","true"),this._triggerButton.setAttribute("aria-expanded","false"),this[T]=new CustomEvent(T,{composed:!0,cancelable:!0}),this.dispatchEvent(this[T])}).bind(this),{once:!0}),f(this,t)}show(){if(this[I]=new CustomEvent(I,{composed:!0,cancelable:!0}),this.dispatchEvent(this[I]),this[I].defaultPrevented)return;const e=this._getDimension();this._collapseContent.classList.remove(w),this._collapseContent.classList.add(S),this._collapseContent.style[e]=0,this._triggerButton.classList.remove(A);const t=`scroll${e[0].toUpperCase()+e.slice(1)}`,a=b(this._collapseContent);this.addEventListener(m,(()=>{this._collapseContent.classList.remove(S),this._collapseContent.classList.add(w),this._collapseContent.classList.add(C),this._collapseContent.style[e]="",this._collapseContent.removeAttribute("aria-hidden"),this._triggerButton.setAttribute("aria-expanded","true"),this[L]=new CustomEvent(L,{composed:!0,cancelable:!0}),this.dispatchEvent(this[L])}).bind(this),{once:!0}),f(this,a),this._collapseContent.style[e]=`${this._collapseContent[t]}px`}render(){const e=this._firstSlotEmpty?"display: none":l.T,t=this._lastSlotEmpty?"display: none":l.T,a=this._glyphSlotEmpty?"animate-glyph":"";return l.x`
      <span part="first" class="first" style="${e}">
        <slot name="first" @slotchange=${this._handleSlotChange}></slot>
      </span>

      <div
        part="heading"
        class="heading"
        role="${this.headingLevel?"heading":l.T}"
        aria-level="${this.headingLevel||l.T}"
      >
        <button
          aria-controls="base"
          size="${(0,y.o)(this.size)}"
          class="${this.localize.dir()}"
          @click="${this._handleClick}"
        >
          <span part="glyph" class=${a}>
            <slot name="glyph" @slotchange=${this._handleSlotChange}>
              <moray-icon
                icon="chevron-${"rtl"===this.localize.dir()?"left":"right"}"
                size="${_.I.medium}"
              ></moray-icon>
            </slot>
          </span>

          <span part="title">
            <slot name="title"></slot>
          </span>
        </button>
      </div>

      <div part="base" id="base" class="collapse">
        <div class="base-wrapper">
          <slot @slotchange=${this._handleSlotChange}></slot>
        </div>
      </div>

      <span part="last" class="last" style="${t}">
        <slot name="last" @slotchange=${this._handleSlotChange}></slot>
      </span>
    `}};M.shadowRootOptions={...l.s.shadowRootOptions,delegatesFocus:!0},M.styles=[O],N([(0,c.n)({attribute:"heading-level",type:Number})],M.prototype,"headingLevel",2),N([(0,c.n)({reflect:!0,type:Boolean})],M.prototype,"open",2),N([(0,c.n)({reflect:!0})],M.prototype,"size",2),N([(0,g.n)({slot:"glyph"})],M.prototype,"_glyph",2),N([(0,g.n)({slot:"first"})],M.prototype,"_firstSlot",2),N([(0,g.n)({slot:"last"})],M.prototype,"_lastSlot",2),N([p("#base")],M.prototype,"_collapseContent",2),N([p("button")],M.prototype,"_triggerButton",2),N([(0,d.r)()],M.prototype,"_firstSlotEmpty",2),N([(0,d.r)()],M.prototype,"_lastSlotEmpty",2),N([(0,d.r)()],M.prototype,"_glyphSlotEmpty",2),M=N([(0,l.r)(H)],M),a(5552);const U=e=>{e.forEach((e=>{e.el.removeEventListener(e.type,e.handler)}))},F={collapseHeadingBorderColor:v.z,collapseHeadingBorderBlockStartWidth:"0.0625rem",collapseButtonColumnGap:"0.5rem",collapseButtonRowGap:"0.5rem",collapseButtonPaddingBlockStart:"1.5rem",collapseButtonPaddingBlockEnd:"1.5rem",collapseButtonPaddingInlineStart:v.e,collapseButtonPaddingInlineEnd:"1.25rem",collapseButtonMarginBlockEnd:"0",collapseButtonWidth:"100%",collapseBaseWrapperPaddingBlockStart:v.A,collapseBaseWrapperPaddingBlockEnd:v.j,collapseBaseWrapperPaddingInlineStart:"2.5rem",collapseBaseWrapperPaddingInlineEnd:v.A,backplateHeadingBackgroundColor:"rgba(210, 210, 210, 0.3)",backplateHeadingBorderStyle:"none",backplateButtonWidth:"100%",backplateHeadingBorderRadius:v.B,backplateButtonPaddingBlockStart:v.k,backplateButtonPaddingBlockEnd:v.k,backplateButtonPaddingInlineStart:"1.25rem",backplateButtonPaddingInlineEnd:"0.75rem",backplateButtonMarginBlockEnd:"0",backplateBaseWrapperPaddingBlockStart:"0.75rem",backplateBaseWrapperPaddingBlockEnd:"0.75rem",backplateBaseWrapperPaddingInlineStart:"3.125rem",backplatePaddingBlockStart:"0.75rem",backplatePaddingBlockEnd:"0.75rem",controlsSpacing:v.e},z=l.i`
  :host(:not([backplate])) {
    --ds-collapse-heading-border-color: var(
      --ds-accordion-collapse-heading-border-color,
      var(--ds-color-gray-300, ${(0,l.a)(F.collapseHeadingBorderColor)})
    );
    --ds-collapse-heading-border-block-start-width: var(
      --ds-accordion-collapse-heading-border-block-start-width,
      ${(0,l.a)(F.collapseHeadingBorderBlockStartWidth)}
    );
    --ds-collapse-button-column-gap: var(
      --ds-accordion-collapse-button-column-gap,
      ${(0,l.a)(F.collapseButtonColumnGap)}
    );
    --ds-collapse-button-row-gap: var(
      --ds-accordion-collapse-button-row-gap,
      ${(0,l.a)(F.collapseButtonRowGap)}
    );
    --ds-collapse-button-padding-block-start: var(
      --ds-accordion-collapse-button-padding-block-start,
      ${(0,l.a)(F.collapseButtonPaddingBlockStart)}
    );
    --ds-collapse-button-padding-block-end: var(
      --ds-accordion-collapse-button-padding-block-end,
      ${(0,l.a)(F.collapseButtonPaddingBlockEnd)}
    );
    --ds-collapse-button-padding-inline-start: var(
      --ds-accordion-collapse-button-padding-inline-start,
      var(--ds-spacing-g, ${(0,l.a)(F.collapseButtonPaddingInlineStart)})
    );
    --ds-collapse-button-padding-inline-end: var(
      --ds-accordion-collapse-button-padding-inline-end,
      var(--ds-spacing-g, ${(0,l.a)(F.collapseButtonPaddingInlineEnd)})
    );
    --ds-collapse-button-margin-block-end: var(
      --ds-accordion-collapse-button-margin-block-end,
      var(--ds-spacing-g, ${(0,l.a)(F.collapseButtonMarginBlockEnd)})
    );
    --ds-collapse-button-width: var(
      --ds-accordion-collapse-button-width,
      var(--ds-spacing-g, ${(0,l.a)(F.collapseButtonWidth)})
    );
    --ds-collapse-base-wrapper-padding-block-start: var(
      --ds-accordion-collapse-base-wrapper-padding-block-start,
      var(--ds-spacing-4, ${(0,l.a)(F.collapseBaseWrapperPaddingBlockStart)})
    );
    --ds-collapse-base-wrapper-padding-block-end: var(
      --ds-accordion-collapse-base-wrapper-padding-block-end,
      var(--ds-spacing-4, ${(0,l.a)(F.collapseBaseWrapperPaddingBlockEnd)})
    );
    --ds-collapse-base-wrapper-padding-inline-start: var(
      --ds-accordion-collapse-base-wrapper-padding-inline-start,
      ${(0,l.a)(F.collapseBaseWrapperPaddingInlineStart)}
    );
    --ds-collapse-base-wrapper-padding-inline-end: var(
      --ds-accordion-collapse-base-wrapper-padding-inline-end,
      var(--ds-spacing-0, ${(0,l.a)(F.collapseBaseWrapperPaddingInlineEnd)})
    );
  }

  :host([backplate]) {
    --ds-collapse-heading-background-color: var(
      --ds-accordion-backplate-heading-background-color,
      ${(0,l.a)(F.backplateHeadingBackgroundColor)}
    );
    --ds-collapse-heading-border-radius: var(
      --ds-accordion-backplate-heading-border-radius,
      ${(0,l.a)(F.backplateHeadingBorderRadius)}
    );
    --ds-collapse-heading-border-style: var(
      --ds-accordion-backplate-heading-border-style,
      ${(0,l.a)(F.backplateHeadingBorderStyle)}
    );
    --ds-collapse-button-width: var(
      --ds-accordion-backplate-button-width,
      ${(0,l.a)(F.backplateButtonWidth)}
    );
    --ds-collapse-button-padding-block-start: var(
      --ds-accordion-backplate-button-padding-block-start,
      ${(0,l.a)(F.backplateButtonPaddingBlockStart)}
    );
    --ds-collapse-button-padding-block-end: var(
      --ds-accordion-backplate-button-padding-block-end,
      ${(0,l.a)(F.backplateButtonPaddingBlockEnd)}
    );
    --ds-collapse-button-padding-inline-start: var(
      --ds-accordion-backplate-button-padding-inline-start,
      ${(0,l.a)(F.backplateButtonPaddingInlineStart)}
    );
    --ds-collapse-button-padding-inline-end: var(
      --ds-accordion-backplate-button-padding-inline-end,
      ${(0,l.a)(F.backplateButtonPaddingInlineEnd)}
    );
    --ds-collapse-base-wrapper-padding-inline-start: var(
      --ds-accordion-backplate-base-wrapper-padding-inline-start,
      ${(0,l.a)(F.backplateBaseWrapperPaddingInlineStart)}
    );
    --ds-collapse-base-wrapper-padding-block-start: var(
      --ds-accordion-backplate-base-wrapper-padding-block-start,
      ${(0,l.a)(F.backplateBaseWrapperPaddingBlockStart)}
    );
    --ds-collapse-base-wrapper-padding-block-end: var(
      --ds-accordion-backplate-base-wrapper-padding-block-end,
      ${(0,l.a)(F.backplateBaseWrapperPaddingBlockEnd)}
    );
    --ds-collapse-button-margin-block-end: var(
      --ds-accordion-backplate-button-margin-block-end,
      ${(0,l.a)(F.backplateButtonMarginBlockEnd)}
    );
  }

  .controls {
    display: inline-flex;
    align-items: center;
    margin-block-end: var(
      --ds-controls-spacing,
      var(--ds-spacing-g, ${(0,l.a)(F.controlsSpacing)})
    );
  }
`;var V=Object.defineProperty,G=Object.getOwnPropertyDescriptor,W=(e,t,a,o)=>{for(var r,i=o>1?void 0:o?G(t,a):t,s=e.length-1;s>=0;s--)(r=e[s])&&(i=(o?r(t,a,i):r(i))||i);return o&&i&&V(t,a,i),i};let j=class extends l.s{constructor(){super(...arguments),this.backplate=!1,this.groupManagement=!1,this.controlsAppearance="button--link",this._firstSlotEmpty=!0,this._lastSlotEmpty=!0,this._showAllSlotEmpty=!0,this._hideAllSlotEmpty=!0,this._allOpen=!1,this._allClosed=!0,this._collapseEvents=[],this._handleOnShow=e=>{var t;const a=null==e?void 0:e.target;a&&this.groupManagement&&(null==(t=this._accordionItems)||t.forEach((e=>{e!==a&&e.open&&(e.open=!1)})))},this._handleControlState=()=>{const e=this._accordionItems||[];this._allOpen=e.every((e=>e.open)),this._allClosed=e.every((e=>!e.open))}}_handleBaseSlotChange(){U(this._collapseEvents),this._collapseEvents=[],this._accordionItems=[...this._defaultSlot].filter((e=>e.tagName.toLowerCase()===H)),this._accordionItems.forEach((e=>{e.setAttribute("role","listitem"),this.groupManagement&&this._collapseEvents.push({el:e,type:I,handler:this._handleOnShow}),this._collapseEvents.push({el:e,type:L,handler:this._handleControlState},{el:e,type:T,handler:this._handleControlState})})),(e=>{this._collapseEvents.forEach((e=>{e.el.addEventListener(e.type,e.handler,e.options)}))})(),this._handleControlState()}_handleSlotChange(){this._firstSlotEmpty=0===this._firstSlot.length,this._lastSlotEmpty=0===this._lastSlot.length,this._showAllSlotEmpty=0===this._showAllSlot.length,this._hideAllSlotEmpty=0===this._hideAllSlot.length}showAll(){var e;null==(e=this._accordionItems)||e.forEach((e=>{e.open=!0,e.addEventListener(m,(()=>{this._handleControlState(),this._hideAllToggle.focus()}),{once:!0})}))}hideAll(){var e;null==(e=this._accordionItems)||e.forEach((e=>{e.open=!1,e.addEventListener(m,(()=>{this._handleControlState(),this._showAllToggle.focus()}),{once:!0})}))}disconnectedCallback(){U(this._collapseEvents),super.disconnectedCallback()}render(){const e=this._firstSlotEmpty?"display: none":l.T,t=this._lastSlotEmpty?"display: none":l.T,a=this._showAllSlotEmpty||this._hideAllSlotEmpty||this.groupManagement?"display: none":l.T;return l.x`
      <div part="controls" class="controls" style="${a}" role="group">
        <moray-button
          id="show-all-toggle"
          appearance="${this.controlsAppearance}"
          @click="${this.showAll}"
          aria-pressed="${this._allOpen}"
          ?disabled="${this._allOpen}"
          ?inactive="${this._allOpen}"
        >
          <slot name="show-all-toggle" @slotchange=${this._handleSlotChange}></slot>
        </moray-button>
        <slot name="controls-separator" aria-hidden="true"> | </slot>
        <moray-button
          id="hide-all-toggle"
          appearance="${this.controlsAppearance}"
          @click="${this.hideAll}"
          aria-pressed="${this._allClosed}"
          ?disabled="${this._allClosed}"
          ?inactive="${this._allClosed}"
        >
          <slot name="hide-all-toggle" @slotchange=${this._handleSlotChange}></slot>
        </moray-button>
      </div>
      <span part="first" class="first" style="${e}">
        <slot name="first" @slotchange=${this._handleSlotChange}></slot>
      </span>
      <div part="base" class="base" role="list">
        <slot @slotchange="${this._handleBaseSlotChange}"></slot>
      </div>
      <span part="last" class="last" style="${t}">
        <slot name="last" @slotchange=${this._handleSlotChange}></slot>
      </span>
    `}};j.styles=[z],W([(0,c.n)({reflect:!0,type:Boolean})],j.prototype,"backplate",2),W([(0,c.n)({type:Boolean,attribute:"group-management"})],j.prototype,"groupManagement",2),W([(0,c.n)({attribute:"controls-appearance"})],j.prototype,"controlsAppearance",2),W([(0,g.n)({slot:"first"})],j.prototype,"_firstSlot",2),W([(0,g.n)({slot:"last"})],j.prototype,"_lastSlot",2),W([(0,g.n)({slot:"show-all-toggle"})],j.prototype,"_showAllSlot",2),W([(0,g.n)({slot:"hide-all-toggle"})],j.prototype,"_hideAllSlot",2),W([(0,u.o)()],j.prototype,"_defaultSlot",2),W([p("#show-all-toggle")],j.prototype,"_showAllToggle",2),W([p("#hide-all-toggle")],j.prototype,"_hideAllToggle",2),W([(0,d.r)()],j.prototype,"_accordionItems",2),W([(0,d.r)()],j.prototype,"_firstSlotEmpty",2),W([(0,d.r)()],j.prototype,"_lastSlotEmpty",2),W([(0,d.r)()],j.prototype,"_showAllSlotEmpty",2),W([(0,d.r)()],j.prototype,"_hideAllSlotEmpty",2),W([(0,d.r)()],j.prototype,"_allOpen",2),W([(0,d.r)()],j.prototype,"_allClosed",2),W([(0,d.r)()],j.prototype,"_collapseEvents",2),j=W([(0,l.r)("moray-accordion")],j),a(900),a(8964),a(2464);var K=a(7150);a(4166),a(2869);const Z="#d2d2d2",X=t.iv`
  .heading-slot-wrapper {
    font-size: var(--ds-filter-pane-heading-font-size, var(--ds-spacing-4, ${(0,t.$m)("1.5rem")}));
    font-weight: 600;
    line-height: 3.5rem;
    border-style: none;
  }

  .actions {
    display: flex;
    flex-direction: column;
    width: 100%;

    border-bottom-color: var(
      --ds-filter-pane-bottom-border-color,
      var(
        --ds-theme-border-neutral-fade,
        ${(0,t.$m)(Z)}
      )
    )
  }

  button.ltr {
    border-bottom-color: var(
      --ds-filter-pane-bottom-border-color,
      var(
        --ds-theme-border-neutral-fade,
        ${(0,t.$m)(Z)}
      )
    )

  }

  moray-collapse button {
    justify-content: space-between;
    padding: var(--ds-spacing-g, .625rem);
  }

  .button-container {
    margin-top: var(--ds-spacing-4, 1.25rem);
  }

  .clear-selection {
    margin-right: var(--ds-spacing-2, .5rem);
    margin-left: 2.5rem;
    padding: 0 0 1rem 0;
    display: inline-block;
  }

  .filter-pane-component {
    display: flex;
    flex-direction: column;
    padding-left: var(--ds-spacing-4, 1rem);
    background-color: var(
      --ds-filter-pane-panel-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,t.$m)("#171717")}
      )
    );
    color: var(
      --ds-filter-pane-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,t.$m)("white")}
      )
    );
    --ds-collapse-button-font-size: var(--ds-filter-pane-collapse-button-font-size,  ${(0,t.$m)("1.125rem")});

  }

  .checklist-value sup .supText {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    border-radius: 50%;
    font-weight: 700;
    text-decoration: underline;
    font-size: var(--ds-filter-pane-checklist-font-size, .625rem);
    color: var(
      --ds-filter-pane-superscript-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,t.$m)("#0093f9")}
      )
    );
  }

  .checklist-value sup a:focus {
      outline: 0.125rem solid #fff !important;
  }

  moray-accordion {
    --ds-button-link-color: var(
    --ds-filter-pane-expand-collapse-text-color,
    var(
      --ds-theme-foreground-accent-subtle-normal,
      ${(0,t.$m)("#00a2ff")}
    )
  );
    --ds-collapse-heading-border-color: transparent;
  }

  moray-collapse {
    --ds-collapse-button-padding-inline-start: 0;
    --ds-collapse-button-border-color: var(--ds-filter-pane-collapse-border-color, var(--ds-theme-border-neutral-subtle, ${(0,t.$m)("#b3b3b3")}));
    --ds-collapse-button-border-style: solid;
    --ds-collapse-button-border-block-end-width: 0.1rem;
    --ds-collapse-button-border-block-start-width: 0;
    --ds-collapse-button-border-inline-start-width: 0;
    --ds-collapse-button-border-inline-end-width: 0;
    --ds-collapse-button-width: 100%;
    --ds-collapse-base-wrapper-padding-block-start: none;
  }

  .multi-cols-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 22rem;
  }

  .category-title {
    text-align: initial;
    line-height: 1.5rem;
  }

  @media screen and (max-width: 67.688rem) {
    .multi-cols-active{
      flex-direction: column;
    }
  }

  cascade-checklist {
      flex: 1 1 35%;
      box-sizing: border-box;
  }

  @media (min-width: 38rem) and (max-width: 102rem) {
  .filter-pane-component {
    flex-direction: row;
  }
`;var Y=a(4638),q=a(1943);let J=class extends Y.R{constructor(){super(...arguments),this.multiColumnFilterTypes=[],this.filterPaneData=[],this.checkedItems={},this.checkedItemsByName={},this.areAllMorayCollapsesOpen=!1,this.initialLoad=!1,this.openMorayCollapses={},this.theme="",this.handleUpdateInteractiveBadges=e=>{this.checkedItems=e?.detail.selectedItems,this.updateFilterPaneData();const t=new CustomEvent("updateCheckedItems",{detail:{checkedItems:this.checkedItems}});window.dispatchEvent(t)},this.getCheckedValue=(e,t)=>{const a=this.filterPaneData.find((t=>t.filterType===e));if(a){const e=a.filterValues.find((e=>e.checkedValue===t));if(e)return e.checked}return!1},this.getCheckedInfo=(e,t,a="")=>{const o=this.filterPaneData.find((t=>t.filterType===e));return o?{checkedNames:o.filterValues.filter((e=>e.checked)).map((e=>e.checkedValue)),checked:o.filterValues.some((e=>e.checkedKey===t&&e.checked)),filterLimtcheck:o.filterLimit}:{checkedNames:[],checked:!1,filterLimtcheck:0}},this.getCheckedInfoByName=(e,t,a="")=>{const o=this.filterPaneData.find((t=>t.filterType===e));return o?{checkedNames:o.filterValues.filter((e=>e.checked)).map((e=>({value:e.checkedValue,name:e.checkedKey}))),checked:o.filterValues.some((e=>e.checkedKey===t&&e.checked)),filterLimtcheck:o.filterLimit}:{checkedNames:[],checked:!1,filterLimtcheck:0}},this.setCheckedInfo=(e,t,a,o)=>{const r=this.filterPaneData.find((t=>t.filterType===e));if(r){const e=r.filterValues.find((e=>e.checkedValue===o));e&&(e.checked=a)}},this.getCheckedItems=e=>{const t=e?.detail,a=t.checkedKeyName,o=t.checkedValue,r=t.checkedValueName,i=this.getCheckedInfo(r,o,a),s=t.checked?i.checkedNames.length+1:i.checkedNames.length-1;s<=i.filterLimtcheck&&this.setCheckedInfo(r,a,t.checked,o);const n=this.shadowRoot?.querySelectorAll(`cascade-checklist[checked-key="${r}"]`);n?.forEach((e=>{const t=e.shadowRoot?.querySelector("input");if(t){const e=t.value;s>=i.filterLimtcheck?t.disabled=!this.getCheckedInfo(r,e).checkedNames.includes(e):t.disabled=!1}})),this.checkedItems[r]=this.getCheckedInfo(r,"").checkedNames,this.checkedItemsByName[r]=this.getCheckedInfoByName(r,"").checkedNames;const l=new CustomEvent("updateCheckedItems",{detail:{checkedItems:this.checkedItems,checkedItemsByName:this.checkedItemsByName}}),c={};for(const e in this.checkedItemsByName)if(Object.prototype.hasOwnProperty.call(this.checkedItemsByName,e)){let t=this.checkedItemsByName[e];Array.isArray(t)?t=t.map((e=>{if("string"==typeof e.name){if(e.name.includes("<sup>")&&!e.name.includes("&nbsp;"))return{...e,name:e.name.split("<sup>")[0]};if(e.name.includes("<sup>")&&e.name.includes("&nbsp;"))return{...e,name:e.name.split("&nbsp;")[0]}}return e})):t.name.includes("<sup>")&&(t.name=t.name.split("<sup>")[0]),c[e]=t}const d=new CustomEvent("UpdateInteractiveBadges",{detail:{selectedItems:this.checkedItems,checkedItemsByName:c}});window.dispatchEvent(l),window.dispatchEvent(d),this.updateOpenCollapses()}}connectedCallback(){super.connectedCallback(),this.addEventListener("checkBoxClickDispatch",this.getCheckedItems),window.addEventListener("UpdateInteractiveBadges",this.handleUpdateInteractiveBadges),this.initialLoad=!0}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("checkBoxClickDispatch",this.getCheckedItems),window.removeEventListener("UpdateInteractiveBadges",this.handleUpdateInteractiveBadges)}updated(e){super.updated(e),this.updateComplete.then((()=>{this.filterPaneData.map((e=>{const t=this.shadowRoot;if(t){const a=`cascade-checklist[checked-key="${e.filterType}"]`,o=t.querySelectorAll(a);o?.forEach((t=>{const a=t.shadowRoot?.querySelector("input"),o=a?.value,r=this.getCheckedInfo(e.filterType,o);r.checkedNames.length>=r.filterLimtcheck&&(a.disabled=!this.getCheckedInfo(e.filterType,o).checkedNames.includes(o))}))}this.shadowRoot.querySelectorAll("sup").forEach((e=>{e.addEventListener("click",(e=>e.stopPropagation()))}))}))}))}updateFilterPaneData(){this.filterPaneData=this.filterPaneData.map((e=>{const t=e.filterValues.map((t=>(t.checked=this.checkedItems[e.filterType]?.includes(t.checkedValue)??!1,t)));return{...e,filterValues:t}}))}clearSelection(){this.checkedItems={},this.filterPaneData.forEach((e=>{const t=this.shadowRoot?.querySelectorAll(`cascade-checklist[checked-key="${e.filterTypeName}"]`);t?.forEach((e=>{const t=e.shadowRoot?.querySelector("input");t.hasAttribute("checked")&&t.removeAttribute("checked"),t.classList.contains("checkbox-checked")&&t.classList.remove("checkbox-checked"),t.disabled=!1})),e.filterValues.forEach((e=>{e.checked=!1}))}));const e=new CustomEvent("updateCheckedItems",{detail:{checkedItems:this.checkedItems}}),t=new CustomEvent("UpdateInteractiveBadges",{detail:{selectedItems:this.checkedItems}});window.dispatchEvent(e),window.dispatchEvent(t),window.scrollTo({top:0,behavior:"smooth"})}updateOpenCollapses(){this.filterPaneData.forEach(((e,t)=>{e.filterValues.some((e=>e.checked))&&(this.openMorayCollapses={...this.openMorayCollapses,[t]:!0})}))}render(){return K.dy`
      <div class="filter-pane-component">
        <div class="actions">
          <div
            id="filter-pane-heading"
            aria-label="${this.msg("FILTER_BY")}"
            class="heading-slot-wrapper"
          >
            <slot name="heading"></slot>
          </div>

          <moray-accordion>
            <span
              id="fliter-pane-expand-all"
              aria-label="${this.msg("EXPAND_ALL")}"
              slot="show-all-toggle"
              >${this.msg("EXPAND_ALL")}</span
            >
            <span
              id="fliter-pane-collapse-all"
              aria-label="${this.msg("COLLAPSE_ALL")}"
              slot="hide-all-toggle"
              >${this.msg("COLLAPSE_ALL")}</span
            >
            <span slot="first" class="clear-selection">
              <moray-button
                appearance="button"
                id="filter-pane-clear-button"
                @click=${this.clearSelection}
                aria-label="${this.msg("CLEAR_ALL_BUTTON")}"
                data-bi-cN=${this.msg("CLEAR_ALL")}
                data-bi-ecn="Clear Button"
                data-bi-cT="Button"
              >
                <slot name="clear"></slot>
              </moray-button>
            </span>
            ${this.filterPaneData.map(((e,a)=>{const o=this.multiColumnFilterTypes.includes(e.filterTypeName)?"multi-cols-active":"",r=!!this.initialLoad&&0===a,i=this.openMorayCollapses[a]||r?"open":t.Ld;return K.dy` <moray-collapse
                id=${a}
                aria-label="${this.msg("FILTER_BY_NAME",{0:e.filterTypeName})}"
                heading-level="3"
                open=${i}
              >
                <div slot="title" class="category-title">
                  ${e.filterTypeName}
                </div>
                <div class="${o}">
                  ${e.filterValues.map(((t,a)=>K.dy` <cascade-checklist
                      id=${a}
                      checklist-logo-type="checkbox"
                      checked-value=${t.checkedValue}
                      checked-key=${e.filterType}
                      checked-key-name=${e.filterTypeName}
                      checkbox-aria-label=${t.checkedKey}
                      aria-label="${this.msg("FILTER_TYPE_NAME",{0:t.checkedKey})}"
                      name=${e.filterType}
                      value=${t.checkedValue}
                      data-group=${e.filterGroup}
                      ?checked=${t.checked}
                      ?checkboxDisabled=${t.checkboxDisabled}
                    >
                      <p class="checklist-value" slot="description">
                        ${(0,q.A)(t.checkedKey)}
                      </p>
                    </cascade-checklist>`))}
                </div>
              </moray-collapse>`}))}
          </moray-accordion>
        </div>
      </div>
    `}};J.dict={COMPARE:"Compare",CLEAR_ALL:"Clear All",CLOSE_BUTTON:"Close button.",EXPAND_ALL:"Expand All",COLLAPSE_ALL:"Collapse All",FILTER_BY:"Filter By",CLEAR_ALL_BUTTON:"Clear All Button",FILTER_TYPE_NAME:"Filter Type {0}",FILTER_BY_NAME:"Filter By {0}"},J.styles=[X],(0,e.gn)([(0,r.Cb)({attribute:"multi-column-filter-types",type:Array})],J.prototype,"multiColumnFilterTypes",void 0),(0,e.gn)([(0,r.Cb)({attribute:"filter-pane-data",type:Array})],J.prototype,"filterPaneData",void 0),(0,e.gn)([(0,r.SB)()],J.prototype,"checkedItems",void 0),(0,e.gn)([(0,r.SB)()],J.prototype,"checkedItemsByName",void 0),(0,e.gn)([(0,r.SB)()],J.prototype,"areAllMorayCollapsesOpen",void 0),(0,e.gn)([(0,r.SB)()],J.prototype,"initialLoad",void 0),(0,e.gn)([(0,r.SB)()],J.prototype,"openMorayCollapses",void 0),(0,e.gn)([(0,r.Cb)()],J.prototype,"theme",void 0),J=(0,e.gn)([(0,r.Mo)("cascade-filter-pane")],J);const Q="#0081e9",ee=t.iv`
  .interactive-badges {
    display: block;
    padding: 1.25rem 2%;
    --ds-action-trigger-color: var(
      --ds-interactive-badges-clear-badges-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,t.$m)(Q)}
      )
    );
  }

  .interactive-badges .interactive-badges-items {
    display: inline-block;
    margin: 0;
    padding: 0;
  }

  .interactive-badges li.interactive-badges-item {
    margin: 0.625rem 1.25rem 0.625rem 0;
    padding: 0.5rem 0 0.5rem 1.25rem;
    border: 0.0625rem solid;
    border-color: var(
      --ds-interactive-badges-item-background-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,t.$m)("#000")}
      )
    );
    border-radius: var(
      --ds-interactive-badges-item-border-radius,
      var(--ds-radii-20, ${(0,t.$m)(".5rem")})
    );
    background-color: var(
      --ds-interactive-badges-item-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,t.$m)("#fff")}
      )
    );
    color: var(
      --ds-interactive-badges-item-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,t.$m)("#000")}
      )
    );
    display: inline-block;
  }

  .interactive-badges span.interaction-badge-text {
    display: inline-block;
    margin: auto 1.25rem auto 0;
    color: var(
      --ds-interactive-badges-badge-text-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,t.$m)("#fff")}
      )
    );
  }

  .interactive-badges moray-button {
    margin-left: 1.875rem;
    margin-right: 0.75rem;
    cursor: pointer;
  }

  .interactive-badges moray-icon {
    color: var(
      --ds-interactive-badges-badge-close-button-color,
      var(
        --ds-theme-foreground-neutral-strong,
        ${(0,t.$m)("#000")}
      )
    );
    position: relative;
    top: 0.25rem;
  }

  .clear-badges {
    font-weight: bold;
    text-wrap: nowrap;
    margin-left: 0 !important;
    color: var(
      --ds-interactive-badges-clear-badges-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,t.$m)(Q)}
      )
    );
  }
`;let te=class extends Y.R{constructor(){super(...arguments),this.enableClearBadge=!1,this.buttonAppearance="",this.iconAppearance="",this.interactiveBadges={},this.interactiveBadgesNames={},this._handleDispatchInteractiveBadges=e=>{const t=e.detail.selectedItems,a=e.detail.checkedItemsByName;this.interactiveBadges={...t},this.interactiveBadgesNames={...a}}}connectedCallback(){super.connectedCallback(),window.addEventListener("UpdateInteractiveBadges",this._handleDispatchInteractiveBadges)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("UpdateInteractiveBadges",this._handleDispatchInteractiveBadges)}_clearAllBadges(e){this.interactiveBadges={},this.interactiveBadgesNames={};const t=new CustomEvent("UpdateInteractiveBadges",{detail:{originalEvent:e,action:"badgesCleared",selectedItems:this.interactiveBadges,checkedItemsByName:this.interactiveBadgesNames}});window.dispatchEvent(t)}_clickCloseButton(e){if(!e)return;const t=e.target,a=t?.getAttribute("data-criteria-value"),o=t?.getAttribute("data-criteria-type");if(o&&a){const e={...this.interactiveBadges},t={...this.interactiveBadgesNames};e[o]&&t[o]&&(e[o]=e[o].filter((e=>e!==a)),t[o]=t[o].filter((e=>e.value!==a)),0===e[o].length&&0===t[o].length&&(delete e[o],delete t[o])),this.interactiveBadges=e,this.interactiveBadgesNames=t}const r=new CustomEvent("UpdateInteractiveBadges",{detail:{originalEvent:e,action:"badgeClosed",selectedItems:this.interactiveBadges,checkedItemsByName:this.interactiveBadgesNames}});window.dispatchEvent(r)}_getInteractiveBadges(){return Object.keys(this.interactiveBadges).map((e=>this.interactiveBadges[e].map((t=>K.dy`
          <li
            class="interactive-badges-item"
            data-criteria-type="${e}"
            data-criteria-value="${t}"
            tabindex="0"
            aria-label="${t}"
          >
            ${this.interactiveBadgesNames[e]?.find((e=>e.value===t))?.name||t}
            <moray-button appearance="${this.buttonAppearance}">
              <moray-icon
                icon="${this.iconAppearance}"
                size="medium"
                id="${e}-${t}"
                aria-label="${this.msg("REMOVE")}-${t}"
                data-criteria-type="${e}"
                data-criteria-value="${t}"
                @click=${{handleEvent:e=>this._clickCloseButton(e)}}
                data-bi-cN="${this.msg("REMOVE")}-${t}"
                data-bi-ecn="REMOVE"
                data-bi-cT="Button"
              ></moray-icon>
            </moray-button>
          </li>
        `))))}_getClearAllBadgesButton(){if(this.enableClearBadge)return K.dy`
        <moray-button
          appearance="action-trigger"
          class="clear-badges"
          @click=${this._clearAllBadges}
          data-bi-ecn="Clear Badges Button"
          data-bi-cT="Button"
        >
          <slot name="interaction-clear-badge-text"></slot>
          <moray-icon icon="dismiss"></moray-icon>
        </moray-button>
      `}_checkForNonEmptyBadges(){return Object.values(this.interactiveBadges).some((e=>e.length>0))}render(){if(this._checkForNonEmptyBadges())return K.dy`
        <div class="interactive-badges">
          <span id="interaction-badge-text" class="interaction-badge-text">
            <slot name="interaction-badge-text"></slot>
          </span>
          <ul class="interactive-badges-items">
            ${this._getInteractiveBadges()}
          </ul>
          ${this._getClearAllBadgesButton()}
        </div>
      `}};te.styles=[ee],te.dict={REMOVE:"Remove"},(0,e.gn)([(0,r.Cb)({type:Boolean,attribute:"enable-clear-badge"})],te.prototype,"enableClearBadge",void 0),(0,e.gn)([(0,r.Cb)({attribute:"button-appearance"})],te.prototype,"buttonAppearance",void 0),(0,e.gn)([(0,r.Cb)({attribute:"icon-appearance"})],te.prototype,"iconAppearance",void 0),(0,e.gn)([(0,r.SB)()],te.prototype,"interactiveBadges",void 0),(0,e.gn)([(0,r.SB)()],te.prototype,"interactiveBadgesNames",void 0),te=(0,e.gn)([(0,r.Mo)("cascade-interactive-badges")],te);var ae=a(9072);class oe{}function re(e,t,a,o,r){const i=[];return e.forEach((e=>{i.find((t=>t.headingText.toLowerCase()===e.DeviceName.toLowerCase()))||i?.push({imageSmall:e.DeviceImage?.ImageUrl,imageAltText:e.DeviceImage?.AltText,category:e.Category,badge:e.OEMPromotions,badgeSecondary:e.Feature?.indexOf("SecuredcorePC")>-1?o:"",brandName:e.Brand,headingText:e.DeviceName,bodyText:e.FamilyConfig[2]?.split("|").slice(0,-1),linkText:e.ShopNowCTA?.Text||e.LearnMoreCTA?.Text,linkOpenInNewTab:!!e.LearnMoreCTA?.Text,linkTarget:e.ShopNowCTA?.Url||e.LearnMoreCTA?.Url,depth:!0,linkType:"button",price:_e(e.HardCodedPrice,t,a?.toLowerCase()),position:e.FeaturePosition?.split(":")?e.FeaturePosition?.split(":")[1]:99,productId:e.ProductID,skuId:e.SKUID,checked:!1,oem:!!(e.ShopNowCTA?.Url||e.LearnMoreCTA?.Url)?.toLowerCase().includes(e.Brand.toLowerCase())})})),r?ie(i):i}oe.prefixLocales=["en-us","en-ca","ja-jp","en-au","en-gb","ru-ru","zh-cn"],oe.suffixLocales=["de-de","fr-fr","fr-ca"],oe.screenSizeUnits="inches",oe.screenSizeRangeUptoValue="0-13.9",oe.screenSizeRangeBetweenValue="14-16",oe.screenSizeRangeAboveValue="17-9999999",oe.memoryRangeUptoValue="4-8",oe.memoryRangeUpto8Value="upto8",oe.memoryRange16Value="16",oe.memoryRange32Value="32",oe.memoryRangeAboveValue="64-9999999",oe.storageRangeUptoValue="32-128",oe.storageRangeUpto128Value="upto128",oe.storageRangeBetween256and512Value="256to512",oe.storageRangeBetweenValue="256-512",oe.storageRangeAboveValue="1024-99999",oe.storageRangeOnePlusValue="1+",oe.storageValueTB="TB",oe.storageValueTo="To",oe.currencySymbolsRegularExpression=/[$€¥£]/;const ie=e=>{let t=e?.length;for(;0!=t;){const a=Math.floor(Math.random()*t);t--,[e[t],e[a]]=[e[a],e[t]]}return e};function se(e){return e?{productID:e.ProductID,cpu:e.Specification?.CPU,gpu:e.Specification?.GPU,memory:e.Specification?.Memory,storage:e.Specification?.Storage,retailers:e.Retailers.map((e=>({purchaseLink:e.PurchaseLink,logo:e.Logo,price:e.Price,retailerName:e.RetailerName}))),variationIds:e.VariationIds,deviceImageUrl:e.DeviceImage?.ImageUrl,deviceAltText:e.DeviceImage?.AltText,deviceName:e.DeviceName,configuration:e.Configuration,hardCodedPrice:e.HardCodedPrice,feature:e.Feature,skuId:e.SKUID,brand:e.Brand}:null}function ne(e,t,a,o){const r=function(e){const t={};return Object.keys(e).forEach((a=>{if(Object.prototype.hasOwnProperty.call(e,a)){const o=a.toLowerCase();t[o]=e[a].map((e=>e.toLowerCase()))}})),t}(a),i=new Set,s=(e,t)=>{for(const a in e)if("object"==typeof e[a])s(e[a],t);else if(a===t&&void 0!==e[a]&&null!==e[a]){const t=String(e[a]);i.add(t)}},n=(e,t)=>{Array.isArray(e[t])&&e[t].forEach((e=>{const t=String(e).trim();i.add(t)}))};return((e,t)=>{const a="Feature"===t||"Processor"===t?n:s;e.forEach((e=>a(e,t)))})(e,t),((e,t,a,o)=>{const r={Category2:le,Category:ce,OS:de,Brand:he,Feature:ue,HardCodedPrice:ge,Processor:me,ScreenSize:be,Memory:fe,Storage:ve,Displayresolution:ye},i=ae.t_[e];if(i&&r[e]){const s=((e,t,a)=>Array.from(e).map((e=>({checkedKey:e,checkedValue:e,checked:a[t]?.includes(e.toLowerCase())||!1}))))(t,i,o);return r[e](s,a,o)}return null})(t,i,o,r)}function le(e,t,a){return e.sort(((e,t)=>e.checkedKey.localeCompare(t.checkedKey))).map((e=>{const t=e.checkedKey;let o=e.checked;return a&&a.category&&(a.category.includes("copilotpcs")&&"Copilot+ PCs"===t||a.category.includes("modernpc")&&"Modern PC"===t)&&(o=!0),{checkedKey:e.checkedKey,checkedValue:e.checkedValue,checked:o}}))}function ce(e,t,a){const o={[ae.I_.Laptop]:0,[ae.I_.UltraSlimNotebook]:1,[ae.I_.TwoInOneLaptop]:2,[ae.I_.AllInOne]:3,[ae.I_.Workstation]:4,[ae.I_.UltraSmallPC]:5,[ae.I_.NextGenAIPCs]:6},r=e.map((e=>{let r=e.checkedKey;const i=o[r],s=e.checkedValue;let n=e.checked;switch(r){case ae.I_.UltraSlimNotebook:r=t[0]?.localespecificfields.LocDevices.split("|")[0];break;case ae.I_.Laptop:r=t[0]?.localespecificfields.LocDevices.split("|")[1];break;case ae.I_.TwoInOneLaptop:r=t[0]?.localespecificfields.LocDevices.split("|")[2];break;case ae.I_.AllInOne:r=t[0]?.localespecificfields.LocDevices.split("|")[3];break;case ae.I_.UltraSmallPC:r=t[0]?.localespecificfields.LocDevices.split("|")[4];break;case ae.I_.Workstation:r=t[0]?.localespecificfields.LocDevices.split("|")[5];break;case ae.I_.NextGenAIPCs:r=t[0]?.localespecificfields.LocDevices.split("|")[6]}if(a&&a.formfactor){const e={Laptop:["laptop"],TwoInOneLaptop:["2in1"],AllInOne:["desktopallin1"],Workstation:["workstation"],UltraSmallPC:["ultra-small-pcs"],UltraSlimNotebook:["ultra-slim-notebook"],NextGenAIPCs:["next-gen-ai-pcs"]};for(const t in e)if(e[t].some((e=>a.formfactor.includes(e)))&&s===ae.I_[t]){n=!0;break}}return{checkedKey:r,checkedValue:s,checked:n,orderValue:i}}));return r.sort(((e,t)=>e.orderValue-t.orderValue)),r}function de(e,t,a){const o=[];e.forEach((e=>{let r=e.checkedKey,i=e.checked;const s=r.split(": ");switch(s?.length>1&&(r=s[1]),r){case ae.U5.Windows10Pro:r=t[0]?.localespecificfields.LocOS.split("|")[0];break;case ae.U5.Windows10ProForWorkstations:r=t[0]?.localespecificfields.LocOS.split("|")[1];break;case ae.U5.Windows11Pro:r=t[0]?.localespecificfields.LocOS.split("|")[2];break;case ae.U5.Windows11ProForWorkstations:r=t[0]?.localespecificfields.LocOS.split("|")[3]}a&&a.os&&(a.os.includes("windows10pro")&&r===t[0]?.localespecificfields.LocOS.split("|")[0]||a.os.includes("windows10proworkstations")&&r===t[0]?.localespecificfields.LocOS.split("|")[1]||a.os.includes("windows11pro")&&r===t[0]?.localespecificfields.LocOS.split("|")[2]||(a.os.includes("windows11proworkstations")||a.os.includes("windows11proforworkstations"))&&r===t[0]?.localespecificfields.LocOS.split("|")[3])&&(i=!0),o.push({name:r,isChecked:i})}));const r=new Set(o.map((e=>e.name))),i={"Windows 11 Pro":0,"Windows 11 Pro for Workstations":1,"Windows 10 Pro":2,"Windows 10 Pro for Workstations":3},s=Array.from(r).map((e=>{const t=o.find((t=>t.name===e));return{checkedKey:e,checkedValue:e,checked:!!t&&t.isChecked,orderValue:i[e]}}));return s.sort(((e,t)=>e.orderValue-t.orderValue)),s}function he(e,t,a){return e.sort(((e,t)=>e.checkedKey.localeCompare(t.checkedKey))).map((e=>{let t=e.checked;return a&&a.brand&&a.brand.includes(e.checkedKey.toLowerCase())&&(t=!0),{checkedKey:e.checkedKey,checkedValue:e.checkedValue,checked:t}}))}function pe(e,t){let a=e,o="",r="";if(e?.includes("<sup>")){const t=e.match(/<sup>(\d+)<\/sup>/);t&&(r=t[1],o="Footnote "+r,a=e.replace(/(&nbsp;)?<sup>/,((e,t)=>t?'<sup><a aria-label="'+o+'" href="http://approjects.co.za/?big=javascript:void(0);" class="c-hyperlink supBLink"><span class="supText">':'&nbsp;<sup><a aria-label="'+o+'" href="http://approjects.co.za/?big=javascript:void(0);" class="c-hyperlink supBLink"><span class="supText">')).replace("</sup>","</span></a></sup>"))}return a}function ue(e,t,a){const o={};return e.forEach((e=>{const r=e.checkedKey;let i="",s=e.checked;if(t&&t[0]&&t[0].localespecificfields&&t[0].localespecificfields.LocFeatures){const e=t[0].localespecificfields.LocFeatures.split("|");switch(r){case ae.Te.RemoteWork:i=pe(e[0]);break;case ae.Te.MMD:i=pe(e[1]);break;case ae.Te.FaceLogin:i=pe(e[2]);break;case ae.Te.FingerprintLogin:i=pe(e[3]);break;case ae.Te.Connectivity:i=pe(e[4]);break;case ae.Te.SecuredcorePC:i=pe(e[5]);break;case ae.Te.TouchScreen:i=pe(e[6]);break;case ae.Te.WindowsInk:i=pe(e[7]);break;case ae.Te.SIM:i=pe(e[8]);break;case ae.Te.PSP:i=pe(e[9]);break;case ae.Te.Sustainability:i=pe(e[10]);break;case ae.Te.Copilotkey:i=e[11]?pe(e[11]):r;break;default:i=r}}if(a&&a.feature){const e={Connectivity:["connectivity","4g5glte"],Copilotkey:["copilotkey","copilot"],MMD:["mmd","microsoftmanageddesktop"],PSP:["psp","plutonsecurityprocessor"],RemoteWork:["remotework"],SecuredcorePC:["securedcorepc"],SIM:["sim","simsupport"],TouchScreen:["touchscreen"],Sustainability:["sustainability"],FaceLogin:["facelogin","hellofacial"],FingerprintLogin:["fingerprintlogin","hellofingerprint"],WindowsInk:["windowsink","ink"]};for(const t of Object.keys(e))if(e[t].some((e=>a.feature.includes(e)))&&r===ae.Te[t]){s=!0;break}}o[r]={processedName:i,isChecked:s}})),Object.entries(o).map((([e,t])=>({checkedKey:t.processedName||"",checkedValue:e,checked:t.isChecked}))).sort(((e,t)=>"Copilotkey"===e.checkedValue?-1:"Copilotkey"===t.checkedValue?1:e.checkedKey.localeCompare(t.checkedKey)))}function ge(e,t,a){const o=t[0]?.localespecificlocale?.toLowerCase(),r=t[0]?.localespecificfields.CurrencySymbol,i=t[0]?.localespecificfields.PriceBeforefilterText,s=e.map((e=>parseFloat(e.checkedKey))).sort(((e,t)=>e-t)),n=s[0],l=s[s?.length-1],c=(l-n)/5,d=e=>100*Math.round(e/100),h=[];let p=n;for(let e=0;e<5;e++){const t=4===e?l+1:p+c;let a="";const s=d(p),n=d(p+c)-1;oe.prefixLocales.includes(o)?0===e?(a=`${i} ${r}${n}`,p--):a=4===e?`${r}${s}+`:`${r}${s} - ${r}${n}`:oe.suffixLocales.includes(o)&&(0===e?(a=`${i} ${n}${r}`,p--):a=4===e?`${s}${r}+`:`${s}${r} - ${n}${r}`),h.push({checkedKey:a,orderValue:e}),p=t}const u=e.map((e=>{const t=parseFloat(e.checkedKey);let a=0;for(let e=0;e<5;e++)if(t<=n+c*(e+1)){a=e;break}return{value:t,category:a}})),g=[...new Set(u.map((e=>e.category)))],m=a?.price||[];return g.map((e=>{const t=h[e],a=m.some((e=>e===t.checkedKey));return{checkedKey:t.checkedKey,checkedValue:t.checkedKey,checked:a,orderValue:t.orderValue}})).sort(((e,t)=>e.orderValue-t.orderValue))}function me(e,t,a){const o=[];e.forEach((e=>{let r=e.checkedKey;const i=e.checkedKey;let s=e.checked;if(t&&t[0]&&t[0].localespecificfields)switch(r){case ae.XN.AMD:r=t[0].localespecificfields.AMD||r;break;case ae.XN.Intel:r=t[0].localespecificfields.Intel||r;break;case ae.XN.MicrosoftSQ2:r=t[0].localespecificfields.MicrosoftSQ2||r;break;case ae.XN.MicrosoftSQ3:r=t[0].localespecificfields.MicrosoftSQ3||r;break;case ae.XN.Qualcomm:r=t[0].localespecificfields.Qualcomm||r}a&&a.processor&&(a.processor.includes("amd")&&i===ae.XN.AMD||a.processor.includes("intel")&&i===ae.XN.Intel||(a.processor.includes("microsoftsq2")||a.processor.includes("sq2"))&&i===ae.XN.MicrosoftSQ2||(a.processor.includes("microsoftsq3")||a.processor.includes("sq3"))&&i===ae.XN.MicrosoftSQ3||a.processor.includes("qualcomm")&&i===ae.XN.Qualcomm)&&(s=!0),o.push({processedName:r,unProcessedName:i,isChecked:s})}));return o.sort(((e,t)=>(e.processedName||"").localeCompare(t.processedName||""))).map((e=>({checkedKey:e.processedName,checkedValue:e.unProcessedName,checked:e.isChecked})))}function be(e,t,a){const o=e.map((e=>({value:parseFloat(e.checkedKey.match(/[\d.]+/)[0]),checked:e.checked}))).sort(((e,t)=>e.value-t.value)),r=[];o.forEach((e=>{switch(!0){case e.value<=13.9:r.push({range:t[0]?.localespecificfields.LocDisplaysize.split("|")[0],rangeValue:oe.screenSizeRangeUptoValue});break;case e.value>13.9&&e.value<=16:r.push({range:t[0]?.localespecificfields.LocDisplaysize.split("|")[1],rangeValue:oe.screenSizeRangeBetweenValue});break;default:r.push({range:t[0]?.localespecificfields.LocDisplaysize.split("|")[2]+"+",rangeValue:oe.screenSizeRangeAboveValue})}}));return Array.from(new Set(r.map((e=>e.range)))).map((e=>r.find((t=>t.range===e)))).map((e=>{let t=!1;return a?.screensize&&(a.screensize.includes(oe.screenSizeRangeUptoValue)&&e?.rangeValue===oe.screenSizeRangeUptoValue||a.screensize.includes(oe.screenSizeRangeBetweenValue)&&e?.rangeValue===oe.screenSizeRangeBetweenValue||a.screensize.includes(oe.screenSizeRangeAboveValue)&&e?.rangeValue===oe.screenSizeRangeAboveValue)&&(t=!0),{checkedKey:e?.range,checkedValue:e?.rangeValue,checked:t}}))}function fe(e,t,a){const o=e.map((e=>{const a=e.checkedKey.split(": ")[1],o=t[0]?.localespecificfields?.TB;return{value:a?.includes(o)?1024*parseInt(a?.toLowerCase().match(/\d+/)):parseInt(a?.toLowerCase().match(/\d+/)),checked:e.checked}})).sort(((e,t)=>e.value-t.value)),r=[];o.forEach((e=>{switch(!0){case e.value<=8:r.push({range:t[0]?.localespecificfields.LocMemorysize.split("|")[0]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.memoryRangeUptoValue});break;case 16===e.value:r.push({range:t[0]?.localespecificfields.LocMemorysize.split("|")[1]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.memoryRange16Value});break;case 32===e.value:r.push({range:t[0]?.localespecificfields.LocMemorysize.split("|")[2]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.memoryRange32Value});break;case e.value>=64:r.push({range:t[0]?.localespecificfields.LocMemorysize.split("|")[3]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.memoryRangeAboveValue})}}));return Array.from(new Set(r.map((e=>e.range)))).map((e=>r.find((t=>t.range===e)))).map((e=>{let t=!1;return a?.memory&&((a.memory.includes(oe.memoryRangeUpto8Value)||a.memory.includes(oe.memoryRangeUptoValue))&&e?.rangeValue===oe.memoryRangeUptoValue||a.memory.includes(oe.memoryRange16Value)&&e?.rangeValue===oe.memoryRange16Value||a.memory.includes(oe.memoryRange32Value)&&e?.rangeValue===oe.memoryRange32Value||(a.memory.includes("64+")||a.memory.includes(oe.memoryRangeAboveValue))&&e?.rangeValue===oe.memoryRangeAboveValue)&&(t=!0),{checkedKey:e?.range??"",checkedValue:e?.rangeValue??"",checked:t}}))}function ve(e,t,a){const o=e.map((e=>{const a=e.checkedKey.split(": ")[1],o=t[0]?.localespecificfields?.TB;return{value:a?.includes(o)?1024*parseInt(a?.toLowerCase().match(/\d+/)):parseInt(a?.toLowerCase().match(/\d+/)),checked:e.checked}})).sort(((e,t)=>e.value-t.value)),r=[];o.forEach((e=>{switch(!0){case e.value<=128:r.push({range:t[0]?.localespecificfields.LocStorage.split("|")[0]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.storageRangeUptoValue});break;case e.value>=256&&e.value<=512:r.push({range:t[0]?.localespecificfields.LocStorage.split("|")[1]+" "+t[0]?.localespecificfields.GB,rangeValue:oe.storageRangeBetweenValue});break;case e.value>=1024:r.push({range:t[0]?.localespecificfields.LocStorage.split("|")[2]+" "+t[0]?.localespecificfields.TB+"+",rangeValue:oe.storageRangeAboveValue})}}));return Array.from(new Set(r.map((e=>e.range)))).map((e=>r.find((t=>t.range===e)))).map((e=>{let t=!1;return a?.storage&&e&&(a.storage.includes(oe.storageRangeUpto128Value)&&e.rangeValue===oe.storageRangeUptoValue||a.storage.includes(oe.storageRangeBetween256and512Value)&&e.rangeValue===oe.storageRangeBetweenValue||(a.storage.includes(oe.storageRangeOnePlusValue)||a.storage.includes(oe.storageRangeAboveValue))&&e.rangeValue===oe.storageRangeAboveValue)&&(t=!0),{checkedKey:e?.range,checkedValue:e?.rangeValue,checked:t}}))}function ye(e,t,a){e.forEach((e=>{if(e.checkedKey.includes(": ")){const t=e.checkedKey.split(": ");t?.length>1&&(e.checkedKey=t[1].replace(/\s/g,"").toLowerCase())}}));const o=new Set;e.forEach((e=>{o.add(e.checkedKey)}));const r=Array.from(o).sort(((e,t)=>e.localeCompare(t))),i=a?.displayres||[];return r.map((t=>({checkedKey:t,checkedValue:t,checked:e.find((e=>e.checkedKey===t))?.checked||i.includes(t)})))}function Ee(e,t,a){const o=parseInt(e.toLowerCase().split("-")[1]?.trim()?.split(a)[0].trim()),r=parseInt(e.toLowerCase().split("-")[0]?.trim()),i=t.includes(oe.storageValueTB)||t.includes(oe.storageValueTo)?1024*parseInt(t?.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim()):parseInt(t?.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim());return i<=o&&i>=r}function $e(e,t,a){const o=parseInt(e.toLowerCase()?.split(a)[0].trim());return(t.includes(oe.storageValueTB)||t.includes(oe.storageValueTo)?1024*parseInt(t?.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim()):parseInt(t?.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim()))==o}function _e(e,t,a){let o=e;return oe.prefixLocales.includes(a.toLowerCase())?o=`${t}${e}`:oe.suffixLocales.includes(a.toLowerCase())&&(o=`${e} ${t}`),o}function ke(e,t){if(!e||"object"!=typeof e||"string"!=typeof t)return!1;const a={...e};return delete a.AdditionalCategories,Object.values(a).some((e=>"string"==typeof e?e===t:!!Array.isArray(e)&&e.some((e=>e===t))))}const Ce="#171717",we=t.iv`
  .filter-wrapper-top {
    padding-top: 3rem;
  }

  @media screen and (min-width: 48rem) {
    .filter-wrapper {
      position: relative;
      background-color: var(
        --ds-filter-devices-filter-pane-background-color,
        var(
          --ds-theme-background-card-normal,
          ${(0,t.$m)(Ce)}
        )
      );
    }
    .clearfix::after {
      content: '';
      clear: both;
      display: block;
    }
    .filter-wrapper {
      display: flex;
    }
    .filter-pane-container {
      width: calc(25% - 0.5rem);
      max-width: 25rem;
      max-height: 100vh;
      overflow: hidden;
      position: sticky;
      top: 0;
    }
    .filter-pane-container.isSticky {
      overflow: hidden scroll;
    }

    .filter-pane-heading {
      font-size: var(
        --ds-filter-devices-filter-pane-heading-font-size,
        var(--ds-spacing-4, ${(0,t.$m)("2.875rem")})
      );
      font-weight: 600;
      margin-bottom: 1.125rem;
    }

    .filter-pane-container cascade-filter-pane {
      width: calc(25% - 0.5rem);
      max-width: 25rem;
      padding-right: 0.625rem;
    }

    .filter-results-container {
      float: right;
      width: 75%;
      --ds-radii-pill: 0;
      padding-top: 3.75rem;
    }
  }

  .filter-pane-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
    background-color: var(
      --ds-filter-devices-filter-pane-background-color,
      var(
        --ds-theme-background-card-normal,
        ${(0,t.$m)(Ce)}
      )
    );
  }

  .filter-pane-container::-webkit-scrollbar {
    width: 0.5rem;
    background-color: var(
      --ds-filter-devices-scrollbar-background-color,
      var(
        --ds-theme-background-neutral-color,
        ${(0,t.$m)("#f5f5f5")}
      )
    );
  }

  .filter-pane-container::-webkit-scrollbar-thumb {
    border-radius: 0.625rem;
    -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
    background-color: var(
      --ds-filter-devices-scrollar-thumb-background-color,
      var(
        --ds-theme-border-neutral-pure,
        ${(0,t.$m)("#828487")}
      )
    );
  }

  div[slot='paragraphText'] a {
    color: var(
      --ds-filter-devices-paragraph-color,
      var(
        --ds-theme-foreground-accent-subtle-normal,
        ${(0,t.$m)("#0093f9")}
      )
    );
  }

  .rightControl moray-button,
  .mobile-rightControl moray-button {
      var(
        --ds-filter-devices-expand-all-border-color,
        var(
          --ds-theme-foreground-neutral-icon,
          ${(0,t.$m)("#fff")}
        )
      );
    padding: 0.625rem 1.5rem 0.4375rem 1.5rem !important;
    border-radius: 0.375rem;
    white-space: nowrap;
  }
  @media screen and (min-width:768px) and (max-width:1083px){
      .filter-pane-container{
      width: calc(33% - 0.5rem);
      }
  }
`;class Se{constructor(e,{target:t,config:a,callback:o,skipInitial:r}){this.t=new Set,this.o=!1,this.i=!1,this.h=e,null!==t&&this.t.add(t??e),this.o=r??this.o,this.callback=o,window.IntersectionObserver?(this.u=new IntersectionObserver((e=>{const t=this.i;this.i=!1,this.o&&t||(this.handleChanges(e),this.h.requestUpdate())}),a),e.addController(this)):console.warn("IntersectionController error: browser does not support IntersectionObserver.")}handleChanges(e){this.value=this.callback?.(e,this.u)}hostConnected(){for(const e of this.t)this.observe(e)}hostDisconnected(){this.disconnect()}async hostUpdated(){const e=this.u.takeRecords();e.length&&this.handleChanges(e)}observe(e){this.t.add(e),this.u.observe(e),this.i=!0}unobserve(e){this.t.delete(e),this.u.unobserve(e)}disconnect(){this.u.disconnect()}}var Ae;let xe=Ae=class extends Y.R{constructor(){super(...arguments),this.multiColumnFilterTypes=[""],this.specificationApiUrl="https://wfbpreviewcdn.azureedge.net/dmsdatahttps://www.microsoft.com/jsonFiles/EN_US/output.json",this.localeSpecificApiUrl="https://wfbpreviewcdn.azureedge.net/dmsdatahttps://www.microsoft.com/jsonFiles/EN-US/localspecificdata-aem.json",this.comparepagebaseUrl="http://approjects.co.za/?big=en-us/windows/business/compare-devices",this.primaryBadgeColor=ae.z1.Gradient,this.filterResultsComponentId="filter-results-",this.categories=[],this.cascadeWindowsFilterDevicesBackendOutputData=[],this.cascadeWindowsFilterDevicesLocaleSpecificData=[],this.isChooseOptionsButtonClicked=!1,this.checkedItems={},this.displayData={},this.categoryData={},this.isFilterPaneResults=!1,this.filterDisplayData=[],this.comparePageUrl="",this.selectedForComparison=0,this.filterResultsIsExpandedForCategory={},this.inProcess=!1,this.queryParams={},this.setFilterResults=e=>{this.checkedItems=e.detail.checkedItems,this.isFilterPaneResults=!!Object.keys(this.checkedItems).find((e=>this.checkedItems[e]&&this.checkedItems[e]?.length>0));let t=[...this.cascadeWindowsFilterDevicesBackendOutputData];this.inProcess=!0,this.shadowRoot?.querySelector(".filter-results-container")?.scrollIntoView({behavior:"smooth"}),t=function(e,t,a){const o=a[0]?.localespecificfields?.GB.toLocaleLowerCase(),r=a[0]?.localespecificfields?.TB.toLocaleLowerCase(),i=t[ae.F8.Category2];i&&i?.length>0&&(e=e.filter((e=>i.includes(e?.Category2))));const s=t[ae.F8.Category];s&&s?.length>0&&(e=e.filter((e=>s.includes(e?.Category))));const n=t[ae.F8.Brand];n&&n?.length>0&&(e=e.filter((e=>n.includes(e?.Brand))));const l=t[ae.F8.Processor];l&&l?.length>0&&(e=e.filter((e=>l.some((t=>e?.Processor?.includes(t))))));const c=t[ae.F8.Feature];c&&c?.length>0&&(e=e.filter((e=>e.Feature.some((e=>c.some((t=>t.toLowerCase()==e.toLowerCase())))))));const d=t[ae.F8.Memory];d&&d?.length>0&&d.forEach((t=>{e=e.filter((e=>t.toLowerCase().includes("-")?Ee(t,e.Specification.Memory,e.Specification.Memory.toLowerCase().includes(r)?r:o):$e(t,e.Specification.Memory,e.Specification.Memory.toLowerCase().includes(r)?r:o)))}));const h=t[ae.F8.Storage];h&&h?.length>0&&h.forEach((t=>{e=e.filter((e=>t.toLowerCase().includes("-")?Ee(t,e.Specification.Storage,e.Specification.Storage.toLowerCase().includes(r)?r:o):$e(t,e.Specification.Storage,e.Specification.Storage.toLowerCase().includes(r)?r:o)))}));const p=t[ae.F8.ScreenSize];p&&p?.length>0&&p.forEach((t=>{e=e.filter((e=>t.toLowerCase().includes("up to")?function(e,t,a){const o=parseInt(e.toLowerCase().split("up to")[1]?.trim()?.split(a)[0].trim());return parseInt(t.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim())<=o}(t,e.Specification.ScreenSize,oe.screenSizeUnits):t.toLowerCase().includes("-")?Ee(t,e.Specification.ScreenSize,oe.screenSizeUnits):t.toLowerCase().includes("+")?function(e,t,a){const o=parseInt(e.toLowerCase().split(a+"+")[0].trim());return parseInt(t?.toLowerCase().replace(/.*?(\d+.*)/,"$1")?.trim()?.split(a)[0].trim())>o}(t,e.Specification.ScreenSize,oe.screenSizeUnits):void 0))}));const u=t[ae.F8.HardCodedPrice];u&&u?.length>0&&u.forEach((t=>{e=e.filter((e=>{const a=parseInt(e.HardCodedPrice.trim().replace(/,/g,""));if(t.toLowerCase().includes("+")){const e=t?.toLowerCase().match(/\d+/);return a>(e?parseInt(e[0],10):0)}if(t.toLowerCase().includes("-")){const e=t.toLowerCase()?.split("-")[1].match(/\d+/),o=e?parseInt(e[0],10):0,r=t.toLowerCase()?.split("-")[0].match(/\d+/);return a>(r?parseInt(r[0],10):0)&&a<o}{const e=t?.toLowerCase().match(/\d+/);return a<(e?parseInt(e[0],10):0)}}))}));const g=t[ae.F8.Displayresolution];g&&g?.length>0&&g.forEach((t=>{e=e.filter((e=>{const a=t.toLowerCase();let o=e.Specification.Displayresolution.toLowerCase().match(/(\d+)\s*x\s*(\d+)/);return o=`${o[1]}x${o[2]}`,o==a}))}));const m=t[ae.F8.OS];return m&&m?.length>0&&(e=e.filter((e=>m.includes(e?.OS)))),e}(t,this.checkedItems,this.cascadeWindowsFilterDevicesLocaleSpecificData),this.filterDisplayData=re(t,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.CurrencySymbol,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificlocale,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.SecuredcorePCBadge,!1);const a=this.updateTopThreePriorityProducts(this.filterDisplayData),o=new Set(a.map((e=>e?.productId)));this.filterDisplayData.forEach((e=>{const t=e?.productId;t&&!o.has(t)&&(a.push(e),o.add(t))})),this.filterDisplayData=a;const r=this.shadowRoot?.querySelector("cascade-filter-pane");!function(e,t){if(t){const a=t.shadowRoot?.querySelectorAll("cascade-checklist");a?.forEach((t=>{const a=t.shadowRoot?.querySelectorAll('input[type="checkbox"]');a?.forEach((t=>{const a=t.getAttribute("value");if(null!==a){const o=e.some((e=>ke(e,a)||e.Processor&&e.Processor.includes(a)||e.Feature&&e.Feature.includes(a)||e.Specification&&function(e,t,a){if(e.Memory){const a=parseInt(e.Memory.match(/\d+/)[0]);if(t===oe.memoryRangeUptoValue)return a<=8;if(t===oe.memoryRangeAboveValue)return a>=64;if(t===oe.memoryRange16Value)return 16==a;if(t===oe.memoryRange32Value)return 32==a}if(e.Storage){let a=e.Storage;if(a=a.includes(oe.storageValueTB)||a.includes(oe.storageValueTo)?1024*parseInt(a.match(/\d+/)[0]):parseInt(e.Storage.match(/\d+/)[0]),t===oe.storageRangeUptoValue)return a<=128;if(t===oe.storageRangeBetweenValue)return a>=256&&a<=512;if(t===oe.storageRangeAboveValue)return a>=1024}if(e.ScreenSize){const a=parseFloat(e.ScreenSize.match(/\d+\.?\d*/)[0]);if(t===oe.screenSizeRangeUptoValue)return a<=13.9;if(t===oe.screenSizeRangeBetweenValue)return a>=14&&a<=16;if(t===oe.screenSizeRangeAboveValue)return a>=17}if(a&&oe.currencySymbolsRegularExpression.test(t)){const e=parseFloat(a.replace(/[^0-9.]/g,""));if(t.includes("-")){const[a,o]=t.split("-").map((e=>parseFloat(e.replace(/[^0-9.]/g,""))));return e>=a&&e<=o}return t.includes("+")?e>=parseFloat(t.replace(/[^0-9.]/g,"")):e<=parseFloat(t.replace(/[^0-9.]/g,""))}if(e.Displayresolution){const a=e.Displayresolution.match(/\d+/g);if(a&&2===a?.length)return t===a.join("x")}return ke(e,t)}(e.Specification,a,e.HardCodedPrice)));o?t.removeAttribute("disabled"):t.setAttribute("disabled","true")}}))}))}}(t,r);const i=new CustomEvent("DispatchSkuDetails",{detail:{skuDetails:[],componentId:this.filterResultsComponentId}});window.dispatchEvent(i),this.inProcess=!1},this.comparePaneTrigger=e=>{const t=e?.detail?.checkedKey;this.inProcess=!0,e?.detail?.checked?this.updateDisplayCardWithChecked(t,!0):e?.detail?.checked||this.updateDisplayCardWithChecked(t,!1);const a=this.generateSKUDetails(),o=new CustomEvent("DispatchSkuDetails",{detail:{skuDetails:a,componentId:this.filterResultsComponentId},bubbles:!0,composed:!0});window.dispatchEvent(o),this.compareSelection(a),this.inProcess=!1},this.comparePaneListener=e=>{const t=e?.detail;if(this.inProcess=!0,t.componentId===this.filterResultsComponentId){const e=t?.skuDetails;this.selectedForComparison=e?.length,3===this.selectedForComparison?this.disableFilterResultsCompareCheckBox(!0):this.disableFilterResultsCompareCheckBox(!1),this.isFilterPaneResults?this.filterDisplayData.forEach((t=>{this.refreshComparePane(e,t)})):this.categories.forEach((t=>this.displayData[t.categoryName].forEach((t=>{this.refreshComparePane(e,t)}))));const a=new CustomEvent("DispatchCompareSelection",{detail:{componentId:this.filterResultsComponentId,compareSelection:e?.length>1},bubbles:!0,composed:!0});window.dispatchEvent(a),this.compareSelection(e)}this.inProcess=!1},this.compareSelection=e=>{const t=new URL(this.comparepagebaseUrl);e?.map((e=>{t.searchParams.append("sku",e.category+"_"+e.productId)})),this.comparePageUrl=t.toString();const a=new CustomEvent("DispatchComparePageUrl",{detail:{comparePageUrl:this.comparePageUrl}});window.dispatchEvent(a)},this.setDisplayCardData=()=>{this.inProcess=!0,this.categories.map((e=>{const t=[...this.displayData[e.categoryName]];if(this.categoryData[e.categoryName]=re(this.readJsonPerCategory(e.categoryName),this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.CurrencySymbol,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificlocale,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.SecuredcorePCBadge,!1),this.filterResultsIsExpandedForCategory[e.categoryName]){const a=[...t.slice(0,3),...this.categoryData[e.categoryName]];this.displayData[e.categoryName]=a.reduce(((e,t)=>e.some((e=>e.productId===t.productId))?e:[...e,t]),[])}else this.displayData[e.categoryName]=[...t.slice(0,3)]})),this.inProcess=!1},this.dispatchLightBoxData=e=>{const t=e?.detail?.originalEvent;if(t&&t.currentTarget){const e=this.getProductData(t.currentTarget?.getAttribute("data-product-id")),a={detail:{lightBoxDetails:{lightBoxProductData:se(e),localeSpecificData:{lightBoxDisclaimer:this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.LightBoxDisclaimer,currencySymbol:this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.CurrencySymbol},lightBoxProductVariationIdsData:(e.VariationIds||[]).map((e=>this.getProductData(e))).filter((e=>null!==e)).map((e=>se(e))).filter((e=>null!==e)),lightBoxProductSpecificationTableHeaders:{price:this.msg("PRICE"),secured:this.msg("SECURED"),ram:this.msg("RAM"),gpu:this.msg("GPU"),cpu:this.msg("CPU"),storage:this.msg("STORAGE")},lightboxUniqueId:`lightbox-${e.ProductID}`}},bubbles:!0,composed:!0};window.dispatchEvent(new CustomEvent("DispatchLightBoxContent",a))}},this.getProductData=e=>[...this.cascadeWindowsFilterDevicesBackendOutputData].find((t=>t.ProductID===e)),this.toggleFilterResultsIsExpanded=e=>{this.filterResultsIsExpandedForCategory[e]=!this.filterResultsIsExpandedForCategory[e],this.setDisplayCardData()}}async connectedCallback(){super.connectedCallback(),this.loadLocaleSpecificData(),this.loadProductsData(),window.addEventListener("DispatchChooseButtonEvent",this.dispatchLightBoxData),window.addEventListener("updateCheckedItems",this.setFilterResults),window.addEventListener("checkBoxClickDispatch",this.comparePaneTrigger),window.addEventListener("DispatchSkuDetails",this.comparePaneListener),this.selectedForComparison=0,this.ensureElements().then((()=>{this.initializeIntersectionControllers()}))}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("DispatchSkuDetails",this.comparePaneListener),window.removeEventListener("checkBoxClickDispatch",this.comparePaneTrigger),window.removeEventListener("updateCheckedItems",this.setFilterResults),window.removeEventListener("DispatchChooseButtonEvent",this.dispatchLightBoxData),this.selectedForComparison=0}async ensureElements(){return this._filterPaneContainer?Promise.resolve():new Promise((e=>{const t=new MutationObserver(((t,a)=>{this._filterPaneContainer&&(a.disconnect(),e())}));this.shadowRoot&&t.observe(this.shadowRoot,{childList:!0,subtree:!0})}))}initializeIntersectionControllers(){this._stickyIntersectionController=new Se(this,{target:this._filterPaneContainer,config:{threshold:[.9]},callback:e=>e.length>0&&e[0].intersectionRatio>=.9})}updateTopThreePriorityProducts(e){const t=e.filter((e=>e?.brandName?.toLowerCase()===ae.NR.HP)),a=e.filter((e=>e?.brandName?.toLowerCase()===ae.NR.Lenovo)),o=e.filter((e=>e?.brandName?.toLowerCase()===ae.NR.Dell)),r=e.filter((e=>![ae.NR.HP.toString(),ae.NR.Lenovo.toString(),ae.NR.Dell.toString()].includes(e?.brandName?.toLowerCase()))).filter((e=>void 0!==e));return[t[0],a[0],o[0]].map((e=>e??r.shift())).filter((e=>void 0!==e))}fetchTranslations(e){const t={};if(void 0!==this.translations)for(const a of e)void 0!==this.translations[a]&&(t[a]=this.translations[a]);return t}async loadProductsData(){try{const e=this.specificationApiUrl;await n(e,{method:"GET",headers:{},body:null}).then((e=>{e&&(this.cascadeWindowsFilterDevicesBackendOutputData=e?.filter((e=>e.Sellerinfo&&e.Sellerinfo!==Ae.noSellersFound)),0===this.categories?.length&&this.inializeFilterResultsData(),this.filterResultsIsExpandedForCategory=this.categories.reduce(((e,t)=>(e[t.categoryName]=!1,e)),{}),this.categories.forEach((e=>{this.categoryData[e.categoryName]=re(this.readJsonPerCategory(e.categoryName),this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.CurrencySymbol,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificlocale,this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields?.SecuredcorePCBadge,!0);const t=ie(this.categoryData[e.categoryName]);this.displayData[e.categoryName]=this.updateTopThreePriorityProducts(t)})))})),this.validateURLQueryParams()}catch(e){s.error(`There was an error loading Products data: ${e}`)}}async loadLocaleSpecificData(){try{const e=this.localeSpecificApiUrl;this.cascadeWindowsFilterDevicesLocaleSpecificData=await n(e,{method:"GET",headers:{},body:null})}catch(e){s.error(`There was an error loading locale specific data: ${e}`)}}validateURLQueryParams(){const e=new URLSearchParams(location.search);(0===e.size||1==e.size&&"true"===e.get("Invisibiliarevelare"))&&e.set("category","copilotpcs"),e.has("col")&&"clearall"===e.get("col")||this.getCheckedItemsFromQueryParams(e)}getCheckedItemsFromQueryParams(e){const t={};e.forEach(((e,a)=>{t[a]||(t[a]=[]),t[a].push(e)})),this.queryParams=t,this.filterDisplayData=this.cascadeWindowsFilterDevicesBackendOutputData.filter((e=>Object.keys(t).every((a=>!!e[a]&&(Array.isArray(e[a])?t[a].some((t=>e[a].includes(t))):t[a].includes(e[a]))))))}readJsonPerCategory(e){return this.cascadeWindowsFilterDevicesBackendOutputData&&Array.isArray(this.cascadeWindowsFilterDevicesBackendOutputData)?this.cascadeWindowsFilterDevicesBackendOutputData.filter((t=>t?.Category?.toLowerCase()===e.toLowerCase())):[]}inializeFilterResultsData(){this.cascadeWindowsFilterDevicesBackendOutputData.map((e=>e.Category)).filter(((e,t,a)=>a.indexOf(e)===t)).forEach((e=>{this.categories.push({categoryName:e,paragraphText:"",headingText:e})}))}updateDisplayCardWithChecked(e,t){this.isFilterPaneResults?this.filterDisplayData.forEach((a=>{this.toggleFilterResultsCompareCheckBox(a,e,t)})):this.categories.forEach((a=>this.displayData[a.categoryName].forEach((a=>{this.toggleFilterResultsCompareCheckBox(a,e,t)}))))}toggleFilterResultsCompareCheckBox(e,t,a){e.productId==t&&(e.checked=a)}disableFilterResultsCompareCheckBox(e){this.isFilterPaneResults?this.filterDisplayData.forEach((t=>{this.toggleFilterResultsCompareCheckBoxDisableState(t,e)})):this.categories.forEach((t=>this.displayData[t.categoryName].forEach((t=>{this.toggleFilterResultsCompareCheckBoxDisableState(t,e)}))))}toggleFilterResultsCompareCheckBoxDisableState(e,t){e.checked||(e.checkboxDisabled=t)}generateSKUDetails(){const e=[];return this.isFilterPaneResults?this.filterDisplayData.forEach((t=>{t.checked&&e.push(this.returnSkuDetails(t))})):this.categories.forEach((t=>this.displayData[t.categoryName].forEach((t=>{t.checked&&e.push(this.returnSkuDetails(t))})))),e}returnSkuDetails(e){return{skuTitle:e.headingText,skuDepth:"true",skuImage:e.imageSmall,skuId:e.skuId,productId:e.productId,category:e.category}}refreshComparePane(e,t){t.checked=!1,e.find((e=>e.skuId===t.skuId))&&(t.checked=!0);const a=new CustomEvent("checkboxClientEvent",{detail:{componentId:t.productId,checked:t.checked,disabled:t.checkboxDisabled},bubbles:!0,composed:!0});window.dispatchEvent(a)}renderExpandCollapseForFilterResults(e){return t.dy`<moray-button
      appearance="action-trigger"
      @click=${()=>this.toggleFilterResultsIsExpanded(e)}
      data-bi-cN=${this.msg("HIDE"),this.msg("SHOW_ALL")}
      data-bi-ecn="Show and Hide All"
      data-bi-cT="Button"
    >
      ${this.filterResultsIsExpandedForCategory[e]?this.msg("HIDE"):this.msg("SHOW_ALL")}
      ${this.filterResultsIsExpandedForCategory[e]?t.dy` <moray-icon
            icon="Subtract-circle"
            aria-label=${this.msg("HIDE")}
            class="light-box-more-options-icon"
          ></moray-icon>`:t.dy` <moray-icon
            icon="Add-circle"
            aria-label=${this.msg("SHOW_ALL")}
            class="light-box-more-options-icon"
          >
          </moray-icon>`}
    </moray-button>`}createFilterPaneData(e,t,a,o){const r=this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields,i=JSON.stringify(r[a])?.replace(/"/g,"");return{filterTypeName:i,filterType:e,filterGroup:t,filterValues:ne(this.cascadeWindowsFilterDevicesBackendOutputData,e,this.queryParams,this.cascadeWindowsFilterDevicesLocaleSpecificData),filterLimit:o}}render(){const e=this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields;if(!e)return t.dy``;const a=this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields.LocFeatures?.split("|")?.length??0,o=this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificlocale.toLocaleLowerCase(),r=[...Ae.copilotNotAvailableLocales.includes(o)?[]:[this.createFilterPaneData("Category2","Category2","CategoryHeading",1)],this.createFilterPaneData("Category","DeviceType","FormFactorHeading",1),this.createFilterPaneData("OS","OS","OSHeading",1),this.createFilterPaneData("Brand","Brand","brandsHeading",1),this.createFilterPaneData("Feature","feature","FeaturesHeading",a),this.createFilterPaneData("HardCodedPrice","price","PriceHeading",1),this.createFilterPaneData("Processor","processor","ProcessorHeading",1),this.createFilterPaneData("ScreenSize","ScreenSize","ScreenSizeHeading",1),this.createFilterPaneData("Memory","Memory","MemoryHeading",1),this.createFilterPaneData("Storage","Storage","StorageHeading",1),this.createFilterPaneData("Displayresolution","Displayresolution","DisplayResolutionHeading",1)],i=e.PriceSuperScriptKey,s=JSON.stringify(this.cascadeWindowsFilterDevicesLocaleSpecificData[0]?.localespecificfields.brandsHeading)?.replace(/"/g,"");return s&&(this.multiColumnFilterTypes.length=0,this.multiColumnFilterTypes.push(s)),t.dy`
    <div class="filter-wrapper-top"></div>

    <div class="filter-wrapper clearfix">
          <div
            class="filter-pane-container ${this._stickyIntersectionController?.value?"isSticky":""}"
          >
            <cascade-filter-pane
              translations=${JSON.stringify(this.fetchTranslations(Ae.filterPaneDict))}
              filter-pane-data="${JSON.stringify(r)}"
              theme="theme-night"
              .multiColumnFilterTypes=${this.multiColumnFilterTypes}
            >
              <span slot="heading"><h2 class="filter-pane-heading">${this.msg("FILTER_BY")}</h2></span>
              <span slot="clear">${this.msg("CLEAR_ALL")}</span>
            </cascade-filter-pane>
          </div>
          ${this.inProcess?t.Ld:t.dy`<div class="filter-results-container">
                  <div class="interactive-badges-container">
                    <cascade-interactive-badges
                      translations=${JSON.stringify(this.fetchTranslations(["REMOVE"]))}
                      button-appearance=${"action-trigger"}
                      icon-appearance=${"dismiss"}
                      ?enable-clear-badge=${!1}
                    >
                      <span slot="interaction-badge-text"
                        >${this.msg("YOUR_SELECTIONS")}</span
                      >
                      <span slot="interaction-clear-badge-text"
                        >${this.msg("CLEAR_ALL")}</span
                      >
                    </cascade-interactive-badges>
                  </div>
                  ${this.isFilterPaneResults?t.dy` <cascade-filter-results
                        id="filter-results"
                        translations=${JSON.stringify(this.fetchTranslations(Ae.filterResultsDict))}
                        .displayCardData=${this.filterDisplayData}
                        .priceSuperScript=${i}
                        compare-page-url=${this.comparePageUrl}
                        component-id="${this.filterResultsComponentId}"
                        primary-badge-color=${this.primaryBadgeColor}
                        enable-compare-feature
                      >
                        <div slot="result-count" aria-live="polite">
                          ${this.filterDisplayData?.length}
                          ${this.msg("RESULTS")}
                        </div>
                        <span slot="heading">${this.msg("RESULTS")}</span>
                        <span slot="rightControl"> </span>
                        <div slot="paragraphText"></div>
                        <span slot="interactions">
                          <cascade-lightbox-container
                            translations=${JSON.stringify(this.fetchTranslations(Ae.lightboxContainerDict))}
                            id="choose-options-popup"
                          ></cascade-lightbox-container>
                        </span>
                      </cascade-filter-results>`:t.dy`${this.categories?.map((e=>t.dy`
                          <cascade-filter-results
                            id="filter-results-${e.categoryName}"
                            translations=${JSON.stringify(this.fetchTranslations(Ae.filterResultsDict))}
                            .displayCardData=${this.displayData[e.categoryName]}
                            .priceSuperScript=${i}
                            compare-page-url=${this.comparePageUrl}
                            enable-compare-feature
                            component-id="${this.filterResultsComponentId+e.categoryName}"
                            primary-badge-color=${this.primaryBadgeColor}
                          >
                            <span slot="heading">${e.headingText}</span>
                            <span slot="result-text">
                              (${this.msg("SHOWING_DEVICES",{0:this.displayData[e.categoryName]?.length,1:this.categoryData[e.categoryName]?.length})})
                            </span>
                            <span class="rightControl" slot="rightControl">
                              ${this.categoryData&&this.categoryData[e.categoryName]?.length>3?this.renderExpandCollapseForFilterResults(e.categoryName):t.Ld}
                            </span>
                            <div slot="paragraphText">
                              <span>${(0,q.A)(e.paragraphText)}</span>
                            </div>
                            <span slot="interactions">
                              <cascade-lightbox-container
                                translations=${JSON.stringify(this.fetchTranslations(Ae.lightboxContainerDict))}
                                id="choose-options-popup"
                              ></cascade-lightbox-container>
                            </span>
                            <span
                              class="mobile-rightControl"
                              slot="mobile-rightControl"
                            >
                              ${this.categoryData&&this.categoryData[e.categoryName]?.length>3?this.renderExpandCollapseForFilterResults(e.categoryName):t.Ld}
                            </span>
                          </cascade-filter-results>
                        `))}`}
                  <cascade-compare-pane
                    translations=${JSON.stringify(this.fetchTranslations(Ae.comparePaneDict))}
                    component-id="${this.filterResultsComponentId}"
                  >
                  </cascade-compare-pane>
                </div>`}
        </div>
      </div>
      </div>
          <div class="filter-wrapper-bottom"></div>

    `}};xe.styles=[we],xe.noSellersFound="No sellers found",xe.dict={PRODUCT_COMPARISONS:"Product comparisons",PRODUCT_CARD_ITEM:"Product Card Item {0}",HIDE_OPTIONS:"Hide options and Collapse display",CLEAR_ALL:"Clear All",COMPARE_NOW_OR_SELECT:"Compare now or select one more device to compare.",COLLAPSE_ALL:"Collapse All",FILTER_BY_NAME:"Filter By {0}",LOGO:"Logo",SECURED_CORE_AVAILABLE:"Secured-core Available",CPU:"CPU",SHOW_ALL_OPTIONS:"Show all available options and Expand display",SPECIFICATION_TOGGLE_SWITCH:"Specification Toggle Switch",SUPPORTED_WINDOWS_FEATURES:"Supported Windows features",GPU:"GPU",BRANDS:"Brands",PRICE_ID:"Price {0}",BUY_DEVICE:"Buy {0} at {1}",FILTER_TYPE_NAME:"Filter Type {0}",FEATURE_TOGGLE_SWITCH:"Feature Toggle Switch",REMOVE_DEVICE:"Remove {0}",SHOWING_DEVICES:"Showing {0} of {1} devices",FEATURE_LABEL:"Feature Label {0}",SECURED:"Secured-core Available",STORAGE:"Storage",PRICE:"Price",TECHNICAL_SPECIFICATIONS:"Technical Specifications",PROCESSOR:"Processor",CONFIGURATION:"Configuration",CLOSE_BUTTON:"Close button",PRODUCT_IMAGE:"Product image",LIGHTBOX_DISCLAIMER:"Lightbox Disclaimer",LEARN_MORE:"Learn more",PRODUCT_CARD_IMAGE:"Product Card Image of {0}",SELECT_TO_TOGGLE_HIGHLIGHTING:"Select to toggle on/off highlighting differences for the features and specifications of the PCs you are comparing",COMPARE:"Compare",CHOOSE_OPTIONS:"Choose options",SHOW_ALL:"Show All",SELECT_DEVICE_CONFIGURATION:"Select this devices with {0}",LESS:"LESS",SELECT_CONFIGURATION:"Select a Configuration",DISPLAY_RESOLUTION:"Display Resolution",DISCLAIMER_LINK:"Click here to learn more about disclaimers associated with devices specs and pricing",DEVICE_TITLE_ID:"Device Title {0}",HIGHLIGHT_DIFFERENCES_ONLY:"Highlight differences only",PRICE_POP_OVER_ID:"Price Pop Over {0}",POPOVER_IMAGE_LABEL:"PopoverImageLabel",CATEGORY_HEADING:"Category Heading for {0}",FORM_FACTOR:"Form Factor",SEE_MORE_CONFIGURATIONS:"See more configurations",POPOVER:"PopOver {0}",SHOWING_DEVICE:"Showing {0} devices",DEVICE_NAME:"Device Name",FILTER_RESULTS_COUNT:"Filter Results Count for {0}",SELECTED_DEVICES_COUNT:"{0} out of 3 devices selected for comparison",YOUR_SELECTIONS:"Your Selections",CHOOSE_OPTIONS_FOR_PRODUCT:"Choose Options for the {0}",SEE_LESS_CONFIGURATIONS:"See less configurations",OFF:"off",MORE_OPTIONS:"MORE OPTIONS",COLLAPSE_ALL_OPTIONS:"Collapse all options in filter",MEMORY:"Memory",CLEAR_ALL_BUTTON:"Clear All Button",POPOVER_ICON:"PopOver Icon {0}",RETAILER_ICON:"retailer icon",CLEAR_SELECTIONS:"Clear Selections",REMOVE:"Remove",SELECT_ONE_MORE_DEVICE:"Select at least one more device to compare.",SECONDARY_BADGE_ID:"Secondary Badge {0}",STARTING_AT:"Starting at {0}",ON:"on",RESULTS:"Results",COMPARE_ARIA_LABEL:"Select {0} for comparison",HIDE:"Hide",OS:"OS (Operating Software)",RETAILER_INFORMATION:"Retailer Information for {0}",SELECT:"Select",SPECIFICATION_LABEL:"Specifications Label {0}",COMPARE_NOW:"Compare now",FEATURES:"Features",PRIMARY_BADGE_ID:"Primary Badge {0}",FILTER_BY:"Filter By",SECURED_CORE_POPOVER:"Secured-core PCs require specific configuration to fully enable the highest level of protection against attacks. Available for purchase through your OEM representative.",COMPARE_SELECTIONS:"COMPARE SELECTIONS",LEARN_MORE_FOR_PRODUCT:"Learn more for the {0}",PRODUCT_SPECIFICATION:"Product Specifications",DOESNT_SHOW_DIFFERENCES:"Doesn’t show differences",EXPAND_ALL:"Expand All",PRIMARY_BADGE_POPOVER:"When you turn it on, this PC will be running Windows 11. Certain features require specific hardware.",APPLY:"Apply",PRICE_POPOVER:"All specifications are subject to change without notice. Please check with each reseller for exact offers. Products may not be available in all markets. Displayed prices are offered by stated resellers and are subject to change. Prices are not offered by Microsoft unless stated.",CLEAR_ALL_SELECTED_OPTIONS:"Clear all selected options from filter",EXPAND_ALL_OPTIONS:"Expand all filter options",RAM:"RAM"},xe.filterPaneDict=["COMPARE","CLEAR_ALL","CLOSE_BUTTON","EXPAND_ALL","COLLAPSE_ALL","FILTER_BY","CLEAR_ALL_BUTTON","FILTER_TYPE_NAME","FILTER_BY_NAME"],xe.filterResultsDict=["CHOOSE_OPTIONS","COMPARE","COMPARE_ARIA_LABEL","COMPARE_SELECTIONS","LEARN_MORE","STARTING_AT","CATEGORY_HEADING","FILTER_RESULTS_COUNT","PRODUCT_CARD_ITEM","CHOOSE_OPTIONS_FOR_PRODUCT","LEARN_MORE_FOR_PRODUCT","PRIMARY_BADGE_ID","DEVICE_TITLE_ID","SECONDARY_BADGE_ID","PRICE_ID"],xe.lightboxContainerDict=["MORE_OPTIONS","LESS","LEARN_MORE","SELECT","RETAILER_ICON","SELECT_CONFIGURATION","CONFIGURATION","PRODUCT_SPECIFICATION","RETAILER_INFORMATION","DEVICE_NAME","PRODUCT_IMAGE","LIGHTBOX_DISCLAIMER"],xe.comparePaneDict=["COMPARE","CLEAR_SELECTIONS","SELECTED_DEVICES_COUNT","SELECT_ONE_MORE_DEVICE","COMPARE_NOW_OR_SELECT","COMPARE_NOW","CLOSE_BUTTON"],xe.copilotNotAvailableLocales=["ja-jp"],(0,e.gn)([(0,r.Cb)({attribute:"specification-api-url"})],xe.prototype,"specificationApiUrl",void 0),(0,e.gn)([(0,r.Cb)({attribute:"locale-specific-api-url"})],xe.prototype,"localeSpecificApiUrl",void 0),(0,e.gn)([(0,r.Cb)({attribute:"compare-page-base-url"})],xe.prototype,"comparepagebaseUrl",void 0),(0,e.gn)([(0,r.Cb)({attribute:"primary-badge-color"})],xe.prototype,"primaryBadgeColor",void 0),(0,e.gn)([(0,r.Cb)({attribute:"categories",type:Array})],xe.prototype,"categories",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"cascadeWindowsFilterDevicesBackendOutputData",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"cascadeWindowsFilterDevicesLocaleSpecificData",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"isChooseOptionsButtonClicked",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"checkedItems",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"displayData",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"categoryData",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"isFilterPaneResults",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"filterDisplayData",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"comparePageUrl",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"selectedForComparison",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"filterResultsIsExpandedForCategory",void 0),(0,e.gn)([(0,r.SB)()],xe.prototype,"inProcess",void 0),(0,e.gn)([(0,r.IO)(".filter-pane-container")],xe.prototype,"_filterPaneContainer",void 0),xe=Ae=(0,e.gn)([(0,r.Mo)("cascade-windows-filter-devices")],xe)})(),o})(),e.exports=t()}},t={};function a(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,a),i.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";a(4144)})()})();
$(document).ready(function () {
  const checkShadowDOMLoaded = function () {
    const customElement = document.querySelector(
      "cascade-windows-filter-devices"
    );

    if (customElement && customElement.shadowRoot) {
      const shadowRoot = customElement.shadowRoot;
      const filterResultsShadowElem = shadowRoot.querySelector(
        "cascade-filter-results"
      );
      const filterPaneShadowElem = shadowRoot.querySelector(
        "cascade-filter-pane"
      );
      if (filterResultsShadowElem && filterPaneShadowElem) {
        const card = filterResultsShadowElem.shadowRoot.querySelector("cascade-card-item");
        if (card) {
          changeSuperscriptToAnchor('cascade-card-item');
          hideSuperScript();
        } else {
          setTimeout(checkShadowDOMLoaded, 500);
        }
      } else {
        setTimeout(checkShadowDOMLoaded, 500);
      }
    } else {
      setTimeout(checkShadowDOMLoaded, 500);
    }
  };
  checkShadowDOMLoaded();

  window.addEventListener("checkBoxClickDispatch", () => {
    // Refresh the footnotes on click of checkbox
    setTimeout(checkShadowDOMLoaded, 500);
  });
  window.addEventListener("expandAllCollapseAll", () => {
    // Refresh the footnotes on click of Show All/Collapse All
    setTimeout(checkShadowDOMLoaded, 500);
  });

  window.addEventListener("updateCheckedItems", () => {
    // Refresh the footnotes on click of interactive badges
    setTimeout(checkShadowDOMLoaded, 500);
  });
});