@getflip/swirl-components 0.13.0 → 0.14.0

package/dist/swirl-components/p-af1ffdfc.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r,H as t,g as s}from"./p-9fe00e8a.js";import{c as l}from"./p-7b0adf16.js";import"./p-16e63a98.js";const i=class{constructor(r){o(this,r),this.descriptionId=`form-control-description-${Math.round(1e5*Math.random())}`,this.listenToInputValueChanges=()=>{this.inputEl.addEventListener("valueChange",this.checkInputValue)},this.checkInputValue=()=>{var o;this.inputValue=null===(o=this.inputEl)||void 0===o?void 0:o.value},this.onFocusIn=()=>{this.hasFocus=!0},this.onFocusOut=()=>{this.hasFocus&&(this.hasFocus=!1)}}componentWillLoad(){this.inputEl=this.el.children[0],this.associateDescriptionWithInputElement(),this.setInputElementDisabledState(),this.setInputElementInlineState(),this.setInputElementInvalidState(),this.setInputElementLabel(),this.checkInputValue(),this.listenToInputValueChanges()}associateDescriptionWithInputElement(){Boolean(this.description)&&Boolean(this.inputEl)&&this.inputEl.setAttribute("swirl-aria-describedby",this.descriptionId)}setInputElementDisabledState(){Boolean(this.inputEl)&&(this.disabled?this.inputEl.setAttribute("disabled","true"):this.inputEl.removeAttribute("disabled"))}setInputElementInlineState(){Boolean(this.inputEl)&&(this.inline?this.inputEl.setAttribute("inline","true"):this.inputEl.removeAttribute("inline"))}setInputElementInvalidState(){Boolean(this.inputEl)&&(this.invalid?this.inputEl.setAttribute("invalid","true"):this.inputEl.removeAttribute("invalid"))}setInputElementLabel(){Boolean(this.inputEl)&&this.inputEl.setAttribute("label",this.label)}onWindowClick(o){this.hasFocus&&(this.el.contains(o.target)||(this.hasFocus=!1))}render(){const o=Boolean(this.errorMessage),s=Boolean(this.description)&&!o,i=Array.isArray(this.inputValue)?this.inputValue.length>0:Boolean(this.inputValue),e=l("form-control",{"form-control--disabled":this.disabled,"form-control--inline":this.inline,"form-control--has-focus":this.hasFocus,"form-control--has-value":i,"form-control--invalid":this.invalid,"form-control--is-select":"SWIRL-SELECT"===this.inputEl.tagName});return r(t,{onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},r("div",{class:e,role:"group"},r("label",{class:"form-control__label"},r("span",{class:"form-control__label-text"},this.label),r("span",{class:"form-control__input"},r("slot",null))),s&&r("span",{class:"form-control__description",id:this.descriptionId},this.description),o&&r("span",{"aria-live":"polite",class:"form-control__error-message",id:this.descriptionId},r("swirl-inline-error",{message:this.errorMessage,size:"s"}))))}get el(){return s(this)}static get watchers(){return{description:["associateDescriptionWithInputElement"],disabled:["setInputElementDisabledState"],inline:["setInputElementInlineState"],invalid:["setInputElementInvalidState"],label:["setInputElementLabel"]}}};i.style=".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4)}";export{i as swirl_form_control}

package/dist/swirl-components/p-b0625526.entry.js

@@ -1 +0,0 @@
-import{r as a,h as r,H as t,g as i}from"./p-9fe00e8a.js";import{c as e}from"./p-7b0adf16.js";import"./p-16e63a98.js";const s={xs:28,s:32,m:40,l:48,xl:64,"2xl":144},o=class{constructor(r){a(this,r),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.variant="round",this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onKeydown=a=>{"Space"===a.code?a.preventDefault():"Enter"===a.code&&(a.preventDefault(),this.element.click())},this.onKeyup=a=>{"Space"===a.code&&(a.preventDefault(),this.element.click())}}componentDidLoad(){this.forceBadgeProps()}watchSrcProp(){this.imageAvailable=void 0}forceBadgeProps(){if(!Boolean(this.badge))return;const a=this.badgeEl.querySelector("swirl-badge");null==a||a.setAttribute("size","m")}render(){const a=Boolean(this.src)&&(this.imageAvailable||void 0===this.imageAvailable),i=!a&&Boolean(this.initials),o=!a&&!i&&Boolean(this.icon),n=!a&&!i&&!o,v=Boolean(this.badge)&&"m"===this.size,l=this.interactive?"button":"img",d=e("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":o||n,"avatar--has-initials":i,"avatar--interactive":this.interactive}),h=e("avatar__badge",`avatar__badge--position-${this.badgePosition}`);return r(t,{"aria-label":this.label,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:l,tabIndex:this.interactive?0:void 0},r("span",{class:d,part:"avatar"},a&&r("span",{class:"avatar__image"},r("img",{alt:"",height:s[this.size],onError:this.setImageUnavailable,onLoad:this.setImageAvailable,src:this.src,width:s[this.size]})),i&&r("span",{class:"avatar__initials"},r("span",null,this.initials)),o&&r("span",{class:"avatar__icon",innerHTML:this.icon}),n&&r("span",{class:"avatar__icon"},r("swirl-icon-person",null)),v&&r("span",{class:h,innerHTML:this.badge,ref:a=>this.badgeEl=a})),this.showLabel&&r("span",{"aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return i(this)}static get watchers(){return{src:["watchSrcProp"]}}};o.style=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";export{o as swirl_avatar}

package/dist/swirl-components/p-bd4b3edf.entry.js

@@ -1 +0,0 @@
-import{r as i,h as e,H as t}from"./p-9fe00e8a.js";const o={directories:[{name:"Development",description:"Updated 2 days ago.",children:[{description:"1.02 MB, updated 2 days ago.",name:"sample.pdf",type:"application/pdf",url:"/sample.pdf"},{description:"124 KB, updated a month ago.",name:"sample.jpg",type:"image/jpeg",url:"/sample.jpg"}]},{name:"People",description:"Updated just now.",children:[]}]},s=class{constructor(e){i(this,e),this.selectItem=i=>{"type"in i?(this.selectedFile=i,this.layout.changeMobileView("body")):this.selectedDirectory=i},this.resetSelectedDirectory=()=>{this.selectedDirectory=void 0},this.toggleSidebar=()=>{var i;null===(i=this.layout)||void 0===i||i.toggleSidebar()}}renderNavigation(){const i=Boolean(this.selectedDirectory)?this.selectedDirectory.children:o.directories;return i.length>0?i.map((i=>e("swirl-resource-list-item",{description:i.description,key:i.name,label:i.name,media:"type"in i?"<swirl-icon-file></swirl-icon-file>":"<swirl-icon-folder-shared></swirl-icon-folder-shared>",onClick:()=>this.selectItem(i)}))):e("swirl-box",{padding:"16"},e("swirl-text",{color:"subdued",weight:"medium"},"This directory is empty."))}render(){var i,o;return e(t,null,e("swirl-app-layout",{appName:"Documents",backToNavigationViewButtonLabel:"Back to documents list",ctaIcon:"<swirl-icon-add></swirl-icon-add>",ctaLabel:"Upload file",heading:null===(i=this.selectedFile)||void 0===i?void 0:i.name,navigationLabel:"Documents",onNavigationBackButtonClick:this.resetSelectedDirectory,ref:i=>this.layout=i,sidebarCloseButtonLabel:"Close file info",sidebarHeading:"File info",showNavigationBackButton:Boolean(this.selectedDirectory),subheading:null===(o=this.selectedFile)||void 0===o?void 0:o.description,transitionStyle:"dialog"},e("swirl-resource-list",{label:"Documents",slot:"navigation"},this.renderNavigation()),e("swirl-button",{id:"sort-button",label:"Sort items",slot:"navigation-controls"}),Boolean(this.selectedFile)?e("swirl-file-viewer",{file:this.selectedFile.url,slot:"content",type:this.selectedFile.type}):e("swirl-box",{cover:!0,centerBlock:!0,centerInline:!0,padding:"16",slot:"content"},e("swirl-empty-state",{heading:"Nothing to see here.",illustration:"/images/empty-state-1.svg"},"Please select a file from the list.")),e("div",{slot:"app-bar-controls"},this.selectedFile&&e("swirl-button",{"hide-label":!0,class:"info-button",icon:"<swirl-icon-info></swirl-icon-info>",label:"Open file info",onClick:this.toggleSidebar})),e("swirl-box",{padding:"16",slot:"sidebar"},e("swirl-text",{color:"subdued",weight:"medium"},"File info goes here …"))),e("swirl-popover",{label:"Sort items",popoverId:"sort-menu",trigger:"sort-button"},e("swirl-option-list",{value:["ascending"]},e("swirl-option-list-item",{icon:"<swirl-icon-expand-less></swirl-icon-expand-less>",label:"Ascending",value:"ascending"}),e("swirl-option-list-item",{icon:"<swirl-icon-expand-more></swirl-icon-expand-more>",label:"Descending",value:"descending"}),e("swirl-option-list-item",{icon:"<swirl-icon-time-outlined></swirl-icon-time-outlined>",label:"By date",value:"date"}))))}};export{s as file_manager}

package/dist/swirl-components/p-c0402092.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as e,g as s}from"./p-9fe00e8a.js";const a=class{constructor(o){r(this,o)}render(){const r=this.el.querySelectorAll("swirl-table-row").length;return o(e,{class:"table-row-group",role:"rowgroup"},o("div",{class:"table-row-group__header-row",role:"row"},o("span",{"aria-rowspan":r,class:"table-row-group__label",role:"rowheader"},this.label)),o("slot",null))}get el(){return s(this)}};a.style=":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}";export{a as swirl_table_row_group}

package/dist/swirl-components/p-d1315bab.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as s,g as i}from"./p-9fe00e8a.js";import{c as r}from"./p-7b0adf16.js";import{b as l}from"./p-4ef99de5.js";import"./p-16e63a98.js";const o=class{constructor(e){t(this,e),this.align="start",this.as="p",this.color="default",this.fontStyle="normal",this.size="base",this.weight="normal"}componentDidRender(){this.rebalance()}onWindowResize(){this.rebalance()}rebalance(){this.balance&&Boolean(this.textEl)&&l(this.textEl)}render(){const t=this.as,i=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--weight-${this.weight}`,{"text--truncate":this.truncate});return e(s,null,e(t,{class:i,ref:t=>this.textEl=t},e("slot",null)))}get el(){return i(this)}};o.style=".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";export{o as swirl_text}

package/dist/swirl-components/p-d31e7e68.entry.js

@@ -1 +0,0 @@
-import{r as i,c as a,h as t,H as n}from"./p-9fe00e8a.js";import{c as s}from"./p-7b0adf16.js";import"./p-16e63a98.js";const e=class{constructor(t){i(this,t),this.setPage=a(this,"setPage",7),this.accessibleNextButtonLabel="Next page",this.accessiblePrevButtonLabel="Previous page",this.nextButtonLabel="Next",this.pageLabel="out of",this.prevButtonLabel="Prev",this.pageSelectLabel="Select a page",this.variant="default",this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onSelect=i=>{const a=+i.target.value;this.page!==a&&this.setPage.emit(a)}}render(){const i="advanced"!==this.variant,a="simple"!==this.variant,e="advanced"===this.variant,o=`${this.page} ${this.pageLabel} ${this.pages}`,l=s("pagination",`pagination--variant-${this.variant}`);return t(n,null,t("nav",{"aria-label":this.label,class:l},t("ul",{class:"pagination__list",part:"pagination__list"},t("li",{class:"pagination__list-item"},t("swirl-button",{class:"pagination__prev-button",disabled:this.page<=1,swirlAriaLabel:this.accessiblePrevButtonLabel,hideLabel:i,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),t("li",{class:"pagination__list-item"},a?t("span",null,e?t("span",{"aria-current":"page",class:"pagination__advanced-label"},t("span",{class:"pagination__page-select-container"},t("select",{"aria-label":this.pageSelectLabel,class:"pagination__page-select",onChange:this.onSelect},new Array(this.pages).fill(void 0).map(((i,a)=>a+1)).map((i=>t("option",{selected:this.page===i,value:String(i)},i)))),t("swirl-icon-expand-more",{"aria-hidden":"true",class:"pagination__page-select-icon",size:16})),t("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages)):t("span",{"aria-current":"page"},o)):t("swirl-visually-hidden",null,t("span",{"aria-current":"page"},o))),t("li",{class:"pagination__list-item"},t("swirl-button",{class:"pagination__next-button",disabled:this.page>=this.pages,swirlAriaLabel:this.accessibleNextButtonLabel,hideLabel:i,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})))))}};e.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}";export{e as swirl_pagination}

package/dist/swirl-components/p-d370621c.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as a}from"./p-9fe00e8a.js";import{c as e}from"./p-7b0adf16.js";import"./p-16e63a98.js";const i=class{constructor(o){r(this,o)}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!Boolean(this.badge))return;const r=this.badgeEl.querySelector("swirl-badge");null==r||r.setAttribute("size","m")}render(){const r=e("avatar-group",{"avatar-group--has-badge":Boolean(this.badge)}),i=e("avatar-group__badge");return o(a,null,o("div",{class:r,role:"group"},o("slot",null),this.badge&&o("span",{class:i,innerHTML:this.badge,ref:r=>this.badgeEl=r})))}};i.style=":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(8, 1fr);grid-template-columns:repeat(8, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:3;grid-row-end:9}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border:0.25rem solid var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:3;grid-column-end:9;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:0;bottom:0;display:inline-flex;width:1.5rem;height:1.5rem}";export{i as swirl_avatar_group}

package/dist/swirl-components/p-d6de86fd.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as a,g as s}from"./p-9fe00e8a.js";import{i as r}from"./p-9142e03b.js";function o(t){return"function"==typeof t?t():t}function i(){var t={};return t.promise=new Promise((function(e,a){t.resolve=e,t.reject=a})),t}const l=class{constructor(e){t(this,e),this.emptyStateLabel="No results found.",this.updateLayout=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=void 0,r=void 0,l=void 0,n=[];return function(){var h=o(e),c=(new Date).getTime(),b=!s||c-s>h;s=c;for(var w=arguments.length,u=Array(w),m=0;m<w;m++)u[m]=arguments[m];if(b&&a.leading)return a.accumulate?Promise.resolve(t.call(this,[u])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(u)));if(r?clearTimeout(l):r=i(),n.push(u),l=setTimeout(d.bind(this),h),a.accumulate){var _=n.length-1;return r.promise.then((function(t){return t[_]}))}return r.promise};function d(){var e=r;clearTimeout(l),Promise.resolve(a.accumulate?t.call(this,n):t.apply(this,n[n.length-1])).then(e.resolve,e.reject),n=[],r=null}}((async()=>{await this.resetEmptyRowStyles(),await this.resetRowGroupStyles(),await this.resetCellStyles(),await this.resetColumnStyles(),await this.layoutEmptyRow(),await this.layoutRowGroups(),await this.layOutColumns(),this.layOutCells()}),100),this.onScroll=()=>{this.updateScrolledState()}}async componentDidRender(){await this.updateLayout(),this.updateScrolledState(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout(),this.updateScrolledState()}updateScrolledState(){const t=r(),e=this.container.scrollWidth>this.container.clientWidth,a=this.container.scrollLeft>0,s=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),a!==this.scrolled&&(a&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),s!==this.scrolledToEnd&&(s&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}async resetEmptyRowStyles(){const t=this.el.shadowRoot.querySelector(".table__empty-row");Boolean(t)&&(t.style.width="",await new Promise((t=>setTimeout(t))))}async resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row").style.width=""})),await new Promise((t=>setTimeout(t)))}async resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""})),await new Promise((t=>setTimeout(t)))}async resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""})),await new Promise((t=>setTimeout(t)))}async layoutEmptyRow(){const t=this.el.shadowRoot.querySelector(".table__empty-row");if(!Boolean(t))return;const e=`${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;t.style.width=e}async layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=`${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e}))}async layOutColumns(){const t=this.getColumns(),e=this.container.clientWidth;t.forEach(((a,s)=>{var o,i;if(!a.sticky||r())return;const l=s<=Math.floor(t.length/2),n=null===(o=t[s+1])||void 0===o?void 0:o.sticky,d=null===(i=t[s-1])||void 0===i?void 0:i.sticky;a.style.zIndex=l&&n?"1":"",l&&!n||!l&&!d?a.classList.add(l?"table-column--has-shadow-right":"table-column--has-shadow-left"):(a.classList.remove("table-column--has-shadow-right"),a.classList.remove("table-column--has-shadow-left"));const h=l?a.offsetLeft:Math.max(0,e-(a.offsetLeft+a.getBoundingClientRect().width));a.style.position="sticky",l?a.style.left=`${h}px`:a.style.right=`${h}px`})),await new Promise((t=>setTimeout(t)))}layOutCells(){const t=this.getColumns(),e=this.getCells();t.forEach(((a,s)=>{var o,i;const l=e.filter(((e,a)=>(s-a)%t.length==0)),n=s<=Math.floor(t.length/2),d=n?window.getComputedStyle(a).left:window.getComputedStyle(a).right,h=null===(o=t[s+1])||void 0===o?void 0:o.sticky,c=null===(i=t[s-1])||void 0===i?void 0:i.sticky,b=a.sticky,w=a.width||`${a.getBoundingClientRect().width}px`;l.forEach((t=>{const e=b&&n,a=b&&!n,s=n&&h;if(t.style.flex=Boolean(w)?`0 0 ${w}`:"",r())return t.classList.remove("table-cell--has-shadow"),t.style.left="",t.style.right="",t.style.position="",void(t.style.zIndex="");t.style.left=e?d:"",t.style.right=a?d:"",t.style.position=b?"sticky":"",t.style.zIndex=s?"1":"",b&&(n&&!h||!n&&!c)?t.classList.add(n?"table-cell--has-shadow-right":"table-cell--has-shadow-left"):(t.classList.remove("table-cell--has-shadow-right"),t.classList.remove("table-cell--has-shadow-left"))}))}))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!Boolean(t)||0===t.children.length}render(){return e(a,null,e("div",{class:"table"},e("div",{class:"table__container",onScroll:this.onScroll,ref:t=>this.container=t},e("div",{"aria-describedby":Boolean(this.caption)?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&e("swirl-visually-hidden",null,e("div",{id:"caption"},this.caption)),e("div",{role:"rowgroup"},e("div",{class:"table__header",role:"row"},e("slot",{name:"columns"}))),e("div",{class:"table__body"},e("slot",{name:"rows"}),this.empty&&e("div",{class:"table__empty-row",role:"row"},e("div",{"aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},e("swirl-text",{align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return s(this)}};l.style=":host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:0.0625rem 0 0 0 var(--s-border-default),\n    -0.0625rem 0 0 0 var(--s-border-default),\n    0 0.25rem 1rem rgba(25, 26, 28, 0.04),\n    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0.0625rem 0 0 0 var(--s-border-default),\n    -0.0625rem 0 0 0 var(--s-border-default),\n    0 0.25rem 1rem rgba(25, 26, 28, 0.04),\n    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}";export{l as swirl_table}

package/dist/swirl-components/p-d86dbbfc.entry.js

@@ -1 +0,0 @@
-import{r as i,c as a,h as o,H as t}from"./p-9fe00e8a.js";import{A as e}from"./p-fe0b5250.js";import{c as s}from"./p-7b0adf16.js";import"./p-16e63a98.js";const n=class{constructor(o){i(this,o),this.primaryAction=a(this,"primaryAction",7),this.secondaryAction=a(this,"secondaryAction",7),this.intent="primary",this.closing=!1,this.onKeyDown=i=>{"Escape"===i.code&&this.close()},this.onBackdropClick=()=>{this.close()},this.onPrimaryAction=i=>{this.primaryAction.emit(i),this.close()},this.onSecondaryAction=i=>{this.secondaryAction.emit(i),this.close()}}componentDidLoad(){this.dialog=new e(this.dialogEl),this.dialog.on("show",(()=>{var i;null===(i=this.controlsContainerEl.querySelector("swirl-button button"))||void 0===i||i.focus()}))}disconnectedCallback(){var i;null===(i=this.dialog)||void 0===i||i.destroy()}async open(){this.dialog.show()}async close(){this.closing||(this.closing=!0,setTimeout((()=>{this.dialog.hide(),this.closing=!1}),150))}render(){const i=s("dialog",{"dialog--closing":this.closing});return o(t,null,o("div",{"aria-describedby":"content","aria-hidden":"true","aria-labelledby":this.hideLabel?void 0:"label","aria-label":this.hideLabel?this.label:void 0,"aria-modal":"true",class:i,onKeyDown:this.onKeyDown,ref:i=>this.dialogEl=i,role:"alertdialog"},o("div",{class:"dialog__backdrop",onClick:this.onBackdropClick}),o("div",{class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&o("h2",{class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),o("div",{class:"dialog__content",part:"dialog__content",id:"content"},o("slot",null)),o("swirl-button-group",{class:"dialog__controls",ref:i=>this.controlsContainerEl=i,stretch:!0,wrap:!0},this.secondaryActionLabel&&o("swirl-button",{label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&o("swirl-button",{intent:this.intent,label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"critical"===this.intent?"ghost":"flat"})))))}};n.style=':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}';export{n as swirl_dialog}

package/dist/swirl-components/p-f300c8c0.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as o}from"./p-9fe00e8a.js";import{c as s,o as e,s as a,f as r}from"./p-6526bf3e.js";const n=class{constructor(i){t(this,i),this.delay=300,this.position="top",this.visible=!1,this.onKeydown=t=>{"Escape"===t.code&&this.hide()},this.reposition=async()=>{Boolean(this.referenceEl)&&Boolean(this.popperEl)&&(this.actualPosition=await s(this.referenceEl,this.popperEl,this.options))},this.show=()=>{this.visible=!0,requestAnimationFrame((()=>{this.reposition()}))},this.showWithDelay=()=>{Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.showTimeout=setTimeout((()=>{this.show()}),this.delay)},this.hide=()=>{Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.visible=!1},this.updateOptions=()=>{const t=16*+getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem","");this.options={middleware:[e(t),a(),r()],placement:this.position,strategy:"fixed"}},this.getArrowStyles=()=>{var t,i,o,s;return"top"===(null===(t=this.actualPosition)||void 0===t?void 0:t.placement)?{top:"100%",left:"50%",transform:"translate3d(-50%, -50%, 0) rotate(45deg)"}:"bottom"===(null===(i=this.actualPosition)||void 0===i?void 0:i.placement)?{bottom:"100%",left:"50%",transform:"translate3d(-50%, 50%, 0) rotate(45deg)"}:"right"===(null===(o=this.actualPosition)||void 0===o?void 0:o.placement)?{top:"50%",right:"100%",transform:"translate3d(50%, -50%, 0) rotate(45deg)"}:"left"===(null===(s=this.actualPosition)||void 0===s?void 0:s.placement)?{top:"50%",left:"100%",transform:"translate3d(-50%, -50%, 0) rotate(45deg)"}:void 0}}watchPosition(){this.updateOptions()}onMouseEnter(){this.showWithDelay()}onMouseLeave(){this.hide()}onWindowResize(){this.reposition()}onWindowScroll(){this.reposition()}componentWillLoad(){this.reposition()}componentDidLoad(){this.updateOptions()}render(){var t,s;const e=this.getArrowStyles();return i(o,{onKeydown:this.onKeydown},i("span",{class:"tooltip"},i("span",{class:"tooltip__reference","aria-describedby":"tooltip",onBlur:this.hide,onClick:this.hide,onFocus:this.show,ref:t=>this.referenceEl=t,tabIndex:0},i("slot",null)),i("span",{class:"tooltip__popper",ref:t=>this.popperEl=t,style:{top:Boolean(this.actualPosition)?`${null===(t=this.actualPosition)||void 0===t?void 0:t.y}px`:"",left:Boolean(this.actualPosition)?`${null===(s=this.actualPosition)||void 0===s?void 0:s.x}px`:""}},this.visible&&i("span",{class:"tooltip__bubble",id:"tooltip",part:"tooltip__bubble",role:"tooltip"},i("span",{class:"tooltip__content",innerHTML:this.content}),i("span",{class:"tooltip__arrow",style:e})))))}static get watchers(){return{position:["watchPosition"]}}};n.style=":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);-webkit-animation:tooltip-fade-in 0.1s;animation:tooltip-fade-in 0.1s}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@-webkit-keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}";export{n as swirl_tooltip}

package/dist/swirl-components/p-f62b9110.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,H as t,g as o}from"./p-9fe00e8a.js";import{A as a}from"./p-fe0b5250.js";import{d as r,e as s}from"./p-33c168b3.js";import{c as d}from"./p-7b0adf16.js";import{i as n}from"./p-9142e03b.js";import"./p-16e63a98.js";const l=class{constructor(i){e(this,i),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonLabel="Download PDF",this.printButtonLabel="Print PDF",this.zoomInButtonLabel="Zoom in",this.zoomOutButtonLabel="Zoom out",this.zoomSelectLabel="Select zoom",this.active=!1,this.closing=!1,this.downloading=!1,this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onKeyDown=e=>{"Escape"===e.code&&this.close()},this.onActivate=e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i}}componentWillLoad(){this.updateZoomSteps(),this.zoom=n()?"auto":1}componentDidLoad(){this.modal=new a(this.modalEl)}disconnectedCallback(){var e;this.unlockBodyScroll(),null===(e=this.modal)||void 0===e||e.destroy()}onWindowResize(){Boolean(this.pdfViewer)&&(this.updateZoomSteps(),this.zoom=n()?"auto":1)}async open(){this.modal.show(),this.active=!0}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modal.hide(),this.closing=!1,this.active=!1}),150))}lockBodyScroll(){const e=this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");Boolean(e)&&r(e)}unlockBodyScroll(){const e=this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");Boolean(e)&&s(e)}updateZoomSteps(){this.zoomSteps=n()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=d("pdf-reader",{"pdf-reader--closing":this.closing});return i(t,null,i("section",{"aria-hidden":"true","aria-label":this.label,class:e,id:"pdf-reader",onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},i("div",{class:"pdf-reader__body",role:"document"},i("header",{class:"pdf-reader__header"},i("span",{class:"pdf-reader__header-left"},i("swirl-button",{class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),i("span",{class:"pdf-reader__label"},this.label)),i("span",{class:"pdf-reader__header-center"},i("span",{class:"pdf-reader__zoom-button-container"},i("swirl-button",{class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[0],hideLabel:!0,icon:"<swirl-icon-remove></swirl-icon-remove>",label:this.zoomOutButtonLabel,onClick:this.onZoomOutButtonClick}),i("swirl-button",{class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],hideLabel:!0,icon:"<swirl-icon-add></swirl-icon-add>",label:this.zoomInButtonLabel,onClick:this.onZoomInButtonClick})),i("span",{class:"pdf-reader__zoom-select-container"},i("select",{"aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},i("option",{selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>i("option",{key:e,selected:this.zoom===e,value:e},100*e,"%")))),i("swirl-icon-expand-more",{class:"pdf-reader__zoom-select-icon"}))),i("span",{class:"pdf-reader__header-right"},i("swirl-button",{class:"pdf-reader__print-button",hideLabel:!0,icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),i("swirl-button",{class:"pdf-reader__download-button",disabled:this.downloading,hideLabel:!0,icon:this.downloading?'<swirl-spinner size="s"></swirl-spinner>':"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}))),i("div",{class:"pdf-reader__content"},i("swirl-file-viewer",{active:this.active,file:this.file,onActivate:this.onActivate,ref:e=>this.viewer=e,type:"application/pdf",zoom:this.zoom}),i("div",{class:"pdf-reader__mobile-zoom-controls"},i("button",{"aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},i("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),i("button",{"aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},i("swirl-icon-add",null)),i("button",{"aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},i("swirl-icon-remove",null)))))))}get el(){return o(this)}};l.style=':host{display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation:none}}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{width:100%;height:calc(100% - 4rem)}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}';export{l as swirl_pdf_reader}

package/dist/swirl-components/p-f95cc7e0.entry.js

@@ -1 +0,0 @@
-import{r as a,c as o,h as e,H as t,g as i}from"./p-9fe00e8a.js";import{c as s}from"./p-7b0adf16.js";import{i as l}from"./p-9142e03b.js";import"./p-16e63a98.js";const n=class{constructor(e){a(this,e),this.backButtonClick=o(this,"backButtonClick",7),this.helpButtonClick=o(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.showNavigationButtonLabel="Show main navigation",this.navigationLabel="Main",this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onHelpButtonClick=a=>{this.helpButtonClick.emit(a)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=a=>{var o;const e=a.target,t=Boolean(e.closest(".console-layout__mobile-navigation-button")),i="overlays"===(null===(o=e.closest("[slot]"))||void 0===o?void 0:o.slot);a.composedPath().includes(this.sidebarEl)||t||i||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=a=>{"Escape"===a.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{l()?this.deactivateSidebar():this.activateSidebar()}))}onWindowResize(){const a=l();a||this.sidebarActive?a&&this.deactivateSidebar():this.activateSidebar()}async toggleSidebar(){this.sidebarActive?this.deactivateSidebar():this.activateSidebar()}async showSidebar(){this.sidebarActive||this.activateSidebar()}async hideSidebar(){this.sidebarActive&&this.deactivateSidebar()}activateSidebar(){var a;this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),l()&&(null===(a=this.el.querySelector("swirl-tree-navigation-item"))||void 0===a||a.focus())}deactivateSidebar(){this.sidebarActive=!1,l()&&this.sidebarEl.setAttribute("inert","")}render(){const a=s("console-layout",{"console-layout--sidebar-active":this.sidebarActive});return e(t,null,e("div",{class:a,onClick:this.onClick,onKeyDown:this.onKeyDown},e("div",{"aria-hidden":String(!this.sidebarActive),class:"console-layout__sidebar",ref:a=>this.sidebarEl=a},e("header",{class:"console-layout__header"},e("div",{class:"console-layout__logo"},e("svg",{class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 16 26",width:"16",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z",fill:"#145AF5"}),e("path",{d:"M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z",fill:"#145AF5"}),e("path",{d:"M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z",fill:"#80A8F4"}),e("path",{d:"M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z",fill:"#80A8F4"})),e("swirl-text",{class:"console-layout__logo-text",weight:"medium"},this.logoText))),e("nav",{"aria-label":this.navigationLabel,class:"console-layout__navigation"},e("slot",{name:"navigation"})),e("div",{class:"console-layout__user"},e("slot",{name:"user"}))),e("main",{"aria-labelledby":"app-name",class:"console-layout__main"},e("header",{class:"console-layout__app-bar"},e("span",{class:"console-layout__mobile-navigation-button"},e("swirl-button",{swirlAriaExpanded:String(this.sidebarActive),hideLabel:!0,icon:this.sidebarActive?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-menu></swirl-icon-menu>",label:this.sidebarActive?this.hideNavigationButtonLabel:this.showNavigationButtonLabel,onClick:this.onMobileNavigationToggleClick})),e("swirl-heading",{as:"h1",class:"console-layout__app-name",headingId:"app-name",level:4,text:this.appName}),this.showHelpButton&&e("swirl-button",{class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),e("section",{"aria-labelledby":"heading",class:"console-layout__content"},e("header",{class:"console-layout__content-header"},this.showBackButton&&e("swirl-button",{class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),e("div",null,e("swirl-heading",{as:"h2",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&e("swirl-text",{class:"console-layout__subheading",color:"subdued"},this.subheading))),e("div",{class:"console-layout__integration"},e("slot",{name:"content"}))),e("div",{class:"console-layout__overlays"},e("slot",{name:"overlays"})))))}get el(){return i(this)}};n.style=':host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{box-shadow:0 0 1rem rgba(0, 0, 0, 0.06);transform:translate3d(0, 0, 0)}}.console-layout__sidebar{position:fixed;z-index:1;top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr auto;grid-template-areas:"header"\n    "navigation"\n    "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"\n    "content"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:2.5rem}}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}';export{n as swirl_console_layout}

package/dist/swirl-components/p-fa9e7b73.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as r,H as s}from"./p-9fe00e8a.js";function i(e,t,r){return Math.min(Math.max(e,r),t)}class n extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}var o=n;function a(e){if("string"!=typeof e)throw new o(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=p.test(e)?function(e){const t=e.toLowerCase().trim(),r=_[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new o(e);return`#${r}`}(e):e;const r=d.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(c(e,2),16))),parseInt(c(e[3]||"f",2),16)/255]}const s=l.exec(t);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const n=f.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=u.exec(t);if(a){const[t,r,s,n]=Array.from(a).slice(1).map(parseFloat);if(i(0,100,r)!==r)throw new o(e);if(i(0,100,s)!==s)throw new o(e);return[...g(t,r,s),n||1]}throw new o(e)}const h=e=>parseInt(e.replace(/_/g,""),36),_="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=h(t.substring(0,3)),s=h(t.substring(3)).toString(16);let i="";for(let e=0;e<6-s.length;e++)i+="0";return e[r]=`${i}${s}`,e}),{}),c=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),d=new RegExp(`^#${c("([a-f0-9])",3)}([a-f0-9])?$`,"i"),l=new RegExp(`^#${c("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),f=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${c(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),u=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,p=/^[a-z]+$/i,y=e=>Math.round(255*e),g=(e,t,r)=>{let s=r/100;if(0===t)return[s,s,s].map(y);const i=(e%360+360)%360/60,n=(1-Math.abs(2*s-1))*(t/100),o=n*(1-Math.abs(i%2-1));let a=0,h=0,_=0;i>=0&&i<1?(a=n,h=o):i>=1&&i<2?(a=o,h=n):i>=2&&i<3?(h=n,_=o):i>=3&&i<4?(h=o,_=n):i>=4&&i<5?(a=o,_=n):i>=5&&i<6&&(a=n,_=o);const c=s-n/2;return[a+c,h+c,_+c].map(y)};function m(e){const[t,r,s,i]=a(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,s),o=Math.min(t,r,s),h=(n+o)/2;if(n===o)return[0,0,h,i];const _=n-o;return[60*(t===n?(r-s)/_+(r<s?6:0):r===n?(s-t)/_+2:(t-r)/_+4),h>.5?_/(2-n-o):_/(n+o),h,i]}function v(e,t,r,s){return`hsla(${(e%360).toFixed()}, ${i(0,100,100*t).toFixed()}%, ${i(0,100,100*r).toFixed()}%, ${parseFloat(i(0,1,s).toFixed(3))})`}function w(e){return function(e,t,r,s){return`rgba(${i(0,255,e).toFixed()}, ${i(0,255,t).toFixed()}, ${i(0,255,r).toFixed()}, ${parseFloat(i(0,1,s).toFixed(3))})`}(...a(e))}const z={"--s-action-primary-default":"primary","--s-action-primary-hovered":"primaryHovered","--s-action-primary-pressed":"primaryPressed","--s-text-on-action-primary":"primaryContrast","--s-icon-on-action-primary":"primaryContrast","--s-surface-highlight-default":"secondary","--s-surface-highlight-hovered":"secondaryHovered","--s-surface-highlight-pressed":"secondaryPressed","--s-on-surface-highlight-default":"secondaryHovered","--s-text-on-surface-highlight":"secondaryContrast","--s-icon-on-surface-highlight":"secondaryContrast","--s-text-highlight":"text","--s-interactive-primary-default":"text","--s-interactive-primary-hovered":"textHovered","--s-interactive-primary-pressed":"textPressed"},k=class{constructor(r){e(this,r),this.themeChange=t(this,"themeChange",7)}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveTheme(){return this.appTheme}async getPreferredTheme(){if(Boolean(this.resolvedConfig.storage))return this.resolvedConfig.storage.getItem("swirl-preferred-theme")}async setPreferredTheme(e){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.setItem("swirl-preferred-theme",e),this.updateAppTheme())}async resetPreferredTheme(){Boolean(this.resolvedConfig.storage)&&(this.resolvedConfig.storage.removeItem("swirl-preferred-theme"),this.updateAppTheme())}resolveConfig(){var e,t;this.resolvedConfig=Object.assign(Object.assign({},this.config||{}),{rootElement:(null===(e=this.config)||void 0===e?void 0:e.rootElement)||document.documentElement,storage:(null===(t=this.config)||void 0===t?void 0:t.storage)||(null===window||void 0===window?void 0:window.localStorage)})}determineOSTheme(){if(!Boolean(window.matchMedia))return void(this.osTheme="light");const e=window.matchMedia("(prefers-color-scheme: dark)");this.osTheme=e.matches?"dark":"light",e.addEventListener("change",(e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}))}async updateAppTheme(){this.appTheme=await this.getPreferredTheme()||this.osTheme,"dark"===this.appTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables();const e={activeTheme:await this.getActiveTheme(),preferredTheme:await this.getPreferredTheme()};Boolean(this.recentThemeChangeEventData)&&e.activeTheme===this.recentThemeChangeEventData.activeTheme&&e.preferredTheme===this.recentThemeChangeEventData.preferredTheme||(this.recentThemeChangeEventData=e,this.themeChange.emit(this.recentThemeChangeEventData))}updateTenantVariables(){var e;const t=null===(e=this.resolvedConfig)||void 0===e?void 0:e.tenantColors;if(!Boolean(t))return void this.resetTenantVariables();const r=this.resolvedConfig.rootElement,s=m(t.primary),i=m(t.secondary),n=m(t.text),o=w(v(s[0],s[1]-.21,s[2]+.09,1)),a=w(v(s[0],s[1]-.2,s[2]+.17,1)),h=w(v(i[0],i[1],i[2]+.07,1)),_=w(v(i[0],i[1],i[2]+.15,1)),c=w(v(n[0],n[1]-.34,n[2]+.1,1)),d=w(v(n[0],n[1]-.48,n[2]+.2,1)),l=Object.assign(Object.assign({},t),{primaryHovered:o,primaryPressed:a,secondaryHovered:h,secondaryPressed:_,textHovered:c,textPressed:d});Object.entries(z).forEach((([e,t])=>r.style.setProperty(e,l[t])))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;[...Object.keys(z),"primaryHovered","primaryPressed","secondaryHovered","secondaryPressed","textHovered","textPressed"].forEach((t=>e.style.removeProperty(t)))}render(){return r(s,null,r("slot",null))}static get watchers(){return{config:["watchConfig"]}}};k.style=".sc-swirl-theme-provider-h{display:block}";export{k as swirl_theme_provider}

package/dist/swirl-components/p-fbc2a9eb.entry.js

@@ -1 +0,0 @@
-import{r as a,c as t,h as i,H as o,g as e}from"./p-9fe00e8a.js";import{c as s}from"./p-7b0adf16.js";import{i as n}from"./p-9142e03b.js";import"./p-16e63a98.js";const r=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.mobileView="navigation",this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()}}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}disconnectedCallback(){var a;null===(a=this.mutationObserver)||void 0===a||a.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=n()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!n()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;let i=0;"slides"===this.transitionStyle?i=400:"dialog"===this.transitionStyle&&(i=300),this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation,t=s("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return i(o,null,i("section",{"aria-labelledby":"app-name",class:t,role:"document",tabIndex:0},i("div",{class:"app-layout__grid"},i("header",{class:"app-layout__header"},this.showNavigationBackButton&&i("span",{class:"app-layout__navigation-back-button"},i("swirl-button",{hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",intent:"primary",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{as:"h1",class:"app-layout__app-name",headingId:"app-name",level:2,text:this.appName}),this.hasNavigation&&i("span",{class:"app-layout__navigation-controls"},i("slot",{name:"navigation-controls"}))),i("nav",{"aria-label":this.navigationLabel,class:"app-layout__navigation"},i("slot",{name:"navigation"})),i("section",{"aria-labelledby":this.hasNavigation?"heading":"app-name",class:"app-layout__body"},this.hasNavigation?i("header",{class:"app-layout__app-bar"},a&&i("span",{class:"app-layout__back-to-navigation-button"},i("swirl-button",{hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",intent:"primary",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.appBarMedia&&i("div",{class:"app-layout__app-bar-media",innerHTML:this.appBarMedia}),i("div",{class:"app-layout__app-bar-heading"},this.heading&&i("swirl-heading",{as:"h2",headingId:"heading",level:4,text:this.heading}),this.subheading&&i("span",{class:"app-layout__app-bar-subheading"},this.subheading)),i("div",{class:"app-layout__app-bar-controls"},i("slot",{name:"app-bar-controls"}))):i("header",{class:"app-layout__app-bar"},i("swirl-heading",{as:"h1",headingId:"app-name",level:2,text:this.appName}),i("span",{class:"app-layout__navigation-controls"},i("slot",{name:"navigation-controls"}))),i("div",{class:"app-layout__content"},i("slot",{name:"content"}))),i("aside",{class:"app-layout__sidebar"},i("header",{class:"app-layout__sidebar-header"},i("swirl-button",{class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",intent:"primary",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:2,text:this.sidebarHeading})),i("div",{class:"app-layout__sidebar-content"},i("slot",{name:"sidebar"}))),this.ctaLabel&&i("span",{class:"app-layout__floating-cta"},i("swirl-button",{hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"})))))}get el(){return e(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};r.style=':host{display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;max-width:100rem;height:100%;margin-right:auto;margin-left:auto;border:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-border-default)}@media (min-width: 1440px){.app-layout{border-radius:var(--s-border-radius-base)}}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-template-columns:100%;grid-template-rows:4rem 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-in 0.3s;animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{-webkit-animation:app-layout-sidebar-slide-out 0.3s;animation:app-layout-sidebar-slide-out 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:app-layout-sidebar-overlay-slide-out 0.3s;animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{-webkit-animation:none;animation:none}}.app-layout__header{z-index:1;display:flex;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;background-color:var(--s-background-default);grid-area:navigation;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;gap:var(--s-border-width-default);grid-area:body;grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"\n    "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__app-bar-media{display:inline-flex;flex-shrink:0}.app-layout__app-bar-heading{min-width:0;flex-grow:1}.app-layout__app-bar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-subheading{display:block;overflow:hidden;max-width:100%;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}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;will-change:transform;gap:var(--s-border-width-default);grid-area:sidebar;grid-template-rows:4rem 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.3s;animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;-webkit-animation:none;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}';const l=class{constructor(t){a(this,t),this.as="div",this.overflow="visible",this.padding="0"}render(){const a=this.as,t={overflow:this.overflow,padding:`var(--s-space-${this.padding})`,position:Boolean(this.overflow)?"relative":""},e=s("box",{"box--bordered":this.bordered,"box--center-block":this.centerBlock,"box--center-inline":this.centerInline,"box--cover":this.cover});return i(o,{style:this.cover?{width:"100%",height:"100%"}:void 0},i(a,{class:e,style:t},i("slot",null)))}};l.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.box--bordered{border:var(--s-border-width-default) solid var(--s-border-default)}.box--center-block{display:flex;align-items:center}.box--center-inline{display:flex;justify-content:center}.box--cover{width:100%;height:100%}";const p=class{constructor(t){a(this,t)}render(){return i(o,null,i("div",{class:"empty-state"},this.illustration&&i("img",{alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{class:"empty-state__body"},this.heading&&i("swirl-heading",{align:"center",as:"p",text:this.heading}),i("div",{class:"empty-state__content"},i("swirl-text",{align:"center",color:"subdued"},i("slot",null))))))}};p.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}";const d=class{constructor(t){a(this,t),this.focusedIndex=0,this.onFocus=()=>{this.focusItemAtIndex(this.focusedIndex)},this.onKeyDown=a=>{"ArrowDown"===a.key?(a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length)):"ArrowUp"===a.key?(a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1)):"Home"===a.key?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.key&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1))}}componentDidLoad(){this.collectItems(),this.removeItemsFromTabOrder()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item"))}removeItemsFromTabOrder(){this.items.forEach((a=>{var t,i;return null===(i=null===(t=a.shadowRoot)||void 0===t?void 0:t.querySelector(".resource-list-item__content, .resource-list-file-item"))||void 0===i?void 0:i.setAttribute("tabIndex","-1")}))}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];if(!Boolean(t))return;const i=t.shadowRoot.querySelector(".resource-list-item__content, .resource-list-file-item");i.setAttribute("tabIndex","0"),i.focus(),this.focusedIndex=a}render(){return i(o,{onKeyDown:this.onKeyDown},i("swirl-stack",{"aria-label":this.label,onFocus:this.onFocus,role:"grid",tabIndex:0},i("slot",null)))}get el(){return e(this)}};d.style=":host{display:block;width:100%}:host *{box-sizing:border-box}";const u=class{constructor(i){a(this,i),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.menuTriggerLabel="Options",this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()}}componentDidLoad(){this.forceAvatarProps(),this.forceThumbnailProps()}forceAvatarProps(){const a=this.el.querySelector("swirl-avatar");Boolean(a)&&(a.removeAttribute("interactive"),a.removeAttribute("show-label"),a.removeAttribute("variant"),a.setAttribute("size","l"))}forceThumbnailProps(){const a=this.el.querySelector("swirl-thumbnail");Boolean(a)&&(a.setAttribute("format","landscape"),["s","m"].includes(a.getAttribute("size"))||a.setAttribute("size","m"))}render(){const a=Boolean(this.href)&&!this.selectable?"a":"button",t=this.disabled&&!Boolean(this.href),e=Boolean(this.menuTriggerId),n=e&&!Boolean(this.meta)&&!this.selectable,r=Boolean(this.meta)&&!this.selectable,l=this.selectable?String(this.checked):void 0,p=this.selectable?"checkbox":void 0,d=s("resource-list-item",{"resource-list-item--checked":this.checked,"resource-list-item--has-menu":e,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--selectable":this.selectable});return i(o,{role:"row"},i("div",{class:d,role:"gridcell"},i(a,{"aria-checked":l,"aria-disabled":t?"true":void 0,"aria-labelledby":"label",class:"resource-list-item__content",href:this.href,disabled:t,onClick:this.onClick,part:"resource-list-item__content",role:p,tabIndex:0},Boolean(this.media)&&i("span",{class:"resource-list-item__media",innerHTML:this.media}),i("span",{class:"resource-list-item__label-container"},i("span",{class:"resource-list-item__label",id:"label"},this.label),this.description&&i("span",{class:"resource-list-item__description"},this.description))),this.selectable&&i("span",{"aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",null))),r&&i("span",{class:"resource-list-item__meta"},this.meta),n&&i("swirl-button",{"aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",id:this.menuTriggerId,intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick})))}get el(){return e(this)}};u.style=':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{outline:none}.resource-list-item__content:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content:focus-visible .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);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{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (min-width: 768px){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}';export{r as swirl_app_layout,l as swirl_box,p as swirl_empty_state,d as swirl_resource_list,u as swirl_resource_list_item}

package/dist/swirl-components/p-fed1e05b.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,H as s}from"./p-9fe00e8a.js";import{c as e}from"./p-7b0adf16.js";import{g as a}from"./p-9142e03b.js";import"./p-16e63a98.js";const o=class{constructor(t){i(this,t),this.intent="default",this.size="m",this.desktopMediaQuery=a(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)}}componentDidLoad(){var i,t;this.forceIconProps(this.desktopMediaQuery.matches),null===(t=(i=this.desktopMediaQuery).addEventListener)||void 0===t||t.call(i,"change",this.desktopMediaQueryHandler)}disconnectedCallback(){var i,t;null===(t=(i=this.desktopMediaQuery).removeEventListener)||void 0===t||t.call(i,"change",this.desktopMediaQueryHandler)}forceIconProps(i){var t,s;const e=null===(t=this.iconEl)||void 0===t?void 0:t.children[0],a=null===(s=this.suffixEl)||void 0===s?void 0:s.children[0];null==e||e.setAttribute("size",i?"20":"24"),null==a||a.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.suffix)&&!this.disabled,a=e("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return t(s,null,t("button",{class:a,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},this.icon&&t("span",{class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{class:"action-list-item__label-container"},t("span",{class:"action-list-item__label"},this.label),this.description&&t("span",{class:"action-list-item__description"},this.description)),i&&t("span",{class:"action-list-item__suffix",innerHTML:this.suffix,ref:i=>this.suffixEl=i})))}};o.style=":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}";export{o as swirl_action_list_item}