platformscode-new-react 0.0.78 → 0.0.79
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 +4 -4
- package/dist/index.js +11 -13
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -215701,7 +215701,7 @@ a:focus {
|
|
|
215701
215701
|
|
|
215702
215702
|
apex-chart {
|
|
215703
215703
|
display: block;
|
|
215704
|
-
}`,El=Bl,Vr=(i,n,e,o,t)=>{const r=i.chart?Object.assign({},i.chart):{};return n&&(r.type=n),e&&(r.width=e),o&&(r.height=o),t?Object.assign(Object.assign({},i),{chart:r,series:t}):Object.assign(Object.assign({},i),{chart:r})};if(window){const i=window;i.ApexCharts=qo}const fi=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}optionsChanged(n){if(this.chartObj!==null)return this.chartObj.updateOptions(Vr(n,this.type,this.width,this.height,this.series))}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,Vr(this.options,this.type,this.width,this.height,this.series)),this.chartObj.render()}disconnectedCallback(){this.chartObj!==null&&this.chartObj.destroy()}render(){return p("div",{key:"35788ae0ce941d965a977a64fedd8c00dcfcde37",ref:n=>this.chartRef=n})}static get watchers(){return{options:["optionsChanged"],series:["seriesChanged"]}}static get style(){return El}},[0,"dga-apex-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],chartObj:[32],updateOptions:[64]},void 0,{options:["optionsChanged"],series:["seriesChanged"]}]);function Dl(){if(typeof customElements>"u")return;["dga-apex-chart"].forEach(n=>{switch(n){case"dga-apex-chart":customElements.get(n)||customElements.define(n,fi);break}})}const Ll=fi,Tl=Dl,ui=T(class extends L{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type=""}componentDidLoad(){console.log("from will load,",this.icon),this.updateIcon()}updateIcon(){if(console.log("from update,",this.icon),console.log("from update,",this.container),this.container){const n=this.icon.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([0-9])/g,"$1-$2").replace(/([a-z])([0-9])/g,"$1-$2").toLowerCase().replace("-icon","").replace("icon","").trim(),e=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${n}`;this.container.className=e}}render(){return p("div",{key:"e433875c5fb1afe50bfac94f9eba6c05586fd10c",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},p("i",{key:"c82015736d5034c5d4912a6466eff9bf7c3e9375",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:n=>this.container=n}))}static get watchers(){return{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}}},[0,"dga-icon",{icon:[1],size:[2],color:[1],variant:[1],type:[1]},void 0,{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}]);function on(){if(typeof customElements>"u")return;["dga-icon"].forEach(n=>{switch(n){case"dga-icon":customElements.get(n)||customElements.define(n,ui);break}})}const vi=T(class extends L{constructor(){super(),this.__registerHost(),this.type="icon",this.size=32,this.square=!1,this.border=!1,this.text="AB",this.imgUrl="/assets/avatar-img.png",this.customAttribute={key:"",value:""}}renderChildComponent(){if(this.type==="initials")return p("span",{class:"avatar__text"},this.text);if(this.type==="image")return p("img",{class:"avatar__img",src:this.imgUrl,alt:""});if(this.type==="icon")return p("div",{class:"avatar__icon"},p("dga-icon",{icon:"User",variant:"stroke"}))}render(){var n;const e=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{};return p("div",Object.assign({key:"a8d9ed9fddc4f00fe9f5549676a84e27a2d63936"},e,{class:{avatar:!0,[`avatar--${this.type}`]:!0,[`avatar--${this.size}`]:!0,"avatar--square":this.square,"avatar--border":this.border}}),this.renderChildComponent())}},[0,"dga-avatar",{type:[1],size:[2],square:[4],border:[4],text:[1],imgUrl:[1,"img-url"],customAttribute:[16]}]);function mi(){if(typeof customElements>"u")return;["dga-avatar","dga-icon"].forEach(n=>{switch(n){case"dga-avatar":customElements.get(n)||customElements.define(n,vi);break;case"dga-icon":customElements.get(n)||on();break}})}const jl=vi,$l=mi,ki=T(class extends L{constructor(){super(),this.__registerHost(),this.breadcrumbClick=Fn(this,"breadcrumbClick",7),this.breadcrumbItems=[],this.items=[]}componentWillLoad(){this.handleItemsChange(this.items)}handleItemsChange(n){try{this.breadcrumbItems=this.renderItems(n)}catch(e){console.error("Invalid JSON in items prop:",e)}}isEllipsisItem(n){return n.ellipsis===!0}renderItems(n){return n.length<=5?n:[n[0],{ellipsis:!0},...n.slice(-2)]}handleClick(n,e,o){o.disabled||this.breadcrumbClick.emit({e:n,link:e,item:o})}render(){return p("nav",{key:"97256ff43a2d52dda068ba2e347612e2da33311b","aria-label":"breadcrumb"},p("ul",{key:"fb878816770229e5fe77aaab9834f24946c076a6",class:"breadcrumb"},this.breadcrumbItems.map((n,e)=>{if(this.isEllipsisItem(n))return p("li",{key:e,class:"breadcrumb-item ellipsis"},p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{href:"#",class:"link link--sm link--neutral"},"..."));const o=e===this.breadcrumbItems.length-1,t=e===0;return p("li",{key:e,class:{"breadcrumb-item":!0,active:o},"aria-current":o?"page":void 0},n.path&&!o?p(Hn,null,!t&&p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{onClick:r=>this.handleClick(r,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled},href:n.disabled?void 0:n.path,"aria-disabled":n.disabled?"true":"false"},p("span",{class:"link__label"},n.label))):p(Hn,null,p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{onClick:r=>this.handleClick(r,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled,link_empty:!0},href:(n.disabled,void 0),"aria-disabled":n.disabled?"true":"false"},p("span",{class:"link__label"},n.label))))})))}static get watchers(){return{items:["handleItemsChange"]}}},[0,"dga-breadcrumbs",{items:[16]},void 0,{items:["handleItemsChange"]}]);function Rl(){if(typeof customElements>"u")return;["dga-breadcrumbs","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs":customElements.get(n)||customElements.define(n,ki);break;case"dga-icon":customElements.get(n)||on();break}})}const Ol=ki,Fl=Rl,xi=T(class extends L{constructor(){super(),this.__registerHost(),this.onClick=Fn(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.iconProps=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.trailIconProps=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button",this.onColor=!1}handleClick(n){this.disabled||this.onClick.emit(n)}renderIcon(n,e){return p("dga-icon",Object.assign({icon:n},e))}render(){var n;const e=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,o=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},t=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.onColor?`btn--${this.variant}--on-color`:"",this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return p("button",Object.assign({key:"858ada3b1f2699eb4ecb54bcc71df76ccf538e3b",id:e},o,{type:this.type,class:t,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:r=>this.handleClick(r)}),this.iconOnly&&this.iconType&&p("span",{key:"d0f9d824d0f19d33cede146fc54811a8604178d9",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.iconType,this.iconProps)),this.leadIcon&&this.leadIconType&&p("span",{key:"59076019cc51b8c9af9195e5baa7ffa18c09b22a",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.leadIconType,this.leadIconProps)),!this.iconOnly&&this.label&&p("span",{key:"f8c89117752c6c8a17ac5538570e20765478ce78"},this.label),this.trailIcon&&this.trailIconType&&p("span",{key:"a42da6c211d0bdbfdbaf384db00ced8f32d581c2",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.trailIconType,this.trailIconProps)))}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[1,"icon-type"],iconProps:[16],leadIcon:[4,"lead-icon"],leadIconType:[1,"lead-icon-type"],leadIconProps:[16],trailIcon:[4,"trail-icon"],trailIconType:[1,"trail-icon-type"],trailIconProps:[16],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1],onColor:[4,"on-color"]}]);function Zn(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,xi);break;case"dga-icon":customElements.get(n)||on();break}})}const Hl=xi,Xl=Zn,ln=()=>{const i=Date.now().toString(36),n=Math.random().toString(36).substring(2);return i+n},yi=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFocus=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.add("focus"))},this.handleFocusOut=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.remove("focus"))},this.handleEscape=n=>{var e,o;n.key==="Escape"&&(this.handleFocusOut(),(o=(e=this.labelRef)===null||e===void 0?void 0:e.querySelector("input"))===null||o===void 0||o.blur())},this.color="brand",this.size="md",this.label=void 0,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.name=ln(),this.value="",this.showBorderOnFocusAndFocusOute=!0,this.onChange=void 0,this.onInput=void 0,this.checked=!1,this.isChecked=this.checked,this.Indeterminate=!1}componentWillLoad(){this.isChecked=this.checked}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}watchMaxValue(n){this.isChecked=n}render(){return p("label",{key:"33650f36a969ca53dcdac83ec8750af4b705f0f3",ref:n=>this.labelRef=n,class:`checkbox ${this.color?`checkbox--${this.color}`:""} checkbox--${this.size}`},p("div",{key:"f3ca81c98966db54658324b71cbe98451ceb86c6",class:"checkbox-main"},p("div",{key:"6ffddc2f524270708551b1255dad7df26401824e",class:"checkbox-main__content"},p("input",{key:"9f988db7ce682aae1612506cc21a0cdd051bd91c",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,onChange:n=>{var e;(e=this.onChange)===null||e===void 0||e.call(this,n);const o=n.target;this.isChecked=o.checked},onInput:this.onInput,checked:this.isChecked}),p("div",{key:"d329f8f0fd151dadae0a45bc669e56b3a9dc7aee",class:"checkbox-container"},p("span",{key:"db782f9c49049ffa37e37e3f9a3553a61ae74114",class:"checkbox-icon checkbox__checked-icon",style:{display:this.isChecked?"inline-block":"none"}},this.Indeterminate?p("i",{class:"hgi-solid hgi-minus-sign"}):p("i",{class:"hgi-solid hgi-tick-03"})),p("span",{key:"18d41b55df6e18a28ccb3b4ec7d5d78bba067841",class:"checkbox-icon checkbox__indeterminate-icon",style:{display:this.isChecked?"none":"inline-block"}},p("i",{key:"9d498534b82e0a9629a5b481c5e62ca4bd42a734",class:"hgi-solid hgi-remove-01"}))),this.helperText?p("div",{class:"flex-column"},p("span",{class:"checkbox__label"},this.label),p("span",{class:"checkbox__helper-text"},this.helperText)):this.label&&p("span",{class:"checkbox__label"},this.label)),this.alertMessage&&p("div",{key:"6cfd79c4de46e3233e4aaa57c2d6e741f2b70be7",class:"checkbox__warning"},p("span",{key:"1eafa71a78c2a96820f4299ee21e43c9a6535e2b",class:"checkbox__warning-icon"},p("i",{key:"aa28ccd506174d5d12e20ecdca6ceb831a73774a",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),p("span",{key:"dcac2f0f648d03892ac4f39e445f90633fed4e0f",class:"checkbox__warning-text"},this.alertText))))}static get watchers(){return{checked:["watchMaxValue"]}}},[0,"dga-checkbox",{color:[1],size:[1],label:[1],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],name:[1],value:[1],showBorderOnFocusAndFocusOute:[4,"show-border-on-focus-and-focus-oute"],onChange:[16],onInput:[16],checked:[4],Indeterminate:[4,"indeterminate"],isChecked:[32]},void 0,{checked:["watchMaxValue"]}]);function Pe(){if(typeof customElements>"u")return;["dga-checkbox"].forEach(n=>{switch(n){case"dga-checkbox":customElements.get(n)||customElements.define(n,yi);break}})}const wi=T(class extends L{constructor(){super(),this.__registerHost(),this.onMouseEnterHandler=()=>{this.isFocused=!0},this.onMouseLeaveHandler=()=>{this.isFocused=!1},this.type="default",this.showTitle=!0,this.showDescription=!0,this.showFeaturedIcon=!0,this.image="",this.showRating=!1,this.disabled=!1,this.effect="with-shadow",this.cardTitle="Card Title",this.description="Card content placeholder text goes here",this.customComponent=void 0,this.featuredIcon=p("i",{class:"hgi-stroke hgi-sharp hgi-checkmark-circle-02",style:{fontSize:"24px"}}),this.showPrimaryAction=!0,this.primaryActionLabel="Primary Action",this.showSecondaryAction=!0,this.secondaryActionLabel="Secondary Action",this.onCheckboxChange=()=>{},this.onPrimaryAction=()=>{},this.onSecondaryAction=()=>{},this.onExpandAction=()=>{},this.isFocused=!1,this.expanded=!1}toggleExpand(){this.expanded=!this.expanded}render(){return p("div",{key:"47e6411662f3986a8a622b571256329356cc925c",class:`card flex-column ${this.disabled?"disabled":""} ${this.isFocused?"focused":""} card--${this.effect}`,onMouseEnter:this.onMouseEnterHandler,onMouseLeave:this.onMouseLeaveHandler},this.image&&p("div",{key:"3ff7f224111915207d71c6de48f4e83f70a64255",class:"card__image-container"},p("img",{key:"7ce8e6d7091591c2fd5463a056e786e62a9253c6",src:this.image,alt:"Card"})),this.showFeaturedIcon&&p("div",{key:"1bf0fa1bd094318e7230f9790cd1cef13f7faf44",class:"featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg"},this.featuredIcon),this.type==="selectable"&&p("div",{key:"1808d036ce45e93ad55a83f9ed557061281947d7",class:"card__checkbox-container"},p("dga-checkbox",{key:"40472c2f3cbbfa14a1b1808059aae1d13d3a8969",color:"brand",onChange:this.onCheckboxChange})),(this.showTitle||this.showDescription)&&p("div",{key:"e9b4ddbb1f7085f3fb12367dab8d464caf7e6560",class:"card__content-text flex-column"},this.showTitle&&p("h4",{key:"aaca22ea5013ec3a262408dab924062a1683d49a",class:"text-lg-bold"},this.cardTitle," "),this.showDescription&&p("p",{key:"46d408d905ce2c3f24d9c5d090f2437fbe18e8f9",class:"text-md-regular"},this.description)),this.showRating&&p("div",{key:"dcaa46290e714813ab6ed11e70b3131726bb1ffa",class:"card__rating-container"}),this.customComponent&&p("div",{key:"d04b9aee459ad5da9e3a30f00078f289e3b2f1d2",class:"card__custom-component"},this.customComponent),this.type==="default"&&(this.showPrimaryAction||this.showSecondaryAction)&&p("div",{key:"e9bfc401cde51030270b13d7d2546045e86018f9",class:"card__action card__action--default"},this.showSecondaryAction&&p("dga-button",{key:"e42a6e077117d5762ecbabfa55217d8d5a8d241c",label:this.secondaryActionLabel,onClick:this.onSecondaryAction,size:"lg",variant:"secondary-outline"}),this.showPrimaryAction&&p("dga-button",{key:"05d8bd2add13f03d7113d087bdde01b9540f24bb",label:this.primaryActionLabel,onClick:this.onPrimaryAction,size:"lg",variant:"primary-brand"})),this.type==="expanded"&&p("div",{key:"c7292d061debc13c1e392676d8b24147ccd5c9a4",class:"card__action card__action--expanded"},p("dga-button",{key:"2ded16fc9a8ee38addb437be8e2558fe466fd43c",iconOnly:!0,onClick:()=>this.toggleExpand(),size:"lg",variant:"subtle",leadIconType:this.expanded?p("i",{class:"hgi-stroke hgi-arrow-up-01"}):p("i",{class:"hgi-stroke hgi-arrow-down-01"}),leadIcon:!0})),p("div",{key:"e9df5986908d7016c2c25714caf2868eb25c88b9",class:`collapse-content ${this.expanded?"expanded":""}`},p("slot",{key:"4bcdf28a30de90c388ce63a1aff9b43846312aee",name:"collapse-content"})))}},[4,"dga-card",{type:[1],showTitle:[4,"show-title"],showDescription:[4,"show-description"],showFeaturedIcon:[4,"show-featured-icon"],image:[1],showRating:[4,"show-rating"],disabled:[4],effect:[1],cardTitle:[1,"card-title"],description:[1],customComponent:[16],featuredIcon:[16],showPrimaryAction:[4,"show-primary-action"],primaryActionLabel:[1,"primary-action-label"],showSecondaryAction:[4,"show-secondary-action"],secondaryActionLabel:[1,"secondary-action-label"],onCheckboxChange:[16],onPrimaryAction:[16],onSecondaryAction:[16],onExpandAction:[16],isFocused:[32],expanded:[32]}]);function Yl(){if(typeof customElements>"u")return;["dga-card","dga-button","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-card":customElements.get(n)||customElements.define(n,wi);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-icon":customElements.get(n)||on();break}})}const Wl=wi,Nl=Yl,Vl=`@charset "UTF-8";
|
|
215704
|
+
}`,El=Bl,Vr=(i,n,e,o,t)=>{const r=i.chart?Object.assign({},i.chart):{};return n&&(r.type=n),e&&(r.width=e),o&&(r.height=o),t?Object.assign(Object.assign({},i),{chart:r,series:t}):Object.assign(Object.assign({},i),{chart:r})};if(window){const i=window;i.ApexCharts=qo}const fi=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}optionsChanged(n){if(this.chartObj!==null)return this.chartObj.updateOptions(Vr(n,this.type,this.width,this.height,this.series))}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,Vr(this.options,this.type,this.width,this.height,this.series)),this.chartObj.render()}disconnectedCallback(){this.chartObj!==null&&this.chartObj.destroy()}render(){return p("div",{key:"35788ae0ce941d965a977a64fedd8c00dcfcde37",ref:n=>this.chartRef=n})}static get watchers(){return{options:["optionsChanged"],series:["seriesChanged"]}}static get style(){return El}},[0,"dga-apex-chart",{type:[1],width:[8],height:[8],options:[1040],series:[1040],chartObj:[32],updateOptions:[64]},void 0,{options:["optionsChanged"],series:["seriesChanged"]}]);function Dl(){if(typeof customElements>"u")return;["dga-apex-chart"].forEach(n=>{switch(n){case"dga-apex-chart":customElements.get(n)||customElements.define(n,fi);break}})}const Ll=fi,Tl=Dl,ui=T(class extends L{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type="rounded"}componentDidLoad(){console.log("from will load,",this.icon),this.updateIcon()}updateIcon(){if(console.log("from update,",this.icon),console.log("from update,",this.container),this.container){const n=this.icon.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([0-9])/g,"$1-$2").replace(/([a-z])([0-9])/g,"$1-$2").toLowerCase().replace("-icon","").replace("icon","").trim(),e=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${n}`;this.container.className=e}}render(){return p("div",{key:"ffae864d33d445dd106dafe323e704f1a4afc46b",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},p("i",{key:"8f53600876d736c90eaed328c698ca16ab25f8b9",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:n=>this.container=n}))}static get watchers(){return{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}}},[0,"dga-icon",{icon:[1],size:[2],color:[1],variant:[1],type:[1]},void 0,{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}]);function on(){if(typeof customElements>"u")return;["dga-icon"].forEach(n=>{switch(n){case"dga-icon":customElements.get(n)||customElements.define(n,ui);break}})}const vi=T(class extends L{constructor(){super(),this.__registerHost(),this.type="icon",this.size=32,this.square=!1,this.border=!1,this.text="AB",this.imgUrl="/assets/avatar-img.png",this.icon=void 0}renderChildComponent(){if(this.type==="initials")return p("span",{class:"avatar__text"},this.text);if(this.type==="image")return p("img",{class:"avatar__img",src:this.imgUrl,alt:""});if(this.type==="icon")return p("div",{class:"avatar__icon"},p("dga-icon",{icon:this.icon.name,variant:this.icon.variant,type:this.icon.type}))}render(){return p("div",{key:"ac767e8be07ad7eefd92ca1bc5fe78bddcb4e04c",class:{avatar:!0,[`avatar--${this.type}`]:!0,[`avatar--${this.size}`]:!0,"avatar--square":this.square,"avatar--border":this.border}},this.renderChildComponent())}},[0,"dga-avatar",{type:[1],size:[2],square:[4],border:[4],text:[1],imgUrl:[1,"img-url"],icon:[16]}]);function mi(){if(typeof customElements>"u")return;["dga-avatar","dga-icon"].forEach(n=>{switch(n){case"dga-avatar":customElements.get(n)||customElements.define(n,vi);break;case"dga-icon":customElements.get(n)||on();break}})}const jl=vi,$l=mi,ki=T(class extends L{constructor(){super(),this.__registerHost(),this.breadcrumbClick=Fn(this,"breadcrumbClick",7),this.breadcrumbItems=[],this.items=[]}componentWillLoad(){this.handleItemsChange(this.items)}handleItemsChange(n){try{this.breadcrumbItems=this.renderItems(n)}catch(e){console.error("Invalid JSON in items prop:",e)}}isEllipsisItem(n){return n.ellipsis===!0}renderItems(n){return n.length<=5?n:[n[0],{ellipsis:!0},...n.slice(-2)]}handleClick(n,e,o){o.disabled||this.breadcrumbClick.emit({e:n,link:e,item:o})}render(){return p("nav",{key:"97256ff43a2d52dda068ba2e347612e2da33311b","aria-label":"breadcrumb"},p("ul",{key:"fb878816770229e5fe77aaab9834f24946c076a6",class:"breadcrumb"},this.breadcrumbItems.map((n,e)=>{if(this.isEllipsisItem(n))return p("li",{key:e,class:"breadcrumb-item ellipsis"},p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{href:"#",class:"link link--sm link--neutral"},"..."));const o=e===this.breadcrumbItems.length-1,t=e===0;return p("li",{key:e,class:{"breadcrumb-item":!0,active:o},"aria-current":o?"page":void 0},n.path&&!o?p(Hn,null,!t&&p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{onClick:r=>this.handleClick(r,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled},href:n.disabled?void 0:n.path,"aria-disabled":n.disabled?"true":"false"},p("span",{class:"link__label"},n.label))):p(Hn,null,p("span",{class:"breadcrumb-icon"},p("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),p("a",{onClick:r=>this.handleClick(r,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled,link_empty:!0},href:(n.disabled,void 0),"aria-disabled":n.disabled?"true":"false"},p("span",{class:"link__label"},n.label))))})))}static get watchers(){return{items:["handleItemsChange"]}}},[0,"dga-breadcrumbs",{items:[16]},void 0,{items:["handleItemsChange"]}]);function Rl(){if(typeof customElements>"u")return;["dga-breadcrumbs","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs":customElements.get(n)||customElements.define(n,ki);break;case"dga-icon":customElements.get(n)||on();break}})}const Ol=ki,Fl=Rl,xi=T(class extends L{constructor(){super(),this.__registerHost(),this.onClick=Fn(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.iconProps=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.trailIconProps=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button",this.onColor=!1}handleClick(n){this.disabled||this.onClick.emit(n)}renderIcon(n,e){return p("dga-icon",Object.assign({icon:n},e))}render(){var n;const e=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,o=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},t=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.onColor?`btn--${this.variant}--on-color`:"",this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return p("button",Object.assign({key:"858ada3b1f2699eb4ecb54bcc71df76ccf538e3b",id:e},o,{type:this.type,class:t,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:r=>this.handleClick(r)}),this.iconOnly&&this.iconType&&p("span",{key:"d0f9d824d0f19d33cede146fc54811a8604178d9",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.iconType,this.iconProps)),this.leadIcon&&this.leadIconType&&p("span",{key:"59076019cc51b8c9af9195e5baa7ffa18c09b22a",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.leadIconType,this.leadIconProps)),!this.iconOnly&&this.label&&p("span",{key:"f8c89117752c6c8a17ac5538570e20765478ce78"},this.label),this.trailIcon&&this.trailIconType&&p("span",{key:"a42da6c211d0bdbfdbaf384db00ced8f32d581c2",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.trailIconType,this.trailIconProps)))}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[1,"icon-type"],iconProps:[16],leadIcon:[4,"lead-icon"],leadIconType:[1,"lead-icon-type"],leadIconProps:[16],trailIcon:[4,"trail-icon"],trailIconType:[1,"trail-icon-type"],trailIconProps:[16],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1],onColor:[4,"on-color"]}]);function Zn(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,xi);break;case"dga-icon":customElements.get(n)||on();break}})}const Hl=xi,Xl=Zn,ln=()=>{const i=Date.now().toString(36),n=Math.random().toString(36).substring(2);return i+n},yi=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFocus=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.add("focus"))},this.handleFocusOut=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.remove("focus"))},this.handleEscape=n=>{var e,o;n.key==="Escape"&&(this.handleFocusOut(),(o=(e=this.labelRef)===null||e===void 0?void 0:e.querySelector("input"))===null||o===void 0||o.blur())},this.color="brand",this.size="md",this.label=void 0,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.name=ln(),this.value="",this.showBorderOnFocusAndFocusOute=!0,this.onChange=void 0,this.onInput=void 0,this.checked=!1,this.isChecked=this.checked,this.Indeterminate=!1}componentWillLoad(){this.isChecked=this.checked}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}watchMaxValue(n){this.isChecked=n}render(){return p("label",{key:"33650f36a969ca53dcdac83ec8750af4b705f0f3",ref:n=>this.labelRef=n,class:`checkbox ${this.color?`checkbox--${this.color}`:""} checkbox--${this.size}`},p("div",{key:"f3ca81c98966db54658324b71cbe98451ceb86c6",class:"checkbox-main"},p("div",{key:"6ffddc2f524270708551b1255dad7df26401824e",class:"checkbox-main__content"},p("input",{key:"9f988db7ce682aae1612506cc21a0cdd051bd91c",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,onChange:n=>{var e;(e=this.onChange)===null||e===void 0||e.call(this,n);const o=n.target;this.isChecked=o.checked},onInput:this.onInput,checked:this.isChecked}),p("div",{key:"d329f8f0fd151dadae0a45bc669e56b3a9dc7aee",class:"checkbox-container"},p("span",{key:"db782f9c49049ffa37e37e3f9a3553a61ae74114",class:"checkbox-icon checkbox__checked-icon",style:{display:this.isChecked?"inline-block":"none"}},this.Indeterminate?p("i",{class:"hgi-solid hgi-minus-sign"}):p("i",{class:"hgi-solid hgi-tick-03"})),p("span",{key:"18d41b55df6e18a28ccb3b4ec7d5d78bba067841",class:"checkbox-icon checkbox__indeterminate-icon",style:{display:this.isChecked?"none":"inline-block"}},p("i",{key:"9d498534b82e0a9629a5b481c5e62ca4bd42a734",class:"hgi-solid hgi-remove-01"}))),this.helperText?p("div",{class:"flex-column"},p("span",{class:"checkbox__label"},this.label),p("span",{class:"checkbox__helper-text"},this.helperText)):this.label&&p("span",{class:"checkbox__label"},this.label)),this.alertMessage&&p("div",{key:"6cfd79c4de46e3233e4aaa57c2d6e741f2b70be7",class:"checkbox__warning"},p("span",{key:"1eafa71a78c2a96820f4299ee21e43c9a6535e2b",class:"checkbox__warning-icon"},p("i",{key:"aa28ccd506174d5d12e20ecdca6ceb831a73774a",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),p("span",{key:"dcac2f0f648d03892ac4f39e445f90633fed4e0f",class:"checkbox__warning-text"},this.alertText))))}static get watchers(){return{checked:["watchMaxValue"]}}},[0,"dga-checkbox",{color:[1],size:[1],label:[1],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],name:[1],value:[1],showBorderOnFocusAndFocusOute:[4,"show-border-on-focus-and-focus-oute"],onChange:[16],onInput:[16],checked:[4],Indeterminate:[4,"indeterminate"],isChecked:[32]},void 0,{checked:["watchMaxValue"]}]);function Pe(){if(typeof customElements>"u")return;["dga-checkbox"].forEach(n=>{switch(n){case"dga-checkbox":customElements.get(n)||customElements.define(n,yi);break}})}const wi=T(class extends L{constructor(){super(),this.__registerHost(),this.onMouseEnterHandler=()=>{this.isFocused=!0},this.onMouseLeaveHandler=()=>{this.isFocused=!1},this.type="default",this.showTitle=!0,this.showDescription=!0,this.showFeaturedIcon=!0,this.image="",this.showRating=!1,this.disabled=!1,this.effect="with-shadow",this.cardTitle="Card Title",this.description="Card content placeholder text goes here",this.customComponent=void 0,this.featuredIcon=p("i",{class:"hgi-stroke hgi-sharp hgi-checkmark-circle-02",style:{fontSize:"24px"}}),this.showPrimaryAction=!0,this.primaryActionLabel="Primary Action",this.showSecondaryAction=!0,this.secondaryActionLabel="Secondary Action",this.onCheckboxChange=()=>{},this.onPrimaryAction=()=>{},this.onSecondaryAction=()=>{},this.onExpandAction=()=>{},this.isFocused=!1,this.expanded=!1}toggleExpand(){this.expanded=!this.expanded}render(){return p("div",{key:"47e6411662f3986a8a622b571256329356cc925c",class:`card flex-column ${this.disabled?"disabled":""} ${this.isFocused?"focused":""} card--${this.effect}`,onMouseEnter:this.onMouseEnterHandler,onMouseLeave:this.onMouseLeaveHandler},this.image&&p("div",{key:"3ff7f224111915207d71c6de48f4e83f70a64255",class:"card__image-container"},p("img",{key:"7ce8e6d7091591c2fd5463a056e786e62a9253c6",src:this.image,alt:"Card"})),this.showFeaturedIcon&&p("div",{key:"1bf0fa1bd094318e7230f9790cd1cef13f7faf44",class:"featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg"},this.featuredIcon),this.type==="selectable"&&p("div",{key:"1808d036ce45e93ad55a83f9ed557061281947d7",class:"card__checkbox-container"},p("dga-checkbox",{key:"40472c2f3cbbfa14a1b1808059aae1d13d3a8969",color:"brand",onChange:this.onCheckboxChange})),(this.showTitle||this.showDescription)&&p("div",{key:"e9b4ddbb1f7085f3fb12367dab8d464caf7e6560",class:"card__content-text flex-column"},this.showTitle&&p("h4",{key:"aaca22ea5013ec3a262408dab924062a1683d49a",class:"text-lg-bold"},this.cardTitle," "),this.showDescription&&p("p",{key:"46d408d905ce2c3f24d9c5d090f2437fbe18e8f9",class:"text-md-regular"},this.description)),this.showRating&&p("div",{key:"dcaa46290e714813ab6ed11e70b3131726bb1ffa",class:"card__rating-container"}),this.customComponent&&p("div",{key:"d04b9aee459ad5da9e3a30f00078f289e3b2f1d2",class:"card__custom-component"},this.customComponent),this.type==="default"&&(this.showPrimaryAction||this.showSecondaryAction)&&p("div",{key:"e9bfc401cde51030270b13d7d2546045e86018f9",class:"card__action card__action--default"},this.showSecondaryAction&&p("dga-button",{key:"e42a6e077117d5762ecbabfa55217d8d5a8d241c",label:this.secondaryActionLabel,onClick:this.onSecondaryAction,size:"lg",variant:"secondary-outline"}),this.showPrimaryAction&&p("dga-button",{key:"05d8bd2add13f03d7113d087bdde01b9540f24bb",label:this.primaryActionLabel,onClick:this.onPrimaryAction,size:"lg",variant:"primary-brand"})),this.type==="expanded"&&p("div",{key:"c7292d061debc13c1e392676d8b24147ccd5c9a4",class:"card__action card__action--expanded"},p("dga-button",{key:"2ded16fc9a8ee38addb437be8e2558fe466fd43c",iconOnly:!0,onClick:()=>this.toggleExpand(),size:"lg",variant:"subtle",leadIconType:this.expanded?p("i",{class:"hgi-stroke hgi-arrow-up-01"}):p("i",{class:"hgi-stroke hgi-arrow-down-01"}),leadIcon:!0})),p("div",{key:"e9df5986908d7016c2c25714caf2868eb25c88b9",class:`collapse-content ${this.expanded?"expanded":""}`},p("slot",{key:"4bcdf28a30de90c388ce63a1aff9b43846312aee",name:"collapse-content"})))}},[4,"dga-card",{type:[1],showTitle:[4,"show-title"],showDescription:[4,"show-description"],showFeaturedIcon:[4,"show-featured-icon"],image:[1],showRating:[4,"show-rating"],disabled:[4],effect:[1],cardTitle:[1,"card-title"],description:[1],customComponent:[16],featuredIcon:[16],showPrimaryAction:[4,"show-primary-action"],primaryActionLabel:[1,"primary-action-label"],showSecondaryAction:[4,"show-secondary-action"],secondaryActionLabel:[1,"secondary-action-label"],onCheckboxChange:[16],onPrimaryAction:[16],onSecondaryAction:[16],onExpandAction:[16],isFocused:[32],expanded:[32]}]);function Yl(){if(typeof customElements>"u")return;["dga-card","dga-button","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-card":customElements.get(n)||customElements.define(n,wi);break;case"dga-button":customElements.get(n)||Zn();break;case"dga-checkbox":customElements.get(n)||Pe();break;case"dga-icon":customElements.get(n)||on();break}})}const Wl=wi,Nl=Yl,Vl=`@charset "UTF-8";
|
|
215705
215705
|
/*
|
|
215706
215706
|
0 - 600px: Phone
|
|
215707
215707
|
600 - 900px: Tablet portrait
|
|
@@ -244511,7 +244511,7 @@ a:focus {
|
|
|
244511
244511
|
${this.overlay?"sidepanel--overlay":""}
|
|
244512
244512
|
${this.border?"sidepanel--border":""}
|
|
244513
244513
|
${this.collapsed?"collapsed":""}
|
|
244514
|
-
`},p("side-panel-menu",{key:"b5bb12cff944609a29fe4d563d947225a4bd0dde",routes:this.routes}))}},[0,"dga-drawer",{background:[1],overlay:[4],border:[4],collapsed:[4],routes:[16]}]);function ed(){if(typeof customElements>"u")return;["dga-drawer","dga-tag","side-panel-menu","submenu-component","tab-component","tab-link"].forEach(n=>{switch(n){case"dga-drawer":customElements.get(n)||customElements.define(n,og);break;case"dga-tag":customElements.get(n)||De();break;case"side-panel-menu":customElements.get(n)||eg();break;case"submenu-component":customElements.get(n)||oo();break;case"tab-component":customElements.get(n)||nr();break;case"tab-link":customElements.get(n)||eo();break}})}const od=og,td=ed,tg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleClickOutside=n=>{var e;this.containerRef&&!this.containerRef.contains(n.target)&&((e=this.btnRef)===null||e===void 0||e.classList.remove("open"))},this.id=ln(),this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.getSelectedOptions=void 0,this.extraClass=void 0,this.optionList=[]}componentWillLoad(){this.initializeOptions()}initializeOptions(){const n=[...this.options].map(e=>(e.selected||(e.selected=!1),e));this.optionList=n}setSelectedOptions(n,e){const o=[...this.optionList];this.multiSelect?(o[e].selected=!o[e].selected,this.getSelectedOptions&&this.getSelectedOptions({selectedList:o.filter(t=>t.selected),selectedOption:n,selectedIndex:e})):(o.forEach(t=>t.selected=!1),o[e].selected=!o[e].selected,this.getSelectedOptions&&this.getSelectedOptions(n)),this.optionList=o}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleAddPressed(n){n.currentTarget.classList.add("active")}handleRemovePressed(n){n.currentTarget.classList.remove("active")}handleToggleDropdown(n){n.currentTarget.classList.toggle("open")}handleSelectSingleOption(n,e,o){var t;this.setSelectedOptions(e,o);const r=n.target,a=r.closest(".dropdown"),g=a.querySelector(".dropdown__label"),s=a.querySelector(".dropdown__option.selected");r.classList.contains("selected")||(g.classList.remove("dropdown__label--selection"),s==null||s.classList.remove("selected"),r.classList.add("selected"),g.textContent=(t=r.querySelector(".dropdown__option-label"))===null||t===void 0?void 0:t.textContent,g.classList.add("dropdown__label--selection")),a.querySelector(".dropdown__btn").classList.remove("open")}getSelectedChoices(n){const e={values:[],labels:[]};return n.querySelectorAll(".dropdown__option.selected").forEach(o=>{var t;const r=o.getAttribute("data-value"),a=(t=o.querySelector(".dropdown__option-label"))===null||t===void 0?void 0:t.textContent;e.values.push(r),e.labels.push(a)}),e}handleMultiOptionClicked(n,e,o){this.setSelectedOptions(e,o);const t=n.target;t.classList.toggle("selected");const r=t.closest(".dropdown"),a=r.querySelector(".dropdown__label"),{values:g,labels:s}=this.getSelectedChoices(r);r.setAttribute("data-value",g.join(", ")),a.textContent=s.join(", "),g.length?a.classList.add("dropdown__label--selection"):a.classList.remove("dropdown__label--selection")}render(){return p("div",{key:"177bcc1b49fae67eb1f96e0db93a7245262b990b",id:this.id,ref:n=>this.containerRef=n,class:`dropdown dropdown--${this.size} ${this.error?"dropdown--error":""} ${this.variant!=="default"?`dropdown--${this.variant}`:""} ${this.disabled?"dropdown--disabled":""} ${this.readonly?"dropdown--readonly":""} ${this.multiSelect?"dropdown--multi-select":""} ${this.extraClass||""}`},p("button",{key:"36c4cf5e7dd8538c9723ec606fdb39fdda8eab5a",class:"dropdown__btn",ref:n=>this.btnRef=n,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},p("span",{key:"8e37b5708877978cedb00742df63595b4345845a",class:"dropdown__label"}),p("span",{key:"a833c40d4f86deb3de2ee7b900e8ccf6ca6167d3",class:"dropdown__label-placeholder"},this.placeholder),p("span",{key:"95adad57eaed4ee5efe913c6edc70514a1456cf1",class:"dropdown__chevron"},p("dga-icon",{key:"8c0ef68dbde8ea3a35f270ae64527eeb3a8b9612",icon:"ArrowDown01Icon",variant:"stroke"}))),p("ul",{key:"906e411a0681621880768eecb0f15e34143b4739",class:"dropdown__list"},this.optionList.map((n,e)=>this.multiSelect?p("li",{key:n[this.trackBy]?n[this.trackBy]:ln()},p("button",{class:"dropdown__option dropdown__option--checkbox","data-value":n[this.trackBy]?n[this.trackBy]:"",onClick:o=>this.handleMultiOptionClicked(o,n,e),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},p("div",{class:"dropdown__option-icon-container"},p("span",{class:"dropdown__option-icon"},p("i",{class:"hgi-solid hgi-tick-02",style:{fontSize:"20px"}}))),p("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""))):p("li",{key:n[this.trackBy]?n[this.trackBy]:ln()},p("button",{class:"dropdown__option",type:"button",onClick:o=>this.handleSelectSingleOption(o,n,e),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this)},p("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""),p("span",{class:"dropdown__option-icon"},p("dga-icon",{icon:"Tick02Icon",variant:"solid"})))))))}get el(){return this}static get watchers(){return{options:["initializeOptions"]}}},[0,"dga-dropdown",{id:[1],placeholder:[1],size:[1],variant:[1],error:[4],disabled:[4],readonly:[4],multiSelect:[4,"multi-select"],options:[16],optionLabel:[1,"option-label"],trackBy:[1,"track-by"],getSelectedOptions:[16],extraClass:[1,"extra-class"],optionList:[32]},void 0,{options:["initializeOptions"]}]);function rd(){if(typeof customElements>"u")return;["dga-dropdown","dga-icon"].forEach(n=>{switch(n){case"dga-dropdown":customElements.get(n)||customElements.define(n,tg);break;case"dga-icon":customElements.get(n)||on();break}})}const ad=tg,id=rd,rg=T(class extends L{constructor(){super(),this.__registerHost(),this.iconFonts={xl:28,lg:24,md:20,sm:16},this.size="md",this.color="brand",this.variant="light",this.circle=!0,this.icon=void 0}render(){return p("div",{key:"1fd1c25a21c1cf40cfd59bf6107443683f2e2263",class:`dga-featured-icon ${this.circle?"dga-featured-icon--circle":""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}`},p("dga-icon",{key:"83281fe997a258f863f5fcd6c7f6d0b8272fd734",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:this.iconFonts[this.size]}))}},[0,"dga-featured-icon",{size:[1],color:[1],variant:[1],circle:[4],icon:[16]}]);function ag(){if(typeof customElements>"u")return;["dga-featured-icon","dga-icon"].forEach(n=>{switch(n){case"dga-featured-icon":customElements.get(n)||customElements.define(n,rg);break;case"dga-icon":customElements.get(n)||on();break}})}const gd=rg,sd=ag,ig=T(class extends L{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const n=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return p("div",{key:"e29c981060aa1ff2d86e109d68367e9451a4db8f",class:n},p("div",{key:"9d50ef6c21f5c2343d32ab888c322685481ef558",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function gg(){if(typeof customElements>"u")return;["dga-loading"].forEach(n=>{switch(n){case"dga-loading":customElements.get(n)||customElements.define(n,ig);break}})}const sg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFileSelection=n=>{const e=n.target;this.onChange&&this.onChange(n);const o=e.files;if(o){if(this.maximumFilesSize&&Array.from(o).some(a=>a.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const t=Array.from(o).map(r=>({name:r.name,uploadStatus:"pending"}));this.files=[...this.files,...t],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=n=>{n.preventDefault(),n.stopPropagation();const e=n.dataTransfer.files;if(e){const o=Array.from(e).map(t=>({name:t.name,uploadStatus:"pending"}));this.files=[...this.files,...o]}this.dragState=!1},this.addDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!0},this.removeDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!1},this.id=ln(),this.name=ln(),this.accept=void 0,this.multiple=void 0,this.title="Drag and drop files here to upload",this.fileTypesText="Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.",this.actionName="Browse Files",this.maximumFilesSize=void 0,this.disabled=!1,this.getUploadedFile=void 0,this.uploadFileOverSize=void 0,this.onChange=void 0,this.emitDeleteFile=void 0,this.files=[],this.dragState=!1}componentDidLoad(){const n=document.querySelector(".file-upload__drop-area");n.addEventListener("dragover",this.addDragOverClass),n.addEventListener("dragleave",this.removeDragOverClass),n.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const n=document.querySelector(".file-upload__drop-area");n.removeEventListener("dragover",this.addDragOverClass),n.removeEventListener("dragleave",this.removeDragOverClass),n.removeEventListener("drop",this.handleDrop)}handleDeleteFile(n,e){this.files=[...this.files.slice(0,n),...this.files.slice(n+1)],this.emitDeleteFile&&this.emitDeleteFile(e,n)}renderFile(n,e){return n.uploadStatus==="error"?p("div",{class:"file-upload__file-item--error"},p("div",{class:"file-upload__file-item"},p("span",{class:"file-upload__file-status file-upload__file-status--error"},p("i",{class:"hgi-solid hgi-alert-circle",style:{fontSize:"20px"}})),p("span",{class:"file-upload__file-name"},n.name),p("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(e,n)},p("span",{class:"btn-icon"},p("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),p("div",{class:"file-upload__file-item-msg"},n.errorMessage?n.errorMessage:"Here goes the helper text.")):p("div",{class:"file-upload__file-item"},p("span",{class:`file-upload__file-status file-upload__file-status--${n.uploadStatus}`},n.uploadStatus==="uploading"&&n.progress&&p("dga-loading",{size:"tiny",variant:"neutral"}),n.uploadStatus==="complete"&&p("i",{class:"hgi-solid hgi-checkmark-circle-02"})),p("span",{class:"file-upload__file-name"},n.name),p("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(e,n)},p("span",{class:"btn-icon"},p("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}}))))}render(){return p("div",{key:"0ac0885820d7ef8675411ad24e7dce5cc9ee890e",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},p("input",{key:"48779f1579cadee50ee9a462e2c98d4d22be48bd",type:"file",id:this.id,name:this.name,class:"file-upload__input",accept:this.accept,multiple:this.multiple,"aria-hidden":"true",onChange:this.handleFileSelection,ref:n=>this.fileInputRef=n}),p("label",{key:"9c4f2de69faa5caa5691d96dfb99c131f29b36d2",htmlFor:this.id,class:"file-upload__drop-area"},p("span",{key:"8872b8a29332cfa8ad23496aa24c2ebc975eae58",class:"file-upload__icon"},p("i",{key:"1fac6e78f1fb69fa58eff670bdebd0335950ea22",class:"hgi-stroke hgi-file-upload",style:{fontSize:"20px"}})),p("div",{key:"4def195843a691f4fb2b6e456e87703fd68b2c1c",class:"file-upload__content"},p("p",{key:"8cccc665c58f8554cf639846f1ce34c10f4b2d7c",class:"file-upload__instructions"},this.title),p("p",{key:"f6e7dbaae7807e2f91517730d9637d6a77019b0c",class:"file-upload__formats"},this.fileTypesText)),p("button",{key:"79e057f444845ca54395efbd7bb70a83231e633e",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var n;return(n=this.fileInputRef)===null||n===void 0?void 0:n.click()}},p("span",{key:"68e4fde8f38dab639804a9099228caabe0377626"},this.actionName))),p("div",{key:"13da95e0603310834e16b36a8d00db12b1f48cd2",class:"file-upload__files-list"},this.files.map((n,e)=>this.renderFile(n,e))))}},[0,"dga-file-upload",{id:[1],name:[1],accept:[1],multiple:[4],title:[1],fileTypesText:[1,"file-types-text"],actionName:[1,"action-name"],maximumFilesSize:[2,"maximum-files-size"],disabled:[4],getUploadedFile:[16],uploadFileOverSize:[16],onChange:[16],emitDeleteFile:[16],files:[32],dragState:[32]}]);function cd(){if(typeof customElements>"u")return;["dga-file-upload","dga-loading"].forEach(n=>{switch(n){case"dga-file-upload":customElements.get(n)||customElements.define(n,sg);break;case"dga-loading":customElements.get(n)||gg();break}})}const ld=sg,hd=cd,cg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleActive=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.add("active")},this.handleRemoveActive=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.remove("active")},this.handleFocus=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.add("focus")},this.handleFocusOut=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.remove("focus")},this.handleEscape=n=>{var e,o;n.key==="Escape"&&((o=(e=this.radioLabelRef)===null||e===void 0?void 0:e.querySelector("input"))===null||o===void 0||o.blur(),this.handleFocusOut())},this.color="brand",this.label=void 0,this.hasHelperText=!1,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.id=ln(),this.name=ln(),this.value="",this.checked=!1,this.customAttribute={key:"",value:""},this.onChange=void 0,this.onInput=void 0}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){window.removeEventListener("keydown",this.handleEscape)}render(){return p("label",{key:"e72695d9462bfc5ce6a3b7659b07b6d97294283e",ref:n=>this.radioLabelRef=n,class:`radio ${this.color?"radio--"+this.color:""}`,onMouseDown:this.handleActive,onMouseUp:this.handleRemoveActive,onMouseOut:this.handleRemoveActive,onChange:this.handleRemoveActive},p("div",{key:"8c6269b973c5a22473e6e4edcc6b412a71874bd6",class:"radio-main"},p("div",{key:"b8a49ec146fbf77915dfd11286d87c8e680c5445",class:"radio-main__content"},p("input",Object.assign({key:"73fdef071cbd5de0089ebfed399bbe7f324a4de3",type:"radio",name:this.name,value:this.value,id:this.id},this.customAttribute.key&&{[this.customAttribute.key]:this.customAttribute.value?this.customAttribute.value:""},{onChange:this.onChange,onInput:this.onInput,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,checked:this.checked})),p("div",{key:"145ba434414e2fb3e9efb3358c8607a78f3ca99d",class:"radio-container"}),p("div",{key:"e63241b9fe9b70f7f1dbf8688402e447c06aa230",class:"flex-column"},this.label&&p("span",{key:"a40987a2029388c5d86c91f5f3b78dbf13e33ec7",class:"radio__label"},this.label),this.hasHelperText&&this.helperText&&p("span",{key:"f55cc808060438fb1cc726acaeeadb28509ee72b",class:"radio__helper-text"},this.helperText))),this.alertMessage&&this.alertText&&p("div",{key:"805a8bcae52a9d3e81f49837f7688254d8838af3",class:"radio__warning"},p("span",{key:"f3912d949960890f36553240ec979dbb00b452a5",class:"radio__warning-icon"},p("i",{key:"b7d2befc4071d1948e171dfd32183e1ebbe94b96",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),p("span",{key:"0d8c08fdec582d4212bf9613e4d2e86e94dec98c",class:"radio__warning-text"},this.alertText))))}get el(){return this}},[0,"dga-radio-button",{color:[1],label:[1],hasHelperText:[4,"has-helper-text"],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],id:[1],name:[1],value:[1],checked:[4],customAttribute:[16],onChange:[16],onInput:[16]}]);function er(){if(typeof customElements>"u")return;["dga-radio-button"].forEach(n=>{switch(n){case"dga-radio-button":customElements.get(n)||customElements.define(n,cg);break}})}const lg=T(class extends L{constructor(){super(),this.__registerHost(),this.min=0,this.max=100,this.step=1,this.range=!0,this.label=void 0,this.showLabel=!0,this.showHelperText=!0,this.helperText=void 0,this.size="small",this.onChange=void 0,this.minValue=void 0,this.maxValue=void 0,this.initialMin=void 0,this.initialMax=void 0}calculatePositions(){const n=(this.minValue-this.min)/(this.max-this.min)*100,e=(this.maxValue-this.min)/(this.max-this.min)*100;this.minPos=n,this.maxPos=e,this.railColorStyle=this.range?{left:`${n}%`,width:`${e-n}%`}:{left:"0%",width:`${n}%`}}componentWillLoad(){this.minValue=this.initialMin!==void 0?this.initialMin:this.min,this.maxValue=this.initialMax!==void 0?this.initialMax:this.max,this.calculatePositions()}watchMinValue(n){this.minValue=n,this.calculatePositions()}watchMaxValue(n){this.maxValue=n,this.calculatePositions()}watchRangeValue(){this.calculatePositions()}watchInitialMin(){this.minValue=this.initialMin!==void 0?this.initialMin:this.min,this.calculatePositions()}watchInitialMax(){this.maxValue=this.initialMax!==void 0?this.initialMax:this.max,this.calculatePositions()}handleMinChange(n){const e=n.target,o=this.range?Math.min(+e.value,this.maxValue-this.step):Math.min(+e.value);this.minValue=o,this.onChange({max:this.maxValue,min:this.minValue}),this.calculatePositions()}handleMaxChange(n){const e=n.target,o=Math.max(+e.value,this.minValue+this.step);this.maxValue=o,this.onChange({max:this.maxValue,min:this.minValue}),this.calculatePositions()}render(){return p("div",{key:"6dcc5a7bc77aec1a3520cb37436fec65693a91ed",class:`range-slider-wrapper ${this.size}`},p("div",{key:"5bb9e0b0024bfbe947500e5da145bbbd3c374c3a",class:"range-slider-input-wrapper"},p("input",{key:"4bea67b02a081012571fe8305edfae1367c9fa27",class:"range-slider-input",type:"range",value:this.minValue,min:this.min,max:this.max,step:this.step,onInput:this.handleMinChange.bind(this)}),this.range&&p("input",{key:"6cc1810d4db834583419f6b2ebf838568b8622e7",class:"range-slider-input",type:"range",value:this.maxValue,min:this.min,max:this.max,step:this.step,onInput:this.handleMaxChange.bind(this)})),p("div",{key:"2afc5570bfc081c53b7f116d3a3c220b254da589",class:"range-slider-container"},this.showLabel&&p("h3",{key:"7c74c7763430f014967e45499886c074107066f2"},this.label),p("div",{key:"3fb68766bf0f9b87c9abff4eaa68f5198a01a70f",class:"range-slider-control-wrapper"},p("div",{key:"c02187420d1c49ff78752418ee7d35588fb73229",class:"range-slider-control",style:{left:`${this.minPos}%`}}),p("div",{key:"0e0aa237cd75a5dddd2eb511c275948a65b0e9a2",class:"range-slider-rail"},this.range&&p("div",{key:"70eefe3c94ddab50ad523fe83d20a50c23f8ebc0",class:"range-slider-number_left"},this.minValue),p("div",{key:"0b14293a68b2636db953d40fe64a8a5c0b70d1c7",class:"range-slider-inner-rail",style:this.railColorStyle}),this.range&&p("div",{key:"6f8f905ca8d909255b7728f299d39208cd518388",class:"range-slider-number_right"},this.maxValue),!this.range&&p("div",{key:"a87d8b4c7ea63aeec862894df083b9500b12ebff",class:"range-slider-number_right"},this.minValue)),this.range&&p("div",{key:"8f477d579b7e30f66012206d46737a33bec0127b",class:"range-slider-control",style:{left:`${this.maxPos}%`}}),this.showHelperText&&this.helperText&&p("div",{key:"2188f3a4c53f4b206fbd1f08f35cb4fecad56349",class:"range-slider-note"},p("div",{key:"8fad37d6f379d03f6f42524f041115cda661d02d",class:"range-slider-note-icon"},p("svg",{key:"d67133621ac485de3c5e9887745f6cfdb5f50605",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p("g",{key:"e3300fd06705fd8b6a403416a0419af74360a8a9","clip-path":"url(#clip0_17869_405)"},p("path",{key:"185d7b4adf14507f0bb8fe47f9a66f4d3e840c2b",d:"M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z",stroke:"#384250","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),p("defs",{key:"f11d041db1665d65508305c38b5bdb2082b3d6ca"},p("clipPath",{key:"1da186d4118b01520b1aa96b89ad0ca198c05cd2",id:"clip0_17869_405"},p("rect",{key:"c2e668027947fb7419550b952d2614d7b44cc501",width:"16",height:"16",fill:"white"}))))),p("div",{key:"62c37eb8adda8bc00c9c3b99994286ffb55c7222",class:"range-slider-note-content"},p("p",{key:"c96943758d611ad3b650cc8c3fa6a4c34601ca30"},this.helperText))))))}static get watchers(){return{min:["watchMinValue"],max:["watchMaxValue"],range:["watchRangeValue"],initialMin:["watchInitialMin"],initialMax:["watchInitialMax"]}}},[0,"dga-slider",{min:[2],max:[2],step:[2],range:[4],label:[1],showLabel:[4,"show-label"],showHelperText:[4,"show-helper-text"],helperText:[1,"helper-text"],size:[1],onChange:[16],initialMin:[2,"initial-min"],initialMax:[2,"initial-max"],minValue:[32],maxValue:[32]},void 0,{min:["watchMinValue"],max:["watchMaxValue"],range:["watchRangeValue"],initialMin:["watchInitialMin"],initialMax:["watchInitialMax"]}]);function or(){if(typeof customElements>"u")return;["dga-slider"].forEach(n=>{switch(n){case"dga-slider":customElements.get(n)||customElements.define(n,lg);break}})}const dd=`@charset "UTF-8";
|
|
244514
|
+
`},p("side-panel-menu",{key:"b5bb12cff944609a29fe4d563d947225a4bd0dde",routes:this.routes}))}},[0,"dga-drawer",{background:[1],overlay:[4],border:[4],collapsed:[4],routes:[16]}]);function ed(){if(typeof customElements>"u")return;["dga-drawer","dga-tag","side-panel-menu","submenu-component","tab-component","tab-link"].forEach(n=>{switch(n){case"dga-drawer":customElements.get(n)||customElements.define(n,og);break;case"dga-tag":customElements.get(n)||De();break;case"side-panel-menu":customElements.get(n)||eg();break;case"submenu-component":customElements.get(n)||oo();break;case"tab-component":customElements.get(n)||nr();break;case"tab-link":customElements.get(n)||eo();break}})}const od=og,td=ed,tg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleClickOutside=n=>{var e;this.containerRef&&!this.containerRef.contains(n.target)&&((e=this.btnRef)===null||e===void 0||e.classList.remove("open"))},this.id=ln(),this.placeholder=void 0,this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.getSelectedOptions=void 0,this.extraClass=void 0,this.optionList=[]}componentWillLoad(){this.initializeOptions()}initializeOptions(){const n=[...this.options].map(e=>(e.selected||(e.selected=!1),e));this.optionList=n}setSelectedOptions(n,e){const o=[...this.optionList];this.multiSelect?(o[e].selected=!o[e].selected,this.getSelectedOptions&&this.getSelectedOptions({selectedList:o.filter(t=>t.selected),selectedOption:n,selectedIndex:e})):(o.forEach(t=>t.selected=!1),o[e].selected=!o[e].selected,this.getSelectedOptions&&this.getSelectedOptions(n)),this.optionList=o}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleAddPressed(n){n.currentTarget.classList.add("active")}handleRemovePressed(n){n.currentTarget.classList.remove("active")}handleToggleDropdown(n){n.currentTarget.classList.toggle("open")}handleSelectSingleOption(n,e,o){var t;this.setSelectedOptions(e,o);const r=n.target,a=r.closest(".dropdown"),g=a.querySelector(".dropdown__label"),s=a.querySelector(".dropdown__option.selected");r.classList.contains("selected")||(g.classList.remove("dropdown__label--selection"),s==null||s.classList.remove("selected"),r.classList.add("selected"),g.textContent=(t=r.querySelector(".dropdown__option-label"))===null||t===void 0?void 0:t.textContent,g.classList.add("dropdown__label--selection")),a.querySelector(".dropdown__btn").classList.remove("open")}getSelectedChoices(n){const e={values:[],labels:[]};return n.querySelectorAll(".dropdown__option.selected").forEach(o=>{var t;const r=o.getAttribute("data-value"),a=(t=o.querySelector(".dropdown__option-label"))===null||t===void 0?void 0:t.textContent;e.values.push(r),e.labels.push(a)}),e}handleMultiOptionClicked(n,e,o){this.setSelectedOptions(e,o);const t=n.target;t.classList.toggle("selected");const r=t.closest(".dropdown"),a=r.querySelector(".dropdown__label"),{values:g,labels:s}=this.getSelectedChoices(r);r.setAttribute("data-value",g.join(", ")),a.textContent=s.join(", "),g.length?a.classList.add("dropdown__label--selection"):a.classList.remove("dropdown__label--selection")}render(){return p("div",{key:"177bcc1b49fae67eb1f96e0db93a7245262b990b",id:this.id,ref:n=>this.containerRef=n,class:`dropdown dropdown--${this.size} ${this.error?"dropdown--error":""} ${this.variant!=="default"?`dropdown--${this.variant}`:""} ${this.disabled?"dropdown--disabled":""} ${this.readonly?"dropdown--readonly":""} ${this.multiSelect?"dropdown--multi-select":""} ${this.extraClass||""}`},p("button",{key:"36c4cf5e7dd8538c9723ec606fdb39fdda8eab5a",class:"dropdown__btn",ref:n=>this.btnRef=n,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},p("span",{key:"8e37b5708877978cedb00742df63595b4345845a",class:"dropdown__label"}),p("span",{key:"a833c40d4f86deb3de2ee7b900e8ccf6ca6167d3",class:"dropdown__label-placeholder"},this.placeholder),p("span",{key:"95adad57eaed4ee5efe913c6edc70514a1456cf1",class:"dropdown__chevron"},p("dga-icon",{key:"8c0ef68dbde8ea3a35f270ae64527eeb3a8b9612",icon:"ArrowDown01Icon",variant:"stroke"}))),p("ul",{key:"906e411a0681621880768eecb0f15e34143b4739",class:"dropdown__list"},this.optionList.map((n,e)=>this.multiSelect?p("li",{key:n[this.trackBy]?n[this.trackBy]:ln()},p("button",{class:"dropdown__option dropdown__option--checkbox","data-value":n[this.trackBy]?n[this.trackBy]:"",onClick:o=>this.handleMultiOptionClicked(o,n,e),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},p("div",{class:"dropdown__option-icon-container"},p("span",{class:"dropdown__option-icon"},p("i",{class:"hgi-solid hgi-tick-02",style:{fontSize:"20px"}}))),p("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""))):p("li",{key:n[this.trackBy]?n[this.trackBy]:ln()},p("button",{class:"dropdown__option",type:"button",onClick:o=>this.handleSelectSingleOption(o,n,e),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this)},p("span",{class:"dropdown__option-label"},n[this.optionLabel]?n[this.optionLabel]:""),p("span",{class:"dropdown__option-icon"},p("dga-icon",{icon:"Tick02Icon",variant:"solid"})))))))}get el(){return this}static get watchers(){return{options:["initializeOptions"]}}},[0,"dga-dropdown",{id:[1],placeholder:[1],size:[1],variant:[1],error:[4],disabled:[4],readonly:[4],multiSelect:[4,"multi-select"],options:[16],optionLabel:[1,"option-label"],trackBy:[1,"track-by"],getSelectedOptions:[16],extraClass:[1,"extra-class"],optionList:[32]},void 0,{options:["initializeOptions"]}]);function rd(){if(typeof customElements>"u")return;["dga-dropdown","dga-icon"].forEach(n=>{switch(n){case"dga-dropdown":customElements.get(n)||customElements.define(n,tg);break;case"dga-icon":customElements.get(n)||on();break}})}const ad=tg,id=rd,rg=T(class extends L{constructor(){super(),this.__registerHost(),this.iconFonts={xl:28,lg:24,md:20,sm:16},this.size="md",this.color="brand",this.variant="light",this.circle=!0,this.icon=void 0}render(){return p("div",{key:"e4f811d5e535d24072491bce462d78a338bf2bfc",class:`dga-featured-icon ${this.circle?"dga-featured-icon--circle":""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}`},p("dga-icon",{key:"f2ff5a8312367997792473b85c7d49081f89f2a6",icon:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:this.iconFonts[this.size]}))}},[0,"dga-featured-icon",{size:[1],color:[1],variant:[1],circle:[4],icon:[16]}]);function ag(){if(typeof customElements>"u")return;["dga-featured-icon","dga-icon"].forEach(n=>{switch(n){case"dga-featured-icon":customElements.get(n)||customElements.define(n,rg);break;case"dga-icon":customElements.get(n)||on();break}})}const gd=rg,sd=ag,ig=T(class extends L{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const n=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return p("div",{key:"e29c981060aa1ff2d86e109d68367e9451a4db8f",class:n},p("div",{key:"9d50ef6c21f5c2343d32ab888c322685481ef558",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function gg(){if(typeof customElements>"u")return;["dga-loading"].forEach(n=>{switch(n){case"dga-loading":customElements.get(n)||customElements.define(n,ig);break}})}const sg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleFileSelection=n=>{const e=n.target;this.onChange&&this.onChange(n);const o=e.files;if(o){if(this.maximumFilesSize&&Array.from(o).some(a=>a.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const t=Array.from(o).map(r=>({name:r.name,uploadStatus:"pending"}));this.files=[...this.files,...t],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=n=>{n.preventDefault(),n.stopPropagation();const e=n.dataTransfer.files;if(e){const o=Array.from(e).map(t=>({name:t.name,uploadStatus:"pending"}));this.files=[...this.files,...o]}this.dragState=!1},this.addDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!0},this.removeDragOverClass=n=>{n.preventDefault(),n.stopPropagation(),this.dragState=!1},this.id=ln(),this.name=ln(),this.accept=void 0,this.multiple=void 0,this.title="Drag and drop files here to upload",this.fileTypesText="Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.",this.actionName="Browse Files",this.maximumFilesSize=void 0,this.disabled=!1,this.getUploadedFile=void 0,this.uploadFileOverSize=void 0,this.onChange=void 0,this.emitDeleteFile=void 0,this.files=[],this.dragState=!1}componentDidLoad(){const n=document.querySelector(".file-upload__drop-area");n.addEventListener("dragover",this.addDragOverClass),n.addEventListener("dragleave",this.removeDragOverClass),n.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const n=document.querySelector(".file-upload__drop-area");n.removeEventListener("dragover",this.addDragOverClass),n.removeEventListener("dragleave",this.removeDragOverClass),n.removeEventListener("drop",this.handleDrop)}handleDeleteFile(n,e){this.files=[...this.files.slice(0,n),...this.files.slice(n+1)],this.emitDeleteFile&&this.emitDeleteFile(e,n)}renderFile(n,e){return n.uploadStatus==="error"?p("div",{class:"file-upload__file-item--error"},p("div",{class:"file-upload__file-item"},p("span",{class:"file-upload__file-status file-upload__file-status--error"},p("i",{class:"hgi-solid hgi-alert-circle",style:{fontSize:"20px"}})),p("span",{class:"file-upload__file-name"},n.name),p("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(e,n)},p("span",{class:"btn-icon"},p("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),p("div",{class:"file-upload__file-item-msg"},n.errorMessage?n.errorMessage:"Here goes the helper text.")):p("div",{class:"file-upload__file-item"},p("span",{class:`file-upload__file-status file-upload__file-status--${n.uploadStatus}`},n.uploadStatus==="uploading"&&n.progress&&p("dga-loading",{size:"tiny",variant:"neutral"}),n.uploadStatus==="complete"&&p("i",{class:"hgi-solid hgi-checkmark-circle-02"})),p("span",{class:"file-upload__file-name"},n.name),p("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(e,n)},p("span",{class:"btn-icon"},p("i",{class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}}))))}render(){return p("div",{key:"0ac0885820d7ef8675411ad24e7dce5cc9ee890e",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},p("input",{key:"48779f1579cadee50ee9a462e2c98d4d22be48bd",type:"file",id:this.id,name:this.name,class:"file-upload__input",accept:this.accept,multiple:this.multiple,"aria-hidden":"true",onChange:this.handleFileSelection,ref:n=>this.fileInputRef=n}),p("label",{key:"9c4f2de69faa5caa5691d96dfb99c131f29b36d2",htmlFor:this.id,class:"file-upload__drop-area"},p("span",{key:"8872b8a29332cfa8ad23496aa24c2ebc975eae58",class:"file-upload__icon"},p("i",{key:"1fac6e78f1fb69fa58eff670bdebd0335950ea22",class:"hgi-stroke hgi-file-upload",style:{fontSize:"20px"}})),p("div",{key:"4def195843a691f4fb2b6e456e87703fd68b2c1c",class:"file-upload__content"},p("p",{key:"8cccc665c58f8554cf639846f1ce34c10f4b2d7c",class:"file-upload__instructions"},this.title),p("p",{key:"f6e7dbaae7807e2f91517730d9637d6a77019b0c",class:"file-upload__formats"},this.fileTypesText)),p("button",{key:"79e057f444845ca54395efbd7bb70a83231e633e",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var n;return(n=this.fileInputRef)===null||n===void 0?void 0:n.click()}},p("span",{key:"68e4fde8f38dab639804a9099228caabe0377626"},this.actionName))),p("div",{key:"13da95e0603310834e16b36a8d00db12b1f48cd2",class:"file-upload__files-list"},this.files.map((n,e)=>this.renderFile(n,e))))}},[0,"dga-file-upload",{id:[1],name:[1],accept:[1],multiple:[4],title:[1],fileTypesText:[1,"file-types-text"],actionName:[1,"action-name"],maximumFilesSize:[2,"maximum-files-size"],disabled:[4],getUploadedFile:[16],uploadFileOverSize:[16],onChange:[16],emitDeleteFile:[16],files:[32],dragState:[32]}]);function cd(){if(typeof customElements>"u")return;["dga-file-upload","dga-loading"].forEach(n=>{switch(n){case"dga-file-upload":customElements.get(n)||customElements.define(n,sg);break;case"dga-loading":customElements.get(n)||gg();break}})}const ld=sg,hd=cd,cg=T(class extends L{constructor(){super(),this.__registerHost(),this.handleActive=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.add("active")},this.handleRemoveActive=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.remove("active")},this.handleFocus=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.add("focus")},this.handleFocusOut=()=>{var n;(n=this.radioLabelRef)===null||n===void 0||n.classList.remove("focus")},this.handleEscape=n=>{var e,o;n.key==="Escape"&&((o=(e=this.radioLabelRef)===null||e===void 0?void 0:e.querySelector("input"))===null||o===void 0||o.blur(),this.handleFocusOut())},this.color="brand",this.label=void 0,this.hasHelperText=!1,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.id=ln(),this.name=ln(),this.value="",this.checked=!1,this.customAttribute={key:"",value:""},this.onChange=void 0,this.onInput=void 0}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){window.removeEventListener("keydown",this.handleEscape)}render(){return p("label",{key:"e72695d9462bfc5ce6a3b7659b07b6d97294283e",ref:n=>this.radioLabelRef=n,class:`radio ${this.color?"radio--"+this.color:""}`,onMouseDown:this.handleActive,onMouseUp:this.handleRemoveActive,onMouseOut:this.handleRemoveActive,onChange:this.handleRemoveActive},p("div",{key:"8c6269b973c5a22473e6e4edcc6b412a71874bd6",class:"radio-main"},p("div",{key:"b8a49ec146fbf77915dfd11286d87c8e680c5445",class:"radio-main__content"},p("input",Object.assign({key:"73fdef071cbd5de0089ebfed399bbe7f324a4de3",type:"radio",name:this.name,value:this.value,id:this.id},this.customAttribute.key&&{[this.customAttribute.key]:this.customAttribute.value?this.customAttribute.value:""},{onChange:this.onChange,onInput:this.onInput,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,checked:this.checked})),p("div",{key:"145ba434414e2fb3e9efb3358c8607a78f3ca99d",class:"radio-container"}),p("div",{key:"e63241b9fe9b70f7f1dbf8688402e447c06aa230",class:"flex-column"},this.label&&p("span",{key:"a40987a2029388c5d86c91f5f3b78dbf13e33ec7",class:"radio__label"},this.label),this.hasHelperText&&this.helperText&&p("span",{key:"f55cc808060438fb1cc726acaeeadb28509ee72b",class:"radio__helper-text"},this.helperText))),this.alertMessage&&this.alertText&&p("div",{key:"805a8bcae52a9d3e81f49837f7688254d8838af3",class:"radio__warning"},p("span",{key:"f3912d949960890f36553240ec979dbb00b452a5",class:"radio__warning-icon"},p("i",{key:"b7d2befc4071d1948e171dfd32183e1ebbe94b96",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),p("span",{key:"0d8c08fdec582d4212bf9613e4d2e86e94dec98c",class:"radio__warning-text"},this.alertText))))}get el(){return this}},[0,"dga-radio-button",{color:[1],label:[1],hasHelperText:[4,"has-helper-text"],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],id:[1],name:[1],value:[1],checked:[4],customAttribute:[16],onChange:[16],onInput:[16]}]);function er(){if(typeof customElements>"u")return;["dga-radio-button"].forEach(n=>{switch(n){case"dga-radio-button":customElements.get(n)||customElements.define(n,cg);break}})}const lg=T(class extends L{constructor(){super(),this.__registerHost(),this.min=0,this.max=100,this.step=1,this.range=!0,this.label=void 0,this.showLabel=!0,this.showHelperText=!0,this.helperText=void 0,this.size="small",this.onChange=void 0,this.minValue=void 0,this.maxValue=void 0,this.initialMin=void 0,this.initialMax=void 0}calculatePositions(){const n=(this.minValue-this.min)/(this.max-this.min)*100,e=(this.maxValue-this.min)/(this.max-this.min)*100;this.minPos=n,this.maxPos=e,this.railColorStyle=this.range?{left:`${n}%`,width:`${e-n}%`}:{left:"0%",width:`${n}%`}}componentWillLoad(){this.minValue=this.initialMin!==void 0?this.initialMin:this.min,this.maxValue=this.initialMax!==void 0?this.initialMax:this.max,this.calculatePositions()}watchMinValue(n){this.minValue=n,this.calculatePositions()}watchMaxValue(n){this.maxValue=n,this.calculatePositions()}watchRangeValue(){this.calculatePositions()}watchInitialMin(){this.minValue=this.initialMin!==void 0?this.initialMin:this.min,this.calculatePositions()}watchInitialMax(){this.maxValue=this.initialMax!==void 0?this.initialMax:this.max,this.calculatePositions()}handleMinChange(n){const e=n.target,o=this.range?Math.min(+e.value,this.maxValue-this.step):Math.min(+e.value);this.minValue=o,this.onChange({max:this.maxValue,min:this.minValue}),this.calculatePositions()}handleMaxChange(n){const e=n.target,o=Math.max(+e.value,this.minValue+this.step);this.maxValue=o,this.onChange({max:this.maxValue,min:this.minValue}),this.calculatePositions()}render(){return p("div",{key:"6dcc5a7bc77aec1a3520cb37436fec65693a91ed",class:`range-slider-wrapper ${this.size}`},p("div",{key:"5bb9e0b0024bfbe947500e5da145bbbd3c374c3a",class:"range-slider-input-wrapper"},p("input",{key:"4bea67b02a081012571fe8305edfae1367c9fa27",class:"range-slider-input",type:"range",value:this.minValue,min:this.min,max:this.max,step:this.step,onInput:this.handleMinChange.bind(this)}),this.range&&p("input",{key:"6cc1810d4db834583419f6b2ebf838568b8622e7",class:"range-slider-input",type:"range",value:this.maxValue,min:this.min,max:this.max,step:this.step,onInput:this.handleMaxChange.bind(this)})),p("div",{key:"2afc5570bfc081c53b7f116d3a3c220b254da589",class:"range-slider-container"},this.showLabel&&p("h3",{key:"7c74c7763430f014967e45499886c074107066f2"},this.label),p("div",{key:"3fb68766bf0f9b87c9abff4eaa68f5198a01a70f",class:"range-slider-control-wrapper"},p("div",{key:"c02187420d1c49ff78752418ee7d35588fb73229",class:"range-slider-control",style:{left:`${this.minPos}%`}}),p("div",{key:"0e0aa237cd75a5dddd2eb511c275948a65b0e9a2",class:"range-slider-rail"},this.range&&p("div",{key:"70eefe3c94ddab50ad523fe83d20a50c23f8ebc0",class:"range-slider-number_left"},this.minValue),p("div",{key:"0b14293a68b2636db953d40fe64a8a5c0b70d1c7",class:"range-slider-inner-rail",style:this.railColorStyle}),this.range&&p("div",{key:"6f8f905ca8d909255b7728f299d39208cd518388",class:"range-slider-number_right"},this.maxValue),!this.range&&p("div",{key:"a87d8b4c7ea63aeec862894df083b9500b12ebff",class:"range-slider-number_right"},this.minValue)),this.range&&p("div",{key:"8f477d579b7e30f66012206d46737a33bec0127b",class:"range-slider-control",style:{left:`${this.maxPos}%`}}),this.showHelperText&&this.helperText&&p("div",{key:"2188f3a4c53f4b206fbd1f08f35cb4fecad56349",class:"range-slider-note"},p("div",{key:"8fad37d6f379d03f6f42524f041115cda661d02d",class:"range-slider-note-icon"},p("svg",{key:"d67133621ac485de3c5e9887745f6cfdb5f50605",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p("g",{key:"e3300fd06705fd8b6a403416a0419af74360a8a9","clip-path":"url(#clip0_17869_405)"},p("path",{key:"185d7b4adf14507f0bb8fe47f9a66f4d3e840c2b",d:"M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z",stroke:"#384250","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})),p("defs",{key:"f11d041db1665d65508305c38b5bdb2082b3d6ca"},p("clipPath",{key:"1da186d4118b01520b1aa96b89ad0ca198c05cd2",id:"clip0_17869_405"},p("rect",{key:"c2e668027947fb7419550b952d2614d7b44cc501",width:"16",height:"16",fill:"white"}))))),p("div",{key:"62c37eb8adda8bc00c9c3b99994286ffb55c7222",class:"range-slider-note-content"},p("p",{key:"c96943758d611ad3b650cc8c3fa6a4c34601ca30"},this.helperText))))))}static get watchers(){return{min:["watchMinValue"],max:["watchMaxValue"],range:["watchRangeValue"],initialMin:["watchInitialMin"],initialMax:["watchInitialMax"]}}},[0,"dga-slider",{min:[2],max:[2],step:[2],range:[4],label:[1],showLabel:[4,"show-label"],showHelperText:[4,"show-helper-text"],helperText:[1,"helper-text"],size:[1],onChange:[16],initialMin:[2,"initial-min"],initialMax:[2,"initial-max"],minValue:[32],maxValue:[32]},void 0,{min:["watchMinValue"],max:["watchMaxValue"],range:["watchRangeValue"],initialMin:["watchInitialMin"],initialMax:["watchInitialMax"]}]);function or(){if(typeof customElements>"u")return;["dga-slider"].forEach(n=>{switch(n){case"dga-slider":customElements.get(n)||customElements.define(n,lg);break}})}const dd=`@charset "UTF-8";
|
|
244515
244515
|
/*
|
|
244516
244516
|
0 - 600px: Phone
|
|
244517
244517
|
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)=>{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";
|
|
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:"sharp",variant:"stroke"},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
|
|
@@ -255402,7 +255402,7 @@ a:focus {
|
|
|
255402
255402
|
max-width: calc(50% - 24px + 12px);
|
|
255403
255403
|
min-width: auto;
|
|
255404
255404
|
}
|
|
255405
|
-
}`,Sd=_d,fg=T(class extends L{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.background=void 0,this.NavLinks=void 0,this.mainTitle="",this.mainDescription="",this.mainLink=void 0,this.mainLinkTilte="",this.mainImage="",this.copyright="",this.groupLinks=[],this.socialMediaTitle="Social Media",this.socialMediaLinks=[],this.accessibilityTitle="Accessibility Tools",this.accessibilityLinks=[],this.basicLinks=[],this.extraLinks=[],this.bottomImages=[]}render(){return p("footer",{key:"9c07c77f260368a2385d81bc4135d5cd6cec69f3",class:`footer ${this.background==="DarkGreen"?"footer--bg-brand":""}`},p("section",{key:"98f9f0c8c28106db0faf75eb2f879444fd0d3cfb",class:"footer-content"},(this.mainLinkTilte||this.mainImage)&&p("div",{key:"3b00402cfcedf07f14e9a1d36637b94746d02e03",class:"footer-icon-section"},p("a",{key:"2d01bf6dc0b5e13fce3fbfa0095f7006f86a8226",class:this.background==="DarkGreen"?"link--on-color":"",href:this.mainLink||"#",target:"_blank",rel:"noopener noreferrer"},this.mainLinkTilte)),(this.mainTitle||this.mainDescription)&&p("div",{key:"47d0b18145b454e2e4aa098115207ed1966e222c",class:"footer-title-description"},p("h3",{key:"4cb51ad4058384cbce377183c6cedef66fce8ae7",class:this.background==="DarkGreen"?"link--on-color":""},this.mainTitle),p("p",{key:"93d80f80bbe5bba0c790febf26e7da544ce0c16a",class:this.background==="DarkGreen"?"link--on-color":""},this.mainDescription)),this.NavLinks&&p("section",{key:"dc6e5914820a028082b622e0cea42ad099c82c76",class:"footer__nav-links"},this.groupLinks.map(n=>p("div",{class:"footer__nav-links-column"},p("div",{class:"footer__nav-links-column-title"},n.title),p("ul",{class:"footer__nav-links-column-body"},n.links.map(e=>p("li",null,p("a",{href:e.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},e.name))))))),p("div",{key:"66e9be3bf6a237bad2767f1be3956314868e9505",class:"footer__nav-links-column"},this.socialMediaLinks.length>0&&p("div",{key:"e07abad5c3598ec54e7f8c2c5f4911b74afadeef"},this.socialMediaTitle&&p("div",{key:"48f1b9bfc27039b11c1c354ca23c9b73babc0108",class:"footer__nav-links-column-title"},this.socialMediaTitle),p("div",{key:"2337c5022a8624c19468a47de3b6070648587b9b",class:"flex icons-container"},this.socialMediaLinks.map(n=>p("a",{href:n.target,title:n.title,class:`btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background} `},p("span",{class:"btn-icon"},n.icon))))),this.accessibilityLinks.length>0&&p("div",{key:"878f8ab08efe41a9c4b9c4d936c2c768916b0cf4"},p("div",{key:"8f9b854a761b01ba59dcde5e26589818081365ef",class:"footer__nav-links-column-title"},this.accessibilityTitle),p("div",{key:"a038e65d811bf49a7ac5ababb24f85a61f85ee5f",class:"flex icons-container"},this.accessibilityLinks.map(n=>p("a",{href:n.target,title:n.title,class:`btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background}`},p("span",{class:"btn-icon"},n.icon))))))),p("section",{key:"d365b5f2b2de1797b3a67f118d63750acc0e53e2",class:"footer__basic"},p("div",{key:"5713920b6bbbf627a21763f0627329a24dc1d3ea",class:"footer__actions-copyright"},p("ul",{key:"91e7178c4299d38c37eaf35aa57113b217b41a7a",class:"footer__actions"},this.basicLinks.map(n=>p("li",null,p("a",{href:n.target,class:`link link--sm link--neutral link--inline ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},n.name))))),this.copyright&&p("p",{key:"06d97cd11cf718243ad378fc320005e74e83c111",class:"footer__copyright text-sm-semibold"},this.copyright),p("ul",{key:"c32166d067eae872db9386f864f2ebad4f7232ca",class:"footer__extra-actions"},this.extraLinks.map(n=>p("li",null,p("a",{href:n.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},n.name)))))),p("div",{key:"32299df976f042605f4f10bbe978e6964644eae9",class:"footer__logos"},this.bottomImages.map(n=>p("img",{src:n,key:ln()}))))))}static get style(){return Sd}},[1,"dga-footer",{background:[1],NavLinks:[4,"nav-links"],mainTitle:[1,"main-title"],mainDescription:[1,"main-description"],mainLink:[1,"main-link"],mainLinkTilte:[1,"main-link-tilte"],mainImage:[1,"main-image"],copyright:[1],groupLinks:[16],socialMediaTitle:[1,"social-media-title"],socialMediaLinks:[16],accessibilityTitle:[1,"accessibility-title"],accessibilityLinks:[16],basicLinks:[16],extraLinks:[16],bottomImages:[16]}]);function Ad(){if(typeof customElements>"u")return;["dga-footer"].forEach(n=>{switch(n){case"dga-footer":customElements.get(n)||customElements.define(n,fg);break}})}const Md=fg,Id=Ad,tr=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.icon=void 0,this.active=!1,this.extraClasses="",this.onClick=void 0}handleClick(n){n.preventDefault(),this.onClick&&this.onClick()}render(){return p("li",{key:"87c014869ac7b9a3849e136f3e85ade80cdf30e8"},p("a",{key:"9f9ab138d79f5bd096a4e827a93b269a76ea79f6",href:"#",class:`header-menu__item ${this.active?"header-menu__item--active":""} ${this.extraClasses}`,onClick:this.handleClick.bind(this)},p("span",{key:"7ef4f3b7277a4953e397c2c289291234f8bd2318",class:"header-menu__item-arrow"},p("dga-icon",{key:"c4560b14c214fbc94ea020a1fd2d189b6624e5b6",icon:this.icon})),p("span",{key:"d044e8567fd8989c215edf37ba4fdb6d124c7aeb",class:"header-menu__item-label"},this.label)))}},[0,"dga-header-action-btn",{label:[1],icon:[1],active:[4],extraClasses:[1,"extra-classes"],onClick:[16]}]);function Cd(){if(typeof customElements>"u")return;["dga-header-action-btn","dga-icon"].forEach(n=>{switch(n){case"dga-header-action-btn":customElements.get(n)||customElements.define(n,tr);break;case"dga-icon":customElements.get(n)||on();break}})}const zd=tr,Pd=Cd,rr=T(class extends L{constructor(){super(),this.__registerHost(),this.fullWidth=!0,this.divider=!0,this.sticky=!1}render(){return p("header",{key:"d1b576da55d1d29d8b42f4f3e31af131d78e6c25",class:`header ${this.divider?"header--divider":""} ${this.sticky?"header--sticky":""}`},p("nav",{key:"c30bb2507f23a5b525aa27b555d24e2ce2873335",class:`header-nav--${this.fullWidth?"full":"fixed"}`},p("slot",{key:"6a6f55c56820049787d01e2c3066c10f62efb7bb"})))}},[4,"dga-nav-header",{fullWidth:[4,"full-width"],divider:[4],sticky:[4]}]);function qd(){if(typeof customElements>"u")return;["dga-nav-header"].forEach(n=>{switch(n){case"dga-nav-header":customElements.get(n)||customElements.define(n,rr);break}})}const ar=T(class extends L{constructor(){super(),this.__registerHost(),this.toggleCollapsed=Fn(this,"toggleCollapsed",7),this.handleToggle=()=>{this.toggleCollapsed.emit(!this.collapsed)},this.collapsed=!1}render(){return p("div",{key:"3b7ae380221de6759495dd817444c98e73dbe0ff",class:"header-nav__main"},p("button",{key:"a7423ae5678f8db2981842fd9270842820067de0",type:"button",onClick:this.handleToggle,class:"header-menu__btn"},p("span",{key:"de1bcd34a9ba42d15c814fc2194cd634422e7de9",class:"btn-icon header-menu__btn-icon"},p("dga-icon",{key:"c310fd4205acfbe4165b1fd63e0e1719ed8a5680",icon:this.collapsed?"menu01":"cancel01"}))),p("slot",{key:"dc3e96e6e08e4e04cd2bd0aca557d27b6041619c"}))}},[4,"dga-nav-header-main",{collapsed:[4]}]);function Bd(){if(typeof customElements>"u")return;["dga-nav-header-main","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-main":customElements.get(n)||customElements.define(n,ar);break;case"dga-icon":customElements.get(n)||on();break}})}const ir=T(class extends L{constructor(){super(),this.__registerHost(),this.logoSrc=void 0,this.logoAlt=void 0,this.logoLink="#",this.govSrc=void 0,this.govAlt=void 0,this.govLink="#"}render(){return p("div",{key:"627d9e3def4a02c9cd2b5d3bafcd569b1021e740",class:"header-nav__branding"},this.govSrc&&p("div",{key:"607cb308923393553d48fd9dda18b4b97c8af4f3",class:"flex xs-hide"},p("a",{key:"f4fa7cd7f9a9a08eed7e9587b59b42a011bc9419",href:this.govLink},p("img",{key:"67438b729c48efe24dd788a8ab306be627dae1a2",src:this.govSrc,alt:this.govAlt})),p("div",{key:"df6b3beff9b29384b89e37b7a3da024d98551293",class:"ver-divider"})),p("a",{key:"024896f219e77eccc59124143f1596ad20b7c72d",href:this.logoLink,class:"header__logo"},p("img",{key:"43a6b71c83de8ceff69ad531f7d51843f5519dac",src:this.logoSrc,alt:this.logoAlt})))}},[0,"dga-nav-header-logos",{logoSrc:[1,"logo-src"],logoAlt:[1,"logo-alt"],logoLink:[1,"logo-link"],govSrc:[1,"gov-src"],govAlt:[1,"gov-alt"],govLink:[1,"gov-link"]}]);function Ed(){if(typeof customElements>"u")return;["dga-nav-header-logos"].forEach(n=>{switch(n){case"dga-nav-header-logos":customElements.get(n)||customElements.define(n,ir);break}})}const gr=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p("ul",{key:"4b42e042fff65450b48c1fd1fc3fd7d0b2e6c156",class:"header-nav__menu"},p("slot",{key:"a74addcd011154edcc5d9f03a419e0b8be07c41e"}))}},[4,"dga-nav-header-menu"]);function Dd(){if(typeof customElements>"u")return;["dga-nav-header-menu"].forEach(n=>{switch(n){case"dga-nav-header-menu":customElements.get(n)||customElements.define(n,gr);break}})}const ug=T(class extends L{constructor(){super(),this.__registerHost(),this.active=!1,this.subMenuFullWidth=!1,this.background=void 0}onActiveChange(){this.active&&this.submenu?(this.submenu.style.display="block",this.submenu.style.maxHeight=`${this.submenu.scrollHeight}px`):this.submenu&&(this.submenu.style.maxHeight="")}componentDidLoad(){this.submenu=this.el.shadowRoot.querySelector(".header__sub-menu"),this.onActiveChange()}render(){const n=this.background==="Brand"?"header__sub-menu--bg-brand":"",e=this.subMenuFullWidth?"header__sub-menu--full":"";return p("div",{key:"dec10c381c96a76e5d4f921122cb824f0e6a9792",class:`header__sub-menu ${n} ${e}`,ref:o=>this.submenu=o},p("div",{key:"8fb8a5b39e29010717f76945ba5de874e7bf2336",class:"sub-menu__container"},p("slot",{key:"a15b30f106570aafbbcc4b406d9677e683b9e8d1"})))}get el(){return this}static get watchers(){return{active:["onActiveChange"]}}},[4,"dga-nav-header-sub-menu",{active:[4],subMenuFullWidth:[4,"sub-menu-full-width"],background:[1]},void 0,{active:["onActiveChange"]}]);function vg(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu":customElements.get(n)||customElements.define(n,ug);break}})}const sr=T(class extends L{constructor(){super(),this.__registerHost(),this.linkClicked=Fn(this,"linkClicked",7),this.handleClick=n=>{n.preventDefault(),this.linkClicked.emit()},this.label=void 0,this.icon=void 0,this.iconProps={},this.active=!1,this.subMenuBackground="Brand",this.subMenuFullWidth=!0}render(){return p("li",{key:"b83912989a04614a1111ef6a0a1c5b6723a9f28f"},p("a",{key:"d159311cf8f955422fc2c4b4c0b4162f803c33ba",href:"#",class:`header-menu__item ${this.active?"header-menu__item--active":""}`,onClick:this.handleClick},p("span",{key:"cda98ec63bc94f8b8048c9edcdc2d51a3151eeaa",class:"header-menu__item-label"},this.label),p("span",{key:"1e379c3535d81a25e80e55e649b082fe6731b871",class:"header-menu__item-arrow"},p("dga-icon",Object.assign({key:"09d0355086e7f54499b86e17914afb44a097ece3",icon:this.icon},this.iconProps)))),this.active&&p("dga-nav-header-sub-menu",{key:"b73e0678698f27a0e344843a6467a5d8fb73cceb",active:this.active,"sub-menu-full-width":this.subMenuFullWidth,background:this.subMenuBackground},p("slot",{key:"58c22db1ba4867ff65e4ff930f08c0c50829c865"})))}},[4,"dga-nav-header-link",{label:[1],icon:[1],iconProps:[16],active:[4],subMenuBackground:[1,"sub-menu-background"],subMenuFullWidth:[4,"sub-menu-full-width"]}]);function Ld(){if(typeof customElements>"u")return;["dga-nav-header-link","dga-icon","dga-nav-header-sub-menu"].forEach(n=>{switch(n){case"dga-nav-header-link":customElements.get(n)||customElements.define(n,sr);break;case"dga-icon":customElements.get(n)||on();break;case"dga-nav-header-sub-menu":customElements.get(n)||vg();break}})}const Mo=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p("div",{key:"45ebbc9c96f767ba4c689161a9b7abd45e8376cd",class:"sub-menu__column"},p("slot",{key:"1bc7fa090a990f397d744a46469e1aca4fb7db4a"}))}},[4,"dga-nav-header-sub-menu-column"]);function Td(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu-column"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu-column":customElements.get(n)||customElements.define(n,Mo);break}})}const cr=T(class extends L{constructor(){super(),this.__registerHost(),this.background=void 0,this.link=void 0,this.linkStyle=void 0,this.label=void 0,this.helperText=void 0,this.icon=void 0}render(){const n=this.background==="Brand"?"sub-menu__link--on-color":"",e=this.linkStyle&&this.linkStyle>0?this.linkStyle===2?"sub-menu__link-icon--bg":"sub-menu__link-icon":"";return p("a",{key:"bb6dadc99c22c7d05a3c087431d18c0ca5ce3245",href:this.link,class:`sub-menu__link ${n}`},this.linkStyle&&this.linkStyle>0?p("div",{class:e},this.icon&&p("dga-icon",{icon:this.icon})):null,p("div",{key:"45e601770d7674e8fc3d2487b242eca27762ee30",class:"flex-column"},p("span",{key:"4e4c2153a2348a091468ba03ed6b6f6973eb9a14",class:"sub-menu__link-label"},this.label),this.helperText&&p("span",{key:"7ea1a2c18197ef792e373e56417588d14d56c6c1",class:"sub-menu__link-helper"},this.helperText)))}},[0,"dga-nav-header-sub-menu-link",{background:[1],link:[1],linkStyle:[2,"link-style"],label:[1],helperText:[1,"helper-text"],icon:[1]}]);function jd(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu-link","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu-link":customElements.get(n)||customElements.define(n,cr);break;case"dga-icon":customElements.get(n)||on();break}})}const lr=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p(Hn,null,p("button",{key:"f6d8ff99ccd4ccbaa6feaa2c375cdb16c9624a81",type:"button",class:"header-menu__btn btn btn--lg btn--subtle btn--icon"},p("span",{key:"24ab4fc90f0366f0aebbe173d76fdb7883b80678",class:"btn-icon header-menu__btn-icon"},p("dga-icon",{key:"055213db6c37c321470be964fde3969fa378078b",icon:"MoreHorizontalCircleIcon",variant:"solid"}))),p("ul",{key:"9cc2e7b5a45882f385b97f972d11b0108fd0530a",class:"header-nav__actions"},p("slot",{key:"1ddfc1dceab296bb7022a935afc96e5975030da6"})))}},[4,"dga-nav-header-actions"]);function $d(){if(typeof customElements>"u")return;["dga-nav-header-actions","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-actions":customElements.get(n)||customElements.define(n,lr);break;case"dga-icon":customElements.get(n)||on();break}})}const mg=T(class extends L{constructor(){super(),this.__registerHost(),this.config=void 0}render(){return p(rr,{key:"ef94c2b569f456158e77437fcb80f83265fcbe51",fullWidth:this.config.fullWidth,divider:this.config.divider},p(ar,{key:"07ecb701b1582dafefc66a4d340ebee75cf14bbd",collapsed:!0},p(ir,{key:"b1d82b408bc643269a7165da670c511be2111a45",logoSrc:this.config.logoSrc,govSrc:this.config.govSrc,logoLink:this.config.logoLink,govLink:this.config.govLink}),p(gr,{key:"68da17429ab29ad32d122aa5bef7bd7bc270400e"},this.config.headerLinks.map((n,e)=>p(sr,{key:e,active:!1,onClick:()=>console.log("clicked"),label:n.label,icon:n.icon,subMenuBackground:this.config.subMenuBackground,subMenuFullWidth:this.config.subMenuFullWidth},n.subMenu.map((o,t)=>p(Mo,{key:t},o.columns.map((r,a)=>p(Mo,{key:a},r.links.map((g,s)=>p(cr,{key:s,background:this.config.subMenuBackground,label:g.label,helperText:g.helperText,icon:g.icon,linkStyle:g.linkStyle})))))))))),p(lr,{key:"adb26b849fab1352ea71d2074f4767a5064eb781"},this.config.actions.map((n,e)=>p(tr,{key:e,onClick:()=>console.log("clicked"),label:n.label,icon:n.icon}))))}},[0,"dga-header",{config:[16]}]);function Rd(){if(typeof customElements>"u")return;["dga-header"].forEach(n=>{switch(n){case"dga-header":customElements.get(n)||customElements.define(n,mg);break}})}const Od=mg,Fd=Rd,Hd=ji,Xd=qe,kg=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.color="neutral",this.variant="success",this.size="md",this.iconType=void 0,this.leadIcon=void 0,this.trailIcon=void 0,this.outlined=void 0,this.rounded=void 0,this.iconOnly=void 0}render(){return console.log(!!this.iconOnly,this.iconOnly),this.iconOnly?p("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""} tag--icon`},this.leadIcon&&p("span",{class:"tag-icon"},this.leadIcon),!this.leadIcon&&p("slot",null)):p("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""}`},this.leadIcon?p("span",{class:"tag-icon"},this.leadIcon):"",this.label,this.trailIcon?p("span",{class:"tag-icon"},this.trailIcon):"",p("slot",null))}},[4,"dga-html-tag",{label:[1],color:[1],variant:[1],size:[1],iconType:[8,"icon-type"],leadIcon:[8,"lead-icon"],trailIcon:[8,"trail-icon"],outlined:[516],rounded:[516],iconOnly:[516,"icon-only"]}]);function Yd(){if(typeof customElements>"u")return;["dga-html-tag"].forEach(n=>{switch(n){case"dga-html-tag":customElements.get(n)||customElements.define(n,kg);break}})}const Wd=kg,Nd=Yd,Vd=ui,Gd=on,xg=T(class extends L{constructor(){super(),this.__registerHost(),this.icons={error:"hgi-stroke hgi-help-circle",warning:"hgi-stroke hgi-alert-02",success:"hgi-stroke hgi-tick-02",info:"hgi-stroke hgi-help-circle",neutral:"hgi-stroke hgi-help-circle"},this.type="neutral",this.leadText=void 0,this.helperText=void 0,this.isactionButtons=!0,this.isCloseButton=!0,this.onClose=void 0,this.colored=!1,this.buttonsList=[{id:ln(),label:"Button 1",onClick:()=>{},exraClasses:"",title:"Button"},{id:ln(),label:"Button 2",onClick:()=>{},exraClasses:"",title:"Button"}]}render(){return p("div",{key:"1a5549f6ff17e197fa7035efdcd78d0b0921e92a",class:`alert alert--${this.type} ${this.colored?`alert--${this.type}-bg`:""}`},p("div",{key:"e7e00a6a75eb7d625370994f84ea4e77dbc57ebe",class:`alert__header ${this.helperText?"":"flex-center-y"}`},p("div",{key:"e756985ea55eb57c3f94cce5bccede1115b0d757",class:`featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type==="neutral"?"gray":this.type}`},p("i",{key:"621b3ee7eeba6ccf89e7be8b76012f21e29f70a1",class:this.icons[this.type],style:{fontSize:"20px"}})),p("div",{key:"1f2787d749fb0cab16a243623873e73e4926a2d0",class:"alert__body"},p("h4",{key:"db7953e7d9455655f69cde93c04ac38a376dc22a",class:"alert__title text-md-semibold"},this.leadText),this.helperText&&p("p",{key:"dbef2746c12849dbfb35fe10927097dbae603c07",class:"alert__content text-sm-regular"},this.helperText),p("slot",{key:"afaaad1fcb4abe59f56207bf08dd155e18578c51"}))),this.isCloseButton&&p("div",{key:"5059e0c38270e8d9dbd8941fdd4910a87beba413",class:"alert__close-btn"},p("button",{key:"fa952ec10ba7ff6bb51fe5c381eff86e743abe13",class:"btn btn--close btn--icon btn--md",onClick:n=>this.onClose&&this.onClose(n)},p("span",{key:"7ef8a2683b4d3d4621d6a2553e96895398818de2",class:"btn-icon"},p("i",{key:"50c1a63fb7c9ee384416f42a04d9603ce18111b8",class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),this.isactionButtons&&p(Hn,null,p("div",{key:"a717898135b218c8f62f0c9e62ddb14e40df9919",class:"alert__action"},this.buttonsList.length&&this.buttonsList.map(({id:n,onClick:e,exraClasses:o,title:t,label:r})=>p("button",Object.assign({key:n||ln(),id:n||ln(),onClick:a=>e(a),class:`btn btn--subtle btn--md ${o}`},t&&{title:t}),r))),p("div",{key:"96d5f23f3b864f07b3468b4b43e7bea1422e9123",class:"alert__action-mobile"},this.buttonsList.length&&this.buttonsList.map(({id:n,onClick:e,exraClasses:o,title:t,label:r})=>p("button",Object.assign({key:n||ln(),id:n||ln(),onClick:a=>e(a),class:`btn btn--secondary btn--lg ${o}`},t&&{title:t}),r)))))}},[4,"dga-inline-alert",{type:[1],leadText:[1,"lead-text"],helperText:[1,"helper-text"],isactionButtons:[4,"isaction-buttons"],isCloseButton:[4,"is-close-button"],onClose:[16],colored:[4],buttonsList:[16]}]);function Ud(){if(typeof customElements>"u")return;["dga-inline-alert"].forEach(n=>{switch(n){case"dga-inline-alert":customElements.get(n)||customElements.define(n,xg);break}})}const Zd=xg,Kd=Ud,Qd=$i,Jd=Be,np=`@charset "UTF-8";
|
|
255405
|
+
}`,Sd=_d,fg=T(class extends L{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.background=void 0,this.NavLinks=void 0,this.mainTitle="",this.mainDescription="",this.mainLink=void 0,this.mainLinkTilte="",this.mainImage="",this.copyright="",this.groupLinks=[],this.socialMediaTitle="Social Media",this.socialMediaLinks=[],this.accessibilityTitle="Accessibility Tools",this.accessibilityLinks=[],this.basicLinks=[],this.extraLinks=[],this.bottomImages=[]}render(){return p("footer",{key:"9c07c77f260368a2385d81bc4135d5cd6cec69f3",class:`footer ${this.background==="DarkGreen"?"footer--bg-brand":""}`},p("section",{key:"98f9f0c8c28106db0faf75eb2f879444fd0d3cfb",class:"footer-content"},(this.mainLinkTilte||this.mainImage)&&p("div",{key:"3b00402cfcedf07f14e9a1d36637b94746d02e03",class:"footer-icon-section"},p("a",{key:"2d01bf6dc0b5e13fce3fbfa0095f7006f86a8226",class:this.background==="DarkGreen"?"link--on-color":"",href:this.mainLink||"#",target:"_blank",rel:"noopener noreferrer"},this.mainLinkTilte)),(this.mainTitle||this.mainDescription)&&p("div",{key:"47d0b18145b454e2e4aa098115207ed1966e222c",class:"footer-title-description"},p("h3",{key:"4cb51ad4058384cbce377183c6cedef66fce8ae7",class:this.background==="DarkGreen"?"link--on-color":""},this.mainTitle),p("p",{key:"93d80f80bbe5bba0c790febf26e7da544ce0c16a",class:this.background==="DarkGreen"?"link--on-color":""},this.mainDescription)),this.NavLinks&&p("section",{key:"dc6e5914820a028082b622e0cea42ad099c82c76",class:"footer__nav-links"},this.groupLinks.map(n=>p("div",{class:"footer__nav-links-column"},p("div",{class:"footer__nav-links-column-title"},n.title),p("ul",{class:"footer__nav-links-column-body"},n.links.map(e=>p("li",null,p("a",{href:e.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},e.name))))))),p("div",{key:"66e9be3bf6a237bad2767f1be3956314868e9505",class:"footer__nav-links-column"},this.socialMediaLinks.length>0&&p("div",{key:"e07abad5c3598ec54e7f8c2c5f4911b74afadeef"},this.socialMediaTitle&&p("div",{key:"48f1b9bfc27039b11c1c354ca23c9b73babc0108",class:"footer__nav-links-column-title"},this.socialMediaTitle),p("div",{key:"2337c5022a8624c19468a47de3b6070648587b9b",class:"flex icons-container"},this.socialMediaLinks.map(n=>p("a",{href:n.target,title:n.title,class:`btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background} `},p("span",{class:"btn-icon"},n.icon))))),this.accessibilityLinks.length>0&&p("div",{key:"878f8ab08efe41a9c4b9c4d936c2c768916b0cf4"},p("div",{key:"8f9b854a761b01ba59dcde5e26589818081365ef",class:"footer__nav-links-column-title"},this.accessibilityTitle),p("div",{key:"a038e65d811bf49a7ac5ababb24f85a61f85ee5f",class:"flex icons-container"},this.accessibilityLinks.map(n=>p("a",{href:n.target,title:n.title,class:`btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon ${this.background}`},p("span",{class:"btn-icon"},n.icon))))))),p("section",{key:"d365b5f2b2de1797b3a67f118d63750acc0e53e2",class:"footer__basic"},p("div",{key:"5713920b6bbbf627a21763f0627329a24dc1d3ea",class:"footer__actions-copyright"},p("ul",{key:"91e7178c4299d38c37eaf35aa57113b217b41a7a",class:"footer__actions"},this.basicLinks.map(n=>p("li",null,p("a",{href:n.target,class:`link link--sm link--neutral link--inline ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},n.name))))),this.copyright&&p("p",{key:"06d97cd11cf718243ad378fc320005e74e83c111",class:"footer__copyright text-sm-semibold"},this.copyright),p("ul",{key:"c32166d067eae872db9386f864f2ebad4f7232ca",class:"footer__extra-actions"},this.extraLinks.map(n=>p("li",null,p("a",{href:n.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},p("span",{class:"link__label"},n.name)))))),p("div",{key:"32299df976f042605f4f10bbe978e6964644eae9",class:"footer__logos"},this.bottomImages.map(n=>p("img",{src:n,key:ln()}))))))}static get style(){return Sd}},[1,"dga-footer",{background:[1],NavLinks:[4,"nav-links"],mainTitle:[1,"main-title"],mainDescription:[1,"main-description"],mainLink:[1,"main-link"],mainLinkTilte:[1,"main-link-tilte"],mainImage:[1,"main-image"],copyright:[1],groupLinks:[16],socialMediaTitle:[1,"social-media-title"],socialMediaLinks:[16],accessibilityTitle:[1,"accessibility-title"],accessibilityLinks:[16],basicLinks:[16],extraLinks:[16],bottomImages:[16]}]);function Ad(){if(typeof customElements>"u")return;["dga-footer"].forEach(n=>{switch(n){case"dga-footer":customElements.get(n)||customElements.define(n,fg);break}})}const Md=fg,Id=Ad,tr=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.icon=void 0,this.active=!1,this.extraClasses="",this.onClick=void 0}handleClick(n){n.preventDefault(),this.onClick&&this.onClick()}render(){return p("li",{key:"87c014869ac7b9a3849e136f3e85ade80cdf30e8"},p("a",{key:"9f9ab138d79f5bd096a4e827a93b269a76ea79f6",href:"#",class:`header-menu__item ${this.active?"header-menu__item--active":""} ${this.extraClasses}`,onClick:this.handleClick.bind(this)},p("span",{key:"7ef4f3b7277a4953e397c2c289291234f8bd2318",class:"header-menu__item-arrow"},p("dga-icon",{key:"c4560b14c214fbc94ea020a1fd2d189b6624e5b6",icon:this.icon})),p("span",{key:"d044e8567fd8989c215edf37ba4fdb6d124c7aeb",class:"header-menu__item-label"},this.label)))}},[0,"dga-header-action-btn",{label:[1],icon:[1],active:[4],extraClasses:[1,"extra-classes"],onClick:[16]}]);function Cd(){if(typeof customElements>"u")return;["dga-header-action-btn","dga-icon"].forEach(n=>{switch(n){case"dga-header-action-btn":customElements.get(n)||customElements.define(n,tr);break;case"dga-icon":customElements.get(n)||on();break}})}const zd=tr,Pd=Cd,rr=T(class extends L{constructor(){super(),this.__registerHost(),this.fullWidth=!0,this.divider=!0,this.sticky=!1}render(){return p("header",{key:"d1b576da55d1d29d8b42f4f3e31af131d78e6c25",class:`header ${this.divider?"header--divider":""} ${this.sticky?"header--sticky":""}`},p("nav",{key:"c30bb2507f23a5b525aa27b555d24e2ce2873335",class:`header-nav--${this.fullWidth?"full":"fixed"}`},p("slot",{key:"6a6f55c56820049787d01e2c3066c10f62efb7bb"})))}},[4,"dga-nav-header",{fullWidth:[4,"full-width"],divider:[4],sticky:[4]}]);function qd(){if(typeof customElements>"u")return;["dga-nav-header"].forEach(n=>{switch(n){case"dga-nav-header":customElements.get(n)||customElements.define(n,rr);break}})}const ar=T(class extends L{constructor(){super(),this.__registerHost(),this.toggleCollapsed=Fn(this,"toggleCollapsed",7),this.handleToggle=()=>{this.toggleCollapsed.emit(!this.collapsed)},this.collapsed=!1}render(){return p("div",{key:"3b7ae380221de6759495dd817444c98e73dbe0ff",class:"header-nav__main"},p("button",{key:"a7423ae5678f8db2981842fd9270842820067de0",type:"button",onClick:this.handleToggle,class:"header-menu__btn"},p("span",{key:"de1bcd34a9ba42d15c814fc2194cd634422e7de9",class:"btn-icon header-menu__btn-icon"},p("dga-icon",{key:"c310fd4205acfbe4165b1fd63e0e1719ed8a5680",icon:this.collapsed?"menu01":"cancel01"}))),p("slot",{key:"dc3e96e6e08e4e04cd2bd0aca557d27b6041619c"}))}},[4,"dga-nav-header-main",{collapsed:[4]}]);function Bd(){if(typeof customElements>"u")return;["dga-nav-header-main","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-main":customElements.get(n)||customElements.define(n,ar);break;case"dga-icon":customElements.get(n)||on();break}})}const ir=T(class extends L{constructor(){super(),this.__registerHost(),this.logoSrc=void 0,this.logoAlt=void 0,this.logoLink="#",this.govSrc=void 0,this.govAlt=void 0,this.govLink="#"}render(){return p("div",{key:"627d9e3def4a02c9cd2b5d3bafcd569b1021e740",class:"header-nav__branding"},this.govSrc&&p("div",{key:"607cb308923393553d48fd9dda18b4b97c8af4f3",class:"flex xs-hide"},p("a",{key:"f4fa7cd7f9a9a08eed7e9587b59b42a011bc9419",href:this.govLink},p("img",{key:"67438b729c48efe24dd788a8ab306be627dae1a2",src:this.govSrc,alt:this.govAlt})),p("div",{key:"df6b3beff9b29384b89e37b7a3da024d98551293",class:"ver-divider"})),p("a",{key:"024896f219e77eccc59124143f1596ad20b7c72d",href:this.logoLink,class:"header__logo"},p("img",{key:"43a6b71c83de8ceff69ad531f7d51843f5519dac",src:this.logoSrc,alt:this.logoAlt})))}},[0,"dga-nav-header-logos",{logoSrc:[1,"logo-src"],logoAlt:[1,"logo-alt"],logoLink:[1,"logo-link"],govSrc:[1,"gov-src"],govAlt:[1,"gov-alt"],govLink:[1,"gov-link"]}]);function Ed(){if(typeof customElements>"u")return;["dga-nav-header-logos"].forEach(n=>{switch(n){case"dga-nav-header-logos":customElements.get(n)||customElements.define(n,ir);break}})}const gr=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p("ul",{key:"4b42e042fff65450b48c1fd1fc3fd7d0b2e6c156",class:"header-nav__menu"},p("slot",{key:"a74addcd011154edcc5d9f03a419e0b8be07c41e"}))}},[4,"dga-nav-header-menu"]);function Dd(){if(typeof customElements>"u")return;["dga-nav-header-menu"].forEach(n=>{switch(n){case"dga-nav-header-menu":customElements.get(n)||customElements.define(n,gr);break}})}const ug=T(class extends L{constructor(){super(),this.__registerHost(),this.active=!1,this.subMenuFullWidth=!1,this.background=void 0}onActiveChange(){this.active&&this.submenu?(this.submenu.style.display="block",this.submenu.style.maxHeight=`${this.submenu.scrollHeight}px`):this.submenu&&(this.submenu.style.maxHeight="")}componentDidLoad(){this.submenu=this.el.shadowRoot.querySelector(".header__sub-menu"),this.onActiveChange()}render(){const n=this.background==="Brand"?"header__sub-menu--bg-brand":"",e=this.subMenuFullWidth?"header__sub-menu--full":"";return p("div",{key:"dec10c381c96a76e5d4f921122cb824f0e6a9792",class:`header__sub-menu ${n} ${e}`,ref:o=>this.submenu=o},p("div",{key:"8fb8a5b39e29010717f76945ba5de874e7bf2336",class:"sub-menu__container"},p("slot",{key:"a15b30f106570aafbbcc4b406d9677e683b9e8d1"})))}get el(){return this}static get watchers(){return{active:["onActiveChange"]}}},[4,"dga-nav-header-sub-menu",{active:[4],subMenuFullWidth:[4,"sub-menu-full-width"],background:[1]},void 0,{active:["onActiveChange"]}]);function vg(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu":customElements.get(n)||customElements.define(n,ug);break}})}const sr=T(class extends L{constructor(){super(),this.__registerHost(),this.linkClicked=Fn(this,"linkClicked",7),this.handleClick=n=>{n.preventDefault(),this.linkClicked.emit()},this.label=void 0,this.icon=void 0,this.iconProps={},this.active=!1,this.subMenuBackground="Brand",this.subMenuFullWidth=!0}render(){return p("li",{key:"c250ac4d0b8d90cac7011ab471abcf4d1a23f6c9"},p("a",{key:"a2553459640e5ed33d103c577455a8d3f630fe16",href:"#",class:`header-menu__item ${this.active?"header-menu__item--active":""}`,onClick:this.handleClick},p("span",{key:"45075824db0d79351f071f8123a75a29ab93a403",class:"header-menu__item-label"},this.label),p("span",{key:"c86700df878ccf8c9b1e69d090101126ddea9b1d",class:"header-menu__item-arrow"},p("dga-icon",Object.assign({key:"a427279197d1dd70c3f0d5fa262af534333a80dc",icon:this.icon},this.iconProps)))),this.active&&p("dga-nav-header-sub-menu",{key:"3dcaf54e729aca370baa706f37d9bd13fd78bd2e",active:this.active,"sub-menu-full-width":this.subMenuFullWidth,background:this.subMenuBackground},p("slot",{key:"56d91f3c9ff5fb0429966b4d42b4e7a25468094f"})))}},[4,"dga-nav-header-link",{label:[1],icon:[1],iconProps:[16],active:[4],subMenuBackground:[1,"sub-menu-background"],subMenuFullWidth:[4,"sub-menu-full-width"]}]);function Ld(){if(typeof customElements>"u")return;["dga-nav-header-link","dga-icon","dga-nav-header-sub-menu"].forEach(n=>{switch(n){case"dga-nav-header-link":customElements.get(n)||customElements.define(n,sr);break;case"dga-icon":customElements.get(n)||on();break;case"dga-nav-header-sub-menu":customElements.get(n)||vg();break}})}const Mo=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p("div",{key:"45ebbc9c96f767ba4c689161a9b7abd45e8376cd",class:"sub-menu__column"},p("slot",{key:"1bc7fa090a990f397d744a46469e1aca4fb7db4a"}))}},[4,"dga-nav-header-sub-menu-column"]);function Td(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu-column"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu-column":customElements.get(n)||customElements.define(n,Mo);break}})}const cr=T(class extends L{constructor(){super(),this.__registerHost(),this.background=void 0,this.link=void 0,this.linkStyle=void 0,this.label=void 0,this.helperText=void 0,this.icon=void 0}render(){const n=this.background==="Brand"?"sub-menu__link--on-color":"",e=this.linkStyle&&this.linkStyle>0?this.linkStyle===2?"sub-menu__link-icon--bg":"sub-menu__link-icon":"";return p("a",{key:"bb6dadc99c22c7d05a3c087431d18c0ca5ce3245",href:this.link,class:`sub-menu__link ${n}`},this.linkStyle&&this.linkStyle>0?p("div",{class:e},this.icon&&p("dga-icon",{icon:this.icon})):null,p("div",{key:"45e601770d7674e8fc3d2487b242eca27762ee30",class:"flex-column"},p("span",{key:"4e4c2153a2348a091468ba03ed6b6f6973eb9a14",class:"sub-menu__link-label"},this.label),this.helperText&&p("span",{key:"7ea1a2c18197ef792e373e56417588d14d56c6c1",class:"sub-menu__link-helper"},this.helperText)))}},[0,"dga-nav-header-sub-menu-link",{background:[1],link:[1],linkStyle:[2,"link-style"],label:[1],helperText:[1,"helper-text"],icon:[1]}]);function jd(){if(typeof customElements>"u")return;["dga-nav-header-sub-menu-link","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-sub-menu-link":customElements.get(n)||customElements.define(n,cr);break;case"dga-icon":customElements.get(n)||on();break}})}const lr=T(class extends L{constructor(){super(),this.__registerHost()}render(){return p(Hn,null,p("button",{key:"f6d8ff99ccd4ccbaa6feaa2c375cdb16c9624a81",type:"button",class:"header-menu__btn btn btn--lg btn--subtle btn--icon"},p("span",{key:"24ab4fc90f0366f0aebbe173d76fdb7883b80678",class:"btn-icon header-menu__btn-icon"},p("dga-icon",{key:"055213db6c37c321470be964fde3969fa378078b",icon:"MoreHorizontalCircleIcon",variant:"solid"}))),p("ul",{key:"9cc2e7b5a45882f385b97f972d11b0108fd0530a",class:"header-nav__actions"},p("slot",{key:"1ddfc1dceab296bb7022a935afc96e5975030da6"})))}},[4,"dga-nav-header-actions"]);function $d(){if(typeof customElements>"u")return;["dga-nav-header-actions","dga-icon"].forEach(n=>{switch(n){case"dga-nav-header-actions":customElements.get(n)||customElements.define(n,lr);break;case"dga-icon":customElements.get(n)||on();break}})}const mg=T(class extends L{constructor(){super(),this.__registerHost(),this.config=void 0}render(){return p(rr,{key:"ef94c2b569f456158e77437fcb80f83265fcbe51",fullWidth:this.config.fullWidth,divider:this.config.divider},p(ar,{key:"07ecb701b1582dafefc66a4d340ebee75cf14bbd",collapsed:!0},p(ir,{key:"b1d82b408bc643269a7165da670c511be2111a45",logoSrc:this.config.logoSrc,govSrc:this.config.govSrc,logoLink:this.config.logoLink,govLink:this.config.govLink}),p(gr,{key:"68da17429ab29ad32d122aa5bef7bd7bc270400e"},this.config.headerLinks.map((n,e)=>p(sr,{key:e,active:!1,onClick:()=>console.log("clicked"),label:n.label,icon:n.icon,subMenuBackground:this.config.subMenuBackground,subMenuFullWidth:this.config.subMenuFullWidth},n.subMenu.map((o,t)=>p(Mo,{key:t},o.columns.map((r,a)=>p(Mo,{key:a},r.links.map((g,s)=>p(cr,{key:s,background:this.config.subMenuBackground,label:g.label,helperText:g.helperText,icon:g.icon,linkStyle:g.linkStyle})))))))))),p(lr,{key:"adb26b849fab1352ea71d2074f4767a5064eb781"},this.config.actions.map((n,e)=>p(tr,{key:e,onClick:()=>console.log("clicked"),label:n.label,icon:n.icon}))))}},[0,"dga-header",{config:[16]}]);function Rd(){if(typeof customElements>"u")return;["dga-header"].forEach(n=>{switch(n){case"dga-header":customElements.get(n)||customElements.define(n,mg);break}})}const Od=mg,Fd=Rd,Hd=ji,Xd=qe,kg=T(class extends L{constructor(){super(),this.__registerHost(),this.label=void 0,this.color="neutral",this.variant="success",this.size="md",this.iconType=void 0,this.leadIcon=void 0,this.trailIcon=void 0,this.outlined=void 0,this.rounded=void 0,this.iconOnly=void 0}render(){return console.log(!!this.iconOnly,this.iconOnly),this.iconOnly?p("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""} tag--icon`},this.leadIcon&&p("span",{class:"tag-icon"},this.leadIcon),!this.leadIcon&&p("slot",null)):p("span",{class:`tag tag--${this.color}${this.outlined?"-outlined":""} tag--${this.size} ${this.rounded?"tag--rounded":""}`},this.leadIcon?p("span",{class:"tag-icon"},this.leadIcon):"",this.label,this.trailIcon?p("span",{class:"tag-icon"},this.trailIcon):"",p("slot",null))}},[4,"dga-html-tag",{label:[1],color:[1],variant:[1],size:[1],iconType:[8,"icon-type"],leadIcon:[8,"lead-icon"],trailIcon:[8,"trail-icon"],outlined:[516],rounded:[516],iconOnly:[516,"icon-only"]}]);function Yd(){if(typeof customElements>"u")return;["dga-html-tag"].forEach(n=>{switch(n){case"dga-html-tag":customElements.get(n)||customElements.define(n,kg);break}})}const Wd=kg,Nd=Yd,Vd=ui,Gd=on,xg=T(class extends L{constructor(){super(),this.__registerHost(),this.icons={error:"hgi-stroke hgi-help-circle",warning:"hgi-stroke hgi-alert-02",success:"hgi-stroke hgi-tick-02",info:"hgi-stroke hgi-help-circle",neutral:"hgi-stroke hgi-help-circle"},this.type="neutral",this.leadText=void 0,this.helperText=void 0,this.isactionButtons=!0,this.isCloseButton=!0,this.onClose=void 0,this.colored=!1,this.buttonsList=[{id:ln(),label:"Button 1",onClick:()=>{},exraClasses:"",title:"Button"},{id:ln(),label:"Button 2",onClick:()=>{},exraClasses:"",title:"Button"}]}render(){return p("div",{key:"1a5549f6ff17e197fa7035efdcd78d0b0921e92a",class:`alert alert--${this.type} ${this.colored?`alert--${this.type}-bg`:""}`},p("div",{key:"e7e00a6a75eb7d625370994f84ea4e77dbc57ebe",class:`alert__header ${this.helperText?"":"flex-center-y"}`},p("div",{key:"e756985ea55eb57c3f94cce5bccede1115b0d757",class:`featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type==="neutral"?"gray":this.type}`},p("i",{key:"621b3ee7eeba6ccf89e7be8b76012f21e29f70a1",class:this.icons[this.type],style:{fontSize:"20px"}})),p("div",{key:"1f2787d749fb0cab16a243623873e73e4926a2d0",class:"alert__body"},p("h4",{key:"db7953e7d9455655f69cde93c04ac38a376dc22a",class:"alert__title text-md-semibold"},this.leadText),this.helperText&&p("p",{key:"dbef2746c12849dbfb35fe10927097dbae603c07",class:"alert__content text-sm-regular"},this.helperText),p("slot",{key:"afaaad1fcb4abe59f56207bf08dd155e18578c51"}))),this.isCloseButton&&p("div",{key:"5059e0c38270e8d9dbd8941fdd4910a87beba413",class:"alert__close-btn"},p("button",{key:"fa952ec10ba7ff6bb51fe5c381eff86e743abe13",class:"btn btn--close btn--icon btn--md",onClick:n=>this.onClose&&this.onClose(n)},p("span",{key:"7ef8a2683b4d3d4621d6a2553e96895398818de2",class:"btn-icon"},p("i",{key:"50c1a63fb7c9ee384416f42a04d9603ce18111b8",class:"hgi-stroke hgi-multiplication-sign",style:{fontSize:"20px"}})))),this.isactionButtons&&p(Hn,null,p("div",{key:"a717898135b218c8f62f0c9e62ddb14e40df9919",class:"alert__action"},this.buttonsList.length&&this.buttonsList.map(({id:n,onClick:e,exraClasses:o,title:t,label:r})=>p("button",Object.assign({key:n||ln(),id:n||ln(),onClick:a=>e(a),class:`btn btn--subtle btn--md ${o}`},t&&{title:t}),r))),p("div",{key:"96d5f23f3b864f07b3468b4b43e7bea1422e9123",class:"alert__action-mobile"},this.buttonsList.length&&this.buttonsList.map(({id:n,onClick:e,exraClasses:o,title:t,label:r})=>p("button",Object.assign({key:n||ln(),id:n||ln(),onClick:a=>e(a),class:`btn btn--secondary btn--lg ${o}`},t&&{title:t}),r)))))}},[4,"dga-inline-alert",{type:[1],leadText:[1,"lead-text"],helperText:[1,"helper-text"],isactionButtons:[4,"isaction-buttons"],isCloseButton:[4,"is-close-button"],onClose:[16],colored:[4],buttonsList:[16]}]);function Ud(){if(typeof customElements>"u")return;["dga-inline-alert"].forEach(n=>{switch(n){case"dga-inline-alert":customElements.get(n)||customElements.define(n,xg);break}})}const Zd=xg,Kd=Ud,Qd=$i,Jd=Be,np=`@charset "UTF-8";
|
|
255406
255406
|
/*
|
|
255407
255407
|
0 - 600px: Phone
|
|
255408
255408
|
600 - 900px: Tablet portrait
|
package/dist/index.js
CHANGED
|
@@ -226252,7 +226252,7 @@ function Dl() {
|
|
|
226252
226252
|
}
|
|
226253
226253
|
const Ll = fi, Tl = Dl, ui = /* @__PURE__ */ T(class extends L {
|
|
226254
226254
|
constructor() {
|
|
226255
|
-
super(), this.__registerHost(), this.icon = void 0, this.size = void 0, this.color = void 0, this.variant = "bulk", this.type = "";
|
|
226255
|
+
super(), this.__registerHost(), this.icon = void 0, this.size = void 0, this.color = void 0, this.variant = "bulk", this.type = "rounded";
|
|
226256
226256
|
}
|
|
226257
226257
|
// Initialize class name on component load
|
|
226258
226258
|
componentDidLoad() {
|
|
@@ -226266,14 +226266,14 @@ const Ll = fi, Tl = Dl, ui = /* @__PURE__ */ T(class extends L {
|
|
|
226266
226266
|
}
|
|
226267
226267
|
}
|
|
226268
226268
|
render() {
|
|
226269
|
-
return p("div", { key: "
|
|
226269
|
+
return p("div", { key: "ffae864d33d445dd106dafe323e704f1a4afc46b", style: {
|
|
226270
226270
|
width: "100%",
|
|
226271
226271
|
height: "100%",
|
|
226272
226272
|
display: "flex",
|
|
226273
226273
|
alignItems: "center",
|
|
226274
226274
|
justifyContent: "center",
|
|
226275
226275
|
fontSize: "inherit"
|
|
226276
|
-
} }, p("i", { key: "
|
|
226276
|
+
} }, p("i", { key: "8f53600876d736c90eaed328c698ca16ab25f8b9", style: {
|
|
226277
226277
|
fontSize: `${this.size ? `${this.size}px` : "inherit"}`,
|
|
226278
226278
|
color: this.color
|
|
226279
226279
|
}, ref: (n) => this.container = n }));
|
|
@@ -226309,7 +226309,7 @@ function on() {
|
|
|
226309
226309
|
}
|
|
226310
226310
|
const vi = /* @__PURE__ */ T(class extends L {
|
|
226311
226311
|
constructor() {
|
|
226312
|
-
super(), this.__registerHost(), this.type = "icon", this.size = 32, this.square = !1, this.border = !1, this.text = "AB", this.imgUrl = "/assets/avatar-img.png", this.
|
|
226312
|
+
super(), this.__registerHost(), this.type = "icon", this.size = 32, this.square = !1, this.border = !1, this.text = "AB", this.imgUrl = "/assets/avatar-img.png", this.icon = void 0;
|
|
226313
226313
|
}
|
|
226314
226314
|
renderChildComponent() {
|
|
226315
226315
|
if (this.type === "initials")
|
|
@@ -226317,18 +226317,16 @@ const vi = /* @__PURE__ */ T(class extends L {
|
|
|
226317
226317
|
if (this.type === "image")
|
|
226318
226318
|
return p("img", { class: "avatar__img", src: this.imgUrl, alt: "" });
|
|
226319
226319
|
if (this.type === "icon")
|
|
226320
|
-
return p("div", { class: "avatar__icon" }, p("dga-icon", { icon:
|
|
226320
|
+
return p("div", { class: "avatar__icon" }, p("dga-icon", { icon: this.icon.name, variant: this.icon.variant, type: this.icon.type }));
|
|
226321
226321
|
}
|
|
226322
226322
|
render() {
|
|
226323
|
-
|
|
226324
|
-
const e = !((n = this.customAttribute) === null || n === void 0) && n.key ? { [this.customAttribute.key]: this.customAttribute.value || "" } : {};
|
|
226325
|
-
return p("div", Object.assign({ key: "a8d9ed9fddc4f00fe9f5549676a84e27a2d63936" }, e, { class: {
|
|
226323
|
+
return p("div", { key: "ac767e8be07ad7eefd92ca1bc5fe78bddcb4e04c", class: {
|
|
226326
226324
|
avatar: !0,
|
|
226327
226325
|
[`avatar--${this.type}`]: !0,
|
|
226328
226326
|
[`avatar--${this.size}`]: !0,
|
|
226329
226327
|
"avatar--square": this.square,
|
|
226330
226328
|
"avatar--border": this.border
|
|
226331
|
-
} }
|
|
226329
|
+
} }, this.renderChildComponent());
|
|
226332
226330
|
}
|
|
226333
226331
|
}, [0, "dga-avatar", {
|
|
226334
226332
|
type: [1],
|
|
@@ -226337,7 +226335,7 @@ const vi = /* @__PURE__ */ T(class extends L {
|
|
|
226337
226335
|
border: [4],
|
|
226338
226336
|
text: [1],
|
|
226339
226337
|
imgUrl: [1, "img-url"],
|
|
226340
|
-
|
|
226338
|
+
icon: [16]
|
|
226341
226339
|
}]);
|
|
226342
226340
|
function mi() {
|
|
226343
226341
|
if (typeof customElements > "u")
|
|
@@ -257381,7 +257379,7 @@ const ad = tg, id = rd, rg = /* @__PURE__ */ T(class extends L {
|
|
|
257381
257379
|
}, this.size = "md", this.color = "brand", this.variant = "light", this.circle = !0, this.icon = void 0;
|
|
257382
257380
|
}
|
|
257383
257381
|
render() {
|
|
257384
|
-
return p("div", { key: "
|
|
257382
|
+
return p("div", { key: "e4f811d5e535d24072491bce462d78a338bf2bfc", class: `dga-featured-icon ${this.circle ? "dga-featured-icon--circle" : ""} dga-featured-icon--${this.size} dga-featured-icon--${this.variant}-${this.color}` }, p("dga-icon", { key: "f2ff5a8312367997792473b85c7d49081f89f2a6", icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: this.iconFonts[this.size] }));
|
|
257385
257383
|
}
|
|
257386
257384
|
}, [0, "dga-featured-icon", {
|
|
257387
257385
|
size: [1],
|
|
@@ -261550,7 +261548,7 @@ a:focus {
|
|
|
261550
261548
|
switch (n.type) {
|
|
261551
261549
|
case "checkbox":
|
|
261552
261550
|
const h = (this.expandedBlocks.has(n.id) ? n.options : n.options.slice(0, 3)).filter((l) => l.label.toLowerCase().includes(this.searchQuery.toLowerCase()));
|
|
261553
|
-
return p("div", null, p("div", { class: "filteration__search" }, p("dga-text-input", { icon: { name: "Search01Icon", type: "
|
|
261551
|
+
return p("div", null, p("div", { class: "filteration__search" }, p("dga-text-input", { icon: { name: "Search01Icon", type: "sharp", variant: "stroke" }, size: "md", placeholder: "Search", value: this.searchQuery, onInput: (l) => this.searchQuery = l.target.value })), h == null ? void 0 : h.map((l) => {
|
|
261554
261552
|
var d, b, u;
|
|
261555
261553
|
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);
|
|
261556
261554
|
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, ")"));
|
|
@@ -269250,7 +269248,7 @@ const sr = /* @__PURE__ */ T(class extends L {
|
|
|
269250
269248
|
}, this.label = void 0, this.icon = void 0, this.iconProps = {}, this.active = !1, this.subMenuBackground = "Brand", this.subMenuFullWidth = !0;
|
|
269251
269249
|
}
|
|
269252
269250
|
render() {
|
|
269253
|
-
return p("li", { key: "
|
|
269251
|
+
return p("li", { key: "c250ac4d0b8d90cac7011ab471abcf4d1a23f6c9" }, p("a", { key: "a2553459640e5ed33d103c577455a8d3f630fe16", href: "#", class: `header-menu__item ${this.active ? "header-menu__item--active" : ""}`, onClick: this.handleClick }, p("span", { key: "45075824db0d79351f071f8123a75a29ab93a403", class: "header-menu__item-label" }, this.label), p("span", { key: "c86700df878ccf8c9b1e69d090101126ddea9b1d", class: "header-menu__item-arrow" }, p("dga-icon", Object.assign({ key: "a427279197d1dd70c3f0d5fa262af534333a80dc", icon: this.icon }, this.iconProps)))), this.active && p("dga-nav-header-sub-menu", { key: "3dcaf54e729aca370baa706f37d9bd13fd78bd2e", active: this.active, "sub-menu-full-width": this.subMenuFullWidth, background: this.subMenuBackground }, p("slot", { key: "56d91f3c9ff5fb0429966b4d42b4e7a25468094f" })));
|
|
269254
269252
|
}
|
|
269255
269253
|
}, [4, "dga-nav-header-link", {
|
|
269256
269254
|
label: [1],
|
package/package.json
CHANGED