platformscode-new-react 0.0.77 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +3 -3
- package/dist/index.js +13 -13
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -226291,7 +226291,7 @@ a:focus {
|
|
|
226291
226291
|
|
|
226292
226292
|
.apexcharts-legend-series {
|
|
226293
226293
|
gap: 8px !important;
|
|
226294
|
-
}`,rh=th;function Gr(i){return i&&typeof i=="object"&&!Array.isArray(i)}function Ai(i,n){const e=Object.assign({},i);for(const o in n)Gr(n[o])&&Gr(i[o])?e[o]=Ai(i[o],n[o]):e[o]=n[o];return e}const ah={pie:{chart:{type:"donut"},colors:["#1B8354","#079455","#B8EACB","#54C08A"],plotOptions:{pie:{startAngle:-180,endAngle:180,donut:{size:"40%"}}},stroke:{show:!1},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},donut:{chart:{type:"donut"},colors:["#1B8354","#079455","#B8EACB","#54C08A"],plotOptions:{pie:{startAngle:-180,endAngle:180,donut:{size:"40%"}}},stroke:{show:!1},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},line:{chart:{height:350,type:"line",stacked:!1,zoom:{enabled:!1},toolbar:{show:!1}},dataLabels:{enabled:!1},colors:["#1B8354","#079455","#B8EACB","#54C08A"],stroke:{width:[4,4],curve:"smooth"},plotOptions:{bar:{columnWidth:"20%"}},tooltip:{shared:!1,intersect:!0,x:{show:!1}},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"top",horizontalAlign:"right",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},bar:{chart:{type:"bar",height:350,stacked:!0,toolbar:{show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},colors:["#1B8354","#54C08A","#E5E7EB"],plotOptions:{bar:{horizontal:!1,borderRadius:10,borderRadiusApplication:"end",borderRadiusWhenStacked:"last",dataLabels:{total:{enabled:!0,style:{fontSize:"13px",fontWeight:900}}}}},markers:{size:3,shape:void 0,strokeWidth:1,onClick:void 0,offsetX:0,offsetY:0},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"top",horizontalAlign:"right",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}},fill:{opacity:1}}},Ur=(i,n,e,o,t,r,a,g,s)=>{var c;const h=ah[n||((c=i==null?void 0:i.chart)===null||c===void 0?void 0:c.type)]||{},l=Ai(h,i);l.chart=l.chart||{};const d=l.chart?Object.assign({},l.chart):{};return n&&(d.type=n),e&&(d.width=e),o&&(d.height=o),r&&(l.labels=r),a&&(l.xaxis=a),g&&(l.yaxis=g),s&&(l.colors=s),t?Object.assign(Object.assign({},l),{chart:d,series:t}):Object.assign(Object.assign({},l),{chart:d})};if(window){const i=window;i.ApexCharts=qo}const Mi=T(class extends L{constructor(){super(),this.__registerHost(),this.chartObj=null,this.type=void 0,this.width=void 0,this.height=void 0,this.options=void 0,this.series=void 0,this.labels=void 0,this.xaxis=void 0,this.yaxis=void 0,this.colors=void 0}optionsChanged(n){if(this.chartObj!==null)return this.chartObj.updateOptions(Ur(n,this.type,this.width,this.height,this.series,this.labels,this.xaxis,this.yaxis,this.colors))}seriesChanged(n){this.chartObj!==null&&this.chartObj.updateSeries(n,!0)}async updateOptions(n,e,o){return this.chartObj.updateOptions(n,e,o)}async componentDidLoad(){if(this.chartObj===null)return this.chartObj=new qo(this.chartRef,Ur(this.options,this.type,this.width,this.height,this.series,this.labels,this.xaxis,this.yaxis,this.colors)),this.chartObj.render()}disconnectedCallback(){this.chartObj!==null&&this.chartObj.destroy()}render(){return p("div",{key:"b36022073e1c2d6e93c46729f215f48b291aafc3",ref:n=>this.chartRef=n})}static get watchers(){return{options:["optionsChanged"],series:["seriesChanged"]}}static get style(){return rh}},[0,"dga-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],labels:[1040],xaxis:[1040],yaxis:[1040],colors:[1040],chartObj:[32],updateOptions:[64]},void 0,{options:["optionsChanged"],series:["seriesChanged"]}]);function ih(){if(typeof customElements>"u")return;["dga-chart"].forEach(n=>{switch(n){case"dga-chart":customElements.get(n)||customElements.define(n,Mi);break}})}const gh=Mi,sh=ih,ch=yi,lh=Pe,Ii=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.variant="success",this.size="md",this.leadIcon=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconProps=void 0,this.rounded=void 0,this.disabled=void 0,this.isSelected=!1,this.onChange=(
|
|
226294
|
+
}`,rh=th;function Gr(i){return i&&typeof i=="object"&&!Array.isArray(i)}function Ai(i,n){const e=Object.assign({},i);for(const o in n)Gr(n[o])&&Gr(i[o])?e[o]=Ai(i[o],n[o]):e[o]=n[o];return e}const ah={pie:{chart:{type:"donut"},colors:["#1B8354","#079455","#B8EACB","#54C08A"],plotOptions:{pie:{startAngle:-180,endAngle:180,donut:{size:"40%"}}},stroke:{show:!1},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},donut:{chart:{type:"donut"},colors:["#1B8354","#079455","#B8EACB","#54C08A"],plotOptions:{pie:{startAngle:-180,endAngle:180,donut:{size:"40%"}}},stroke:{show:!1},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"bottom",horizontalAlign:"center",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},line:{chart:{height:350,type:"line",stacked:!1,zoom:{enabled:!1},toolbar:{show:!1}},dataLabels:{enabled:!1},colors:["#1B8354","#079455","#B8EACB","#54C08A"],stroke:{width:[4,4],curve:"smooth"},plotOptions:{bar:{columnWidth:"20%"}},tooltip:{shared:!1,intersect:!0,x:{show:!1}},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"top",horizontalAlign:"right",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}}},bar:{chart:{type:"bar",height:350,stacked:!0,toolbar:{show:!1},zoom:{enabled:!1}},dataLabels:{enabled:!1},colors:["#1B8354","#54C08A","#E5E7EB"],plotOptions:{bar:{horizontal:!1,borderRadius:10,borderRadiusApplication:"end",borderRadiusWhenStacked:"last",dataLabels:{total:{enabled:!0,style:{fontSize:"13px",fontWeight:900}}}}},markers:{size:3,shape:void 0,strokeWidth:1,onClick:void 0,offsetX:0,offsetY:0},legend:{show:!0,showForSingleSeries:!1,showForNullSeries:!0,showForZeroSeries:!0,position:"top",horizontalAlign:"right",floating:!1,fontSize:"14px",fontFamily:"IBM Plex Sans Arabic",fontWeight:400,formatter:void 0,inverseOrder:!1,width:void 0,height:void 0,tooltipHoverFormatter:void 0,customLegendItems:[],offsetX:0,offsetY:0,labels:{colors:void 0,useSeriesColors:!1},markers:{size:3,shape:void 0,strokeWidth:1,fillColors:void 0,customHTML:void 0,onClick:void 0,offsetX:0,offsetY:0},itemMargin:{horizontal:5,vertical:0},onItemClick:{toggleDataSeries:!0},onItemHover:{highlightDataSeries:!0}},fill:{opacity:1}}},Ur=(i,n,e,o,t,r,a,g,s)=>{var c;const h=ah[n||((c=i==null?void 0:i.chart)===null||c===void 0?void 0:c.type)]||{},l=Ai(h,i);l.chart=l.chart||{};const d=l.chart?Object.assign({},l.chart):{};return n&&(d.type=n),e&&(d.width=e),o&&(d.height=o),r&&(l.labels=r),a&&(l.xaxis=a),g&&(l.yaxis=g),s&&(l.colors=s),t?Object.assign(Object.assign({},l),{chart:d,series:t}):Object.assign(Object.assign({},l),{chart:d})};if(window){const i=window;i.ApexCharts=qo}const Mi=T(class extends L{constructor(){super(),this.__registerHost(),this.chartObj=null,this.type=void 0,this.width=void 0,this.height=void 0,this.options=void 0,this.series=void 0,this.labels=void 0,this.xaxis=void 0,this.yaxis=void 0,this.colors=void 0}optionsChanged(n){if(this.chartObj!==null)return this.chartObj.updateOptions(Ur(n,this.type,this.width,this.height,this.series,this.labels,this.xaxis,this.yaxis,this.colors))}seriesChanged(n){this.chartObj!==null&&this.chartObj.updateSeries(n,!0)}async updateOptions(n,e,o){return this.chartObj.updateOptions(n,e,o)}async componentDidLoad(){if(this.chartObj===null)return this.chartObj=new qo(this.chartRef,Ur(this.options,this.type,this.width,this.height,this.series,this.labels,this.xaxis,this.yaxis,this.colors)),this.chartObj.render()}disconnectedCallback(){this.chartObj!==null&&this.chartObj.destroy()}render(){return p("div",{key:"b36022073e1c2d6e93c46729f215f48b291aafc3",ref:n=>this.chartRef=n})}static get watchers(){return{options:["optionsChanged"],series:["seriesChanged"]}}static get style(){return rh}},[0,"dga-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],labels:[1040],xaxis:[1040],yaxis:[1040],colors:[1040],chartObj:[32],updateOptions:[64]},void 0,{options:["optionsChanged"],series:["seriesChanged"]}]);function ih(){if(typeof customElements>"u")return;["dga-chart"].forEach(n=>{switch(n){case"dga-chart":customElements.get(n)||customElements.define(n,Mi);break}})}const gh=Mi,sh=ih,ch=yi,lh=Pe,Ii=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.variant="success",this.size="md",this.leadIcon=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconProps=void 0,this.rounded=void 0,this.disabled=void 0,this.isSelected=!1,this.onChange=()=>{},this.pressed=!1,this.isSelectedState=this.isSelected}renderIcon(n,e){return p("dga-icon",Object.assign({icon:n},e))}render(){return p("span",{key:"6a87b2a25e78ec6301549d578ecd737b4f2c8cd9",tabindex:"0",class:`chip chip--${this.variant} chip--${this.size} ${this.rounded?"chip--rounded":""} ${this.disabled?"disabled":""} ${this.pressed?"pressed":""}`,onMouseDown:()=>this.pressed=!0,onMouseUp:()=>this.pressed=!1,"aria-disabled":this.disabled,onClick:()=>{this.isSelected?this.isSelectedState=!1:this.isSelectedState=!0,this.onChange(this.isSelectedState)}},this.leadIcon?p("span",{class:"chip-icon"},this.renderIcon(this.leadIcon,this.leadIconProps)):"",this.label,this.trailIcon?p("span",{class:"chip-icon"},this.renderIcon(this.trailIcon,this.trailIconProps)):"",p("slot",{key:"8ef47c0f78bc94b5f540e640e95baff89bfde3f5"}))}},[4,"dga-chip",{label:[1],variant:[1],size:[1],leadIcon:[8,"lead-icon"],leadIconProps:[16],trailIcon:[8,"trail-icon"],trailIconProps:[16],rounded:[4],disabled:[4],isSelected:[4,"is-selected"],onChange:[16],pressed:[32],isSelectedState:[32]}]);function Qt(){if(typeof customElements>"u")return;["dga-chip","dga-icon"].forEach(n=>{switch(n){case"dga-chip":customElements.get(n)||customElements.define(n,Ii);break;case"dga-icon":customElements.get(n)||on();break}})}const hh=Ii,dh=Qt,ph=`@charset "UTF-8";
|
|
226295
226295
|
/*
|
|
226296
226296
|
0 - 600px: Phone
|
|
226297
226297
|
600 - 900px: Tablet portrait
|
|
@@ -248237,7 +248237,7 @@ a:focus {
|
|
|
248237
248237
|
background: rgba(0, 0, 0, 0.5);
|
|
248238
248238
|
z-index: 999;
|
|
248239
248239
|
}
|
|
248240
|
-
}`,pd=dd,hg=T(class extends L{constructor(){super(),this.__registerHost(),this.onFilterChange=Fn(this,"onFilterChange",7),this.handleInitValue=()=>{this.selectedFilters=["checkbox"in this.initvalue?{blockId:this.initvalue.checkbox.blockId,items:this.initvalue.checkbox.options}:void 0,"select"in this.initvalue?{blockId:this.initvalue.select.blockId,items:this.initvalue.select.options}:void 0,"radio"in this.initvalue?{blockId:this.initvalue.radio.blockId,items:this.initvalue.radio.options}:void 0,"slider"in this.initvalue?{blockId:this.initvalue.slider.blockId,items:[{id:this.initvalue.slider.blockId,label:`${this.initvalue.slider.options.min} - ${this.initvalue.slider.options.max}`,value:{min:this.initvalue.slider.options.min,max:this.initvalue.slider.options.max}}]}:void 0,"range"in this.initvalue?{blockId:this.initvalue.range.blockId,items:[{id:this.initvalue.range.blockId,label:`${this.initvalue.range.options.min} - ${this.initvalue.range.options.max}`,value:{min:this.initvalue.range.options.min,max:this.initvalue.range.options.max}}]}:void 0,"chips"in this.initvalue?{blockId:this.initvalue.chips.blockId,items:this.initvalue.chips.options}:void 0],"slider"in this.initvalue&&(this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[this.initvalue.slider.blockId]:{min:this.initvalue.slider.options.min,max:this.initvalue.slider.options.max}})),"range"in this.initvalue&&(this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[this.initvalue.range.blockId]:{min:this.initvalue.range.options.min.toString(),max:this.initvalue.range.options.max.toString()}})),("checkbox"in this.initvalue||"radio"in this.initvalue)&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.checkbox.blockId,items:this.initvalue.checkbox.options}]),"radio"in this.initvalue&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.radio.blockId,items:this.initvalue.radio.options}]),"select"in this.initvalue&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.select.blockId,items:this.initvalue.select.options}]),"chips"in this.initvalue&&(this.chipsValues=Object.assign(Object.assign({},this.chipsValues),{[this.initvalue.chips.blockId]:this.initvalue.chips.options}))},this.toggleFilterPanel=()=>{this.isFilterPanelOpen=!this.isFilterPanelOpen,this.isFilterPanelOpen||(this.tempFilters=[...this.selectedFilters])},this.toggleBlockExpansion=n=>{const e=new Set(this.expandedBlocks);e.has(n)?e.delete(n):e.add(n),this.expandedBlocks=e},this.handleFilterSelection=(n,e,o)=>{const t=this.tempFilters.findIndex(r=>r.blockId===n);if(t===-1)o&&(this.tempFilters=[...this.tempFilters,{blockId:n,items:[e]}]);else{const r=this.tempFilters[t];o?r.items=[...r.items,e]:r.items=r.items.filter(a=>a.id!==e.id),this.tempFilters=[...this.tempFilters]}},this.handleSliderChange=(n,e,o)=>{this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[n]:{min:e,max:o}})},this.handleRangeChange=(n,e,o)=>{this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[n]:{min:e,max:o}})},this.handleDateChange=(n,e,o)=>{this.dateValues=Object.assign(Object.assign({},this.dateValues),{[n]:{start:e,end:o}})},this.handleChipsSelection=(n,e,o)=>{const t=this.chipsValues[n]||[];let r;o?r=[...t,e]:r=t.filter(a=>a.id!==e.id),this.chipsValues=Object.assign(Object.assign({},this.chipsValues),{[n]:r})},this.applyFilters=()=>{const n=[];this.tempFilters.forEach(e=>n.push(e)),Object.entries(this.sliderValues).forEach(([e,{min:o,max:t}])=>{n.push({blockId:e,items:[{id:"slider",label:`${o} - ${t}`,value:{min:o,max:t}}]})}),Object.entries(this.rangeValues).forEach(([e,{min:o,max:t}])=>{(o!==null||t!==null)&&n.push({blockId:e,items:[{id:"range",label:`${o||"Min"} - ${t||"Max"}`,value:{min:o,max:t}}]})}),Object.entries(this.dateValues).forEach(([e,{start:o,end:t}])=>{(o||t)&&n.push({blockId:e,items:[{id:"date",label:`${(o==null?void 0:o.toLocaleDateString())||"Start"} - ${(t==null?void 0:t.toLocaleDateString())||"End"}`,value:{start:o,end:t}}]})}),Object.entries(this.chipsValues).forEach(([e,o])=>{o.length>0&&n.push({blockId:e,items:o})}),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,e,o)=>{this.selectedFilters=this.selectedFilters.map(t=>t.blockId===n?Object.assign(Object.assign({},t),{items:t.items.filter(r=>r.id!==e)}):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],this.tempFilters.map(t=>t.blockId).includes(n)&&(this.tempFilters=this.tempFilters.map(t=>{var r;return n===t.blockId?Object.assign(Object.assign({},t),{items:(r=t==null?void 0:t.items)===null||r===void 0?void 0:r.filter(a=>a.id!==e)}):t}).filter(t=>t.items.length)),n in this.chipsValues&&(this.chipsValues[n]=this.chipsValues[n].filter(t=>t.id!==e)),this.onFilterChange.emit(this.selectedFilters)},this.initvalue=void 0,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=""}componentWillLoad(){this.handleInitValue()}watchInitValue(){this.handleInitValue()}render(){return p(Yn,{key:"f72d554f912caa948e450765f3f76d9451036cf6",class:"filteration"},p("dga-button",{key:"4dafa808a220212e3d553ea0dfb881227efa9ce0",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"}),p("div",{key:"618c3532a61486a2c2daea4f92a79bce1f297f6e",class:"filteration__selected-filters"},this.selectedFilters.map(n=>n.items.map(e=>p("dga-button",{key:`${n.blockId}-${e.id}`,label:e.label,onClick:()=>this.removeFilter(n.blockId,e.id,n),size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"MultiplicationSignIcon",variant:"primary-brand"})))),this.isFilterPanelOpen&&p("div",{key:"9bf1868b29e382b9fe0f09ff18044cea0d128d02",class:{filteration__panel:!0,"filteration__panel--open":this.selectedFilters.length===0}},this.filterBlocks.map(n=>p("div",{class:"filteration__block",key:n.id},p("h3",{class:"filteration__block-title"},n.label),p("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)),p("div",{class:"filteration__block-actions"},n.type==="checkbox"&&n.options.length>5&&!this.searchQuery&&p("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"}})),p("div",{class:"filteration__divider"}))),p("div",{key:"d9ac9dd716b3052e93285f8a8dcbefd330121a8e",class:"filteration__actions"},p("dga-button",{key:"8846e67ba1c82ade8fe212432f6dfd6febf616a7",label:"Apply filters",onClick:this.applyFilters,variant:"primary-neutral",size:"lg"}),p("dga-button",{key:"7d4c598cfb8c4f2c64265efd6bb157e8b600daa1",label:"Clear filters",onClick:this.clearFilters,variant:"secondary-outline",size:"lg"}))))}renderFilterBlock(n){var e,o,t,r,a,g,s;switch(n.type){case"checkbox":const h=(this.expandedBlocks.has(n.id)?n.options:n.options.slice(0,3)).filter(l=>l.label.toLowerCase().includes(this.searchQuery.toLowerCase()));return p("div",null,p("div",{class:"filteration__search"},p("dga-text-input",{icon:{name:"Search01Icon",type:"stroke",variant:"sharp"},size:"md",placeholder:"Search",value:this.searchQuery,onInput:l=>this.searchQuery=l.target.value})),h==null?void 0:h.map(l=>{var d,b,u;const f=(u=(b=(d=this.tempFilters)===null||d===void 0?void 0:d.find(v=>v.blockId===n.id))===null||b===void 0?void 0:b.items)===null||u===void 0?void 0:u.some(v=>(v==null?void 0:v.id)==l.id);return p("div",{key:l.id,class:"checkbox_check_box_container"},p("dga-checkbox",{key:l.id,color:"neutral",label:l.label,checked:f,onChange:v=>this.handleFilterSelection(n.id,l,v.target.checked)}),l.count&&p("span",null,"(",l.count,")"))}));case"radio":return(e=n.options)===null||e===void 0?void 0:e.map(l=>{var d;return p("dga-radio-button",{key:l.id,label:l.label,name:n.id,value:l.value,onChange:b=>{b.target.checked&&(this.tempFilters=this.tempFilters.filter(u=>u.blockId!==n.id),this.handleFilterSelection(n.id,l,!0))},checked:(d=this.tempFilters.find(b=>b.blockId==n.id))===null||d===void 0?void 0:d.items.some(b=>b.value===l.value)})});case"chips":return(o=n.options)===null||o===void 0?void 0:o.map(l=>{var d,b;return p("dga-chip",{key:l.id,label:l.label,onChange:u=>{u?this.handleChipsSelection(n.id,l,!0):this.handleChipsSelection(n.id,l,!1)},isSelected:((d=this.chipsValues[n.id])===null||d===void 0?void 0:d.some(u=>u.id===l.id))||!1,leadIcon:!0,trailIcon:!((b=this.chipsValues[n.id])===null||b===void 0)&&b.some(u=>u.id===l.id)?"MultiplicationSignIcon":"PlusSignIcon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}})});case"slider":return p("dga-slider",{min:n.min||0,max:n.max||100,step:n.step||1,onChange:l=>{const{min:d,max:b}=l;this.handleSliderChange(n.id,d,b)},initialMin:((t=this.sliderValues[n.id])===null||t===void 0?void 0:t.min)||n.min||0,initialMax:((r=this.sliderValues[n.id])===null||r===void 0?void 0:r.max)||n.max||100});case"range":return p("div",{class:"filteration__range"},p("dga-text-input",{type:"number",size:"md",placeholder:"Min",value:((a=this.rangeValues[n.id])===null||a===void 0?void 0:a.min)||null,onChange:l=>{var d;const b=l.target.value?l.target.value:null;this.handleRangeChange(n.id,b,((d=this.rangeValues[n.id])===null||d===void 0?void 0:d.max.toString())||null)}}),p("i",{class:"hgi-duotone hgi-solid-line-01",style:{fontSize:"20px"}}),p("dga-text-input",{type:"number",size:"md",placeholder:"Max",value:((g=this.rangeValues[n.id])===null||g===void 0?void 0:g.max)||null,onChange:l=>{var d;const b=l.target.value?l.target.value:null;this.handleRangeChange(n.id,((d=this.rangeValues[n.id])===null||d===void 0?void 0:d.min.toString())||null,b)}}));case"date":return p("div",{class:"filteration__search"},p("dga-text-input",{size:"md",placeholder:"DD/MM/YY",onChange:l=>this.handleDateChange(n.id,l.detail.start,l.detail.end)}));case"select":return(s=n.options)===null||s===void 0?void 0:s.map(l=>p("div",{key:l.id,onClick:()=>this.handleFilterSelection(n.id,l,!this.tempFilters.some(d=>d.blockId===n.id&&d.items.some(b=>b.id===l.id))),class:"filteration__select"},p("div",null,l.label),p("i",{class:{"hgi-stroke hgi-solid hgi-tick-02":this.tempFilters.some(d=>d.blockId===n.id&&d.items.some(b=>b.id===l.id))},style:{fontSize:"20px"}})));default:return null}}static get watchers(){return{initvalue:["watchInitValue"]}}static get style(){return pd}},[0,"dga-filteration",{initvalue:[16],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]},void 0,{initvalue:["watchInitValue"]}]);function dg(){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,hg);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-chip":customElements.get(n)||Qt();break;case"dga-helper-text":customElements.get(n)||qe();break;case"dga-icon":customElements.get(n)||on();break;case"dga-label":customElements.get(n)||Be();break;case"dga-radio-button":customElements.get(n)||er();break;case"dga-slider":customElements.get(n)||or();break;case"dga-text-input":customElements.get(n)||Bo();break}})}const pg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFilterChange=n=>{const e=n.detail;console.log("Applied Filters:",e),e.forEach(o=>{console.log("Filter:",o)})},this.filterBlocks=[{id:"status",label:"Status",type:"checkbox",options:[{id:"active",label:"Active",value:"active",count:22},{id:"inactive",label:"Inactive",value:"inactive",count:22},{id:"pending",label:"Pending",value:"pending",count:22},{id:"archived",label:"Archived",value:"archived",count:22},{id:"draft",label:"Draft",value:"draft",count:22},{id:"published",label:"Published",value:"published",count:22},{id:"unpublished",label:"Unpublished",value:"unpublished",count:22},{id:"deleted",label:"Deleted",value:"deleted",count:22},{id:"restored",label:"Restored",value:"restored",count:22}]},{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"}],this.initialValue={checkbox:{blockId:"status",options:[{id:"active",label:"Active",value:"active"}]},chips:{blockId:"categories",options:[{id:"tech",label:"Technology",value:"tech"},{id:"design",label:"Design",value:"design"}]},radio:{blockId:"userType",options:[{id:"admin",label:"Administrator",value:"admin"}]},range:{blockId:"price",options:{min:10,max:20}},select:{blockId:"select",options:[{id:"option1",label:"Option 1",value:"option1"}]},slider:{blockId:"rating",options:{min:30,max:50}}}}render(){return p("div",{key:"e0a7dd78ae2c05155d345f48e6e69ecc49a2b5e9",class:"filteration-usage"},p("h2",{key:"d2d5786d632503dd331988727efc2f406c8fba56"},"Filteration Component Examples"),p("div",{key:"74512b297d663ed1581f19b507f9f8b5e65e3ad1",class:"filteration-container",style:{margin:"20px 0"}},p("h3",{key:"6eaf9802bfc6a655440db0e065b6fcb1964dd126"},"Default Filteration"),p("dga-filteration",{key:"5955c3a4b858f44f97023b3ba1fa06f892c6ca59",buttonLabel:"Filter Items",filterBlocks:this.filterBlocks,onOnFilterChange:this.handleFilterChange,initvalue:this.initialValue})))}},[0,"dga-filteration-usage",{filterBlocks:[32],initialValue:[32]}]);function bd(){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,pg);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-chip":customElements.get(n)||Qt();break;case"dga-filteration":customElements.get(n)||dg();break;case"dga-helper-text":customElements.get(n)||qe();break;case"dga-icon":customElements.get(n)||on();break;case"dga-label":customElements.get(n)||Be();break;case"dga-radio-button":customElements.get(n)||er();break;case"dga-slider":customElements.get(n)||or();break;case"dga-text-input":customElements.get(n)||Bo();break}})}const fd=pg,ud=bd,vd=hg,md=dg,kd=`@charset "UTF-8";
|
|
248240
|
+
}`,pd=dd,hg=T(class extends L{constructor(){super(),this.__registerHost(),this.onFilterChange=Fn(this,"onFilterChange",7),this.handleInitValue=()=>{this.selectedFilters=["checkbox"in this.initvalue?{blockId:this.initvalue.checkbox.blockId,items:this.initvalue.checkbox.options}:void 0,"select"in this.initvalue?{blockId:this.initvalue.select.blockId,items:this.initvalue.select.options}:void 0,"radio"in this.initvalue?{blockId:this.initvalue.radio.blockId,items:this.initvalue.radio.options}:void 0,"slider"in this.initvalue?{blockId:this.initvalue.slider.blockId,items:[{id:this.initvalue.slider.blockId,label:`${this.initvalue.slider.options.min} - ${this.initvalue.slider.options.max}`,value:{min:this.initvalue.slider.options.min,max:this.initvalue.slider.options.max}}]}:void 0,"range"in this.initvalue?{blockId:this.initvalue.range.blockId,items:[{id:this.initvalue.range.blockId,label:`${this.initvalue.range.options.min} - ${this.initvalue.range.options.max}`,value:{min:this.initvalue.range.options.min,max:this.initvalue.range.options.max}}]}:void 0,"chips"in this.initvalue?{blockId:this.initvalue.chips.blockId,items:this.initvalue.chips.options}:void 0],"slider"in this.initvalue&&(this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[this.initvalue.slider.blockId]:{min:this.initvalue.slider.options.min,max:this.initvalue.slider.options.max}})),"range"in this.initvalue&&(this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[this.initvalue.range.blockId]:{min:this.initvalue.range.options.min.toString(),max:this.initvalue.range.options.max.toString()}})),("checkbox"in this.initvalue||"radio"in this.initvalue)&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.checkbox.blockId,items:this.initvalue.checkbox.options}]),"radio"in this.initvalue&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.radio.blockId,items:this.initvalue.radio.options}]),"select"in this.initvalue&&(this.tempFilters=[...this.tempFilters,{blockId:this.initvalue.select.blockId,items:this.initvalue.select.options}]),"chips"in this.initvalue&&(this.chipsValues=Object.assign(Object.assign({},this.chipsValues),{[this.initvalue.chips.blockId]:this.initvalue.chips.options}))},this.toggleFilterPanel=()=>{this.isFilterPanelOpen=!this.isFilterPanelOpen,this.isFilterPanelOpen||(this.tempFilters=[...this.selectedFilters])},this.toggleBlockExpansion=n=>{const e=new Set(this.expandedBlocks);e.has(n)?e.delete(n):e.add(n),this.expandedBlocks=e},this.handleFilterSelection=(n,e,o)=>{const t=this.tempFilters.findIndex(r=>r.blockId===n);if(t===-1)o&&(this.tempFilters=[...this.tempFilters,{blockId:n,items:[e]}]);else{const r=this.tempFilters[t];o?r.items=[...r.items,e]:r.items=r.items.filter(a=>a.id!==e.id),this.tempFilters=[...this.tempFilters]}},this.handleSliderChange=(n,e,o)=>{this.sliderValues=Object.assign(Object.assign({},this.sliderValues),{[n]:{min:e,max:o}})},this.handleRangeChange=(n,e,o)=>{this.rangeValues=Object.assign(Object.assign({},this.rangeValues),{[n]:{min:e,max:o}})},this.handleDateChange=(n,e,o)=>{this.dateValues=Object.assign(Object.assign({},this.dateValues),{[n]:{start:e,end:o}})},this.handleChipsSelection=(n,e,o)=>{const t=this.chipsValues[n]||[];let r;o?r=[...t,e]:r=t.filter(a=>a.id!==e.id),this.chipsValues=Object.assign(Object.assign({},this.chipsValues),{[n]:r})},this.applyFilters=()=>{const n=[];this.tempFilters.forEach(e=>n.push(e)),Object.entries(this.sliderValues).forEach(([e,{min:o,max:t}])=>{n.push({blockId:e,items:[{id:"slider",label:`${o} - ${t}`,value:{min:o,max:t}}]})}),Object.entries(this.rangeValues).forEach(([e,{min:o,max:t}])=>{(o!==null||t!==null)&&n.push({blockId:e,items:[{id:"range",label:`${o||"Min"} - ${t||"Max"}`,value:{min:o,max:t}}]})}),Object.entries(this.dateValues).forEach(([e,{start:o,end:t}])=>{(o||t)&&n.push({blockId:e,items:[{id:"date",label:`${(o==null?void 0:o.toLocaleDateString())||"Start"} - ${(t==null?void 0:t.toLocaleDateString())||"End"}`,value:{start:o,end:t}}]})}),Object.entries(this.chipsValues).forEach(([e,o])=>{o.length>0&&n.push({blockId:e,items:o})}),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,e)=>{this.selectedFilters=this.selectedFilters.map(o=>o.blockId===n?Object.assign(Object.assign({},o),{items:o.items.filter(t=>t.id!==e)}):o).filter(o=>o.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],this.tempFilters.map(o=>o.blockId).includes(n)&&(this.tempFilters=this.tempFilters.map(o=>{var t;return n===o.blockId?Object.assign(Object.assign({},o),{items:(t=o==null?void 0:o.items)===null||t===void 0?void 0:t.filter(r=>r.id!==e)}):o}).filter(o=>o.items.length)),n in this.chipsValues&&(this.chipsValues[n]=this.chipsValues[n].filter(o=>o.id!==e)),this.onFilterChange.emit(this.selectedFilters)},this.initvalue=void 0,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=""}componentWillLoad(){this.handleInitValue()}watchInitValue(){this.handleInitValue()}render(){return p(Yn,{key:"d184dbdeefd334cb5e8019715d4906900623f853",class:"filteration"},p("dga-button",{key:"eda02f910d1041eb9e5e64d763471acccc64781d",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"}),p("div",{key:"4880e870a4f0ee2b816fcf5bbda7318d7357b04b",class:"filteration__selected-filters"},this.selectedFilters.map(n=>n.items.map(e=>p("dga-button",{key:`${n.blockId}-${e.id}`,label:e.label,onClick:()=>this.removeFilter(n.blockId,e.id),size:"lg",trailIcon:!0,trailIconProps:{color:"white",size:24,type:"stroke",variant:"sharp"},trailIconType:"MultiplicationSignIcon",variant:"primary-brand"})))),this.isFilterPanelOpen&&p("div",{key:"9790fd343222aceb6311c5817bd7b2b4c9085456",class:{filteration__panel:!0,"filteration__panel--open":this.selectedFilters.length===0}},this.filterBlocks.map(n=>p("div",{class:"filteration__block",key:n.id},p("h3",{class:"filteration__block-title"},n.label),p("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)),p("div",{class:"filteration__block-actions"},n.type==="checkbox"&&n.options.length>5&&!this.searchQuery&&p("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"}})),p("div",{class:"filteration__divider"}))),p("div",{key:"a852b203682ab813d7440d24cd81a98b752ca47f",class:"filteration__actions"},p("dga-button",{key:"5650d17c3ead9f5315a05449c430007b4d9666e6",label:"Apply filters",onClick:this.applyFilters,variant:"primary-neutral",size:"lg"}),p("dga-button",{key:"824b4b14a75297b59e85cdd83bfdf3a625c05d73",label:"Clear filters",onClick:this.clearFilters,variant:"secondary-outline",size:"lg"}))))}renderFilterBlock(n){var e,o,t,r,a,g,s;switch(n.type){case"checkbox":const h=(this.expandedBlocks.has(n.id)?n.options:n.options.slice(0,3)).filter(l=>l.label.toLowerCase().includes(this.searchQuery.toLowerCase()));return p("div",null,p("div",{class:"filteration__search"},p("dga-text-input",{icon:{name:"Search01Icon",type:"stroke",variant:"sharp"},size:"md",placeholder:"Search",value:this.searchQuery,onInput:l=>this.searchQuery=l.target.value})),h==null?void 0:h.map(l=>{var d,b,u;const f=(u=(b=(d=this.tempFilters)===null||d===void 0?void 0:d.find(v=>v.blockId===n.id))===null||b===void 0?void 0:b.items)===null||u===void 0?void 0:u.some(v=>(v==null?void 0:v.id)==l.id);return p("div",{key:l.id,class:"checkbox_check_box_container"},p("dga-checkbox",{key:l.id,color:"neutral",label:l.label,checked:f,onChange:v=>this.handleFilterSelection(n.id,l,v.target.checked)}),l.count&&p("span",null,"(",l.count,")"))}));case"radio":return(e=n.options)===null||e===void 0?void 0:e.map(l=>{var d;return p("dga-radio-button",{key:l.id,label:l.label,name:n.id,value:l.value,onChange:b=>{b.target.checked&&(this.tempFilters=this.tempFilters.filter(u=>u.blockId!==n.id),this.handleFilterSelection(n.id,l,!0))},checked:(d=this.tempFilters.find(b=>b.blockId==n.id))===null||d===void 0?void 0:d.items.some(b=>b.value===l.value)})});case"chips":return(o=n.options)===null||o===void 0?void 0:o.map(l=>{var d,b;return p("dga-chip",{key:l.id,label:l.label,onChange:u=>{u?this.handleChipsSelection(n.id,l,!0):this.handleChipsSelection(n.id,l,!1)},isSelected:((d=this.chipsValues[n.id])===null||d===void 0?void 0:d.some(u=>u.id===l.id))||!1,leadIcon:!0,trailIcon:!((b=this.chipsValues[n.id])===null||b===void 0)&&b.some(u=>u.id===l.id)?"MultiplicationSignIcon":"PlusSignIcon",trailIconProps:{size:16,color:"black",variant:"stroke",type:"standard"}})});case"slider":return p("dga-slider",{min:n.min||0,max:n.max||100,step:n.step||1,onChange:l=>{const{min:d,max:b}=l;this.handleSliderChange(n.id,d,b)},initialMin:((t=this.sliderValues[n.id])===null||t===void 0?void 0:t.min)||n.min||0,initialMax:((r=this.sliderValues[n.id])===null||r===void 0?void 0:r.max)||n.max||100});case"range":return p("div",{class:"filteration__range"},p("dga-text-input",{type:"number",size:"md",placeholder:"Min",value:((a=this.rangeValues[n.id])===null||a===void 0?void 0:a.min)||null,onChange:l=>{var d;const b=l.target.value?l.target.value:null;this.handleRangeChange(n.id,b,((d=this.rangeValues[n.id])===null||d===void 0?void 0:d.max.toString())||null)}}),p("i",{class:"hgi-duotone hgi-solid-line-01",style:{fontSize:"20px"}}),p("dga-text-input",{type:"number",size:"md",placeholder:"Max",value:((g=this.rangeValues[n.id])===null||g===void 0?void 0:g.max)||null,onChange:l=>{var d;const b=l.target.value?l.target.value:null;this.handleRangeChange(n.id,((d=this.rangeValues[n.id])===null||d===void 0?void 0:d.min.toString())||null,b)}}));case"date":return p("div",{class:"filteration__search"},p("dga-text-input",{size:"md",placeholder:"DD/MM/YY",onChange:l=>this.handleDateChange(n.id,l.detail.start,l.detail.end)}));case"select":return(s=n.options)===null||s===void 0?void 0:s.map(l=>p("div",{key:l.id,onClick:()=>this.handleFilterSelection(n.id,l,!this.tempFilters.some(d=>d.blockId===n.id&&d.items.some(b=>b.id===l.id))),class:"filteration__select"},p("div",null,l.label),p("i",{class:{"hgi-stroke hgi-solid hgi-tick-02":this.tempFilters.some(d=>d.blockId===n.id&&d.items.some(b=>b.id===l.id))},style:{fontSize:"20px"}})));default:return null}}static get watchers(){return{initvalue:["watchInitValue"]}}static get style(){return pd}},[0,"dga-filteration",{initvalue:[16],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]},void 0,{initvalue:["watchInitValue"]}]);function dg(){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,hg);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-chip":customElements.get(n)||Qt();break;case"dga-helper-text":customElements.get(n)||qe();break;case"dga-icon":customElements.get(n)||on();break;case"dga-label":customElements.get(n)||Be();break;case"dga-radio-button":customElements.get(n)||er();break;case"dga-slider":customElements.get(n)||or();break;case"dga-text-input":customElements.get(n)||Bo();break}})}const pg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFilterChange=n=>{const e=n.detail;console.log("Applied Filters:",e),e.forEach(o=>{console.log("Filter:",o)})},this.filterBlocks=[{id:"status",label:"Status",type:"checkbox",options:[{id:"active",label:"Active",value:"active",count:22},{id:"inactive",label:"Inactive",value:"inactive",count:22},{id:"pending",label:"Pending",value:"pending",count:22},{id:"archived",label:"Archived",value:"archived",count:22},{id:"draft",label:"Draft",value:"draft",count:22},{id:"published",label:"Published",value:"published",count:22},{id:"unpublished",label:"Unpublished",value:"unpublished",count:22},{id:"deleted",label:"Deleted",value:"deleted",count:22},{id:"restored",label:"Restored",value:"restored",count:22}]},{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"}],this.initialValue={checkbox:{blockId:"status",options:[{id:"active",label:"Active",value:"active"}]},chips:{blockId:"categories",options:[{id:"tech",label:"Technology",value:"tech"},{id:"design",label:"Design",value:"design"}]},radio:{blockId:"userType",options:[{id:"admin",label:"Administrator",value:"admin"}]},range:{blockId:"price",options:{min:10,max:20}},select:{blockId:"select",options:[{id:"option1",label:"Option 1",value:"option1"}]},slider:{blockId:"rating",options:{min:30,max:50}}}}render(){return p("div",{key:"e0a7dd78ae2c05155d345f48e6e69ecc49a2b5e9",class:"filteration-usage"},p("h2",{key:"d2d5786d632503dd331988727efc2f406c8fba56"},"Filteration Component Examples"),p("div",{key:"74512b297d663ed1581f19b507f9f8b5e65e3ad1",class:"filteration-container",style:{margin:"20px 0"}},p("h3",{key:"6eaf9802bfc6a655440db0e065b6fcb1964dd126"},"Default Filteration"),p("dga-filteration",{key:"5955c3a4b858f44f97023b3ba1fa06f892c6ca59",buttonLabel:"Filter Items",filterBlocks:this.filterBlocks,onOnFilterChange:this.handleFilterChange,initvalue:this.initialValue})))}},[0,"dga-filteration-usage",{filterBlocks:[32],initialValue:[32]}]);function bd(){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,pg);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-chip":customElements.get(n)||Qt();break;case"dga-filteration":customElements.get(n)||dg();break;case"dga-helper-text":customElements.get(n)||qe();break;case"dga-icon":customElements.get(n)||on();break;case"dga-label":customElements.get(n)||Be();break;case"dga-radio-button":customElements.get(n)||er();break;case"dga-slider":customElements.get(n)||or();break;case"dga-text-input":customElements.get(n)||Bo();break}})}const fd=pg,ud=bd,vd=hg,md=dg,kd=`@charset "UTF-8";
|
|
248241
248241
|
/*
|
|
248242
248242
|
0 - 600px: Phone
|
|
248243
248243
|
600 - 900px: Tablet portrait
|
|
@@ -288302,7 +288302,7 @@ a:focus {
|
|
|
288302
288302
|
display: flex;
|
|
288303
288303
|
align-items: center;
|
|
288304
288304
|
gap: 10px;
|
|
288305
|
-
}`,sf=gf,Zg=T(class extends L{constructor(){super(),this.__registerHost(),this.onChange=Fn(this,"onChange",7),this.onBlur=Fn(this,"onBlur",7),this.SILENCE_TIMEOUT_DURATION=8e3,this.handleResetInput=()=>{this.value="",this.onChange.emit({target:{value:this.value}})},this.label=void 0,this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.showTrailingIcon=!0,this.icon=!0,this.disabled=!1,this.readonly=!1,this.name=ln(),this.value="",this.onInput=()=>{},this.speechLang="en",this.isActive=!1,this.isFocused=!1,this.isListening=!1}componentWillLoad(){const n=window.SpeechRecognition||window.webkitSpeechRecognition;n?(this.recognition=new n,this.recognition.continuous=!0,this.recognition.interimResults=!0,this.recognition.onresult=e=>{let o="";for(let t=e.resultIndex;t<e.results.length;++t)e.results[t].isFinal?this.value=e.results[t][0].transcript:o+=e.results[t][0].transcript;this.value=o||this.value},this.recognition.onend=()=>{this.isListening=!1},this.recognition.onerror=e=>{console.error("Speech recognition error",e),this.isListening=!1}):console.error("SpeechRecognition is not supported by this browser.")}startListening(){this.recognition&&(this.speechLang==="en"?this.recognition.lang="en-US":this.speechLang==="ar"&&(this.recognition.lang="ar"),this.isListening=!0,this.recognition.start(),this.resetSilenceTimer())}stopListening(){this.recognition&&(this.recognition.stop(),this.isListening=!1)}resetSilenceTimer(){this.clearSilenceTimer(),this.silenceTimeout=setTimeout(()=>{this.stopListening()},this.SILENCE_TIMEOUT_DURATION)}clearSilenceTimer(){this.silenceTimeout&&clearTimeout(this.silenceTimeout)}handleInputChange(n){console.log(this.value,"query"),this.value=n.target.value,this.onChange.emit({target:{value:this.value}})}render(){return p("div",{key:"20e2d9f9e70dad8a3702ba12e20173c708e7e21a",class:"dga-form-control"},this.label&&p("label",{key:"edd31bde04750e3bb954243af49fc0373e97de4e",class:"dga-label"},this.label),p("div",{key:"056b1d45b9380db9936752f35d8d19d81d92b5d9",class:`dga-search-box dga-search-box--${this.size} ${this.error?"dga-search-box--error":""} ${this.variant!=="default"?`dga-search-box--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"dga-search-box--disabled":""} ${this.readonly?"readOnly":""}`,ref:n=>this.inputContainerRef=n},this.icon&&p("span",{key:"16124492c71f7e19dbbc923e667246e5c5ebc5be",class:"dga-search-box__icon"},p("svg",{key:"d886836972142d6ad1728f119de2cc59d989e17c",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p("path",{key:"04699f07b10e8f3cf29540eed2b645ae1ef49300","fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z",fill:"#161616"}))),p("input",{key:"727a2b91b468f7ecc39756f2e32c2e8ec3a00093",value:this.value,name:this.name,type:"text",onFocus:()=>this.isFocused=!0,onBlur:n=>{this.isFocused=!1,this.onBlur.emit(n)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:n=>this.onInput(n),onInput:n=>this.onInput(n)}),p("div",{key:"ad82f1f134d6ea3c7b45ee0b05b36ea95f0d5b1a",class:"dga-search-box__actions"},this.value.length
|
|
288305
|
+
}`,sf=gf,Zg=T(class extends L{constructor(){super(),this.__registerHost(),this.onChange=Fn(this,"onChange",7),this.onBlur=Fn(this,"onBlur",7),this.SILENCE_TIMEOUT_DURATION=8e3,this.handleResetInput=()=>{this.value="",this.onChange.emit({target:{value:this.value}})},this.label=void 0,this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.showTrailingIcon=!0,this.icon=!0,this.disabled=!1,this.readonly=!1,this.name=ln(),this.value="",this.onInput=()=>{},this.speechLang="en",this.isActive=!1,this.isFocused=!1,this.isListening=!1}componentWillLoad(){const n=window.SpeechRecognition||window.webkitSpeechRecognition;n?(this.recognition=new n,this.recognition.continuous=!0,this.recognition.interimResults=!0,this.recognition.onresult=e=>{let o="";for(let t=e.resultIndex;t<e.results.length;++t)e.results[t].isFinal?this.value=e.results[t][0].transcript:o+=e.results[t][0].transcript;this.value=o||this.value},this.recognition.onend=()=>{this.isListening=!1},this.recognition.onerror=e=>{console.error("Speech recognition error",e),this.isListening=!1}):console.error("SpeechRecognition is not supported by this browser.")}startListening(){this.recognition&&(this.speechLang==="en"?this.recognition.lang="en-US":this.speechLang==="ar"&&(this.recognition.lang="ar"),this.isListening=!0,this.recognition.start(),this.resetSilenceTimer())}stopListening(){this.recognition&&(this.recognition.stop(),this.isListening=!1)}resetSilenceTimer(){this.clearSilenceTimer(),this.silenceTimeout=setTimeout(()=>{this.stopListening()},this.SILENCE_TIMEOUT_DURATION)}clearSilenceTimer(){this.silenceTimeout&&clearTimeout(this.silenceTimeout)}handleInputChange(n){console.log(this.value,"query"),this.value=n.target.value,this.onChange.emit({target:{value:this.value}})}render(){return p("div",{key:"20e2d9f9e70dad8a3702ba12e20173c708e7e21a",class:"dga-form-control"},this.label&&p("label",{key:"edd31bde04750e3bb954243af49fc0373e97de4e",class:"dga-label"},this.label),p("div",{key:"056b1d45b9380db9936752f35d8d19d81d92b5d9",class:`dga-search-box dga-search-box--${this.size} ${this.error?"dga-search-box--error":""} ${this.variant!=="default"?`dga-search-box--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"dga-search-box--disabled":""} ${this.readonly?"readOnly":""}`,ref:n=>this.inputContainerRef=n},this.icon&&p("span",{key:"16124492c71f7e19dbbc923e667246e5c5ebc5be",class:"dga-search-box__icon"},p("svg",{key:"d886836972142d6ad1728f119de2cc59d989e17c",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p("path",{key:"04699f07b10e8f3cf29540eed2b645ae1ef49300","fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z",fill:"#161616"}))),p("input",{key:"727a2b91b468f7ecc39756f2e32c2e8ec3a00093",value:this.value,name:this.name,type:"text",onFocus:()=>this.isFocused=!0,onBlur:n=>{this.isFocused=!1,this.onBlur.emit(n)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:n=>this.onInput(n),onInput:n=>this.onInput(n)}),p("div",{key:"ad82f1f134d6ea3c7b45ee0b05b36ea95f0d5b1a",class:"dga-search-box__actions"},this.value.length>0&&p(Hn,{key:"25efd9e3af9aacdcd9082155a75eb2a06cd4eae4"},p("button",{key:"6f87ee0e96a43fab838e0ccd2e02bd3ba51ff0ed",class:"dga-search-box__action-btn",onClick:this.handleResetInput},p("i",{key:"5820c30892f6331e24b20fc0ab19b687b8548552",class:"hgi-stroke hgi-cancel-01",style:{fontSize:"20px"}})),p("svg",{key:"bd4c506daf3978b3b049e8d6d8c2f06570c370d6",xmlns:"http://www.w3.org/2000/svg",width:"1",height:"26",viewBox:"0 0 1 26",fill:"none"},p("rect",{key:"8bb12449d71cd3c3f4ffdd8de8b5876d7e749ff4",x:"1",y:"0.5",width:"25",height:"1",transform:"rotate(90 1 0.5)",fill:"#D2D6DB"}))),this.showTrailingIcon&&p("dga-tooltip",{key:"15f33f85e3a3aed9d0ecc450c62858f24d89f61b",tooltipTitle:"Search by voice",direction:"bottom",beakAlignment:"center",beakPlacement:"top"},p("button",{key:"f5b72d9857071cb2009978ef4127b1a87a79dff2",class:"dga-search-box__search-btn",onClick:()=>this.startListening(),disabled:this.isListening},this.isListening?p("span",{class:"dga-search-box__icon"},p("i",{class:"hgi-solid hgi-mic-01",style:{fontSize:"20px"}})):p("span",{class:"dga-search-box__icon"},p("i",{class:"hgi-stroke hgi-mic-01",style:{fontSize:"20px"}})))))))}static get style(){return sf}},[0,"dga-search-box",{label:[1],placeholder:[1],size:[1],variant:[1],error:[4],showTrailingIcon:[4,"show-trailing-icon"],icon:[4],disabled:[4],readonly:[4],name:[1],value:[1025],onInput:[16],speechLang:[1,"speech-lang"],isActive:[32],isFocused:[32],isListening:[32]}]);function cf(){if(typeof customElements>"u")return;["dga-search-box","dga-tooltip"].forEach(n=>{switch(n){case"dga-search-box":customElements.get(n)||customElements.define(n,Zg);break;case"dga-tooltip":customElements.get(n)||Ug();break}})}const lf=Zg,hf=cf,Kg=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p(Yn,{key:"422a38172915a3771dd5a11d479a90612b1b19f1"},p("div",{key:"a23bfcbcecf1a989b96bfa2290d36cc43ba7e562",class:"items-container"},p("slot",{key:"5ad5e938ad550fbcfb813a7d3adef6912962609b"})))}},[4,"dga-second-nav-header-actions"]);function df(){if(typeof customElements>"u")return;["dga-second-nav-header-actions"].forEach(n=>{switch(n){case"dga-second-nav-header-actions":customElements.get(n)||customElements.define(n,Kg);break}})}const pf=Kg,bf=df,Qg=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p(Yn,{key:"949c7f9b4b7aa66577f0a0192b5258ab9e04e1df"},p("div",{key:"05153367058db771b373f123978264d31ad56250",class:"items-container"},p("slot",{key:"3f7dbb6897085a87e1c7079fa25b95ef8dd1f8c9"})))}},[4,"dga-second-nav-header-content"]);function ff(){if(typeof customElements>"u")return;["dga-second-nav-header-content"].forEach(n=>{switch(n){case"dga-second-nav-header-content":customElements.get(n)||customElements.define(n,Qg);break}})}const uf=Qg,vf=ff,Jg=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0}connectedCallback(){this.el.childNodes.forEach(n=>{const e=n;e.tagName==="DGA-ICON".toLocaleUpperCase()&&e.attributes.getNamedItem("slot")===null&&e.setAttribute("slot","icon")})}render(){return p(Yn,{key:"6371cff5c7c0f6a71cf3a41db89ddf1f84693815"},p("slot",{key:"ac4996890ea44c75cf67e4adad661e2add430311",name:"icon"}),p("slot",{key:"3f082b475dc9d26e1bf68d92ad36a370a2c617b9",name:"label"},this.label))}get el(){return this}},[4,"dga-second-nav-header-item",{label:[1]}]);function mf(){if(typeof customElements>"u")return;["dga-second-nav-header-item"].forEach(n=>{switch(n){case"dga-second-nav-header-item":customElements.get(n)||customElements.define(n,Jg);break}})}const kf=Jg,xf=mf,ns=T(class extends L{constructor(){super(),this.__registerHost(),this.variant="primary",this.hideDivider=void 0,this.hideActions=void 0,this.hideContent=void 0}componentWillLoad(){this.el.childNodes.forEach(n=>{const e=n;e.tagName==="DGA-SECOND-NAV-HEADER-CONTENT"&&this.hideContent===!0&&(e.style.display="none"),e.tagName==="DGA-SECOND-NAV-HEADER-ACTIONS"&&this.hideActions===!0&&(e.style.display="none"),e.tagName==="DGA-SECOND-NAV-HEADER-CONTENT"&&e.attributes.getNamedItem("slot")===null&&e.setAttribute("slot","content"),e.tagName==="DGA-SECOND-NAV-HEADER-ACTIONS"&&e.attributes.getNamedItem("slot")===null&&e.setAttribute("slot","actions")})}render(){return p(Yn,{key:"f6644fb43b68398272bad33ad1e2c2e8bdabba35"},p("div",{key:"62e3bf2264355e2a65bbd9ab4d58b10212d63b8e",class:`wrapper ${this.variant} `,"aria-label":"a secondary navigation navbar"},p("div",{key:"373acad99cf4b1f0ea1aa6a05a4fa2c672c37131",class:`container ${this.hideDivider?"":"border"}`},p("div",{key:"dfe47fa3c8bd059160b7fcf3b7d383799590e227",class:"content"},p("slot",{key:"882cbd9237b9a81ae30c16c38988d410bf78922f",name:"content"})),p("div",{key:"88d38d52900bd8cdc23856e8b17ab79cb0c2076a",class:"actions"},p("slot",{key:"885e8a34c4e4606694587d94052f320f1c13fb77",name:"actions"})))))}get el(){return this}},[6,"dga-second-nav-header",{variant:[1],hideDivider:[1028,"hide-divider"],hideActions:[4,"hide-actions"],hideContent:[4,"hide-content"]}]);function yf(){if(typeof customElements>"u")return;["dga-second-nav-header"].forEach(n=>{switch(n){case"dga-second-nav-header":customElements.get(n)||customElements.define(n,ns);break}})}const wf=ns,_f=yf,Sf=`@charset "UTF-8";
|
|
288306
288306
|
/*
|
|
288307
288307
|
0 - 600px: Phone
|
|
288308
288308
|
600 - 900px: Tablet portrait
|
package/dist/index.js
CHANGED
|
@@ -237713,16 +237713,16 @@ function ih() {
|
|
|
237713
237713
|
}
|
|
237714
237714
|
const gh = Mi, sh = ih, ch = yi, lh = Pe, Ii = /* @__PURE__ */ T(class extends L {
|
|
237715
237715
|
constructor() {
|
|
237716
|
-
super(), this.__registerHost(), this.label = void 0, this.variant = "success", this.size = "md", this.leadIcon = void 0, this.leadIconProps = void 0, this.trailIcon = void 0, this.trailIconProps = void 0, this.rounded = void 0, this.disabled = void 0, this.isSelected = !1, this.onChange = (
|
|
237716
|
+
super(), this.__registerHost(), this.label = void 0, this.variant = "success", this.size = "md", this.leadIcon = void 0, this.leadIconProps = void 0, this.trailIcon = void 0, this.trailIconProps = void 0, this.rounded = void 0, this.disabled = void 0, this.isSelected = !1, this.onChange = () => {
|
|
237717
237717
|
}, this.pressed = !1, this.isSelectedState = this.isSelected;
|
|
237718
237718
|
}
|
|
237719
237719
|
renderIcon(n, e) {
|
|
237720
237720
|
return p("dga-icon", Object.assign({ icon: n }, e));
|
|
237721
237721
|
}
|
|
237722
237722
|
render() {
|
|
237723
|
-
return p("span", { key: "
|
|
237723
|
+
return p("span", { key: "6a87b2a25e78ec6301549d578ecd737b4f2c8cd9", tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? "chip--rounded" : ""} ${this.disabled ? "disabled" : ""} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = !0, onMouseUp: () => this.pressed = !1, "aria-disabled": this.disabled, onClick: () => {
|
|
237724
237724
|
this.isSelected ? this.isSelectedState = !1 : this.isSelectedState = !0, this.onChange(this.isSelectedState);
|
|
237725
|
-
} }, this.leadIcon ? p("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : "", this.label, this.trailIcon ? p("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : "", p("slot", { key: "
|
|
237725
|
+
} }, this.leadIcon ? p("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : "", this.label, this.trailIcon ? p("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : "", p("slot", { key: "8ef47c0f78bc94b5f540e640e95baff89bfde3f5" }));
|
|
237726
237726
|
}
|
|
237727
237727
|
}, [4, "dga-chip", {
|
|
237728
237728
|
label: [1],
|
|
@@ -261504,11 +261504,11 @@ a:focus {
|
|
|
261504
261504
|
}), this.selectedFilters = n, this.onFilterChange.emit(this.selectedFilters), this.isFilterPanelOpen = !1;
|
|
261505
261505
|
}, this.clearFilters = () => {
|
|
261506
261506
|
this.selectedFilters = [], this.onFilterChange.emit(this.selectedFilters), this.isFilterPanelOpen = !1, this.tempFilters = [], this.sliderValues = {}, this.rangeValues = {}, this.dateValues = {}, this.chipsValues = {}, this.expandedBlocks = /* @__PURE__ */ new Set(), this.searchQuery = "";
|
|
261507
|
-
}, this.removeFilter = (n, e
|
|
261508
|
-
this.selectedFilters = this.selectedFilters.map((
|
|
261509
|
-
var
|
|
261510
|
-
return n ===
|
|
261511
|
-
}).filter((
|
|
261507
|
+
}, this.removeFilter = (n, e) => {
|
|
261508
|
+
this.selectedFilters = this.selectedFilters.map((o) => o.blockId === n ? Object.assign(Object.assign({}, o), { items: o.items.filter((t) => t.id !== e) }) : o).filter((o) => o.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], this.tempFilters.map((o) => o.blockId).includes(n) && (this.tempFilters = this.tempFilters.map((o) => {
|
|
261509
|
+
var t;
|
|
261510
|
+
return n === o.blockId ? Object.assign(Object.assign({}, o), { items: (t = o == null ? void 0 : o.items) === null || t === void 0 ? void 0 : t.filter((r) => r.id !== e) }) : o;
|
|
261511
|
+
}).filter((o) => o.items.length)), n in this.chipsValues && (this.chipsValues[n] = this.chipsValues[n].filter((o) => o.id !== e)), this.onFilterChange.emit(this.selectedFilters);
|
|
261512
261512
|
}, this.initvalue = void 0, this.buttonLabel = "Filter", this.filterBlocks = [], this.maxBlockHeight = 200, this.isFilterPanelOpen = !1, this.selectedFilters = [], this.expandedBlocks = /* @__PURE__ */ new Set(), this.tempFilters = [], this.sliderValues = {}, this.rangeValues = {}, this.dateValues = {}, this.chipsValues = {}, this.searchQuery = "";
|
|
261513
261513
|
}
|
|
261514
261514
|
componentWillLoad() {
|
|
@@ -261518,7 +261518,7 @@ a:focus {
|
|
|
261518
261518
|
this.handleInitValue();
|
|
261519
261519
|
}
|
|
261520
261520
|
render() {
|
|
261521
|
-
return p(Yn, { key: "
|
|
261521
|
+
return p(Yn, { key: "d184dbdeefd334cb5e8019715d4906900623f853", class: "filteration" }, p("dga-button", { key: "eda02f910d1041eb9e5e64d763471acccc64781d", label: this.buttonLabel, leadIcon: !0, leadIconProps: {
|
|
261522
261522
|
color: "white",
|
|
261523
261523
|
size: 24,
|
|
261524
261524
|
type: "stroke",
|
|
@@ -261528,12 +261528,12 @@ a:focus {
|
|
|
261528
261528
|
size: 24,
|
|
261529
261529
|
type: "stroke",
|
|
261530
261530
|
variant: "sharp"
|
|
261531
|
-
}, trailIconType: "ArrowDown01Icon", variant: "primary-neutral" }), p("div", { key: "
|
|
261531
|
+
}, trailIconType: "ArrowDown01Icon", variant: "primary-neutral" }), p("div", { key: "4880e870a4f0ee2b816fcf5bbda7318d7357b04b", class: "filteration__selected-filters" }, this.selectedFilters.map((n) => n.items.map((e) => p("dga-button", { key: `${n.blockId}-${e.id}`, label: e.label, onClick: () => this.removeFilter(n.blockId, e.id), size: "lg", trailIcon: !0, trailIconProps: {
|
|
261532
261532
|
color: "white",
|
|
261533
261533
|
size: 24,
|
|
261534
261534
|
type: "stroke",
|
|
261535
261535
|
variant: "sharp"
|
|
261536
|
-
}, trailIconType: "MultiplicationSignIcon", variant: "primary-brand" })))), this.isFilterPanelOpen && p("div", { key: "
|
|
261536
|
+
}, trailIconType: "MultiplicationSignIcon", variant: "primary-brand" })))), this.isFilterPanelOpen && p("div", { key: "9790fd343222aceb6311c5817bd7b2b4c9085456", class: { filteration__panel: !0, "filteration__panel--open": this.selectedFilters.length === 0 } }, this.filterBlocks.map((n) => p("div", { class: "filteration__block", key: n.id }, p("h3", { class: "filteration__block-title" }, n.label), p("div", { class: {
|
|
261537
261537
|
"filteration__block-content": !0,
|
|
261538
261538
|
"filteration__block-content--checkbox": n.type === "checkbox",
|
|
261539
261539
|
"filteration__block-content--radio": n.type === "radio",
|
|
@@ -261543,7 +261543,7 @@ a:focus {
|
|
|
261543
261543
|
"filteration__block-content--chips": n.type === "chips",
|
|
261544
261544
|
"filteration__block-content--select": n.type === "select",
|
|
261545
261545
|
"filteration__block-content--collapsed": n.type === "checkbox" && this.expandedBlocks.has(n.id)
|
|
261546
|
-
} }, this.renderFilterBlock(n)), p("div", { class: "filteration__block-actions" }, n.type === "checkbox" && n.options.length > 5 && !this.searchQuery && p("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" } })), p("div", { class: "filteration__divider" }))), p("div", { key: "
|
|
261546
|
+
} }, this.renderFilterBlock(n)), p("div", { class: "filteration__block-actions" }, n.type === "checkbox" && n.options.length > 5 && !this.searchQuery && p("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" } })), p("div", { class: "filteration__divider" }))), p("div", { key: "a852b203682ab813d7440d24cd81a98b752ca47f", class: "filteration__actions" }, p("dga-button", { key: "5650d17c3ead9f5315a05449c430007b4d9666e6", label: "Apply filters", onClick: this.applyFilters, variant: "primary-neutral", size: "lg" }), p("dga-button", { key: "824b4b14a75297b59e85cdd83bfdf3a625c05d73", label: "Clear filters", onClick: this.clearFilters, variant: "secondary-outline", size: "lg" }))));
|
|
261547
261547
|
}
|
|
261548
261548
|
renderFilterBlock(n) {
|
|
261549
261549
|
var e, o, t, r, a, g, s;
|
|
@@ -303611,7 +303611,7 @@ a:focus {
|
|
|
303611
303611
|
onMouseOut: () => this.isActive = !1,
|
|
303612
303612
|
onChange: (n) => this.onInput(n),
|
|
303613
303613
|
onInput: (n) => this.onInput(n)
|
|
303614
|
-
}), p("div", { key: "ad82f1f134d6ea3c7b45ee0b05b36ea95f0d5b1a", class: "dga-search-box__actions" }, this.value.length
|
|
303614
|
+
}), p("div", { key: "ad82f1f134d6ea3c7b45ee0b05b36ea95f0d5b1a", class: "dga-search-box__actions" }, this.value.length > 0 && p(Hn, { key: "25efd9e3af9aacdcd9082155a75eb2a06cd4eae4" }, p("button", { key: "6f87ee0e96a43fab838e0ccd2e02bd3ba51ff0ed", class: "dga-search-box__action-btn", onClick: this.handleResetInput }, p("i", { key: "5820c30892f6331e24b20fc0ab19b687b8548552", class: "hgi-stroke hgi-cancel-01", style: { fontSize: "20px" } })), p("svg", { key: "bd4c506daf3978b3b049e8d6d8c2f06570c370d6", xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, p("rect", { key: "8bb12449d71cd3c3f4ffdd8de8b5876d7e749ff4", x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" }))), this.showTrailingIcon && p("dga-tooltip", { key: "15f33f85e3a3aed9d0ecc450c62858f24d89f61b", tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, p("button", { key: "f5b72d9857071cb2009978ef4127b1a87a79dff2", class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? p("span", { class: "dga-search-box__icon" }, p("i", { class: "hgi-solid hgi-mic-01", style: { fontSize: "20px" } })) : p("span", { class: "dga-search-box__icon" }, p("i", { class: "hgi-stroke hgi-mic-01", style: { fontSize: "20px" } })))))));
|
|
303615
303615
|
}
|
|
303616
303616
|
static get style() {
|
|
303617
303617
|
return sf;
|
package/package.json
CHANGED