platformscode-new-react 0.0.73 → 0.0.74

package/dist/index.cjs.js

@@ -3443,7 +3443,7 @@ a:focus {
   box-shadow: var(--shadow-sm);
 }
 
-.shadow-md, .dga-search-box.focus, .card.focused, .textarea.focus, .dropdown__btn.open, .input.focus {
+.shadow-md, .dga-search-box.focus, .textarea.focus, .dropdown__btn.open, .input.focus {
   box-shadow: var(--shadow-md);
 }
 
@@ -9238,10 +9238,6 @@ div.table-wrapper .azm-table tbody td {
 .card.disabled .card--stroke {
   border: 1px solid var(--border-disabled);
 }
-.card.focused {
-  border-radius: var(--radius-lg, 16px);
-  border: 2px solid var(--border-black);
-}
 
 .expand-button {
   margin-left: auto;
@@ -211290,7 +211286,7 @@ a:focus {
   box-shadow: var(--shadow-sm);
 }
 
-.shadow-md, .input.focus, .dropdown__btn.open, .textarea.focus, .card.focused, .dga-search-box.focus {
+.shadow-md, .input.focus, .dropdown__btn.open, .textarea.focus, .dga-search-box.focus {
   box-shadow: var(--shadow-md);
 }
 
@@ -240364,7 +240360,7 @@ a:focus {
     background: rgba(0, 0, 0, 0.5);
     z-index: 999;
   }
-}`,ai=ti,Po=d(class extends l{constructor(){super(),this.__registerHost(),this.onFilterChange=I(this,"onFilterChange",7),this.toggleFilterPanel=()=>{this.isFilterPanelOpen=!this.isFilterPanelOpen,this.isFilterPanelOpen||(this.tempFilters=[...this.selectedFilters])},this.toggleBlockExpansion=n=>{const o=new Set(this.expandedBlocks);o.has(n)?o.delete(n):o.add(n),this.expandedBlocks=o},this.handleFilterSelection=(n,o,t)=>{const a=this.tempFilters.findIndex(i=>i.blockId===n);if(a===-1)t&&(this.tempFilters=[...this.tempFilters,{blockId:n,items:[o]}]);else{const i=this.tempFilters[a];t?i.items=[...i.items,o]:i.items=i.items.filter(c=>c.id!==o.id),this.tempFilters=[...this.tempFilters]}},this.handleSliderChange=(n,o,t)=>{this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[n]:{min:o,max:t}})},this.handleRangeChange=(n,o,t)=>{this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[n]:{min:o,max:t}})},this.handleDateChange=(n,o,t)=>{this.dateValues=Object.assign(Object.assign({},this.dateValues),{[n]:{start:o,end:t}})},this.applyFilters=()=>{const n=[];this.tempFilters.forEach(o=>n.push(o)),Object.entries(this.sliderValues).forEach(([o,{min:t,max:a}])=>{n.push({blockId:o,items:[{id:"slider",label:`${t} - ${a}`,value:{min:t,max:a}}]})}),Object.entries(this.rangeValues).forEach(([o,{min:t,max:a}])=>{(t!==null||a!==null)&&n.push({blockId:o,items:[{id:"range",label:`${t||"Min"} - ${a||"Max"}`,value:{min:t,max:a}}]})}),Object.entries(this.dateValues).forEach(([o,{start:t,end:a}])=>{(t||a)&&n.push({blockId:o,items:[{id:"date",label:`${(t==null?void 0:t.toLocaleDateString())||"Start"} - ${(a==null?void 0:a.toLocaleDateString())||"End"}`,value:{start:t,end:a}}]})}),Object.entries(this.chipsValues).forEach(([o,t])=>{t.length>0&&n.push({blockId:o,items:t})}),this.selectedFilters=n,this.onFilterChange.emit(this.selectedFilters),this.isFilterPanelOpen=!1},this.clearFilters=()=>{this.selectedFilters=[],this.onFilterChange.emit(this.selectedFilters),this.isFilterPanelOpen=!1,this.tempFilters=[],this.sliderValues={},this.rangeValues={},this.dateValues={},this.chipsValues={},this.expandedBlocks=new Set,this.searchQuery=""},this.removeFilter=(n,o)=>{this.selectedFilters=this.selectedFilters.map(t=>t.blockId===n?Object.assign(Object.assign({},t),{items:t.items.filter(a=>a.id!==o)}):t).filter(t=>t.items.length>0),n in this.sliderValues&&delete this.sliderValues[n],n in this.rangeValues&&delete this.rangeValues[n],n in this.dateValues&&delete this.dateValues[n],n in this.chipsValues&&delete this.chipsValues[n],this.onFilterChange.emit(this.selectedFilters)},this.buttonLabel="Filter",this.filterBlocks=[],this.maxBlockHeight=200,this.isFilterPanelOpen=!1,this.selectedFilters=[],this.expandedBlocks=new Set,this.tempFilters=[],this.sliderValues={},this.rangeValues={},this.dateValues={},this.chipsValues={},this.searchQuery=""}render(){return e(A,{key:"90310db4589a1f428e9396283816a6cc7acf7fce",class:"filteration"},e("dga-button",{key:"20b93fce4f56a1141602cae8dac99a05627a2877",label:this.buttonLabel,leadIcon:!0,leadIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},leadIconType:"FilterIcon",onClick:this.toggleFilterPanel,size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"ArrowDown01Icon",variant:"primary-neutral"}),e("div",{key:"a64f9fba7fcc3df6bb734f3f3e0aa015da09904c",class:"filteration__selected-filters"},this.selectedFilters.map(n=>n.items.map(o=>e("dga-button",{key:`${n.blockId}-${o.id}`,label:o.label,onClick:()=>this.removeFilter(n.blockId,o.id),size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"MultiplicationSignIcon",variant:"primary-brand"})))),this.isFilterPanelOpen&&e("div",{key:"1742adc535a3fb803b69296dfaa8f54b20a25d63",class:{filteration__panel:!0,"filteration__panel--open":this.selectedFilters.length===0}},this.filterBlocks.map(n=>e("div",{class:"filteration__block",key:n.id},e("h3",{class:"filteration__block-title"},n.label),e("div",{class:{"filteration__block-content":!0,"filteration__block-content--checkbox":n.type==="checkbox","filteration__block-content--radio":n.type==="radio","filteration__block-content--slider":n.type==="slider","filteration__block-content--range":n.type==="range","filteration__block-content--date":n.type==="date","filteration__block-content--chips":n.type==="chips","filteration__block-content--select":n.type==="select","filteration__block-content--collapsed":n.type==="checkbox"&&this.expandedBlocks.has(n.id)}},this.renderFilterBlock(n)),e("div",{class:"filteration__block-actions"},n.type==="checkbox"&&n.options.length>5&&!this.searchQuery&&e("dga-button",{label:this.expandedBlocks.has(n.id)?"Show less":`Show ${n.options.length-3} more`,onClick:()=>this.toggleBlockExpansion(n.id),size:"md",variant:"transparent",leadIcon:!0,trailIcon:!0,trailIconType:this.expandedBlocks.has(n.id)?"ArrowUp01Icon":"ArrowDown01Icon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}})),e("div",{class:"filteration__divider"}))),e("div",{key:"13d258c8557037ebfb555322ebfaa552eeb63e90",class:"filteration__actions"},e("dga-button",{key:"c5b9e3d35041d84d99ae19cefd1d91c0116c5248",label:"Apply filters",onClick:this.applyFilters,variant:"primary-neutral",size:"lg"}),e("dga-button",{key:"8e5586840d59151dbc89ef33aa52be74eee342a7",label:"Clear filters",onClick:this.clearFilters,variant:"secondary-outline",size:"lg"}))))}renderFilterBlock(n){var o,t,a;switch(n.type){case"checkbox":const c=(this.expandedBlocks.has(n.id)?n.options:n.options.slice(0,3)).filter(g=>g.label.toLowerCase().includes(this.searchQuery.toLowerCase()));return e("div",null,e("div",{class:"filteration__search"},e("dga-text-input",{icon:{name:"Search01Icon",type:"stroke",variant:"sharp"},size:"md",placeholder:"Search",value:this.searchQuery,onInput:g=>this.searchQuery=g.target.value})),c==null?void 0:c.map(g=>e("dga-checkbox",{key:g.id,color:"neutral",label:g.label,checked:this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id)),onChange:s=>this.handleFilterSelection(n.id,g,s.target.checked)})));case"radio":return(o=n.options)===null||o===void 0?void 0:o.map(g=>e("dga-radio-button",{key:g.id,label:g.label,name:n.id,value:g.value,onChange:s=>{s.target.checked&&(this.tempFilters=this.tempFilters.filter(b=>b.blockId!==n.id),this.handleFilterSelection(n.id,g,!0))}}));case"chips":return(t=n.options)===null||t===void 0?void 0:t.map(g=>e("dga-chip",{key:g.id,label:g.label,leadIcon:!0,trailIcon:this.expandedBlocks.has(n.id)?"MultiplicationSignIcon":"PlusSignIcon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}}));case"slider":return e("dga-slider",{min:n.min||0,max:n.max||100,step:n.step||1,onChange:g=>{const{min:s,max:b}=g.detail;this.handleSliderChange(n.id,s,b)}});case"range":return e("div",{class:"filteration__range"},e("dga-text-input",{type:"number",size:"md",placeholder:"Min",onChange:g=>{var s;const b=g.target.value?Number(g.target.value):null;this.handleRangeChange(n.id,b,((s=this.rangeValues[n.id])===null||s===void 0?void 0:s.max)||null)}}),e("i",{class:"hgi-duotone hgi-solid-line-01",style:{fontSize:"20px"}}),e("dga-text-input",{type:"number",size:"md",placeholder:"Max",onChange:g=>{var s;const b=g.target.value?Number(g.target.value):null;this.handleRangeChange(n.id,((s=this.rangeValues[n.id])===null||s===void 0?void 0:s.min)||null,b)}}));case"date":return e("div",{class:"filteration__search"},e("dga-text-input",{size:"md",placeholder:"DD/MM/YY",onChange:g=>this.handleDateChange(n.id,g.detail.start,g.detail.end)}));case"select":return(a=n.options)===null||a===void 0?void 0:a.map(g=>e("div",{key:g.id,onClick:()=>this.handleFilterSelection(n.id,g,!this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id))),class:"filteration__select"},e("div",null,g.label),e("i",{class:{"hgi-stroke hgi-solid hgi-tick-02":this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id))},style:{fontSize:"20px"}})));default:return null}}static get style(){return ai}},[0,"dga-filteration",{buttonLabel:[1,"button-label"],filterBlocks:[16],maxBlockHeight:[2,"max-block-height"],isFilterPanelOpen:[32],selectedFilters:[32],expandedBlocks:[32],tempFilters:[32],sliderValues:[32],rangeValues:[32],dateValues:[32],chipsValues:[32],searchQuery:[32]}]);function Co(){if(typeof customElements>"u")return;["dga-filteration","dga-button","dga-checkbox","dga-chip","dga-helper-text","dga-icon","dga-label","dga-radio-button","dga-slider","dga-text-input"].forEach(n=>{switch(n){case"dga-filteration":customElements.get(n)||customElements.define(n,Po);break;case"dga-button":customElements.get(n)||$();break;case"dga-checkbox":customElements.get(n)||R();break;case"dga-chip":customElements.get(n)||$n();break;case"dga-helper-text":customElements.get(n)||O();break;case"dga-icon":customElements.get(n)||k();break;case"dga-label":customElements.get(n)||H();break;case"dga-radio-button":customElements.get(n)||En();break;case"dga-slider":customElements.get(n)||Tn();break;case"dga-text-input":customElements.get(n)||hn();break}})}const $o=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFilterChange=n=>{const o=n.detail;console.log("Applied Filters:",o),o.forEach(t=>{console.log("Filter:",t)})},this.filterBlocks=[{id:"status",label:"Status",type:"checkbox",options:[{id:"active",label:"Active",value:"active"},{id:"inactive",label:"Inactive",value:"inactive"},{id:"pending",label:"Pending",value:"pending"},{id:"archived",label:"Archived",value:"archived"},{id:"draft",label:"Draft",value:"draft"},{id:"published",label:"Published",value:"published"},{id:"unpublished",label:"Unpublished",value:"unpublished"},{id:"deleted",label:"Deleted",value:"deleted"},{id:"restored",label:"Restored",value:"restored"}]},{id:"select",label:"Variant",type:"select",options:[{id:"option1",label:"Option 1",value:"option1"},{id:"option2",label:"Option 2",value:"option2"},{id:"option3",label:"Option 3",value:"option3"},{id:"option4",label:"Option 4",value:"option4"}]},{id:"userType",label:"User Type",type:"radio",options:[{id:"admin",label:"Administrator",value:"admin"},{id:"editor",label:"Editor",value:"editor"},{id:"viewer",label:"Viewer",value:"viewer"},{id:"contributor",label:"Contributor",value:"contributor"}]},{id:"categories",label:"Categories",type:"chips",options:[{id:"tech",label:"Technology",value:"tech"},{id:"design",label:"Design",value:"design"},{id:"marketing",label:"Marketing",value:"marketing"},{id:"sales",label:"Sales",value:"sales"},{id:"support",label:"Support",value:"support"},{id:"hr",label:"HR",value:"hr"},{id:"finance",label:"Finance",value:"finance"}]},{id:"rating",label:"Rating",type:"slider",min:20,max:70},{id:"price",label:"Price Range",type:"range"},{id:"dateCreated",label:"Created Date",type:"date"}]}render(){return e("div",{key:"aea3cef83f90c2983166b056b1472dc68971955b",class:"filteration-usage"},e("h2",{key:"b75deed8c0d5669815c4601b9ddb43531883a343"},"Filteration Component Examples"),e("div",{key:"da02cb8cb182858b0200fed3f2ffc8cd72bf2537",class:"filteration-container",style:{margin:"20px 0"}},e("h3",{key:"02b795a23e2013d4e3f2ee9874c60015eb9e6833"},"Default Filteration"),e("dga-filteration",{key:"8ed1b84bf7ac2ac0f34ad8bc80549d49ae869f30",buttonLabel:"Filter Items",filterBlocks:this.filterBlocks,onOnFilterChange:this.handleFilterChange})))}},[0,"dga-filteration-usage",{filterBlocks:[32]}]);function ii(){if(typeof customElements>"u")return;["dga-filteration-usage","dga-button","dga-checkbox","dga-chip","dga-filteration","dga-helper-text","dga-icon","dga-label","dga-radio-button","dga-slider","dga-text-input"].forEach(n=>{switch(n){case"dga-filteration-usage":customElements.get(n)||customElements.define(n,$o);break;case"dga-button":customElements.get(n)||$();break;case"dga-checkbox":customElements.get(n)||R();break;case"dga-chip":customElements.get(n)||$n();break;case"dga-filteration":customElements.get(n)||Co();break;case"dga-helper-text":customElements.get(n)||O();break;case"dga-icon":customElements.get(n)||k();break;case"dga-label":customElements.get(n)||H();break;case"dga-radio-button":customElements.get(n)||En();break;case"dga-slider":customElements.get(n)||Tn();break;case"dga-text-input":customElements.get(n)||hn();break}})}const gi=$o,ci=ii,si=Po,hi=Co,li=`@charset "UTF-8";
+}`,ai=ti,Po=d(class extends l{constructor(){super(),this.__registerHost(),this.onFilterChange=I(this,"onFilterChange",7),this.toggleFilterPanel=()=>{this.isFilterPanelOpen=!this.isFilterPanelOpen,this.isFilterPanelOpen||(this.tempFilters=[...this.selectedFilters])},this.toggleBlockExpansion=n=>{const o=new Set(this.expandedBlocks);o.has(n)?o.delete(n):o.add(n),this.expandedBlocks=o},this.handleFilterSelection=(n,o,t)=>{const a=this.tempFilters.findIndex(i=>i.blockId===n);if(a===-1)t&&(this.tempFilters=[...this.tempFilters,{blockId:n,items:[o]}]);else{const i=this.tempFilters[a];t?i.items=[...i.items,o]:i.items=i.items.filter(c=>c.id!==o.id),this.tempFilters=[...this.tempFilters]}},this.handleSliderChange=(n,o,t)=>{this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[n]:{min:o,max:t}})},this.handleRangeChange=(n,o,t)=>{this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[n]:{min:o,max:t}})},this.handleDateChange=(n,o,t)=>{this.dateValues=Object.assign(Object.assign({},this.dateValues),{[n]:{start:o,end:t}})},this.applyFilters=()=>{const n=[];this.tempFilters.forEach(o=>n.push(o)),Object.entries(this.sliderValues).forEach(([o,{min:t,max:a}])=>{n.push({blockId:o,items:[{id:"slider",label:`${t} - ${a}`,value:{min:t,max:a}}]})}),Object.entries(this.rangeValues).forEach(([o,{min:t,max:a}])=>{(t!==null||a!==null)&&n.push({blockId:o,items:[{id:"range",label:`${t||"Min"} - ${a||"Max"}`,value:{min:t,max:a}}]})}),Object.entries(this.dateValues).forEach(([o,{start:t,end:a}])=>{(t||a)&&n.push({blockId:o,items:[{id:"date",label:`${(t==null?void 0:t.toLocaleDateString())||"Start"} - ${(a==null?void 0:a.toLocaleDateString())||"End"}`,value:{start:t,end:a}}]})}),Object.entries(this.chipsValues).forEach(([o,t])=>{t.length>0&&n.push({blockId:o,items:t})}),this.selectedFilters=n,this.onFilterChange.emit(this.selectedFilters),this.isFilterPanelOpen=!1},this.clearFilters=()=>{this.selectedFilters=[],this.onFilterChange.emit(this.selectedFilters),this.isFilterPanelOpen=!1,this.tempFilters=[],this.sliderValues={},this.rangeValues={},this.dateValues={},this.chipsValues={},this.expandedBlocks=new Set,this.searchQuery=""},this.removeFilter=(n,o)=>{this.selectedFilters=this.selectedFilters.map(t=>t.blockId===n?Object.assign(Object.assign({},t),{items:t.items.filter(a=>a.id!==o)}):t).filter(t=>t.items.length>0),n in this.sliderValues&&delete this.sliderValues[n],n in this.rangeValues&&delete this.rangeValues[n],n in this.dateValues&&delete this.dateValues[n],n in this.chipsValues&&delete this.chipsValues[n],this.onFilterChange.emit(this.selectedFilters)},this.buttonLabel="Filter",this.filterBlocks=[],this.maxBlockHeight=200,this.isFilterPanelOpen=!1,this.selectedFilters=[],this.expandedBlocks=new Set,this.tempFilters=[],this.sliderValues={},this.rangeValues={},this.dateValues={},this.chipsValues={},this.searchQuery=""}render(){return e(A,{key:"90310db4589a1f428e9396283816a6cc7acf7fce",class:"filteration"},e("dga-button",{key:"20b93fce4f56a1141602cae8dac99a05627a2877",label:this.buttonLabel,leadIcon:!0,leadIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},leadIconType:"FilterIcon",onClick:this.toggleFilterPanel,size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"ArrowDown01Icon",variant:"primary-neutral"}),e("div",{key:"a64f9fba7fcc3df6bb734f3f3e0aa015da09904c",class:"filteration__selected-filters"},this.selectedFilters.map(n=>n.items.map(o=>e("dga-button",{key:`${n.blockId}-${o.id}`,label:o.label,onClick:()=>this.removeFilter(n.blockId,o.id),size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"MultiplicationSignIcon",variant:"primary-brand"})))),this.isFilterPanelOpen&&e("div",{key:"1742adc535a3fb803b69296dfaa8f54b20a25d63",class:{filteration__panel:!0,"filteration__panel--open":this.selectedFilters.length===0}},this.filterBlocks.map(n=>e("div",{class:"filteration__block",key:n.id},e("h3",{class:"filteration__block-title"},n.label),e("div",{class:{"filteration__block-content":!0,"filteration__block-content--checkbox":n.type==="checkbox","filteration__block-content--radio":n.type==="radio","filteration__block-content--slider":n.type==="slider","filteration__block-content--range":n.type==="range","filteration__block-content--date":n.type==="date","filteration__block-content--chips":n.type==="chips","filteration__block-content--select":n.type==="select","filteration__block-content--collapsed":n.type==="checkbox"&&this.expandedBlocks.has(n.id)}},this.renderFilterBlock(n)),e("div",{class:"filteration__block-actions"},n.type==="checkbox"&&n.options.length>5&&!this.searchQuery&&e("dga-button",{label:this.expandedBlocks.has(n.id)?"Show less":`Show ${n.options.length-3} more`,onClick:()=>this.toggleBlockExpansion(n.id),size:"md",variant:"transparent",leadIcon:!0,trailIcon:!0,trailIconType:this.expandedBlocks.has(n.id)?"ArrowUp01Icon":"ArrowDown01Icon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}})),e("div",{class:"filteration__divider"}))),e("div",{key:"3e7419ccc834b93f9a514209e3bb53ee97a3579f",class:"filteration__actions"},e("dga-button",{key:"7f6022af57b245f1a14e8182584e226629eaa5a1",label:"Apply filters",onClick:this.applyFilters,variant:"primary-neutral",size:"lg"}),e("dga-button",{key:"3d35f80b14db9177d6fa5fd09b23122a7625182a",label:"Clear filters",onClick:this.clearFilters,variant:"secondary-outline",size:"lg"}))))}renderFilterBlock(n){var o,t,a;switch(n.type){case"checkbox":const c=(this.expandedBlocks.has(n.id)?n.options:n.options.slice(0,3)).filter(g=>g.label.toLowerCase().includes(this.searchQuery.toLowerCase()));return e("div",null,e("div",{class:"filteration__search"},e("dga-text-input",{icon:{name:"Search01Icon",type:"stroke",variant:"sharp"},size:"md",placeholder:"Search",value:this.searchQuery,onInput:g=>this.searchQuery=g.target.value})),c==null?void 0:c.map(g=>e("dga-checkbox",{key:g.id,color:"neutral",label:g.label,checked:this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id)),onChange:s=>this.handleFilterSelection(n.id,g,s.target.checked)})));case"radio":return(o=n.options)===null||o===void 0?void 0:o.map(g=>e("dga-radio-button",{key:g.id,label:g.label,name:n.id,value:g.value,onChange:s=>{s.target.checked&&(this.tempFilters=this.tempFilters.filter(b=>b.blockId!==n.id),this.handleFilterSelection(n.id,g,!0))}}));case"chips":return(t=n.options)===null||t===void 0?void 0:t.map(g=>e("dga-chip",{key:g.id,label:g.label,leadIcon:!0,trailIcon:this.expandedBlocks.has(n.id)?"MultiplicationSignIcon":"PlusSignIcon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}}));case"slider":return e("dga-slider",{min:n.min||0,max:n.max||100,step:n.step||1,onChange:g=>{const{min:s,max:b}=g.detail;this.handleSliderChange(n.id,s,b)}});case"range":return e("div",{class:"filteration__range"},e("dga-text-input",{type:"number",size:"md",placeholder:"Min",onChange:g=>{var s;const b=g.target.value?Number(g.target.value):null;this.handleRangeChange(n.id,b,((s=this.rangeValues[n.id])===null||s===void 0?void 0:s.max)||null)}}),e("i",{class:"hgi-duotone hgi-solid-line-01",style:{fontSize:"20px"}}),e("dga-text-input",{type:"number",size:"md",placeholder:"Max",onChange:g=>{var s;const b=g.target.value?Number(g.target.value):null;this.handleRangeChange(n.id,((s=this.rangeValues[n.id])===null||s===void 0?void 0:s.min)||null,b)}}));case"date":return e("div",{class:"filteration__search"},e("dga-text-input",{size:"md",placeholder:"DD/MM/YY",onChange:g=>this.handleDateChange(n.id,g.detail.start,g.detail.end)}));case"select":return(a=n.options)===null||a===void 0?void 0:a.map(g=>e("div",{key:g.id,onClick:()=>this.handleFilterSelection(n.id,g,!this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id))),class:"filteration__select"},e("div",null,g.label),e("i",{class:{"hgi-stroke hgi-solid hgi-tick-02":this.tempFilters.some(s=>s.blockId===n.id&&s.items.some(b=>b.id===g.id))},style:{fontSize:"20px"}})));default:return null}}static get style(){return ai}},[0,"dga-filteration",{buttonLabel:[1,"button-label"],filterBlocks:[16],maxBlockHeight:[2,"max-block-height"],isFilterPanelOpen:[32],selectedFilters:[32],expandedBlocks:[32],tempFilters:[32],sliderValues:[32],rangeValues:[32],dateValues:[32],chipsValues:[32],searchQuery:[32]}]);function Co(){if(typeof customElements>"u")return;["dga-filteration","dga-button","dga-checkbox","dga-chip","dga-helper-text","dga-icon","dga-label","dga-radio-button","dga-slider","dga-text-input"].forEach(n=>{switch(n){case"dga-filteration":customElements.get(n)||customElements.define(n,Po);break;case"dga-button":customElements.get(n)||$();break;case"dga-checkbox":customElements.get(n)||R();break;case"dga-chip":customElements.get(n)||$n();break;case"dga-helper-text":customElements.get(n)||O();break;case"dga-icon":customElements.get(n)||k();break;case"dga-label":customElements.get(n)||H();break;case"dga-radio-button":customElements.get(n)||En();break;case"dga-slider":customElements.get(n)||Tn();break;case"dga-text-input":customElements.get(n)||hn();break}})}const $o=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFilterChange=n=>{const o=n.detail;console.log("Applied Filters:",o),o.forEach(t=>{console.log("Filter:",t)})},this.filterBlocks=[{id:"status",label:"Status",type:"checkbox",options:[{id:"active",label:"Active",value:"active"},{id:"inactive",label:"Inactive",value:"inactive"},{id:"pending",label:"Pending",value:"pending"},{id:"archived",label:"Archived",value:"archived"},{id:"draft",label:"Draft",value:"draft"},{id:"published",label:"Published",value:"published"},{id:"unpublished",label:"Unpublished",value:"unpublished"},{id:"deleted",label:"Deleted",value:"deleted"},{id:"restored",label:"Restored",value:"restored"}]},{id:"select",label:"Variant",type:"select",options:[{id:"option1",label:"Option 1",value:"option1"},{id:"option2",label:"Option 2",value:"option2"},{id:"option3",label:"Option 3",value:"option3"},{id:"option4",label:"Option 4",value:"option4"}]},{id:"userType",label:"User Type",type:"radio",options:[{id:"admin",label:"Administrator",value:"admin"},{id:"editor",label:"Editor",value:"editor"},{id:"viewer",label:"Viewer",value:"viewer"},{id:"contributor",label:"Contributor",value:"contributor"}]},{id:"categories",label:"Categories",type:"chips",options:[{id:"tech",label:"Technology",value:"tech"},{id:"design",label:"Design",value:"design"},{id:"marketing",label:"Marketing",value:"marketing"},{id:"sales",label:"Sales",value:"sales"},{id:"support",label:"Support",value:"support"},{id:"hr",label:"HR",value:"hr"},{id:"finance",label:"Finance",value:"finance"}]},{id:"rating",label:"Rating",type:"slider",min:20,max:70},{id:"price",label:"Price Range",type:"range"},{id:"dateCreated",label:"Created Date",type:"date"}]}render(){return e("div",{key:"aea3cef83f90c2983166b056b1472dc68971955b",class:"filteration-usage"},e("h2",{key:"b75deed8c0d5669815c4601b9ddb43531883a343"},"Filteration Component Examples"),e("div",{key:"da02cb8cb182858b0200fed3f2ffc8cd72bf2537",class:"filteration-container",style:{margin:"20px 0"}},e("h3",{key:"02b795a23e2013d4e3f2ee9874c60015eb9e6833"},"Default Filteration"),e("dga-filteration",{key:"8ed1b84bf7ac2ac0f34ad8bc80549d49ae869f30",buttonLabel:"Filter Items",filterBlocks:this.filterBlocks,onOnFilterChange:this.handleFilterChange})))}},[0,"dga-filteration-usage",{filterBlocks:[32]}]);function ii(){if(typeof customElements>"u")return;["dga-filteration-usage","dga-button","dga-checkbox","dga-chip","dga-filteration","dga-helper-text","dga-icon","dga-label","dga-radio-button","dga-slider","dga-text-input"].forEach(n=>{switch(n){case"dga-filteration-usage":customElements.get(n)||customElements.define(n,$o);break;case"dga-button":customElements.get(n)||$();break;case"dga-checkbox":customElements.get(n)||R();break;case"dga-chip":customElements.get(n)||$n();break;case"dga-filteration":customElements.get(n)||Co();break;case"dga-helper-text":customElements.get(n)||O();break;case"dga-icon":customElements.get(n)||k();break;case"dga-label":customElements.get(n)||H();break;case"dga-radio-button":customElements.get(n)||En();break;case"dga-slider":customElements.get(n)||Tn();break;case"dga-text-input":customElements.get(n)||hn();break}})}const gi=$o,ci=ii,si=Po,hi=Co,li=`@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait

package/dist/index.js

@@ -4095,7 +4095,7 @@ a:focus {
   box-shadow: var(--shadow-sm);
 }
 
-.shadow-md, .dga-search-box.focus, .card.focused, .textarea.focus, .dropdown__btn.open, .input.focus {
+.shadow-md, .dga-search-box.focus, .textarea.focus, .dropdown__btn.open, .input.focus {
   box-shadow: var(--shadow-md);
 }
 
@@ -9890,10 +9890,6 @@ div.table-wrapper .azm-table tbody td {
 .card.disabled .card--stroke {
   border: 1px solid var(--border-disabled);
 }
-.card.focused {
-  border-radius: var(--radius-lg, 16px);
-  border: 2px solid var(--border-black);
-}
 
 .expand-button {
   margin-left: auto;
@@ -211942,7 +211938,7 @@ a:focus {
   box-shadow: var(--shadow-sm);
 }
 
-.shadow-md, .input.focus, .dropdown__btn.open, .textarea.focus, .card.focused, .dga-search-box.focus {
+.shadow-md, .input.focus, .dropdown__btn.open, .textarea.focus, .dga-search-box.focus {
   box-shadow: var(--shadow-md);
 }
 
@@ -243426,7 +243422,7 @@ a:focus {
       "filteration__block-content--chips": n.type === "chips",
       "filteration__block-content--select": n.type === "select",
       "filteration__block-content--collapsed": n.type === "checkbox" && this.expandedBlocks.has(n.id)
-    } }, this.renderFilterBlock(n)), e("div", { class: "filteration__block-actions" }, n.type === "checkbox" && n.options.length > 5 && !this.searchQuery && e("dga-button", { label: this.expandedBlocks.has(n.id) ? "Show less" : `Show ${n.options.length - 3} more`, onClick: () => this.toggleBlockExpansion(n.id), size: "md", variant: "transparent", leadIcon: !0, trailIcon: !0, trailIconType: this.expandedBlocks.has(n.id) ? "ArrowUp01Icon" : "ArrowDown01Icon", trailIconProps: { size: 16, color: "black", variant: "stroke", type: "standard" } })), e("div", { class: "filteration__divider" }))), e("div", { key: "13d258c8557037ebfb555322ebfaa552eeb63e90", class: "filteration__actions" }, e("dga-button", { key: "c5b9e3d35041d84d99ae19cefd1d91c0116c5248", label: "Apply filters", onClick: this.applyFilters, variant: "primary-neutral", size: "lg" }), e("dga-button", { key: "8e5586840d59151dbc89ef33aa52be74eee342a7", label: "Clear filters", onClick: this.clearFilters, variant: "secondary-outline", size: "lg" }))));
+    } }, this.renderFilterBlock(n)), e("div", { class: "filteration__block-actions" }, n.type === "checkbox" && n.options.length > 5 && !this.searchQuery && e("dga-button", { label: this.expandedBlocks.has(n.id) ? "Show less" : `Show ${n.options.length - 3} more`, onClick: () => this.toggleBlockExpansion(n.id), size: "md", variant: "transparent", leadIcon: !0, trailIcon: !0, trailIconType: this.expandedBlocks.has(n.id) ? "ArrowUp01Icon" : "ArrowDown01Icon", trailIconProps: { size: 16, color: "black", variant: "stroke", type: "standard" } })), e("div", { class: "filteration__divider" }))), e("div", { key: "3e7419ccc834b93f9a514209e3bb53ee97a3579f", class: "filteration__actions" }, e("dga-button", { key: "7f6022af57b245f1a14e8182584e226629eaa5a1", label: "Apply filters", onClick: this.applyFilters, variant: "primary-neutral", size: "lg" }), e("dga-button", { key: "3d35f80b14db9177d6fa5fd09b23122a7625182a", label: "Clear filters", onClick: this.clearFilters, variant: "secondary-outline", size: "lg" }))));
   }
   renderFilterBlock(n) {
     var o, t, a;