npm - @getflip/swirl-components - Versions diffs - 0.503.0 → 0.504.0 - Mend

@getflip/swirl-components 0.503.0 → 0.504.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 (2540) 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 b=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,b=this.interactive&&this.selectable?"checkbox":void 0,w=this.el.closest('[role="grid"]')?"row":"listitem",p="row"===w?"gridcell":void 0,g={minHeight:this.labelMinHeight??void 0},f=()=>r("span",{key:"a527d285414b2de52e0229b97e99359773d668c7",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),v=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:"0b206a71130cbccfd613e11f0c5768af99dacbe5",role:w},r("div",{key:"07ce8a89faec475ba3b8a15ea4cc705aefd1085f",class:v,role:p,onClick:this.onClick},r(e,{key:"ee7d6e05815f607c7457e645e90a1911cb69ba33","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:b,tabIndex:0,type:"button"===e?"button":void 0},this.hasMedia&&r("span",{key:"808b37a3a3a3e7302eb1ad20a868ef4a58909b2e",class:"resource-list-item__media"},r("slot",{key:"bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5",name:"media"})),r("span",{key:"fc2f8e551fb56ffdc6fab7bdea57511bb23848c7",class:"resource-list-item__label-container",style:g},this.labelTooltip?r("swirl-tooltip",{content:this.labelTooltip,position:this.labelTooltipPosition},f()):f(),this.description&&r("span",{key:"ffc43d1f7bf34b0a579dd936eae66f9b7c49e0ac",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description))),this.selectable&&r("span",{key:"4ba2865f73947f92e25ae2862432a377448c6ed4","aria-hidden":"true",class:"resource-list-item__checkbox"},r("span",{key:"9717bcdf72d9dba1878ac2b4e31e6bd7c2b092bb",class:"resource-list-item__checkbox-icon"},this.checked&&r("swirl-icon-check-strong",{key:"5ee683a97542a9201968b00f91c13c5f42562a8f"}))),u&&r("span",{key:"4fbffc98900433159b2111fbb423850b2b3747de",class:"resource-list-item__meta"},this.meta&&r("span",{key:"24466047588a26d75623b6d7e2d3e0a7ad2bce83",class:"resource-list-item__meta-text"},this.meta),r("span",{key:"6f89b9573b5185f4b6788297312bdf4f48f9b289",class:"resource-list-item__badges"},r("slot",{key:"b88352a9479805d3ace745d35bfa5299ebbff9d4",name:"badges"}))),r("span",{key:"a79ff79a69660bb7b2963fbad37def8d1f45d057",class:"resource-list-item__control",onClick:this.onControlClick},r("slot",{key:"e05edcd7257b12862c634b591581fa7d5733e42c",name:"control"})),m&&r("swirl-popover-trigger",{key:"3f405f8215f5054314f55d048dfec2f1f38ed1e1",swirlPopover:this.menuTriggerId},r("swirl-button",{key:"b12ba8600053c3abf9615b40eca48a8c5110a2e7","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:"480499e93fb6f5f77f50d9feffb311a3a0b6bdc4","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:"8b3c7dcdd22aa2a7d4974939046abf46929d0416",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)}@media (hover: hover){.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]}]),w=b,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),b);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{w 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="a"===e,i=this.disabled&&!this.href,o=this.hasBadges,c=this.el.querySelector("[slot='control']"),a=!!this.menuTriggerId\|\|c,n=this.interactive&&this.href?this.href:void 0,m=c&&(!!this.meta\|\|o),u=!!this.menuTriggerId&&!this.meta&&!this.selectable,d=this.showMeta,h=this.swirlAriaLabel?this.swirlAriaLabel:this.label,w=this.selectable?this.checked+"":void 0,b=this.interactive&&this.selectable?"checkbox":void 0,p=this.el.closest('[role="grid"]')?"row":"listitem",g="row"===p?"gridcell":void 0,f={minHeight:this.labelMinHeight??void 0},v=()=>r("span",{key:"957b70747ce97ae552ad02c853757a8124d4a45a",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),_=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":c,"resource-list-item--has-menu":a,"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":m,"resource-list-item--show-meta":d,"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:"c9209939218dfcbdddee5a6de0715fabe8888d5a",role:p},r("div",{key:"cb59fc61a6721ba1a6aae44470c0f03b84555f96",class:_,role:g,onClick:this.onClick},r(e,{key:"4b72f6b5ea23a9198419c59faf26ef2d06c2261b","aria-checked":w,"aria-current":this.swirlAriaCurrent,"aria-disabled":i?"true":void 0,"aria-label":h,"aria-labelledby":this.swirlAriaLabel?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:n,rel:s?this.rel:void 0,target:s?this.target:void 0,disabled:i,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:b,tabIndex:0,type:"button"===e?"button":void 0},this.hasMedia&&r("span",{key:"3343d3a65767f0dab6700d54dd23833b20ba0ef7",class:"resource-list-item__media"},r("slot",{key:"496c94693e00d3af7b221f30541f667111afa722",name:"media"})),r("span",{key:"4d67b932e0ec2f5d00d734d9f42362172b8fb798",class:"resource-list-item__label-container",style:f},this.labelTooltip?r("swirl-tooltip",{content:this.labelTooltip,position:this.labelTooltipPosition},v()):v(),this.description&&r("span",{key:"d0e3003adf89b7b9bcf99d15f17e920b42de3202",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description))),this.selectable&&r("span",{key:"c9a04820e58f91338240433b9eb1c263d4cc5fc7","aria-hidden":"true",class:"resource-list-item__checkbox"},r("span",{key:"8537644e2a270fb276abac6cd1d26b85bde3dc3f",class:"resource-list-item__checkbox-icon"},this.checked&&r("swirl-icon-check-strong",{key:"61a02fc4dcfc404ad5983ca1bc5b7131f6abaf80"}))),d&&r("span",{key:"d87d2062beb27be6fdf0a385588722d931ccab8a",class:"resource-list-item__meta"},this.meta&&r("span",{key:"dd10ed0143bc26f97cbc679c7baf3ff109625463",class:"resource-list-item__meta-text"},this.meta),r("span",{key:"12985bb8b2faf66e66fb6688ada4243ae5d23fe5",class:"resource-list-item__badges"},r("slot",{key:"bdb97f22a7a2848541b6f90c32dc83fedb800264",name:"badges"}))),r("span",{key:"c4d2ef5c7342c5878e5cec7eef75ca126b0c1272",class:"resource-list-item__control",onClick:this.onControlClick},r("slot",{key:"0857a093ae4e51c885d8872cfc1ebe164a13ff0d",name:"control"})),u&&r("swirl-popover-trigger",{key:"8f8b66f805869a2a1a2f9d98d6bf22856046cfc2",swirlPopover:this.menuTriggerId},r("swirl-button",{key:"d61684e1b7a1235674356cc455f7f00a2afaa508","aria-disabled":i?"true":void 0,class:"resource-list-item__menu-trigger",disabled:i,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&r("button",{key:"13037eef2fc8682be6a7fee6934a41bf0b0ec7de","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:"911ab7dd351a72742af60ba6d29e49e4362bfa6f",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)}@media (hover: hover){.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],rel:[1],selectable:[4],swirlAriaCurrent:[1,"swirl-aria-current"],swirlAriaLabel:[1,"swirl-aria-label"],target:[1],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-search.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as s,HTMLElement as e,createEvent as r,h as a,Host as i,transformTag as c}from"@stencil/core/internal/client";import{c ~~as t~~}from"./index2.js";import{D as h}from"./media-query.service.js";import{d as o}from"./swirl-icon-cancel2.js";import{d as l}from"./swirl-icon-search2.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.clear=r(this,"clear",7),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.inputInput=r(this,"inputInput",7),this.valueChange=r(this,"valueChange",7),this.clearButtonLabel="Clear search term",this.placeholder="Search …",this.variant="filled",this.clearable=!0,this.mediaQueryUnsubscribe=()=>{},this.handleClear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit(""),this.clear.emit()},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)}}componentDidLoad(){this.mediaQueryUnsubscribe=h.subscribe((s=>{this.forceIconProps(s)})),this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(s){if(!this.iconEl)return;const e=this.iconEl.children[0];e?.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code\|\|!s.ctrlKey&&!s.metaKey\|\|this.input.focus()}render(){const s=t("search","search--variant-"+this.variant,{"search--disabled":this.disabled});return a(i,{key:"~~ffa3e6947dbc10520c075c7a5697668f8e58a672~~"},a("span",{key:"~~75e036ed722e3fbbd224ca48528516b34240a154~~",class:s,ref:s=>this.iconEl=s},a("swirl-icon-search",{key:"~~3bf2a1f69b49d780dc37a62024d9322e859d293e~~","aria-hidden":"true",class:"search__icon"}),a("input",{key:"~~4244636c39a69b14f31be24da0bccb7771351851~~","aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&this.clearable&&a("button",{key:"~~725a8373912b891fe5a8f84ea51924b7446e68fb~~","aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.handleClear,type:"button"},a("swirl-icon-cancel",{key:"~~e784352407b1a84ba1ecac81cc9939b243b5f79c~~"}))))}static get style(){return".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--variant-ghost.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}"}},[2,"swirl-search",{autoFocus:[4,"auto-focus"],clearButtonLabel:[1,"clear-button-label"],disabled:[4],inputName:[1,"input-name"],inputId:[1,"input-id"],label:[1],placeholder:[1],value:[1025],variant:[1],clearable:[4]},[[8,"keydown","onKeyDown"]]]),d=n,u=function(){"undefined"!=typeof customElements&&["swirl-search","swirl-icon-cancel","swirl-icon-search"].forEach((s=>{switch(s){case"swirl-search":customElements.get(c(s))\|\|customElements.define(c(s),n);break;case"swirl-icon-cancel":customElements.get(c(s))\|\|o();break;case"swirl-icon-search":customElements.get(c(s))\|\|l()}}))};export{d as SwirlSearch,u as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,createEvent as r,h as a,Host as i,transformTag as t}from"@stencil/core/internal/client";import{c}from"./index2.js";import{D as h}from"./media-query.service.js";import{d as o}from"./swirl-icon-cancel2.js";import{d as l}from"./swirl-icon-search2.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.clear=r(this,"clear",7),this.inputBlur=r(this,"inputBlur",7),this.inputFocus=r(this,"inputFocus",7),this.inputInput=r(this,"inputInput",7),this.valueChange=r(this,"valueChange",7),this.clearButtonLabel="Clear search term",this.placeholder="Search …",this.variant="filled",this.clearable=!0,this.mediaQueryUnsubscribe=()=>{},this.handleClear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit(""),this.clear.emit()},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)}}componentDidLoad(){this.mediaQueryUnsubscribe=h.subscribe((s=>{this.forceIconProps(s)})),this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(s){if(!this.iconEl)return;const e=this.iconEl.children[0];e?.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code\|\|!s.ctrlKey&&!s.metaKey\|\|this.input.focus()}render(){const s=c("search","search--variant-"+this.variant,{"search--disabled":this.disabled});return a(i,{key:"c9765dfb21d03b45e22f0ed3edff1ec604d1ede7"},a("span",{key:"c356507c95eb6572123b15894a3f16f9218e1892",class:s,ref:s=>this.iconEl=s},a("swirl-icon-search",{key:"00af315b090adbfc79d76374ef9947761d7678bb","aria-hidden":"true",class:"search__icon"}),a("input",{key:"f0d6971a03efbde6beef3bff223eddf8a6cf24ed","aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&this.clearable&&a("button",{key:"09f5739447266e8dd9de77e89949e652e0b60ebe","aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.handleClear,type:"button"},a("swirl-icon-cancel",{key:"177f8d591ca4a8eda49f188f2ba1758ad9a7eb30"}))))}static get style(){return".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--variant-ghost.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}"}},[2,"swirl-search",{autoFocus:[4,"auto-focus"],clearButtonLabel:[1,"clear-button-label"],disabled:[4],inputName:[1,"input-name"],inputId:[1,"input-id"],label:[1],placeholder:[1],value:[1025],variant:[1],clearable:[4]},[[8,"keydown","onKeyDown"]]]),d=n,u=function(){"undefined"!=typeof customElements&&["swirl-search","swirl-icon-cancel","swirl-icon-search"].forEach((s=>{switch(s){case"swirl-search":customElements.get(t(s))\|\|customElements.define(t(s),n);break;case"swirl-icon-cancel":customElements.get(t(s))\|\|o();break;case"swirl-icon-search":customElements.get(t(s))\|\|l()}}))};export{d as SwirlSearch,u 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(){console.warn('[Swirl] The "swirl-shell-layout" component is deprecated and will be removed in the next major release.'),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:"c6ee609bf341987906b859e5baef950a8848371e"},t("div",{key:"fe3f103a3ad2b9689ed7ed059c0fcbf6edd8f0a2",class:a},t("header",{key:"c0ece438c7639abec753e91da1e6afff011728ff",class:"shell-layout__header","data-tauri-drag-region":"true"},t("button",{key:"786a1bb4adf7b08bf3a0ba79f48e4531afc0c3ab",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),t("div",{key:"b3883c86e953fd13c9b073ae69a7667f9ae397fb",class:"shell-layout__header-left"},t("swirl-tooltip",{key:"76051faf031a7da00da62d821a967c061e3a3ead",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},t("button",{key:"023a2b5bdb791c83517edde95a94fa5d51a5c081",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:"9027202f219c1e91d3e628e1882c6710d226040d"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),t("a",{key:"8f66dfa9818d296ca4181abbe078feea15e37ed6",class:"shell-layout__header-tool",onClick:this.historyBackClick.emit,href:"javascript:history.back()"},t("swirl-icon-arrow-back",{key:"f22fae438f728502e666e38b943e253380bdfe91",size:20}),t("swirl-visually-hidden",{key:"36de591ee62ea6b3395450dc78e9482ebceb0ea7"},this.browserBackButtonLabel)),t("a",{key:"01afc01b728ba8de5eb24ec74a1c9a86c718aa59",class:"shell-layout__header-tool",onClick:this.historyForwardClick.emit,href:"javascript:history.forward()"},t("swirl-icon-arrow-forward",{key:"8410a2f0f9ee6c778181c661e1c0391b2bcab9a2",size:20}),t("swirl-visually-hidden",{key:"39a737b6dcac5ec1246d26cb6d93f2c76967b00d"},this.browserForwardButtonLabel)),t("slot",{key:"eb42a7e02de525b51f8d0c7b3a662aca530988d5",name:"left-header-tools"})),t("div",{key:"05d43d519209b6ed8e1471a33814a6fd1f0d5a2d",class:"shell-layout__logo"},t("slot",{key:"dc39bd18a94c11d8b6fc6b4259b18b5457e7bc49",name:"logo"})),t("div",{key:"8c65886861cfb8fed6a407bd7c40b91c2c0463de",class:"shell-layout__header-right"},t("slot",{key:"fabee3bd4bcb1a54549a207a7535417e25212150",name:"right-header-tools"}),t("slot",{key:"f1704d31a8a9035fd1fdcc00c4ee10e7b088abbe",name:"avatar"}))),t("div",{key:"c678106ffd7ed0092c92f0d2e8c9342de74cc12c",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),t("nav",{key:"23ab16112750d2a8ab3c4b512dbe37284ef551af","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:e=>this.navElement=e},t("div",{key:"a0a09cd6c3c90cb052d1b74014051a9ffdc4c295",class:"shell-layout__mobile-header"},t("slot",{key:"0939a479bf11e6708752ad53f14bf9bcf45a7902",name:"mobile-logo"}),t("div",{key:"2b4b477e116080943cab223ce73e2516cf34e0fd",class:"shell-layout__mobile-header-tools"},t("slot",{key:"848a119eafda22fec9d00d4a6d5b7dab2bed2c04",name:"mobile-header-tools"}),t("button",{key:"ed03b958054fd70b619d64839906f13dcf842dc2",class:"shell-layout__header-tool",type:"button"},t("swirl-icon-double-arrow-left",{key:"c351fe14229fd50a33845bd44c9744e9795ce6a3",size:20}),t("swirl-visually-hidden",{key:"46613b7c4e234abb6963daf9f7727d79c1a68c07"},this.hideMobileNavigationButtonLabel)))),t("div",{key:"301cf1f76e89ff7b997ef48ba5e866dff5cbfcaa",class:"shell-layout__nav-body"},t("swirl-visually-hidden",{key:"32148cd1826dc1d0a5397699780d3c90cac6350d"},t("span",{key:"1b7552aa1b60d9fbd10c367fd4d6fe9f89594020",id:"main-navigation-label"},this.navigationLabel)),t("slot",{key:"2d19a601bbfd82f1852664eac70f71a9b9626518",name:"nav",onSlotchange:this.collectNavItems}),t("div",{key:"c16b8eed8ff74db2d98b5f1b002e7c8cdbfb54e8",class:"shell-layout__secondary-nav"},t("swirl-separator",{key:"8b5b2da204a6bc5e38cf5ab487d0441132ed68c8",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&t("swirl-box",{key:"55ca1652b7d736eaca50356d384a04b3901f0991",paddingBlockEnd:"16"},t("swirl-stack",{key:"89a3fa94da4806b6f54a0cdca01d79538a402f99",justify:e?"center":"space-between",orientation:"horizontal"},t("swirl-button",{key:"7e4ceb748b97d038a21dbc1210cf517418c775c0",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:"86f5edb53d6491f00e38474b678f9f498845e0f1",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:"4c609a2f2997eb25a7134b9e8c4f55c1d2465457",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:"8d9dfa1b89e88cb302e3dd35c42aa5c73e912ee8",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),t("main",{key:"daafdc474534e6f5b2cc190857af315983dbffe4",class:"shell-layout__main",id:"main-content"},t("slot",{key:"e3dab9a8bcbcf9abf2b065f6af2c3107c3b851c4"}))))}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}
+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(){console.warn('[Swirl] The "swirl-shell-layout" component is deprecated and will be removed in the next major release.'),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:"7032612d1f043fe785362313363b2875cdebe151"},t("div",{key:"7ae7f6e37ec2913709adb3a1af22dc5fb2d704f7",class:a},t("header",{key:"1a89adcce3c3727dfec29d453eb04a4acd2767ac",class:"shell-layout__header","data-tauri-drag-region":"true"},t("button",{key:"58d4fa8d8c800f27543af17c50534e81247979a4",class:"shell-layout__skip-link",onClick:this.skipLinkClick.emit,type:"button"},this.skipLinkLabel),t("div",{key:"5f117f7c6d24ecdca8b7db42ebeb42a88ae0c2bc",class:"shell-layout__header-left"},t("swirl-tooltip",{key:"54807ddfe4dda019a06fb5c938c9297911b68993",content:this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel,delay:100,position:"right"},t("button",{key:"d251b197940eb34ee950558f69fa2d815009cd71",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:"5666e7b001a42657d5c0fe54ea512395dee6c90d"},this.navigationCollapsed?this.expandNavigationButtonLabel:this.collapseNavigationButtonLabel))),t("a",{key:"f3e74f25299538a4bf5ed55dccf98d85f91c8e77",class:"shell-layout__header-tool",onClick:this.historyBackClick.emit,href:"javascript:history.back()"},t("swirl-icon-arrow-back",{key:"09b382092d5c991e0327ad5b98bce726519ab080",size:20}),t("swirl-visually-hidden",{key:"567423662e33dab1a9459268e4be3a794afdb8f3"},this.browserBackButtonLabel)),t("a",{key:"c2e8ea9d516d5f434c251a89ae824dcc4dace34b",class:"shell-layout__header-tool",onClick:this.historyForwardClick.emit,href:"javascript:history.forward()"},t("swirl-icon-arrow-forward",{key:"1959b4f4cb94467213f6c8fe8bc83535c3a1d28e",size:20}),t("swirl-visually-hidden",{key:"b9bdd8ff1ad4d5fb51b315e0dc07c040f0ebabcf"},this.browserForwardButtonLabel)),t("slot",{key:"ffd56ba698155b0f4051b3eef49fda0a47790ac5",name:"left-header-tools"})),t("div",{key:"167a4b729dee50e07d057f123a474d4ffb19f68a",class:"shell-layout__logo"},t("slot",{key:"5d66c3018bfef313ffd2f7fc60db5bbd9196069d",name:"logo"})),t("div",{key:"417b27d8c88625ed6ace51771b5a517ad741dfe1",class:"shell-layout__header-right"},t("slot",{key:"ef4f659f0d152ca3da1d3ec368409cf4c0891eba",name:"right-header-tools"}),t("slot",{key:"d7c688c62f1ad142357db60f7a4b416867c20ae1",name:"avatar"}))),t("div",{key:"6bbcd3a48040cf13b0390b98801be4b99d7bdf49",class:"shell-layout__mobile-nav-backdrop",onClick:this.onNavigationClick}),t("nav",{key:"c05d758c74969f03fad7a1d3e5b903d2c680e7b6","aria-labelledby":"main-navigation-label",class:"shell-layout__nav",onClick:this.onNavigationClick,ref:e=>this.navElement=e},t("div",{key:"c3c04eaba9ff20a73845db38ff4b562d2414dc2d",class:"shell-layout__mobile-header"},t("slot",{key:"07f1625778e61f3938cccef67e24bb173b203909",name:"mobile-logo"}),t("div",{key:"15392b36f369987976820675e1a4fbd45effb159",class:"shell-layout__mobile-header-tools"},t("slot",{key:"94435f6243a966dba60fbc595772db0a216b9e23",name:"mobile-header-tools"}),t("button",{key:"823cdcc8ee76df9f16e9d2cbd217771edd6dfa48",class:"shell-layout__header-tool",type:"button"},t("swirl-icon-double-arrow-left",{key:"de254424cfd38c0fea5d8e6bc565cc25e139fbf8",size:20}),t("swirl-visually-hidden",{key:"fb09643f94f0c61e5e9e577f3e5d1317aeedd8d2"},this.hideMobileNavigationButtonLabel)))),t("div",{key:"405c83387f85237fca3ef9892707801ab6e2735c",class:"shell-layout__nav-body"},t("swirl-visually-hidden",{key:"f16984645dd82ca9f02361d9ecdb72e6db0de970"},t("span",{key:"2ffb855f902f4811b050d9541a5aa781ec1a9df0",id:"main-navigation-label"},this.navigationLabel)),t("slot",{key:"9c858311fb0c84bda11be081944e865fef043b90",name:"nav",onSlotchange:this.collectNavItems}),t("div",{key:"a0394d7b0f046f1b45cbc2dd946ca324091f2438",class:"shell-layout__secondary-nav"},t("swirl-separator",{key:"563a55f47dacbc2b904d0e21415ab357951e8d07",color:"strong",spacing:"16"}),this.enableSecondaryNavGridLayout&&t("swirl-box",{key:"9f08a2e40ab2d421c95a94ce71076ac8294583df",paddingBlockEnd:"16"},t("swirl-stack",{key:"15f5c1b05a114201637dd75f1923812774840b16",justify:e?"center":"space-between",orientation:"horizontal"},t("swirl-button",{key:"a83ff04cd3fe8cb2d6fd5b0d4020718a03211cea",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:"8ce83464ec2ab0b2fd6c91c19fce26ec0ea2871a",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:"4256906296cc7ac271ce5a0e8864484e05f3b8e7",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:"465e8596cbbd436f0a24d6c007f809ee195ceecd",name:"secondary-nav",onSlotchange:this.collectNavItems}))))),t("main",{key:"7e2136edb6b864bfef8cf3537946ad3a4ce36b68",class:"shell-layout__main",id:"main-content"},t("slot",{key:"d5736bf02b35c3e5d5e18d39d64fae4106b251aa"}))))}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}from"./swirl-visually-hidden2.js";const g=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(){console.warn('[Swirl] The "swirl-shell-navigation-item" component is deprecated and will be removed in the next major release.'),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:"b8a59db17564d4ed967f472cd09ddcfcc9362c95"},a("swirl-tooltip",{key:"c7e916c3de5ea4ab516d81e8ec4314ceb0f5b3d6",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right"},a(h?"a":"button",{key:"5409acedf783f9f83d6a79e2d9659010131eea20","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:"219c6fd850e080f83ee7dfbba5e7ff05c94d2393",class:"shell-navigation-item__icon"},a("slot",{key:"82ca0a339cc16d1f88a02619a171ec4e747f8342",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:"95428ba488305503f58044462c83071c01e8c78b",class:"shell-navigation-item__badge-wrapper"},a("swirl-badge",{key:"b1695e67c037fd88ea20f198918f47c6532d121f","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:"a752093572da2541c41e9d4af431cd4018c3e236",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&a("swirl-badge",{key:"937d2e58e7469623e1772155e8c720bb14c717a0",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=g,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),g);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))\|\|d()}}))};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}from"./swirl-visually-hidden2.js";const g=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(){console.warn('[Swirl] The "swirl-shell-navigation-item" component is deprecated and will be removed in the next major release.'),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:"cc77310dc4acd4a9da8e3e457922112b3ecd5fdd"},a("swirl-tooltip",{key:"e67512cc45d63cf5c7114cd3ef5aa1d9db14a973",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right"},a(h?"a":"button",{key:"3c08122cb36d9cddffc9beb74dba694e180beb79","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:"10010a49a2c66790952c2913e163771e36139390",class:"shell-navigation-item__icon"},a("slot",{key:"0b58cf0de148d848a0587bcf14e44d873cfa5fa0",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:"03c83fb6aac7f5b125a17b1193df76a8bb9de3ce",class:"shell-navigation-item__badge-wrapper"},a("swirl-badge",{key:"866723b920bde2ea08c5ba40ab483186625000be","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:"92dd22c9de407ce273fb5fe922136728fdd3b6cc",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&a("swirl-badge",{key:"9907353a8510f15325335c240840ff6e7d571712",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=g,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),g);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))\|\|d()}}))};export{v as SwirlShellNavigationItem,m as defineCustomElement}

package/dist/components/swirl-skeleton-box2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as t,Host as o,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=!0,this.borderRadius="base"}render(){const e=r("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return t(o,{key:"~~280025cc3af06d5f16830bceb6d5fc9d7b2174bb~~",style:{width:Boolean(this.width)\|\|Boolean(this.aspectRatio)?void 0:"100%"}},t("div",{key:"~~4517aa7668831d946f6f62b59b9a708c9796fc63~~",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:after{position:relative;display:block;width:100%;height:100%;background-image:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 12%, var(--s-surface-raised-default) 50%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255, 0) 100% );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}'}},[1,"swirl-skeleton-box",{animated:[4],aspectRatio:[1,"aspect-ratio"],borderRadius:[1,"border-radius"],height:[1],width:[1]}]);function n(){"undefined"!=typeof customElements&&["swirl-skeleton-box"].forEach((e=>{"swirl-skeleton-box"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),a))}))}export{a as S,n as d}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as t,Host as o,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=!0,this.borderRadius="base"}render(){const e=r("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return t(o,{key:"a904494821918f2bf3062d08ba1b47c9e61efb0e",style:{width:Boolean(this.width)\|\|Boolean(this.aspectRatio)?void 0:"100%"}},t("div",{key:"2b3ed236c42f282526a90c1d8b0c8e688fe96e0c",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:after{position:relative;display:block;width:100%;height:100%;background-image:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 12%, var(--s-surface-raised-default) 50%, rgba(255, 255, 255, 0) 88%, rgba(255, 255, 255, 0) 100% );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}'}},[1,"swirl-skeleton-box",{animated:[4],aspectRatio:[1,"aspect-ratio"],borderRadius:[1,"border-radius"],height:[1],width:[1]}]);function n(){"undefined"!=typeof customElements&&["swirl-skeleton-box"].forEach((e=>{"swirl-skeleton-box"===e&&(customElements.get(i(e))\|\|customElements.define(i(e),a))}))}export{a as S,n as d}

package/dist/components/swirl-skeleton-text.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=!0,this.lines=1,this.size="base"}render(){const e=l("skeleton-text","skeleton-text--size-"+this.size,{"skeleton-text--static":!this.animated}),t=l("skeleton-text__line","skeleton-text__line--size-"+this.size);return i(s,{key:"~~43e01fc714cc82a611ba7ae35179666332165f21~~"},i("div",{key:"~~39b9d8816558de414c86647e5e4d928d150207ab~~",class:e,part:e},Array(this.lines).fill(void 0).map(((e,s)=>i("div",{class:t,key:s,part:t})))))}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc( (var(--s-line-height-base) - var(--s-font-size-base)) / 2 )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc( (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2 )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc( (var(--s-line-height-base) - var(--s-font-size-base)) / 2 )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc( (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2 )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc( (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2 )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:""}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, var(--s-surface-raised-default) 33%, rgba(255, 255, 255, 0) 66% );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}'}},[1,"swirl-skeleton-text",{animated:[4],lines:[2],size:[1]}]),o=a,r=function(){"undefined"!=typeof customElements&&["swirl-skeleton-text"].forEach((e=>{"swirl-skeleton-text"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),a))}))};export{o as SwirlSkeletonText,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.animated=!0,this.lines=1,this.size="base"}render(){const e=l("skeleton-text","skeleton-text--size-"+this.size,{"skeleton-text--static":!this.animated}),t=l("skeleton-text__line","skeleton-text__line--size-"+this.size);return i(s,{key:"831e01b0d8ae61edab01a1577f4701563dd733e8"},i("div",{key:"df9a30fc4610bd7f327e10edab16697e040b144e",class:e,part:e},Array(this.lines).fill(void 0).map(((e,s)=>i("div",{class:t,key:s,part:t})))))}static get style(){return':host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc( (var(--s-line-height-base) - var(--s-font-size-base)) / 2 )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc( (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2 )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc( (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2 )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc( (var(--s-line-height-base) - var(--s-font-size-base)) / 2 )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc( (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2 )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc( (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2 )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:""}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, var(--s-surface-raised-default) 33%, rgba(255, 255, 255, 0) 66% );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}'}},[1,"swirl-skeleton-text",{animated:[4],lines:[2],size:[1]}]),o=a,r=function(){"undefined"!=typeof customElements&&["swirl-skeleton-text"].forEach((e=>{"swirl-skeleton-text"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),a))}))};export{o as SwirlSkeletonText,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as s,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{d as a}from"./swirl-visually-hidden2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="m"}render(){const e=t("spinner",`spinner--size-${this.size}`);return i(r,{key:"~~896b90a1da5f9cb9b1c9b9540948d48efe9c634b~~"},i("span",{key:"~~4af27983336679ff4f5c7d9a72a89d6250f7c43e~~",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"~~997446e9fe01fa7347a2fd983252f5ab715015fc~~","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"~~faf4c57a0667c197bcd1043c0f9ccff3cc57aee8~~",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"~~557d5075d53e3dd864f4646398ded2ec439d8f31~~",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"~~7d1408ac96a3f8c14eeae3bacf7a34152f9e9a58~~"},i("span",{key:"~~b72f43f445611c5bc52381397d2e0b92d050ba84~~",class:"spinner__label"},this.label))))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}"}},[1,"swirl-spinner",{label:[1],size:[8]}]);function c(){"undefined"!=typeof customElements&&["swirl-spinner","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-spinner":customElements.get(n(e))\|\|customElements.define(n(e),o);break;case"swirl-visually-hidden":customElements.get(n(e))\|\|a()}}))}export{o as S,c as d}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Host as r,transformTag as n}from"@stencil/core/internal/client";import{c as t}from"./index2.js";import{d as a}from"./swirl-visually-hidden2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="m"}render(){const e=t("spinner",`spinner--size-${this.size}`);return i(r,{key:"c9601df5db5e3ba40bff6367503e190469b33257"},i("span",{key:"ecbd75c21db09d2644ddbb4fb7d3e2000f7a375d",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"455290f2ede92357853b4f0dc3e7232551464a90","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"8648f8a09476832ea8d228edc5daac059151d1b2",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"df25966a846b4ead5d5d85f916e3abcdd0b7b49f",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"92b26b7cdc66641e9af33da40e553be187b79556"},i("span",{key:"becb1bcee84a2e60d96f6b21bd104859caf694ff",class:"spinner__label"},this.label))))}static get style(){return":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}"}},[1,"swirl-spinner",{label:[1],size:[8]}]);function o(){"undefined"!=typeof customElements&&["swirl-spinner","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-spinner":customElements.get(n(e))\|\|customElements.define(n(e),d);break;case"swirl-visually-hidden":customElements.get(n(e))\|\|a()}}))}export{d as S,o as d}

package/dist/components/swirl-status-indicator.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){const t=a("status-indicator","status-indicator--intent-"+this.intent);return s(e,{key:"~~dffacc974bb9f70ce8029c0eec4ba3452544ffd5~~"},s("div",{key:"~~84d21c11f39f1d01a767f650a62f5e6995bd8bcc~~",class:t},s("span",{key:"~~84edd676049cbbd81a7de2b24e65d74cd636b0d2~~",class:"status-indicator__dot"}),s("span",{key:"~~e1a8cee0a970791cc1a275aacfb4bc1fc76544bd~~",class:"status-indicator__label"},this.label)))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-status-indicator",{intent:[1],label:[1]}]),o=c,r=function(){"undefined"!=typeof customElements&&["swirl-status-indicator"].forEach((t=>{"swirl-status-indicator"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),c))}))};export{o as SwirlStatusIndicator,r as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,h as s,Host as e,transformTag as n}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){const t=o("status-indicator","status-indicator--intent-"+this.intent);return s(e,{key:"8fbbfffb0591857d5864f82d0e412487eb109706"},s("div",{key:"8230f2b774c5cbef179f9ed6278eea1fb8357b1e",class:t},s("span",{key:"c9279bfd72b5517b422d9086eb46e70e97a2170f",class:"status-indicator__dot"}),s("span",{key:"e99b50739908181fcf597882bde521fb635273d7",class:"status-indicator__label"},this.label)))}static get style(){return':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-status-indicator",{intent:[1],label:[1]}]),r=a,c=function(){"undefined"!=typeof customElements&&["swirl-status-indicator"].forEach((t=>{"swirl-status-indicator"===t&&(customElements.get(n(t))\|\|customElements.define(n(t),a))}))};export{r as SwirlStatusIndicator,c as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as s,createEvent as t,h as e,Host as c,transformTag as r}from"@stencil/core/internal/client";import{c as h}from"./index2.js";import{d as a}from"./swirl-stack2.js";import{d as l}from"./swirl-visually-hidden2.js";const n=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.disabled=!1,this.labelPosition="end",this.onChange=()=>{this.checked=!this.checked,this.valueChange.emit(this.checked)}}async toggle(){this.inputEl.dispatchEvent(new Event("change"))}render(){const i=this.checked,s=i?"true":"false",t=h("switch","switch--label-position-"+this.labelPosition,{"switch--off":!this.checked,"switch--on":i,"switch--disabled":this.disabled,"switch--hide-content":this.hideLabel&&(!this.description\|\|this.hideDescription)});return e(c,{key:"~~c36445296da171ac4d32739b5d41334d945450a3~~"},e("label",{key:"~~745f09d6d7d59718b9a0d416d7c372b24d9a25e6~~",class:t,htmlFor:this.inputId},e("span",{key:"~~02c3d26ebb2cfd424bad9869df9d0b81556eace7~~",class:"switch__control"},e("swirl-visually-hidden",{key:"~~2874d7fb100e3cb4bbff402390060ae064b298fb~~"},e("input",{key:"~~7eeb5934fd3db19366b14d3a7db9820003ab4e39~~","aria-checked":s,"aria-label":!this.hideLabel&&this.swirlAriaLabel?this.swirlAriaLabel:void 0,checked:i,class:"switch__input",disabled:this.disabled,id:this.inputId,name:this.inputName,onChange:this.onChange,ref:i=>this.inputEl=i,role:"switch",type:"checkbox",value:this.value})),e("span",{key:"~~4f7a61ebac2a82d90ab77141544b7a8cbf778091~~","aria-hidden":"true",class:"switch__thumb"})),e("swirl-stack",{key:"~~5743ed972e20497ccde260d285d992f667a46777~~",class:"switch__content"},this.label&&!this.hideLabel&&e("span",{key:"~~b45b7a925873f36fdddc1c9530dab5a9c604fcc4~~",class:"switch__label"},this.label),this.hideLabel&&e("swirl-visually-hidden",{key:"~~42866e983b85f70550da7a85de495aaba6a0d73c~~"},this.swirlAriaLabel\|\|this.label),this.description&&!this.hideDescription&&e("span",{key:"~~8f37ffca2463f830a0d896fe2f284cf0f52f43cd~~",class:"switch__description"},this.description),this.description&&this.hideDescription&&e("swirl-visually-hidden",{key:"~~719fdb9481cc1198d26669ccf84be2afd62c6d68~~"},this.description))))}get el(){return this}static get style(){return".sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;width:100%;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default), 0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__content.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch--hide-content.sc-swirl-switch .switch__content.sc-swirl-switch{margin-left:0}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__content.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12)}.switch__label.sc-swirl-switch{overflow:hidden;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm)}"}},[2,"swirl-switch",{checked:[1028],description:[1],disabled:[4],hideDescription:[4,"hide-description"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],labelPosition:[1,"label-position"],value:[1],swirlAriaLabel:[1,"swirl-aria-label"],toggle:[64]}]),d=n,w=function(){"undefined"!=typeof customElements&&["swirl-switch","swirl-stack","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-switch":customElements.get(r(i))\|\|customElements.define(r(i),n);break;case"swirl-stack":customElements.get(r(i))\|\|a();break;case"swirl-visually-hidden":customElements.get(r(i))\|\|l()}}))};export{d as SwirlSwitch,w as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as s,createEvent as t,h as e,Host as c,transformTag as r}from"@stencil/core/internal/client";import{c as h}from"./index2.js";import{d as a}from"./swirl-stack2.js";import{d as l}from"./swirl-visually-hidden2.js";const n=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.disabled=!1,this.labelPosition="end",this.onChange=()=>{this.checked=!this.checked,this.valueChange.emit(this.checked)}}async toggle(){this.inputEl.dispatchEvent(new Event("change"))}render(){const i=this.checked,s=i?"true":"false",t=h("switch","switch--label-position-"+this.labelPosition,{"switch--off":!this.checked,"switch--on":i,"switch--disabled":this.disabled,"switch--hide-content":this.hideLabel&&(!this.description\|\|this.hideDescription)});return e(c,{key:"619ece96819ec82ad5dd0852f2f2df278cea5105"},e("label",{key:"893aa9a13024f23b16b11e3b9dfc9076a0304a46",class:t,htmlFor:this.inputId},e("span",{key:"69ef1bd12d801bae4411581c4814bd499d0a2c11",class:"switch__control"},e("swirl-visually-hidden",{key:"0b1c08cc3880b6db6df65f6b1cd7032f22f8c141"},e("input",{key:"758d6b8f7e93def5bcc00d67f9decfab6c6b2a3c","aria-checked":s,"aria-label":!this.hideLabel&&this.swirlAriaLabel?this.swirlAriaLabel:void 0,checked:i,class:"switch__input",disabled:this.disabled,id:this.inputId,name:this.inputName,onChange:this.onChange,ref:i=>this.inputEl=i,role:"switch",type:"checkbox",value:this.value})),e("span",{key:"61ef3528e5270a73d5eb921fa4d79be9c00783db","aria-hidden":"true",class:"switch__thumb"})),e("swirl-stack",{key:"b9cca4a2ee8d111f59743a6b9e5e56a586ef1009",class:"switch__content"},this.label&&!this.hideLabel&&e("span",{key:"3f3170d9508715ccfd9df3d05f406d616ce01be7",class:"switch__label"},this.label),this.hideLabel&&e("swirl-visually-hidden",{key:"aba60179d0dfbbaf7d442a5126a786bd998e1cba"},this.swirlAriaLabel\|\|this.label),this.description&&!this.hideDescription&&e("span",{key:"0fa6134c18c11f2471cdc117b1ce299fefd93d7f",class:"switch__description"},this.description),this.description&&this.hideDescription&&e("swirl-visually-hidden",{key:"92e6c2b7a3024233561711588a67e0d500d43c7e"},this.description))))}get el(){return this}static get style(){return".sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;width:100%;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default), 0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__content.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch--hide-content.sc-swirl-switch .switch__content.sc-swirl-switch{margin-left:0}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__content.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12)}.switch__label.sc-swirl-switch{overflow:hidden;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm)}"}},[2,"swirl-switch",{checked:[1028],description:[1],disabled:[4],hideDescription:[4,"hide-description"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],labelPosition:[1,"label-position"],value:[1],swirlAriaLabel:[1,"swirl-aria-label"],toggle:[64]}]),w=n,d=function(){"undefined"!=typeof customElements&&["swirl-switch","swirl-stack","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-switch":customElements.get(r(i))\|\|customElements.define(r(i),n);break;case"swirl-stack":customElements.get(r(i))\|\|a();break;case"swirl-visually-hidden":customElements.get(r(i))\|\|l()}}))};export{w as SwirlSwitch,d as defineCustomElement}

package/dist/components/swirl-tab-bar2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as b,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as e}from"./index2.js";import{o as l}from"./utils.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.activateNextTab=r(this,"activateNextTab",7),this.activatePreviousTab=r(this,"activatePreviousTab",7),this.activateTab=r(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[l(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=e("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant,"tab-bar--wrap":this.wrap}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return b(i,{key:"~~fa51bcaf257bc2418f43ae1b9a27e28845369971~~"},b("div",{key:"~~c3e1ee0305c667577f0a0e0f58a42ccb67da5630~~","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=e("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),r=e("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant});return b("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&b("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),b("span",{class:r},a.label,a.suffix&&b("span",{class:"tab-bar__tab-suffix"},a.suffix)))}))))}get el(){return this}static get style(){return'.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h .sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}'}},[2,"swirl-tab-bar",{disableTabSemantics:[4,"disable-tab-semantics"],label:[1],justify:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],tabs:[16],variant:[1],wrap:[4]}]);function o(){"undefined"!=typeof customElements&&["swirl-tab-bar"].forEach((a=>{"swirl-tab-bar"===a&&(customElements.get(s(a))\|\|customElements.define(s(a),n))}))}export{n as S,o as d}
1	+ import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as b,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as e}from"./index2.js";import{o as l}from"./utils.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.activateNextTab=r(this,"activateNextTab",7),this.activatePreviousTab=r(this,"activatePreviousTab",7),this.activateTab=r(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[l(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=e("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant,"tab-bar--wrap":this.wrap}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return b(i,{key:"cea695a31584e81e5cf93c399a4936260549eebd"},b("div",{key:"21bc9de307bcbbdb0021bd64f0a6033326413568","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=e("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),r=e("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant});return b("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&b("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),b("span",{class:r},a.label,a.suffix&&b("span",{class:"tab-bar__tab-suffix"},a.suffix)))}))))}get el(){return this}static get style(){return'.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h .sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}'}},[2,"swirl-tab-bar",{disableTabSemantics:[4,"disable-tab-semantics"],label:[1],justify:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],tabs:[16],variant:[1],wrap:[4]}]);function o(){"undefined"!=typeof customElements&&["swirl-tab-bar"].forEach((a=>{"swirl-tab-bar"===a&&(customElements.get(s(a))\|\|customElements.define(s(a),n))}))}export{n as S,o as d}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c ~~as n~~}from"./index2.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=n("tab",{"tab--active":this.active});return s(a,{key:"~~09016889726af231992b6da353ffd1f8dfebd544~~","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},s("slot",{key:"~~462b1e5b70a5437e79f3917498a11f78ea88a2f9~~"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"]}]),l=o,r=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),o))}))};export{l as SwirlTab,r as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c}from"./index2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=c("tab",{"tab--active":this.active});return s(a,{key:"3c4be9425efcafb509e1a94255c297a282ca3012","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},s("slot",{key:"008b50131f6dafd7f0c2c9fd558ddfd827676209"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"]}]),o=n,d=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))\|\|customElements.define(i(t),n))}))};export{o as SwirlTab,d 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:"~~1d49180d7045ebea68edc1a7e2c6606c0e6876a7~~","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"~~19454dcbe0a1e7018fd0c0dd7d1abe1dd411764f~~"},t("slot",{key:"~~a71ff653f24c948bb87ff13436db7c02c9054f28~~"})),this.sortable&&t("span",{key:"~~cd463d4a168ae9745f5c5f638bc480e47c189d57~~",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"~~42576b5cef0657669789c2e4078ec0274673f35f~~","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"~~15dcd329b5a9570121a374f96309a5c83d6d9b57~~","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}
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:"94ccf173e9160210752e99bf016fbc324fd09068","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"f5f345d62629979b93050d31bb2094742e8deb3c"},t("slot",{key:"a8472f20cf1cbd5467c536a62f6dde86d308db5d"})),this.sortable&&t("span",{key:"30491c00341cc87ce81dd4e306a969e152baaf58",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"a7a558b2819a086f29bb68453c8be0ecfd6e26e4","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"aa5696ad673dae4857c90ab80b6f10570b4827e6","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}