platformscode-new-react 0.0.20 → 0.0.21

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react");var J1=Object.defineProperty,V1=(n,e)=>{for(var s in e)J1(n,s,{get:e[s],enumerable:!0})},K1={};V1(K1,{err:()=>ct,map:()=>X1,ok:()=>Ce,unwrap:()=>Y1,unwrapErr:()=>Q1});var Ce=n=>({isOk:!0,isErr:!1,value:n}),ct=n=>({isOk:!1,isErr:!0,value:n});function X1(n,e){if(n.isOk){const s=e(n.value);return s instanceof Promise?s.then(i=>Ce(i)):Ce(s)}if(n.isErr){const s=n.value;return ct(s)}throw"should never get here"}var Y1=n=>{if(n.isOk)return n.value;throw n.value},Q1=n=>{if(n.isErr)return n.value;throw n.value};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var n=HTMLElement;window.HTMLElement=function(){return Reflect.construct(n,[],this.constructor)},HTMLElement.prototype=n.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,n)}})();const en="platformscode",G={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!1,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!1,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!1,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!1,svg:!0,taskQueue:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0};var tn=Object.defineProperty,nn=(n,e)=>{for(var s in e)tn(n,s,{get:e[s],enumerable:!0})},lt=new WeakMap,J=n=>lt.get(n),sn=(n,e)=>{const s={$flags$:0,$hostElement$:n,$cmpMeta$:e,$instanceValues$:new Map};return s.$onReadyPromise$=new Promise(i=>s.$onReadyResolve$=i),n["s-p"]=[],n["s-rc"]=[],lt.set(n,s)},je=(n,e)=>e in n,pe=(n,e)=>(0,console.error)(n,e),We="http://www.w3.org/1999/xlink",be=typeof window<"u"?window:{},N=be.document||{head:{}},_=be.HTMLElement||class{},P={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,s,i)=>n.addEventListener(e,s,i),rel:(n,e,s,i)=>n.removeEventListener(e,s,i),ce:(n,e)=>new CustomEvent(n,e)},an=n=>Promise.resolve(n),ve=!1,qe=[],rt=[],on=(n,e)=>s=>{n.push(s),ve||(ve=!0,P.$flags$&4?_e(ke):P.raf(ke))},Ne=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(s){pe(s)}n.length=0},ke=()=>{Ne(qe),Ne(rt),(ve=qe.length>0)&&P.raf(ke)},_e=n=>an().then(n),cn=on(rt),Ge={},ln="http://www.w3.org/2000/svg",rn="http://www.w3.org/1999/xhtml",dn=n=>n!=null,xe=n=>(n=typeof n,n==="object"||n==="function"),fn={};nn(fn,{err:()=>dt,map:()=>un,ok:()=>ye,unwrap:()=>hn,unwrapErr:()=>pn});var ye=n=>({isOk:!0,isErr:!1,value:n}),dt=n=>({isOk:!1,isErr:!0,value:n});function un(n,e){if(n.isOk){const s=e(n.value);return s instanceof Promise?s.then(i=>ye(i)):ye(s)}if(n.isErr){const s=n.value;return dt(s)}throw"should never get here"}var hn=n=>{if(n.isOk)return n.value;throw n.value},pn=n=>{if(n.isErr)return n.value;throw n.value},Q=(n,e="")=>()=>{},t=(n,e,...s)=>{let i=null,o=null,d=null,f=!1,u=!1;const h=[],p=m=>{for(let v=0;v<m.length;v++)i=m[v],Array.isArray(i)?p(i):i!=null&&typeof i!="boolean"&&((f=typeof n!="function"&&!xe(i))&&(i=String(i)),f&&u?h[h.length-1].$text$+=i:h.push(f?de(null,i):i),u=f)};if(p(s),e){e.key&&(o=e.key),e.name&&(d=e.name);{const m=e.className||e.class;m&&(e.class=typeof m!="object"?m:Object.keys(m).filter(v=>m[v]).join(" "))}}if(typeof n=="function")return n(e===null?{}:e,h,mn);const C=de(n,null);return C.$attrs$=e,h.length>0&&(C.$children$=h),C.$key$=o,C.$name$=d,C},de=(n,e)=>{const s={$flags$:0,$tag$:n,$text$:e,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s.$name$=null,s},bn={},gn=n=>n&&n.$tag$===bn,mn={forEach:(n,e)=>n.map(Je).forEach(e),map:(n,e)=>n.map(Je).map(e).map(Cn)},Je=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),Cn=n=>{if(typeof n.vtag=="function"){const s={...n.vattrs};return n.vkey&&(s.key=n.vkey),n.vname&&(s.name=n.vname),t(n.vtag,s,...n.vchildren||[])}const e=de(n.vtag,n.vtext);return e.$attrs$=n.vattrs,e.$children$=n.vchildren,e.$key$=n.vkey,e.$name$=n.vname,e},vn=(n,e)=>n!=null&&!xe(n)?e&4?n==="false"?!1:n===""||!!n:e&2?parseFloat(n):e&1?String(n):n:n,kn=n=>n,ge=(n,e,s)=>{const i=kn(n);return{emit:o=>ft(i,e,{bubbles:!!(s&4),composed:!!(s&2),cancelable:!!(s&1),detail:o})}},ft=(n,e,s)=>{const i=P.ce(e,s);return n.dispatchEvent(i),i},Ve=(n,e,s,i,o,d)=>{if(s!==i){let f=je(n,e),u=e.toLowerCase();if(e==="class"){const h=n.classList,p=Ke(s),C=Ke(i);h.remove(...p.filter(m=>m&&!C.includes(m))),h.add(...C.filter(m=>m&&!p.includes(m)))}else if(e==="style"){for(const h in s)(!i||i[h]==null)&&(h.includes("-")?n.style.removeProperty(h):n.style[h]="");for(const h in i)(!s||i[h]!==s[h])&&(h.includes("-")?n.style.setProperty(h,i[h]):n.style[h]=i[h])}else if(e!=="key")if(e==="ref")i&&i(n);else if(!n.__lookupSetter__(e)&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"?e=e.slice(3):je(be,u)?e=u.slice(2):e=u[2]+e.slice(3),s||i){const h=e.endsWith(ut);e=e.replace($n,""),s&&P.rel(n,e,s,h),i&&P.ael(n,e,i,h)}}else{const h=xe(i);if((f||h&&i!==null)&&!o)try{if(n.tagName.includes("-"))n[e]=i;else{const C=i??"";e==="list"?f=!1:(s==null||n[e]!=C)&&(n[e]=C)}}catch{}let p=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(e=u,p=!0),i==null||i===!1?(i!==!1||n.getAttribute(e)==="")&&(p?n.removeAttributeNS(We,e):n.removeAttribute(e)):(!f||d&4||o)&&!h&&(i=i===!0?"":i,p?n.setAttributeNS(We,e,i):n.setAttribute(e,i))}}},yn=/\s/,Ke=n=>n?n.split(yn):[],ut="Capture",$n=new RegExp(ut+"$"),ht=(n,e,s)=>{const i=e.$elm$.nodeType===11&&e.$elm$.host?e.$elm$.host:e.$elm$,o=n&&n.$attrs$||Ge,d=e.$attrs$||Ge;for(const f of Xe(Object.keys(o)))f in d||Ve(i,f,o[f],void 0,s,e.$flags$);for(const f of Xe(Object.keys(d)))Ve(i,f,o[f],d[f],s,e.$flags$)};function Xe(n){return n.includes("ref")?[...n.filter(e=>e!=="ref"),"ref"]:n}var W,$e,ee,fe=!1,ue=!1,we=!1,B=!1,he=(n,e,s,i)=>{var o;const d=e.$children$[s];let f=0,u,h,p;if(fe||(we=!0,d.$tag$==="slot"&&(W&&i.classList.add(W+"-s"),d.$flags$|=d.$children$?2:1)),d.$text$!==null)u=d.$elm$=N.createTextNode(d.$text$);else if(d.$flags$&1)u=d.$elm$=N.createTextNode("");else{if(B||(B=d.$tag$==="svg"),u=d.$elm$=N.createElementNS(B?ln:rn,!fe&&G.slotRelocation&&d.$flags$&2?"slot-fb":d.$tag$),B&&d.$tag$==="foreignObject"&&(B=!1),ht(null,d,B),!!u.getRootNode().querySelector("body")&&G.scoped&&dn(W)&&u["s-si"]!==W&&u.classList.add(u["s-si"]=W),d.$children$)for(f=0;f<d.$children$.length;++f)h=he(n,d,f,u),h&&u.appendChild(h);d.$tag$==="svg"?B=!1:u.tagName==="foreignObject"&&(B=!0)}return u["s-hn"]=ee,d.$flags$&3&&(u["s-sr"]=!0,u["s-cr"]=$e,u["s-sn"]=d.$name$||"",u["s-rf"]=(o=d.$attrs$)==null?void 0:o.ref,p=n&&n.$children$&&n.$children$[s],p&&p.$tag$===d.$tag$&&n.$elm$&&te(n.$elm$,!1)),u},te=(n,e)=>{P.$flags$|=1;const s=Array.from(n.childNodes);if(n["s-sr"]&&G.experimentalSlotFixes){let i=n;for(;i=i.nextSibling;)i&&i["s-sn"]===n["s-sn"]&&i["s-sh"]===ee&&s.push(i)}for(let i=s.length-1;i>=0;i--){const o=s[i];o["s-hn"]!==ee&&o["s-ol"]&&(U(gt(o),o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,we=!0),e&&te(o,e)}P.$flags$&=-2},pt=(n,e,s,i,o,d)=>{let f=n["s-cr"]&&n["s-cr"].parentNode||n,u;for(f.shadowRoot&&f.tagName===ee&&(f=f.shadowRoot);o<=d;++o)i[o]&&(u=he(null,s,o,n),u&&(i[o].$elm$=u,U(f,u,Ee(e))))},bt=(n,e,s)=>{for(let i=e;i<=s;++i){const o=n[i];if(o){const d=o.$elm$;vt(o),d&&(ue=!0,d["s-ol"]?d["s-ol"].remove():te(d,!0),d.remove())}}},_n=(n,e,s,i,o=!1)=>{let d=0,f=0,u=0,h=0,p=e.length-1,C=e[0],m=e[p],v=i.length-1,k=i[0],y=i[v],O,F;for(;d<=p&&f<=v;)if(C==null)C=e[++d];else if(m==null)m=e[--p];else if(k==null)k=i[++f];else if(y==null)y=i[--v];else if(ie(C,k,o))q(C,k,o),C=e[++d],k=i[++f];else if(ie(m,y,o))q(m,y,o),m=e[--p],y=i[--v];else if(ie(C,y,o))(C.$tag$==="slot"||y.$tag$==="slot")&&te(C.$elm$.parentNode,!1),q(C,y,o),U(n,C.$elm$,m.$elm$.nextSibling),C=e[++d],y=i[--v];else if(ie(m,k,o))(C.$tag$==="slot"||y.$tag$==="slot")&&te(m.$elm$.parentNode,!1),q(m,k,o),U(n,m.$elm$,C.$elm$),m=e[--p],k=i[++f];else{for(u=-1,h=d;h<=p;++h)if(e[h]&&e[h].$key$!==null&&e[h].$key$===k.$key$){u=h;break}u>=0?(F=e[u],F.$tag$!==k.$tag$?O=he(e&&e[f],s,u,n):(q(F,k,o),e[u]=void 0,O=F.$elm$),k=i[++f]):(O=he(e&&e[f],s,f,n),k=i[++f]),O&&U(gt(C.$elm$),O,Ee(C.$elm$))}d>p?pt(n,i[v+1]==null?null:i[v+1].$elm$,s,i,f,v):f>v&&bt(e,d,p)},ie=(n,e,s=!1)=>n.$tag$===e.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&s&&n.$elm$.nodeType!==8?!1:n.$name$===e.$name$:s?!0:n.$key$===e.$key$:!1,Ee=n=>n&&n["s-ol"]||n,gt=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,q=(n,e,s=!1)=>{const i=e.$elm$=n.$elm$,o=n.$children$,d=e.$children$,f=e.$tag$,u=e.$text$;let h;u===null?(B=f==="svg"?!0:f==="foreignObject"?!1:B,f==="slot"&&!fe||ht(n,e,B),o!==null&&d!==null?_n(i,o,e,d,s):d!==null?(n.$text$!==null&&(i.textContent=""),pt(i,null,e,d,0,d.length-1)):!s&&G.updatable&&o!==null&&bt(o,0,o.length-1),B&&f==="svg"&&(B=!1)):(h=i["s-cr"])?h.parentNode.textContent=u:n.$text$!==u&&(i.data=u)},mt=n=>{const e=n.childNodes;for(const s of e)if(s.nodeType===1){if(s["s-sr"]){const i=s["s-sn"];s.hidden=!1;for(const o of e)if(o!==s){if(o["s-hn"]!==s["s-hn"]||i!==""){if(o.nodeType===1&&(i===o.getAttribute("slot")||i===o["s-sn"])||o.nodeType===3&&i===o["s-sn"]){s.hidden=!0;break}}else if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){s.hidden=!0;break}}}mt(s)}},z=[],Ct=n=>{let e,s,i;for(const o of n.childNodes){if(o["s-sr"]&&(e=o["s-cr"])&&e.parentNode){s=e.parentNode.childNodes;const d=o["s-sn"];for(i=s.length-1;i>=0;i--)if(e=s[i],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==o["s-hn"]&&!G.experimentalSlotFixes)if(Ye(e,d)){let f=z.find(u=>u.$nodeToRelocate$===e);ue=!0,e["s-sn"]=e["s-sn"]||d,f?(f.$nodeToRelocate$["s-sh"]=o["s-hn"],f.$slotRefNode$=o):(e["s-sh"]=o["s-hn"],z.push({$slotRefNode$:o,$nodeToRelocate$:e})),e["s-sr"]&&z.map(u=>{Ye(u.$nodeToRelocate$,e["s-sn"])&&(f=z.find(h=>h.$nodeToRelocate$===e),f&&!u.$slotRefNode$&&(u.$slotRefNode$=f.$slotRefNode$))})}else z.some(f=>f.$nodeToRelocate$===e)||z.push({$nodeToRelocate$:e})}o.nodeType===1&&Ct(o)}},Ye=(n,e)=>n.nodeType===1?n.getAttribute("slot")===null&&e===""||n.getAttribute("slot")===e:n["s-sn"]===e?!0:e==="",vt=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(vt)},U=(n,e,s)=>n==null?void 0:n.insertBefore(e,s),xn=(n,e,s=!1)=>{var i,o,d,f;const u=n.$hostElement$,h=n.$cmpMeta$,p=n.$vnode$||de(null,null),C=gn(e)?e:t(null,null,e);if(ee=u.tagName,h.$attrsToReflect$&&(C.$attrs$=C.$attrs$||{},h.$attrsToReflect$.map(([m,v])=>C.$attrs$[v]=u[m])),s&&C.$attrs$)for(const m of Object.keys(C.$attrs$))u.hasAttribute(m)&&!["key","ref","style","class"].includes(m)&&(C.$attrs$[m]=u[m]);C.$tag$=null,C.$flags$|=4,n.$vnode$=C,C.$elm$=p.$elm$=u.shadowRoot||u,W=u["s-sc"],fe=(h.$flags$&1)!==0,$e=u["s-cr"],ue=!1,q(p,C,s);{if(P.$flags$|=1,we){Ct(C.$elm$);for(const m of z){const v=m.$nodeToRelocate$;if(!v["s-ol"]){const k=N.createTextNode("");k["s-nr"]=v,U(v.parentNode,v["s-ol"]=k,v)}}for(const m of z){const v=m.$nodeToRelocate$,k=m.$slotRefNode$;if(k){const y=k.parentNode;let O=k.nextSibling;{let F=(i=v["s-ol"])==null?void 0:i.previousSibling;for(;F;){let T=(o=F["s-nr"])!=null?o:null;if(T&&T["s-sn"]===v["s-sn"]&&y===T.parentNode){for(T=T.nextSibling;T===v||T!=null&&T["s-sr"];)T=T==null?void 0:T.nextSibling;if(!T||!T["s-nr"]){O=T;break}}F=F.previousSibling}}(!O&&y!==v.parentNode||v.nextSibling!==O)&&v!==O&&(!v["s-hn"]&&v["s-ol"]&&(v["s-hn"]=v["s-ol"].parentNode.nodeName),U(y,v,O),v.nodeType===1&&(v.hidden=(d=v["s-ih"])!=null?d:!1)),v&&typeof k["s-rf"]=="function"&&k["s-rf"](v)}else v.nodeType===1&&(s&&(v["s-ih"]=(f=v.hidden)!=null?f:!1),v.hidden=!0)}}ue&&mt(C.$elm$),P.$flags$&=-2,z.length=0}$e=void 0},kt=(n,e)=>{e&&!n.$onRenderResolve$&&e["s-p"]&&e["s-p"].push(new Promise(s=>n.$onRenderResolve$=s))},Le=(n,e)=>{if(n.$flags$|=16,n.$flags$&4){n.$flags$|=512;return}return kt(n,n.$ancestorComponent$),cn(()=>wn(n,e))},wn=(n,e)=>{const s=n.$hostElement$,i=Q("scheduleUpdate",n.$cmpMeta$.$tagName$),o=s;if(!o)throw new Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let d;return e&&(d=ce(o,"componentWillLoad")),i(),En(d,()=>Sn(n,o,e))},En=(n,e)=>Ln(n)?n.then(e).catch(s=>{console.error(s),e()}):e(),Ln=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",Sn=async(n,e,s)=>{var i;const o=n.$hostElement$,d=Q("update",n.$cmpMeta$.$tagName$),f=o["s-rc"],u=Q("render",n.$cmpMeta$.$tagName$);Dn(n,e,o,s),f&&(f.map(h=>h()),o["s-rc"]=void 0),u(),d();{const h=(i=o["s-p"])!=null?i:[],p=()=>Tn(n);h.length===0?p():(Promise.all(h).then(p),n.$flags$|=4,h.length=0)}},Dn=(n,e,s,i)=>{try{e=e.render(),n.$flags$&=-17,n.$flags$|=2,xn(n,e,i)}catch(o){pe(o,n.$hostElement$)}return null},Tn=n=>{const e=n.$cmpMeta$.$tagName$,s=n.$hostElement$,i=Q("postUpdate",e),o=s,d=n.$ancestorComponent$;ce(o,"componentDidRender"),n.$flags$&64?(ce(o,"componentDidUpdate"),i()):(n.$flags$|=64,yt(s),ce(o,"componentDidLoad"),i(),n.$onReadyResolve$(s),d||In()),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&_e(()=>Le(n,!1)),n.$flags$&=-517},In=n=>{yt(N.documentElement),_e(()=>ft(be,"appload",{detail:{namespace:en}}))},ce=(n,e,s)=>{if(n&&n[e])try{return n[e](s)}catch(i){pe(i)}},yt=n=>{var e;return n.classList.add((e=G.hydratedSelectorName)!=null?e:"hydrated")},Mn=(n,e)=>J(n).$instanceValues$.get(e),Fn=(n,e,s,i)=>{const o=J(n),d=n,f=o.$instanceValues$.get(e),u=o.$flags$,h=d;s=vn(s,i.$members$[e][0]);const p=Number.isNaN(f)&&Number.isNaN(s);if(s!==f&&!p){o.$instanceValues$.set(e,s);{if(i.$watchers$&&u&128){const m=i.$watchers$[e];m&&m.map(v=>{try{h[v](s,f,e)}catch(k){pe(k,d)}})}(u&18)===2&&Le(o,!1)}}},On=(n,e,s)=>{var i,o;const d=n.prototype;if(e.$members$||e.$watchers$||n.watchers){n.watchers&&!e.$watchers$&&(e.$watchers$=n.watchers);const f=Object.entries((i=e.$members$)!=null?i:{});f.map(([u,[h]])=>{(h&31||h&32)&&Object.defineProperty(d,u,{get(){return Mn(this,u)},set(p){Fn(this,u,p,e)},configurable:!0,enumerable:!0})});{const u=new Map;d.attributeChangedCallback=function(h,p,C){P.jmp(()=>{var m;const v=u.get(h);if(this.hasOwnProperty(v))C=this[v],delete this[v];else{if(d.hasOwnProperty(v)&&typeof this[v]=="number"&&this[v]==C)return;if(v==null){const k=J(this),y=k==null?void 0:k.$flags$;if(y&&!(y&8)&&y&128&&C!==p){const F=this,T=(m=e.$watchers$)==null?void 0:m[h];T==null||T.forEach(Z=>{F[Z]!=null&&F[Z].call(F,C,p,h)})}return}}this[v]=C===null&&typeof this[v]=="boolean"?!1:C})},n.observedAttributes=Array.from(new Set([...Object.keys((o=e.$watchers$)!=null?o:{}),...f.filter(([h,p])=>p[0]&15).map(([h,p])=>{var C;const m=p[1]||h;return u.set(m,h),p[0]&512&&((C=e.$attrsToReflect$)==null||C.push([h,m])),m})]))}}return n},An=async(n,e,s,i)=>{if(!(e.$flags$&32)){e.$flags$|=32;{const f=n.localName;customElements.whenDefined(f).then(()=>e.$flags$|=128)}}const o=e.$ancestorComponent$,d=()=>Le(e,!0);o&&o["s-rc"]?o["s-rc"].push(d):d()},Rn=n=>{},Hn=n=>{if(!(P.$flags$&1)){const e=J(n),s=e.$cmpMeta$,i=Q("connectedCallback",s.$tagName$);if(e.$flags$&1)e!=null&&e.$lazyInstance$||e!=null&&e.$onReadyPromise$&&e.$onReadyPromise$.then(()=>Rn());else{e.$flags$|=1,s.$flags$&12&&Bn(n);{let o=n;for(;o=o.parentNode||o.host;)if(o["s-p"]){kt(e,e.$ancestorComponent$=o);break}}s.$members$&&Object.entries(s.$members$).map(([o,[d]])=>{if(d&31&&n.hasOwnProperty(o)){const f=n[o];delete n[o],n[o]=f}}),An(n,e)}i()}},Bn=n=>{const e=n["s-cr"]=N.createComment("");e["s-cn"]=!0,U(n,e,n.firstChild)},Pn=async n=>{P.$flags$&1||J(n)},x=(n,e)=>{const s={$flags$:e[0],$tagName$:e[1]};s.$members$=e[2],s.$watchers$=n.$watchers$,s.$attrsToReflect$=[];const i=n.prototype.disconnectedCallback;return Object.assign(n.prototype,{__registerHost(){sn(this,s)},connectedCallback(){J(this),Hn(this)},disconnectedCallback(){Pn(this),i&&i.call(this)},__attachShadow(){if(!this.shadowRoot)this.attachShadow({mode:"open"});else if(this.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${s.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}),n.is=s.$tagName$,On(n,s)},j=(n,e)=>e;const I=()=>{const n=Date.now().toString(36),e=Math.random().toString(36).substring(2);return n+e},$t=x(class extends _{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type=""}componentDidLoad(){const e=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(),s=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${e}`;this.container.className=s}render(){return t("div",{key:"595c418f3f2fb58dbfc6c23af2b288eb942fa883",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},t("i",{key:"90e19f8ee55fe202a3bb6e80e1d97e7747240f3c",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:e=>this.container=e}))}},[0,"dga-icon",{icon:[8],size:[2],color:[1],variant:[1],type:[1]}]);function D(){if(typeof customElements>"u")return;["dga-icon"].forEach(e=>{switch(e){case"dga-icon":customElements.get(e)||customElements.define(e,$t);break}})}const _t=x(class extends _{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const e=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return t("div",{key:"d178dc130079b57ecb9887ddb02c2333378dd957",class:e},t("div",{key:"c75d097a911f6c234467663424042be31c613873",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function Se(){if(typeof customElements>"u")return;["dga-loading"].forEach(e=>{switch(e){case"dga-loading":customElements.get(e)||customElements.define(e,_t);break}})}const xt=x(class extends _{constructor(){super(),this.__registerHost(),this.handleFileSelection=e=>{const s=e.target;this.onChange&&this.onChange(e);const i=s.files;if(i){if(this.maximumFilesSize&&Array.from(i).some(f=>f.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const o=Array.from(i).map(d=>({name:d.name,uploadStatus:"pending"}));this.files=[...this.files,...o],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const s=e.dataTransfer.files;if(s){const i=Array.from(s).map(o=>({name:o.name,uploadStatus:"pending"}));this.files=[...this.files,...i]}this.dragState=!1},this.addDragOverClass=e=>{e.preventDefault(),e.stopPropagation(),this.dragState=!0},this.removeDragOverClass=e=>{e.preventDefault(),e.stopPropagation(),this.dragState=!1},this.id=I(),this.name=I(),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 e=document.querySelector(".file-upload__drop-area");e.addEventListener("dragover",this.addDragOverClass),e.addEventListener("dragleave",this.removeDragOverClass),e.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const e=document.querySelector(".file-upload__drop-area");e.removeEventListener("dragover",this.addDragOverClass),e.removeEventListener("dragleave",this.removeDragOverClass),e.removeEventListener("drop",this.handleDrop)}handleDeleteFile(e,s){this.files=[...this.files.slice(0,e),...this.files.slice(e+1)],this.emitDeleteFile&&this.emitDeleteFile(s,e)}renderFile(e,s){return e.uploadStatus==="error"?t("div",{class:"file-upload__file-item--error"},t("div",{class:"file-upload__file-item"},t("span",{class:"file-upload__file-status file-upload__file-status--error"},t("dga-icon",{icon:"AlertCircleIcon",variant:"solid"})),t("span",{class:"file-upload__file-name"},e.name),t("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(s,e)},t("span",{class:"btn-icon"},t("dga-icon",{icon:"Cancel01Icon",variant:"stroke",size:20})))),t("div",{class:"file-upload__file-item-msg"},e.errorMessage?e.errorMessage:"Here goes the helper text.")):t("div",{class:"file-upload__file-item"},t("span",{class:`file-upload__file-status file-upload__file-status--${e.uploadStatus}`},e.uploadStatus==="uploading"&&e.progress&&t("dga-loading",{size:"tiny",variant:"neutral"}),e.uploadStatus==="complete"&&t("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"})),t("span",{class:"file-upload__file-name"},e.name),t("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(s,e)},t("span",{class:"btn-icon"},t("dga-icon",{icon:"Cancel01Icon",size:20}))))}render(){return t("div",{key:"08446baad7defe2ba1b441187e7aee9fb5eff339",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},t("input",{key:"2a55346c49cf4b5a577c536bb541340f53dad66f",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:e=>this.fileInputRef=e}),t("label",{key:"99d5377d1d2c18c0c67beab9143833b76d9d5a44",htmlFor:this.id,class:"file-upload__drop-area"},t("span",{key:"8cae7f479f02d351b83e59b67f47f15c36a5e018",class:"file-upload__icon"},t("dga-icon",{key:"6d1249518ce0682ddb19e450fd0240724414fae0",icon:"FileUploadIcon",variant:"stroke",size:20})),t("div",{key:"028bffc9018f3cec9b3ed815c41b13baab96ede4",class:"file-upload__content"},t("p",{key:"e3c44a8d9c2b5139ff59ce661be5f894d2ac8756",class:"file-upload__instructions"},this.title),t("p",{key:"5a2676ebc3a37835a35a6f31fb046576f55e1b10",class:"file-upload__formats"},this.fileTypesText)),t("button",{key:"8333412f383b0c47e04eff040d39980f73efb0a3",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var e;return(e=this.fileInputRef)===null||e===void 0?void 0:e.click()}},t("span",{key:"1c76d5e0a57e04c1cc1b44d6592f19f8b5eef6f1"},this.actionName))),t("div",{key:"a82114540cdd62656d21b74a975f6bc977cd5d4e",class:"file-upload__files-list"},this.files.map((e,s)=>this.renderFile(e,s))))}},[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 wt(){if(typeof customElements>"u")return;["dga-file-upload","dga-icon","dga-loading"].forEach(e=>{switch(e){case"dga-file-upload":customElements.get(e)||customElements.define(e,xt);break;case"dga-icon":customElements.get(e)||D();break;case"dga-loading":customElements.get(e)||Se();break}})}const Et=x(class extends _{constructor(){super(),this.__registerHost()}render(){return t("div",{key:"50ec6df45ae4f7226377dece6b6589347b29570d"},t("h1",{key:"695e207749a60060ac134e005eedf16e104e1eb1"},"File Upload Example"),t("div",{key:"ed4e6b37abe9d9290730113df96938bb3d29d9ab",style:{padding:"50px",display:"flex",gap:"20px"}},t("div",{key:"53ede8f325d758fdd3624a84a7fbc45ceb8d5560",style:{display:"flex",flexDirection:"column",gap:"20px"}},t("dga-file-upload",{key:"a080f18e905d6be662a59efd81fce5fc20326c80"})),t("div",{key:"d8252c5795863abc9fb2ed8e56b5e4a694d802f4",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"cs-file-upload-usage"]);function zn(){if(typeof customElements>"u")return;["cs-file-upload-usage","dga-file-upload","dga-icon","dga-loading"].forEach(e=>{switch(e){case"cs-file-upload-usage":customElements.get(e)||customElements.define(e,Et);break;case"dga-file-upload":customElements.get(e)||wt();break;case"dga-icon":customElements.get(e)||D();break;case"dga-loading":customElements.get(e)||Se();break}})}const Un=Et,Zn=zn,Lt=x(class extends _{constructor(){super(),this.__registerHost(),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 t("footer",{key:"9ed1157a00e11e48efcbaa2a8090e81a1882c407",class:`footer ${this.background==="DarkGreen"?"footer--bg-brand":""}`},t("section",{key:"16fd4df17472af690f5a3542d6f142d4a1c6e533",class:"footer-content"},(this.mainLinkTilte||this.mainImage)&&t("div",{key:"80df6f8604fd0463c22720602fd63c425c05f0cb",class:"footer-icon-section"},t("a",{key:"b917c12aea16d6cba6219b1534dde3deb09b325f",class:this.background==="DarkGreen"?"link--on-color":"",href:this.mainLink||"#",target:"_blank",rel:"noopener noreferrer"},this.mainLinkTilte)),(this.mainTitle||this.mainDescription)&&t("div",{key:"4878efc7029ed3c353fe854609a861d56927f6b4",class:"footer-title-description"},t("h3",{key:"d2960c8d012c55df114daf2380039a4a067d5482",class:this.background==="DarkGreen"?"link--on-color":""},this.mainTitle),t("p",{key:"ed511886a2b6be235c1acab5ce819dcf97b27212",class:this.background==="DarkGreen"?"link--on-color":""},this.mainDescription)),this.NavLinks&&t("section",{key:"201689349ccb7f234c94ec5ef4bc315e3ba0917a",class:"footer__nav-links"},this.groupLinks.map(e=>t("div",{class:"footer__nav-links-column"},t("div",{class:"footer__nav-links-column-title"},e.title),t("ul",{class:"footer__nav-links-column-body"},e.links.map(s=>t("li",null,t("a",{href:s.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},s.name))))))),t("div",{key:"3e606f33375fe42b7dd1b780d31e03ee2a595a21",class:"footer__nav-links-column"},this.socialMediaLinks.length>0&&t("div",{key:"d8542c885a0343bc96f5da25ee564b9ca366c0be"},this.socialMediaTitle&&t("div",{key:"d3f1559b79a7115d06ea66a778e9513de8818a40",class:"footer__nav-links-column-title"},this.socialMediaTitle),t("div",{key:"6b1b37bea1c2dda69c817c913c89313bd4fe1f51",class:"flex icons-container"},this.socialMediaLinks.map(e=>t("a",{href:e.target,title:e.title,class:"btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon"},t("span",{class:"btn-icon"},e.icon))))),this.accessibilityLinks.length>0&&t("div",{key:"d8c82957d7f8d125944a8f92235586e6249e7ff0"},t("div",{key:"fdddd7394eec1c993300e09d5552446093f6ba53",class:"footer__nav-links-column-title"},this.accessibilityTitle),t("div",{key:"1d70cf79bd6179a49a7e98fed36ead38567e245a",class:"flex icons-container"},this.accessibilityLinks.map(e=>t("a",{href:e.target,title:e.title,class:"btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon"},t("span",{class:"btn-icon"},e.icon))))))),t("section",{key:"b0b2c82469005fcf6ad8f3e769fce56f46d27f4e",class:"footer__basic"},t("div",{key:"8e0aa9b78fecf6013c5c63afb416f9cfba06dcb8",class:"footer__actions-copyright"},t("ul",{key:"6e9100ae2ace11f6f5106721f5efcd619f0688d7",class:"footer__actions"},this.basicLinks.map(e=>t("li",null,t("a",{href:e.target,class:`link link--sm link--neutral link--inline ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},e.name))))),this.copyright&&t("p",{key:"9e9ed51faef09006e1cf0cb926436e8cd2da687d",class:"footer__copyright text-sm-semibold"},this.copyright),t("ul",{key:"5849f403884b4e4c7555ff043b02827194b85e7c",class:"footer__extra-actions"},this.extraLinks.map(e=>t("li",null,t("a",{href:e.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},e.name)))))),t("div",{key:"ca7dc0321f7303df407c2eeef25442c2ca2bc864",class:"footer__logos"},this.bottomImages.map(e=>t("span",{key:I()},e))))))}},[0,"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 St(){if(typeof customElements>"u")return;["dga-footer"].forEach(e=>{switch(e){case"dga-footer":customElements.get(e)||customElements.define(e,Lt);break}})}var jn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Wn(n){if(n.__esModule)return n;var e=Object.defineProperty({},"__esModule",{value:!0});return Object.keys(n).forEach(function(s){var i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:function(){return n[s]}})}),e}var Y={exports:{}},S={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react");var J1=Object.defineProperty,V1=(n,e)=>{for(var s in e)J1(n,s,{get:e[s],enumerable:!0})},K1={};V1(K1,{err:()=>ct,map:()=>X1,ok:()=>Ce,unwrap:()=>Y1,unwrapErr:()=>Q1});var Ce=n=>({isOk:!0,isErr:!1,value:n}),ct=n=>({isOk:!1,isErr:!0,value:n});function X1(n,e){if(n.isOk){const s=e(n.value);return s instanceof Promise?s.then(i=>Ce(i)):Ce(s)}if(n.isErr){const s=n.value;return ct(s)}throw"should never get here"}var Y1=n=>{if(n.isOk)return n.value;throw n.value},Q1=n=>{if(n.isErr)return n.value;throw n.value};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var n=HTMLElement;window.HTMLElement=function(){return Reflect.construct(n,[],this.constructor)},HTMLElement.prototype=n.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,n)}})();const en="platformscode",G={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!0,cmpDidRender:!0,cmpDidUnload:!1,cmpDidUpdate:!0,cmpShouldUpdate:!1,cmpWillLoad:!0,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!0,element:!1,event:!0,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!1,lifecycle:!0,lifecycleDOMEvents:!1,member:!0,method:!1,mode:!1,observeAttribute:!0,profile:!1,prop:!0,propBoolean:!0,propMutable:!1,propNumber:!0,propString:!0,reflect:!0,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!0,state:!0,style:!1,svg:!0,taskQueue:!0,updatable:!0,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!0,vdomKey:!0,vdomListener:!0,vdomPropOrAttr:!0,vdomRef:!0,vdomRender:!0,vdomStyle:!0,vdomText:!0,vdomXlink:!0,watchCallback:!0};var tn=Object.defineProperty,nn=(n,e)=>{for(var s in e)tn(n,s,{get:e[s],enumerable:!0})},lt=new WeakMap,J=n=>lt.get(n),sn=(n,e)=>{const s={$flags$:0,$hostElement$:n,$cmpMeta$:e,$instanceValues$:new Map};return s.$onReadyPromise$=new Promise(i=>s.$onReadyResolve$=i),n["s-p"]=[],n["s-rc"]=[],lt.set(n,s)},je=(n,e)=>e in n,pe=(n,e)=>(0,console.error)(n,e),We="http://www.w3.org/1999/xlink",be=typeof window<"u"?window:{},N=be.document||{head:{}},_=be.HTMLElement||class{},P={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,s,i)=>n.addEventListener(e,s,i),rel:(n,e,s,i)=>n.removeEventListener(e,s,i),ce:(n,e)=>new CustomEvent(n,e)},an=n=>Promise.resolve(n),ve=!1,qe=[],rt=[],on=(n,e)=>s=>{n.push(s),ve||(ve=!0,P.$flags$&4?_e(ke):P.raf(ke))},Ne=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(s){pe(s)}n.length=0},ke=()=>{Ne(qe),Ne(rt),(ve=qe.length>0)&&P.raf(ke)},_e=n=>an().then(n),cn=on(rt),Ge={},ln="http://www.w3.org/2000/svg",rn="http://www.w3.org/1999/xhtml",dn=n=>n!=null,xe=n=>(n=typeof n,n==="object"||n==="function"),fn={};nn(fn,{err:()=>dt,map:()=>un,ok:()=>ye,unwrap:()=>hn,unwrapErr:()=>pn});var ye=n=>({isOk:!0,isErr:!1,value:n}),dt=n=>({isOk:!1,isErr:!0,value:n});function un(n,e){if(n.isOk){const s=e(n.value);return s instanceof Promise?s.then(i=>ye(i)):ye(s)}if(n.isErr){const s=n.value;return dt(s)}throw"should never get here"}var hn=n=>{if(n.isOk)return n.value;throw n.value},pn=n=>{if(n.isErr)return n.value;throw n.value},Q=(n,e="")=>()=>{},t=(n,e,...s)=>{let i=null,o=null,d=null,f=!1,u=!1;const h=[],p=m=>{for(let v=0;v<m.length;v++)i=m[v],Array.isArray(i)?p(i):i!=null&&typeof i!="boolean"&&((f=typeof n!="function"&&!xe(i))&&(i=String(i)),f&&u?h[h.length-1].$text$+=i:h.push(f?de(null,i):i),u=f)};if(p(s),e){e.key&&(o=e.key),e.name&&(d=e.name);{const m=e.className||e.class;m&&(e.class=typeof m!="object"?m:Object.keys(m).filter(v=>m[v]).join(" "))}}if(typeof n=="function")return n(e===null?{}:e,h,mn);const C=de(n,null);return C.$attrs$=e,h.length>0&&(C.$children$=h),C.$key$=o,C.$name$=d,C},de=(n,e)=>{const s={$flags$:0,$tag$:n,$text$:e,$elm$:null,$children$:null};return s.$attrs$=null,s.$key$=null,s.$name$=null,s},bn={},gn=n=>n&&n.$tag$===bn,mn={forEach:(n,e)=>n.map(Je).forEach(e),map:(n,e)=>n.map(Je).map(e).map(Cn)},Je=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),Cn=n=>{if(typeof n.vtag=="function"){const s={...n.vattrs};return n.vkey&&(s.key=n.vkey),n.vname&&(s.name=n.vname),t(n.vtag,s,...n.vchildren||[])}const e=de(n.vtag,n.vtext);return e.$attrs$=n.vattrs,e.$children$=n.vchildren,e.$key$=n.vkey,e.$name$=n.vname,e},vn=(n,e)=>n!=null&&!xe(n)?e&4?n==="false"?!1:n===""||!!n:e&2?parseFloat(n):e&1?String(n):n:n,kn=n=>n,ge=(n,e,s)=>{const i=kn(n);return{emit:o=>ft(i,e,{bubbles:!!(s&4),composed:!!(s&2),cancelable:!!(s&1),detail:o})}},ft=(n,e,s)=>{const i=P.ce(e,s);return n.dispatchEvent(i),i},Ve=(n,e,s,i,o,d)=>{if(s!==i){let f=je(n,e),u=e.toLowerCase();if(e==="class"){const h=n.classList,p=Ke(s),C=Ke(i);h.remove(...p.filter(m=>m&&!C.includes(m))),h.add(...C.filter(m=>m&&!p.includes(m)))}else if(e==="style"){for(const h in s)(!i||i[h]==null)&&(h.includes("-")?n.style.removeProperty(h):n.style[h]="");for(const h in i)(!s||i[h]!==s[h])&&(h.includes("-")?n.style.setProperty(h,i[h]):n.style[h]=i[h])}else if(e!=="key")if(e==="ref")i&&i(n);else if(!n.__lookupSetter__(e)&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"?e=e.slice(3):je(be,u)?e=u.slice(2):e=u[2]+e.slice(3),s||i){const h=e.endsWith(ut);e=e.replace($n,""),s&&P.rel(n,e,s,h),i&&P.ael(n,e,i,h)}}else{const h=xe(i);if((f||h&&i!==null)&&!o)try{if(n.tagName.includes("-"))n[e]=i;else{const C=i??"";e==="list"?f=!1:(s==null||n[e]!=C)&&(n[e]=C)}}catch{}let p=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(e=u,p=!0),i==null||i===!1?(i!==!1||n.getAttribute(e)==="")&&(p?n.removeAttributeNS(We,e):n.removeAttribute(e)):(!f||d&4||o)&&!h&&(i=i===!0?"":i,p?n.setAttributeNS(We,e,i):n.setAttribute(e,i))}}},yn=/\s/,Ke=n=>n?n.split(yn):[],ut="Capture",$n=new RegExp(ut+"$"),ht=(n,e,s)=>{const i=e.$elm$.nodeType===11&&e.$elm$.host?e.$elm$.host:e.$elm$,o=n&&n.$attrs$||Ge,d=e.$attrs$||Ge;for(const f of Xe(Object.keys(o)))f in d||Ve(i,f,o[f],void 0,s,e.$flags$);for(const f of Xe(Object.keys(d)))Ve(i,f,o[f],d[f],s,e.$flags$)};function Xe(n){return n.includes("ref")?[...n.filter(e=>e!=="ref"),"ref"]:n}var W,$e,ee,fe=!1,ue=!1,we=!1,B=!1,he=(n,e,s,i)=>{var o;const d=e.$children$[s];let f=0,u,h,p;if(fe||(we=!0,d.$tag$==="slot"&&(W&&i.classList.add(W+"-s"),d.$flags$|=d.$children$?2:1)),d.$text$!==null)u=d.$elm$=N.createTextNode(d.$text$);else if(d.$flags$&1)u=d.$elm$=N.createTextNode("");else{if(B||(B=d.$tag$==="svg"),u=d.$elm$=N.createElementNS(B?ln:rn,!fe&&G.slotRelocation&&d.$flags$&2?"slot-fb":d.$tag$),B&&d.$tag$==="foreignObject"&&(B=!1),ht(null,d,B),!!u.getRootNode().querySelector("body")&&G.scoped&&dn(W)&&u["s-si"]!==W&&u.classList.add(u["s-si"]=W),d.$children$)for(f=0;f<d.$children$.length;++f)h=he(n,d,f,u),h&&u.appendChild(h);d.$tag$==="svg"?B=!1:u.tagName==="foreignObject"&&(B=!0)}return u["s-hn"]=ee,d.$flags$&3&&(u["s-sr"]=!0,u["s-cr"]=$e,u["s-sn"]=d.$name$||"",u["s-rf"]=(o=d.$attrs$)==null?void 0:o.ref,p=n&&n.$children$&&n.$children$[s],p&&p.$tag$===d.$tag$&&n.$elm$&&te(n.$elm$,!1)),u},te=(n,e)=>{P.$flags$|=1;const s=Array.from(n.childNodes);if(n["s-sr"]&&G.experimentalSlotFixes){let i=n;for(;i=i.nextSibling;)i&&i["s-sn"]===n["s-sn"]&&i["s-sh"]===ee&&s.push(i)}for(let i=s.length-1;i>=0;i--){const o=s[i];o["s-hn"]!==ee&&o["s-ol"]&&(U(gt(o),o,Ee(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,we=!0),e&&te(o,e)}P.$flags$&=-2},pt=(n,e,s,i,o,d)=>{let f=n["s-cr"]&&n["s-cr"].parentNode||n,u;for(f.shadowRoot&&f.tagName===ee&&(f=f.shadowRoot);o<=d;++o)i[o]&&(u=he(null,s,o,n),u&&(i[o].$elm$=u,U(f,u,Ee(e))))},bt=(n,e,s)=>{for(let i=e;i<=s;++i){const o=n[i];if(o){const d=o.$elm$;vt(o),d&&(ue=!0,d["s-ol"]?d["s-ol"].remove():te(d,!0),d.remove())}}},_n=(n,e,s,i,o=!1)=>{let d=0,f=0,u=0,h=0,p=e.length-1,C=e[0],m=e[p],v=i.length-1,k=i[0],y=i[v],O,F;for(;d<=p&&f<=v;)if(C==null)C=e[++d];else if(m==null)m=e[--p];else if(k==null)k=i[++f];else if(y==null)y=i[--v];else if(ie(C,k,o))q(C,k,o),C=e[++d],k=i[++f];else if(ie(m,y,o))q(m,y,o),m=e[--p],y=i[--v];else if(ie(C,y,o))(C.$tag$==="slot"||y.$tag$==="slot")&&te(C.$elm$.parentNode,!1),q(C,y,o),U(n,C.$elm$,m.$elm$.nextSibling),C=e[++d],y=i[--v];else if(ie(m,k,o))(C.$tag$==="slot"||y.$tag$==="slot")&&te(m.$elm$.parentNode,!1),q(m,k,o),U(n,m.$elm$,C.$elm$),m=e[--p],k=i[++f];else{for(u=-1,h=d;h<=p;++h)if(e[h]&&e[h].$key$!==null&&e[h].$key$===k.$key$){u=h;break}u>=0?(F=e[u],F.$tag$!==k.$tag$?O=he(e&&e[f],s,u,n):(q(F,k,o),e[u]=void 0,O=F.$elm$),k=i[++f]):(O=he(e&&e[f],s,f,n),k=i[++f]),O&&U(gt(C.$elm$),O,Ee(C.$elm$))}d>p?pt(n,i[v+1]==null?null:i[v+1].$elm$,s,i,f,v):f>v&&bt(e,d,p)},ie=(n,e,s=!1)=>n.$tag$===e.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&s&&n.$elm$.nodeType!==8?!1:n.$name$===e.$name$:s?!0:n.$key$===e.$key$:!1,Ee=n=>n&&n["s-ol"]||n,gt=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,q=(n,e,s=!1)=>{const i=e.$elm$=n.$elm$,o=n.$children$,d=e.$children$,f=e.$tag$,u=e.$text$;let h;u===null?(B=f==="svg"?!0:f==="foreignObject"?!1:B,f==="slot"&&!fe||ht(n,e,B),o!==null&&d!==null?_n(i,o,e,d,s):d!==null?(n.$text$!==null&&(i.textContent=""),pt(i,null,e,d,0,d.length-1)):!s&&G.updatable&&o!==null&&bt(o,0,o.length-1),B&&f==="svg"&&(B=!1)):(h=i["s-cr"])?h.parentNode.textContent=u:n.$text$!==u&&(i.data=u)},mt=n=>{const e=n.childNodes;for(const s of e)if(s.nodeType===1){if(s["s-sr"]){const i=s["s-sn"];s.hidden=!1;for(const o of e)if(o!==s){if(o["s-hn"]!==s["s-hn"]||i!==""){if(o.nodeType===1&&(i===o.getAttribute("slot")||i===o["s-sn"])||o.nodeType===3&&i===o["s-sn"]){s.hidden=!0;break}}else if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){s.hidden=!0;break}}}mt(s)}},z=[],Ct=n=>{let e,s,i;for(const o of n.childNodes){if(o["s-sr"]&&(e=o["s-cr"])&&e.parentNode){s=e.parentNode.childNodes;const d=o["s-sn"];for(i=s.length-1;i>=0;i--)if(e=s[i],!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==o["s-hn"]&&!G.experimentalSlotFixes)if(Ye(e,d)){let f=z.find(u=>u.$nodeToRelocate$===e);ue=!0,e["s-sn"]=e["s-sn"]||d,f?(f.$nodeToRelocate$["s-sh"]=o["s-hn"],f.$slotRefNode$=o):(e["s-sh"]=o["s-hn"],z.push({$slotRefNode$:o,$nodeToRelocate$:e})),e["s-sr"]&&z.map(u=>{Ye(u.$nodeToRelocate$,e["s-sn"])&&(f=z.find(h=>h.$nodeToRelocate$===e),f&&!u.$slotRefNode$&&(u.$slotRefNode$=f.$slotRefNode$))})}else z.some(f=>f.$nodeToRelocate$===e)||z.push({$nodeToRelocate$:e})}o.nodeType===1&&Ct(o)}},Ye=(n,e)=>n.nodeType===1?n.getAttribute("slot")===null&&e===""||n.getAttribute("slot")===e:n["s-sn"]===e?!0:e==="",vt=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(vt)},U=(n,e,s)=>n==null?void 0:n.insertBefore(e,s),xn=(n,e,s=!1)=>{var i,o,d,f;const u=n.$hostElement$,h=n.$cmpMeta$,p=n.$vnode$||de(null,null),C=gn(e)?e:t(null,null,e);if(ee=u.tagName,h.$attrsToReflect$&&(C.$attrs$=C.$attrs$||{},h.$attrsToReflect$.map(([m,v])=>C.$attrs$[v]=u[m])),s&&C.$attrs$)for(const m of Object.keys(C.$attrs$))u.hasAttribute(m)&&!["key","ref","style","class"].includes(m)&&(C.$attrs$[m]=u[m]);C.$tag$=null,C.$flags$|=4,n.$vnode$=C,C.$elm$=p.$elm$=u.shadowRoot||u,W=u["s-sc"],fe=(h.$flags$&1)!==0,$e=u["s-cr"],ue=!1,q(p,C,s);{if(P.$flags$|=1,we){Ct(C.$elm$);for(const m of z){const v=m.$nodeToRelocate$;if(!v["s-ol"]){const k=N.createTextNode("");k["s-nr"]=v,U(v.parentNode,v["s-ol"]=k,v)}}for(const m of z){const v=m.$nodeToRelocate$,k=m.$slotRefNode$;if(k){const y=k.parentNode;let O=k.nextSibling;{let F=(i=v["s-ol"])==null?void 0:i.previousSibling;for(;F;){let T=(o=F["s-nr"])!=null?o:null;if(T&&T["s-sn"]===v["s-sn"]&&y===T.parentNode){for(T=T.nextSibling;T===v||T!=null&&T["s-sr"];)T=T==null?void 0:T.nextSibling;if(!T||!T["s-nr"]){O=T;break}}F=F.previousSibling}}(!O&&y!==v.parentNode||v.nextSibling!==O)&&v!==O&&(!v["s-hn"]&&v["s-ol"]&&(v["s-hn"]=v["s-ol"].parentNode.nodeName),U(y,v,O),v.nodeType===1&&(v.hidden=(d=v["s-ih"])!=null?d:!1)),v&&typeof k["s-rf"]=="function"&&k["s-rf"](v)}else v.nodeType===1&&(s&&(v["s-ih"]=(f=v.hidden)!=null?f:!1),v.hidden=!0)}}ue&&mt(C.$elm$),P.$flags$&=-2,z.length=0}$e=void 0},kt=(n,e)=>{e&&!n.$onRenderResolve$&&e["s-p"]&&e["s-p"].push(new Promise(s=>n.$onRenderResolve$=s))},Le=(n,e)=>{if(n.$flags$|=16,n.$flags$&4){n.$flags$|=512;return}return kt(n,n.$ancestorComponent$),cn(()=>wn(n,e))},wn=(n,e)=>{const s=n.$hostElement$,i=Q("scheduleUpdate",n.$cmpMeta$.$tagName$),o=s;if(!o)throw new Error(`Can't render component <${s.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let d;return e&&(d=ce(o,"componentWillLoad")),i(),En(d,()=>Sn(n,o,e))},En=(n,e)=>Ln(n)?n.then(e).catch(s=>{console.error(s),e()}):e(),Ln=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",Sn=async(n,e,s)=>{var i;const o=n.$hostElement$,d=Q("update",n.$cmpMeta$.$tagName$),f=o["s-rc"],u=Q("render",n.$cmpMeta$.$tagName$);Dn(n,e,o,s),f&&(f.map(h=>h()),o["s-rc"]=void 0),u(),d();{const h=(i=o["s-p"])!=null?i:[],p=()=>Tn(n);h.length===0?p():(Promise.all(h).then(p),n.$flags$|=4,h.length=0)}},Dn=(n,e,s,i)=>{try{e=e.render(),n.$flags$&=-17,n.$flags$|=2,xn(n,e,i)}catch(o){pe(o,n.$hostElement$)}return null},Tn=n=>{const e=n.$cmpMeta$.$tagName$,s=n.$hostElement$,i=Q("postUpdate",e),o=s,d=n.$ancestorComponent$;ce(o,"componentDidRender"),n.$flags$&64?(ce(o,"componentDidUpdate"),i()):(n.$flags$|=64,yt(s),ce(o,"componentDidLoad"),i(),n.$onReadyResolve$(s),d||In()),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&_e(()=>Le(n,!1)),n.$flags$&=-517},In=n=>{yt(N.documentElement),_e(()=>ft(be,"appload",{detail:{namespace:en}}))},ce=(n,e,s)=>{if(n&&n[e])try{return n[e](s)}catch(i){pe(i)}},yt=n=>{var e;return n.classList.add((e=G.hydratedSelectorName)!=null?e:"hydrated")},Mn=(n,e)=>J(n).$instanceValues$.get(e),Fn=(n,e,s,i)=>{const o=J(n),d=n,f=o.$instanceValues$.get(e),u=o.$flags$,h=d;s=vn(s,i.$members$[e][0]);const p=Number.isNaN(f)&&Number.isNaN(s);if(s!==f&&!p){o.$instanceValues$.set(e,s);{if(i.$watchers$&&u&128){const m=i.$watchers$[e];m&&m.map(v=>{try{h[v](s,f,e)}catch(k){pe(k,d)}})}(u&18)===2&&Le(o,!1)}}},On=(n,e,s)=>{var i,o;const d=n.prototype;if(e.$members$||e.$watchers$||n.watchers){n.watchers&&!e.$watchers$&&(e.$watchers$=n.watchers);const f=Object.entries((i=e.$members$)!=null?i:{});f.map(([u,[h]])=>{(h&31||h&32)&&Object.defineProperty(d,u,{get(){return Mn(this,u)},set(p){Fn(this,u,p,e)},configurable:!0,enumerable:!0})});{const u=new Map;d.attributeChangedCallback=function(h,p,C){P.jmp(()=>{var m;const v=u.get(h);if(this.hasOwnProperty(v))C=this[v],delete this[v];else{if(d.hasOwnProperty(v)&&typeof this[v]=="number"&&this[v]==C)return;if(v==null){const k=J(this),y=k==null?void 0:k.$flags$;if(y&&!(y&8)&&y&128&&C!==p){const F=this,T=(m=e.$watchers$)==null?void 0:m[h];T==null||T.forEach(Z=>{F[Z]!=null&&F[Z].call(F,C,p,h)})}return}}this[v]=C===null&&typeof this[v]=="boolean"?!1:C})},n.observedAttributes=Array.from(new Set([...Object.keys((o=e.$watchers$)!=null?o:{}),...f.filter(([h,p])=>p[0]&15).map(([h,p])=>{var C;const m=p[1]||h;return u.set(m,h),p[0]&512&&((C=e.$attrsToReflect$)==null||C.push([h,m])),m})]))}}return n},An=async(n,e,s,i)=>{if(!(e.$flags$&32)){e.$flags$|=32;{const f=n.localName;customElements.whenDefined(f).then(()=>e.$flags$|=128)}}const o=e.$ancestorComponent$,d=()=>Le(e,!0);o&&o["s-rc"]?o["s-rc"].push(d):d()},Rn=n=>{},Hn=n=>{if(!(P.$flags$&1)){const e=J(n),s=e.$cmpMeta$,i=Q("connectedCallback",s.$tagName$);if(e.$flags$&1)e!=null&&e.$lazyInstance$||e!=null&&e.$onReadyPromise$&&e.$onReadyPromise$.then(()=>Rn());else{e.$flags$|=1,s.$flags$&12&&Bn(n);{let o=n;for(;o=o.parentNode||o.host;)if(o["s-p"]){kt(e,e.$ancestorComponent$=o);break}}s.$members$&&Object.entries(s.$members$).map(([o,[d]])=>{if(d&31&&n.hasOwnProperty(o)){const f=n[o];delete n[o],n[o]=f}}),An(n,e)}i()}},Bn=n=>{const e=n["s-cr"]=N.createComment("");e["s-cn"]=!0,U(n,e,n.firstChild)},Pn=async n=>{P.$flags$&1||J(n)},x=(n,e)=>{const s={$flags$:e[0],$tagName$:e[1]};s.$members$=e[2],s.$watchers$=n.$watchers$,s.$attrsToReflect$=[];const i=n.prototype.disconnectedCallback;return Object.assign(n.prototype,{__registerHost(){sn(this,s)},connectedCallback(){J(this),Hn(this)},disconnectedCallback(){Pn(this),i&&i.call(this)},__attachShadow(){if(!this.shadowRoot)this.attachShadow({mode:"open"});else if(this.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${s.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}),n.is=s.$tagName$,On(n,s)},j=(n,e)=>e;const I=()=>{const n=Date.now().toString(36),e=Math.random().toString(36).substring(2);return n+e},$t=x(class extends _{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type=""}updateIcon(){if(this.container){const e=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(),s=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${e}`;this.container.className=s}}render(){return t("div",{key:"118ec6b0d9af41b7f4f5143f0e6a24f338092479",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},t("i",{key:"fdafc46dd75fe5e98dde5ac0d5fb0ad84ff39bee",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:e=>this.container=e}))}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 D(){if(typeof customElements>"u")return;["dga-icon"].forEach(e=>{switch(e){case"dga-icon":customElements.get(e)||customElements.define(e,$t);break}})}const _t=x(class extends _{constructor(){super(),this.__registerHost(),this.size="md",this.variant="neutral",this.extraClass=void 0}render(){const e=`loading loading--${this.size} loading--${this.variant} ${this.extraClass?this.extraClass:""}`;return t("div",{key:"d178dc130079b57ecb9887ddb02c2333378dd957",class:e},t("div",{key:"c75d097a911f6c234467663424042be31c613873",class:"loading__circle"}))}},[0,"dga-loading",{size:[1],variant:[1],extraClass:[1,"extra-class"]}]);function Se(){if(typeof customElements>"u")return;["dga-loading"].forEach(e=>{switch(e){case"dga-loading":customElements.get(e)||customElements.define(e,_t);break}})}const xt=x(class extends _{constructor(){super(),this.__registerHost(),this.handleFileSelection=e=>{const s=e.target;this.onChange&&this.onChange(e);const i=s.files;if(i){if(this.maximumFilesSize&&Array.from(i).some(f=>f.size>this.maximumFilesSize)){this.uploadFileOverSize&&this.uploadFileOverSize();return}const o=Array.from(i).map(d=>({name:d.name,uploadStatus:"pending"}));this.files=[...this.files,...o],this.getUploadedFile&&this.getUploadedFile([...this.files])}},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const s=e.dataTransfer.files;if(s){const i=Array.from(s).map(o=>({name:o.name,uploadStatus:"pending"}));this.files=[...this.files,...i]}this.dragState=!1},this.addDragOverClass=e=>{e.preventDefault(),e.stopPropagation(),this.dragState=!0},this.removeDragOverClass=e=>{e.preventDefault(),e.stopPropagation(),this.dragState=!1},this.id=I(),this.name=I(),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 e=document.querySelector(".file-upload__drop-area");e.addEventListener("dragover",this.addDragOverClass),e.addEventListener("dragleave",this.removeDragOverClass),e.addEventListener("drop",this.handleDrop)}disconnectedCallback(){const e=document.querySelector(".file-upload__drop-area");e.removeEventListener("dragover",this.addDragOverClass),e.removeEventListener("dragleave",this.removeDragOverClass),e.removeEventListener("drop",this.handleDrop)}handleDeleteFile(e,s){this.files=[...this.files.slice(0,e),...this.files.slice(e+1)],this.emitDeleteFile&&this.emitDeleteFile(s,e)}renderFile(e,s){return e.uploadStatus==="error"?t("div",{class:"file-upload__file-item--error"},t("div",{class:"file-upload__file-item"},t("span",{class:"file-upload__file-status file-upload__file-status--error"},t("dga-icon",{icon:"AlertCircleIcon",variant:"solid"})),t("span",{class:"file-upload__file-name"},e.name),t("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(s,e)},t("span",{class:"btn-icon"},t("dga-icon",{icon:"Cancel01Icon",variant:"stroke",size:20})))),t("div",{class:"file-upload__file-item-msg"},e.errorMessage?e.errorMessage:"Here goes the helper text.")):t("div",{class:"file-upload__file-item"},t("span",{class:`file-upload__file-status file-upload__file-status--${e.uploadStatus}`},e.uploadStatus==="uploading"&&e.progress&&t("dga-loading",{size:"tiny",variant:"neutral"}),e.uploadStatus==="complete"&&t("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"})),t("span",{class:"file-upload__file-name"},e.name),t("button",{class:"btn btn--close btn--icon btn--sm",onClick:()=>this.handleDeleteFile(s,e)},t("span",{class:"btn-icon"},t("dga-icon",{icon:"Cancel01Icon",size:20}))))}render(){return t("div",{key:"08446baad7defe2ba1b441187e7aee9fb5eff339",class:`file-upload ${this.dragState?"file-upload--drag-over":""} ${this.disabled?"file-upload--disabled":""}`},t("input",{key:"2a55346c49cf4b5a577c536bb541340f53dad66f",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:e=>this.fileInputRef=e}),t("label",{key:"99d5377d1d2c18c0c67beab9143833b76d9d5a44",htmlFor:this.id,class:"file-upload__drop-area"},t("span",{key:"8cae7f479f02d351b83e59b67f47f15c36a5e018",class:"file-upload__icon"},t("dga-icon",{key:"6d1249518ce0682ddb19e450fd0240724414fae0",icon:"FileUploadIcon",variant:"stroke",size:20})),t("div",{key:"028bffc9018f3cec9b3ed815c41b13baab96ede4",class:"file-upload__content"},t("p",{key:"e3c44a8d9c2b5139ff59ce661be5f894d2ac8756",class:"file-upload__instructions"},this.title),t("p",{key:"5a2676ebc3a37835a35a6f31fb046576f55e1b10",class:"file-upload__formats"},this.fileTypesText)),t("button",{key:"8333412f383b0c47e04eff040d39980f73efb0a3",class:"btn btn--md btn--secondary","aria-label":"Browse Files",disabled:this.dragState||this.disabled,type:"button",onClick:()=>{var e;return(e=this.fileInputRef)===null||e===void 0?void 0:e.click()}},t("span",{key:"1c76d5e0a57e04c1cc1b44d6592f19f8b5eef6f1"},this.actionName))),t("div",{key:"a82114540cdd62656d21b74a975f6bc977cd5d4e",class:"file-upload__files-list"},this.files.map((e,s)=>this.renderFile(e,s))))}},[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 wt(){if(typeof customElements>"u")return;["dga-file-upload","dga-icon","dga-loading"].forEach(e=>{switch(e){case"dga-file-upload":customElements.get(e)||customElements.define(e,xt);break;case"dga-icon":customElements.get(e)||D();break;case"dga-loading":customElements.get(e)||Se();break}})}const Et=x(class extends _{constructor(){super(),this.__registerHost()}render(){return t("div",{key:"50ec6df45ae4f7226377dece6b6589347b29570d"},t("h1",{key:"695e207749a60060ac134e005eedf16e104e1eb1"},"File Upload Example"),t("div",{key:"ed4e6b37abe9d9290730113df96938bb3d29d9ab",style:{padding:"50px",display:"flex",gap:"20px"}},t("div",{key:"53ede8f325d758fdd3624a84a7fbc45ceb8d5560",style:{display:"flex",flexDirection:"column",gap:"20px"}},t("dga-file-upload",{key:"a080f18e905d6be662a59efd81fce5fc20326c80"})),t("div",{key:"d8252c5795863abc9fb2ed8e56b5e4a694d802f4",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"cs-file-upload-usage"]);function zn(){if(typeof customElements>"u")return;["cs-file-upload-usage","dga-file-upload","dga-icon","dga-loading"].forEach(e=>{switch(e){case"cs-file-upload-usage":customElements.get(e)||customElements.define(e,Et);break;case"dga-file-upload":customElements.get(e)||wt();break;case"dga-icon":customElements.get(e)||D();break;case"dga-loading":customElements.get(e)||Se();break}})}const Un=Et,Zn=zn,Lt=x(class extends _{constructor(){super(),this.__registerHost(),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 t("footer",{key:"9ed1157a00e11e48efcbaa2a8090e81a1882c407",class:`footer ${this.background==="DarkGreen"?"footer--bg-brand":""}`},t("section",{key:"16fd4df17472af690f5a3542d6f142d4a1c6e533",class:"footer-content"},(this.mainLinkTilte||this.mainImage)&&t("div",{key:"80df6f8604fd0463c22720602fd63c425c05f0cb",class:"footer-icon-section"},t("a",{key:"b917c12aea16d6cba6219b1534dde3deb09b325f",class:this.background==="DarkGreen"?"link--on-color":"",href:this.mainLink||"#",target:"_blank",rel:"noopener noreferrer"},this.mainLinkTilte)),(this.mainTitle||this.mainDescription)&&t("div",{key:"4878efc7029ed3c353fe854609a861d56927f6b4",class:"footer-title-description"},t("h3",{key:"d2960c8d012c55df114daf2380039a4a067d5482",class:this.background==="DarkGreen"?"link--on-color":""},this.mainTitle),t("p",{key:"ed511886a2b6be235c1acab5ce819dcf97b27212",class:this.background==="DarkGreen"?"link--on-color":""},this.mainDescription)),this.NavLinks&&t("section",{key:"201689349ccb7f234c94ec5ef4bc315e3ba0917a",class:"footer__nav-links"},this.groupLinks.map(e=>t("div",{class:"footer__nav-links-column"},t("div",{class:"footer__nav-links-column-title"},e.title),t("ul",{class:"footer__nav-links-column-body"},e.links.map(s=>t("li",null,t("a",{href:s.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},s.name))))))),t("div",{key:"3e606f33375fe42b7dd1b780d31e03ee2a595a21",class:"footer__nav-links-column"},this.socialMediaLinks.length>0&&t("div",{key:"d8542c885a0343bc96f5da25ee564b9ca366c0be"},this.socialMediaTitle&&t("div",{key:"d3f1559b79a7115d06ea66a778e9513de8818a40",class:"footer__nav-links-column-title"},this.socialMediaTitle),t("div",{key:"6b1b37bea1c2dda69c817c913c89313bd4fe1f51",class:"flex icons-container"},this.socialMediaLinks.map(e=>t("a",{href:e.target,title:e.title,class:"btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon"},t("span",{class:"btn-icon"},e.icon))))),this.accessibilityLinks.length>0&&t("div",{key:"d8c82957d7f8d125944a8f92235586e6249e7ff0"},t("div",{key:"fdddd7394eec1c993300e09d5552446093f6ba53",class:"footer__nav-links-column-title"},this.accessibilityTitle),t("div",{key:"1d70cf79bd6179a49a7e98fed36ead38567e245a",class:"flex icons-container"},this.accessibilityLinks.map(e=>t("a",{href:e.target,title:e.title,class:"btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon"},t("span",{class:"btn-icon"},e.icon))))))),t("section",{key:"b0b2c82469005fcf6ad8f3e769fce56f46d27f4e",class:"footer__basic"},t("div",{key:"8e0aa9b78fecf6013c5c63afb416f9cfba06dcb8",class:"footer__actions-copyright"},t("ul",{key:"6e9100ae2ace11f6f5106721f5efcd619f0688d7",class:"footer__actions"},this.basicLinks.map(e=>t("li",null,t("a",{href:e.target,class:`link link--sm link--neutral link--inline ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},e.name))))),this.copyright&&t("p",{key:"9e9ed51faef09006e1cf0cb926436e8cd2da687d",class:"footer__copyright text-sm-semibold"},this.copyright),t("ul",{key:"5849f403884b4e4c7555ff043b02827194b85e7c",class:"footer__extra-actions"},this.extraLinks.map(e=>t("li",null,t("a",{href:e.target,class:`link link--sm link--neutral ${this.background==="DarkGreen"?"link--on-color":""}`},t("span",{class:"link__label"},e.name)))))),t("div",{key:"ca7dc0321f7303df407c2eeef25442c2ca2bc864",class:"footer__logos"},this.bottomImages.map(e=>t("span",{key:I()},e))))))}},[0,"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 St(){if(typeof customElements>"u")return;["dga-footer"].forEach(e=>{switch(e){case"dga-footer":customElements.get(e)||customElements.define(e,Lt);break}})}var jn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Wn(n){if(n.__esModule)return n;var e=Object.defineProperty({},"__esModule",{value:!0});return Object.keys(n).forEach(function(s){var i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(e,s,i.get?i:{enumerable:!0,get:function(){return n[s]}})}),e}var Y={exports:{}},S={};/**
  * @license React
  * react.production.min.js
  *

package/dist/index.js

@@ -403,12 +403,12 @@ var W, $e, ee, fe = !1, ue = !1, we = !1, B = !1, he = (n, e, s, i) => {
           {
             let F = (i = v["s-ol"]) == null ? void 0 : i.previousSibling;
             for (; F; ) {
-              let D = (o = F["s-nr"]) != null ? o : null;
-              if (D && D["s-sn"] === v["s-sn"] && y === D.parentNode) {
-                for (D = D.nextSibling; D === v || D != null && D["s-sr"]; )
-                  D = D == null ? void 0 : D.nextSibling;
-                if (!D || !D["s-nr"]) {
-                  O = D;
+              let I = (o = F["s-nr"]) != null ? o : null;
+              if (I && I["s-sn"] === v["s-sn"] && y === I.parentNode) {
+                for (I = I.nextSibling; I === v || I != null && I["s-sr"]; )
+                  I = I == null ? void 0 : I.nextSibling;
+                if (!I || !I["s-nr"]) {
+                  O = I;
                   break;
                 }
               }
@@ -446,7 +446,7 @@ var W, $e, ee, fe = !1, ue = !1, we = !1, B = !1, he = (n, e, s, i) => {
   const o = n.$hostElement$, d = Q("update", n.$cmpMeta$.$tagName$), f = o["s-rc"], u = Q("render", n.$cmpMeta$.$tagName$);
   Tn(n, e, o, s), f && (f.map((h) => h()), o["s-rc"] = void 0), u(), d();
   {
-    const h = (i = o["s-p"]) != null ? i : [], p = () => Dn(n);
+    const h = (i = o["s-p"]) != null ? i : [], p = () => In(n);
     h.length === 0 ? p() : (Promise.all(h).then(p), n.$flags$ |= 4, h.length = 0);
   }
 }, Tn = (n, e, s, i) => {
@@ -456,10 +456,10 @@ var W, $e, ee, fe = !1, ue = !1, we = !1, B = !1, he = (n, e, s, i) => {
     pe(o, n.$hostElement$);
   }
   return null;
-}, Dn = (n) => {
-  const e = n.$cmpMeta$.$tagName$, s = n.$hostElement$, i = Q("postUpdate", e), o = s, d = n.$ancestorComponent$;
-  ce(o, "componentDidRender"), n.$flags$ & 64 ? (ce(o, "componentDidUpdate"), i()) : (n.$flags$ |= 64, yt(s), ce(o, "componentDidLoad"), i(), n.$onReadyResolve$(s), d || In()), n.$onRenderResolve$ && (n.$onRenderResolve$(), n.$onRenderResolve$ = void 0), n.$flags$ & 512 && _e(() => Le(n, !1)), n.$flags$ &= -517;
 }, In = (n) => {
+  const e = n.$cmpMeta$.$tagName$, s = n.$hostElement$, i = Q("postUpdate", e), o = s, d = n.$ancestorComponent$;
+  ce(o, "componentDidRender"), n.$flags$ & 64 ? (ce(o, "componentDidUpdate"), i()) : (n.$flags$ |= 64, yt(s), ce(o, "componentDidLoad"), i(), n.$onReadyResolve$(s), d || Dn()), n.$onRenderResolve$ && (n.$onRenderResolve$(), n.$onRenderResolve$ = void 0), n.$flags$ & 512 && _e(() => Le(n, !1)), n.$flags$ &= -517;
+}, Dn = (n) => {
   yt(N.documentElement), _e(() => ft(be, "appload", { detail: { namespace: en } }));
 }, ce = (n, e, s) => {
   if (n && n[e])
@@ -524,8 +524,8 @@ var W, $e, ee, fe = !1, ue = !1, we = !1, B = !1, he = (n, e, s, i) => {
             if (v == null) {
               const k = J(this), y = k == null ? void 0 : k.$flags$;
               if (y && !(y & 8) && y & 128 && C !== p) {
-                const F = this, D = (g = e.$watchers$) == null ? void 0 : g[h];
-                D == null || D.forEach((Z) => {
+                const F = this, I = (g = e.$watchers$) == null ? void 0 : g[h];
+                I == null || I.forEach((Z) => {
                   F[Z] != null && F[Z].call(F, C, p, h);
                 });
               }
@@ -623,36 +623,49 @@ var W, $e, ee, fe = !1, ue = !1, we = !1, B = !1, he = (n, e, s, i) => {
     }
   }), n.is = s.$tagName$, On(n, s);
 }, j = (n, e) => e;
-const I = () => {
+const D = () => {
   const n = Date.now().toString(36), e = Math.random().toString(36).substring(2);
   return n + e;
 }, $t = /* @__PURE__ */ x(class extends _ {
   constructor() {
     super(), this.__registerHost(), this.icon = void 0, this.size = void 0, this.color = void 0, this.variant = "bulk", this.type = "";
   }
-  componentDidLoad() {
-    const e = 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(), s = `hgi-${this.variant || ""} ${this.type ? `hgi-${this.type}` : ""} hgi-${e}`;
-    this.container.className = s;
+  updateIcon() {
+    if (this.container) {
+      const e = 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(), s = `hgi-${this.variant || ""} ${this.type ? `hgi-${this.type}` : ""} hgi-${e}`;
+      this.container.className = s;
+    }
   }
   render() {
-    return t("div", { key: "595c418f3f2fb58dbfc6c23af2b288eb942fa883", style: {
+    return t("div", { key: "118ec6b0d9af41b7f4f5143f0e6a24f338092479", style: {
       width: "100%",
       height: "100%",
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       fontSize: "inherit"
-    } }, t("i", { key: "90e19f8ee55fe202a3bb6e80e1d97e7747240f3c", style: {
+    } }, t("i", { key: "fdafc46dd75fe5e98dde5ac0d5fb0ad84ff39bee", style: {
       fontSize: `${this.size ? `${this.size}px` : "inherit"}`,
       color: this.color
     }, ref: (e) => this.container = e }));
   }
+  static get watchers() {
+    return {
+      icon: ["updateIcon"],
+      variant: ["updateIcon"],
+      type: ["updateIcon"]
+    };
+  }
 }, [0, "dga-icon", {
-  icon: [8],
+  icon: [1],
   size: [2],
   color: [1],
   variant: [1],
   type: [1]
+}, void 0, {
+  icon: ["updateIcon"],
+  variant: ["updateIcon"],
+  type: ["updateIcon"]
 }]);
 function T() {
   if (typeof customElements > "u")
@@ -722,7 +735,7 @@ const xt = /* @__PURE__ */ x(class extends _ {
       e.preventDefault(), e.stopPropagation(), this.dragState = !0;
     }, this.removeDragOverClass = (e) => {
       e.preventDefault(), e.stopPropagation(), this.dragState = !1;
-    }, this.id = I(), this.name = I(), 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;
+    }, this.id = D(), this.name = D(), 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 e = document.querySelector(".file-upload__drop-area");
@@ -811,7 +824,7 @@ const Un = Et, Zn = zn, Lt = /* @__PURE__ */ x(class extends _ {
     super(), this.__registerHost(), 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 t("footer", { key: "9ed1157a00e11e48efcbaa2a8090e81a1882c407", class: `footer ${this.background === "DarkGreen" ? "footer--bg-brand" : ""}` }, t("section", { key: "16fd4df17472af690f5a3542d6f142d4a1c6e533", class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && t("div", { key: "80df6f8604fd0463c22720602fd63c425c05f0cb", class: "footer-icon-section" }, t("a", { key: "b917c12aea16d6cba6219b1534dde3deb09b325f", class: this.background === "DarkGreen" ? "link--on-color" : "", href: this.mainLink || "#", target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte)), (this.mainTitle || this.mainDescription) && t("div", { key: "4878efc7029ed3c353fe854609a861d56927f6b4", class: "footer-title-description" }, t("h3", { key: "d2960c8d012c55df114daf2380039a4a067d5482", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainTitle), t("p", { key: "ed511886a2b6be235c1acab5ce819dcf97b27212", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainDescription)), this.NavLinks && t("section", { key: "201689349ccb7f234c94ec5ef4bc315e3ba0917a", class: "footer__nav-links" }, this.groupLinks.map((e) => t("div", { class: "footer__nav-links-column" }, t("div", { class: "footer__nav-links-column-title" }, e.title), t("ul", { class: "footer__nav-links-column-body" }, e.links.map((s) => t("li", null, t("a", { href: s.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, s.name))))))), t("div", { key: "3e606f33375fe42b7dd1b780d31e03ee2a595a21", class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && t("div", { key: "d8542c885a0343bc96f5da25ee564b9ca366c0be" }, this.socialMediaTitle && t("div", { key: "d3f1559b79a7115d06ea66a778e9513de8818a40", class: "footer__nav-links-column-title" }, this.socialMediaTitle), t("div", { key: "6b1b37bea1c2dda69c817c913c89313bd4fe1f51", class: "flex icons-container" }, this.socialMediaLinks.map((e) => t("a", { href: e.target, title: e.title, class: "btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon" }, t("span", { class: "btn-icon" }, e.icon))))), this.accessibilityLinks.length > 0 && t("div", { key: "d8c82957d7f8d125944a8f92235586e6249e7ff0" }, t("div", { key: "fdddd7394eec1c993300e09d5552446093f6ba53", class: "footer__nav-links-column-title" }, this.accessibilityTitle), t("div", { key: "1d70cf79bd6179a49a7e98fed36ead38567e245a", class: "flex icons-container" }, this.accessibilityLinks.map((e) => t("a", { href: e.target, title: e.title, class: "btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon" }, t("span", { class: "btn-icon" }, e.icon))))))), t("section", { key: "b0b2c82469005fcf6ad8f3e769fce56f46d27f4e", class: "footer__basic" }, t("div", { key: "8e0aa9b78fecf6013c5c63afb416f9cfba06dcb8", class: "footer__actions-copyright" }, t("ul", { key: "6e9100ae2ace11f6f5106721f5efcd619f0688d7", class: "footer__actions" }, this.basicLinks.map((e) => t("li", null, t("a", { href: e.target, class: `link link--sm link--neutral link--inline ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, e.name))))), this.copyright && t("p", { key: "9e9ed51faef09006e1cf0cb926436e8cd2da687d", class: "footer__copyright text-sm-semibold" }, this.copyright), t("ul", { key: "5849f403884b4e4c7555ff043b02827194b85e7c", class: "footer__extra-actions" }, this.extraLinks.map((e) => t("li", null, t("a", { href: e.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, e.name)))))), t("div", { key: "ca7dc0321f7303df407c2eeef25442c2ca2bc864", class: "footer__logos" }, this.bottomImages.map((e) => t("span", { key: I() }, e))))));
+    return t("footer", { key: "9ed1157a00e11e48efcbaa2a8090e81a1882c407", class: `footer ${this.background === "DarkGreen" ? "footer--bg-brand" : ""}` }, t("section", { key: "16fd4df17472af690f5a3542d6f142d4a1c6e533", class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && t("div", { key: "80df6f8604fd0463c22720602fd63c425c05f0cb", class: "footer-icon-section" }, t("a", { key: "b917c12aea16d6cba6219b1534dde3deb09b325f", class: this.background === "DarkGreen" ? "link--on-color" : "", href: this.mainLink || "#", target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte)), (this.mainTitle || this.mainDescription) && t("div", { key: "4878efc7029ed3c353fe854609a861d56927f6b4", class: "footer-title-description" }, t("h3", { key: "d2960c8d012c55df114daf2380039a4a067d5482", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainTitle), t("p", { key: "ed511886a2b6be235c1acab5ce819dcf97b27212", class: this.background === "DarkGreen" ? "link--on-color" : "" }, this.mainDescription)), this.NavLinks && t("section", { key: "201689349ccb7f234c94ec5ef4bc315e3ba0917a", class: "footer__nav-links" }, this.groupLinks.map((e) => t("div", { class: "footer__nav-links-column" }, t("div", { class: "footer__nav-links-column-title" }, e.title), t("ul", { class: "footer__nav-links-column-body" }, e.links.map((s) => t("li", null, t("a", { href: s.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, s.name))))))), t("div", { key: "3e606f33375fe42b7dd1b780d31e03ee2a595a21", class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && t("div", { key: "d8542c885a0343bc96f5da25ee564b9ca366c0be" }, this.socialMediaTitle && t("div", { key: "d3f1559b79a7115d06ea66a778e9513de8818a40", class: "footer__nav-links-column-title" }, this.socialMediaTitle), t("div", { key: "6b1b37bea1c2dda69c817c913c89313bd4fe1f51", class: "flex icons-container" }, this.socialMediaLinks.map((e) => t("a", { href: e.target, title: e.title, class: "btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon" }, t("span", { class: "btn-icon" }, e.icon))))), this.accessibilityLinks.length > 0 && t("div", { key: "d8c82957d7f8d125944a8f92235586e6249e7ff0" }, t("div", { key: "fdddd7394eec1c993300e09d5552446093f6ba53", class: "footer__nav-links-column-title" }, this.accessibilityTitle), t("div", { key: "1d70cf79bd6179a49a7e98fed36ead38567e245a", class: "flex icons-container" }, this.accessibilityLinks.map((e) => t("a", { href: e.target, title: e.title, class: "btn btn--md btn--secondary-outline btn--secondary-outline-on-color btn--icon" }, t("span", { class: "btn-icon" }, e.icon))))))), t("section", { key: "b0b2c82469005fcf6ad8f3e769fce56f46d27f4e", class: "footer__basic" }, t("div", { key: "8e0aa9b78fecf6013c5c63afb416f9cfba06dcb8", class: "footer__actions-copyright" }, t("ul", { key: "6e9100ae2ace11f6f5106721f5efcd619f0688d7", class: "footer__actions" }, this.basicLinks.map((e) => t("li", null, t("a", { href: e.target, class: `link link--sm link--neutral link--inline ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, e.name))))), this.copyright && t("p", { key: "9e9ed51faef09006e1cf0cb926436e8cd2da687d", class: "footer__copyright text-sm-semibold" }, this.copyright), t("ul", { key: "5849f403884b4e4c7555ff043b02827194b85e7c", class: "footer__extra-actions" }, this.extraLinks.map((e) => t("li", null, t("a", { href: e.target, class: `link link--sm link--neutral ${this.background === "DarkGreen" ? "link--on-color" : ""}` }, t("span", { class: "link__label" }, e.name)))))), t("div", { key: "ca7dc0321f7303df407c2eeef25442c2ca2bc864", class: "footer__logos" }, this.bottomImages.map((e) => t("span", { key: D() }, e))))));
   }
 }, [0, "dga-footer", {
   background: [1],
@@ -875,9 +888,9 @@ var Tt = { isMounted: function() {
 }, enqueueForceUpdate: function() {
 }, enqueueReplaceState: function() {
 }, enqueueSetState: function() {
-} }, Dt = Object.assign, It = {};
+} }, It = Object.assign, Dt = {};
 function V(n, e, s) {
-  this.props = n, this.context = e, this.refs = It, this.updater = s || Tt;
+  this.props = n, this.context = e, this.refs = Dt, this.updater = s || Tt;
 }
 V.prototype.isReactComponent = {};
 V.prototype.setState = function(n, e) {
@@ -891,13 +904,13 @@ function Mt() {
 }
 Mt.prototype = V.prototype;
 function Te(n, e, s) {
-  this.props = n, this.context = e, this.refs = It, this.updater = s || Tt;
+  this.props = n, this.context = e, this.refs = Dt, this.updater = s || Tt;
 }
-var De = Te.prototype = new Mt();
-De.constructor = Te;
-Dt(De, V.prototype);
-De.isPureReactComponent = !0;
-var et = Array.isArray, Ft = Object.prototype.hasOwnProperty, Ie = { current: null }, Ot = { key: !0, ref: !0, __self: !0, __source: !0 };
+var Ie = Te.prototype = new Mt();
+Ie.constructor = Te;
+It(Ie, V.prototype);
+Ie.isPureReactComponent = !0;
+var et = Array.isArray, Ft = Object.prototype.hasOwnProperty, De = { current: null }, Ot = { key: !0, ref: !0, __self: !0, __source: !0 };
 function At(n, e, s) {
   var i, o = {}, d = null, f = null;
   if (e != null) for (i in e.ref !== void 0 && (f = e.ref), e.key !== void 0 && (d = "" + e.key), e) Ft.call(e, i) && !Ot.hasOwnProperty(i) && (o[i] = e[i]);
@@ -908,7 +921,7 @@ function At(n, e, s) {
     o.children = h;
   }
   if (n && n.defaultProps) for (i in u = n.defaultProps, u) o[i] === void 0 && (o[i] = u[i]);
-  return { $$typeof: ne, type: n, key: d, ref: f, props: o, _owner: Ie.current };
+  return { $$typeof: ne, type: n, key: d, ref: f, props: o, _owner: De.current };
 }
 function ns(n, e) {
   return { $$typeof: ne, type: n.type, key: e, ref: n.ref, props: n.props, _owner: n._owner };
@@ -974,7 +987,7 @@ function is(n) {
   if (n._status === 1) return n._result.default;
   throw n._result;
 }
-var A = { current: null }, re = { transition: null }, as = { ReactCurrentDispatcher: A, ReactCurrentBatchConfig: re, ReactCurrentOwner: Ie };
+var A = { current: null }, re = { transition: null }, as = { ReactCurrentDispatcher: A, ReactCurrentBatchConfig: re, ReactCurrentOwner: De };
 function Rt() {
   throw Error("act(...) is not supported in production builds of React.");
 }
@@ -1005,9 +1018,9 @@ S.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = as;
 S.act = Rt;
 S.cloneElement = function(n, e, s) {
   if (n == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + n + ".");
-  var i = Dt({}, n.props), o = n.key, d = n.ref, f = n._owner;
+  var i = It({}, n.props), o = n.key, d = n.ref, f = n._owner;
   if (e != null) {
-    if (e.ref !== void 0 && (d = e.ref, f = Ie.current), e.key !== void 0 && (o = "" + e.key), n.type && n.type.defaultProps) var u = n.type.defaultProps;
+    if (e.ref !== void 0 && (d = e.ref, f = De.current), e.key !== void 0 && (o = "" + e.key), n.type && n.type.defaultProps) var u = n.type.defaultProps;
     for (h in e) Ft.call(e, h) && !Ot.hasOwnProperty(h) && (i[h] = e[h] === void 0 && u !== void 0 ? u[h] : e[h]);
   }
   var h = arguments.length - 2;
@@ -1147,8 +1160,8 @@ const ps = {}, bs = /* @__PURE__ */ Object.freeze({
       var F = new ArrayBuffer(68);
       O = new Uint8Array(F), y = new Uint32Array(F);
     }
-    var D = Array.isArray;
-    (o.JS_MD5_NO_NODE_JS || !D) && (D = function(a) {
+    var I = Array.isArray;
+    (o.JS_MD5_NO_NODE_JS || !I) && (I = function(a) {
       return Object.prototype.toString.call(a) === "[object Array]";
     });
     var Z = ArrayBuffer.isView;
@@ -1163,7 +1176,7 @@ const ps = {}, bs = /* @__PURE__ */ Object.freeze({
         throw new Error(e);
       if (h && a.constructor === ArrayBuffer)
         return [new Uint8Array(a), !1];
-      if (!D(a) && !Z(a))
+      if (!I(a) && !Z(a))
         throw new Error(e);
       return [a, !1];
     }, Pe = function(a) {
@@ -1192,7 +1205,7 @@ const ps = {}, bs = /* @__PURE__ */ Object.freeze({
           return l.createHash("md5").update(m, "utf8").digest("hex");
         if (m == null)
           throw new Error(e);
-        return m.constructor === ArrayBuffer && (m = new Uint8Array(m)), D(m) || Z(m) || m.constructor === r ? l.createHash("md5").update(c(m)).digest("hex") : a(m);
+        return m.constructor === ArrayBuffer && (m = new Uint8Array(m)), I(m) || Z(m) || m.constructor === r ? l.createHash("md5").update(c(m)).digest("hex") : a(m);
       };
       return E;
     }, ze = function(a) {
@@ -1329,8 +1342,8 @@ const gs = (n, e) => {
   const s = Y.exports.forwardRef(({ color: i = "currentColor", size: o = 24, strokeWidth: d, className: f = "", variant: u = "stroke", type: h = "rounded", ...p }, C) => {
     var y;
     const g = `${u}.${h}`, v = { ref: C, ...os, width: o, height: o, color: i, className: f, ...p }, k = (y = e[g]) == null ? void 0 : y.map(([O, F]) => {
-      const D = { ...F };
-      return d !== void 0 && "strokeWidth" in F && (D.strokeWidth = d), Y.exports.createElement(O, { ...D, key: F.key });
+      const I = { ...F };
+      return d !== void 0 && "strokeWidth" in F && (I.strokeWidth = d), Y.exports.createElement(O, { ...I, key: F.key });
     });
     return Y.exports.createElement("svg", v, k);
   });
@@ -1617,7 +1630,7 @@ const Pt = /* @__PURE__ */ x(class extends _ {
       justifyContent: this.secondBtnPosition == "left" ? "flex-start" : "space-between"
     }), { flexDirection: this.actionStack ? "column" : "row" }) }, this.buttonsList.length > 0 && this.buttonsList.slice(0, this.buttonsList.length > 3 ? 3 : this.buttonsList.length).map((e, s) => t("button", Object.assign({ style: Object.assign(Object.assign({}, this.actionFillContainer && { width: "100%" }), s == 2 && !this.alignmentCenter && {
       marginLeft: "auto"
-    }), key: e.id ? e.id : I(), id: e.id ? e.id : I(), onClick: (i) => e.onClick(i), class: `modal__actions-btn btn  btn--md ${s == 0 ? "btn--primary-neutral" : this.actionStack && s == 2 ? "btn--subtle" : "btn--secondary-outline"} ${e.extraClass} ` }, e.title && { title: e.title }), e.label)))));
+    }), key: e.id ? e.id : D(), id: e.id ? e.id : D(), onClick: (i) => e.onClick(i), class: `modal__actions-btn btn  btn--md ${s == 0 ? "btn--primary-neutral" : this.actionStack && s == 2 ? "btn--subtle" : "btn--secondary-outline"} ${e.extraClass} ` }, e.title && { title: e.title }), e.label)))));
   }
 }, [4, "dga-modal", {
   modalTitle: [1, "modal-title"],
@@ -1733,9 +1746,9 @@ const jt = /* @__PURE__ */ x(class extends _ {
     return t("div", { key: "67920e94cc446c5b274e527580b21b6e902e4272", class: `notification-toast notification-toast--${this.type} vpostion-${this.vPostion} hpostion-${this.hPostion}` }, t("div", { key: "ab32e99bf84746e9c339e40c71e355d13e5b8693", class: `notification-toast__header ${this.hasHelperText ? "" : "flex-center-y"}` }, t("div", { key: "1d3341c34ea0cf4a7dfd8adfcd9f20164df45cb6", class: `notification--${this.type} notification-toast__icon featured-icon featured-icon--circle featured-icon--md` }, this.type === "error" ? t("dga-icon", { icon: "Alert02Icon", variant: "solid", size: 18 }) : this.type === "warning" ? t("dga-icon", { icon: "AlertCircleIcon", variant: "solid", size: 18 }) : this.type === "success" ? t("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid", size: 18 }) : this.type === "info" ? t("dga-icon", { icon: "InformationCircleIcon", variant: "solid", size: 18 }) : t("dga-icon", { icon: "InformationCircleIcon", variant: "solid", size: 18 })), t("div", { key: "f96ec2229c73707b6108dfa29b0ecba57c8abcf2", class: "notification-toast__body" }, t("h4", { key: "20800e2ee1e7726587382864e19eee83a4d92e59", class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && t("p", { key: "62946c3d4e897748b69f6bcba5c3a17bee396b8d", class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && t("div", { key: "906dd13e163e7b5ed98e3104397ac89af7e792ba", class: "notification-toast__close-btn" }, t("button", { key: "20fe3509938100ece2e7cd75b897f33567a6c9bb", class: "btn btn--close btn--icon btn--md", onClick: (e) => {
       var s;
       return (s = this.onClose) === null || s === void 0 ? void 0 : s.call(this, e);
-    } }, t("span", { key: "c59ab272a6a63c7dc52cd381bc6bbc23c0452f6a", class: "btn-icon" }, t("dga-local-icon", { key: "3b6062c89786860748b64b1cf0a7e6dcc17cfdff", icon: "multiplication-sign", size: 16 }))))), this.action && t(j, null, t("div", { key: "579cd7e95a92bcb058cb790c0a16fa3f98b8e399", class: "notification-toast__action" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: e, onClick: s, extraClasses: i, title: o, customAttribute: d, label: f }) => t("button", Object.assign({ key: e || I(), id: e || I(), onClick: (u) => s(u), class: `btn btn--subtle btn--md ${i}` }, o && { title: o }, d && d.key && {
+    } }, t("span", { key: "c59ab272a6a63c7dc52cd381bc6bbc23c0452f6a", class: "btn-icon" }, t("dga-local-icon", { key: "3b6062c89786860748b64b1cf0a7e6dcc17cfdff", icon: "multiplication-sign", size: 16 }))))), this.action && t(j, null, t("div", { key: "579cd7e95a92bcb058cb790c0a16fa3f98b8e399", class: "notification-toast__action" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: e, onClick: s, extraClasses: i, title: o, customAttribute: d, label: f }) => t("button", Object.assign({ key: e || D(), id: e || D(), onClick: (u) => s(u), class: `btn btn--subtle btn--md ${i}` }, o && { title: o }, d && d.key && {
       [d.key]: d.value ? d.value : ""
-    }), f))), t("div", { key: "ea0223e11d1fb3dd1ca626e8e8b6764b4ce614a4", class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: e, onClick: s, extraClasses: i, title: o, customAttribute: d, label: f }) => t("button", Object.assign({ key: e || I(), id: e || I(), onClick: (u) => s(u), class: `btn btn--secondary btn--lg ${i}` }, o && { title: o }, d && d.key && {
+    }), f))), t("div", { key: "ea0223e11d1fb3dd1ca626e8e8b6764b4ce614a4", class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 && this.buttonsList.map(({ id: e, onClick: s, extraClasses: i, title: o, customAttribute: d, label: f }) => t("button", Object.assign({ key: e || D(), id: e || D(), onClick: (u) => s(u), class: `btn btn--secondary btn--lg ${i}` }, o && { title: o }, d && d.key && {
       [d.key]: d.value ? d.value : ""
     }), f)))));
   }
@@ -2111,7 +2124,7 @@ const t1 = /* @__PURE__ */ x(class extends _ {
     ], rowDivider: !0, showSelectCheckBox: !0, getSelectedRows: (e) => console.log(e) })));
   }
 }, [0, "cs-structured-list-usage"]);
-function Ds() {
+function Is() {
   if (typeof customElements > "u")
     return;
   ["cs-structured-list-usage", "dga-structured-list"].forEach((e) => {
@@ -2125,7 +2138,7 @@ function Ds() {
     }
   });
 }
-const Is = t1, Ms = Ds, n1 = /* @__PURE__ */ x(class extends _ {
+const Ds = t1, Ms = Is, n1 = /* @__PURE__ */ x(class extends _ {
   constructor() {
     super(), this.__registerHost(), this.tabRefs = /* @__PURE__ */ new Map(), this.handleScroll = () => {
       const e = this.getActiveDivId();
@@ -2495,7 +2508,7 @@ function p1() {
 }
 const b1 = /* @__PURE__ */ x(class extends _ {
   constructor() {
-    super(), this.__registerHost(), this.placeholder = void 0, this.size = "lg", this.type = "text", this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.inputPrefix = void 0, this.inputSuffix = void 0, this.icon = void 0, this.disabled = !1, this.readonly = !1, this.name = I(), this.value = "", this.onChange = void 0, this.onInput = void 0, this.onBlur = void 0, this.isActive = !1, this.isFocused = !1;
+    super(), this.__registerHost(), this.placeholder = void 0, this.size = "lg", this.type = "text", this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.inputPrefix = void 0, this.inputSuffix = void 0, this.icon = void 0, this.disabled = !1, this.readonly = !1, this.name = D(), this.value = "", this.onChange = void 0, this.onInput = void 0, this.onBlur = void 0, this.isActive = !1, this.isFocused = !1;
   }
   //   handleFocus = () => {
   //     this.isFocused = true;
@@ -2880,7 +2893,7 @@ const ti = w1, ni = ei, si = Nt, ii = Ae, E1 = /* @__PURE__ */ x(class extends _
     }, this.handleEscape = (e) => {
       var s, i;
       e.key === "Escape" && (this.handleFocusOut(), (i = (s = this.labelRef) === null || s === void 0 ? void 0 : s.querySelector("input")) === null || i === void 0 || i.blur());
-    }, this.color = "brand", this.label = void 0, this.helperText = void 0, this.alertMessage = void 0, this.alertText = void 0, this.disabled = !1, this.name = I(), this.value = "", this.showBorderOnFocusAndFocusOute = !0, this.onChange = void 0, this.onInput = void 0, this.checked = !1, this.isChecked = this.checked, this.Indeterminate = !1;
+    }, this.color = "brand", this.label = void 0, this.helperText = void 0, this.alertMessage = void 0, this.alertText = void 0, this.disabled = !1, this.name = D(), 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;
@@ -3159,12 +3172,12 @@ function Ci() {
     }
   });
 }
-const vi = T1, ki = Ci, D1 = /* @__PURE__ */ x(class extends _ {
+const vi = T1, ki = Ci, I1 = /* @__PURE__ */ x(class extends _ {
   constructor() {
     super(), this.__registerHost(), this.handleClickOutside = (e) => {
       var s;
       this.containerRef && !this.containerRef.contains(e.target) && ((s = this.btnRef) === null || s === void 0 || s.classList.remove("open"));
-    }, this.id = I(), 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 = [];
+    }, this.id = D(), 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();
@@ -3221,7 +3234,7 @@ const vi = T1, ki = Ci, D1 = /* @__PURE__ */ x(class extends _ {
     d.setAttribute("data-value", u.join(", ")), f.textContent = h.join(", "), u.length ? f.classList.add("dropdown__label--selection") : f.classList.remove("dropdown__label--selection");
   }
   render() {
-    return t("div", { key: "a715de91039779addc2a6647b4f27541dbb714da", id: this.id, ref: (e) => this.containerRef = e, 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 || ""}` }, t("button", { key: "c74deeaa67e80a1398aecc2e7efefd975c0ebfcf", class: "dropdown__btn", ref: (e) => this.btnRef = e, 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" }, t("span", { key: "5c44eb2d444241aeb8b22fbfb04119e9142137ee", class: "dropdown__label" }), t("span", { key: "8b61977836bf535c15272b98df3c976de752717a", class: "dropdown__label-placeholder" }, this.placeholder), t("span", { key: "5f739f491727edda8c965c5c56c5e9cd77de8e45", class: "dropdown__chevron" }, t("dga-icon", { key: "488a10518dd30a10bb45616a49df2162c418b2be", icon: "ArrowDown01Icon", variant: "stroke" }))), t("ul", { key: "c273cf91e477b9d30d85b6b7661a3934bbe874aa", class: "dropdown__list" }, this.optionList.map((e, s) => this.multiSelect ? t("li", { key: e[this.trackBy] ? e[this.trackBy] : I() }, t("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": e[this.trackBy] ? e[this.trackBy] : "", onClick: (i) => this.handleMultiOptionClicked(i, e, s), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("div", { class: "dropdown__option-icon-container" }, t("span", { class: "dropdown__option-icon" }, t("dga-icon", { icon: "Tick02Icon", variant: "solid" }))), t("span", { class: "dropdown__option-label" }, e[this.optionLabel] ? e[this.optionLabel] : ""))) : t("li", { key: e[this.trackBy] ? e[this.trackBy] : I() }, t("button", { class: "dropdown__option", type: "button", onClick: (i) => this.handleSelectSingleOption(i, e, s), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this) }, t("span", { class: "dropdown__option-label" }, e[this.optionLabel] ? e[this.optionLabel] : ""), t("span", { class: "dropdown__option-icon" }, t("dga-icon", { icon: "Tick02Icon", variant: "solid" })))))));
+    return t("div", { key: "a715de91039779addc2a6647b4f27541dbb714da", id: this.id, ref: (e) => this.containerRef = e, 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 || ""}` }, t("button", { key: "c74deeaa67e80a1398aecc2e7efefd975c0ebfcf", class: "dropdown__btn", ref: (e) => this.btnRef = e, 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" }, t("span", { key: "5c44eb2d444241aeb8b22fbfb04119e9142137ee", class: "dropdown__label" }), t("span", { key: "8b61977836bf535c15272b98df3c976de752717a", class: "dropdown__label-placeholder" }, this.placeholder), t("span", { key: "5f739f491727edda8c965c5c56c5e9cd77de8e45", class: "dropdown__chevron" }, t("dga-icon", { key: "488a10518dd30a10bb45616a49df2162c418b2be", icon: "ArrowDown01Icon", variant: "stroke" }))), t("ul", { key: "c273cf91e477b9d30d85b6b7661a3934bbe874aa", class: "dropdown__list" }, this.optionList.map((e, s) => this.multiSelect ? t("li", { key: e[this.trackBy] ? e[this.trackBy] : D() }, t("button", { class: "dropdown__option dropdown__option--checkbox", "data-value": e[this.trackBy] ? e[this.trackBy] : "", onClick: (i) => this.handleMultiOptionClicked(i, e, s), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, t("div", { class: "dropdown__option-icon-container" }, t("span", { class: "dropdown__option-icon" }, t("dga-icon", { icon: "Tick02Icon", variant: "solid" }))), t("span", { class: "dropdown__option-label" }, e[this.optionLabel] ? e[this.optionLabel] : ""))) : t("li", { key: e[this.trackBy] ? e[this.trackBy] : D() }, t("button", { class: "dropdown__option", type: "button", onClick: (i) => this.handleSelectSingleOption(i, e, s), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this) }, t("span", { class: "dropdown__option-label" }, e[this.optionLabel] ? e[this.optionLabel] : ""), t("span", { class: "dropdown__option-icon" }, t("dga-icon", { icon: "Tick02Icon", variant: "solid" })))))));
   }
   get el() {
     return this;
@@ -3255,7 +3268,7 @@ function yi() {
   ["dga-dropdown", "dga-icon"].forEach((e) => {
     switch (e) {
       case "dga-dropdown":
-        customElements.get(e) || customElements.define(e, D1);
+        customElements.get(e) || customElements.define(e, I1);
         break;
       case "dga-icon":
         customElements.get(e) || T();
@@ -3263,7 +3276,7 @@ function yi() {
     }
   });
 }
-const $i = D1, _i = yi, xi = xt, wi = wt, Ei = Lt, Li = St, I1 = /* @__PURE__ */ x(class extends _ {
+const $i = I1, _i = yi, xi = xt, wi = wt, Ei = Lt, Li = St, D1 = /* @__PURE__ */ x(class extends _ {
   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;
   }
@@ -3288,12 +3301,12 @@ function Si() {
   ["dga-html-tag"].forEach((e) => {
     switch (e) {
       case "dga-html-tag":
-        customElements.get(e) || customElements.define(e, I1);
+        customElements.get(e) || customElements.define(e, D1);
         break;
     }
   });
 }
-const Ti = I1, Di = Si, Ii = $t, Mi = T, M1 = /* @__PURE__ */ x(class extends _ {
+const Ti = D1, Ii = Si, Di = $t, Mi = T, M1 = /* @__PURE__ */ x(class extends _ {
   constructor() {
     super(), this.__registerHost(), this.icons = {
       error: t("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
@@ -3303,7 +3316,7 @@ const Ti = I1, Di = Si, Ii = $t, Mi = T, M1 = /* @__PURE__ */ x(class extends _
       neutral: t("dga-icon", { icon: "InformationCircleIcon", variant: "solid" })
     }, 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: I(),
+        id: D(),
         label: "Button 1",
         onClick: () => {
         },
@@ -3311,7 +3324,7 @@ const Ti = I1, Di = Si, Ii = $t, Mi = T, M1 = /* @__PURE__ */ x(class extends _
         title: "Button"
       },
       {
-        id: I(),
+        id: D(),
         label: "Button 2",
         onClick: () => {
         },
@@ -3321,7 +3334,7 @@ const Ti = I1, Di = Si, Ii = $t, Mi = T, M1 = /* @__PURE__ */ x(class extends _
     ];
   }
   render() {
-    return t("div", { key: "7f98379359354eb6719b3942407f320730e66923", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, t("div", { key: "a728ae93b882f0307712aa198dbc8193482c0f1a", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, t("div", { key: "a59feff9ca8207d49f9f042848c6e4f6d283cc26", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, this.icons[this.type]), t("div", { key: "8e72437cb8db0a9d3d1438d81e61294ef93cd0d1", class: "alert__body" }, t("h4", { key: "338d53773cbe119c789aee75e241b3221f3fa863", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && t("p", { key: "3a60c001c10caa7c20de9ee3307d9e252cff2cb1", class: "alert__content text-sm-regular" }, this.helperText), t("slot", { key: "21689d7d68b86fc36a7e4bacf9a24b6bc52289d0" }))), this.isCloseButton && t("div", { key: "1548b5cf58e7ec126185557545bbc0e6706329c1", class: "alert__close-btn" }, t("button", { key: "9496982234d159236a31c777aa9bb0641cdb4ca2", class: "btn btn--close btn--icon btn--md", onClick: (e) => this.onClose && this.onClose(e) }, t("span", { key: "9cf07498d3ada5368b8be9b09831f277068662f1", class: "btn-icon" }, t("dga-icon", { key: "fd95358de8b863a9dc275383739c407a2360b089", icon: "Cancel01Icon", variant: "solid" })))), this.isactionButtons && t(j, null, t("div", { key: "d50a8c9be81b871ef28eee689c0a7f40c2e0f4b5", class: "alert__action" }, this.buttonsList.length && this.buttonsList.map(({ id: e, onClick: s, exraClasses: i, title: o, label: d }) => t("button", Object.assign({ key: e || I(), id: e || I(), onClick: (f) => s(f), class: `btn btn--subtle btn--md ${i}` }, o && { title: o }), d))), t("div", { key: "87ee01b5636477624febb8fda8447187e8703d98", class: "alert__action-mobile" }, this.buttonsList.length && this.buttonsList.map(({ id: e, onClick: s, exraClasses: i, title: o, label: d }) => t("button", Object.assign({ key: e || I(), id: e || I(), onClick: (f) => s(f), class: `btn btn--secondary btn--lg ${i}` }, o && { title: o }), d)))));
+    return t("div", { key: "7f98379359354eb6719b3942407f320730e66923", class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ""}` }, t("div", { key: "a728ae93b882f0307712aa198dbc8193482c0f1a", class: `alert__header ${this.helperText ? "" : "flex-center-y"}` }, t("div", { key: "a59feff9ca8207d49f9f042848c6e4f6d283cc26", class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === "neutral" ? "gray" : this.type}` }, this.icons[this.type]), t("div", { key: "8e72437cb8db0a9d3d1438d81e61294ef93cd0d1", class: "alert__body" }, t("h4", { key: "338d53773cbe119c789aee75e241b3221f3fa863", class: "alert__title text-md-semibold" }, this.leadText), this.helperText && t("p", { key: "3a60c001c10caa7c20de9ee3307d9e252cff2cb1", class: "alert__content text-sm-regular" }, this.helperText), t("slot", { key: "21689d7d68b86fc36a7e4bacf9a24b6bc52289d0" }))), this.isCloseButton && t("div", { key: "1548b5cf58e7ec126185557545bbc0e6706329c1", class: "alert__close-btn" }, t("button", { key: "9496982234d159236a31c777aa9bb0641cdb4ca2", class: "btn btn--close btn--icon btn--md", onClick: (e) => this.onClose && this.onClose(e) }, t("span", { key: "9cf07498d3ada5368b8be9b09831f277068662f1", class: "btn-icon" }, t("dga-icon", { key: "fd95358de8b863a9dc275383739c407a2360b089", icon: "Cancel01Icon", variant: "solid" })))), this.isactionButtons && t(j, null, t("div", { key: "d50a8c9be81b871ef28eee689c0a7f40c2e0f4b5", class: "alert__action" }, this.buttonsList.length && this.buttonsList.map(({ id: e, onClick: s, exraClasses: i, title: o, label: d }) => t("button", Object.assign({ key: e || D(), id: e || D(), onClick: (f) => s(f), class: `btn btn--subtle btn--md ${i}` }, o && { title: o }), d))), t("div", { key: "87ee01b5636477624febb8fda8447187e8703d98", class: "alert__action-mobile" }, this.buttonsList.length && this.buttonsList.map(({ id: e, onClick: s, exraClasses: i, title: o, label: d }) => t("button", Object.assign({ key: e || D(), id: e || D(), onClick: (f) => s(f), class: `btn btn--secondary btn--lg ${i}` }, o && { title: o }), d)))));
   }
 }, [4, "dga-inline-alert", {
   type: [1],
@@ -3560,7 +3573,7 @@ const aa = P1, oa = ia, X = "...", oe = (n, e) => {
       //       : "",
       //   })}
       class: `pagination pagination--${this.size}`
-    }, t("li", { key: "02d70c8f6660e55f108b7fa58666648bb84544ce", class: "pagination__item pagination__arrow" }, t("button", { key: "127c9dd0bef52ecc1f8005f9e2d0f1dae29d9c69", onClick: this.onPrevious, disabled: this.currentPage === 1 }, t("svg", { key: "24e0c45927dc047c720872ec20213ca5dbaff4e6", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("g", { key: "1529d84597117ab6e5e792704b899886c4d046ba", id: "Leading Icon" }, t("path", { key: "9c7eb6d490263b09589e199cfacdfaa633dcfa1c", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((e) => e === X ? t("li", { key: I(), class: "pagination__item" }, "…") : t("li", { key: I(), class: `pagination__item ${this.currentPage === e ? "pagination__item--active" : ""}` }, t("button", { onClick: () => {
+    }, t("li", { key: "02d70c8f6660e55f108b7fa58666648bb84544ce", class: "pagination__item pagination__arrow" }, t("button", { key: "127c9dd0bef52ecc1f8005f9e2d0f1dae29d9c69", onClick: this.onPrevious, disabled: this.currentPage === 1 }, t("svg", { key: "24e0c45927dc047c720872ec20213ca5dbaff4e6", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("g", { key: "1529d84597117ab6e5e792704b899886c4d046ba", id: "Leading Icon" }, t("path", { key: "9c7eb6d490263b09589e199cfacdfaa633dcfa1c", id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange && this.paginationRange.map((e) => e === X ? t("li", { key: D(), class: "pagination__item" }, "…") : t("li", { key: D(), class: `pagination__item ${this.currentPage === e ? "pagination__item--active" : ""}` }, t("button", { onClick: () => {
       this.handelPageChange(e);
     } }, e))), t("li", { key: "b165ec5a26fecaf671a018d653d031ea1afc3639", class: "pagination__item pagination__arrow" }, t("button", { key: "2840ae55b25724363d2b498c954fe6f4820119ab", onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, t("svg", { key: "15290f3604e3de2e7592501c95cfdcd07af3a81f", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("g", { key: "814e1ce2204550d6b2475379107023b35168660e", id: "Leading Icon" }, t("path", { key: "efd7e8004548f5001233d704e7e25513da45268b", id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
   }
@@ -3599,7 +3612,7 @@ const la = z1, ra = ca, da = f1, fa = u1, ua = Vt, ha = Re, pa = Kt, ba = Xt, ma
     }, this.handleEscape = (e) => {
       var s, i;
       e.key === "Escape" && ((i = (s = this.radioLabelRef) === null || s === void 0 ? void 0 : s.querySelector("input")) === null || i === void 0 || i.blur(), this.handleFocusOut());
-    }, this.color = "brand", this.label = void 0, this.hasHelperText = void 0, this.helperText = void 0, this.alertMessage = void 0, this.alertText = void 0, this.disabled = !1, this.id = I(), this.name = I(), this.value = "", this.customAttribute = { key: "", value: "" }, this.onChange = void 0, this.onInput = void 0;
+    }, this.color = "brand", this.label = void 0, this.hasHelperText = void 0, this.helperText = void 0, this.alertMessage = void 0, this.alertText = void 0, this.disabled = !1, this.id = D(), this.name = D(), this.value = "", this.customAttribute = { key: "", value: "" }, this.onChange = void 0, this.onInput = void 0;
   }
   componentDidLoad() {
     window.addEventListener("keydown", this.handleEscape);
@@ -3727,13 +3740,13 @@ function _a() {
     }
   });
 }
-const xa = Z1, wa = _a, Ea = Qt, La = e1, Sa = h1, Ta = p1, Da = n1, Ia = s1, Ma = a1, Fa = o1, Oa = l1, Aa = r1, Ra = b1, Ha = m1, it = {
+const xa = Z1, wa = _a, Ea = Qt, La = e1, Sa = h1, Ta = p1, Ia = n1, Da = s1, Ma = a1, Fa = o1, Oa = l1, Aa = r1, Ra = b1, Ha = m1, it = {
   success: t("dga-icon", { icon: "CheckmarkCircle02Icon", variant: "solid" }),
   error: t("dga-icon", { icon: "AlertCircleIcon", variant: "solid" }),
   warning: t("dga-icon", { icon: "Alert02Icon", variant: "solid" })
 }, j1 = /* @__PURE__ */ x(class extends _ {
   constructor() {
-    super(), this.__registerHost(), this.placeholder = void 0, this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.disabled = !1, this.readonly = !1, this.scrollbar = !0, this.resize = !0, this.cols = 50, this.rows = 4, this.onChange = void 0, this.onInput = void 0, this.name = I(), this.value = "", this.isActive = !1, this.isFocused = !1;
+    super(), this.__registerHost(), this.placeholder = void 0, this.variant = "default", this.error = !1, this.feedbackIcon = !1, this.feedbackIconType = "success", this.feedbackIconRing = !1, this.disabled = !1, this.readonly = !1, this.scrollbar = !0, this.resize = !0, this.cols = 50, this.rows = 4, this.onChange = void 0, this.onInput = void 0, this.name = D(), this.value = "", this.isActive = !1, this.isFocused = !1;
   }
   // //   handleFocus = () => {
   // //     this.isFocused = true;
@@ -3902,7 +3915,7 @@ const Wa = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   defineCustomElement: Ts
 }), Xo = /* @__PURE__ */ w({
   tagName: "cs-structured-list-usage",
-  elementClass: Is,
+  elementClass: Ds,
   react: $,
   events: {},
   defineCustomElement: Ms
@@ -4019,10 +4032,10 @@ const Wa = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   elementClass: Ti,
   react: $,
   events: {},
-  defineCustomElement: Di
+  defineCustomElement: Ii
 }), gc = /* @__PURE__ */ w({
   tagName: "dga-icon",
-  elementClass: Ii,
+  elementClass: Di,
   react: $,
   events: {},
   defineCustomElement: Mi
@@ -4098,13 +4111,13 @@ const Wa = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   react: $,
   events: {},
   defineCustomElement: ra
-}), Dc = /* @__PURE__ */ w({
+}), Ic = /* @__PURE__ */ w({
   tagName: "dga-prefix",
   elementClass: da,
   react: $,
   events: { onOnSelect: "onSelect" },
   defineCustomElement: fa
-}), Ic = /* @__PURE__ */ w({
+}), Dc = /* @__PURE__ */ w({
   tagName: "dga-progress-indicator",
   elementClass: ma,
   react: $,
@@ -4148,10 +4161,10 @@ const Wa = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "cl
   defineCustomElement: Ta
 }), Bc = /* @__PURE__ */ w({
   tagName: "dga-table-of-content",
-  elementClass: Da,
+  elementClass: Ia,
   react: $,
   events: {},
-  defineCustomElement: Ia
+  defineCustomElement: Da
 }), Pc = /* @__PURE__ */ w({
   tagName: "dga-tabs",
   elementClass: Ma,
@@ -4222,8 +4235,8 @@ export {
   Lc as DgaNotification,
   Sc as DgaNotificationToast,
   Tc as DgaPagination,
-  Dc as DgaPrefix,
-  Ic as DgaProgressIndicator,
+  Ic as DgaPrefix,
+  Dc as DgaProgressIndicator,
   Mc as DgaProgressIndicatorStep,
   Fc as DgaProgressIndicatorUpdated,
   Oc as DgaRadioButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "platformscode-new-react",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "description": "React Components for Platformscode",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",