https://www.article.com/assets/FilterGroup-legacy.28298e87.js

1!function(){var e=document.createElement("style");e.innerHTML='[data-v-00140225]:root{--font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--grey-ultra-dark: #2e2e2e;--grey-dark: #626262;--grey-medium: #a7a7a7;--grey-light: #c2c2c2;--grey-ultra-light: #f2f2f2;--grey-1: #2e2e2e;--grey-2: #828282;--grey-5: #cacaca;--grey-6: #efefef;--white: #ffffff;--black: #000000;--transparent: rgba(255, 255, 255, 0);--coral-dark: #cc5046;--coral: #ff6458;--coral-light: #ffe0de;--green: #3cb064;--amber: #e6b94f;--accent-color: var(--coral);--primary-light-40: #ffa29b;--error-color: var(--coral-dark);--warning-color: var(--amber);--success-color: var(--green);--background-color: var(--grey-ultra-light);--font-color: var(--grey-1);--font-accent-color: var(--coral);--font-inverted-color: var(--white);--border-color: var(--grey-light);--link-color: inherit;--link-hover-color: var(--grey-ultra-dark);--overlay-color: rgba(255, 255, 255, .7);--shadow-color: rgba(0, 0, 0, .2);--font-size: 1rem;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-32: 2rem;--font-size-48: 3rem;--font-size-64: 4rem;--font-size-96: 6rem;--line-height: 1.3;--line-height-12: 1.3;--line-height-14: 1.3;--line-height-16: 1.3;--line-height-20: 1.3;--line-height-24: 1.3;--line-height-32: 1.1;--line-height-48: 1.1;--line-height-0: 0;--line-height-100: 1;--line-height-110: 1.1;--line-height-130: 1.3;--line-height-150: 1.5;--space-unit: .25rem;--space-0: calc(var(--space-unit) * 0);--space-1: calc(var(--space-unit) * 1);--space-2: calc(var(--space-unit) * 2);--space-3: calc(var(--space-unit) * 3);--space-4: calc(var(--space-unit) * 4);--space-5: calc(var(--space-unit) * 5);--space-6: calc(var(--space-unit) * 6);--space-7: calc(var(--space-unit) * 7);--space-8: calc(var(--space-unit) * 8);--space-9: calc(var(--space-unit) * 9);--space-10: calc(var(--space-unit) * 10);--space-12: calc(var(--space-unit) * 12);--space-16: calc(var(--space-unit) * 16);--space-20: calc(var(--space-unit) * 20);--space-24: calc(var(--space-unit) * 24);--uppercase-letter-spacing: .1em;--heading-letter-spacing: -.01em;--button-border-radius: 9999px;--container-border-radius: 8px;--circle-border-radius: 9999px;--box-shadow-blur: 4px;--box-shadow-spread: 8px;--ctf-link-decoration: underline;--ctf-link-color: var(--coral)}[data-v-00140225]:export{extraSmallBreakpoint:320px;smallBreakpoint:425px;mobileBreakpoint:768px;tabletBreakpoint:970px;desktopBreakpoint:1200px;largeBreakpoint:1400px;extraLargeBreakpoint:1600px;xxlBreakpoint:1800px}.filter-group[data-v-00140225]{border-top:1px solid var(--grey-6);margin-bottom:var(--space-2)}@media (min-width: 970px){.filter-group[data-v-00140225]{margin-right:var(--space-5)}}.filter-group .filter-group-heading[data-v-00140225]{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);padding-bottom:var(--space-2);-webkit-tap-highlight-color:rgba(255,255,255,0)}@media (max-width: 969px){.filter-group .filter-group-heading[data-v-00140225]{padding-left:var(--space-5);padding-right:var(--space-5)}}.filter-group .filter-group-heading-text[data-v-00140225]{font-family:var(--font-bold);color:var(--grey-1)}.filter-group .filter-group-options-container[data-v-00140225]{overflow:hidden}@media (max-width: 969px){.filter-group .filter-group-options-container[data-v-00140225]:not(.price-filter-content){padding:0 var(--space-5)}}.filter-group .filter-group-options[data-v-00140225]{display:flex;flex-direction:column;height:auto;transition:height .2s ease-out}.filter-group .full-width[data-v-00140225]{width:100%}.filter-group .filter-group-heading-plus[data-v-00140225],.filter-group .filter-group-heading-minus[data-v-00140225]{font-size:var(--font-size-16);line-height:var(--line-height-150);height:var(--space-6)}.filter-group .filter-group-options-collapsed[data-v-00140225]{height:0px}.filter-group .expand-options[data-v-00140225]{display:flex;align-items:center;padding-left:var(--space-3)}.filter-group .expand-options .af[data-v-00140225]{margin-right:var(--space-4);font-size:var(--font-size-12)}.filter-group .expand-options .text[data-v-00140225]{font-size:var(--font-size-14);text-decoration:underline}\n',document.head.appendChild(e);try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="577ba1bc-cbf6-4b93-86cf-557285853654",e._sentryDebugIdIdentifier="sentry-dbid-577ba1bc-cbf6-4b93-86cf-557285853654")}catch(t){}System.register(["./index-legacy.648b1167.js"],(function(e){"use strict";var t,a,o,l,i,r,n,s,c,p,d,h,u,f,g,m,v,b;return{setters:[function(e){t=e.c7,a=e.ca,o=e.cs,l=e.cx,i=e.cQ,r=e.cc,n=e.d1,s=e.cG,c=e.cZ,p=e.dH,d=e.dG,h=e.f_,u=e.fY,f=e.c9,g=e.cu,m=e.ct,v=e.cy,b=e.cb}],execute:function(){const x={props:{title:{type:String},modelValue:{type:Boolean},color:{type:String},circle:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},data(){return{active:this.modelValue}},watch:{modelValue:{handler(e){this.active=e}}},methods:{check(){this.disabled||(this.active=!this.active,this.$emit("update:modelValue",this.active))}}},y=["tabindex","aria-checked","aria-label"],k={key:0,class:"color-circle-container"},C={key:1,class:"check-circle-container"},w={class:"check-circle"},S={key:0,class:"af af-checkmark"},E={key:1,class:"af af-circle"},I={key:2,class:"check-square-container"},B={class:"check-square"},V=["checked"],_={key:3,class:"title"};var U=e("C",t(x,[["render",function(e,t,d,h,u,f){return a(),o("a",{class:s(["checkbox",{active:u.active,disabled:d.disabled}]),tabindex:d.disabled?-1:0,role:"checkbox","aria-checked":u.active,"aria-label":d.title,onClick:t[0]||(t[0]=c(((...e)=>f.check&&f.check(...e)),["prevent"])),onKeydown:[t[1]||(t[1]=p(c(((...e)=>f.check&&f.check(...e)),["prevent"]),["space"])),t[2]||(t[2]=p(c(((...e)=>f.check&&f.check(...e)),["prevent"]),["enter"]))]},[d.color?(a(),o("div",k,[l("div",{class:"color-circle",style:i({backgroundColor:"#"+d.color})},null,4)])):d.circle?(a(),o("div",C,[l("div",w,[u.active?(a(),o("i",S)):r("",!0),u.active?r("",!0):(a(),o("i",E))])])):(a(),o("div",I,[l("div",B,[l("input",{type:"checkbox",checked:u.active,tabindex:"-1"},null,8,V)])])),d.title?(a(),o("div",_,n(d.title),1)):r("",!0)],42,y)}]]));const z={components:{Checkbox:U},mixins:[d],props:{options:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>{}},title:{type:String,required:!1},allowCollapse:{type:Boolean,default:!1},defaultCollapsed:{type:Boolean,default:!0},allowExpand:{type:Boolean,default:!0},defaultExpanded:{type:Boolean,default:!1},expandCount:{type:Number,default:10},isCustom:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},showWhenOnlyOneOption:{type:Boolean,default:!1}}

1,data(){return{collapsed:(this.isCustom||!this.modelValue||!Object.values(this.modelValue).filter((e=>this.options.filter((t=>t.id===e)).length)).length)&&this.defaultCollapsed,selection:this.selectionToModel(this.modelValue),expanded:this.defaultExpanded,PRICE_TITLE:h}},computed:{optionsDisabled(){return(this.options||[]).filter((e=>e.disabled)).map((e=>e.id))},filterOptions(){return this.allowExpand&&!this.expanded&&this.options.length>this.expandCount+3?this.options.slice(0,this.expandCount):this.options},shouldShow(){let e=!1;if(this.options&&1===this.options.length){const[t]=this.options;e=Boolean(this.selection[t.id])||this.showWhenOnlyOneOption}return this.isCustom||this.options&&this.options.length>1||e},allowExpandValues(){return this.allowExpand&&this.options.length>this.expandCount+3},expandText(){return this.expanded?"Show Less":`+${this.options.length-this.expandCount} More`}},watch:{modelValue:{handler(e){this.selection=this.selectionToModel(e)}}},mounted(){this.allowCollapse&&this.$smoothReflow({el:this.$refs.filterGroupOptions}),this.title&&"product"===this.title.toLowerCase()&&this.modelValue?.length>0&&(this.collapsed=!1)},methods:{toggleCollapse(){this.allowCollapse?this.collapsed=!this.collapsed:this.collapsed=!1},selectionToModel(e){const t={};return this.options&&this.options.forEach((e=>t[e.id]=!1)),e&&e.forEach((e=>t[e]=!0)),t},modelToSelection:e=>Object.keys(e).filter((t=>e[t])).map((e=>Number.isNaN(Number(e))?e:parseInt(e,10))),filterChanged(e,t){this.selection[t]=e,this.$emit("update:modelValue",this.modelToSelection(this.selection))},optionClass:e=>`filter-${String(e.id).trim().replace(/\s+/g,"-")}`,onProductValuesExpandClick(){this.expanded=!this.expanded},formatLabelWithCount:u}},j={key:0,class:"filter-group"},O={class:"filter-group-heading-text no-transform"},T={key:0,class:"filter-group-heading-plus"},A={key:1,class:"filter-group-heading-minus"},M=["inert"],$={class:"text"};e("F",t(z,[["render",function(e,t,i,d,h,u){const x=f("Checkbox");return u.shouldShow?(a(),o("div",j,[l("a",{class:"filter-group-heading",tabindex:"0",onClick:t[0]||(t[0]=c(((...e)=>u.toggleCollapse&&u.toggleCollapse(...e)),["prevent"])),onKeyup:t[1]||(t[1]=p(((...e)=>u.toggleCollapse&&u.toggleCollapse(...e)),["enter"]))},[l("h4",O,n(i.title),1),i.allowCollapse&&h.collapsed?(a(),o("span",T,t[3]||(t[3]=[l("i",{class:"af af-plus"},null,-1)]))):r("",!0),i.allowCollapse&&!h.collapsed?(a(),o("span",A,t[4]||(t[4]=[l("i",{class:"af af-minus"},null,-1)]))):r("",!0)],32),l("div",{ref:"filterGroupOptions",class:s(["filter-group-options-container",{"full-width":i.fullWidth,"price-filter-content":i.title===h.PRICE_TITLE}])},[l("div",{class:s(["filter-group-options",{"filter-group-options-collapsed":i.allowCollapse&&h.collapsed}]),inert:i.allowCollapse&&h.collapsed?"true":null},[g(e.$slots,"filter",{},void 0,!0),g(e.$slots,"options",{},(()=>[(a(!0),o(m,null,v(u.filterOptions,(e=>(a(),b(x,{key:`filter-group-checkbox-${e.id}`,modelValue:h.selection[e.id],"onUpdate:modelValue":[t=>h.selection[e.id]=t,t=>u.filterChanged(t,e.id)],title:u.formatLabelWithCount(e.userFriendlyName||e.name,e.count),color:e.hex,disabled:!(h.selection[e.id]||!u.optionsDisabled)&&u.optionsDisabled.indexOf(e.id)>-1,class:s(u.optionClass(e))},null,8,["modelValue","onUpdate:modelValue","title","color","disabled","class"])))),128))]),!0),u.allowExpandValues?(a(),o("a",{key:0,href:"",class:"expand-options checkbox",onClick:t[2]||(t[2]=c(((...e)=>u.onProductValuesExpandClick&&u.onProductValuesExpandClick(...e)),["prevent"]))},[l("span",{class:s(["af",[h.expanded?"af-chevron-up":"af-chevron-down"]])},null,2),l("span",$,n(u.expandText),1)])):r("",!0)],10,M)],2)])):r("",!0)}],["__scopeId","data-v-00140225"]]))}}}))}();
2//# sourceMappingURL=FilterGroup-legacy.28298e87.js.map