npm - @getflip/swirl-components - Versions diffs - 0.461.0 → 0.463.0 - Mend

@getflip/swirl-components 0.461.0 → 0.463.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1839) hide show

package/dist/components/swirl-resource-list-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as r,Host as t,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{D as c}from"./media-query.service.js";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-check-strong2.js";import{d as m}from"./swirl-icon-drag-handle2.js";import{d as u}from"./swirl-popover-trigger2.js";import{d}from"./swirl-tooltip2.js";import{v as h}from"./v4.js";const w=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleDrag=i(this,"toggleDrag",7),this.valueChange=i(this,"valueChange",7),this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.labelTooltipPosition="top",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=h(),this.mediaQueryUnsubscribe=()=>{},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=e=>{this.disabled&&!this.href&&e.stopPropagation()},this.onDragHandleKeyDown=e=>{"Space"!==e.code&&"Enter"!==e.code\|\|(e.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=e=>{e.preventDefault(),e.stopPropagation()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.parentSemantics=this.el.closest("swirl-resource-list")?.semantics,this.mediaQueryUnsubscribe=c.subscribe((e=>{this.forceIconProps(e),this.updateIconSize(e)})),this.makeControlUnfocusable(),this.menuTriggerId&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.mediaQueryUnsubscribe()}get hasBadges(){return!!this.el.querySelector("[slot='badges']")}get showMeta(){return(!!this.meta\|\|this.hasBadges)&&!this.selectable}forceIconProps(e){const s=this.iconEl?.children[0];s?.setAttribute("size",e?"20":"24")}updateIconSize(e){this.iconSize=e?20:24}updateMediaState(){const e=!!this.el.querySelector('[slot="media"]');e!==this.hasMedia&&(this.hasMedia=e)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){if("grid"!==this.parentSemantics)return;const e=this.getControl();e&&(e.tabIndex=0)}makeControlUnfocusable(){if("grid"!==this.parentSemantics)return;const e=this.getControl();e&&(e.tabIndex=-1)}render(){const e=this.interactive\|\|this.selectable?this.href&&!this.selectable?"a":"button":"div",s=this.disabled&&!this.href,i=this.hasBadges,o=this.el.querySelector("[slot='control']"),c=!!this.menuTriggerId\|\|o,a=this.interactive&&this.href?this.href:void 0,n=o&&(!!this.meta\|\|i),m=!!this.menuTriggerId&&!this.meta&&!this.selectable,u=this.showMeta,d=this.swirlAriaLabel?this.swirlAriaLabel:this.label,h=this.selectable?this.checked+"":void 0,w=this.interactive&&this.selectable?"checkbox":void 0,b=this.el.closest('[role="grid"]')?"row":"listitem",p="row"===b?"gridcell":void 0,g={minHeight:this.labelMinHeight??void 0},v=()=>r("span",{key:"c396afdaa49551b5e5023ea3dc1e638b5aba7873",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0,style:{"-webkit-line-clamp":this.labelWrapMaxLines?this.labelWrapMaxLines+"":void 0}},!this.allowHtml&&this.label),f=l("resource-list-item","resource-list-item--label-weight-"+this.labelWeight,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-control":o,"resource-list-item--has-menu":c,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive\|\|this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":n,"resource-list-item--show-meta":u,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap,"resource-list-item--wrap-label-max-lines":this.labelWrapMaxLines});return r(t,{key:"ec264aca3043fe1569a50a8ecfcf7a7739acef30",role:b},r("div",{key:"3751bb7e69507e219d8543ca180153d2d21b2941",class:f,role:p,onClick:this.onClick},r(e,{key:"41f7ddb0de62ed56897f1a43387bf3a6f65d497c","aria-checked":h,"aria-current":this.swirlAriaCurrent,"aria-disabled":s?"true":void 0,"aria-label":d,"aria-labelledby":this.swirlAriaLabel?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:a,disabled:s,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:w,tabIndex:0,type:"button"===e?"button":void 0},this.hasMedia&&r("span",{key:"e33312af2a4977c7e222daba839bb20a00c60343",class:"resource-list-item__media"},r("slot",{key:"a060f2fe141337a4c9bdd032a006556fad0bbfbc",name:"media"})),r("span",{key:"ba50de62fc050b9389fe366fa98cc5e38b84e72c",class:"resource-list-item__label-container",style:g},this.labelTooltip?r("swirl-tooltip",{content:this.labelTooltip,position:this.labelTooltipPosition},v()):v(),this.description&&r("span",{key:"24f0943d7e15e528e9b882c2bc5c2bd302fc2193",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description))),this.selectable&&r("span",{key:"cfad1f6a4ca7765dae692f2875fc5c54558c4d02","aria-hidden":"true",class:"resource-list-item__checkbox"},r("span",{key:"9a0680f6c03b61245a8787baecd2a24e4320cc32",class:"resource-list-item__checkbox-icon"},this.checked&&r("swirl-icon-check-strong",{key:"dabd22f0885cc94139f6657a6f70f28089f70353"}))),u&&r("span",{key:"19d4338f565d950b2a9abb94c45e8c0dff2b64dc",class:"resource-list-item__meta"},this.meta&&r("span",{key:"b355e780629fbb4736b3b26226569630d8437162",class:"resource-list-item__meta-text"},this.meta),r("span",{key:"598a330e15f538376960c18b1ddad5577d693d04",class:"resource-list-item__badges"},r("slot",{key:"da5cd4f025c25e364afbf01fcc9b604abea25a71",name:"badges"}))),r("span",{key:"edec2245d3cb0a92b3095addd5b6648d78a74238",class:"resource-list-item__control",onClick:this.onControlClick},r("slot",{key:"7786f1c6b3ba5dc221879e634a880a93521ee70e",name:"control"})),m&&r("swirl-popover-trigger",{key:"9e3eb66dd185f0fa189652dd9768efec3893b360",swirlPopover:this.menuTriggerId},r("swirl-button",{key:"39ed08f301e291147ac2a3d3567a90ef10c9d97c","aria-disabled":s?"true":void 0,class:"resource-list-item__menu-trigger",disabled:s,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&r("button",{key:"370aacd197f9e0f2b79844cae49aca28ca115ea4","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},r("swirl-icon-drag-handle",{key:"96b04c74a41e95c59f5ebbc7acede90b46788a82",size:this.iconSize})))}get el(){return this}static get style(){return'.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h .sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.swirl-resource-list-item--drag.sc-swirl-resource-list-item-h{border-radius:var(--s-border-radius-sm);background-color:var(--s-translucent-medium-pressed)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default);--swirl-badge-border-color:transparent}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--swirl-resource-list-item-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--has-control) .resource-list-item__control.sc-swirl-resource-list-item{display:none}.resource-list-item--interactive.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var( --swirl-resource-list-item-background-hovered );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 var(--s-space-4)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08), 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label-max-lines.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:transparent;display:flex;width:100%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>.sc-swirl-resource-list-item::part(icon),.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>.sc-swirl-resource-list-item [part~="icon"]{width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}'}},[262,"swirl-resource-list-item",{active:[4],allowDrag:[4,"allow-drag"],allowHtml:[4,"allow-html"],checked:[1028],compact:[4],description:[1],descriptionWrap:[4,"description-wrap"],disabled:[4],dragging:[4],dragHandleDescription:[1,"drag-handle-description"],dragHandleLabel:[1,"drag-handle-label"],hideDivider:[4,"hide-divider"],href:[1],interactive:[4],label:[1],labelWeight:[1,"label-weight"],labelWrap:[4,"label-wrap"],labelWrapMaxLines:[2,"label-wrap-max-lines"],labelMinHeight:[1,"label-min-height"],labelTooltip:[1,"label-tooltip"],labelTooltipPosition:[1,"label-tooltip-position"],menuTriggerId:[1,"menu-trigger-id"],menuTriggerLabel:[1,"menu-trigger-label"],meta:[1],selectable:[4],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaLabel:[1,"swirl-aria-label"],value:[1],alignItems:[1,"align-items"],hasMedia:[32],iconSize:[32]}]),b=w,p=function(){"undefined"!=typeof customElements&&["swirl-resource-list-item","swirl-button","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-popover-trigger","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-resource-list-item":customElements.get(o(e))\|\|customElements.define(o(e),w);break;case"swirl-button":customElements.get(o(e))\|\|a();break;case"swirl-icon-check-strong":customElements.get(o(e))\|\|n();break;case"swirl-icon-drag-handle":customElements.get(o(e))\|\|m();break;case"swirl-popover-trigger":customElements.get(o(e))\|\|u();break;case"swirl-tooltip":customElements.get(o(e))\|\|d()}}))};export{b as SwirlResourceListItem,p as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as r,Host as t,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{D as c}from"./media-query.service.js";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-check-strong2.js";import{d as m}from"./swirl-icon-drag-handle2.js";import{d as u}from"./swirl-popover-trigger2.js";import{d}from"./swirl-tooltip2.js";import{v as h}from"./v4.js";const w=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.toggleDrag=i(this,"toggleDrag",7),this.valueChange=i(this,"valueChange",7),this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.labelTooltipPosition="top",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=h(),this.mediaQueryUnsubscribe=()=>{},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=e=>{this.disabled&&!this.href&&e.stopPropagation()},this.onDragHandleKeyDown=e=>{"Space"!==e.code&&"Enter"!==e.code\|\|(e.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=e=>{e.preventDefault(),e.stopPropagation()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.parentSemantics=this.el.closest("swirl-resource-list")?.semantics,this.mediaQueryUnsubscribe=c.subscribe((e=>{this.forceIconProps(e),this.updateIconSize(e)})),this.makeControlUnfocusable(),this.menuTriggerId&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.mediaQueryUnsubscribe()}get hasBadges(){return!!this.el.querySelector("[slot='badges']")}get showMeta(){return(!!this.meta\|\|this.hasBadges)&&!this.selectable}forceIconProps(e){const s=this.iconEl?.children[0];s?.setAttribute("size",e?"20":"24")}updateIconSize(e){this.iconSize=e?20:24}updateMediaState(){const e=!!this.el.querySelector('[slot="media"]');e!==this.hasMedia&&(this.hasMedia=e)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){if("grid"!==this.parentSemantics)return;const e=this.getControl();e&&(e.tabIndex=0)}makeControlUnfocusable(){if("grid"!==this.parentSemantics)return;const e=this.getControl();e&&(e.tabIndex=-1)}render(){const e=this.interactive\|\|this.selectable?this.href&&!this.selectable?"a":"button":"div",s=this.disabled&&!this.href,i=this.hasBadges,o=this.el.querySelector("[slot='control']"),c=!!this.menuTriggerId\|\|o,a=this.interactive&&this.href?this.href:void 0,n=o&&(!!this.meta\|\|i),m=!!this.menuTriggerId&&!this.meta&&!this.selectable,u=this.showMeta,d=this.swirlAriaLabel?this.swirlAriaLabel:this.label,h=this.selectable?this.checked+"":void 0,w=this.interactive&&this.selectable?"checkbox":void 0,b=this.el.closest('[role="grid"]')?"row":"listitem",p="row"===b?"gridcell":void 0,g={minHeight:this.labelMinHeight??void 0},v=()=>r("span",{key:"c396afdaa49551b5e5023ea3dc1e638b5aba7873",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0,style:{"-webkit-line-clamp":this.labelWrapMaxLines?this.labelWrapMaxLines+"":void 0}},!this.allowHtml&&this.label),f=l("resource-list-item","resource-list-item--label-weight-"+this.labelWeight,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-control":o,"resource-list-item--has-menu":c,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive\|\|this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":n,"resource-list-item--show-meta":u,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap,"resource-list-item--wrap-label-max-lines":this.labelWrapMaxLines});return r(t,{key:"ec264aca3043fe1569a50a8ecfcf7a7739acef30",role:b},r("div",{key:"3751bb7e69507e219d8543ca180153d2d21b2941",class:f,role:p,onClick:this.onClick},r(e,{key:"41f7ddb0de62ed56897f1a43387bf3a6f65d497c","aria-checked":h,"aria-current":this.swirlAriaCurrent,"aria-disabled":s?"true":void 0,"aria-label":d,"aria-labelledby":this.swirlAriaLabel?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:a,disabled:s,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:w,tabIndex:0,type:"button"===e?"button":void 0},this.hasMedia&&r("span",{key:"e33312af2a4977c7e222daba839bb20a00c60343",class:"resource-list-item__media"},r("slot",{key:"a060f2fe141337a4c9bdd032a006556fad0bbfbc",name:"media"})),r("span",{key:"ba50de62fc050b9389fe366fa98cc5e38b84e72c",class:"resource-list-item__label-container",style:g},this.labelTooltip?r("swirl-tooltip",{content:this.labelTooltip,position:this.labelTooltipPosition},v()):v(),this.description&&r("span",{key:"24f0943d7e15e528e9b882c2bc5c2bd302fc2193",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description))),this.selectable&&r("span",{key:"cfad1f6a4ca7765dae692f2875fc5c54558c4d02","aria-hidden":"true",class:"resource-list-item__checkbox"},r("span",{key:"9a0680f6c03b61245a8787baecd2a24e4320cc32",class:"resource-list-item__checkbox-icon"},this.checked&&r("swirl-icon-check-strong",{key:"dabd22f0885cc94139f6657a6f70f28089f70353"}))),u&&r("span",{key:"19d4338f565d950b2a9abb94c45e8c0dff2b64dc",class:"resource-list-item__meta"},this.meta&&r("span",{key:"b355e780629fbb4736b3b26226569630d8437162",class:"resource-list-item__meta-text"},this.meta),r("span",{key:"598a330e15f538376960c18b1ddad5577d693d04",class:"resource-list-item__badges"},r("slot",{key:"da5cd4f025c25e364afbf01fcc9b604abea25a71",name:"badges"}))),r("span",{key:"edec2245d3cb0a92b3095addd5b6648d78a74238",class:"resource-list-item__control",onClick:this.onControlClick},r("slot",{key:"7786f1c6b3ba5dc221879e634a880a93521ee70e",name:"control"})),m&&r("swirl-popover-trigger",{key:"9e3eb66dd185f0fa189652dd9768efec3893b360",swirlPopover:this.menuTriggerId},r("swirl-button",{key:"39ed08f301e291147ac2a3d3567a90ef10c9d97c","aria-disabled":s?"true":void 0,class:"resource-list-item__menu-trigger",disabled:s,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&r("button",{key:"370aacd197f9e0f2b79844cae49aca28ca115ea4","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},r("swirl-icon-drag-handle",{key:"96b04c74a41e95c59f5ebbc7acede90b46788a82",size:this.iconSize})))}get el(){return this}static get style(){return'.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h .sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.swirl-resource-list-item--drag.sc-swirl-resource-list-item-h{border-radius:var(--s-border-radius-sm);background-color:var(--s-translucent-medium-pressed)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default);--swirl-badge-border-color:transparent}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--swirl-resource-list-item-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:not(.resource-list-item--has-control) .resource-list-item__control.sc-swirl-resource-list-item{display:none}.resource-list-item--interactive.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var( --swirl-resource-list-item-background-hovered );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 var(--s-space-4)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-state-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08), 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-state-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label-max-lines.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:transparent;display:flex;width:100%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>.sc-swirl-resource-list-item::part(icon),.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>.sc-swirl-resource-list-item [part~="icon"]{width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}'}},[262,"swirl-resource-list-item",{active:[4],allowDrag:[4,"allow-drag"],allowHtml:[4,"allow-html"],checked:[1028],compact:[4],description:[1],descriptionWrap:[4,"description-wrap"],disabled:[4],dragging:[4],dragHandleDescription:[1,"drag-handle-description"],dragHandleLabel:[1,"drag-handle-label"],hideDivider:[4,"hide-divider"],href:[1],interactive:[4],label:[1],labelWeight:[1,"label-weight"],labelWrap:[4,"label-wrap"],labelWrapMaxLines:[2,"label-wrap-max-lines"],labelMinHeight:[1,"label-min-height"],labelTooltip:[1,"label-tooltip"],labelTooltipPosition:[1,"label-tooltip-position"],menuTriggerId:[1,"menu-trigger-id"],menuTriggerLabel:[1,"menu-trigger-label"],meta:[1],selectable:[4],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaLabel:[1,"swirl-aria-label"],value:[1],alignItems:[1,"align-items"],hasMedia:[32],iconSize:[32]}]),b=w,p=function(){"undefined"!=typeof customElements&&["swirl-resource-list-item","swirl-button","swirl-icon-check-strong","swirl-icon-drag-handle","swirl-popover-trigger","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-resource-list-item":customElements.get(o(e))\|\|customElements.define(o(e),w);break;case"swirl-button":customElements.get(o(e))\|\|a();break;case"swirl-icon-check-strong":customElements.get(o(e))\|\|n();break;case"swirl-icon-drag-handle":customElements.get(o(e))\|\|m();break;case"swirl-popover-trigger":customElements.get(o(e))\|\|u();break;case"swirl-tooltip":customElements.get(o(e))\|\|d()}}))};export{b as SwirlResourceListItem,p as defineCustomElement}

package/dist/components/swirl-select.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as l,transformTag as r}from"@stencil/core/internal/client";import{c}from"./index2.js";import{q as a}from"./utils.js";import{d as n}from"./swirl-icon-check-small2.js";import{d as o}from"./swirl-icon-check-strong2.js";import{d as h}from"./swirl-icon-close2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as p}from"./swirl-icon-expand-less2.js";import{d as w}from"./swirl-icon-expand-more2.js";import{d as m}from"./swirl-icon-search2.js";import{d as u}from"./swirl-option-list2.js";import{d as f}from"./swirl-option-list-item2.js";import{d as b}from"./swirl-popover2.js";import{d as v}from"./swirl-popover-trigger2.js";import{d as g}from"./swirl-spinner2.js";import{d as _}from"./swirl-stack2.js";import{d as y}from"./swirl-tag2.js";import{d as k}from"./swirl-text2.js";import{d as x}from"./swirl-visually-hidden2.js";const E=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChange=t(this,"searchChange",7),this.valueChange=t(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=""+Math.round(1e6Math.random()),this.options=[],this.typeaheadBuffer="",this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect\|\|this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.withSearch&&this.searchInput?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{this.searchInput&&(this.searchInput.value="",this.searchChange.emit("")),this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code\|\|"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput?this.optionList.querySelector('[tabIndex="0"]')?.focus():this.isTypeaheadKey(e)&&(e.preventDefault(),e.stopPropagation(),this.handleTypeahead(e.key))},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect(),clearTimeout(this.typeaheadTimeout)}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))\|\|this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}isTypeaheadKey(e){return e.target!==this.searchInput&&!(e.metaKey\|\|e.ctrlKey\|\|e.altKey)&&1===e.key.length&&" "!==e.key}handleTypeahead(e){const s=e.toLowerCase();if(clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer.length>0&&[...this.typeaheadBuffer].every((e=>e===s)))this.typeaheadBuffer+=s,this.cycleTypeahead(s);else{const e=this.typeaheadBuffer.length>1&&1===new Set(this.typeaheadBuffer).size;this.typeaheadBuffer=e?s:this.typeaheadBuffer+s,this.prefixMatchTypeahead(this.typeaheadBuffer)\|\|(this.typeaheadBuffer=s,this.prefixMatchTypeahead(this.typeaheadBuffer))}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}cycleTypeahead(e){const s=this.options.filter((e=>!e.disabled)).filter((s=>s.label?.toLowerCase().startsWith(e)));if(0===s.length)return;const t=this.getTypeaheadAnchorValue(),i=s.findIndex((e=>e.value===t));this.applyTypeaheadMatch(s[(i+1)%s.length])}prefixMatchTypeahead(e){const s=this.options.filter((e=>!e.disabled)).find((s=>s.label?.toLowerCase().startsWith(e)));return!!s&&(this.applyTypeaheadMatch(s),!0)}getTypeaheadAnchorValue(){if(this.open){const e=this.options.find((e=>e.querySelector('[role="option"][tabindex="0"]')));return e?.value}return this.value?.[this.value.length-1]}applyTypeaheadMatch(e){this.open&&this.optionList.focusItemWithValue(e.value)}getValueLabel(){return this.value?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,t=this.el.closest("swirl-form-control"),r=this.standalone?[-8,0]:t?.inline\|\|"outside"===t?.labelPosition?[0,-12]:[0,-16],a=c("select","select--placement-"+this.placement,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return i(l,{key:"f2a95d11b890125d3956a1b1891d2251857054cf",onKeyDown:this.onKeyDown},i("div",{key:"191c81be8e90912c99a91dd23f34e7d947a4c508",class:a},i("swirl-popover-trigger",{key:"a6d63f6a274f2abb03817a77f7ec2ada46a8b6f8",swirlPopover:this.swirlPopover,setAriaAttributes:!1},i("swirl-stack",{key:"fa402cf1ee3d55fa7b66ba7c38600b376f561c52",class:"select__value-container"},this.standalone&&i("span",{key:"5be4fdc8fd5fd9bf784e4743b6110c8b72614e6c","aria-hidden":"true",class:"select__resize-helper"},e),i("input",{key:"7b905fdc00839dabe49fd98a6ad8a9ee96ddd9a9","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),i("span",{key:"bf68410880277ec8f003d4c91d2b85f1120e7a5f",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>i("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),i("span",{key:"b8056b490aa31d23534102fce3a87aeaaa2f0f06",class:"select__indicator"},i(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),i("swirl-popover",{key:"9b81ffdfda79da511877ca3442b5c2b6a845d3e5",animation:"scale-in-y",class:"select__popover",id:"select-options-"+this.selectId,label:this.label,offset:r,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&i("div",{key:"7d6343e334447b20029c5d2f79d06c74dbf85fde",class:"select__search"},i("swirl-icon-search",{key:"d2c14bae4b51bf6e8e3e17ec79f02f5a76edd6e0",class:"select__search-icon",size:20}),i("input",{key:"82492d47f5308694fd9ceaead9f546e3f1429e1d","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&i("swirl-spinner",{key:"09b9cd07e53694c6df50059ee4b1610ba8f59bc1",class:"select__search-spinner",size:"s"})),i("swirl-option-list",{key:"e71eaad9a8524468579325287225a4e9b264783f",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&i("div",{key:"7d37ebaf2b218c95541e3ea58cd21fd2079597f4","aria-disabled":"true",class:"select__empty-list-label",role:"option"},i("swirl-text",{key:"1c3d20f5bdd5e80d85eb2b3fffff508f6213e3cc",color:"subdued",weight:"medium"},this.emptyListLabel)),i("slot",{key:"da9dc78a9d2763d32be77552deb946e5ffa26339",onSlotchange:this.onSlotChange})))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'.sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h .sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content),.select.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content),.select--placement-top-start.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag),.select__multi-select-values.sc-swirl-select .sc-swirl-select [part~="tag"]{height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}'}},[262,"swirl-select",{allowDeselect:[4,"allow-deselect"],disabled:[4],emptyListLabel:[1,"empty-list-label"],inline:[4],invalid:[4],label:[1],multiSelect:[4,"multi-select"],required:[4],searchInputLabel:[1,"search-input-label"],searchLoading:[4,"search-loading"],searchPlaceholder:[1,"search-placeholder"],selectId:[1,"select-id"],standalone:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],withSearch:[4,"with-search"],options:[32],open:[32],placement:[32]},[[8,"focusin","onWindowFocusIn"]],{value:[{onValueChange:0}]}]),j=E,z=function(){"undefined"!=typeof customElements&&["swirl-select","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-search","swirl-option-list","swirl-option-list-item","swirl-popover","swirl-popover-trigger","swirl-spinner","swirl-stack","swirl-tag","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-select":customElements.get(r(e))\|\|customElements.define(r(e),E);break;case"swirl-icon-check-small":customElements.get(r(e))\|\|n();break;case"swirl-icon-check-strong":customElements.get(r(e))\|\|o();break;case"swirl-icon-close":customElements.get(r(e))\|\|h();break;case"swirl-icon-drag-handle":customElements.get(r(e))\|\|d();break;case"swirl-icon-expand-less":customElements.get(r(e))\|\|p();break;case"swirl-icon-expand-more":customElements.get(r(e))\|\|w();break;case"swirl-icon-search":customElements.get(r(e))\|\|m();break;case"swirl-option-list":customElements.get(r(e))\|\|u();break;case"swirl-option-list-item":customElements.get(r(e))\|\|f();break;case"swirl-popover":customElements.get(r(e))\|\|b();break;case"swirl-popover-trigger":customElements.get(r(e))\|\|v();break;case"swirl-spinner":customElements.get(r(e))\|\|g();break;case"swirl-stack":customElements.get(r(e))\|\|_();break;case"swirl-tag":customElements.get(r(e))\|\|y();break;case"swirl-text":customElements.get(r(e))\|\|k();break;case"swirl-visually-hidden":customElements.get(r(e))\|\|x()}}))};export{j as SwirlSelect,z as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,createEvent as t,h as i,Host as l,transformTag as c}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{q as a}from"./utils.js";import{d as o}from"./swirl-icon-check-small2.js";import{d as n}from"./swirl-icon-check-strong2.js";import{d as h}from"./swirl-icon-close2.js";import{d}from"./swirl-icon-drag-handle2.js";import{d as p}from"./swirl-icon-expand-less2.js";import{d as w}from"./swirl-icon-expand-more2.js";import{d as m}from"./swirl-icon-search2.js";import{d as u}from"./swirl-option-list2.js";import{d as f}from"./swirl-option-list-item2.js";import{d as b}from"./swirl-popover2.js";import{d as _}from"./swirl-popover-trigger2.js";import{d as v}from"./swirl-spinner2.js";import{d as g}from"./swirl-stack2.js";import{d as k}from"./swirl-tag2.js";import{d as y}from"./swirl-text2.js";import{d as x}from"./swirl-visually-hidden2.js";const E=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChange=t(this,"searchChange",7),this.valueChange=t(this,"valueChange",7),this.allowDeselect=!0,this.emptyListLabel="No results found.",this.searchInputLabel="Search options",this.selectId=""+Math.round(1e6Math.random()),this.options=[],this.typeaheadBuffer="",this.select=e=>{e.stopPropagation(),this.value=e.detail,this.multiSelect\|\|this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.withSearch&&this.searchInput?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{this.searchInput&&(this.searchInput.value="",this.searchChange.emit("")),this.typeaheadBuffer="",clearTimeout(this.typeaheadTimeout),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code\|\|"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput?this.optionList.querySelector('[tabIndex="0"]')?.focus():this.isTypeaheadKey(e)&&(e.preventDefault(),e.stopPropagation(),this.handleTypeahead(e.key))},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)}}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect(),clearTimeout(this.typeaheadTimeout)}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}onValueChange(e,s){e?.length===s?.length&&e?.every((e=>s?.includes(e)))\|\|this.valueChange.emit(this.value)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}isTypeaheadKey(e){return e.target!==this.searchInput&&!(e.metaKey\|\|e.ctrlKey\|\|e.altKey)&&1===e.key.length&&" "!==e.key}handleTypeahead(e){const s=e.toLowerCase();if(clearTimeout(this.typeaheadTimeout),this.typeaheadBuffer.length>0&&[...this.typeaheadBuffer].every((e=>e===s)))this.typeaheadBuffer+=s,this.cycleTypeahead(s);else{const e=this.typeaheadBuffer.length>1&&1===new Set(this.typeaheadBuffer).size;this.typeaheadBuffer=e?s:this.typeaheadBuffer+s,this.prefixMatchTypeahead(this.typeaheadBuffer)\|\|(this.typeaheadBuffer=s,this.prefixMatchTypeahead(this.typeaheadBuffer))}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}cycleTypeahead(e){const s=this.options.filter((e=>!e.disabled)).filter((s=>s.label?.toLowerCase().startsWith(e)));if(0===s.length)return;const t=this.getTypeaheadAnchorValue(),i=s.findIndex((e=>e.value===t));this.applyTypeaheadMatch(s[(i+1)%s.length])}prefixMatchTypeahead(e){const s=this.options.filter((e=>!e.disabled)).find((s=>s.label?.toLowerCase().startsWith(e)));return!!s&&(this.applyTypeaheadMatch(s),!0)}getTypeaheadAnchorValue(){if(this.open){const e=this.options.find((e=>e.querySelector('[role="option"][tabindex="0"]')));return e?.value}return this.value?.[this.value.length-1]}applyTypeaheadMatch(e){this.open&&this.optionList.focusItemWithValue(e.value)}getValueLabel(){return this.value?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):""}render(){const e=this.getValueLabel(),s=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,t=this.el.closest("swirl-form-control"),c=this.standalone?[-8,0]:t?.inline\|\|"outside"===t?.labelPosition?[0,-12]:[0,-16],a=r("select","select--placement-"+this.placement,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading,"select--standalone":this.standalone});return i(l,{key:"f2a95d11b890125d3956a1b1891d2251857054cf",onKeyDown:this.onKeyDown},i("div",{key:"191c81be8e90912c99a91dd23f34e7d947a4c508",class:a},i("swirl-popover-trigger",{key:"a6d63f6a274f2abb03817a77f7ec2ada46a8b6f8",swirlPopover:this.swirlPopover,setAriaAttributes:!1},i("swirl-stack",{key:"fa402cf1ee3d55fa7b66ba7c38600b376f561c52",class:"select__value-container"},this.standalone&&i("span",{key:"5be4fdc8fd5fd9bf784e4743b6110c8b72614e6c","aria-hidden":"true",class:"select__resize-helper"},e),i("input",{key:"7b905fdc00839dabe49fd98a6ad8a9ee96ddd9a9","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e}))),i("span",{key:"bf68410880277ec8f003d4c91d2b85f1120e7a5f",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>i("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect&&!e?.disabled})))),i("span",{key:"b8056b490aa31d23534102fce3a87aeaaa2f0f06",class:"select__indicator"},i(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",{size:this.standalone?20:24})),i("swirl-popover",{key:"9b81ffdfda79da511877ca3442b5c2b6a845d3e5",animation:"scale-in-y",class:"select__popover",id:"select-options-"+this.selectId,label:this.label,offset:c,onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:!this.standalone&&"swirl-form-control"},this.withSearch&&i("div",{key:"7d6343e334447b20029c5d2f79d06c74dbf85fde",class:"select__search"},i("swirl-icon-search",{key:"d2c14bae4b51bf6e8e3e17ec79f02f5a76edd6e0",class:"select__search-icon",size:20}),i("input",{key:"82492d47f5308694fd9ceaead9f546e3f1429e1d","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&i("swirl-spinner",{key:"09b9cd07e53694c6df50059ee4b1610ba8f59bc1",class:"select__search-spinner",size:"s"})),i("swirl-option-list",{key:"b41b84db7844273593be0064b2c68c2bba31a1bd",class:"select__option-list",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&i("div",{key:"e04d5283ec1cab0956f44c4d1b7c8e2c47bdd4b4","aria-disabled":"true",class:"select__empty-list-label",role:"option"},i("swirl-text",{key:"2fb94bd658b509819f9ec20a108096b1fe2c4176",color:"subdued",weight:"medium"},this.emptyListLabel)),i("slot",{key:"3ebe9856f74f1127f703e1c02d86d40dffc7bb8a",onSlotchange:this.onSlotChange})))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'.sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h .sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content),.select.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content),.select--placement-top-start.sc-swirl-select .sc-swirl-select [part~="popover__content"]{margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag),.select__multi-select-values.sc-swirl-select .sc-swirl-select [part~="tag"]{height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__popover.sc-swirl-select::part(popover__scroll-container),.select__popover.sc-swirl-select [part~="popover__scroll-container"]{padding:0;overflow:hidden;display:flex;flex-direction:column}.select__popover.sc-swirl-select .select__search.sc-swirl-select{flex-shrink:0}.select__popover.sc-swirl-select .select__option-list.sc-swirl-select{padding:var(--s-space-4);overflow:auto;min-height:0}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}'}},[262,"swirl-select",{allowDeselect:[4,"allow-deselect"],disabled:[4],emptyListLabel:[1,"empty-list-label"],inline:[4],invalid:[4],label:[1],multiSelect:[4,"multi-select"],required:[4],searchInputLabel:[1,"search-input-label"],searchLoading:[4,"search-loading"],searchPlaceholder:[1,"search-placeholder"],selectId:[1,"select-id"],standalone:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1040],withSearch:[4,"with-search"],options:[32],open:[32],placement:[32]},[[8,"focusin","onWindowFocusIn"]],{value:[{onValueChange:0}]}]),j=E,z=function(){"undefined"!=typeof customElements&&["swirl-select","swirl-icon-check-small","swirl-icon-check-strong","swirl-icon-close","swirl-icon-drag-handle","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-search","swirl-option-list","swirl-option-list-item","swirl-popover","swirl-popover-trigger","swirl-spinner","swirl-stack","swirl-tag","swirl-text","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-select":customElements.get(c(e))\|\|customElements.define(c(e),E);break;case"swirl-icon-check-small":customElements.get(c(e))\|\|o();break;case"swirl-icon-check-strong":customElements.get(c(e))\|\|n();break;case"swirl-icon-close":customElements.get(c(e))\|\|h();break;case"swirl-icon-drag-handle":customElements.get(c(e))\|\|d();break;case"swirl-icon-expand-less":customElements.get(c(e))\|\|p();break;case"swirl-icon-expand-more":customElements.get(c(e))\|\|w();break;case"swirl-icon-search":customElements.get(c(e))\|\|m();break;case"swirl-option-list":customElements.get(c(e))\|\|u();break;case"swirl-option-list-item":customElements.get(c(e))\|\|f();break;case"swirl-popover":customElements.get(c(e))\|\|b();break;case"swirl-popover-trigger":customElements.get(c(e))\|\|_();break;case"swirl-spinner":customElements.get(c(e))\|\|v();break;case"swirl-stack":customElements.get(c(e))\|\|g();break;case"swirl-tag":customElements.get(c(e))\|\|k();break;case"swirl-text":customElements.get(c(e))\|\|y();break;case"swirl-visually-hidden":customElements.get(c(e))\|\|x()}}))};export{j as SwirlSelect,z as defineCustomElement}

package/dist/components/swirl-shell-layout.js CHANGED Viewed

@@ -8,4 +8,4 @@ var m=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hre
 * focus-trap 7.5.4
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function B(e,l){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);l&&(t=t.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),a.push.apply(a,t)}return a}function G(e){for(var l=1;l<arguments.length;l++){var a=null!=arguments[l]?arguments[l]:{};l%2?B(Object(a),!0).forEach((function(l){M(e,l,a[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):B(Object(a)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(a,l))}))}return e}function M(e,l,a){return(l=function(e){var l=function(e,l){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,l);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return e+""}(e,"string");return"symbol"==typeof l?l:l+""}(l))in e?Object.defineProperty(e,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[l]=a,e}var W=function(e){return"Tab"===(null==e?void 0:e.key)||9===(null==e?void 0:e.keyCode)},V=function(e){return W(e)&&!e.shiftKey},U=function(e){return W(e)&&e.shiftKey},Y=function(e){return setTimeout(e,0)},H=function(e,l){var a=-1;return e.every((function(e,t){return!l(e)||(a=t,!1)})),a},K=function(e){for(var l=arguments.length,a=Array(l>1?l-1:0),t=1;t<l;t++)a[t-1]=arguments[t];return"function"==typeof e?e.apply(void 0,a):e},$=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},X=[],q=function(e,l){var a,t=(null==l?void 0:l.document)||document,o=(null==l?void 0:l.trapStack)||X,s=G({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:V,isKeyBackward:U},l),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},r=function(e,l,a){return e&&void 0!==e[l]?e[l]:s[a||l]},n=function(e,l){var a="function"==typeof(null==l?void 0:l.composedPath)?l.composedPath():void 0;return i.containerGroups.findIndex((function(l){var t=l.container,o=l.tabbableNodes;return t.contains(e)||(null==a?void 0:a.includes(t))||o.find((function(l){return l===e}))}))},c=function(e){var l=s[e];if("function"==typeof l){for(var a=arguments.length,o=Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];l=l.apply(void 0,o)}if(!0===l&&(l=void 0),!l){if(void 0===l||!1===l)return l;throw Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var r=l;if("string"==typeof l&&!(r=t.querySelector(l)))throw Error("`".concat(e,"` as selector refers to no known node"));return r},d=function(){var e=c("initialFocus");if(!1===e)return!1;if(void 0===e||!z(e,s.tabbableOptions))if(n(t.activeElement)>=0)e=t.activeElement;else{var l=i.tabbableGroups[0];e=l&&l.firstTabbableNode||c("fallbackFocus")}if(!e)throw Error("Your focus-trap needs to have at least one focusable element");return e},u=function(){if(i.containerGroups=i.containers.map((function(e){var l=function(e,l){var a;return a=(l=l||{}).getShadowRoot?S([e],l.includeContainer,{filter:I.bind(null,l),flatten:!1,getShadowRoot:l.getShadowRoot,shadowRootFilter:D}):E(e,l.includeContainer,I.bind(null,l)),F(a)}(e,s.tabbableOptions),a=function(e,l){return(l=l||{}).getShadowRoot?S([e],l.includeContainer,{filter:O.bind(null,l),flatten:!0,getShadowRoot:l.getShadowRoot}):E(e,l.includeContainer,O.bind(null,l))}(e,s.tabbableOptions),t=l.length>0?l[0]:void 0,o=l.length>0?l[l.length-1]:void 0,i=a.find((function(e){return R(e)})),r=a.slice().reverse().find((function(e){return R(e)})),n=!!l.find((function(e){return T(e)>0}));return{container:e,tabbableNodes:l,focusableNodes:a,posTabIndexesFound:n,firstTabbableNode:t,lastTabbableNode:o,firstDomTabbableNode:i,lastDomTabbableNode:r,nextTabbableNode:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=l.indexOf(e);return o<0?t?a.slice(a.indexOf(e)+1).find((function(e){return R(e)})):a.slice(0,a.indexOf(e)).reverse().find((function(e){return R(e)})):l[o+(t?1:-1)]}}})),i.tabbableGroups=i.containerGroups.filter((function(e){return e.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!c("fallbackFocus"))throw Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find((function(e){return e.posTabIndexesFound}))&&i.containerGroups.length>1)throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},h=function e(l){var a=l.activeElement;if(a)return a.shadowRoot&&null!==a.shadowRoot.activeElement?e(a.shadowRoot):a},f=function e(l){!1!==l&&l!==h(document)&&(l&&l.focus?(l.focus({preventScroll:!!s.preventScroll}),i.mostRecentlyFocusedNode=l,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(l)&&l.select()):e(d()))},y=function(e){var l=c("setReturnFocus",e);return l||!1!==l&&e},v=function(e){var l=e.target,a=e.event,t=e.isBackward,o=void 0!==t&&t;l=l||$(a),u();var r=null;if(i.tabbableGroups.length>0){var d=n(l,a),h=d>=0?i.containerGroups[d]:void 0;if(d<0)r=o?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(o){var f=H(i.tabbableGroups,(function(e){return l===e.firstTabbableNode}));if(f<0&&(h.container===l||z(l,s.tabbableOptions)&&!R(l,s.tabbableOptions)&&!h.nextTabbableNode(l,!1))&&(f=d),f>=0){var y=i.tabbableGroups[0===f?i.tabbableGroups.length-1:f-1];r=T(l)>=0?y.lastTabbableNode:y.lastDomTabbableNode}else W(a)||(r=h.nextTabbableNode(l,!1))}else{var v=H(i.tabbableGroups,(function(e){return l===e.lastTabbableNode}));if(v<0&&(h.container===l||z(l,s.tabbableOptions)&&!R(l,s.tabbableOptions)&&!h.nextTabbableNode(l))&&(v=d),v>=0){var b=i.tabbableGroups[v===i.tabbableGroups.length-1?0:v+1];r=T(l)>=0?b.firstTabbableNode:b.firstDomTabbableNode}else W(a)||(r=h.nextTabbableNode(l))}}else r=c("fallbackFocus");return r},b=function(e){var l=$(e);n(l,e)>=0||(K(s.clickOutsideDeactivates,e)?a.deactivate({returnFocus:s.returnFocusOnDeactivate}):K(s.allowOutsideClick,e)||e.preventDefault())},w=function(e){var l=$(e),a=n(l,e)>=0;if(a||l instanceof Document)a&&(i.mostRecentlyFocusedNode=l);else{var t;e.stopImmediatePropagation();var o=!0;if(i.mostRecentlyFocusedNode)if(T(i.mostRecentlyFocusedNode)>0){var r=n(i.mostRecentlyFocusedNode),c=i.containerGroups[r].tabbableNodes;if(c.length>0){var u=c.findIndex((function(e){return e===i.mostRecentlyFocusedNode}));u>=0&&(s.isKeyForward(i.recentNavEvent)?u+1<c.length&&(t=c[u+1],o=!1):u-1>=0&&(t=c[u-1],o=!1))}}else i.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return T(e)>0}))}))||(o=!1);else o=!1;o&&(t=v({target:i.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(i.recentNavEvent)})),f(t||i.mostRecentlyFocusedNode||d())}i.recentNavEvent=void 0},p=function(e){if(function(e){return"Escape"===(null==e?void 0:e.key)||"Esc"===(null==e?void 0:e.key)||27===(null==e?void 0:e.keyCode)}(e)&&!1!==K(s.escapeDeactivates,e))return e.preventDefault(),void a.deactivate();(s.isKeyForward(e)||s.isKeyBackward(e))&&function(e){var l=arguments.length>1&&void 0!==arguments[1]&&arguments[1];i.recentNavEvent=e;var a=v({event:e,isBackward:l});a&&(W(e)&&e.preventDefault(),f(a))}(e,s.isKeyBackward(e))},m=function(e){var l=$(e);n(l,e)>=0||K(s.clickOutsideDeactivates,e)||K(s.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},g=function(){if(i.active)return function(e,l){if(e.length>0){var a=e[e.length-1];a!==l&&a.pause()}var t=e.indexOf(l);-1===t||e.splice(t,1),e.push(l)}(o,a),i.delayInitialFocusTimer=s.delayInitialFocus?Y((function(){f(d())})):f(d()),t.addEventListener("focusin",w,!0),t.addEventListener("mousedown",b,{capture:!0,passive:!1}),t.addEventListener("touchstart",b,{capture:!0,passive:!1}),t.addEventListener("click",m,{capture:!0,passive:!1}),t.addEventListener("keydown",p,{capture:!0,passive:!1}),a},_=function(){if(i.active)return t.removeEventListener("focusin",w,!0),t.removeEventListener("mousedown",b,!0),t.removeEventListener("touchstart",b,!0),t.removeEventListener("click",m,!0),t.removeEventListener("keydown",p,!0),a},k="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(e){e.some((function(e){return Array.from(e.removedNodes).some((function(e){return e===i.mostRecentlyFocusedNode}))}))&&f(d())})):void 0,x=function(){k&&(k.disconnect(),i.active&&!i.paused&&i.containers.map((function(e){k.observe(e,{subtree:!0,childList:!0})})))};return(a={get active(){return i.active},get paused(){return i.paused},activate:function(e){if(i.active)return this;var l=r(e,"onActivate"),a=r(e,"onPostActivate"),o=r(e,"checkCanFocusTrap");o||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=t.activeElement,null==l||l();var s=function(){o&&u(),g(),x(),null==a||a()};return o?(o(i.containers.concat()).then(s,s),this):(s(),this)},deactivate:function(e){if(!i.active)return this;var l=G({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},e);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,_(),i.active=!1,i.paused=!1,x(),function(e,l){var a=e.indexOf(l);-1!==a&&e.splice(a,1),e.length>0&&e[e.length-1].unpause()}(o,a);var t=r(l,"onDeactivate"),n=r(l,"onPostDeactivate"),c=r(l,"checkCanReturnFocus"),d=r(l,"returnFocus","returnFocusOnDeactivate");null==t||t();var u=function(){Y((function(){d&&f(y(i.nodeFocusedBeforeActivation)),null==n||n()}))};return d&&c?(c(y(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(e){if(i.paused||!i.active)return this;var l=r(e,"onPause"),a=r(e,"onPostPause");return i.paused=!0,null==l||l(),_(),x(),null==a||a(),this},unpause:function(e){if(!i.paused||!i.active)return this;var l=r(e,"onUnpause"),a=r(e,"onPostUnpause");return i.paused=!1,null==l||l(),u(),g(),x(),null==a||a(),this},updateContainerElements:function(e){var l=[].concat(e).filter(Boolean);return i.containers=l.map((function(e){return"string"==typeof e?t.querySelector(e):e})),i.active&&u(),x(),this}}).updateContainerElements(e),a};const J="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",Q="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",Z="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",ee=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.historyBackClick=a(this,"historyBackClick",7),this.historyForwardClick=a(this,"historyForwardClick",7),this.skipLinkClick=a(this,"skipLinkClick",7),this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.secondaryNavGridLayoutVariant="tiled",this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.secondaryNavView="list",this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=e=>{e.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(Q,this.secondaryNavView+"")},this.toggleSecondaryNavCollapse=e=>{e.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(J,this.secondaryNavCollapsed+"")},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()}}componentWillLoad(){this.isDesktopViewport=r(),this.collectNavItems();const e="true"===localStorage.getItem(Z);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=q(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:e=>e.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0})}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(e){"Escape"===e.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(Z,this.navigationCollapsed+""),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()}onWindowResize(){this.isDesktopViewport!==r()&&(this.isDesktopViewport=r(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((e=>{e.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((e=>{e.variant=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)?this.secondaryNavGridLayoutVariant:"default"}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const e="true"===localStorage.getItem(J);this.secondaryNavCollapsed=e;const l=localStorage.getItem(Q);this.secondaryNavView=l}}render(){const e=this.navigationCollapsed&&this.isDesktopViewport,l=!!this.el.querySelector("[slot='secondary-nav']"),a=i("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":l,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":e});return t(o,{key:"e139235339bd65d5a0fb36e25032f04f22261a0b"},t("div",{key:"ffa06f1c0dc82956016339d5175d256be3477e87",class:a},t("header",{key:"cb68d44dba28a76772235e7f33d0ee7deec4b32b",class:"shell-layout__header","data-tauri-drag-region":"true"},t("button",{key:"3eec419fff5aee8561e5ccb636cbfd4d898a7c7c",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),t("div",{key:"c447b9262733330a9e1f3d33430f97408bbdd637",class:"shell-layout__header-left"},t("swirl-tooltip",{key:"9dda075058b6f069218d928137d591b322c99d60",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},t("button",{key:"ee23b4a55a74473c5c5068260f53dfc03e86e26a",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},t(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),t("swirl-visually-hidden",{key:"2925638db7cbfef7d7157172bfaab68eb37fa07f"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),t("a",{key:"3257658b39209ed253e13c54f4cd2091e2b8c060",class:"shell-layout__header-tool",onClick:this.historyBackClick.emit,href:"javascript:history.back()"},t("swirl-icon-arrow-back",{key:"5addae8e91fb6e56faa32d3c6ecbc24598a22d06",size:20}),t("swirl-visually-hidden",{key:"bea9a21b7c414e30006bb59d08191c67af8cb2f3"},this.browserBackButtonLabel)),t("a",{key:"681f52ef62a7444317a9d0166c337bbb4956bf13",class:"shell-layout__header-tool",onClick:this.historyForwardClick.emit,href:"javascript:history.forward()"},t("swirl-icon-arrow-forward",{key:"f707719946d4bd51d4cd0a7bd076a6f187a5171c",size:20}),t("swirl-visually-hidden",{key:"8163bfeedfb31a3d2b9b72d2b15189e6091383a8"},this.browserForwardButtonLabel)),t("slot",{key:"ffeaa23afb77cbf3d27e33c703add4bafd54f9bd",name:"left-header-tools"})),t("div",{key:"23204ce79cfe133294f171d1dc21a870c15c734c",class:"shell-layout__logo"},t("slot",{key:"ef9824c10716399cdcefbe268168d9179c29be81",name:"logo"})),t("div",{key:"bae5969da488ad56f010e0426ac4cd0c1c741f73",class:"shell-layout__header-right"},t("slot",{key:"1bf17538296f1f5effa4ef40ad226de3a147abf7",name:"right-header-tools"}),t("slot",{key:"8a9651b05d3b8b8dfc26580b1e585deb4672e36a",name:"avatar"}))),t("div",{key:"d65fe6f6d1f713d4bfaf3ee300a71c71068287ec",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),t("nav",{key:"0280b9a2d477c54f9dc043f50a688b4b6085d196","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:e=>this.navElement=e},t("div",{key:"15ed13a3740b833a4b0f77f160ca30fcbe52c39b",class:"shell-layout__mobile-header"},t("slot",{key:"c9d15e81fcce423f3053a834c3632a478d8a9cad",name:"mobile-logo"}),t("div",{key:"6c8b3ed102f711dfcb92432cb3e54569f94d9108",class:"shell-layout__mobile-header-tools"},t("slot",{key:"5618f200282053b182f4b5f99752d64dde2d8486",name:"mobile-header-tools"}),t("button",{key:"0a12eaa2f39dff63ddad60e074910d347ebc6440",class:"shell-layout__header-tool",type:"button"},t("swirl-icon-double-arrow-left",{key:"c7d56f93db77391d2e9cf1997ccd7be156fdda88",size:20}),t("swirl-visually-hidden",{key:"354ee6d176827243ce7909cefea152b7e3508378"},this.hideMobileNavigationButtonLabel)))),t("div",{key:"b41d20a4685f3bb7f9f3382187c1275860521423",class:"shell-layout__nav-body"},t("swirl-visually-hidden",{key:"54cb0539941169b9ea7418061b7c3901ffd47bd7"},t("span",{key:"06d34b0346ebf09b69a811e9035e52416efe3b63",id:"main-navigation-label"},this.navigationLabel)),t("slot",{key:"6f38e6ef9ba1b040080c31a6b11fd4ba521567ca",name:"nav",onSlotchange:this.collectNavItems}),t("div",{key:"1a5ad0c71c428c54674696ec43e6506bd77ccf61",class:"shell-layout__secondary-nav"},t("swirl-separator",{key:"b87f02d671ae514167388ed4fdbd79271fc06b26",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&t("swirl-box",{key:"20cb50ba266eb9c49ab5a8a004ea6d67c22eaf5e",paddingBlockEnd:"16"},t("swirl-stack",{key:"26a2349c1725e9ed6830facd78cab0d8d7e122a1",justify:e?"center":"space-between",orientation:"horizontal"},t("swirl-button",{key:"2a657d6ca97bd56fdbb74365614064c0dffddb9c",hideLabel:e,icon:this.secondaryNavCollapsed?"<swirl-icon-expand-more></swirl-icon-expand-more>":"<swirl-icon-expand-less></swirl-icon-expand-less>",label:this.secondaryNavCollapsed?this.secondaryNavExpandLabel:this.secondaryNavCollapseLabel,onClick:this.toggleSecondaryNavCollapse,variant:"plain"}),!e&&!this.secondaryNavCollapsed&&t("swirl-button",{key:"c7e4bc5d84d33f529563e6e48096c7cd4a0000c2",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),t("div",{key:"39b0f25ebba87c949ffe11354d2725d8cbed93c3",class:{["shell-layout__secondary-nav-items--"+this.secondaryNavGridLayoutVariant]:!0,"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},t("slot",{key:"9ba25ccb178dab04d09811f17b552df4656220a7",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),t("main",{key:"746a0d369ebcdd293684c032a30dd3d42de31676",class:"shell-layout__main",id:"main-content"},t("slot",{key:"b37e6888ff9e4f32e93540e5932d292f63cee192"}))))}get el(){return this}static get watchers(){return{enableSecondaryNavGridLayout:[{watchEnableSecondaryNavGridLayout:0}],mobileNavigationActive:[{watchMobileNavigationState:0}],navigationCollapsed:[{watchNavigationCollapsed:0}]}}static get style(){return'.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"       "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}'}},[262,"swirl-shell-layout",{brandedHeader:[4,"branded-header"],browserBackButtonLabel:[1,"browser-back-button-label"],browserForwardButtonLabel:[1,"browser-forward-button-label"],collapseNavigationButtonLabel:[1,"collapse-navigation-button-label"],enableSecondaryNavGridLayout:[4,"enable-secondary-nav-grid-layout"],secondaryNavGridLayoutVariant:[1,"secondary-nav-grid-layout-variant"],expandNavigationButtonLabel:[1,"expand-navigation-button-label"],gridNavLayoutToggleLabel:[1,"grid-nav-layout-toggle-label"],hideMobileNavigationButtonLabel:[1,"hide-mobile-navigation-button-label"],listNavLayoutToggleLabel:[1,"list-nav-layout-toggle-label"],navigationLabel:[1,"navigation-label"],secondaryNavCollapseLabel:[1,"secondary-nav-collapse-label"],secondaryNavExpandLabel:[1,"secondary-nav-expand-label"],skipLinkLabel:[1,"skip-link-label"],isDesktopViewport:[32],mobileNavigationActive:[32],navigationCollapsed:[32],secondaryNavCollapsed:[32],secondaryNavView:[32],showMobileNavigation:[64],hideMobileNavigation:[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{enableSecondaryNavGridLayout:[{watchEnableSecondaryNavGridLayout:0}],mobileNavigationActive:[{watchMobileNavigationState:0}],navigationCollapsed:[{watchNavigationCollapsed:0}]}]),le=ee,ae=function(){"undefined"!=typeof customElements&&["swirl-shell-layout","swirl-box","swirl-button","swirl-icon-arrow-back","swirl-icon-arrow-forward","swirl-icon-dock-left-collapse","swirl-icon-dock-left-expand","swirl-icon-double-arrow-left","swirl-separator","swirl-stack","swirl-tooltip","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-shell-layout":customElements.get(s(e))||customElements.define(s(e),ee);break;case"swirl-box":customElements.get(s(e))||n();break;case"swirl-button":customElements.get(s(e))||c();break;case"swirl-icon-arrow-back":customElements.get(s(e))||d();break;case"swirl-icon-arrow-forward":customElements.get(s(e))||u();break;case"swirl-icon-dock-left-collapse":customElements.get(s(e))||h();break;case"swirl-icon-dock-left-expand":customElements.get(s(e))||f();break;case"swirl-icon-double-arrow-left":customElements.get(s(e))||y();break;case"swirl-separator":customElements.get(s(e))||v();break;case"swirl-stack":customElements.get(s(e))||b();break;case"swirl-tooltip":customElements.get(s(e))||w();break;case"swirl-visually-hidden":customElements.get(s(e))||p()}}))};export{le as SwirlShellLayout,ae as defineCustomElement}
+function B(e,l){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);l&&(t=t.filter((function(l){return Object.getOwnPropertyDescriptor(e,l).enumerable}))),a.push.apply(a,t)}return a}function G(e){for(var l=1;l<arguments.length;l++){var a=null!=arguments[l]?arguments[l]:{};l%2?B(Object(a),!0).forEach((function(l){M(e,l,a[l])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):B(Object(a)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(a,l))}))}return e}function M(e,l,a){return(l=function(e){var l=function(e,l){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,l);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return e+""}(e,"string");return"symbol"==typeof l?l:l+""}(l))in e?Object.defineProperty(e,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[l]=a,e}var W=function(e){return"Tab"===(null==e?void 0:e.key)||9===(null==e?void 0:e.keyCode)},V=function(e){return W(e)&&!e.shiftKey},U=function(e){return W(e)&&e.shiftKey},Y=function(e){return setTimeout(e,0)},H=function(e,l){var a=-1;return e.every((function(e,t){return!l(e)||(a=t,!1)})),a},K=function(e){for(var l=arguments.length,a=Array(l>1?l-1:0),t=1;t<l;t++)a[t-1]=arguments[t];return"function"==typeof e?e.apply(void 0,a):e},$=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},X=[],q=function(e,l){var a,t=(null==l?void 0:l.document)||document,o=(null==l?void 0:l.trapStack)||X,s=G({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:V,isKeyBackward:U},l),i={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},r=function(e,l,a){return e&&void 0!==e[l]?e[l]:s[a||l]},n=function(e,l){var a="function"==typeof(null==l?void 0:l.composedPath)?l.composedPath():void 0;return i.containerGroups.findIndex((function(l){var t=l.container,o=l.tabbableNodes;return t.contains(e)||(null==a?void 0:a.includes(t))||o.find((function(l){return l===e}))}))},c=function(e){var l=s[e];if("function"==typeof l){for(var a=arguments.length,o=Array(a>1?a-1:0),i=1;i<a;i++)o[i-1]=arguments[i];l=l.apply(void 0,o)}if(!0===l&&(l=void 0),!l){if(void 0===l||!1===l)return l;throw Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var r=l;if("string"==typeof l&&!(r=t.querySelector(l)))throw Error("`".concat(e,"` as selector refers to no known node"));return r},d=function(){var e=c("initialFocus");if(!1===e)return!1;if(void 0===e||!z(e,s.tabbableOptions))if(n(t.activeElement)>=0)e=t.activeElement;else{var l=i.tabbableGroups[0];e=l&&l.firstTabbableNode||c("fallbackFocus")}if(!e)throw Error("Your focus-trap needs to have at least one focusable element");return e},u=function(){if(i.containerGroups=i.containers.map((function(e){var l=function(e,l){var a;return a=(l=l||{}).getShadowRoot?S([e],l.includeContainer,{filter:I.bind(null,l),flatten:!1,getShadowRoot:l.getShadowRoot,shadowRootFilter:D}):E(e,l.includeContainer,I.bind(null,l)),F(a)}(e,s.tabbableOptions),a=function(e,l){return(l=l||{}).getShadowRoot?S([e],l.includeContainer,{filter:O.bind(null,l),flatten:!0,getShadowRoot:l.getShadowRoot}):E(e,l.includeContainer,O.bind(null,l))}(e,s.tabbableOptions),t=l.length>0?l[0]:void 0,o=l.length>0?l[l.length-1]:void 0,i=a.find((function(e){return R(e)})),r=a.slice().reverse().find((function(e){return R(e)})),n=!!l.find((function(e){return T(e)>0}));return{container:e,tabbableNodes:l,focusableNodes:a,posTabIndexesFound:n,firstTabbableNode:t,lastTabbableNode:o,firstDomTabbableNode:i,lastDomTabbableNode:r,nextTabbableNode:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=l.indexOf(e);return o<0?t?a.slice(a.indexOf(e)+1).find((function(e){return R(e)})):a.slice(0,a.indexOf(e)).reverse().find((function(e){return R(e)})):l[o+(t?1:-1)]}}})),i.tabbableGroups=i.containerGroups.filter((function(e){return e.tabbableNodes.length>0})),i.tabbableGroups.length<=0&&!c("fallbackFocus"))throw Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(i.containerGroups.find((function(e){return e.posTabIndexesFound}))&&i.containerGroups.length>1)throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},h=function e(l){var a=l.activeElement;if(a)return a.shadowRoot&&null!==a.shadowRoot.activeElement?e(a.shadowRoot):a},f=function e(l){!1!==l&&l!==h(document)&&(l&&l.focus?(l.focus({preventScroll:!!s.preventScroll}),i.mostRecentlyFocusedNode=l,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(l)&&l.select()):e(d()))},y=function(e){var l=c("setReturnFocus",e);return l||!1!==l&&e},v=function(e){var l=e.target,a=e.event,t=e.isBackward,o=void 0!==t&&t;l=l||$(a),u();var r=null;if(i.tabbableGroups.length>0){var d=n(l,a),h=d>=0?i.containerGroups[d]:void 0;if(d<0)r=o?i.tabbableGroups[i.tabbableGroups.length-1].lastTabbableNode:i.tabbableGroups[0].firstTabbableNode;else if(o){var f=H(i.tabbableGroups,(function(e){return l===e.firstTabbableNode}));if(f<0&&(h.container===l||z(l,s.tabbableOptions)&&!R(l,s.tabbableOptions)&&!h.nextTabbableNode(l,!1))&&(f=d),f>=0){var y=i.tabbableGroups[0===f?i.tabbableGroups.length-1:f-1];r=T(l)>=0?y.lastTabbableNode:y.lastDomTabbableNode}else W(a)||(r=h.nextTabbableNode(l,!1))}else{var v=H(i.tabbableGroups,(function(e){return l===e.lastTabbableNode}));if(v<0&&(h.container===l||z(l,s.tabbableOptions)&&!R(l,s.tabbableOptions)&&!h.nextTabbableNode(l))&&(v=d),v>=0){var b=i.tabbableGroups[v===i.tabbableGroups.length-1?0:v+1];r=T(l)>=0?b.firstTabbableNode:b.firstDomTabbableNode}else W(a)||(r=h.nextTabbableNode(l))}}else r=c("fallbackFocus");return r},b=function(e){var l=$(e);n(l,e)>=0||(K(s.clickOutsideDeactivates,e)?a.deactivate({returnFocus:s.returnFocusOnDeactivate}):K(s.allowOutsideClick,e)||e.preventDefault())},w=function(e){var l=$(e),a=n(l,e)>=0;if(a||l instanceof Document)a&&(i.mostRecentlyFocusedNode=l);else{var t;e.stopImmediatePropagation();var o=!0;if(i.mostRecentlyFocusedNode)if(T(i.mostRecentlyFocusedNode)>0){var r=n(i.mostRecentlyFocusedNode),c=i.containerGroups[r].tabbableNodes;if(c.length>0){var u=c.findIndex((function(e){return e===i.mostRecentlyFocusedNode}));u>=0&&(s.isKeyForward(i.recentNavEvent)?u+1<c.length&&(t=c[u+1],o=!1):u-1>=0&&(t=c[u-1],o=!1))}}else i.containerGroups.some((function(e){return e.tabbableNodes.some((function(e){return T(e)>0}))}))||(o=!1);else o=!1;o&&(t=v({target:i.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(i.recentNavEvent)})),f(t||i.mostRecentlyFocusedNode||d())}i.recentNavEvent=void 0},p=function(e){if(function(e){return"Escape"===(null==e?void 0:e.key)||"Esc"===(null==e?void 0:e.key)||27===(null==e?void 0:e.keyCode)}(e)&&!1!==K(s.escapeDeactivates,e))return e.preventDefault(),void a.deactivate();(s.isKeyForward(e)||s.isKeyBackward(e))&&function(e){var l=arguments.length>1&&void 0!==arguments[1]&&arguments[1];i.recentNavEvent=e;var a=v({event:e,isBackward:l});a&&(W(e)&&e.preventDefault(),f(a))}(e,s.isKeyBackward(e))},m=function(e){var l=$(e);n(l,e)>=0||K(s.clickOutsideDeactivates,e)||K(s.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},g=function(){if(i.active)return function(e,l){if(e.length>0){var a=e[e.length-1];a!==l&&a.pause()}var t=e.indexOf(l);-1===t||e.splice(t,1),e.push(l)}(o,a),i.delayInitialFocusTimer=s.delayInitialFocus?Y((function(){f(d())})):f(d()),t.addEventListener("focusin",w,!0),t.addEventListener("mousedown",b,{capture:!0,passive:!1}),t.addEventListener("touchstart",b,{capture:!0,passive:!1}),t.addEventListener("click",m,{capture:!0,passive:!1}),t.addEventListener("keydown",p,{capture:!0,passive:!1}),a},_=function(){if(i.active)return t.removeEventListener("focusin",w,!0),t.removeEventListener("mousedown",b,!0),t.removeEventListener("touchstart",b,!0),t.removeEventListener("click",m,!0),t.removeEventListener("keydown",p,!0),a},k="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(e){e.some((function(e){return Array.from(e.removedNodes).some((function(e){return e===i.mostRecentlyFocusedNode}))}))&&f(d())})):void 0,x=function(){k&&(k.disconnect(),i.active&&!i.paused&&i.containers.map((function(e){k.observe(e,{subtree:!0,childList:!0})})))};return(a={get active(){return i.active},get paused(){return i.paused},activate:function(e){if(i.active)return this;var l=r(e,"onActivate"),a=r(e,"onPostActivate"),o=r(e,"checkCanFocusTrap");o||u(),i.active=!0,i.paused=!1,i.nodeFocusedBeforeActivation=t.activeElement,null==l||l();var s=function(){o&&u(),g(),x(),null==a||a()};return o?(o(i.containers.concat()).then(s,s),this):(s(),this)},deactivate:function(e){if(!i.active)return this;var l=G({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},e);clearTimeout(i.delayInitialFocusTimer),i.delayInitialFocusTimer=void 0,_(),i.active=!1,i.paused=!1,x(),function(e,l){var a=e.indexOf(l);-1!==a&&e.splice(a,1),e.length>0&&e[e.length-1].unpause()}(o,a);var t=r(l,"onDeactivate"),n=r(l,"onPostDeactivate"),c=r(l,"checkCanReturnFocus"),d=r(l,"returnFocus","returnFocusOnDeactivate");null==t||t();var u=function(){Y((function(){d&&f(y(i.nodeFocusedBeforeActivation)),null==n||n()}))};return d&&c?(c(y(i.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(e){if(i.paused||!i.active)return this;var l=r(e,"onPause"),a=r(e,"onPostPause");return i.paused=!0,null==l||l(),_(),x(),null==a||a(),this},unpause:function(e){if(!i.paused||!i.active)return this;var l=r(e,"onUnpause"),a=r(e,"onPostUnpause");return i.paused=!1,null==l||l(),u(),g(),x(),null==a||a(),this},updateContainerElements:function(e){var l=[].concat(e).filter(Boolean);return i.containers=l.map((function(e){return"string"==typeof e?t.querySelector(e):e})),i.active&&u(),x(),this}}).updateContainerElements(e),a};const J="SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE",Q="SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE",Z="SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE",ee=e(class extends l{constructor(e){super(),!1!==e&&this.__registerHost(),this.historyBackClick=a(this,"historyBackClick",7),this.historyForwardClick=a(this,"historyForwardClick",7),this.skipLinkClick=a(this,"skipLinkClick",7),this.browserBackButtonLabel="Navigate back",this.browserForwardButtonLabel="Navigate forward",this.collapseNavigationButtonLabel="Collapse navigation",this.enableSecondaryNavGridLayout=!0,this.secondaryNavGridLayoutVariant="tiled",this.expandNavigationButtonLabel="Expand navigation",this.gridNavLayoutToggleLabel="Grid",this.hideMobileNavigationButtonLabel="Close navigation",this.listNavLayoutToggleLabel="List",this.navigationLabel="Main",this.secondaryNavCollapseLabel="Show less",this.secondaryNavExpandLabel="Show more",this.skipLinkLabel="Skip to main content",this.isDesktopViewport=!0,this.secondaryNavView="list",this.collectNavItems=()=>{this.mainNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")),this.secondaryNavItems=Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()},this.toggleSecondaryNavView=e=>{e.stopPropagation(),this.secondaryNavView="grid"===this.secondaryNavView?"list":"grid",this.setSecondaryNavItemsTiled(),localStorage.setItem(Q,this.secondaryNavView+"")},this.toggleSecondaryNavCollapse=e=>{e.stopPropagation(),this.secondaryNavCollapsed=!this.secondaryNavCollapsed,localStorage.setItem(J,this.secondaryNavCollapsed+"")},this.onNavigationToggleClick=()=>{this.navigationCollapsed=!this.navigationCollapsed},this.onNavigationClick=()=>{this.hideMobileNavigation()}}componentWillLoad(){this.isDesktopViewport=r(),this.collectNavItems();const e="true"===localStorage.getItem(Z);this.navigationCollapsed=e,this.restoreSecondaryNavState()}componentDidLoad(){this.focusTrap=q(this.navElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:e=>e.shadowRoot}}),this.collectNavItems(),this.navMutationObserver=new MutationObserver((()=>{this.collectNavItems()})),this.navMutationObserver.observe(this.navElement,{childList:!0,subtree:!0})}componentDidRender(){this.focusTrap?.updateContainerElements(this.navElement)}disconnectedCallback(){this.focusTrap?.deactivate(),this.navMutationObserver?.disconnect()}onWindowKeyDown(e){"Escape"===e.key&&this.mobileNavigationActive&&this.hideMobileNavigation()}watchEnableSecondaryNavGridLayout(){this.restoreSecondaryNavState()}watchMobileNavigationState(){this.mobileNavigationActive?setTimeout((()=>{this.focusTrap.activate()}),200):this.focusTrap.deactivate()}watchNavigationCollapsed(){localStorage.setItem(Z,this.navigationCollapsed+""),this.toggleNavItemLabels(),this.setSecondaryNavItemsTiled()}onWindowResize(){this.isDesktopViewport!==r()&&(this.isDesktopViewport=r(),this.collectNavItems())}async showMobileNavigation(){this.mobileNavigationActive=!0,this.collectNavItems()}async hideMobileNavigation(){this.mobileNavigationActive=!1,this.toggleNavItemLabels()}toggleNavItemLabels(){[...this.secondaryNavItems,...this.mainNavItems].forEach((e=>{e.hideLabel=this.navigationCollapsed&&this.isDesktopViewport}))}setSecondaryNavItemsTiled(){this.secondaryNavItems.forEach((e=>{e.variant=this.enableSecondaryNavGridLayout&&("grid"===this.secondaryNavView||this.navigationCollapsed&&this.isDesktopViewport)?this.secondaryNavGridLayoutVariant:"default"}))}restoreSecondaryNavState(){if(this.enableSecondaryNavGridLayout){const e="true"===localStorage.getItem(J);this.secondaryNavCollapsed=e;const l=localStorage.getItem(Q);this.secondaryNavView=l}}render(){const e=this.navigationCollapsed&&this.isDesktopViewport,l=!!this.el.querySelector("[slot='secondary-nav']"),a=i("shell-layout",{"shell-layout--branded-header":this.brandedHeader,"shell-layout--secondary-nav-collapsed":this.secondaryNavCollapsed,"shell-layout--has-secondary-nav":l,"shell-layout--mobile-navigation-active":this.mobileNavigationActive,"shell-layout--navigation-collapsed":e});return t(o,{key:"e139235339bd65d5a0fb36e25032f04f22261a0b"},t("div",{key:"ffa06f1c0dc82956016339d5175d256be3477e87",class:a},t("header",{key:"cb68d44dba28a76772235e7f33d0ee7deec4b32b",class:"shell-layout__header","data-tauri-drag-region":"true"},t("button",{key:"3eec419fff5aee8561e5ccb636cbfd4d898a7c7c",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),t("div",{key:"c447b9262733330a9e1f3d33430f97408bbdd637",class:"shell-layout__header-left"},t("swirl-tooltip",{key:"9dda075058b6f069218d928137d591b322c99d60",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},t("button",{key:"ee23b4a55a74473c5c5068260f53dfc03e86e26a",class:"shell-layout__header-tool",onClick:this.onNavigationToggleClick,type:"button"},t(this.navigationCollapsed?"swirl-icon-dock-left-expand":"swirl-icon-dock-left-collapse",{size:20}),t("swirl-visually-hidden",{key:"2925638db7cbfef7d7157172bfaab68eb37fa07f"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),t("a",{key:"3257658b39209ed253e13c54f4cd2091e2b8c060",class:"shell-layout__header-tool",onClick:this.historyBackClick.emit,href:"javascript:history.back()"},t("swirl-icon-arrow-back",{key:"5addae8e91fb6e56faa32d3c6ecbc24598a22d06",size:20}),t("swirl-visually-hidden",{key:"bea9a21b7c414e30006bb59d08191c67af8cb2f3"},this.browserBackButtonLabel)),t("a",{key:"681f52ef62a7444317a9d0166c337bbb4956bf13",class:"shell-layout__header-tool",onClick:this.historyForwardClick.emit,href:"javascript:history.forward()"},t("swirl-icon-arrow-forward",{key:"f707719946d4bd51d4cd0a7bd076a6f187a5171c",size:20}),t("swirl-visually-hidden",{key:"8163bfeedfb31a3d2b9b72d2b15189e6091383a8"},this.browserForwardButtonLabel)),t("slot",{key:"ffeaa23afb77cbf3d27e33c703add4bafd54f9bd",name:"left-header-tools"})),t("div",{key:"23204ce79cfe133294f171d1dc21a870c15c734c",class:"shell-layout__logo"},t("slot",{key:"ef9824c10716399cdcefbe268168d9179c29be81",name:"logo"})),t("div",{key:"bae5969da488ad56f010e0426ac4cd0c1c741f73",class:"shell-layout__header-right"},t("slot",{key:"1bf17538296f1f5effa4ef40ad226de3a147abf7",name:"right-header-tools"}),t("slot",{key:"8a9651b05d3b8b8dfc26580b1e585deb4672e36a",name:"avatar"}))),t("div",{key:"d65fe6f6d1f713d4bfaf3ee300a71c71068287ec",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),t("nav",{key:"0280b9a2d477c54f9dc043f50a688b4b6085d196","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:e=>this.navElement=e},t("div",{key:"15ed13a3740b833a4b0f77f160ca30fcbe52c39b",class:"shell-layout__mobile-header"},t("slot",{key:"c9d15e81fcce423f3053a834c3632a478d8a9cad",name:"mobile-logo"}),t("div",{key:"6c8b3ed102f711dfcb92432cb3e54569f94d9108",class:"shell-layout__mobile-header-tools"},t("slot",{key:"5618f200282053b182f4b5f99752d64dde2d8486",name:"mobile-header-tools"}),t("button",{key:"0a12eaa2f39dff63ddad60e074910d347ebc6440",class:"shell-layout__header-tool",type:"button"},t("swirl-icon-double-arrow-left",{key:"c7d56f93db77391d2e9cf1997ccd7be156fdda88",size:20}),t("swirl-visually-hidden",{key:"354ee6d176827243ce7909cefea152b7e3508378"},this.hideMobileNavigationButtonLabel)))),t("div",{key:"b41d20a4685f3bb7f9f3382187c1275860521423",class:"shell-layout__nav-body"},t("swirl-visually-hidden",{key:"54cb0539941169b9ea7418061b7c3901ffd47bd7"},t("span",{key:"06d34b0346ebf09b69a811e9035e52416efe3b63",id:"main-navigation-label"},this.navigationLabel)),t("slot",{key:"6f38e6ef9ba1b040080c31a6b11fd4ba521567ca",name:"nav",onSlotchange:this.collectNavItems}),t("div",{key:"1a5ad0c71c428c54674696ec43e6506bd77ccf61",class:"shell-layout__secondary-nav"},t("swirl-separator",{key:"b87f02d671ae514167388ed4fdbd79271fc06b26",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&t("swirl-box",{key:"20cb50ba266eb9c49ab5a8a004ea6d67c22eaf5e",paddingBlockEnd:"16"},t("swirl-stack",{key:"26a2349c1725e9ed6830facd78cab0d8d7e122a1",justify:e?"center":"space-between",orientation:"horizontal"},t("swirl-button",{key:"2a657d6ca97bd56fdbb74365614064c0dffddb9c",hideLabel:e,icon:this.secondaryNavCollapsed?"<swirl-icon-expand-more></swirl-icon-expand-more>":"<swirl-icon-expand-less></swirl-icon-expand-less>",label:this.secondaryNavCollapsed?this.secondaryNavExpandLabel:this.secondaryNavCollapseLabel,onClick:this.toggleSecondaryNavCollapse,variant:"plain"}),!e&&!this.secondaryNavCollapsed&&t("swirl-button",{key:"c7e4bc5d84d33f529563e6e48096c7cd4a0000c2",icon:"grid"===this.secondaryNavView?"<swirl-icon-menu></swirl-icon-menu>":"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",iconPosition:"end",label:"grid"===this.secondaryNavView?this.gridNavLayoutToggleLabel:this.listNavLayoutToggleLabel,onClick:this.toggleSecondaryNavView,variant:"plain"}))),t("div",{key:"39b0f25ebba87c949ffe11354d2725d8cbed93c3",class:{["shell-layout__secondary-nav-items--"+this.secondaryNavGridLayoutVariant]:!0,"shell-layout__secondary-nav-items":!0,"shell-layout__secondary-nav-items--grid-view":this.enableSecondaryNavGridLayout&&"grid"===this.secondaryNavView}},t("slot",{key:"9ba25ccb178dab04d09811f17b552df4656220a7",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),t("main",{key:"746a0d369ebcdd293684c032a30dd3d42de31676",class:"shell-layout__main",id:"main-content"},t("slot",{key:"b37e6888ff9e4f32e93540e5932d292f63cee192"}))))}get el(){return this}static get watchers(){return{enableSecondaryNavGridLayout:[{watchEnableSecondaryNavGridLayout:0}],mobileNavigationActive:[{watchMobileNavigationState:0}],navigationCollapsed:[{watchNavigationCollapsed:0}]}}static get style(){return'.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"       "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-state-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-state-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-state-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-state-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}'}},[262,"swirl-shell-layout",{brandedHeader:[4,"branded-header"],browserBackButtonLabel:[1,"browser-back-button-label"],browserForwardButtonLabel:[1,"browser-forward-button-label"],collapseNavigationButtonLabel:[1,"collapse-navigation-button-label"],enableSecondaryNavGridLayout:[4,"enable-secondary-nav-grid-layout"],secondaryNavGridLayoutVariant:[1,"secondary-nav-grid-layout-variant"],expandNavigationButtonLabel:[1,"expand-navigation-button-label"],gridNavLayoutToggleLabel:[1,"grid-nav-layout-toggle-label"],hideMobileNavigationButtonLabel:[1,"hide-mobile-navigation-button-label"],listNavLayoutToggleLabel:[1,"list-nav-layout-toggle-label"],navigationLabel:[1,"navigation-label"],secondaryNavCollapseLabel:[1,"secondary-nav-collapse-label"],secondaryNavExpandLabel:[1,"secondary-nav-expand-label"],skipLinkLabel:[1,"skip-link-label"],isDesktopViewport:[32],mobileNavigationActive:[32],navigationCollapsed:[32],secondaryNavCollapsed:[32],secondaryNavView:[32],showMobileNavigation:[64],hideMobileNavigation:[64]},[[8,"keydown","onWindowKeyDown"],[9,"resize","onWindowResize"]],{enableSecondaryNavGridLayout:[{watchEnableSecondaryNavGridLayout:0}],mobileNavigationActive:[{watchMobileNavigationState:0}],navigationCollapsed:[{watchNavigationCollapsed:0}]}]),le=ee,ae=function(){"undefined"!=typeof customElements&&["swirl-shell-layout","swirl-box","swirl-button","swirl-icon-arrow-back","swirl-icon-arrow-forward","swirl-icon-dock-left-collapse","swirl-icon-dock-left-expand","swirl-icon-double-arrow-left","swirl-separator","swirl-stack","swirl-tooltip","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-shell-layout":customElements.get(s(e))||customElements.define(s(e),ee);break;case"swirl-box":customElements.get(s(e))||n();break;case"swirl-button":customElements.get(s(e))||c();break;case"swirl-icon-arrow-back":customElements.get(s(e))||d();break;case"swirl-icon-arrow-forward":customElements.get(s(e))||u();break;case"swirl-icon-dock-left-collapse":customElements.get(s(e))||h();break;case"swirl-icon-dock-left-expand":customElements.get(s(e))||f();break;case"swirl-icon-double-arrow-left":customElements.get(s(e))||y();break;case"swirl-separator":customElements.get(s(e))||v();break;case"swirl-stack":customElements.get(s(e))||b();break;case"swirl-tooltip":customElements.get(s(e))||w();break;case"swirl-visually-hidden":customElements.get(s(e))||p()}}))};export{le as SwirlShellLayout,ae as defineCustomElement}

package/dist/components/swirl-shell-navigation-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as e,h as a,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as s}from"./swirl-badge2.js";import{d as o}from"./swirl-icon-close2.js";import{d as r}from"./swirl-tag2.js";import{d as h}from"./swirl-tooltip2.js";import{d as g}from"./swirl-visually-hidden2.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.useCustomIconSize=!1,this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){if(this.useCustomIconSize)return;const i=this.el.querySelector("[slot='icon']"),e=this.hideLabel&&"app-icon"===this.variant\|\|"default"===this.variant;i&&(i.tagName.startsWith("SWIRL-ICON")\|\|i.tagName.startsWith("SWIRL-EMOJI")\|\|i.tagName.startsWith("SWIRL-SYMBOL"))&&i.setAttribute("size",e?"20":"32")}render(){const i=!!this.el.querySelector("swirl-app-icon"),e=n("shell-navigation-item","shell-navigation-item--"+this.variant,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":i}),l=n("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=!!this.href;return a(t,{key:"1c4d8c589451f646287707da33a802baf626af5c"},a("swirl-tooltip",{key:"2bb6f3b5eb2eb24d651ad3417dda26206a21cf67",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right"},a(h?"a":"button",{key:"9801acbdcbe8ea6c289f05244e09f5e99129c069","aria-current":this.swirlAriaCurrent,class:e,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},a("span",{key:"9dc900a9f26f38b84f292637abcac397b1858420",class:"shell-navigation-item__icon"},a("slot",{key:"413fcc518da561d25e05bb4a1b770b1ac359bc6e",name:"icon"})),this.hideLabel?a("swirl-visually-hidden",null,a("span",{class:l},this.label)):"default"!==this.variant?a("span",{class:l},this.label):a("div",{class:"shell-navigation-item__text-wrapper"},a("span",{class:l},this.label),this.description&&a("span",{class:"shell-navigation-item__description"},this.description)),s&&a("span",{key:"2955d9bcc86199dde44b41335c2d1ce2a177da65",class:"shell-navigation-item__badge-wrapper"},a("swirl-badge",{key:"320347ae1c00fccdfb74ec934d8b411742e1e00d","aria-label":this.badgeLabel,class:n("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&a("swirl-tag",{key:"1427a2d08c87c2f6b7f32c32968ceb9c2ac78ffd",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&a("swirl-badge",{key:"d52bf123a4ce7a66d2ae369115fea8f4c017c9ca",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return this}static get style(){return':host{display:inline-flex;width:100%}:host {box-sizing:border-box}.shell-navigation-item{--swirl-app-icon-size:2rem;--swirl-shell-navigation-item-gradient:linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) );position:relative;display:flex;width:100%;height:3rem;padding:var(--s-space-8);flex-shrink:0;justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;container-type:size;gap:var(--s-space-12)}.shell-navigation-item .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-overlay-default)}.shell-navigation-item:hover{background-color:var(--s-surface-sunken-hovered)}.shell-navigation-item:hover .shell-navigation-item__badge,.shell-navigation-item:hover .shell-navigation-item__is-new-badge{--swirl-badge-border-color:var(--s-surface-sunken-hovered)}.shell-navigation-item:active{background-color:var(--s-surface-sunken-pressed)}.shell-navigation-item:active .shell-navigation-item__badge,.shell-navigation-item:active .shell-navigation-item__is-new-badge{--swirl-badge-border-color:var(--s-surface-sunken-pressed)}.shell-navigation-item:focus{outline:none}.shell-navigation-item:focus-visible{z-index:1;box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-navigation-item.shell-navigation-item--boxed{--swirl-app-icon-size:2rem}.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon{overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-default)}.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon{border-radius:var(--s-border-radius-sm);width:2rem;min-width:2rem;height:2rem;min-height:2rem}.shell-navigation-item.shell-navigation-item--filled{padding:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon{color:var(--s-icon-on-action-primary);background-color:var(--s-action-primary-default)}.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon){position:inherit;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--tiled{--swirl-app-icon-size:100%;height:auto;padding:0;align-items:start;border-radius:var(--s-border-radius-base);flex-direction:column;container-type:inline-size;gap:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--tiled:hover{background-color:transparent}.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label{text-decoration:underline}.shell-navigation-item.shell-navigation-item--tiled ::slotted(){position:absolute;top:var(--s-space-12);left:var(--s-space-12)}.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon){position:inherit;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon{overflow:hidden;width:100%;min-width:100%;height:auto;min-height:auto;border-radius:var(--s-border-radius-base);background-color:var(--s-surface-sunken-hovered);aspect-ratio:1}.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after{position:absolute;display:inline-block;width:100%;border-radius:var(--s-border-radius-base);background-image:var(--swirl-shell-navigation-item-gradient);content:"";aspect-ratio:1}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label{color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);text-align:start}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline{position:absolute;bottom:var(--s-space-12);left:var(--s-space-12);margin-right:var(--s-space-12)}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light{color:rgba(242, 242, 242, 1)}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark{color:rgb(25, 25, 25)}.shell-navigation-item.shell-navigation-item--app-icon{--swirl-app-icon-size:100%;font-size:var(--s-font-size-xs);padding:var(--s-space-8) var(--s-space-4);align-items:center;height:auto;border-radius:var(--s-border-radius-sm);flex-direction:column;container-type:inline-size;gap:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label{align-items:start;padding:var(--s-space-8);--swirl-app-icon-size:2rem}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon{border-radius:var(--s-border-radius-sm);max-width:2rem}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper{max-width:2rem;max-height:2rem}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon{overflow:hidden;width:100%;max-width:3.5rem;height:auto;border-radius:var(--s-border-radius-base);color:var(--s-icon-on-action-primary);aspect-ratio:1}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper{max-width:3.5rem;max-height:3.5rem}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label{line-height:var(--s-line-height-xs);text-align:center}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper{position:absolute;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:unset;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge{position:absolute;top:-0.375rem;right:-0.375rem;padding:var(--s-space-2)}.shell-navigation-item.shell-navigation-item--active{background-color:var(--s-surface-sunken-hovered)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon{color:var(--s-icon-highlight)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label{color:var(--s-text-highlight)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-sunken-hovered)}.shell-navigation-item.shell-navigation-item--active:hover{background-color:var(--s-surface-sunken-hovered)}.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-sunken-hovered)}.shell-navigation-item.shell-navigation-item--active:active{background-color:var(--s-surface-sunken-pressed)}.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-sunken-pressed)}@media (min-width: 992px){.shell-navigation-item{background-color:var(--s-surface-sunken-default)}.shell-navigation-item .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-sunken-default)}}.shell-navigation-item__icon{display:inline-flex;width:2rem;min-width:2rem;height:2rem;min-height:2rem;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--s-border-radius-base)}.shell-navigation-item__text-wrapper{overflow:hidden;min-width:0;flex-grow:1;text-align:start;white-space:nowrap;text-overflow:ellipsis}.shell-navigation-item__description{margin-left:var(--s-space-8);font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued)}.shell-navigation-item__badge{flex-shrink:0;--swirl-badge-border-color:var(--swirl-shell-background)}.shell-navigation-item__is-new-tag{flex-shrink:0}.shell-navigation-item__is-new-badge{position:absolute;top:0.625rem;right:0.625rem;flex-shrink:0;--swirl-badge-border-color:var(--swirl-shell-background)}@container (max-width: 4rem){.shell-navigation-item__badge{position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding:var(--s-space-2)}.shell-navigation-item--gradient .shell-navigation-item__icon{--swirl-shell-navigation-item-gradient:none}.shell-navigation-item__badge--dot{top:var(--s-space-8);right:var(--s-space-8)}}@container (min-width: 10rem){.shell-navigation-item__badge--dot{padding-right:var(--s-space-4)}}'}},[257,"swirl-shell-navigation-item",{active:[4],badgeLabel:[1,"badge-label"],boxed:[4],description:[1],filled:[4],hideLabel:[4,"hide-label"],href:[1],inlineLabel:[4,"inline-label"],inlineLabelColor:[1,"inline-label-color"],label:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],swirlAriaCurrent:[1,"swirl-aria-current"],target:[1],useCustomIconSize:[4,"use-custom-icon-size"],variant:[1],withGradient:[4,"with-gradient"]}]),v=d,m=function(){"undefined"!=typeof customElements&&["swirl-shell-navigation-item","swirl-badge","swirl-icon-close","swirl-tag","swirl-tooltip","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-shell-navigation-item":customElements.get(l(i))\|\|customElements.define(l(i),d);break;case"swirl-badge":customElements.get(l(i))\|\|s();break;case"swirl-icon-close":customElements.get(l(i))\|\|o();break;case"swirl-tag":customElements.get(l(i))\|\|r();break;case"swirl-tooltip":customElements.get(l(i))\|\|h();break;case"swirl-visually-hidden":customElements.get(l(i))\|\|g()}}))};export{v as SwirlShellNavigationItem,m as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as e,h as a,Host as t,transformTag as l}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{d as s}from"./swirl-badge2.js";import{d as o}from"./swirl-icon-close2.js";import{d as r}from"./swirl-tag2.js";import{d as h}from"./swirl-tooltip2.js";import{d as g}from"./swirl-visually-hidden2.js";const d=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.useCustomIconSize=!1,this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){if(this.useCustomIconSize)return;const i=this.el.querySelector("[slot='icon']"),e=this.hideLabel&&"app-icon"===this.variant\|\|"default"===this.variant;i&&(i.tagName.startsWith("SWIRL-ICON")\|\|i.tagName.startsWith("SWIRL-EMOJI")\|\|i.tagName.startsWith("SWIRL-SYMBOL"))&&i.setAttribute("size",e?"20":"32")}render(){const i=!!this.el.querySelector("swirl-app-icon"),e=n("shell-navigation-item","shell-navigation-item--"+this.variant,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":i}),l=n("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=!!this.href;return a(t,{key:"1c4d8c589451f646287707da33a802baf626af5c"},a("swirl-tooltip",{key:"2bb6f3b5eb2eb24d651ad3417dda26206a21cf67",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right"},a(h?"a":"button",{key:"9801acbdcbe8ea6c289f05244e09f5e99129c069","aria-current":this.swirlAriaCurrent,class:e,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},a("span",{key:"9dc900a9f26f38b84f292637abcac397b1858420",class:"shell-navigation-item__icon"},a("slot",{key:"413fcc518da561d25e05bb4a1b770b1ac359bc6e",name:"icon"})),this.hideLabel?a("swirl-visually-hidden",null,a("span",{class:l},this.label)):"default"!==this.variant?a("span",{class:l},this.label):a("div",{class:"shell-navigation-item__text-wrapper"},a("span",{class:l},this.label),this.description&&a("span",{class:"shell-navigation-item__description"},this.description)),s&&a("span",{key:"2955d9bcc86199dde44b41335c2d1ce2a177da65",class:"shell-navigation-item__badge-wrapper"},a("swirl-badge",{key:"320347ae1c00fccdfb74ec934d8b411742e1e00d","aria-label":this.badgeLabel,class:n("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&a("swirl-tag",{key:"1427a2d08c87c2f6b7f32c32968ceb9c2ac78ffd",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&a("swirl-badge",{key:"d52bf123a4ce7a66d2ae369115fea8f4c017c9ca",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return this}static get style(){return':host{display:inline-flex;width:100%}:host {box-sizing:border-box}.shell-navigation-item{--swirl-app-icon-size:2rem;--swirl-shell-navigation-item-gradient:linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) );position:relative;display:flex;width:100%;height:3rem;padding:var(--s-space-8);flex-shrink:0;justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-decoration:none;cursor:pointer;container-type:size;gap:var(--s-space-12)}.shell-navigation-item .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-overlay-default)}.shell-navigation-item:hover{background-color:var(--s-state-hovered)}.shell-navigation-item:hover .shell-navigation-item__badge,.shell-navigation-item:hover .shell-navigation-item__is-new-badge{--swirl-badge-border-color:var(--s-state-hovered)}.shell-navigation-item:active{background-color:var(--s-state-pressed)}.shell-navigation-item:active .shell-navigation-item__badge,.shell-navigation-item:active .shell-navigation-item__is-new-badge{--swirl-badge-border-color:var(--s-state-pressed)}.shell-navigation-item:focus{outline:none}.shell-navigation-item:focus-visible{z-index:1;box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-navigation-item.shell-navigation-item--boxed{--swirl-app-icon-size:2rem}.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon{overflow:hidden;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-default)}.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon{border-radius:var(--s-border-radius-sm);width:2rem;min-width:2rem;height:2rem;min-height:2rem}.shell-navigation-item.shell-navigation-item--filled{padding:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon{color:var(--s-icon-on-action-primary);background-color:var(--s-action-primary-default)}.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon){position:inherit;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--tiled{--swirl-app-icon-size:100%;height:auto;padding:0;align-items:start;border-radius:var(--s-border-radius-base);flex-direction:column;container-type:inline-size;gap:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--tiled:hover{background-color:transparent}.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label{text-decoration:underline}.shell-navigation-item.shell-navigation-item--tiled ::slotted(){position:absolute;top:var(--s-space-12);left:var(--s-space-12)}.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon){position:inherit;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon{overflow:hidden;width:100%;min-width:100%;height:auto;min-height:auto;border-radius:var(--s-border-radius-base);background-color:var(--s-state-hovered);aspect-ratio:1}.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after{position:absolute;display:inline-block;width:100%;border-radius:var(--s-border-radius-base);background-image:var(--swirl-shell-navigation-item-gradient);content:"";aspect-ratio:1}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label{color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);text-align:start}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline{position:absolute;bottom:var(--s-space-12);left:var(--s-space-12);margin-right:var(--s-space-12)}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light{color:rgba(242, 242, 242, 1)}.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark{color:rgb(25, 25, 25)}.shell-navigation-item.shell-navigation-item--app-icon{--swirl-app-icon-size:100%;font-size:var(--s-font-size-xs);padding:var(--s-space-8) var(--s-space-4);align-items:center;height:auto;border-radius:var(--s-border-radius-sm);flex-direction:column;container-type:inline-size;gap:var(--s-space-8)}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label{align-items:start;padding:var(--s-space-8);--swirl-app-icon-size:2rem}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon{border-radius:var(--s-border-radius-sm);max-width:2rem}.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper{max-width:2rem;max-height:2rem}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon{overflow:hidden;width:100%;max-width:3.5rem;height:auto;border-radius:var(--s-border-radius-base);color:var(--s-icon-on-action-primary);aspect-ratio:1}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper{max-width:3.5rem;max-height:3.5rem}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label{line-height:var(--s-line-height-xs);text-align:center}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper{position:absolute;width:100%;height:100%}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label{display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:unset;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge,.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge{position:absolute;top:-0.375rem;right:-0.375rem;padding:var(--s-space-2)}.shell-navigation-item.shell-navigation-item--active{background-color:var(--s-state-hovered)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon{color:var(--s-icon-highlight)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label{color:var(--s-text-highlight)}.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-state-hovered)}.shell-navigation-item.shell-navigation-item--active:hover{background-color:var(--s-state-hovered)}.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-state-hovered)}.shell-navigation-item.shell-navigation-item--active:active{background-color:var(--s-state-pressed)}.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-state-pressed)}@media (min-width: 992px){.shell-navigation-item{background-color:var(--s-surface-sunken-default)}.shell-navigation-item .shell-navigation-item__badge{--swirl-badge-border-color:var(--s-surface-sunken-default)}}.shell-navigation-item__icon{display:inline-flex;width:2rem;min-width:2rem;height:2rem;min-height:2rem;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--s-border-radius-base)}.shell-navigation-item__text-wrapper{overflow:hidden;min-width:0;flex-grow:1;text-align:start;white-space:nowrap;text-overflow:ellipsis}.shell-navigation-item__description{margin-left:var(--s-space-8);font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued)}.shell-navigation-item__badge{flex-shrink:0;--swirl-badge-border-color:var(--swirl-shell-background)}.shell-navigation-item__is-new-tag{flex-shrink:0}.shell-navigation-item__is-new-badge{position:absolute;top:0.625rem;right:0.625rem;flex-shrink:0;--swirl-badge-border-color:var(--swirl-shell-background)}@container (max-width: 4rem){.shell-navigation-item__badge{position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding:var(--s-space-2)}.shell-navigation-item--gradient .shell-navigation-item__icon{--swirl-shell-navigation-item-gradient:none}.shell-navigation-item__badge--dot{top:var(--s-space-8);right:var(--s-space-8)}}@container (min-width: 10rem){.shell-navigation-item__badge--dot{padding-right:var(--s-space-4)}}'}},[257,"swirl-shell-navigation-item",{active:[4],badgeLabel:[1,"badge-label"],boxed:[4],description:[1],filled:[4],hideLabel:[4,"hide-label"],href:[1],inlineLabel:[4,"inline-label"],inlineLabelColor:[1,"inline-label-color"],label:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],swirlAriaCurrent:[1,"swirl-aria-current"],target:[1],useCustomIconSize:[4,"use-custom-icon-size"],variant:[1],withGradient:[4,"with-gradient"]}]),v=d,m=function(){"undefined"!=typeof customElements&&["swirl-shell-navigation-item","swirl-badge","swirl-icon-close","swirl-tag","swirl-tooltip","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-shell-navigation-item":customElements.get(l(i))\|\|customElements.define(l(i),d);break;case"swirl-badge":customElements.get(l(i))\|\|s();break;case"swirl-icon-close":customElements.get(l(i))\|\|o();break;case"swirl-tag":customElements.get(l(i))\|\|r();break;case"swirl-tooltip":customElements.get(l(i))\|\|h();break;case"swirl-visually-hidden":customElements.get(l(i))\|\|g()}}))};export{v as SwirlShellNavigationItem,m as defineCustomElement}

package/dist/components/swirl-table-column.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o}from"./utils.js";import{d as n}from"./swirl-icon-arrow-downward2.js";import{d as l}from"./swirl-icon-arrow-upward2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth\|\|"",minWidth:this.minWidth\|\|""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"df43863a76d644f48fa6e00bd11e0baa316f2fe8","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"5e77028dea940f0ee660063b744539f9e3454ff7"},t("slot",{key:"630c2f4c040dbf4cabaf41f4e2460b95ce966f1c"})),this.sortable&&t("span",{key:"fb7e79358cc7c457a5cfdb611e7081dbddafca92",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"7ed07813924118ffb585a1df99dfbc2b8c7f9067","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"64eef8c775084dbbf0421960327f4bf0a7246bba","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-~~raised~~-~~default~~)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,f=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))\|\|customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))\|\|n();break;case"swirl-icon-arrow-upward":customElements.get(i(e))\|\|l()}}))};export{c as SwirlTableColumn,f as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o}from"./utils.js";import{d as n}from"./swirl-icon-arrow-downward2.js";import{d as l}from"./swirl-icon-arrow-upward2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth\|\|"",minWidth:this.minWidth\|\|""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"df43863a76d644f48fa6e00bd11e0baa316f2fe8","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"5e77028dea940f0ee660063b744539f9e3454ff7"},t("slot",{key:"630c2f4c040dbf4cabaf41f4e2460b95ce966f1c"})),this.sortable&&t("span",{key:"fb7e79358cc7c457a5cfdb611e7081dbddafca92",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"7ed07813924118ffb585a1df99dfbc2b8c7f9067","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"64eef8c775084dbbf0421960327f4bf0a7246bba","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-neutral-subdued)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,h=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))\|\|customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))\|\|n();break;case"swirl-icon-arrow-upward":customElements.get(i(e))\|\|l()}}))};export{c as SwirlTableColumn,h as defineCustomElement}

package/dist/components/swirl-table-row.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=i(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"c2a412be20276981fa31e632ebb088db37658a54","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"b6aeea4183b5897c47aaa13ff3819fc1424dbe58"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted)~~{--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted)~~ ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),n=a,b=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))\|\|customElements.define(s(t),a))}))};export{n as SwirlTableRow,b as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const e=i(this.el,"swirl-table");e?.rerender()}render(){const e=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"c2a412be20276981fa31e632ebb088db37658a54","aria-rowindex":this.index,class:e,role:"row"},o("slot",{key:"b6aeea4183b5897c47aaa13ff3819fc1424dbe58"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),b=a,n=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((e=>{"swirl-table-row"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),a))}))};export{b as SwirlTableRow,n as defineCustomElement}

package/dist/components/swirl-toggle-button.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"~~66db29ba083e102bbd2c2664f7192a28767a4747~~",class:t,type:"button","aria-pressed":this.isPressed?"true":"false",onClick:this.onClick},this.icon&&o("swirl-icon",{key:"~~ae9f37e6e6d5c11266906bb1aa93d0406a52f9d4~~",class:"button__icon",glyph:this.icon}),o("span",{key:"~~7bc3421ef39cb66b94075c2fb7e81d7c995345ac~~",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-~~surface~~-~~sunken-~~hovered)}.button:active{background-color:var(--s-~~surface~~-~~sunken-~~pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(s(t))\|\|customElements.define(s(t),r);break;case"swirl-icon":customElements.get(s(t))\|\|n()}}))};export{a as SwirlToggleButton,c as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.hideLabel=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"1eeb98f759f28e5ae9559275c0c0a623558eda46",class:t,type:"button","aria-pressed":this.isPressed?"true":"false","aria-label":this.hideLabel?this.label:void 0,onClick:this.onClick},this.icon&&o("swirl-icon",{key:"878bcf051e173c1081f46467e6cc279c0e5d3d65",class:"button__icon",glyph:this.icon}),!this.hideLabel&&o("span",{key:"f11daa0f489a483f1a090f9680d0a7b7f689924c",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:var(--s-surface-sunken-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"],hideLabel:[4,"hide-label"]}]),a=r,l=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(s(t))\|\|customElements.define(s(t),r);break;case"swirl-icon":customElements.get(s(t))\|\|n()}}))};export{a as SwirlToggleButton,l as defineCustomElement}

package/dist/components/swirl-tree-navigation-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as o}from"./swirl-icon2.js";import{d as l}from"./swirl-icon-chevron-right2.js";import{d}from"./swirl-icon-close2.js";import{d as c}from"./swirl-icon-open-in-new2.js";import{d as h}from"./swirl-tag2.js";import{d as g}from"./swirl-visually-hidden2.js";const m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.markAsNewLabel="New",this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=r("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":!!this.icon});return a(n,{key:"832a5c52a3e6beeb6697d1f8f2e87841f8cfc4d6",role:"none"},a("li",{key:"a054c7206f13d90c3012cedcbbbe287d6af12889",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"3c9970f822c286da2c740374072eb7bd96b17d30",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"17990df86e7e1a6904f176fe0b696f8ef5e2c205",class:"tree-navigation-item__content"},this.icon&&a("swirl-icon",{key:"b5d09dadf0cff371352202dbdfea38afb7ce3dde",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"d04fe44f6068281820421e5e8580e9799d0972ba",class:"tree-navigation-item__label"},a("span",{key:"1fb32bed311daa6ded2db51052b91dd1b6744f11",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"400d5a7fc21c592577fee8f8610f768962fdd58f",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"973ad0be477de2a8fc565b1d1902a390d803c9b7",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"36587831e91d11ea395951aa3ce9540ecd87f0bd",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"0fe57082ffadb949b807af5a4f024c8396d92c7d",size:16,role:"img","aria-label":"External link"}))),this.markAsNew&&a("swirl-tag",{key:"73827acc1fbecdf35bfa77c7993a4be7ba276c22",class:"tree-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel,size:"m",variant:"default"}))),this.hasChildren&&a("ul",{key:"94039e6206a51fff95906350b703ef95ef2c5680",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"4dae0d899232c29e80d79d56232a6dd2692b4b32"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host {box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-~~background~~-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-~~background~~-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-~~background~~-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),v=m,f=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-close","swirl-icon-open-in-new","swirl-tag","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(s(e))\|\|customElements.define(s(e),m);break;case"swirl-icon":customElements.get(s(e))\|\|o();break;case"swirl-icon-chevron-right":customElements.get(s(e))\|\|l();break;case"swirl-icon-close":customElements.get(s(e))\|\|d();break;case"swirl-icon-open-in-new":customElements.get(s(e))\|\|c();break;case"swirl-tag":customElements.get(s(e))\|\|h();break;case"swirl-visually-hidden":customElements.get(s(e))\|\|g()}}))};export{v as SwirlTreeNavigationItem,f as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as o}from"./swirl-icon2.js";import{d as l}from"./swirl-icon-chevron-right2.js";import{d}from"./swirl-icon-close2.js";import{d as c}from"./swirl-icon-open-in-new2.js";import{d as h}from"./swirl-tag2.js";import{d as g}from"./swirl-visually-hidden2.js";const m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.markAsNewLabel="New",this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=r("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":!!this.icon});return a(n,{key:"832a5c52a3e6beeb6697d1f8f2e87841f8cfc4d6",role:"none"},a("li",{key:"a054c7206f13d90c3012cedcbbbe287d6af12889",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"3c9970f822c286da2c740374072eb7bd96b17d30",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"17990df86e7e1a6904f176fe0b696f8ef5e2c205",class:"tree-navigation-item__content"},this.icon&&a("swirl-icon",{key:"b5d09dadf0cff371352202dbdfea38afb7ce3dde",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"d04fe44f6068281820421e5e8580e9799d0972ba",class:"tree-navigation-item__label"},a("span",{key:"1fb32bed311daa6ded2db51052b91dd1b6744f11",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"400d5a7fc21c592577fee8f8610f768962fdd58f",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"973ad0be477de2a8fc565b1d1902a390d803c9b7",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"36587831e91d11ea395951aa3ce9540ecd87f0bd",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"0fe57082ffadb949b807af5a4f024c8396d92c7d",size:16,role:"img","aria-label":"External link"}))),this.markAsNew&&a("swirl-tag",{key:"73827acc1fbecdf35bfa77c7993a4be7ba276c22",class:"tree-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel,size:"m",variant:"default"}))),this.hasChildren&&a("ul",{key:"94039e6206a51fff95906350b703ef95ef2c5680",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"4dae0d899232c29e80d79d56232a6dd2692b4b32"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host {box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),v=m,f=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-close","swirl-icon-open-in-new","swirl-tag","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(s(e))\|\|customElements.define(s(e),m);break;case"swirl-icon":customElements.get(s(e))\|\|o();break;case"swirl-icon-chevron-right":customElements.get(s(e))\|\|l();break;case"swirl-icon-close":customElements.get(s(e))\|\|d();break;case"swirl-icon-open-in-new":customElements.get(s(e))\|\|c();break;case"swirl-tag":customElements.get(s(e))\|\|h();break;case"swirl-visually-hidden":customElements.get(s(e))\|\|g()}}))};export{v as SwirlTreeNavigationItem,f as defineCustomElement}