@getflip/swirl-components 0.242.0 → 0.244.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.json +1 -1
- package/dist/cjs/swirl-action-list_3.cjs.entry.js +1 -1
- package/dist/cjs/swirl-app-layout_5.cjs.entry.js +1 -1
- package/dist/cjs/swirl-autocomplete.cjs.entry.js +1 -1
- package/dist/cjs/swirl-banner.cjs.entry.js +1 -1
- package/dist/cjs/swirl-button.cjs.entry.js +1 -1
- package/dist/cjs/swirl-carousel.cjs.entry.js +1 -1
- package/dist/cjs/swirl-chip.cjs.entry.js +1 -1
- package/dist/cjs/swirl-console-layout.cjs.entry.js +1 -1
- package/dist/cjs/swirl-date-input.cjs.entry.js +2 -2
- package/dist/cjs/swirl-date-picker_2.cjs.entry.js +5 -3
- package/dist/cjs/swirl-file-viewer_8.cjs.entry.js +1 -1
- package/dist/cjs/swirl-form-control.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-check-small_3.cjs.entry.js +1 -1
- package/dist/cjs/swirl-icon-error_3.cjs.entry.js +1 -1
- package/dist/cjs/swirl-inline-status.cjs.entry.js +1 -1
- package/dist/cjs/swirl-lightbox.cjs.entry.js +1 -1
- package/dist/cjs/swirl-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/swirl-menu.cjs.entry.js +1 -1
- package/dist/cjs/swirl-option-list_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-pagination.cjs.entry.js +1 -1
- package/dist/cjs/swirl-pdf-reader.cjs.entry.js +1 -1
- package/dist/cjs/swirl-popover_2.cjs.entry.js +1 -1
- package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js +1 -1
- package/dist/cjs/swirl-search.cjs.entry.js +1 -1
- package/dist/cjs/swirl-select.cjs.entry.js +1 -1
- package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-column.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table-row.cjs.entry.js +1 -1
- package/dist/cjs/swirl-table.cjs.entry.js +1 -1
- package/dist/cjs/swirl-text-input.cjs.entry.js +1 -1
- package/dist/cjs/swirl-time-input.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toast.cjs.entry.js +1 -1
- package/dist/cjs/swirl-toolbar.cjs.entry.js +1 -1
- package/dist/cjs/{utils-3ff36fc3.js → utils-ea8f1bbc.js} +7 -0
- package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/collection/components/swirl-date-input/swirl-date-input.js +1 -1
- package/dist/collection/components/swirl-date-picker/swirl-date-picker.js +5 -3
- package/dist/collection/utils.js +6 -0
- package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
- package/dist/components/swirl-date-input.js +1 -1
- package/dist/components/swirl-date-picker2.js +5 -3
- package/dist/components/swirl-file-viewer-pdf2.js +1 -1
- package/dist/components/utils.js +7 -1
- package/dist/esm/swirl-action-list_3.entry.js +1 -1
- package/dist/esm/swirl-app-layout_5.entry.js +1 -1
- package/dist/esm/swirl-autocomplete.entry.js +1 -1
- package/dist/esm/swirl-banner.entry.js +1 -1
- package/dist/esm/swirl-button.entry.js +1 -1
- package/dist/esm/swirl-carousel.entry.js +1 -1
- package/dist/esm/swirl-chip.entry.js +1 -1
- package/dist/esm/swirl-console-layout.entry.js +1 -1
- package/dist/esm/swirl-date-input.entry.js +2 -2
- package/dist/esm/swirl-date-picker_2.entry.js +5 -3
- package/dist/esm/swirl-file-viewer_8.entry.js +1 -1
- package/dist/esm/swirl-form-control.entry.js +1 -1
- package/dist/esm/swirl-icon-check-small_3.entry.js +1 -1
- package/dist/esm/swirl-icon-error_3.entry.js +1 -1
- package/dist/esm/swirl-inline-status.entry.js +1 -1
- package/dist/esm/swirl-lightbox.entry.js +1 -1
- package/dist/esm/swirl-menu-item.entry.js +1 -1
- package/dist/esm/swirl-menu.entry.js +1 -1
- package/dist/esm/swirl-option-list_2.entry.js +1 -1
- package/dist/esm/swirl-pagination.entry.js +1 -1
- package/dist/esm/swirl-pdf-reader.entry.js +1 -1
- package/dist/esm/swirl-popover_2.entry.js +1 -1
- package/dist/esm/swirl-resource-list-file-item.entry.js +1 -1
- package/dist/esm/swirl-search.entry.js +1 -1
- package/dist/esm/swirl-select.entry.js +1 -1
- package/dist/esm/swirl-shell-layout.entry.js +1 -1
- package/dist/esm/swirl-table-column.entry.js +1 -1
- package/dist/esm/swirl-table-row.entry.js +1 -1
- package/dist/esm/swirl-table.entry.js +1 -1
- package/dist/esm/swirl-text-input.entry.js +1 -1
- package/dist/esm/swirl-time-input.entry.js +1 -1
- package/dist/esm/swirl-toast.entry.js +1 -1
- package/dist/esm/swirl-toolbar.entry.js +1 -1
- package/dist/esm/{utils-c16952ba.js → utils-fbb8b494.js} +7 -1
- package/dist/swirl-components/{p-2345c14d.entry.js → p-0ea22981.entry.js} +1 -1
- package/dist/swirl-components/{p-5848d900.js → p-0f3e0216.js} +1 -1
- package/dist/swirl-components/{p-7b495cc5.entry.js → p-1734ea9d.entry.js} +1 -1
- package/dist/swirl-components/{p-5d695f9b.entry.js → p-1aa8bcdd.entry.js} +1 -1
- package/dist/swirl-components/{p-27949721.entry.js → p-20da3d2d.entry.js} +1 -1
- package/dist/swirl-components/{p-a10ed615.entry.js → p-228fa9b1.entry.js} +1 -1
- package/dist/swirl-components/{p-61380861.entry.js → p-2c89099f.entry.js} +1 -1
- package/dist/swirl-components/{p-31b60d97.entry.js → p-2d5febaf.entry.js} +1 -1
- package/dist/swirl-components/{p-b842eada.entry.js → p-3655eef1.entry.js} +1 -1
- package/dist/swirl-components/{p-f573a423.entry.js → p-3ebba275.entry.js} +1 -1
- package/dist/swirl-components/{p-988ae98c.entry.js → p-45c2cab4.entry.js} +1 -1
- package/dist/swirl-components/{p-1eb1740f.entry.js → p-53eaa0c6.entry.js} +1 -1
- package/dist/swirl-components/{p-afab28e7.entry.js → p-59170d31.entry.js} +1 -1
- package/dist/swirl-components/{p-e292cd72.entry.js → p-5bf82f59.entry.js} +1 -1
- package/dist/swirl-components/{p-eab3affb.entry.js → p-608b79dd.entry.js} +1 -1
- package/dist/swirl-components/{p-287735ba.entry.js → p-68dd3499.entry.js} +1 -1
- package/dist/swirl-components/{p-9e7345e3.entry.js → p-6fc1980c.entry.js} +1 -1
- package/dist/swirl-components/{p-8aadf96e.entry.js → p-8e1d437e.entry.js} +1 -1
- package/dist/swirl-components/p-904f37fb.entry.js +1 -0
- package/dist/swirl-components/{p-d1ad44d7.entry.js → p-93312be7.entry.js} +1 -1
- package/dist/swirl-components/{p-1ff89bbb.entry.js → p-94f10f2f.entry.js} +1 -1
- package/dist/swirl-components/{p-ba736fa7.entry.js → p-96f34198.entry.js} +1 -1
- package/dist/swirl-components/{p-7efb329c.entry.js → p-9a648d66.entry.js} +1 -1
- package/dist/swirl-components/{p-0a15eb59.entry.js → p-9e6e2b92.entry.js} +1 -1
- package/dist/swirl-components/{p-b29217db.entry.js → p-9f226f15.entry.js} +1 -1
- package/dist/swirl-components/p-a02133b0.entry.js +1 -0
- package/dist/swirl-components/{p-686d7536.entry.js → p-a58a0596.entry.js} +1 -1
- package/dist/swirl-components/{p-2912822a.entry.js → p-aee2ea5b.entry.js} +1 -1
- package/dist/swirl-components/{p-9f5a3be8.entry.js → p-b0fdbdf4.entry.js} +1 -1
- package/dist/swirl-components/{p-6070c180.entry.js → p-b99f3832.entry.js} +1 -1
- package/dist/swirl-components/{p-e4dc6909.entry.js → p-dfc88229.entry.js} +1 -1
- package/dist/swirl-components/{p-a59d2a08.entry.js → p-f27ad3db.entry.js} +1 -1
- package/dist/swirl-components/{p-2403e8e2.entry.js → p-f3f4210e.entry.js} +1 -1
- package/dist/swirl-components/{p-4c17c954.entry.js → p-fc655366.entry.js} +1 -1
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/swirl-components/p-80db466e.entry.js +0 -1
- package/dist/swirl-components/p-9dd61c57.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,c as e,h as t,H as i,g as a}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{g as r}from"./p-
|
|
1
|
+
import{r as n,c as e,h as t,H as i,g as a}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{g as r}from"./p-0f3e0216.js";const o={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},c=class{constructor(t){n(this,t),this.action=e(this,"action",7),this.dismiss=e(this,"dismiss",7),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=n=>{this.forceIconProps(n.matches)},this.onAction=n=>{this.action.emit(n)},this.onDismiss=n=>{this.dismiss.emit(n)},this.actionLabel=void 0,this.content=void 0,this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.icon=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(n){const e=this.iconEl?.children[0],t=this.dismissButtonEl?.children[0];e?.setAttribute("size",n?"20":"24"),t?.setAttribute("size",n?"20":"24")}determineIcon(){return this.icon?this.icon:o[this.intent]}render(){const n=this.determineIcon(),e=Boolean(this.actionLabel)||this.dismissable,a=this.icon||this.showIcon&&Boolean(n),r=s("banner",`banner--intent-${this.intent}`,`banner--size-${this.size}`,{"banner--has-icon":a});return t(i,{key:"59ad8b46103af68b01514dffb4a8ffc3f7366135"},t("div",{key:"e7a44b513cc0e362187b7972bbe30370b9789b1d","aria-describedby":"content",class:r,role:this.importance,tabIndex:0},t("div",{key:"4465f6f6ab0afe3231e25a52192a9f56d5756efe",class:"banner__content",id:"content",part:"banner__content"},a&&t("span",{key:"4aa59545611d08217a0edb767ee34f5d7fc2e18b","aria-hidden":"true",class:"banner__icon",innerHTML:n,ref:n=>this.iconEl=n}),t("span",{key:"91ee916917e08fd7d19277740a63c6efa2493910",class:"banner__text"},this.content)),e&&t("div",{key:"49b0b4c1f8b83e60e033fd3729c1591f3ba961bc",class:"banner__controls"},this.actionLabel&&t("button",{key:"3642186b3c70e2a2a2fef4ec21ab3cda77d345c6",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&t("button",{key:"a09f723ea799b686f0e06baeeb87590a1b60f1fa","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:n=>this.dismissButtonEl=n,type:"button"},t("swirl-icon-close",{key:"caaba0ff27439dd72e1efd50178a253e496abd4d"})))))}get element(){return a(this)}};c.style=":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}";export{c as swirl_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,H as s}from"./p-30e99c25.js";import{c as n}from"./p-a5dce9e6.js";import{g as e}from"./p-
|
|
1
|
+
import{r as i,h as t,H as s}from"./p-30e99c25.js";import{c as n}from"./p-a5dce9e6.js";import{g as e}from"./p-0f3e0216.js";const a=class{constructor(t){i(this,t),this.desktopMediaQuery=e(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.icon=void 0,this.intent=void 0,this.message=void 0,this.size="m",this.iconSize=20}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];if(!Boolean(t))return;let s="24";"s"===this.size?s="16":i&&(s="20"),t.setAttribute("size",s)}render(){const i=n("inline-status",`inline-status--intent-${this.intent}`,`inline-status--size-${this.size}`);return t(s,{key:"dead8fd6471282b38692ed067771dff6ed0b661b"},t("span",{key:"fea8c86b1e9acdf04f9e5bfc2df5408ee4ac5671",class:i,part:"inline-status"},this.icon&&t("span",{key:"5cf32f454ea173dc8644516a6fa384a584afe99a",class:"inline-status__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{key:"d60dc4ed468b9715dc1e3096b1bf7142baa04b03",class:"inline-status__message"},this.message)))}};a.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";export{a as swirl_inline_status}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as
|
|
1
|
+
import{r as t,h as o,H as e,g as r}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{c as a}from"./p-0f3e0216.js";const l=class{constructor(o){t(this,o),this.highlighted=void 0,this.index=void 0}componentDidLoad(){const t=a(this.el,"swirl-table");t?.rerender()}render(){const t=s("table-row",{"table-row--highlighted":this.highlighted});return o(e,{key:"3c1f477c956b256c59460f941a75a8ca1aff3f1e","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"09399cfe33fb05eaad0879f7543f3bfd8d0cfe04"}))}get el(){return r(this)}};l.style=":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";export{l as swirl_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-30e99c25.js";import{a,c as h,o as l}from"./p-bc0de553.js";import{c}from"./p-a5dce9e6.js";import{d as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,H as e,g as o}from"./p-30e99c25.js";import{a,c as h,o as l}from"./p-bc0de553.js";import{c}from"./p-a5dce9e6.js";import{d as r}from"./p-0f3e0216.js";const n=class{constructor(s){t(this,s),this.valueChange=i(this,"valueChange",7),this.onChange=t=>{t.stopPropagation(),this.updateTerm(t)},this.updateTerm=r((async t=>{this.updateSuggestions(t.detail),this.open(),this.multiSelect||Boolean(t.detail)&&""!==t.detail||(this.value=void 0,this.valueChange.emit(this.value))}),250,!1),this.onSelect=async t=>{if(t.stopPropagation(),this.multiSelect){const i=t.detail,s=this.suggestions.filter((t=>!i.includes(t.id))).map((t=>t.id));this.value=[...this.value.filter((t=>!s.includes(t.id))),...this.suggestions.filter((t=>i.includes(t.id)&&!this.value.some((i=>i.id===t.id))))],this.valueChange.emit(this.value),this.inputEl.value="";const e=this.inputEl.querySelector("input");Boolean(e)&&(e.value="",queueMicrotask((()=>{e.focus(),this.close()})),this.updateSuggestions(e.value))}else if(Boolean(t.detail[0])){const i=t.detail[0],s=this.suggestions.find((t=>t.id===i));if(!Boolean(s))return;this.value=s,this.valueChange.emit(this.value),queueMicrotask((()=>{this.inputEl.querySelector("input")?.focus(),this.close()}))}},this.onRemoveValue=t=>{Array.isArray(this.value)&&(this.value=this.value.filter((i=>i.id!==t)),this.valueChange.emit(this.value))},this.onFocusOut=t=>{const i=t.relatedTarget;Boolean(i)&&!this.el.contains(i)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=t=>{"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=t=>{"ArrowDown"===t.code&&(t.preventDefault(),this.listboxEl.querySelector('[role="listbox"]')?.querySelector('[tabIndex="0"]')?.focus())},this.autoSelect=void 0,this.clearable=!0,this.clearButtonLabel="Clear input",this.disabled=void 0,this.generateSuggestions=async()=>[],this.inline=void 0,this.invalid=void 0,this.maxLength=void 0,this.menuLabel="Suggestions",this.mode=void 0,this.multiSelect=void 0,this.placeholder=void 0,this.required=void 0,this.spellCheck=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.active=!1,this.loading=!1,this.position=void 0,this.suggestions=[]}componentWillLoad(){const t=document.querySelectorAll("swirl-datepicker").length;this.id=`autocomplete-${t}`,this.handleInitialValue()}onWindowClick(t){this.el.contains(t.target)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const t=this.inputEl.querySelector("input");Boolean(t)&&(t.value=this.multiSelect?"":this.value?.label||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame((async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=a(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)})))}async reposition(){Boolean(this.listboxContainerEl)&&(this.position=await h(this.inputEl,this.listboxContainerEl,{middleware:[l({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(t){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(t),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){const t=`${this.id}-suggestions`,i=this.clearable&&!this.multiSelect,o=this.multiSelect?this.value.map((t=>t.id)):Boolean(this.value)?[this.value.id]:[],a=this.multiSelect?void 0:this.value?.label||"",h=c("autocomplete",{"autocomplete--inactive":!this.active});return s(e,{key:"35803245ee554c6f4d3ead9f87a1cdf73343007f"},s("div",{key:"0237472750287689c060557515ffcf6d208c2a6e",class:h,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&s("div",{key:"e06650357d144482792cb5a78ced14a49f77df6c",class:"autocomplete__multi-select-tags"},s("swirl-stack",{key:"2b93f17cae1e7d2683d41eb4da28beb9fd9c378e",orientation:"horizontal",spacing:"8",wrap:!0},this.value.map((t=>s("swirl-tag",{key:t.id,label:t.label,onRemove:()=>this.onRemoveValue(t.id),removable:!this.disabled}))))),s("swirl-text-input",{key:"fe61f1a45792f11098c08c9a519c7286288c3ff2",autoSelect:this.autoSelect,class:"autocomplete__input",clearable:i,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:t,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:String(this.active),swirlRole:"combobox",value:a}),s("div",{key:"13c30246e60759e39e6f86b95286673d096e7724",class:"autocomplete__listbox-container",onFocusout:this.onFocusOut,ref:t=>this.listboxContainerEl=t,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:"",width:`${this.inputEl?.getBoundingClientRect().width+32}px`}},this.loading&&s("div",{key:"eb4fef11c6eedb9b5aa04ea9275f80d1249bad28",class:"autocomplete__spinner"},s("swirl-spinner",{key:"8dd45fb707d886f01bcb8b7036a30fa6af4c0918"})),this.suggestions.length>0&&s("swirl-option-list",{key:"95db25769911dcc9876eb94730adeb092844d97d",allowDeselect:!0===this.multiSelect,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:t,ref:t=>this.listboxEl=t,value:o},this.suggestions.map((t=>s("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some((i=>i.id===t.id)):this.value?.id===t.id,key:t.id,disabled:t.disabled,label:t.label,value:t.id})))))))}get el(){return o(this)}static get watchers(){return{multiSelect:["watchMultiSelect"]}}};n.style=".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}";export{n as swirl_autocomplete}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,H as e,g as s}from"./p-30e99c25.js";import{q as a,b as o,g as r}from"./p-
|
|
1
|
+
import{r as i,h as t,H as e,g as s}from"./p-30e99c25.js";import{q as a,b as o,g as r}from"./p-0f3e0216.js";import{c as n}from"./p-a5dce9e6.js";const c=class{constructor(t){i(this,t),this.onKeyDown=i=>{"ArrowDown"===i.code||"ArrowRight"===i.code?(i.preventDefault(),this.focusNextItem()):"ArrowUp"!==i.code&&"ArrowLeft"!==i.code||(i.preventDefault(),this.focusPreviousItem())},this.onFocusOut=i=>{if(this.isInsidePopover)return;const t=i.relatedTarget,e=i.target,s="SWIRL-ACTION-LIST-ITEM"===e?.tagName,a=null===t||!this.el.contains(t);!this.isInsidePopover&&a&&s&&this.container.setAttribute("tabindex","0")},this.onFocus=()=>{if(this.isInsidePopover)return;this.container.removeAttribute("tabindex");const i=this.getItems(),t=this.getActiveItemIndex();t>-1?i[t]?.focus():i[0]?.focus()},this.isInsidePopover=void 0}componentDidLoad(){queueMicrotask((()=>{this.isInsidePopover=null!==this.el.closest("swirl-popover"),this.isInsidePopover||this.container.setAttribute("tabindex","0")}))}getItems(){return a(this.el,'[role="menuitem"]')}focusNextItem(){const i=this.getItems();i[(this.getActiveItemIndex()+1)%i.length].focus()}focusPreviousItem(){const i=this.getItems(),t=this.getActiveItemIndex(),e=0===t?i.length-1:t-1;i[e]?.focus()}getActiveItemIndex(){const i=this.getItems(),t=o();return i.findIndex((i=>i===t||i===t?.querySelector('[role="menuitem"]')))}render(){return t(e,{key:"ef7375b80efa8ea6b9de6eb614a8ff7d9e9d1632"},t("div",{key:"ef1ce34a1f9ab6122b0cfaf021bc6d806771e6c1","aria-orientation":"vertical",class:"action-list",onFocusout:this.isInsidePopover?void 0:this.onFocusOut,onFocus:this.isInsidePopover?void 0:this.onFocus,onKeyDown:this.onKeyDown,part:"action-list",ref:i=>this.container=i,role:"menu"},t("slot",{key:"d50e3c52a60aaafbe935358bebbada7fc6158393"})))}get el(){return s(this)}};c.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}";const l=class{constructor(t){i(this,t),this.desktopMediaQuery=r(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.badge=void 0,this.disabled=void 0,this.description=void 0,this.icon=void 0,this.intent="default",this.label=void 0,this.size="m",this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.suffix=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches)}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0],e=this.suffixEl?.children[0];t?.setAttribute("size",i?"20":"24"),"SWIRL-TAG"!==e?.tagName&&e?.setAttribute("size",i?"20":"24")}render(){const i=Boolean(this.badge),s=Boolean(this.el.querySelector('[slot="suffix"]')),a=(Boolean(this.suffix)||s)&&!this.disabled,o=n("action-list-item",`action-list-item--intent-${this.intent}`,`action-list-item--size-${this.size}`);return t(e,{key:"06605ecf01b587dbfb1de890ba776cdb72926c5b"},t("button",{key:"c70ad0ecbc3e58a6b5c8543c37907346f3301284","aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,class:o,disabled:this.disabled,part:"action-list-item",role:"menuitem",tabIndex:-1,type:"button"},this.icon&&t("span",{key:"e250cabb8119ad251d4d3d70cd080408f2122d5d",class:"action-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{key:"28361e8c9cd8696c3661d7263d550a66c87fd26e",class:"action-list-item__label-container"},t("span",{key:"c8d504ca27d5ba2d1c8979ce45dda984c1e48436",class:"action-list-item__label"},this.label),this.description&&t("span",{key:"303dec5fe699a2c47a4e9e5417d06e3285a30d6f",class:"action-list-item__description"},this.description)),i&&t("span",{key:"96c4500b611acc6a1cb40cbb8b6088deffb273b6",class:"action-list-item__badge",innerHTML:this.badge}),a&&t("span",{key:"739d6e49ad6890a23c1b12eea9037da43c9c9e52",class:"action-list-item__suffix",innerHTML:s?void 0:this.suffix,ref:i=>this.suffixEl=i},t("slot",{key:"a391b536421efd55d4132772d143ec89e757c9d8",name:"suffix"}))))}get el(){return s(this)}};l.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);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.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;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink: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__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}";const d=class{constructor(t){i(this,t),this.borderColor="default",this.orientation="horizontal",this.spacing="8"}render(){const i="horizontal"===this.orientation?{paddingTop:`var(--s-space-${this.spacing})`,paddingBottom:`var(--s-space-${this.spacing})`}:{paddingRight:`var(--s-space-${this.spacing})`,paddingLeft:`var(--s-space-${this.spacing})`},s=n("separator",`separator--border-color-${this.borderColor}`,`separator--orientation-${this.orientation}`);return t(e,{key:"7a2daca34f5179db392c2485eee83d8bca9cfb93","aria-orientation":this.orientation,class:s,role:"separator",style:i},t("span",{key:"015efacfbbbdde0cd02625144632972cfe8b563b",class:"separator__line"}))}};d.style=":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--border-color-strong) .separator__line{background-color:var(--s-border-strong)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}";export{c as swirl_action_list,l as swirl_action_list_item,d as swirl_separator}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as e,H as s,g as a}from"./p-30e99c25.js";import{c as d}from"./p-a5dce9e6.js";import{p as n,i as o,f as h,m as r}from"./p-df2b5856.js";import{g as c,i as p}from"./p-0f3e0216.js";import"./p-869dedf2.js";const l="yyyy-MM-dd",u=class{constructor(e){t(this,e),this.invalidInput=i(this,"invalidInput",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=c(),this.desktopMediaQueryHandler=t=>{this.updateIconSize(t.matches)},this.onChange=t=>{const i=t.target.value;""===i&&(this.value=void 0,this.valueChange.emit(void 0));const e=n(i,this.format,new Date),s=this.format.replace(/\\/g,"\\\\"),a=new RegExp(`^${s.replace(/[ydM]/g,"\\d")}$`);if(!Boolean(i.match(a)))return;if(!o(e))return void this.invalidInput.emit(i);const d=h(e,l);this.value=d,this.valueChange.emit(d)},this.onInput=t=>{this.onChange(t)},this.onClick=t=>{t.preventDefault(),"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),p()||this.focus())},this.onMouseDown=()=>{"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{const i=this.pickerPopover.contains(t.relatedTarget);this.setReadOnly(!i)},this.onPickDate=t=>{const i=h(t.detail,l);this.value=i,this.valueChange.emit(i),this.setReadOnly(!0),this.pickerPopover.close()},this.autoFocus=void 0,this.autoSelect=void 0,this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.disabled=void 0,this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.inline=void 0,this.invalid=void 0,this.labels=void 0,this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24,this.readonly=!1}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id=`swirl-date-input-${t}`,this.setReadOnly(!0)}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect&&t.target.select()}setReadOnly(t){this.readonly=!("pick"!==this.preferredInputMode||!p())&&t}setupMask(){this.mask?.destroy(),this.mask=r.exports.create(`#${this.id}`,{mask:this.format.replace(/[ydM]/g,"#")})}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,i=Boolean(this.value)?n(this.value,l,new Date):void 0,a=o(i)?h(i,this.format):void 0,r=d("date-input",{"date-input--inline":this.inline});return e(s,{key:"818b4230e31aee1d8e6e4e1a3656c53d5c33579e"},e("div",{key:"52de084adfb155ff7d253d6d8adedc7b8e91f270",class:r},e("input",{key:"b8a67f96734dd2882c1177a1aefb1a4b6ad605c0","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"date-input__input",disabled:this.disabled,readonly:this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text",value:a}),e("swirl-popover-trigger",{key:"5e0baeac14c735e4ae80c7aaccb440c817a918ff",swirlPopover:`popover-${this.id}`},e("button",{key:"28adfcde729d60e61e70a5b4c318676c597d06b3","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},e("swirl-icon-today",{key:"46a5ca67326ce97b852d925a288cd4f6aba419ec",size:this.iconSize})))),!this.disabled&&e("swirl-popover",{key:"f4b2e7e12ed572b8c105991602d9a247edd368be",animation:"scale-in-y",id:`popover-${this.id}`,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},e("swirl-date-picker",{key:"b3f0809752a52b32918e070fca445329a319d9e1",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:i,startDate:i})))}get el(){return a(this)}static get watchers(){return{format:["watchFormat"]}}};u.style=".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}";export{u as swirl_date_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as t,H as s,g as e}from"./p-30e99c25.js";import{c as h}from"./p-a5dce9e6.js";import{c as o,p as r}from"./p-
|
|
1
|
+
import{r as i,h as t,H as s,g as e}from"./p-30e99c25.js";import{c as h}from"./p-a5dce9e6.js";import{c as o,p as r}from"./p-0f3e0216.js";const n=class{constructor(t){i(this,t),this.onSlotChange=()=>{this.subMenu=this.el.querySelector("swirl-menu"),this.updateActionListItemProps()},this.onActionListItemClick=()=>{this.actionListItem.disabled||this.rootMenu.activateMenuItem(this.el)},this.onOptionListItemClick=()=>{this.optionListItem.disabled||this.parentMenu.updateSelection(this.optionListItem)},this.onOptionListItemKeyDown=i=>{if("Space"===i.code)i.preventDefault();else if("Enter"===i.code){if(this.optionListItem.disabled)return;i.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.onOptionListItemKeyUp=i=>{if("Space"===i.code){if(this.optionListItem.disabled)return;i.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.description=void 0,this.disabled=void 0,this.expanded=void 0,this.icon=void 0,this.intent="default",this.label=void 0,this.suffix=void 0,this.value=void 0,this.parentMenu=void 0,this.subMenu=void 0}componentWillLoad(){this.parentMenu=o(this.el,"swirl-menu"),this.rootMenu=r(this.el,"swirl-menu").pop(),this.subMenu=this.el.querySelector("swirl-menu")}watchExpanded(){this.updateActionListItemProps()}async getSubMenu(){return this.subMenu}async getParentMenu(){return this.parentMenu}updateActionListItemProps(){Boolean(this.actionListItem)&&(this.actionListItem.swirlAriaExpanded=this.expanded?"true":void 0,this.actionListItem.swirlAriaHaspopup=Boolean(this.subMenu)?"true":void 0,this.actionListItem.suffix=Boolean(this.subMenu)?'<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>':void 0)}renderActionListItem(){const i=Boolean(this.subMenu?.value)?Array.from(this.subMenu?.querySelectorAll("swirl-menu-item")||[]).find((i=>i.value===this.subMenu?.value))?.label:void 0;return t("swirl-action-list-item",{badge:i,description:this.description,disabled:this.disabled,icon:this.icon,intent:this.intent,label:this.label,onClick:this.onActionListItemClick,ref:i=>this.actionListItem=i,suffix:this.suffix})}renderOptionListItem(){return t("swirl-option-list-item",{disabled:this.disabled,icon:this.icon,label:this.label,onClick:this.onOptionListItemClick,onKeyDown:this.onOptionListItemKeyDown,onKeyUp:this.onOptionListItemKeyUp,ref:i=>this.optionListItem=i,selected:this.parentMenu?.value===this.value,swirlAriaRole:"menuitemradio",value:this.value})}render(){const i=h("menu-item",{"menu-item--expanded":this.expanded});return t(s,{key:"7ee67244e9a30eec12f25483ba8c0c00788342b2"},t("div",{key:"df2fa7fcab05c3ddb1f8b9459006621026e1ade9",class:i},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),t("slot",{key:"fd1e1d4a27be53bd84d64daec86944f9c7c311d9",onSlotchange:this.onSlotChange})))}get el(){return e(this)}static get watchers(){return{expanded:["watchExpanded"]}}};n.style=":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}";export{n as swirl_menu_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as
|
|
1
|
+
import{r as i,c as a,h as e,H as t}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{d as n}from"./p-0f3e0216.js";const o=class{constructor(e){i(this,e),this.setPage=a(this,"setPage",7),this.setPageSize=a(this,"setPageSize",7),this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},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.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const a=+i.target.value;this.pageSize!==a&&this.setPageSize.emit(a)},this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.label=void 0,this.nextButtonLabel="Next page",this.page=void 0,this.pageLabel="out of",this.pages=void 0,this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.showPageSizeSelect=void 0,this.variant="default"}render(){const i="simple"!==this.variant,a="advanced"===this.variant,n=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,o=s("pagination",`pagination--variant-${this.variant}`);return e(t,{key:"abc4ff95b3b679a1f591b52b37495255e6d949bb"},e("nav",{key:"2c704372de6cb1ca463aaaa4e04cbd7f85daf54c","aria-label":this.label,class:o},e("ul",{key:"9190fb75c511723d4cb09b7794ac9b3f339c684b",class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&e("li",{key:"bdaf6dafa58eba723af279f48a329ade4bfa1786",class:"pagination__list-item"},e("label",{key:"bf966767c46eefe1d3defa85fab667c340a63a31",class:"pagination__page-size-selection"},e("swirl-text",{key:"251b62b58522afd0ed8217b228f6425b57ba3d1e"},this.pageSizeSelectLabel),e("swirl-stack",{key:"e95db113db399512aebdca2ea823ddea845cf78f",align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},e("select",{key:"82353029ac2e3cc3a13d35a5a3642ac6ce930efc",class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>e("option",{key:i,selected:i===this.pageSize,value:i},i)))),e("swirl-icon-expand-more",{key:"850004da0a73785a21cc75380ed6c9bc615e5f08","aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),e("li",{key:"9f7b8e9868bdd07d95f5a3d1c86e7b6a50b85069",class:"pagination__list-item"},e("swirl-button",{key:"e571aa451e3acd173de1415d22e6ac6db9e9d2d8",class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),e("li",{key:"407634f3f4d7ea7b3fbccb4961df157f9df72f45",class:"pagination__list-item"},e("swirl-button",{key:"efcd5adc949ebba3b9952db9478ca0d47eda90d0",class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?e("li",{class:"pagination__list-item pagination__page-label"},e("span",null,a?e("span",{"aria-current":"page",class:"pagination__advanced-label"},e("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:i=>this.pageInput=i,type:"text",value:this.page}),e("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages.toLocaleString())):e("span",{"aria-current":"page"},n))):e("li",{class:"pagination__list-item"},e("swirl-visually-hidden",null,e("span",{"aria-current":"page"},n))),e("li",{key:"019150d90def566c21b5354e9d8005e1de255872",class:"pagination__list-item"},e("swirl-button",{key:"d8a6c957634b57d23d7ff532a182fc7e0d525fe0",class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),e("li",{key:"db54b2c2ca62d625b9b24f722900ff304e9c1da5",class:"pagination__list-item"},e("swirl-button",{key:"ca0fdf54ba4ca018e2a8f84dad9b77b8f1327244",class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};o.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}: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}@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)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{o as swirl_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as a,h as o,H as t,g as i}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{i as d}from"./p-5848d900.js";const l=class{constructor(o){e(this,o),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const a=e.target,o=Boolean(a.closest(".console-layout__mobile-navigation-button")),t="overlays"===a.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||o||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()},this.appName=void 0,this.backButonLabel="Back",this.heading=void 0,this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.maxContentWidth=void 0,this.showBackButton=void 0,this.showHelpButton=void 0,this.showNavigationButtonLabel="Show main navigation",this.subheading=void 0,this.sidebarActive=void 0}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar()}))}onWindowResize(){const e=d();e||this.sidebarActive?e&&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(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=Boolean(this.maxContentWidth)?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0,a=s("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!Boolean(this.appName)&&!this.showHelpButton});return o(t,{key:"8e07bfa8c6437121585bf815a3f2b56dcd78c137"},o("div",{key:"14dd3fd7c6dc19ae4ac5f0fce96715bf20634f7d",class:a,onClick:this.onClick,onKeyDown:this.onKeyDown},o("header",{key:"9377a8ca996026e8f585489ad9a4856a1d602578","aria-hidden":String(!this.sidebarActive),class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},o("div",{key:"c689acd0831d557331be5178cf64736118969024",class:"console-layout__header"},o("div",{key:"cdd41ab0278d456c93e235ca671d2ebf275231f9",class:"console-layout__logo"},o("svg",{key:"6de05c8847ac7d303e92ebed12848d3b845de536",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 16 26",width:"16",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"7bd29d21795c4e2ed6d67ebe12bbe88423d4fa56",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"}),o("path",{key:"eb3ee94a5c8748068df9935679e8be469766828b",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"}),o("path",{key:"966cd5f4799cb59a9a0c44faca5cbeae3f808837",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"}),o("path",{key:"ed15d532f0217058907e6c94964537af6a92e2b7",d:"M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z",fill:"#80A8F4"})),o("swirl-text",{key:"d285638d3ea7146e4492b09c27f5228731f10b5b",class:"console-layout__logo-text",weight:"medium"},this.logoText))),o("nav",{key:"d84ba5972ddf43a7806e5727f1ef1429afc3822b","aria-label":this.navigationLabel,class:"console-layout__navigation"},o("slot",{key:"8b4bbe42330457d5a05be061ddc2245664bd2aaf",name:"navigation"})),o("div",{key:"8aef620d2fbdd03e1dbeb42794d3fc41d8e36d81",class:"console-layout__user"},o("slot",{key:"07bae1761797a167796359290ccee3e2235aeb68",name:"user"}))),o("main",{key:"05cc96c53165fe3c99891e4ff1fb57200d648d64","aria-labelledby":Boolean(this.appName)?"app-name":void 0,class:"console-layout__main"},o("header",{key:"cbd5745cc77c211debc831f0b1d64902156c61ed",class:"console-layout__app-bar"},o("span",{key:"3999bb40de269cf887bb7f2d6bbfcc94374ca3e5",class:"console-layout__mobile-navigation-button"},o("swirl-button",{key:"8741437b81274a7d4da1c8fc166bb44a91c03f44",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})),o("div",{key:"9cefcdb6a86d255a44dfca6df2fdef28e6ba0f14",class:"console-layout__app-name"},this.appName&&o("swirl-heading",{key:"904af1f1728abcbf1d2a308a87c1380b1cd3efa5",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&o("swirl-button",{key:"85cd115e81f003ce0434e5581a1983d45b902989",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),o("section",{key:"52e40c86c210567965d7ef9ca5bd80ccbbcc78d0","aria-labelledby":"heading",class:"console-layout__content",style:e},o("header",{key:"4fbe29a3294ba671a3a77a87c3622bd00f6ba9f2",class:"console-layout__content-header"},this.showBackButton&&o("swirl-button",{key:"f3e332b7504caabccd40d625732fe37cf8b97525",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),Boolean(this.heading)&&o("div",{key:"abe85f587234adf3b0459106688bdd7747428c93",class:"console-layout__heading-container"},o("swirl-heading",{key:"787a5f58893311327d4304ad2f0052de5321f1ff",as:Boolean(this.appName)?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&o("swirl-text",{key:"e31060d90fcc841a0ed5ecd7ae1fc324e25d7286",class:"console-layout__subheading",color:"subdued"},this.subheading)),!Boolean(this.heading)&&o("div",{key:"aa3eef2f17ae0779ed45e4641edf80f5d0f02a90",class:"console-layout__heading-container"},o("slot",{key:"c922964aee72f15808e2b526c8a08c0afac31410",name:"heading"})),o("div",{key:"ae4086b78e5ad3e703abd696a08b0e6683ac8136",class:"console-layout__content-header-tools"},o("slot",{key:"5d611b49e31ba0b1e23aaca9beb2786b0b2d3a42",name:"content-header-tools"}))),o("div",{key:"f3f1886bddddbc24d22d877a7fec206bbea26831",class:"console-layout__integration"},o("slot",{key:"ea4101cd9df7295c300943a22c1dff6b1e7f3917",name:"content"}))),o("div",{key:"d5a293908ecdfb04fc64d23f3c9659a7198fbf5a",class:"console-layout__overlays"},o("slot",{key:"810a7c56bce9ae0807e43c25d87a4752378167bb",name:"overlays"})))))}get el(){return i(this)}};l.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{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);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:var(--s-z-30);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;min-width:0;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__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:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}';export{l as swirl_console_layout}
|
|
1
|
+
import{r as e,c as a,h as o,H as t,g as i}from"./p-30e99c25.js";import{c as s}from"./p-a5dce9e6.js";import{i as d}from"./p-0f3e0216.js";const l=class{constructor(o){e(this,o),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const a=e.target,o=Boolean(a.closest(".console-layout__mobile-navigation-button")),t="overlays"===a.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)||o||t||!this.sidebarActive||this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()},this.appName=void 0,this.backButonLabel="Back",this.heading=void 0,this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.maxContentWidth=void 0,this.showBackButton=void 0,this.showHelpButton=void 0,this.showNavigationButtonLabel="Show main navigation",this.subheading=void 0,this.sidebarActive=void 0}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar()}))}onWindowResize(){const e=d();e||this.sidebarActive?e&&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(){this.sidebarActive=!0,this.sidebarEl.removeAttribute("inert"),d()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,d()&&this.sidebarEl.setAttribute("inert","")}render(){const e=Boolean(this.maxContentWidth)?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0,a=s("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!Boolean(this.appName)&&!this.showHelpButton});return o(t,{key:"8e07bfa8c6437121585bf815a3f2b56dcd78c137"},o("div",{key:"14dd3fd7c6dc19ae4ac5f0fce96715bf20634f7d",class:a,onClick:this.onClick,onKeyDown:this.onKeyDown},o("header",{key:"9377a8ca996026e8f585489ad9a4856a1d602578","aria-hidden":String(!this.sidebarActive),class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},o("div",{key:"c689acd0831d557331be5178cf64736118969024",class:"console-layout__header"},o("div",{key:"cdd41ab0278d456c93e235ca671d2ebf275231f9",class:"console-layout__logo"},o("svg",{key:"6de05c8847ac7d303e92ebed12848d3b845de536",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 16 26",width:"16",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"7bd29d21795c4e2ed6d67ebe12bbe88423d4fa56",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"}),o("path",{key:"eb3ee94a5c8748068df9935679e8be469766828b",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"}),o("path",{key:"966cd5f4799cb59a9a0c44faca5cbeae3f808837",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"}),o("path",{key:"ed15d532f0217058907e6c94964537af6a92e2b7",d:"M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z",fill:"#80A8F4"})),o("swirl-text",{key:"d285638d3ea7146e4492b09c27f5228731f10b5b",class:"console-layout__logo-text",weight:"medium"},this.logoText))),o("nav",{key:"d84ba5972ddf43a7806e5727f1ef1429afc3822b","aria-label":this.navigationLabel,class:"console-layout__navigation"},o("slot",{key:"8b4bbe42330457d5a05be061ddc2245664bd2aaf",name:"navigation"})),o("div",{key:"8aef620d2fbdd03e1dbeb42794d3fc41d8e36d81",class:"console-layout__user"},o("slot",{key:"07bae1761797a167796359290ccee3e2235aeb68",name:"user"}))),o("main",{key:"05cc96c53165fe3c99891e4ff1fb57200d648d64","aria-labelledby":Boolean(this.appName)?"app-name":void 0,class:"console-layout__main"},o("header",{key:"cbd5745cc77c211debc831f0b1d64902156c61ed",class:"console-layout__app-bar"},o("span",{key:"3999bb40de269cf887bb7f2d6bbfcc94374ca3e5",class:"console-layout__mobile-navigation-button"},o("swirl-button",{key:"8741437b81274a7d4da1c8fc166bb44a91c03f44",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})),o("div",{key:"9cefcdb6a86d255a44dfca6df2fdef28e6ba0f14",class:"console-layout__app-name"},this.appName&&o("swirl-heading",{key:"904af1f1728abcbf1d2a308a87c1380b1cd3efa5",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&o("swirl-button",{key:"85cd115e81f003ce0434e5581a1983d45b902989",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),o("section",{key:"52e40c86c210567965d7ef9ca5bd80ccbbcc78d0","aria-labelledby":"heading",class:"console-layout__content",style:e},o("header",{key:"4fbe29a3294ba671a3a77a87c3622bd00f6ba9f2",class:"console-layout__content-header"},this.showBackButton&&o("swirl-button",{key:"f3e332b7504caabccd40d625732fe37cf8b97525",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),Boolean(this.heading)&&o("div",{key:"abe85f587234adf3b0459106688bdd7747428c93",class:"console-layout__heading-container"},o("swirl-heading",{key:"787a5f58893311327d4304ad2f0052de5321f1ff",as:Boolean(this.appName)?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&o("swirl-text",{key:"e31060d90fcc841a0ed5ecd7ae1fc324e25d7286",class:"console-layout__subheading",color:"subdued"},this.subheading)),!Boolean(this.heading)&&o("div",{key:"aa3eef2f17ae0779ed45e4641edf80f5d0f02a90",class:"console-layout__heading-container"},o("slot",{key:"c922964aee72f15808e2b526c8a08c0afac31410",name:"heading"})),o("div",{key:"ae4086b78e5ad3e703abd696a08b0e6683ac8136",class:"console-layout__content-header-tools"},o("slot",{key:"5d611b49e31ba0b1e23aaca9beb2786b0b2d3a42",name:"content-header-tools"}))),o("div",{key:"f3f1886bddddbc24d22d877a7fec206bbea26831",class:"console-layout__integration"},o("slot",{key:"ea4101cd9df7295c300943a22c1dff6b1e7f3917",name:"content"}))),o("div",{key:"d5a293908ecdfb04fc64d23f3c9659a7198fbf5a",class:"console-layout__overlays"},o("slot",{key:"810a7c56bce9ae0807e43c25d87a4752378167bb",name:"overlays"})))))}get el(){return i(this)}};l.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{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);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:var(--s-z-30);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;min-width:0;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__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:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}';export{l as swirl_console_layout}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as n,g as i}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-5848d900.js";const s=class{constructor(o){t(this,o),this.desktopMediaQuery=a(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.disabled=void 0,this.download=void 0,this.swirlAriaControls=void 0,this.swirlAriaCurrent=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.swirlAriaLabel=void 0,this.form=void 0,this.hideLabel=void 0,this.href=void 0,this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.name=void 0,this.pill=void 0,this.pressed=void 0,this.size="m",this.target=void 0,this.textAlign="center",this.type="button",this.value=void 0,this.variant="ghost"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute(),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute()}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];(o?.tagName.startsWith("SWIRL-ICON")||o?.tagName.startsWith("SWIRL-EMOJI")||o?.tagName.startsWith("SWIRL-SYMBOL"))&&o?.setAttribute("size",t?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,i=Boolean(this.href),a=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),l=r("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return o(n,{key:"1f660fbaeb4698d043c2b650283631958fecfc44",style:{pointerEvents:this.disabled?"none":""}},o(i?"a":"button",{key:"e924cd240a270f86f91033eac7306c39b9d49cd2","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!i?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,"aria-pressed":this.pressed?"true":void 0,class:l,disabled:i?void 0:this.disabled,download:i?void 0:this.download,form:i?void 0:this.form,href:this.href,name:i?void 0:this.name,ref:t=>this.buttonEl=t,target:i?this.target:void 0,type:i?void 0:this.type,value:i?void 0:this.value},Boolean(this.icon)&&o("span",{key:"faa7f2e30c8e67b78d8d6008a9243802386488ea",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&o("span",{key:"c8ed1cbcd6894b0b60c5df84eb32bfb2f2ebc9e4",class:"button__icon",ref:t=>this.iconEl=t},o("slot",{key:"f4c9a4a28e6bb0e5923e747ffbe5a60c208c3c04",name:"icon"})),!t&&o("span",{key:"32de5b66b9983e525a9c722eef2769ff1af77a47",class:"button__label"},this.label),e&&o("span",{key:"0f8a2230c89a066c2baa65dd951f693f45d0ee63",class:"button__tag"},o("slot",{key:"2c0214af5a85fc1014e0c233f1bfc685001f0ecc",name:"tag"}))))}get el(){return i(this)}};s.style=".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{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-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --swirl-icon-button-border-bottom-right-radius\n );border-bottom-left-radius:var(\n --swirl-icon-button-border-bottom-left-radius\n )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{s as swirl_button}
|
|
1
|
+
import{r as t,h as o,H as n,g as i}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-0f3e0216.js";const s=class{constructor(o){t(this,o),this.desktopMediaQuery=a(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.disabled=void 0,this.download=void 0,this.swirlAriaControls=void 0,this.swirlAriaCurrent=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.swirlAriaLabel=void 0,this.form=void 0,this.hideLabel=void 0,this.href=void 0,this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.name=void 0,this.pill=void 0,this.pressed=void 0,this.size="m",this.target=void 0,this.textAlign="center",this.type="button",this.value=void 0,this.variant="ghost"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute(),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute()}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];(o?.tagName.startsWith("SWIRL-ICON")||o?.tagName.startsWith("SWIRL-EMOJI")||o?.tagName.startsWith("SWIRL-SYMBOL"))&&o?.setAttribute("size",t?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,i=Boolean(this.href),a=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),l=r("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return o(n,{key:"1f660fbaeb4698d043c2b650283631958fecfc44",style:{pointerEvents:this.disabled?"none":""}},o(i?"a":"button",{key:"e924cd240a270f86f91033eac7306c39b9d49cd2","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!i?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,"aria-pressed":this.pressed?"true":void 0,class:l,disabled:i?void 0:this.disabled,download:i?void 0:this.download,form:i?void 0:this.form,href:this.href,name:i?void 0:this.name,ref:t=>this.buttonEl=t,target:i?this.target:void 0,type:i?void 0:this.type,value:i?void 0:this.value},Boolean(this.icon)&&o("span",{key:"faa7f2e30c8e67b78d8d6008a9243802386488ea",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&o("span",{key:"c8ed1cbcd6894b0b60c5df84eb32bfb2f2ebc9e4",class:"button__icon",ref:t=>this.iconEl=t},o("slot",{key:"f4c9a4a28e6bb0e5923e747ffbe5a60c208c3c04",name:"icon"})),!t&&o("span",{key:"32de5b66b9983e525a9c722eef2769ff1af77a47",class:"button__label"},this.label),e&&o("span",{key:"0f8a2230c89a066c2baa65dd951f693f45d0ee63",class:"button__tag"},o("slot",{key:"2c0214af5a85fc1014e0c233f1bfc685001f0ecc",name:"tag"}))))}get el(){return i(this)}};s.style=".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{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-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --swirl-icon-button-border-bottom-right-radius\n );border-bottom-left-radius:var(\n --swirl-icon-button-border-bottom-left-radius\n )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{s as swirl_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as
|
|
1
|
+
import{r as t,h as o,H as s,g as e}from"./p-30e99c25.js";import{b as i}from"./p-0f3e0216.js";const r=class{constructor(o){t(this,o),this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())},this.label=void 0,this.orientation="horizontal"}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const o=t[0]?.querySelector("button");Boolean(o)&&(o.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[(o+1)%t.length])}focusPreviousItem(){const t=this.getItems(),o=this.getActiveItemIndex(t);this.focusItem(t[0===o?t.length-1:o-1])}getActiveItemIndex(t){const o=i();return t.findIndex((t=>t===o?.closest("swirl-button, swirl-chip")))}focusItem(t){const o=this.getItems();if(this.deactivateTabIndexes(o),!Boolean(t))return;const s=t.querySelector("button");Boolean(s)&&(s.tabIndex=0,s.focus())}deactivateTabIndexes(t){t.forEach((t=>{const o=t.querySelector("button");Boolean(o)&&(o.tabIndex=-1)}))}render(){return o(s,{key:"b99b48ca99a102b317587c27deabd8fcd2ef4862"},o("swirl-stack",{key:"5f37a4b04ae86acc12e7c923466d1ccafe80dc61",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"468bbff3894acf369feda7a56db6b432445e71f6"})))}get el(){return e(this)}};r.style=":host{display:block}:host *{box-sizing:border-box}";export{r as swirl_toolbar}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as n,g as r}from"./p-30e99c25.js";import{c as s,g as o,a,b as h}from"./p-869dedf2.js";import{c}from"./p-a5dce9e6.js";import{d as u,
|
|
1
|
+
import{r as t,c as e,h as i,H as n,g as r}from"./p-30e99c25.js";import{c as s,g as o,a,b as h}from"./p-869dedf2.js";import{c}from"./p-a5dce9e6.js";import{d as u,j as l,i as f}from"./p-0f3e0216.js";var d,v={exports:{}};d=v,function(){function t(t,e,i){var n=new XMLHttpRequest;n.open("GET",t),n.responseType="blob",n.onload=function(){o(n.response,e,i)},n.onerror=function(){console.error("could not download file")},n.send()}function e(t){var e=new XMLHttpRequest;e.open("HEAD",t,!1);try{e.send()}catch(t){}return 200<=e.status&&299>=e.status}function i(t){try{t.dispatchEvent(new MouseEvent("click"))}catch(i){var e=document.createEvent("MouseEvents");e.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),t.dispatchEvent(e)}}var n="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof s&&s.global===s?s:void 0,r=n.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),o=n.saveAs||("object"!=typeof window||window!==n?function(){}:"download"in HTMLAnchorElement.prototype&&!r?function(r,s,o){var a=n.URL||n.webkitURL,h=document.createElement("a");h.download=s=s||r.name||"download",h.rel="noopener","string"==typeof r?(h.href=r,h.origin===location.origin?i(h):e(h.href)?t(r,s,o):i(h,h.target="_blank")):(h.href=a.createObjectURL(r),setTimeout((function(){a.revokeObjectURL(h.href)}),4e4),setTimeout((function(){i(h)}),0))}:"msSaveOrOpenBlob"in navigator?function(n,r,s){if(r=r||n.name||"download","string"!=typeof n)navigator.msSaveOrOpenBlob(function(t,e){return void 0===e?e={autoBom:!1}:"object"!=typeof e&&(console.warn("Deprecated: Expected third argument to be a object"),e={autoBom:!e}),e.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type)?new Blob(["\ufeff",t],{type:t.type}):t}(n,s),r);else if(e(n))t(n,r,s);else{var o=document.createElement("a");o.href=n,o.target="_blank",setTimeout((function(){i(o)}))}}:function(e,i,s,o){if((o=o||open("","_blank"))&&(o.document.title=o.document.body.innerText="downloading..."),"string"==typeof e)return t(e,i,s);var a="application/octet-stream"===e.type,h=/constructor/i.test(n.HTMLElement)||n.safari,c=/CriOS\/[\d]+/.test(navigator.userAgent);if((c||a&&h||r)&&"undefined"!=typeof FileReader){var u=new FileReader;u.onloadend=function(){var t=u.result;t=c?t:t.replace(/^data:[^;]*;/,"data:attachment/file;"),o?o.location.href=t:location=t,o=null},u.readAsDataURL(e)}else{var l=n.URL||n.webkitURL,f=l.createObjectURL(e);o?o.location=f:location.href=f,o=null,setTimeout((function(){l.revokeObjectURL(f)}),4e4)}});n.saveAs=o.saveAs=o,d.exports=o}();const p=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.visiblePagesChange=e(this,"visiblePagesChange",7),this.onActivate=t=>{this.activate.emit(t.detail)},this.onVisiblePagesChange=t=>{this.visiblePagesChange.emit(t.detail)},this.active=!0,this.autoplay=void 0,this.description=void 0,this.disableDownload=void 0,this.errorMessage="File could not be loaded.",this.file=void 0,this.fileName=void 0,this.pdfWorkerSrc=void 0,this.thumbnailUrl=void 0,this.type=void 0,this.typeUnsupportedMessage="File type is not supported.",this.viewMode="single",this.zoom=1}async download(){const t=this.fileName||this.file.split("/").pop(),e=await fetch(this.file);v.exports.saveAs(await e.blob(),t)}async print(){"application/pdf"===this.type&&this.viewer.print()}render(){const t=!Boolean(this.type)||!this.type.startsWith("image/")&&!this.type.startsWith("video/")&&!this.type.startsWith("audio/")&&"text/plain"!==this.type&&"text/csv"!==this.type&&"application/pdf"!==this.type;return i(n,{key:"732c285ca3492ef4b823429fd93cd16d16882666"},i("div",{key:"7310d73c1871de3243cff58b3f8253e9309228ce",class:"file-viewer"},this.type&&this.active&&i("div",{key:"5242e87da9307f0378f235cf7010b2c2274a127a",class:"file-viewer__file"},this.type.startsWith("image/")&&i("swirl-file-viewer-image",{key:"f9d8797128d515e970e9f998594144a63b51e7f7",description:this.description,errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/plain"===this.type&&i("swirl-file-viewer-text",{key:"0452c53a3d3f3fc541eb779ecfc2585f5b6c1e7d",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"text/csv"===this.type&&i("swirl-file-viewer-csv",{key:"5a60a9dd7d25d38205a6bb32e7ea1b9c65ceefc7",errorMessage:this.errorMessage,file:this.file,ref:t=>this.viewer=t}),"application/pdf"===this.type&&i("swirl-file-viewer-pdf",{key:"127562c8dbba125f9df4b8dae94d103a8b472495",errorMessage:this.errorMessage,file:this.file,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,ref:t=>this.viewer=t,viewMode:this.viewMode,workerSrc:this.pdfWorkerSrc,zoom:this.zoom}),this.type.startsWith("video/")&&i("swirl-file-viewer-video",{key:"9274791bfe274a17f58d26dc898204587438c0d4",autoplay:this.autoplay,disableDownload:this.disableDownload,file:this.file,ref:t=>this.viewer=t,type:this.type}),this.type.startsWith("audio/")&&i("swirl-file-viewer-audio",{key:"4725569bb17d41ce662f857d20138e93a4cb1669",autoplay:this.autoplay,file:this.file,ref:t=>this.viewer=t,type:this.type}),t&&i("swirl-file-viewer-fallback",{key:"4aeb590be487d141cbe79e97d55177a3fc8d3adb",disableDownload:this.disableDownload,file:this.file,fileName:this.fileName}))))}};p.style=":host{display:block;width:100%;height:100%;pointer-events:none}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}";const b=class{constructor(i){t(this,i),this.activate=e(this,"activate",7),this.autoplay=void 0,this.file=void 0,this.type=void 0}componentDidLoad(){this.activate.emit(this.el)}render(){return i(n,{key:"027c9c408db896c0b9f08fd14379a0dfa1ffc275",class:"file-viewer-audio"},i("audio",{key:"23c99069b10419eacbab2750df1299750a73d11a",autoplay:this.autoplay,class:"file-viewer-audio__audio",controls:!0},i("source",{key:"450d6e2bc4384bdbcc902d0edb1af3973cf85728",src:this.file,type:this.type})))}get el(){return r(this)}};b.style=":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}";var w={exports:{}};
|
|
2
2
|
/* @license
|
|
3
3
|
Papa Parse
|
|
4
4
|
v5.3.2
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as t,h as a,H as r,g as i,F as o}from"./p-30e99c25.js";import{r as s,h as n}from"./p-0f3e0216.js";import{c}from"./p-a5dce9e6.js";const d=class{constructor(a){e(this,a),this.valueChange=t(this,"valueChange",3),this.onClick=e=>{e.stopPropagation(),e.preventDefault()},this.onSelectDate=e=>{this.valueChange.emit("string"==typeof e.detail?s(new Date(e.detail)):e.detail.map((e=>s(new Date(e)))))},this.disableDate=()=>!1,this.firstDayOfWeek=0,this.labels=void 0,this.locale="en-US",this.range=void 0,this.startDate=void 0,this.value=void 0}render(){const e=this.startDate instanceof Date?n(this.startDate):void 0;return a(r,{key:"0f8b1ee459d76397201034167968f2fb1b5e9b62",onClick:this.onClick},a("wc-datepicker",{key:"b375b4e1d523a8b8f0bb9ef469a9012a43c8e07d",elementClassName:"date-picker",disableDate:this.disableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onSelectDate:this.onSelectDate,range:this.range,startDate:e,value:this.value}))}get el(){return i(this)}};d.style=":host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:\"\";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-surface-overlay-hovered)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular);aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:\"\";inset:0}.date-picker__date:hover:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--selected{color:var(--s-text-on-action-primary)}.date-picker__date--selected:before{background-color:var(--s-action-primary-default)}.date-picker__date--selected:hover{color:var(--s-text-on-action-primary)}.date-picker__date--selected:hover:before{background-color:var(--s-action-primary-hovered)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-action-primary)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-action-primary-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-action-primary)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-action-primary-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-action-primary-default);content:\"\";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}.date-picker__date--disabled{color:var(--s-text-disabled);cursor:default;pointer-events:none}.date-picker__date--disabled:before{background-color:transparent}.date-picker__date--disabled:hover{color:var(--s-text-disabled)}.date-picker__date--disabled:hover:before{background-color:transparent}";const l=class{constructor(t){e(this,t),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},r=c("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{key:"3f8369a13f13c3cd573f53351ea0167c20b8aa42","aria-hidden":"true",class:r,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(o,{key:"18ffe7dd37cb5168677d81ef41dd633910964749"},a("path",{key:"336bbdb6cdb2c3dfb45b89c0638c58e6324b1924",d:"M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(o,{key:"4f3327e5473058f4167fae1157bf27be50e53790"},a("path",{key:"137a04cdc73d9646920a40004eee9ee9703ac1f3",d:"M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z",fill:"currentColor"})),28===this.size&&a(o,{key:"91efe81721084011d7d95560fe5e7a6bc36559e5"},a("path",{key:"259ea2f0fce451edf2a8673652a73dc5ce6c6443",d:"M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z",fill:"currentColor"})))}};l.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{d as swirl_date_picker,l as swirl_icon_today}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as s,h as t,H as i,g as l}from"./p-30e99c25.js";import{c}from"./p-a5dce9e6.js";import{q as a}from"./p-
|
|
1
|
+
import{r as e,c as s,h as t,H as i,g as l}from"./p-30e99c25.js";import{c}from"./p-a5dce9e6.js";import{q as a}from"./p-0f3e0216.js";const r=class{constructor(t){e(this,t),this.searchChange=s(this,"searchChange",7),this.valueChange=s(this,"valueChange",7),this.select=e=>{e.stopPropagation(),this.value=e.detail,this.valueChange.emit(this.value),this.multiSelect||this.swirlPopover.close()},this.unselectOption=e=>{this.allowDeselect&&(this.value=this.value.filter((s=>s!==e)),this.valueChange.emit(this.value))},this.onSlotChange=()=>{this.updateOptions()},this.onOpen=e=>{this.placement=e.detail.position?.placement,this.open=!0,this.withSearch&&Boolean(this.searchInput)?this.searchInput.focus():this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onClose=()=>{Boolean(this.searchInput)&&(this.searchInput.value="",this.searchChange.emit("")),this.open=!1,this.input.focus()},this.onKeyDown=e=>{if("Space"===e.code||"Enter"===e.code){if(e.target===this.searchInput)return;e.preventDefault(),this.swirlPopover.open(this.el)}else"ArrowDown"===e.code&&e.target===this.searchInput&&this.optionList.querySelector('[tabIndex="0"]')?.focus()},this.onSearchInput=e=>{this.searchChange.emit(e.target.value)},this.allowDeselect=!0,this.disabled=void 0,this.emptyListLabel="No results found.",this.inline=void 0,this.invalid=void 0,this.label=void 0,this.multiSelect=void 0,this.required=void 0,this.searchInputLabel="Search options",this.searchLoading=void 0,this.searchPlaceholder=void 0,this.selectId=Math.round(1e6*Math.random()).toString(),this.swirlAriaDescribedby=void 0,this.value=void 0,this.withSearch=void 0,this.options=[],this.open=void 0,this.placement=void 0}componentWillLoad(){queueMicrotask((()=>{this.updateOptions(),this.observeSlotChanges()}))}disconnectedCallback(){this.observer?.disconnect()}onWindowFocusIn(e){e.target===this.el.querySelector("input")&&e.stopImmediatePropagation()}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.updateOptions()})),this.observer.observe(this.el,{childList:!0,subtree:!0})}updateOptions(){this.options=a(this.el,"swirl-option-list-item")}render(){const e=Boolean(this.value)?this.value?.map((e=>this.options.find((s=>s.value===e))?.label)).join(", "):"",s=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,l=this.el.closest("swirl-form-control"),a=l?.inline||"outside"===l?.labelPosition?-12:-16,r=c("select",`select--placement-${this.placement}`,{"select--disabled":this.disabled,"select--inline":this.inline,"select--multi":this.multiSelect,"select--search-loading":this.searchLoading});return t(i,{key:"28192864fedd0105ed4ea22af7d8fbbfe604a8fe",onKeyDown:this.onKeyDown},t("div",{key:"43cdcd3254d65298f569536491038178fa61491f",class:r},t("swirl-popover-trigger",{key:"8fb2b7eb8f2dd56677285db02a7a2dd3c57a5cdd",swirlPopover:this.swirlPopover,setAriaAttributes:!1},t("input",{key:"19c38ad87591dd6b1a0943972a03353935e1aa65","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":s,class:"select__input",disabled:this.disabled,readOnly:!0,ref:e=>this.input=e,type:"text",value:e})),t("span",{key:"d7a0f88e1805a3282e361b839bf90223ac27ac35",class:"select__multi-select-values"},this.value?.map((e=>this.options.find((s=>s.value===e))))?.map((e=>t("swirl-tag",{"aria-hidden":"true",label:e?.label,onRemove:()=>this.unselectOption(e?.value),removable:!this.disabled&&this.allowDeselect})))),t("span",{key:"fe1cdf090525e7ddab3285394aebdeeb092adcc3",class:"select__indicator"},t(this.open?"swirl-icon-expand-less":"swirl-icon-expand-more",null)),t("swirl-popover",{key:"f1cb32544c67621a9c7784d038592d932835d586",animation:"scale-in-y",class:"select__popover",id:`select-options-${this.selectId}`,label:this.label,offset:[0,a],onPopoverClose:this.onClose,onPopoverOpen:this.onOpen,ref:e=>this.swirlPopover=e,useContainerWidth:"swirl-form-control"},this.withSearch&&t("div",{key:"b4e6ca0b51cf1596c99bc57bf2b16425d676f57c",class:"select__search"},t("swirl-icon-search",{key:"3ae43687b9fc7c6901b26fc53232102a2dff7237",class:"select__search-icon",size:20}),t("input",{key:"ee4b0172880122fcbad8a8ca05fd9ffdf5e13c4b","aria-label":this.searchInputLabel,class:"select__search-input",onInput:this.onSearchInput,placeholder:this.searchPlaceholder,ref:e=>this.searchInput=e,type:"search"}),this.searchLoading&&t("swirl-spinner",{key:"7946e18bb47243409a1de840cd6bcb9a7b89b6ee",class:"select__search-spinner",size:"s"})),t("swirl-option-list",{key:"e3274290f262698c5f8eca238a7e9d3a9d0645dd",allowDeselect:this.allowDeselect,onValueChange:this.select,multiSelect:this.multiSelect,ref:e=>this.optionList=e,value:this.value},!this.searchLoading&&t("div",{key:"20b3fe135aea4e2a03ae909cc6aa959db7d8e4aa","aria-disabled":"true",class:"select__empty-list-label",role:"option"},t("swirl-text",{key:"3a0832e03f0a22315c34eaf9d85e5be49e29deee",color:"subdued",weight:"medium"},this.emptyListLabel)),t("slot",{key:"e253638007617f119b4ec24c869c747af87ac1ba",onSlotchange:this.onSlotChange})))))}get el(){return l(this)}};r.style=".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";export{r as swirl_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c as e,h as r,H as a}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";import{g as t}from"./p-
|
|
1
|
+
import{r as s,c as e,h as r,H as a}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";import{g as t}from"./p-0f3e0216.js";const c=class{constructor(r){s(this,r),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.inputInput=e(this,"inputInput",7),this.valueChange=e(this,"valueChange",7),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=s=>{this.forceIconProps(s.matches)},this.clear=()=>{this.input.value="",this.input.focus(),this.valueChange.emit("")},this.onBlur=s=>{this.inputBlur.emit(s)},this.onChange=s=>{this.valueChange.emit(s.target.value)},this.onFocus=s=>{this.inputFocus.emit(s)},this.onInput=s=>{this.inputInput.emit(s.target.value)},this.autoFocus=void 0,this.clearButtonLabel="Clear search term",this.disabled=void 0,this.inputName=void 0,this.inputId=void 0,this.label=void 0,this.placeholder="Search …",this.value=void 0,this.variant="filled"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.input.focus()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(s){if(!Boolean(this.iconEl))return;const e=this.iconEl.children[0];e?.setAttribute("size",s?"20":"24")}onKeyDown(s){"KeyK"!==s.code&&"Slash"!==s.code||!s.ctrlKey&&!s.metaKey||this.input.focus()}render(){const s=i("search",`search--variant-${this.variant}`,{"search--disabled":this.disabled});return r(a,{key:"23a7c64b77e4280c95b6f699fbbdb94809fa3cbe"},r("span",{key:"29fd51dc56ff4a4598e92d72c5d0532bf7d4459d",class:s,ref:s=>this.iconEl=s},r("swirl-icon-search",{key:"048e81cb547308d4bf06ac657b59303d391c1cd0","aria-hidden":"true",class:"search__icon"}),r("input",{key:"e524f3fda2652489d910d84a4d09ce89bdfdeb8a","aria-disabled":this.disabled?"true":void 0,"aria-label":this.label,autoComplete:"off",autoFocus:this.autoFocus,class:"search__input",disabled:this.disabled,id:this.inputId,inputMode:"search",name:this.inputName,onBlur:this.onBlur,onChange:this.onChange,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:s=>this.input=s,type:"search",value:this.value}),!this.disabled&&r("button",{key:"4b09482780f6ab99125b744758680cc194663349","aria-label":this.clearButtonLabel,class:"search__clear-button",onClick:this.clear,type:"button"},r("swirl-icon-cancel",{key:"18ea161dc92df5f5beedebc15a87842860e24477"}))))}};c.style=".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";export{c as swirl_search}
|