platformscode-new-react 0.0.67 → 0.0.69

package/dist/index.cjs.js

@@ -7904,7 +7904,8 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   align-items: center;
 }
 .breadcrumb-item .disabled-link {
-  cursor: not-allowed;
+  cursor: text;
+  color: #9DA4AE;
 }
 .breadcrumb-item .disabled-link:hover {
   text-decoration: none;
@@ -7933,6 +7934,27 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   transform: rotate(180deg);
 }
 
+.breadcrumb .link {
+  text-decoration: none;
+}
+.breadcrumb .link:visited {
+  color: var(--link-neutral) !important;
+}
+.breadcrumb .link.link_empty {
+  cursor: text;
+  color: #9DA4AE !important;
+}
+.breadcrumb .link.link_empty .link__label:hover {
+  text-decoration: none !important;
+}
+.breadcrumb .link.link_empty:hover {
+  text-decoration: none !important;
+}
+.breadcrumb .link:focus {
+  border: none !important;
+  outline: none !important;
+}
+
 .notification {
   width: 100%;
   padding: var(--spacing-md) var(--spacing-3xl);
@@ -211334,7 +211356,7 @@ a:focus {
 }`,Sr=zr,Se=d(class extends l{constructor(){super(),this.__registerHost(),this.handleClick=()=>{this.isCurrentMonth&&this.onSelect&&(console.log(this.date,"this.date"),this.onSelect(this.date))},this.handleAddPressed=n=>{n.currentTarget.classList.add("active")},this.handleRemovePressed=n=>{n.currentTarget.classList.remove("active")},this.date=void 0,this.isCurrentMonth=void 0,this.isSelected=void 0,this.isToday=void 0,this.midRange=!1,this.isFirstRangeChild=!1,this.isLastRangeChild=!1,this.onSelect=void 0}render(){let n="date-cell";return this.isCurrentMonth||(n+=" date-cell--not-current-month"),this.isSelected&&(n+=" date-cell--selected"),this.isToday&&(n+=" date-cell--today"),this.midRange&&(n+=" date-cell--mid-range"),this.isFirstRangeChild&&(n+=" date-cell--mid-range--first-child"),this.isLastRangeChild&&(n+=" date-cell--mid-range--last-child"),e("button",{key:"c7860661110fb0a6a28969b4899a281d3c065936",type:"button",class:n,onClick:()=>this.handleClick(),onMouseDown:this.handleAddPressed,onMouseUp:this.handleRemovePressed,onMouseOut:this.handleRemovePressed,disabled:!this.isCurrentMonth},e("div",{key:"518d14d77e5a0bc2876a4c67e0a65deef3d8dd5f",class:"date-cell__label"},e("span",{key:"ddb49805702d671e9d502fee0b072a670e6e1acc"},this.date.getDate())))}static get style(){return Sr}},[0,"date-cell",{date:[16],isCurrentMonth:[4,"is-current-month"],isSelected:[1028,"is-selected"],isToday:[4,"is-today"],midRange:[4,"mid-range"],isFirstRangeChild:[4,"is-first-range-child"],isLastRangeChild:[4,"is-last-range-child"],onSelect:[16]}]);function Me(){if(typeof customElements>"u")return;["date-cell"].forEach(n=>{switch(n){case"date-cell":customElements.get(n)||customElements.define(n,Se);break}})}const Mr=Se,Cr=Me,Ce=d(class extends l{constructor(){super(),this.__registerHost(),this.bodyElement=null,this.title="",this.content="",this.size="lg",this.iconAlignment="Trailing",this.flush=!1,this.disabled=!1,this.extraClass="",this.isOpen=!1}handleAccordionClick(n){n.preventDefault(),!this.disabled&&(this.isOpen?this.collapseAccordion():this.openAccordion())}openAccordion(){this.isOpen=!0,this.bodyElement&&(this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+"px")}collapseAccordion(){this.isOpen=!1,this.bodyElement&&(this.bodyElement.style.maxHeight=null)}componentDidRender(){this.isOpen&&this.bodyElement?this.bodyElement.style.maxHeight=this.bodyElement.scrollHeight+24+"px":this.bodyElement&&(this.bodyElement.style.maxHeight=null)}render(){return e("div",{key:"669f9c371e2c58b83d07c67672de707b5dfe521f",class:`accordion-item accordion-item--${this.size} 
           ${this.iconAlignment==="Leading"?"accordion-item--icon-leading":""}
           ${this.flush?"accordion-item--flush":""} 
-          ${this.disabled?"disabled":""} ${this.extraClass} ${this.isOpen?"active":""}`},e("a",{key:"da4d502faebf56b33e5282852756a37ad81749c3",href:"#",onClick:n=>this.handleAccordionClick(n),onKeyDown:n=>n.code==="Space"?this.handleAccordionClick(n):null,class:"accordion-item__header"},this.iconAlignment==="Leading"&&e("div",{key:"632ba9e28e7f73c60e8bcf4a0ac95bafd9795831",class:"accordion-item__arrow"},e("i",{key:"40847216a7f4fe75dfc8fae384ebbc8d6919b12f",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})),e("div",{key:"490e81292d32eca0e94c65ea61612afb6c2bc6d2",class:"accordion-item__title"},this.title),this.iconAlignment==="Trailing"&&e("div",{key:"fe18ebe09ec5b50b2a98bf10b94da9eba7d83a28",class:"accordion-item__arrow"},e("i",{key:"11f8bc87267a8827e501b06596d3e805bac4409a",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}}))),e("div",{key:"c2072eb66533cc1906c2411a1dbb25fcb0207e46",ref:n=>this.bodyElement=n,class:"accordion-item__body"},this.content))}get el(){return this}},[0,"dga-accordion",{title:[1],content:[1],size:[1],iconAlignment:[1,"icon-alignment"],flush:[4],disabled:[4],extraClass:[1,"extra-class"],isOpen:[32]}]);function Ir(){if(typeof customElements>"u")return;["dga-accordion"].forEach(n=>{switch(n){case"dga-accordion":customElements.get(n)||customElements.define(n,Ce);break}})}const Br=Ce,Ar=Ir,Ie=d(class extends l{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type=""}componentDidLoad(){console.log("from will load,",this.icon),this.updateIcon()}updateIcon(){if(console.log("from update,",this.icon),console.log("from update,",this.container),this.container){const n=this.icon.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([0-9])/g,"$1-$2").replace(/([a-z])([0-9])/g,"$1-$2").toLowerCase().replace("-icon","").replace("icon","").trim(),t=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${n}`;this.container.className=t}}render(){return e("div",{key:"52e8f942cc93af3a96a5036589ec2e527c9a0cf0",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},e("i",{key:"2d73b56748e78e19c0ed5bc2ed48547b2c950f8f",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:n=>this.container=n}))}static get watchers(){return{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}}},[0,"dga-icon",{icon:[1],size:[2],color:[1],variant:[1],type:[1]},void 0,{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}]);function v(){if(typeof customElements>"u")return;["dga-icon"].forEach(n=>{switch(n){case"dga-icon":customElements.get(n)||customElements.define(n,Ie);break}})}const Be=d(class extends l{constructor(){super(),this.__registerHost(),this.type="icon",this.size=32,this.square=!1,this.border=!1,this.text="AB",this.imgUrl="/assets/avatar-img.png",this.customAttribute={key:"",value:""}}renderChildComponent(){if(this.type==="initials")return e("span",{class:"avatar__text"},this.text);if(this.type==="image")return e("img",{class:"avatar__img",src:this.imgUrl,alt:""});if(this.type==="icon")return e("div",{class:"avatar__icon"},e("dga-icon",{icon:"User",variant:"stroke"}))}render(){var n;const t=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{};return e("div",Object.assign({key:"a8d9ed9fddc4f00fe9f5549676a84e27a2d63936"},t,{class:{avatar:!0,[`avatar--${this.type}`]:!0,[`avatar--${this.size}`]:!0,"avatar--square":this.square,"avatar--border":this.border}}),this.renderChildComponent())}},[0,"dga-avatar",{type:[1],size:[2],square:[4],border:[4],text:[1],imgUrl:[1,"img-url"],customAttribute:[16]}]);function Pn(){if(typeof customElements>"u")return;["dga-avatar","dga-icon"].forEach(n=>{switch(n){case"dga-avatar":customElements.get(n)||customElements.define(n,Be);break;case"dga-icon":customElements.get(n)||v();break}})}const Pr=Be,$r=Pn,Ae=d(class extends l{constructor(){super(),this.__registerHost(),this.breadcrumbClick=I(this,"breadcrumbClick",7),this.breadcrumbItems=[],this.items=[]}componentWillLoad(){this.handleItemsChange(this.items)}handleItemsChange(n){try{this.breadcrumbItems=this.renderItems(n)}catch(t){console.error("Invalid JSON in items prop:",t)}}isEllipsisItem(n){return n.ellipsis===!0}renderItems(n){return n.length<=5?n:[n[0],{ellipsis:!0},...n.slice(-2)]}handleClick(n,t,r){r.disabled||this.breadcrumbClick.emit({e:n,link:t,item:r})}render(){return e("nav",{key:"97256ff43a2d52dda068ba2e347612e2da33311b","aria-label":"breadcrumb"},e("ul",{key:"fb878816770229e5fe77aaab9834f24946c076a6",class:"breadcrumb"},this.breadcrumbItems.map((n,t)=>{if(this.isEllipsisItem(n))return e("li",{key:t,class:"breadcrumb-item ellipsis"},e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{href:"#",class:"link link--sm link--neutral"},"..."));const r=t===this.breadcrumbItems.length-1,i=t===0;return e("li",{key:t,class:{"breadcrumb-item":!0,active:r},"aria-current":r?"page":void 0},n.path&&!r?e(C,null,!i&&e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{onClick:a=>this.handleClick(a,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled},href:n.disabled?void 0:n.path,"aria-disabled":n.disabled?"true":"false"},e("span",{class:"link__label"},n.label))):e(C,null,e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{onClick:a=>this.handleClick(a,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled},href:n.disabled?void 0:n.path,"aria-disabled":n.disabled?"true":"false"},e("span",{class:"link__label"},n.label))))})))}static get watchers(){return{items:["handleItemsChange"]}}},[0,"dga-breadcrumbs",{items:[16]},void 0,{items:["handleItemsChange"]}]);function Pe(){if(typeof customElements>"u")return;["dga-breadcrumbs","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs":customElements.get(n)||customElements.define(n,Ae);break;case"dga-icon":customElements.get(n)||v();break}})}const $e=d(class extends l{constructor(){super(),this.__registerHost(),this.onClick=I(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.iconProps=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.trailIconProps=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button",this.onColor=!1}handleClick(n){this.disabled||this.onClick.emit(n)}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){var n;const t=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,r=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},i=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.onColor?`btn--${this.variant}--on-color`:"",this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return e("button",Object.assign({key:"858ada3b1f2699eb4ecb54bcc71df76ccf538e3b",id:t},r,{type:this.type,class:i,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:a=>this.handleClick(a)}),this.iconOnly&&this.iconType&&e("span",{key:"d0f9d824d0f19d33cede146fc54811a8604178d9",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.iconType,this.iconProps)),this.leadIcon&&this.leadIconType&&e("span",{key:"59076019cc51b8c9af9195e5baa7ffa18c09b22a",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.leadIconType,this.leadIconProps)),!this.iconOnly&&this.label&&e("span",{key:"f8c89117752c6c8a17ac5538570e20765478ce78"},this.label),this.trailIcon&&this.trailIconType&&e("span",{key:"a42da6c211d0bdbfdbaf384db00ced8f32d581c2",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.trailIconType,this.trailIconProps)))}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[1,"icon-type"],iconProps:[16],leadIcon:[4,"lead-icon"],leadIconType:[1,"lead-icon-type"],leadIconProps:[16],trailIcon:[4,"trail-icon"],trailIconType:[1,"trail-icon-type"],trailIconProps:[16],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1],onColor:[4,"on-color"]}]);function E(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,$e);break;case"dga-icon":customElements.get(n)||v();break}})}const w=()=>{const o=Date.now().toString(36),n=Math.random().toString(36).substring(2);return o+n},De=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFocus=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.add("focus"))},this.handleFocusOut=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.remove("focus"))},this.handleEscape=n=>{var t,r;n.key==="Escape"&&(this.handleFocusOut(),(r=(t=this.labelRef)===null||t===void 0?void 0:t.querySelector("input"))===null||r===void 0||r.blur())},this.color="brand",this.size="md",this.label=void 0,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.name=w(),this.value="",this.showBorderOnFocusAndFocusOute=!0,this.onChange=void 0,this.onInput=void 0,this.checked=!1,this.isChecked=this.checked,this.Indeterminate=!1}componentWillLoad(){this.isChecked=this.checked}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}render(){return e("label",{key:"e3ce081a39e594b6c289392df747046db094a172",ref:n=>this.labelRef=n,class:`checkbox ${this.color?`checkbox--${this.color}`:""} checkbox--${this.size}`},e("div",{key:"c412595d628c67727c333399ebb45510f612bfb3",class:"checkbox-main"},e("div",{key:"0b11409eef63c7c84c925f70475d7f3ed3974d07",class:"checkbox-main__content"},e("input",{key:"34fc5b761aff49e9ed5e88b5d4f4335b3b40ecbf",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,onChange:n=>{var t;(t=this.onChange)===null||t===void 0||t.call(this,n);const r=n.target;this.isChecked=r.checked},onInput:this.onInput,checked:this.isChecked}),e("div",{key:"7b1b00e508599f3fcaac12a480370a865e10bbb9",class:"checkbox-container"},e("span",{key:"cfb1cfa23282a8f8def66e5163ffe914dde0b5a3",class:"checkbox-icon checkbox__checked-icon",style:{display:this.isChecked?"inline-block":"none"}},this.Indeterminate?e("i",{class:"hgi-solid hgi-minus-sign"}):e("i",{class:"hgi-solid hgi-tick-03"})),e("span",{key:"7476385248f5b28d827b0d54224c18a2c0be4926",class:"checkbox-icon checkbox__indeterminate-icon",style:{display:this.isChecked?"none":"inline-block"}},e("i",{key:"4387cc8289f2f552f731d8dd26c5bba13f8b343b",class:"hgi-solid hgi-remove-01"}))),this.helperText?e("div",{class:"flex-column"},e("span",{class:"checkbox__label"},this.label),e("span",{class:"checkbox__helper-text"},this.helperText)):this.label&&e("span",{class:"checkbox__label"},this.label)),this.alertMessage&&e("div",{key:"404c9a98944d752ecce855e3a19dc582c0c12d96",class:"checkbox__warning"},e("span",{key:"f184219211acb9dd35e7ee06f61a667651d2cded",class:"checkbox__warning-icon"},e("i",{key:"540b2b9dc247d54325524919c24158e50e70e85d",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),e("span",{key:"7b8892c2ca64a6e53afed426f29cd714ddb9d25c",class:"checkbox__warning-text"},this.alertText))))}},[0,"dga-checkbox",{color:[1],size:[1],label:[1],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],name:[1],value:[1],showBorderOnFocusAndFocusOute:[4,"show-border-on-focus-and-focus-oute"],onChange:[16],onInput:[16],checked:[4],Indeterminate:[4,"indeterminate"],isChecked:[32]}]);function W(){if(typeof customElements>"u")return;["dga-checkbox"].forEach(n=>{switch(n){case"dga-checkbox":customElements.get(n)||customElements.define(n,De);break}})}const Ee=d(class extends l{constructor(){super(),this.__registerHost(),this.onMouseEnterHandler=()=>{this.isFocused=!0},this.onMouseLeaveHandler=()=>{this.isFocused=!1},this.type="default",this.showTitle=!0,this.showDescription=!0,this.showFeaturedIcon=!0,this.image="",this.showRating=!1,this.disabled=!1,this.effect="with-shadow",this.cardTitle="Card Title",this.description="Card content placeholder text goes here",this.customComponent=void 0,this.featuredIcon=e("i",{class:"hgi-stroke hgi-sharp hgi-checkmark-circle-02",style:{fontSize:"24px"}}),this.showPrimaryAction=!0,this.primaryActionLabel="Primary Action",this.showSecondaryAction=!0,this.secondaryActionLabel="Secondary Action",this.onCheckboxChange=()=>{},this.onPrimaryAction=()=>{},this.onSecondaryAction=()=>{},this.onExpandAction=()=>{},this.isFocused=!1,this.expanded=!1}toggleExpand(){this.expanded=!this.expanded}render(){return e("div",{key:"ee7d167bd7e001fecb878bb5a0d28cc65f3e5d93",class:`card flex-column ${this.disabled?"disabled":""} ${this.isFocused?"focused":""} card--${this.effect}`,onMouseEnter:this.onMouseEnterHandler,onMouseLeave:this.onMouseLeaveHandler},this.image&&e("div",{key:"7b95a5d83eb64c5f399273a103c0d9ff76b317f9",class:"card__image-container"},e("img",{key:"fd28851afdc1c4376787bcd9931f97bc6506d9ac",src:this.image,alt:"Card"})),this.showFeaturedIcon&&e("div",{key:"c4b2a64d971a5ad05db9f1ef5ff5efd538ae7e27",class:"featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg"},this.featuredIcon),this.type==="selectable"&&e("div",{key:"9fc1a815506dfbf924bcac70cf703c5076114bd4",class:"card__checkbox-container"},e("dga-checkbox",{key:"bf30723a6e4393c733ce66e3feea1ac5350b1119",color:"brand",onChange:this.onCheckboxChange})),(this.showTitle||this.showDescription)&&e("div",{key:"bceb8ca8b3d6282746d452a475b61d1086a64eb0",class:"card__content-text flex-column"},this.showTitle&&e("h4",{key:"96f6913caf600bddc16f5efd3cee69af49aa4627",class:"text-lg-bold"},this.cardTitle," "),this.showDescription&&e("p",{key:"276753b539fd49924b528b8c82a617f5f322df47",class:"text-md-regular"},this.description)),this.showRating&&e("div",{key:"187b363e0b74266678f1d4f66306a29a47ae9fdd",class:"card__rating-container"}),this.customComponent&&e("div",{key:"abd75d633154389175f25c68946482acb845928a",class:"card__custom-component"},this.customComponent),this.type==="default"&&(this.showPrimaryAction||this.showSecondaryAction)&&e("div",{key:"a1cbb68b0db6f2f4cbb9024b4fd78b17913340f9",class:"card__action card__action--default"},this.showSecondaryAction&&e("dga-button",{key:"fd1476878c50ad9779f664b5cdde396d63a26cb1",label:this.secondaryActionLabel,onClick:this.onSecondaryAction,size:"lg",variant:"secondary-outline"}),this.showPrimaryAction&&e("dga-button",{key:"69911bb0b4b7de1e6399aa04cbd11b04f57807e7",label:this.primaryActionLabel,onClick:this.onPrimaryAction,size:"lg",variant:"primary-brand"})),this.type==="expanded"&&e("div",{key:"5e9a9c8d536f78835b8087b6c66235a364f6f868",class:"card__action card__action--expanded"},e("dga-button",{key:"3bbbd76dbdee907fb77a05dbee40dc659b040f1a",iconOnly:!0,onClick:()=>this.toggleExpand(),size:"lg",variant:"subtle",leadIconType:this.expanded?e("i",{class:"hgi-stroke hgi-arrow-up-01"}):e("i",{class:"hgi-stroke hgi-arrow-down-01"}),leadIcon:!0})),e("div",{key:"4fde4feb2eb39dc02ced69f9f6bf424e308f5bb3",class:`collapse-content ${this.expanded?"expanded":""}`},e("slot",{key:"e7872947ab9589e0e0571168e5e08e0f477a44c0",name:"collapse-content"})))}},[4,"dga-card",{type:[1],showTitle:[4,"show-title"],showDescription:[4,"show-description"],showFeaturedIcon:[4,"show-featured-icon"],image:[1],showRating:[4,"show-rating"],disabled:[4],effect:[1],cardTitle:[1,"card-title"],description:[1],customComponent:[16],featuredIcon:[16],showPrimaryAction:[4,"show-primary-action"],primaryActionLabel:[1,"primary-action-label"],showSecondaryAction:[4,"show-secondary-action"],secondaryActionLabel:[1,"secondary-action-label"],onCheckboxChange:[16],onPrimaryAction:[16],onSecondaryAction:[16],onExpandAction:[16],isFocused:[32],expanded:[32]}]);function je(){if(typeof customElements>"u")return;["dga-card","dga-button","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-card":customElements.get(n)||customElements.define(n,Ee);break;case"dga-button":customElements.get(n)||E();break;case"dga-checkbox":customElements.get(n)||W();break;case"dga-icon":customElements.get(n)||v();break}})}const Te=d(class extends l{constructor(){super(),this.__registerHost(),this.variant="neutral"}render(){return e("div",{key:"a405d443d564874de842adb81f44085d8765a286"},e("h1",{key:"a5a635ce3ab9b1e1cc3395e05d8f4594d26b9bb9"},"Breadcrumbs Example"),e("div",{key:"e55bc3b227d2016fcbe09b8392f78073dcf7c3a7",style:{padding:"50px",display:"flex",gap:"20px"}},e("div",{key:"0ac929cb662c50cddc06f9c77650b8eab38d7d11",style:{display:"flex",flexDirection:"column",gap:"20px"}},e("dga-breadcrumbs",{key:"73389aeaeefae4aff30e00507268b97c4fa10f31",items:[{label:"string1",path:"string1"},{label:"string2",path:"string2"},{label:"string3",path:"string3",disabled:!0}]}),e("dga-card",{key:"36f40378fef356dbe79c30be8cd1a8e7d8e1b3cd",cardTitle:"Card Title",featuredIcon:e("dga-icon",{icon:"mail-02",size:24,variant:"stroke",type:"rounded",color:"#1B8354"})})),e("div",{key:"e46142bab791a9c2d7e7e3d11c4677051b13c7c5",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-breadcrumbs-usage",{variant:[32]}]);function Dr(){if(typeof customElements>"u")return;["dga-breadcrumbs-usage","dga-breadcrumbs","dga-button","dga-card","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs-usage":customElements.get(n)||customElements.define(n,Te);break;case"dga-breadcrumbs":customElements.get(n)||Pe();break;case"dga-button":customElements.get(n)||E();break;case"dga-card":customElements.get(n)||je();break;case"dga-checkbox":customElements.get(n)||W();break;case"dga-icon":customElements.get(n)||v();break}})}const Er=Te,jr=Dr,Tr=Ae,Lr=Pe,Rr=$e,Or=E,Hr=Ee,Fr=je,Ur=`@charset "UTF-8";
+          ${this.disabled?"disabled":""} ${this.extraClass} ${this.isOpen?"active":""}`},e("a",{key:"da4d502faebf56b33e5282852756a37ad81749c3",href:"#",onClick:n=>this.handleAccordionClick(n),onKeyDown:n=>n.code==="Space"?this.handleAccordionClick(n):null,class:"accordion-item__header"},this.iconAlignment==="Leading"&&e("div",{key:"632ba9e28e7f73c60e8bcf4a0ac95bafd9795831",class:"accordion-item__arrow"},e("i",{key:"40847216a7f4fe75dfc8fae384ebbc8d6919b12f",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}})),e("div",{key:"490e81292d32eca0e94c65ea61612afb6c2bc6d2",class:"accordion-item__title"},this.title),this.iconAlignment==="Trailing"&&e("div",{key:"fe18ebe09ec5b50b2a98bf10b94da9eba7d83a28",class:"accordion-item__arrow"},e("i",{key:"11f8bc87267a8827e501b06596d3e805bac4409a",class:"hgi-stroke hgi-arrow-down-01",style:{fontSize:"16px"}}))),e("div",{key:"c2072eb66533cc1906c2411a1dbb25fcb0207e46",ref:n=>this.bodyElement=n,class:"accordion-item__body"},this.content))}get el(){return this}},[0,"dga-accordion",{title:[1],content:[1],size:[1],iconAlignment:[1,"icon-alignment"],flush:[4],disabled:[4],extraClass:[1,"extra-class"],isOpen:[32]}]);function Ir(){if(typeof customElements>"u")return;["dga-accordion"].forEach(n=>{switch(n){case"dga-accordion":customElements.get(n)||customElements.define(n,Ce);break}})}const Br=Ce,Ar=Ir,Ie=d(class extends l{constructor(){super(),this.__registerHost(),this.icon=void 0,this.size=void 0,this.color=void 0,this.variant="bulk",this.type=""}componentDidLoad(){console.log("from will load,",this.icon),this.updateIcon()}updateIcon(){if(console.log("from update,",this.icon),console.log("from update,",this.container),this.container){const n=this.icon.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([A-Z])([0-9])/g,"$1-$2").replace(/([a-z])([0-9])/g,"$1-$2").toLowerCase().replace("-icon","").replace("icon","").trim(),t=`hgi-${this.variant||""} ${this.type?`hgi-${this.type}`:""} hgi-${n}`;this.container.className=t}}render(){return e("div",{key:"52e8f942cc93af3a96a5036589ec2e527c9a0cf0",style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"inherit"}},e("i",{key:"2d73b56748e78e19c0ed5bc2ed48547b2c950f8f",style:{fontSize:`${this.size?`${this.size}px`:"inherit"}`,color:this.color},ref:n=>this.container=n}))}static get watchers(){return{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}}},[0,"dga-icon",{icon:[1],size:[2],color:[1],variant:[1],type:[1]},void 0,{icon:["updateIcon"],variant:["updateIcon"],type:["updateIcon"]}]);function v(){if(typeof customElements>"u")return;["dga-icon"].forEach(n=>{switch(n){case"dga-icon":customElements.get(n)||customElements.define(n,Ie);break}})}const Be=d(class extends l{constructor(){super(),this.__registerHost(),this.type="icon",this.size=32,this.square=!1,this.border=!1,this.text="AB",this.imgUrl="/assets/avatar-img.png",this.customAttribute={key:"",value:""}}renderChildComponent(){if(this.type==="initials")return e("span",{class:"avatar__text"},this.text);if(this.type==="image")return e("img",{class:"avatar__img",src:this.imgUrl,alt:""});if(this.type==="icon")return e("div",{class:"avatar__icon"},e("dga-icon",{icon:"User",variant:"stroke"}))}render(){var n;const t=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{};return e("div",Object.assign({key:"a8d9ed9fddc4f00fe9f5549676a84e27a2d63936"},t,{class:{avatar:!0,[`avatar--${this.type}`]:!0,[`avatar--${this.size}`]:!0,"avatar--square":this.square,"avatar--border":this.border}}),this.renderChildComponent())}},[0,"dga-avatar",{type:[1],size:[2],square:[4],border:[4],text:[1],imgUrl:[1,"img-url"],customAttribute:[16]}]);function Pn(){if(typeof customElements>"u")return;["dga-avatar","dga-icon"].forEach(n=>{switch(n){case"dga-avatar":customElements.get(n)||customElements.define(n,Be);break;case"dga-icon":customElements.get(n)||v();break}})}const Pr=Be,$r=Pn,Ae=d(class extends l{constructor(){super(),this.__registerHost(),this.breadcrumbClick=I(this,"breadcrumbClick",7),this.breadcrumbItems=[],this.items=[]}componentWillLoad(){this.handleItemsChange(this.items)}handleItemsChange(n){try{this.breadcrumbItems=this.renderItems(n)}catch(t){console.error("Invalid JSON in items prop:",t)}}isEllipsisItem(n){return n.ellipsis===!0}renderItems(n){return n.length<=5?n:[n[0],{ellipsis:!0},...n.slice(-2)]}handleClick(n,t,r){r.disabled||this.breadcrumbClick.emit({e:n,link:t,item:r})}render(){return e("nav",{key:"97256ff43a2d52dda068ba2e347612e2da33311b","aria-label":"breadcrumb"},e("ul",{key:"fb878816770229e5fe77aaab9834f24946c076a6",class:"breadcrumb"},this.breadcrumbItems.map((n,t)=>{if(this.isEllipsisItem(n))return e("li",{key:t,class:"breadcrumb-item ellipsis"},e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{href:"#",class:"link link--sm link--neutral"},"..."));const r=t===this.breadcrumbItems.length-1,i=t===0;return e("li",{key:t,class:{"breadcrumb-item":!0,active:r},"aria-current":r?"page":void 0},n.path&&!r?e(C,null,!i&&e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{onClick:a=>this.handleClick(a,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled},href:n.disabled?void 0:n.path,"aria-disabled":n.disabled?"true":"false"},e("span",{class:"link__label"},n.label))):e(C,null,e("span",{class:"breadcrumb-icon"},e("dga-icon",{icon:"ArrowRight01Icon",variant:"stroke",type:"rounded"})),e("a",{onClick:a=>this.handleClick(a,n.path,n),class:{"link link--sm link--neutral":!0,"disabled-link":n.disabled,link_empty:!0},href:(n.disabled,void 0),"aria-disabled":n.disabled?"true":"false"},e("span",{class:"link__label"},n.label))))})))}static get watchers(){return{items:["handleItemsChange"]}}},[0,"dga-breadcrumbs",{items:[16]},void 0,{items:["handleItemsChange"]}]);function Pe(){if(typeof customElements>"u")return;["dga-breadcrumbs","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs":customElements.get(n)||customElements.define(n,Ae);break;case"dga-icon":customElements.get(n)||v();break}})}const $e=d(class extends l{constructor(){super(),this.__registerHost(),this.onClick=I(this,"onClick",7),this.variant="primary-neutral",this.size="md",this.label=void 0,this.iconOnly=void 0,this.iconType=void 0,this.iconProps=void 0,this.leadIcon=void 0,this.leadIconType=void 0,this.leadIconProps=void 0,this.trailIcon=void 0,this.trailIconType=void 0,this.trailIconProps=void 0,this.disabled=void 0,this.btnId=void 0,this.customAttribute={key:"",value:""},this.type="button",this.onColor=!1}handleClick(n){this.disabled||this.onClick.emit(n)}renderIcon(n,t){return e("dga-icon",Object.assign({icon:n},t))}render(){var n;const t=this.btnId||`btn-${Math.random().toString(36).substr(2,9)}`,r=!((n=this.customAttribute)===null||n===void 0)&&n.key?{[this.customAttribute.key]:this.customAttribute.value||""}:{},i=["btn",`btn--${this.size}`,`btn--${this.variant}`,this.onColor?`btn--${this.variant}--on-color`:"",this.iconOnly?"btn--icon":""].filter(Boolean).join(" ");return e("button",Object.assign({key:"858ada3b1f2699eb4ecb54bcc71df76ccf538e3b",id:t},r,{type:this.type,class:i,disabled:this.disabled,"aria-label":this.iconOnly&&!this.label?"Button with icon":this.label,role:"button",onClick:a=>this.handleClick(a)}),this.iconOnly&&this.iconType&&e("span",{key:"d0f9d824d0f19d33cede146fc54811a8604178d9",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.iconType,this.iconProps)),this.leadIcon&&this.leadIconType&&e("span",{key:"59076019cc51b8c9af9195e5baa7ffa18c09b22a",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.leadIconType,this.leadIconProps)),!this.iconOnly&&this.label&&e("span",{key:"f8c89117752c6c8a17ac5538570e20765478ce78"},this.label),this.trailIcon&&this.trailIconType&&e("span",{key:"a42da6c211d0bdbfdbaf384db00ced8f32d581c2",class:"btn-icon","aria-hidden":"true"},this.renderIcon(this.trailIconType,this.trailIconProps)))}},[0,"dga-button",{variant:[1],size:[1],label:[1],iconOnly:[4,"icon-only"],iconType:[1,"icon-type"],iconProps:[16],leadIcon:[4,"lead-icon"],leadIconType:[1,"lead-icon-type"],leadIconProps:[16],trailIcon:[4,"trail-icon"],trailIconType:[1,"trail-icon-type"],trailIconProps:[16],disabled:[4],btnId:[1,"btn-id"],customAttribute:[16],type:[1],onColor:[4,"on-color"]}]);function E(){if(typeof customElements>"u")return;["dga-button","dga-icon"].forEach(n=>{switch(n){case"dga-button":customElements.get(n)||customElements.define(n,$e);break;case"dga-icon":customElements.get(n)||v();break}})}const w=()=>{const o=Date.now().toString(36),n=Math.random().toString(36).substring(2);return o+n},De=d(class extends l{constructor(){super(),this.__registerHost(),this.handleFocus=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.add("focus"))},this.handleFocusOut=()=>{var n;this.showBorderOnFocusAndFocusOute&&((n=this.labelRef)===null||n===void 0||n.classList.remove("focus"))},this.handleEscape=n=>{var t,r;n.key==="Escape"&&(this.handleFocusOut(),(r=(t=this.labelRef)===null||t===void 0?void 0:t.querySelector("input"))===null||r===void 0||r.blur())},this.color="brand",this.size="md",this.label=void 0,this.helperText=void 0,this.alertMessage=void 0,this.alertText=void 0,this.disabled=!1,this.name=w(),this.value="",this.showBorderOnFocusAndFocusOute=!0,this.onChange=void 0,this.onInput=void 0,this.checked=!1,this.isChecked=this.checked,this.Indeterminate=!1}componentWillLoad(){this.isChecked=this.checked}componentDidLoad(){window.addEventListener("keydown",this.handleEscape)}render(){return e("label",{key:"e3ce081a39e594b6c289392df747046db094a172",ref:n=>this.labelRef=n,class:`checkbox ${this.color?`checkbox--${this.color}`:""} checkbox--${this.size}`},e("div",{key:"c412595d628c67727c333399ebb45510f612bfb3",class:"checkbox-main"},e("div",{key:"0b11409eef63c7c84c925f70475d7f3ed3974d07",class:"checkbox-main__content"},e("input",{key:"34fc5b761aff49e9ed5e88b5d4f4335b3b40ecbf",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,onFocus:this.handleFocus,onBlur:this.handleFocusOut,onChange:n=>{var t;(t=this.onChange)===null||t===void 0||t.call(this,n);const r=n.target;this.isChecked=r.checked},onInput:this.onInput,checked:this.isChecked}),e("div",{key:"7b1b00e508599f3fcaac12a480370a865e10bbb9",class:"checkbox-container"},e("span",{key:"cfb1cfa23282a8f8def66e5163ffe914dde0b5a3",class:"checkbox-icon checkbox__checked-icon",style:{display:this.isChecked?"inline-block":"none"}},this.Indeterminate?e("i",{class:"hgi-solid hgi-minus-sign"}):e("i",{class:"hgi-solid hgi-tick-03"})),e("span",{key:"7476385248f5b28d827b0d54224c18a2c0be4926",class:"checkbox-icon checkbox__indeterminate-icon",style:{display:this.isChecked?"none":"inline-block"}},e("i",{key:"4387cc8289f2f552f731d8dd26c5bba13f8b343b",class:"hgi-solid hgi-remove-01"}))),this.helperText?e("div",{class:"flex-column"},e("span",{class:"checkbox__label"},this.label),e("span",{class:"checkbox__helper-text"},this.helperText)):this.label&&e("span",{class:"checkbox__label"},this.label)),this.alertMessage&&e("div",{key:"404c9a98944d752ecce855e3a19dc582c0c12d96",class:"checkbox__warning"},e("span",{key:"f184219211acb9dd35e7ee06f61a667651d2cded",class:"checkbox__warning-icon"},e("i",{key:"540b2b9dc247d54325524919c24158e50e70e85d",class:"hgi-stroke hgi-alert-circle",style:{fontSize:"16px"}})),e("span",{key:"7b8892c2ca64a6e53afed426f29cd714ddb9d25c",class:"checkbox__warning-text"},this.alertText))))}},[0,"dga-checkbox",{color:[1],size:[1],label:[1],helperText:[1,"helper-text"],alertMessage:[4,"alert-message"],alertText:[1,"alert-text"],disabled:[4],name:[1],value:[1],showBorderOnFocusAndFocusOute:[4,"show-border-on-focus-and-focus-oute"],onChange:[16],onInput:[16],checked:[4],Indeterminate:[4,"indeterminate"],isChecked:[32]}]);function W(){if(typeof customElements>"u")return;["dga-checkbox"].forEach(n=>{switch(n){case"dga-checkbox":customElements.get(n)||customElements.define(n,De);break}})}const Ee=d(class extends l{constructor(){super(),this.__registerHost(),this.onMouseEnterHandler=()=>{this.isFocused=!0},this.onMouseLeaveHandler=()=>{this.isFocused=!1},this.type="default",this.showTitle=!0,this.showDescription=!0,this.showFeaturedIcon=!0,this.image="",this.showRating=!1,this.disabled=!1,this.effect="with-shadow",this.cardTitle="Card Title",this.description="Card content placeholder text goes here",this.customComponent=void 0,this.featuredIcon=e("i",{class:"hgi-stroke hgi-sharp hgi-checkmark-circle-02",style:{fontSize:"24px"}}),this.showPrimaryAction=!0,this.primaryActionLabel="Primary Action",this.showSecondaryAction=!0,this.secondaryActionLabel="Secondary Action",this.onCheckboxChange=()=>{},this.onPrimaryAction=()=>{},this.onSecondaryAction=()=>{},this.onExpandAction=()=>{},this.isFocused=!1,this.expanded=!1}toggleExpand(){this.expanded=!this.expanded}render(){return e("div",{key:"ee7d167bd7e001fecb878bb5a0d28cc65f3e5d93",class:`card flex-column ${this.disabled?"disabled":""} ${this.isFocused?"focused":""} card--${this.effect}`,onMouseEnter:this.onMouseEnterHandler,onMouseLeave:this.onMouseLeaveHandler},this.image&&e("div",{key:"7b95a5d83eb64c5f399273a103c0d9ff76b317f9",class:"card__image-container"},e("img",{key:"fd28851afdc1c4376787bcd9931f97bc6506d9ac",src:this.image,alt:"Card"})),this.showFeaturedIcon&&e("div",{key:"c4b2a64d971a5ad05db9f1ef5ff5efd538ae7e27",class:"featured-icon featured-icon--light-brand featured-icon--circle featured-icon--lg"},this.featuredIcon),this.type==="selectable"&&e("div",{key:"9fc1a815506dfbf924bcac70cf703c5076114bd4",class:"card__checkbox-container"},e("dga-checkbox",{key:"bf30723a6e4393c733ce66e3feea1ac5350b1119",color:"brand",onChange:this.onCheckboxChange})),(this.showTitle||this.showDescription)&&e("div",{key:"bceb8ca8b3d6282746d452a475b61d1086a64eb0",class:"card__content-text flex-column"},this.showTitle&&e("h4",{key:"96f6913caf600bddc16f5efd3cee69af49aa4627",class:"text-lg-bold"},this.cardTitle," "),this.showDescription&&e("p",{key:"276753b539fd49924b528b8c82a617f5f322df47",class:"text-md-regular"},this.description)),this.showRating&&e("div",{key:"187b363e0b74266678f1d4f66306a29a47ae9fdd",class:"card__rating-container"}),this.customComponent&&e("div",{key:"abd75d633154389175f25c68946482acb845928a",class:"card__custom-component"},this.customComponent),this.type==="default"&&(this.showPrimaryAction||this.showSecondaryAction)&&e("div",{key:"a1cbb68b0db6f2f4cbb9024b4fd78b17913340f9",class:"card__action card__action--default"},this.showSecondaryAction&&e("dga-button",{key:"fd1476878c50ad9779f664b5cdde396d63a26cb1",label:this.secondaryActionLabel,onClick:this.onSecondaryAction,size:"lg",variant:"secondary-outline"}),this.showPrimaryAction&&e("dga-button",{key:"69911bb0b4b7de1e6399aa04cbd11b04f57807e7",label:this.primaryActionLabel,onClick:this.onPrimaryAction,size:"lg",variant:"primary-brand"})),this.type==="expanded"&&e("div",{key:"5e9a9c8d536f78835b8087b6c66235a364f6f868",class:"card__action card__action--expanded"},e("dga-button",{key:"3bbbd76dbdee907fb77a05dbee40dc659b040f1a",iconOnly:!0,onClick:()=>this.toggleExpand(),size:"lg",variant:"subtle",leadIconType:this.expanded?e("i",{class:"hgi-stroke hgi-arrow-up-01"}):e("i",{class:"hgi-stroke hgi-arrow-down-01"}),leadIcon:!0})),e("div",{key:"4fde4feb2eb39dc02ced69f9f6bf424e308f5bb3",class:`collapse-content ${this.expanded?"expanded":""}`},e("slot",{key:"e7872947ab9589e0e0571168e5e08e0f477a44c0",name:"collapse-content"})))}},[4,"dga-card",{type:[1],showTitle:[4,"show-title"],showDescription:[4,"show-description"],showFeaturedIcon:[4,"show-featured-icon"],image:[1],showRating:[4,"show-rating"],disabled:[4],effect:[1],cardTitle:[1,"card-title"],description:[1],customComponent:[16],featuredIcon:[16],showPrimaryAction:[4,"show-primary-action"],primaryActionLabel:[1,"primary-action-label"],showSecondaryAction:[4,"show-secondary-action"],secondaryActionLabel:[1,"secondary-action-label"],onCheckboxChange:[16],onPrimaryAction:[16],onSecondaryAction:[16],onExpandAction:[16],isFocused:[32],expanded:[32]}]);function je(){if(typeof customElements>"u")return;["dga-card","dga-button","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-card":customElements.get(n)||customElements.define(n,Ee);break;case"dga-button":customElements.get(n)||E();break;case"dga-checkbox":customElements.get(n)||W();break;case"dga-icon":customElements.get(n)||v();break}})}const Te=d(class extends l{constructor(){super(),this.__registerHost(),this.variant="neutral"}render(){return e("div",{key:"a405d443d564874de842adb81f44085d8765a286"},e("h1",{key:"a5a635ce3ab9b1e1cc3395e05d8f4594d26b9bb9"},"Breadcrumbs Example"),e("div",{key:"e55bc3b227d2016fcbe09b8392f78073dcf7c3a7",style:{padding:"50px",display:"flex",gap:"20px"}},e("div",{key:"0ac929cb662c50cddc06f9c77650b8eab38d7d11",style:{display:"flex",flexDirection:"column",gap:"20px"}},e("dga-breadcrumbs",{key:"a4f8a173425d617ba93318dfa2ead734d7b8b922",items:[{label:"string1",path:"string1"},{label:"string2",path:""},{label:"string3",path:"string3",disabled:!0}]}),e("dga-card",{key:"7d09a87160c4aa3c6ee63b69c8283899c4c268eb",cardTitle:"Card Title",featuredIcon:e("dga-icon",{icon:"mail-02",size:24,variant:"stroke",type:"rounded",color:"#1B8354"})})),e("div",{key:"8092da69a6de81688bbc95ce321099ebf9ee945d",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}},[0,"dga-breadcrumbs-usage",{variant:[32]}]);function Dr(){if(typeof customElements>"u")return;["dga-breadcrumbs-usage","dga-breadcrumbs","dga-button","dga-card","dga-checkbox","dga-icon"].forEach(n=>{switch(n){case"dga-breadcrumbs-usage":customElements.get(n)||customElements.define(n,Te);break;case"dga-breadcrumbs":customElements.get(n)||Pe();break;case"dga-button":customElements.get(n)||E();break;case"dga-card":customElements.get(n)||je();break;case"dga-checkbox":customElements.get(n)||W();break;case"dga-icon":customElements.get(n)||v();break}})}const Er=Te,jr=Dr,Tr=Ae,Lr=Pe,Rr=$e,Or=E,Hr=Ee,Fr=je,Ur=`@charset "UTF-8";
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait

package/dist/index.js

@@ -8556,7 +8556,8 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   align-items: center;
 }
 .breadcrumb-item .disabled-link {
-  cursor: not-allowed;
+  cursor: text;
+  color: #9DA4AE;
 }
 .breadcrumb-item .disabled-link:hover {
   text-decoration: none;
@@ -8585,6 +8586,27 @@ dialog .modal__actions > dialog .modal__actions-btn:nth-child(2) {
   transform: rotate(180deg);
 }
 
+.breadcrumb .link {
+  text-decoration: none;
+}
+.breadcrumb .link:visited {
+  color: var(--link-neutral) !important;
+}
+.breadcrumb .link.link_empty {
+  cursor: text;
+  color: #9DA4AE !important;
+}
+.breadcrumb .link.link_empty .link__label:hover {
+  text-decoration: none !important;
+}
+.breadcrumb .link.link_empty:hover {
+  text-decoration: none !important;
+}
+.breadcrumb .link:focus {
+  border: none !important;
+  outline: none !important;
+}
+
 .notification {
   width: 100%;
   padding: var(--spacing-md) var(--spacing-3xl);
@@ -212206,8 +212228,9 @@ const Pr = Be, $r = Pn, Ae = /* @__PURE__ */ d(class extends l {
         "disabled-link": n.disabled
       }, href: n.disabled ? void 0 : n.path, "aria-disabled": n.disabled ? "true" : "false" }, e("span", { class: "link__label" }, n.label))) : e(C, null, e("span", { class: "breadcrumb-icon" }, e("dga-icon", { icon: "ArrowRight01Icon", variant: "stroke", type: "rounded" })), e("a", { onClick: (a) => this.handleClick(a, n.path, n), class: {
         "link link--sm link--neutral": !0,
-        "disabled-link": n.disabled
-      }, href: n.disabled ? void 0 : n.path, "aria-disabled": n.disabled ? "true" : "false" }, e("span", { class: "link__label" }, n.label))));
+        "disabled-link": n.disabled,
+        link_empty: !0
+      }, href: (n.disabled, void 0), "aria-disabled": n.disabled ? "true" : "false" }, e("span", { class: "link__label" }, n.label))));
     })));
   }
   static get watchers() {
@@ -212426,21 +212449,21 @@ const Te = /* @__PURE__ */ d(class extends l {
     super(), this.__registerHost(), this.variant = "neutral";
   }
   render() {
-    return e("div", { key: "a405d443d564874de842adb81f44085d8765a286" }, e("h1", { key: "a5a635ce3ab9b1e1cc3395e05d8f4594d26b9bb9" }, "Breadcrumbs Example"), e("div", { key: "e55bc3b227d2016fcbe09b8392f78073dcf7c3a7", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "0ac929cb662c50cddc06f9c77650b8eab38d7d11", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-breadcrumbs", { key: "73389aeaeefae4aff30e00507268b97c4fa10f31", items: [
+    return e("div", { key: "a405d443d564874de842adb81f44085d8765a286" }, e("h1", { key: "a5a635ce3ab9b1e1cc3395e05d8f4594d26b9bb9" }, "Breadcrumbs Example"), e("div", { key: "e55bc3b227d2016fcbe09b8392f78073dcf7c3a7", style: { padding: "50px", display: "flex", gap: "20px" } }, e("div", { key: "0ac929cb662c50cddc06f9c77650b8eab38d7d11", style: { display: "flex", flexDirection: "column", gap: "20px" } }, e("dga-breadcrumbs", { key: "a4f8a173425d617ba93318dfa2ead734d7b8b922", items: [
       {
         label: "string1",
         path: "string1"
       },
       {
         label: "string2",
-        path: "string2"
+        path: ""
       },
       {
         label: "string3",
         path: "string3",
         disabled: !0
       }
-    ] }), e("dga-card", { key: "36f40378fef356dbe79c30be8cd1a8e7d8e1b3cd", cardTitle: "Card Title", featuredIcon: e("dga-icon", { icon: "mail-02", size: 24, variant: "stroke", type: "rounded", color: "#1B8354" }) })), e("div", { key: "e46142bab791a9c2d7e7e3d11c4677051b13c7c5", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
+    ] }), e("dga-card", { key: "7d09a87160c4aa3c6ee63b69c8283899c4c268eb", cardTitle: "Card Title", featuredIcon: e("dga-icon", { icon: "mail-02", size: 24, variant: "stroke", type: "rounded", color: "#1B8354" }) })), e("div", { key: "8092da69a6de81688bbc95ce321099ebf9ee945d", style: { display: "flex", flexDirection: "column", gap: "20px" } })));
   }
 }, [0, "dga-breadcrumbs-usage", {
   variant: [32]