npm - @getflip/swirl-components - Versions diffs - 0.456.3 → 0.457.0 - Mend

@getflip/swirl-components 0.456.3 → 0.457.0

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

Files changed (665) hide show

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

	@@ -1 +1 @@
1	- import{p as e,H as o,c as a,h as t,d as s,t as i}from"./p-BIzYxcO0.js";import{c as l}from"./p-CTIzk_ki.js";import{d as n,i as d}from"./p-DRAQ9S8E.js";import{d as r}from"./p-DWVJBU8l.js";import{d as c}from"./p-BGAf4PfC.js";import{d as h}from"./p-CLL9tkCx.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)\|\|a\|\|t\|\|!this.sidebarActive\|\|this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}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=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"f92e62cd7a3aa3679a62cedc47003f9dc6afa138"},t("div",{key:"e64ead610749dbefebd1a48332e3e4ce9749a4ea",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"dee14aa96c8e3840343621d2cd2dc437285107f2","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e",class:"console-layout__header"},t("div",{key:"958cf209f0c70ba4654b9d216b15dd62aeb58fd1",class:"console-layout__logo"},t("svg",{key:"c9d36c86ad44e96365b6710426c4550d0c81d7a5",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"d3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"97d5f351e6de465c059fc357fc012dae757b5678",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"3bb30959d7c34a28bce82aeffc1e1c0ab0799833","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"497faf890249299fd21075d766f344cdbd49f47d",name:"navigation"})),t("div",{key:"76e25959719dabb8e5c3b779d3eed5e7e286681b",class:"console-layout__user"},t("slot",{key:"eaabb2af9392992f184f547365fc2a74063d449f",name:"user"}))),t("main",{key:"5e242a75ab5e24ed535e45117238ceb56b7ba69d","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"019e8471fcc2b4b83b3eca434851c833d506a9fe",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"3ad1bdad10025933e5476ad172961cea33cf8bf2",class:"console-layout__app-bar"},t("span",{key:"5d3769ea1ab077f8b536ea1382db4a98c4ad300c",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"08140f76ae70e54f7bf8bbbb3a30c3e4192a7661",swirlAriaExpanded: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})),t("div",{key:"dd72e2beb8ee2bfc87896eb53a0ece44abb6e411",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"ee75f146bdf639b93e02561853eb391dc58d8142",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"fa54f51cc8e703663a11fcd7027df84dc9ea57d8","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"4505b706577728b794d5c370c0d627f14db72742",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"9d7d64cf621cf713bd8c10abb3545791226deec2",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"f170dd5a4d0292842a42df782f84491fbfa16446",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"9ce1c29868fc24915b1d7060fdc30ad4e2726802",class:"console-layout__heading-container"},t("swirl-heading",{key:"33d2473e87cdb94998783ba1337ea92ee34ac5b0",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"e3071a03d28e05550385fa6b5101d2c98e11a405",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"62a31138ed664b4900030150e1d1959e470c1a17",class:"console-layout__heading-container"},t("slot",{key:"6f1de516692eeb2922a2e18784bc8c74e5416b1d",name:"heading"})),t("div",{key:"02fdc97524fee6a75524ef9eb095a59cff238cc7",class:"console-layout__content-header-tools"},t("slot",{key:"159bbfad00487ee173dc708e5047e603986318f9",name:"content-header-tools"}))),t("div",{key:"2fce6c367d3815e7482e63836900ae4793dca055",class:"console-layout__integration",style:e},t("slot",{key:"6d962aff82cf2b1276650e3eb5b9fba06994f1dc",name:"content"})))),t("footer",{key:"da76594d20b410746a70960c1abc83eff0a38f59",class:"console-layout__footer"},t("slot",{key:"c07940b404f20db835967d6fa2355d9ae9c035f1",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"39e32ef1a08100b9f15bede9180accaa884de3ee",class:"console-layout__overlays"},t("slot",{key:"78d8abf993064df290ce2890ea200e246c599b0e",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}: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:var(--console-sidebar-width) 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}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content" "footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}}.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 -webkit-min-content;grid-template-rows:auto 1fr min-content;grid-template-areas:"header" "navigation" "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;padding:var(--s-space-16) 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;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar" "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr -webkit-min-content;grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar" "content" "footer"}.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{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.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);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top: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}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"swirl-console-layout",{appName:[1,"app-name"],backButonLabel:[1,"back-buton-label"],heading:[1],helpButonLabel:[1,"help-buton-label"],hideNavigationButtonLabel:[1,"hide-navigation-button-label"],logoText:[1,"logo-text"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),p=b,u=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))\|\|customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))\|\|r();break;case"swirl-heading":customElements.get(i(e))\|\|c();break;case"swirl-text":customElements.get(i(e))\|\|h()}}))};export{p as SwirlConsoleLayout,u as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as o,createEvent as a,h as t,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as n,i as d}from"./utils.js";import{d as r}from"./swirl-button2.js";import{d as c}from"./swirl-heading2.js";import{d as h}from"./swirl-text2.js";const b=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.backButtonClick=a(this,"backButtonClick",7),this.helpButtonClick=a(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.hideNavigationButtonLabel="Hide main navigation",this.logoText="Admin",this.navigationLabel="Main",this.showNavigationButtonLabel="Show main navigation",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.updateCustomAppBarStatus=()=>{this.hasCustomAppBar=!!this.el.querySelector('[slot="app-bar"]')},this.updateFooterStatus=()=>{this.hasFooter=!!this.el.querySelector('[slot="footer"]')},this.onMainScroll=n((()=>{this.updateContentScrollState()}),16),this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onHelpButtonClick=e=>{this.helpButtonClick.emit(e)},this.onMobileNavigationToggleClick=()=>{this.toggleSidebar()},this.onClick=e=>{const o=e.target,a=!!o.closest(".console-layout__mobile-navigation-button"),t="overlays"===o.closest("[slot]")?.slot;e.composedPath().includes(this.sidebarEl)\|\|a\|\|t\|\|!this.sidebarActive\|\|this.deactivateSidebar()},this.onKeyDown=e=>{"Escape"===e.code&&this.sidebarActive&&this.deactivateSidebar()}}componentDidLoad(){queueMicrotask((()=>{d()?this.deactivateSidebar():this.activateSidebar(),this.updateContentScrollState(),this.updateCustomAppBarStatus(),this.updateFooterStatus()}))}updateContentScrollState(){if(!this.contentEl)return;const e={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(e).some((o=>e[o]!==this.contentScrollState[o]))&&(this.contentScrollState=e)}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=this.maxContentWidth?{maxWidth:this.maxContentWidth,justifySelf:"center",width:"100%"}:void 0;this.updateCustomAppBarStatus(),this.updateFooterStatus();const o=l("console-layout",{"console-layout--sidebar-active":this.sidebarActive,"console-layout--empty-app-bar":!this.appName&&!this.showHelpButton&&!this.hasCustomAppBar,"console-layout--has-footer":this.hasFooter,"console-layout--has-custom-app-bar":this.hasCustomAppBar,"console-layout--main-scrollable":this.contentScrollState.scrollable,"console-layout--main-scrolled-to-top":this.contentScrollState.scrolledToTop,"console-layout--main-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"console-layout--hide-content-header":this.hideContentHeader});return t(s,{key:"f92e62cd7a3aa3679a62cedc47003f9dc6afa138"},t("div",{key:"e64ead610749dbefebd1a48332e3e4ce9749a4ea",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"dee14aa96c8e3840343621d2cd2dc437285107f2","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"5c74ea43a8d073cfaa2426b1bdc2f3c301f7f53e",class:"console-layout__header"},t("div",{key:"958cf209f0c70ba4654b9d216b15dd62aeb58fd1",class:"console-layout__logo"},t("svg",{key:"c9d36c86ad44e96365b6710426c4550d0c81d7a5",class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 301 460",width:"16",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"d3b4a3cbc7564ddd805d1ddfb1b34c449b1beec5","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z",fill:"#2151F5"})),t("swirl-text",{key:"97d5f351e6de465c059fc357fc012dae757b5678",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"3bb30959d7c34a28bce82aeffc1e1c0ab0799833","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"497faf890249299fd21075d766f344cdbd49f47d",name:"navigation"})),t("div",{key:"76e25959719dabb8e5c3b779d3eed5e7e286681b",class:"console-layout__user"},t("slot",{key:"eaabb2af9392992f184f547365fc2a74063d449f",name:"user"}))),t("main",{key:"5e242a75ab5e24ed535e45117238ceb56b7ba69d","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"f096010fa4cc6e2a1e8b57093fbace8ad99ee2fa",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"019e8471fcc2b4b83b3eca434851c833d506a9fe",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"3ad1bdad10025933e5476ad172961cea33cf8bf2",class:"console-layout__app-bar"},t("span",{key:"5d3769ea1ab077f8b536ea1382db4a98c4ad300c",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"08140f76ae70e54f7bf8bbbb3a30c3e4192a7661",swirlAriaExpanded: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})),t("div",{key:"dd72e2beb8ee2bfc87896eb53a0ece44abb6e411",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"5fa6495f2bc592ed2e2b7d2bb3659ca1f0ecfe38",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"ee75f146bdf639b93e02561853eb391dc58d8142",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"fa54f51cc8e703663a11fcd7027df84dc9ea57d8","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"4505b706577728b794d5c370c0d627f14db72742",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"9d7d64cf621cf713bd8c10abb3545791226deec2",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"f170dd5a4d0292842a42df782f84491fbfa16446",class:"console-layout__back-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),!!this.heading&&t("div",{key:"9ce1c29868fc24915b1d7060fdc30ad4e2726802",class:"console-layout__heading-container"},t("swirl-heading",{key:"33d2473e87cdb94998783ba1337ea92ee34ac5b0",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"e3071a03d28e05550385fa6b5101d2c98e11a405",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"62a31138ed664b4900030150e1d1959e470c1a17",class:"console-layout__heading-container"},t("slot",{key:"6f1de516692eeb2922a2e18784bc8c74e5416b1d",name:"heading"})),t("div",{key:"02fdc97524fee6a75524ef9eb095a59cff238cc7",class:"console-layout__content-header-tools"},t("slot",{key:"159bbfad00487ee173dc708e5047e603986318f9",name:"content-header-tools"}))),t("div",{key:"2fce6c367d3815e7482e63836900ae4793dca055",class:"console-layout__integration",style:e},t("slot",{key:"6d962aff82cf2b1276650e3eb5b9fba06994f1dc",name:"content"})))),t("footer",{key:"da76594d20b410746a70960c1abc83eff0a38f59",class:"console-layout__footer"},t("slot",{key:"c07940b404f20db835967d6fa2355d9ae9c035f1",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"39e32ef1a08100b9f15bede9180accaa884de3ee",class:"console-layout__overlays"},t("slot",{key:"78d8abf993064df290ce2890ea200e246c599b0e",name:"overlays"})))))}get el(){return this}static get style(){return':host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}: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:var(--console-sidebar-width) 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}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content" "footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}}.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 -webkit-min-content;grid-template-rows:auto 1fr min-content;grid-template-areas:"header" "navigation" "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;padding:var(--s-space-16) 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;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar" "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr -webkit-min-content;grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar" "content" "footer"}.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{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.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);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top: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}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}.console-layout--hide-content-header .console-layout__content{padding:0;overflow:hidden;scrollbar-gutter:auto}.console-layout--hide-content-header .console-layout__integration{padding-bottom:0}'}},[257,"swirl-console-layout",{appName:[1,"app-name"],backButonLabel:[1,"back-buton-label"],heading:[1],helpButonLabel:[1,"help-buton-label"],hideNavigationButtonLabel:[1,"hide-navigation-button-label"],logoText:[1,"logo-text"],navigationLabel:[1,"navigation-label"],maxContentWidth:[1,"max-content-width"],showBackButton:[4,"show-back-button"],showHelpButton:[4,"show-help-button"],showNavigationButtonLabel:[1,"show-navigation-button-label"],subheading:[1],hideContentHeader:[4,"hide-content-header"],sidebarActive:[32],contentScrollState:[32],hasCustomAppBar:[32],hasFooter:[32],toggleSidebar:[64],showSidebar:[64],hideSidebar:[64]},[[9,"resize","onWindowResize"]]]),u=b,p=function(){"undefined"!=typeof customElements&&["swirl-console-layout","swirl-button","swirl-heading","swirl-text"].forEach((e=>{switch(e){case"swirl-console-layout":customElements.get(i(e))\|\|customElements.define(i(e),b);break;case"swirl-button":customElements.get(i(e))\|\|r();break;case"swirl-heading":customElements.get(i(e))\|\|c();break;case"swirl-text":customElements.get(i(e))\|\|h()}}))};export{u as SwirlConsoleLayout,p as defineCustomElement}

package/dist/components/swirl-data-cell-stack.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as a,H as e,h as s,d as t,t as l}from"~~./p-BIzYxcO0.js~~";import{c as d}from"./~~p-CTIzk_ki~~.js";import{v as c}from"./~~p-DD3477fe~~.js";const r=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+c(),this.onSlotChange=a=>{a.target.assignedElements().filter((a=>"SWIRL-DATA-CELL"!==a.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const a=!!this.el.querySelector('[slot="cta"]'),e=!!this.label&&!this.hideLabel,l=d("data-cell-stack",{"data-cell-stack--has-cta":a}),c=e?this.headerId+"-label":void 0,r=this.description?this.headerId+"-description":void 0;return s(t,{key:"b79ce886f01b55239f1a2a0a153568fcdd3d9961"},s("div",{key:"d95fafcfc4de8958971ecb91f43dd7339e89bab6",class:l,part:"data-cell-stack",role:"group"},(e\|\|this.description\|\|a)&&s("header",{key:"e87a98dab5c55ea579dc414add17d41a7fdd416b",class:"data-cell-stack__header",id:this.headerId},s("div",{key:"3774cf27961cc6088db2c01fa76becea9d46eb7d",class:"data-cell-stack__header-content"},e&&s("h3",{key:"ee1312f8b92564c3f87d3b0c2a4270e5be15e472",class:"data-cell-stack__label",id:c},this.label),this.description&&s("p",{key:"8c70b4d92f1bd6be313df0d9de091731c1a9aa20",class:"data-cell-stack__description",id:r},this.description)),a&&s("div",{key:"d0dfecd262d77c78efd59def270e6a924275eb33",class:"data-cell-stack__cta"},s("slot",{key:"ad3505f97e9b89707fd007971b0858eeb907ceee",name:"cta"}))),s("div",{key:"a8bb8acd3e42db09ebb8ba47490e5a7a2be083af",class:"data-cell-stack__cells",role:"list","aria-labelledby":c\|\|void 0,"aria-describedby":r\|\|void 0},s("slot",{key:"8652e5e828e2f8da7ff31837c9d0814a945b66b1",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l) var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s) var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}"}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=r,o=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((a=>{"swirl-data-cell-stack"===a&&(customElements.get(l(a))\|\|customElements.define(l(a),r))}))};export{i as SwirlDataCellStack,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as a,h as t,Host as s,transformTag as l}from"@stencil/core/internal/client";import{c as d}from"./index2.js";import{v as c}from"./v4.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hideLabel=!1,this.headerId="data-cell-stack-header-"+c(),this.onSlotChange=e=>{e.target.assignedElements().filter((e=>"SWIRL-DATA-CELL"!==e.tagName)).length>0&&console.warn("[SwirlDataCellStack] Only swirl-data-cell elements are allowed as direct children.")}}render(){const e=!!this.el.querySelector('[slot="cta"]'),a=!!this.label&&!this.hideLabel,l=d("data-cell-stack",{"data-cell-stack--has-cta":e}),c=a?this.headerId+"-label":void 0,r=this.description?this.headerId+"-description":void 0;return t(s,{key:"b79ce886f01b55239f1a2a0a153568fcdd3d9961"},t("div",{key:"d95fafcfc4de8958971ecb91f43dd7339e89bab6",class:l,part:"data-cell-stack",role:"group"},(a\|\|this.description\|\|e)&&t("header",{key:"e87a98dab5c55ea579dc414add17d41a7fdd416b",class:"data-cell-stack__header",id:this.headerId},t("div",{key:"3774cf27961cc6088db2c01fa76becea9d46eb7d",class:"data-cell-stack__header-content"},a&&t("h3",{key:"ee1312f8b92564c3f87d3b0c2a4270e5be15e472",class:"data-cell-stack__label",id:c},this.label),this.description&&t("p",{key:"8c70b4d92f1bd6be313df0d9de091731c1a9aa20",class:"data-cell-stack__description",id:r},this.description)),e&&t("div",{key:"d0dfecd262d77c78efd59def270e6a924275eb33",class:"data-cell-stack__cta"},t("slot",{key:"ad3505f97e9b89707fd007971b0858eeb907ceee",name:"cta"}))),t("div",{key:"a8bb8acd3e42db09ebb8ba47490e5a7a2be083af",class:"data-cell-stack__cells",role:"list","aria-labelledby":c\|\|void 0,"aria-describedby":r\|\|void 0},t("slot",{key:"8652e5e828e2f8da7ff31837c9d0814a945b66b1",onSlotchange:this.onSlotChange}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell-stack{display:flex;flex-direction:column;width:100%;gap:var(--s-space-16)}.data-cell-stack__header{display:flex;align-items:flex-start;gap:var(--s-space-8);width:100%;justify-content:space-between}.data-cell-stack__header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell-stack__label{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);margin:0}.data-cell-stack__description{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);margin:0}.data-cell-stack__cells{display:flex;flex-direction:column;gap:var(--s-space-2)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-l) var(--s-border-radius-l) var(--s-border-radius-s) var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:last-of-type:not(:first-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s) var(--s-border-radius-s) var(--s-border-radius-l) var(--s-border-radius-l)}.data-cell-stack__cells ::slotted(swirl-data-cell:not(:first-of-type):not(:last-of-type)){--swirl-data-cell-border-radius:var(--s-border-radius-s)}.data-cell-stack__cells ::slotted(swirl-data-cell:first-of-type:last-of-type){--swirl-data-cell-border-radius:var(--s-border-radius-l)}.data-cell-stack__cta{display:flex;align-items:center;flex-shrink:0}"}},[257,"swirl-data-cell-stack",{description:[1],hideLabel:[4,"hide-label"],label:[1]}]),i=r,o=function(){"undefined"!=typeof customElements&&["swirl-data-cell-stack"].forEach((e=>{"swirl-data-cell-stack"===e&&(customElements.get(l(e))\|\|customElements.define(l(e),r))}))};export{i as SwirlDataCellStack,o as defineCustomElement}

package/dist/components/swirl-data-cell.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as a,H as e,c as l,h as t,d as i,t as s}from"~~./p-BIzYxcO0.js~~";import{c}from"./~~p-CTIzk_ki~~.js";import{d as r}from"./p-~~afNp4ghl~~.js";import{d}from"./p-~~BGcNhzCf~~.js";import{d as o}from"./p-~~BPrIUuuy~~.js";import{v as n}from"./~~p-DD3477fe~~.js";const f=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.valueChange=l(this,"valueChange",7),this.intent="default",this.vertical=!1,this.elementId="data-cell-"+n(),this.handleRadioClick=a=>{const e=a.target,l=this.el.querySelector('swirl-radio[slot="content"]');if(e.contains(l)){const a=l?.querySelector('input[type="radio"]');a.click()}},this.handleClick=a=>{this.handleRadioClick(a),this.valueChange.emit(a)}}render(){const a=!!this.el.querySelector('[slot="media"]'),e=!!this.el.querySelector('[slot="suffix"]'),l=!!this.label,s=!!this.el.querySelector('[slot="content"]'),r=!!this.el.querySelector('swirl-checkbox[slot="content"]'),d=!!this.el.querySelector('swirl-radio[slot="content"]'),o=c("data-cell",{"data-cell--vertical":this.vertical,"data-cell--has-media":a,"data-cell--has-suffix":e,"data-cell--has-content":s,"data-cell--no-label":!l,"data-cell--interactive":r\|\|d,["data-cell--intent-"+this.intent]:this.intent}),n=this.elementId+"-label",f=this.elementId+"-value",u=t("swirl-stack",{key:"9f2409249516a9bbe1305042c127f1835162a8ce",orientation:"horizontal",align:"center",spacing:"4"},t("span",{key:"2e3988360af729d84c2900b1eb5f7eeb0904253e",class:"data-cell__label",id:n,role:"term"},this.label),this.tooltip&&t("swirl-tooltip",{key:"01d9f35ae9ec42530b3e54075092fc6250642176",class:"data-cell__tooltip",content:this.tooltip,position:"right"},t("swirl-icon-info",{key:"96adf5bbb572704353235df82f282947b55746c0",size:16,tabIndex:0})));return t(i,{key:"0eaf842cef15c5fa1f4d0870167aa7ac7f331159",role:"group"},t("div",{key:"a9ee5cb7920c880c8cc7ffc3dd3d8ca14a6f1297",class:o,part:"data-cell",onClick:r\|\|d?this.handleClick:void 0,role:r\|\|d?"button":void 0,tabIndex:r\|\|d?0:void 0},a&&t("div",{key:"27c4ca0f48c7b99670c340b7080b50153c341c09",class:"data-cell__media","aria-hidden":"true"},t("slot",{key:"6a8259682c14e52eb1ed8058517c9bd241322945",name:"media"})),t("div",{key:"7301cf8d5b4ee207093db70195909912a72173b2",class:"data-cell__content"},l&&t("div",{key:"86036a405648a2ea2e03468fe3865881718c240f",class:"data-cell__label-wrapper"},u),(s\|\|this.value\|\|e)&&t("div",{key:"ba1cc5a333da5811272f7be4cb6de4f7f347c89b",class:"data-cell__value-wrapper",role:"definition","aria-labelledby":l?n:void 0,id:f},s?t("div",{class:"data-cell__input"},t("slot",{name:"content"})):this.value&&t("div",{class:"data-cell__value"},this.value))),e&&t("div",{key:"66e4bfd2a673226e782537c441614b9dc2e41b53",class:"data-cell__suffix"},t("slot",{key:"d51eccb6f90591e73e32eed64288a4025f9dd529",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);background-color:var(--s-surface-raised-50-default);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--swirl-tag-background-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%}.data-cell__input ::slotted(swirl-form-control){--swirl-form-control-label-background-color:var( --swirl-data-cell-input-background, var(--s-surface-default) )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}"}},[257,"swirl-data-cell",{intent:[1],label:[1],tooltip:[1],value:[1],vertical:[4]}]),u=f,p=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((a=>{switch(a){case"swirl-data-cell":customElements.get(s(a))\|\|customElements.define(s(a),f);break;case"swirl-icon-info":customElements.get(s(a))\|\|r();break;case"swirl-stack":customElements.get(s(a))\|\|d();break;case"swirl-tooltip":customElements.get(s(a))\|\|o()}}))};export{u as SwirlDataCell,p as defineCustomElement}
1	+ import{proxyCustomElement as a,HTMLElement as e,createEvent as l,h as t,Host as i,transformTag as c}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as r}from"./swirl-icon-info2.js";import{d}from"./swirl-stack2.js";import{d as o}from"./swirl-tooltip2.js";import{v as n}from"./v4.js";const f=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.valueChange=l(this,"valueChange",7),this.intent="default",this.vertical=!1,this.elementId="data-cell-"+n(),this.handleRadioClick=a=>{const e=a.target,l=this.el.querySelector('swirl-radio[slot="content"]');if(e.contains(l)){const a=l?.querySelector('input[type="radio"]');a.click()}},this.handleClick=a=>{this.handleRadioClick(a),this.valueChange.emit(a)}}render(){const a=!!this.el.querySelector('[slot="media"]'),e=!!this.el.querySelector('[slot="suffix"]'),l=!!this.label,c=!!this.el.querySelector('[slot="content"]'),r=!!this.el.querySelector('swirl-checkbox[slot="content"]'),d=!!this.el.querySelector('swirl-radio[slot="content"]'),o=s("data-cell",{"data-cell--vertical":this.vertical,"data-cell--has-media":a,"data-cell--has-suffix":e,"data-cell--has-content":c,"data-cell--no-label":!l,"data-cell--interactive":r\|\|d,["data-cell--intent-"+this.intent]:this.intent}),n=this.elementId+"-label",f=this.elementId+"-value",u=t("swirl-stack",{key:"9f2409249516a9bbe1305042c127f1835162a8ce",orientation:"horizontal",align:"center",spacing:"4"},t("span",{key:"2e3988360af729d84c2900b1eb5f7eeb0904253e",class:"data-cell__label",id:n,role:"term"},this.label),this.tooltip&&t("swirl-tooltip",{key:"01d9f35ae9ec42530b3e54075092fc6250642176",class:"data-cell__tooltip",content:this.tooltip,position:"right"},t("swirl-icon-info",{key:"96adf5bbb572704353235df82f282947b55746c0",size:16,tabIndex:0})));return t(i,{key:"0eaf842cef15c5fa1f4d0870167aa7ac7f331159",role:"group"},t("div",{key:"a9ee5cb7920c880c8cc7ffc3dd3d8ca14a6f1297",class:o,part:"data-cell",onClick:r\|\|d?this.handleClick:void 0,role:r\|\|d?"button":void 0,tabIndex:r\|\|d?0:void 0},a&&t("div",{key:"27c4ca0f48c7b99670c340b7080b50153c341c09",class:"data-cell__media","aria-hidden":"true"},t("slot",{key:"6a8259682c14e52eb1ed8058517c9bd241322945",name:"media"})),t("div",{key:"7301cf8d5b4ee207093db70195909912a72173b2",class:"data-cell__content"},l&&t("div",{key:"86036a405648a2ea2e03468fe3865881718c240f",class:"data-cell__label-wrapper"},u),(c\|\|this.value\|\|e)&&t("div",{key:"ba1cc5a333da5811272f7be4cb6de4f7f347c89b",class:"data-cell__value-wrapper",role:"definition","aria-labelledby":l?n:void 0,id:f},c?t("div",{class:"data-cell__input"},t("slot",{name:"content"})):this.value&&t("div",{class:"data-cell__value"},this.value))),e&&t("div",{key:"66e4bfd2a673226e782537c441614b9dc2e41b53",class:"data-cell__suffix"},t("slot",{key:"d51eccb6f90591e73e32eed64288a4025f9dd529",name:"suffix"}))))}get el(){return this}static get style(){return":host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);background-color:var(--s-surface-raised-50-default);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--swirl-tag-background-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%}.data-cell__input ::slotted(swirl-form-control){--swirl-form-control-label-background-color:var( --swirl-data-cell-input-background, var(--s-surface-default) )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}"}},[257,"swirl-data-cell",{intent:[1],label:[1],tooltip:[1],value:[1],vertical:[4]}]),u=f,p=function(){"undefined"!=typeof customElements&&["swirl-data-cell","swirl-icon-info","swirl-stack","swirl-tooltip"].forEach((a=>{switch(a){case"swirl-data-cell":customElements.get(c(a))\|\|customElements.define(c(a),f);break;case"swirl-icon-info":customElements.get(c(a))\|\|r();break;case"swirl-stack":customElements.get(c(a))\|\|d();break;case"swirl-tooltip":customElements.get(c(a))\|\|o()}}))};export{u as SwirlDataCell,p as defineCustomElement}

package/dist/components/swirl-date-input.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as i,c as e,h as s,d as a,t as r}from"~~./p-BIzYxcO0.js~~";import{c as o}from"./~~p-CTIzk_ki~~.js";import{f as n,I as d,p as c,i as h}from"./~~p-D3UoejeY~~.js";import{D as p}from"./p-~~WUxuIVzT~~.js";import{i as l}from"./~~p-DRAQ9S8E~~.js";import{d as u}from"./p-~~CABm247w~~.js";import{d as m}from"./p-~~B7F6qoij~~.js";import{d as f}from"./p-~~DOAel0Sv~~.js";import{d as b}from"./p-~~By1U8whi~~.js";import{d as w}from"./p-~~BrFFyRJi~~.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly\|\|"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),l()\|\|this.focus())},this.onMouseDown=()=>{this.readonly\|\|"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=n(i,y);this.value=e,this.inputEl.value=n(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=p.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode\|\|!l())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern\|\|(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=n(t,this.pattern);return h(t)?(this.value=n(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(h(t)){const i=n(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}}render(){const t=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=h(i)?i:void 0,r=o("date-input",{"date-input--inline":this.inline});return s(a,{key:"a0da84104bcb61a24118a4d680b2328540421543"},s("div",{key:"49c7a0294845d19b597a2bfdeb6d0feaeaa7f7a7",class:r},s("input",{key:"2bb01064ef5020e0d5bc5afdbc434720d23d2025","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.isInPickOnlyMode\|\|this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"c6432dc2b7c6ea7bf39f81b03da51e8e9a4e6dfd",swirlPopover:"popover-"+this.id},s("button",{key:"63aea9df9d7168047cacc5a8ce5c58f1861024c1","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"b446e718ae6b68b612233c84cf5f1d53ee725a5a",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"c51d7fd5c0934132eed623227d249d32bb52fcdb",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"5d895146a03eeaa0fb6069a71eccee198f27605d",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".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}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))\|\|customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))\|\|u();break;case"swirl-icon-today":customElements.get(r(t))\|\|m();break;case"swirl-popover":customElements.get(r(t))\|\|f();break;case"swirl-popover-trigger":customElements.get(r(t))\|\|b();break;case"wc-datepicker":customElements.get(r(t))\|\|w()}}))};export{v as SwirlDateInput,g as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{f as o,I as d,p as c,i as h}from"./index3.js";import{D as l}from"./media-query.service.js";import{i as p}from"./utils.js";import{d as u}from"./swirl-date-picker2.js";import{d as m}from"./swirl-icon-today2.js";import{d as f}from"./swirl-popover2.js";import{d as b}from"./swirl-popover-trigger2.js";import{d as w}from"./wc-datepicker2.js";const y="yyyy-MM-dd",k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.invalidInput=e(this,"invalidInput",7),this.valueChange=e(this,"valueChange",7),this.datePickerDisableDate=()=>!1,this.datePickerLabel="Date picker",this.datePickerTriggerLabel="Open date picker",this.firstDayOfWeek=0,this.format="yyyy-MM-dd",this.locale="en-US",this.placeholder="yyyy-mm-dd",this.preferredInputMode="input",this.iconSize=24,this.isInPickOnlyMode=!1,this.mediaQueryUnsubscribe=()=>{},this.onClick=t=>{t.preventDefault(),this.readonly\|\|"pick"===this.preferredInputMode&&(this.pickerPopover.open(this.el),p()\|\|this.focus())},this.onMouseDown=()=>{this.readonly\|\|"pick"===this.preferredInputMode&&this.pickerPopover.close()},this.onFocus=t=>{this.handleAutoSelect(t)},this.onBlur=t=>{if(this.readonly)return;const i=this.pickerPopover.contains(t.relatedTarget);this.setIsInPickOnlyMode(!i)},this.onPickDate=t=>{const i=t.detail,e=o(i,y);this.value=e,this.inputEl.value=o(i,this.pattern),this.mask.updateValue(),this.setIsInPickOnlyMode(!0),this.pickerPopover.close()}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);this.id="swirl-date-input-"+t,this.setIsInPickOnlyMode(!0)}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&this.focus()}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){t!==i&&this.updateValue()}async openPicker(){this.pickerPopover.open(this.el)}focus(){setTimeout((()=>{this.inputEl.focus()}))}updateIconSize(t){this.iconSize=t?20:24}handleAutoSelect(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setIsInPickOnlyMode(t){this.isInPickOnlyMode=!("pick"!==this.preferredInputMode\|\|!p())&&t}setupMask(){this.mask?.destroy(),this.pattern=this.format.replace(/(?<!d)d(?!d)/g,"dd").replace(/(?<!M)M(?!M)/g,"MM").replace(/(?<!y)y(?!y)/g,"yyyy").replace(/(?<!y)yyy(?!y)/g,"yyyy"),this.pattern\|\|(this.pattern=y),this.mask=d(this.inputEl,{mask:Date,pattern:this.pattern.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",blocks:{dd:{mask:d.MaskedRange,from:1,to:31,maxLength:2},MM:{mask:d.MaskedRange,from:1,to:12,maxLength:2},yy:{mask:d.MaskedRange,from:0,to:99,maxLength:2},yyyy:{mask:d.MaskedRange,from:1e3,to:9999,maxLength:4}},format:t=>{const i=o(t,this.pattern);return h(t)?(this.value=o(t,y),i):(this.invalidInput.emit(""+t),"")},parse:t=>c(t,this.pattern,new Date)}),this.mask.on("accept",(()=>{""===this.mask.value&&(this.value="",this.valueChange.emit(""))})),this.updateValue()}updateValue(){if(this.value){const t=c(this.value,y,new Date);if(h(t)){const i=o(t,this.pattern);this.mask.value=i,this.valueChange.emit(this.value)}else this.invalidInput.emit(this.value)}}render(){const t=!0===this.invalid\|\|!1===this.invalid?this.invalid+"":void 0,i=this.value?c(this.value,y,new Date):void 0,e=h(i)?i:void 0,r=n("date-input",{"date-input--inline":this.inline});return s(a,{key:"a0da84104bcb61a24118a4d680b2328540421543"},s("div",{key:"49c7a0294845d19b597a2bfdeb6d0feaeaa7f7a7",class:r},s("input",{key:"2bb01064ef5020e0d5bc5afdbc434720d23d2025","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.isInPickOnlyMode\|\|this.readonly,id:this.id,inputmode:"numeric",onClick:this.onClick,onMouseDown:this.onMouseDown,onFocus:this.onFocus,onBlur:this.onBlur,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,type:"text"}),!this.readonly&&s("swirl-popover-trigger",{key:"c6432dc2b7c6ea7bf39f81b03da51e8e9a4e6dfd",swirlPopover:"popover-"+this.id},s("button",{key:"63aea9df9d7168047cacc5a8ce5c58f1861024c1","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"b446e718ae6b68b612233c84cf5f1d53ee725a5a",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"c51d7fd5c0934132eed623227d249d32bb52fcdb",animation:"scale-in-y",class:"date-input__date-picker-popover",id:"popover-"+this.id,label:this.datePickerLabel,placement:"bottom-end",ref:t=>this.pickerPopover=t},s("swirl-date-picker",{key:"5d895146a03eeaa0fb6069a71eccee198f27605d",disableDate:this.datePickerDisableDate,firstDayOfWeek:this.firstDayOfWeek,labels:this.labels,locale:this.locale,onValueChange:this.onPickDate,value:e,startDate:e})))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".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}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}"}},[2,"swirl-date-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],datePickerDisableDate:[16],datePickerLabel:[1,"date-picker-label"],datePickerTriggerLabel:[1,"date-picker-trigger-label"],disabled:[4],firstDayOfWeek:[2,"first-day-of-week"],format:[1],inline:[4],invalid:[4],labels:[16],locale:[1],placeholder:[1],preferredInputMode:[1,"preferred-input-mode"],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32],isInPickOnlyMode:[32],openPicker:[64]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),v=k,g=function(){"undefined"!=typeof customElements&&["swirl-date-input","swirl-date-picker","swirl-icon-today","swirl-popover","swirl-popover-trigger","wc-datepicker"].forEach((t=>{switch(t){case"swirl-date-input":customElements.get(r(t))\|\|customElements.define(r(t),k);break;case"swirl-date-picker":customElements.get(r(t))\|\|u();break;case"swirl-icon-today":customElements.get(r(t))\|\|m();break;case"swirl-popover":customElements.get(r(t))\|\|f();break;case"swirl-popover-trigger":customElements.get(r(t))\|\|b();break;case"wc-datepicker":customElements.get(r(t))\|\|w()}}))};export{v as SwirlDateInput,g as defineCustomElement}

package/dist/components/swirl-date-picker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~CABm247w~~.js";const m=o,p=s;export{m as SwirlDatePicker,p as defineCustomElement}
1	+ import{S as r,d as s}from"./swirl-date-picker2.js";const o=r,t=s;export{o as SwirlDatePicker,t as defineCustomElement}

package/dist/components/swirl-date-picker2.js ADDED Viewed

@@ -0,0 +1 @@

+ import{proxyCustomElement as e,HTMLElement as t,createEvent as a,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{r as s,g as n}from"./utils.js";import{c}from"./index2.js";import{d}from"./wc-datepicker2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=a(this,"valueChange",3),this.disableDate=()=>!1,this.firstDayOfWeek=0,this.fixedMaxWidth=!0,this.locale="en-US",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)))))}}componentWillLoad(){if(!this.firstDayOfWeek){const e=new Intl.Locale(this.locale);this.firstDayOfWeek="getWeekInfo"in e?e.getWeekInfo().firstDay:e.weekInfo?.firstDay??0}}render(){const e=this.startDate instanceof Date?n(this.startDate):void 0,t=c({"date-picker--fixed-max-width":this.fixedMaxWidth});return r(i,{key:"32992e1f50d90b9be1ca93a6b7581f49d9ee165d",onClick:this.onClick},r("wc-datepicker",{key:"1f4bfa05076dcbda555b84a84a8f3d5978b1d346",class:t,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 this}static get style(){return":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--fixed-max-width .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) 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}"}},[1,"swirl-date-picker",{disableDate:[16],firstDayOfWeek:[1026,"first-day-of-week"],fixedMaxWidth:[4,"fixed-max-width"],labels:[16],locale:[1],range:[4],startDate:[16],value:[1040]}]);function p(){"undefined"!=typeof customElements&&["swirl-date-picker","wc-datepicker"].forEach((e=>{switch(e){case"swirl-date-picker":customElements.get(o(e))||customElements.define(o(e),l);break;case"wc-datepicker":customElements.get(o(e))||d()}}))}export{l as S,p as d}

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

	@@ -1 +1 @@
1	- import{p as i,H as t,h as e,d as s,t as o}from"~~./p-BIzYxcO0.js~~";import{c as d}from"./~~p-CTIzk_ki~~.js";import{d as a}from"./p-~~afNp4ghl~~.js";import{d as n}from"./p-~~BPrIUuuy~~.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bordered=!0}render(){const i=!!this.el.querySelector('[slot="tools"]'),t=!!this.el.querySelector('[slot="additional-content"]'),o=d("description-list-item",{"description-list-item--bordered":this.bordered,"description-list-item--has-additional-content":t,"description-list-item--has-tools":i});return e(s,{key:"4970a43d2827011defa2b0ed17beb4dc41336a36",role:"listitem"},e("div",{key:"69515ab209d3dbc60f9a52941d72461e9649b9ae",class:o,part:"description-list-item",role:"group"},e("div",{key:"2428ae9fbc5304c3a271978b2e298206da66d34e",class:"description-list-item__inner"},e("div",{key:"16b05061df5a03c5b79bee249261b67804e98510",class:"description-list-item__text-container"},e("div",{key:"71f2b6deffd96329854b435ea65296bb70865b73",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"c3d0d10992c81e7f0ce86e4b7450aa4f1ce0c146",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"5811c5cae4ac3fd526b3251fc7552181fd810406",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"e191dd42aecc953df63147506e758d8fbadc1504",size:16,tabIndex:0})))),e("div",{key:"3bb5afa6d9fa5c09ac8f2334116bd2876badf3c0",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"b2be6dba464bae5ce68ce1e9825bf78663fdb088"}))),e("div",{key:"b43577ab09d34cd6141882e50de9121527d44692",class:"description-list-item__tools"},e("slot",{key:"e7cb271bdc981848fb5971464223434ac31b6c77",name:"tools"}))),e("div",{key:"1020ad2c7c9193f0f4027fde73db8f91efc5b197",class:"description-list-item__additional-content"},e("slot",{key:"f90ae53857c804bef1a326ada27a01423c696e77",name:"additional-content"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}"}},[257,"swirl-description-list-item",{bordered:[4],maxWidth:[1,"max-width"],term:[1],tooltip:[1]}]),l=r,c=function(){"undefined"!=typeof customElements&&["swirl-description-list-item","swirl-icon-info","swirl-tooltip"].forEach((i=>{switch(i){case"swirl-description-list-item":customElements.get(o(i))\|\|customElements.define(o(i),r);break;case"swirl-icon-info":customElements.get(o(i))\|\|a();break;case"swirl-tooltip":customElements.get(o(i))\|\|n()}}))};export{l as SwirlDescriptionListItem,c as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as t,h as e,Host as s,transformTag as o}from"@stencil/core/internal/client";import{c as d}from"./index2.js";import{d as a}from"./swirl-icon-info2.js";import{d as n}from"./swirl-tooltip2.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bordered=!0}render(){const i=!!this.el.querySelector('[slot="tools"]'),t=!!this.el.querySelector('[slot="additional-content"]'),o=d("description-list-item",{"description-list-item--bordered":this.bordered,"description-list-item--has-additional-content":t,"description-list-item--has-tools":i});return e(s,{key:"4970a43d2827011defa2b0ed17beb4dc41336a36",role:"listitem"},e("div",{key:"69515ab209d3dbc60f9a52941d72461e9649b9ae",class:o,part:"description-list-item",role:"group"},e("div",{key:"2428ae9fbc5304c3a271978b2e298206da66d34e",class:"description-list-item__inner"},e("div",{key:"16b05061df5a03c5b79bee249261b67804e98510",class:"description-list-item__text-container"},e("div",{key:"71f2b6deffd96329854b435ea65296bb70865b73",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"c3d0d10992c81e7f0ce86e4b7450aa4f1ce0c146",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"5811c5cae4ac3fd526b3251fc7552181fd810406",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"e191dd42aecc953df63147506e758d8fbadc1504",size:16,tabIndex:0})))),e("div",{key:"3bb5afa6d9fa5c09ac8f2334116bd2876badf3c0",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"b2be6dba464bae5ce68ce1e9825bf78663fdb088"}))),e("div",{key:"b43577ab09d34cd6141882e50de9121527d44692",class:"description-list-item__tools"},e("slot",{key:"e7cb271bdc981848fb5971464223434ac31b6c77",name:"tools"}))),e("div",{key:"1020ad2c7c9193f0f4027fde73db8f91efc5b197",class:"description-list-item__additional-content"},e("slot",{key:"f90ae53857c804bef1a326ada27a01423c696e77",name:"additional-content"}))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}"}},[257,"swirl-description-list-item",{bordered:[4],maxWidth:[1,"max-width"],term:[1],tooltip:[1]}]),l=r,c=function(){"undefined"!=typeof customElements&&["swirl-description-list-item","swirl-icon-info","swirl-tooltip"].forEach((i=>{switch(i){case"swirl-description-list-item":customElements.get(o(i))\|\|customElements.define(o(i),r);break;case"swirl-icon-info":customElements.get(o(i))\|\|a();break;case"swirl-tooltip":customElements.get(o(i))\|\|n()}}))};export{l as SwirlDescriptionListItem,c as defineCustomElement}

package/dist/components/swirl-description-list.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as t,h as e,d as i,t as c}from"~~./p-BIzYxcO0.js~~";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return e(i,{key:"27f96e367e26b9c1c7c49bdf5aff9fed5364a437"},e("div",{key:"cec090b1ff65545a24796932791803aa91d18d8c",class:"description-list",role:"list"},e("slot",{key:"f7da0815863fdcdc75a152f7e5f14ccf0337ab46"})))}static get style(){return":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}"}},[257,"swirl-description-list"]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((s=>{"swirl-description-list"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),n))}))};export{o as SwirlDescriptionList,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as c}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(s,{key:"27f96e367e26b9c1c7c49bdf5aff9fed5364a437"},i("div",{key:"cec090b1ff65545a24796932791803aa91d18d8c",class:"description-list",role:"list"},i("slot",{key:"f7da0815863fdcdc75a152f7e5f14ccf0337ab46"})))}static get style(){return":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}"}},[257,"swirl-description-list"]),o=n,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((e=>{"swirl-description-list"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),n))}))};export{o as SwirlDescriptionList,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as i,H as a,c as e,h as t,d as o,t as s}from"~~./p-BIzYxcO0.js~~";import{c as d}from"./~~p-CTIzk_ki~~.js";import{t as n}from"./~~p-DBTxpXCn~~.js";import{d as l}from"./p-~~DWVJBU8l~~.js";const r=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dialogClose=e(this,"dialogClose",7),this.dialogOpen=e(this,"dialogOpen",7),this.primaryAction=e(this,"primaryAction",7),this.secondaryAction=e(this,"secondaryAction",7),this.toggleDialog=e(this,"toggleDialog",7),this.intent="primary",this.closing=!1,this.opening=!1,this.onClose=()=>{this.closing=!1,this.dialogClose.emit()},this.onToggle=i=>{const a={newState:i.newState,dialog:this.dialogEl};this.el.isConnected?this.toggleDialog.emit(a):document.dispatchEvent(new CustomEvent("toggleDialog",{bubbles:!0,composed:!0,detail:a}))},this.onKeyDown=i=>{"Escape"===i.code&&(i.stopImmediatePropagation(),i.preventDefault(),this.close())},this.onBackdropClick=()=>{this.close()},this.onPrimaryAction=i=>{this.primaryAction.emit(i),this.close()},this.onSecondaryAction=i=>{this.secondaryAction.emit(i),this.close()}}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.dialogEl?.open&&this.dialogEl.close()}ensureOpening(){this.opening&&!this.dialogEl?.open&&this.open()}setDialogCustomProps(){this.dialogEl.setAttribute("closedby","none")}async open(i){this.opening=!0,this.temporaryReturnFocusTo=i,this.dialogEl&&(this.dialogEl.showModal(),this.dialogOpen.emit())}async close(){this.closing\|\|(this.closing=!0,setTimeout((()=>{this.dialogEl.close(),this.customFocusReturn()}),150))}customFocusReturn(){const i=this.temporaryReturnFocusTo??this.returnFocusTo;if(!i)return;const a="string"==typeof i?document.querySelector(i):i,e=n(a,{includeContainer:!0,getShadowRoot:!0});e.length>0&&e[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const i=d("dialog",{"dialog--closing":this.closing}),a=!!this.el.querySelector('[slot="left-controls"]');return t(o,{key:"aed27fd60b073318b2bd447fbdea62b28a27b2bb"},t("dialog",{key:"717b703063cc4f7dc4d6ebd0cb4e32cdd41fc6da","aria-describedby":"content","aria-labelledby":this.hideLabel?void 0:"label","aria-label":this.hideLabel?this.label:void 0,class:i,onClose:this.onClose,onKeyDown:this.onKeyDown,onToggle:this.onToggle,role:"alertdialog",ref:i=>this.dialogEl=i},t("div",{key:"11cff9977346162bc0e379a2c6b12860efa9756e",class:"dialog__backdrop",onClick:this.onBackdropClick}),t("div",{key:"c537c3eaeb2688e7829163f1bb855f803fbd22b2",class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&t("h2",{key:"b673f936615fff1714137c5e3a0047e153103e2d",class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),t("div",{key:"6078b644042f60e89dfe55debeb8aad6a80bed34",class:"dialog__content",part:"dialog__content",id:"content"},t("slot",{key:"708bb8495998e1b91cebf23c4aba27d6225bdbe6"})),t("div",{key:"b47c30c0db1a42257dd198a985fd3c26bcad4094",class:"dialog__controls"},a~~&&t~~("div",{key:"bc4cdcd98a8e57faa1f182ff8a85b261e7757c22",class:"dialog__left_controls"},t("slot",{key:"c3fc5d235a740e1bbd5e8e5b19fb5901188f82d2",name:"left-controls"})),this.secondaryActionLabel&&t("swirl-button",{key:"f728634b91e50864b1179267da1d465efae28f2a",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&t("swirl-button",{key:"87f838d8b11dfa270ba12c02a981b855029cf69c",intent:this.intent,label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>{flex-grow:1}@media (min-width: 992px){.dialog__controls>{flex-grow:0}}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-dialog",{hideLabel:[4,"hide-label"],intent:[1],label:[1],primaryActionLabel:[1,"primary-action-label"],returnFocusTo:[1,"return-focus-to"],secondaryActionLabel:[1,"secondary-action-label"],closing:[32],opening:[32],open:[64],close:[64]}]),c=r,h=function(){"undefined"!=typeof customElements&&["swirl-dialog","swirl-button"].forEach((i=>{switch(i){case"swirl-dialog":customElements.get(s(i))\|\|customElements.define(s(i),r);break;case"swirl-button":customElements.get(s(i))\|\|l()}}))};export{c as SwirlDialog,h as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as e,createEvent as t,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as d}from"./index2.js";import{t as n}from"./index.esm.js";import{d as l}from"./swirl-button2.js";const r=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dialogClose=t(this,"dialogClose",7),this.dialogOpen=t(this,"dialogOpen",7),this.primaryAction=t(this,"primaryAction",7),this.secondaryAction=t(this,"secondaryAction",7),this.toggleDialog=t(this,"toggleDialog",7),this.intent="primary",this.closing=!1,this.opening=!1,this.onClose=()=>{this.closing=!1,this.dialogClose.emit()},this.onToggle=i=>{const e={newState:i.newState,dialog:this.dialogEl};this.el.isConnected?this.toggleDialog.emit(e):document.dispatchEvent(new CustomEvent("toggleDialog",{bubbles:!0,composed:!0,detail:e}))},this.onKeyDown=i=>{"Escape"===i.code&&(i.stopImmediatePropagation(),i.preventDefault(),this.close())},this.onBackdropClick=()=>{this.close()},this.onPrimaryAction=i=>{this.primaryAction.emit(i),this.close()},this.onSecondaryAction=i=>{this.secondaryAction.emit(i),this.close()}}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.dialogEl?.open&&this.dialogEl.close()}ensureOpening(){this.opening&&!this.dialogEl?.open&&this.open()}setDialogCustomProps(){this.dialogEl.setAttribute("closedby","none")}async open(i){this.opening=!0,this.temporaryReturnFocusTo=i,this.dialogEl&&(this.dialogEl.showModal(),this.dialogOpen.emit())}async close(){this.closing\|\|(this.closing=!0,setTimeout((()=>{this.dialogEl.close(),this.customFocusReturn()}),150))}customFocusReturn(){const i=this.temporaryReturnFocusTo??this.returnFocusTo;if(!i)return;const e="string"==typeof i?document.querySelector(i):i,t=n(e,{includeContainer:!0,getShadowRoot:!0});t.length>0&&t[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const i=d("dialog",{"dialog--closing":this.closing}),e=!!this.el.querySelector('[slot="left-controls"]');return a(o,{key:"aed27fd60b073318b2bd447fbdea62b28a27b2bb"},a("dialog",{key:"717b703063cc4f7dc4d6ebd0cb4e32cdd41fc6da","aria-describedby":"content","aria-labelledby":this.hideLabel?void 0:"label","aria-label":this.hideLabel?this.label:void 0,class:i,onClose:this.onClose,onKeyDown:this.onKeyDown,onToggle:this.onToggle,role:"alertdialog",ref:i=>this.dialogEl=i},a("div",{key:"11cff9977346162bc0e379a2c6b12860efa9756e",class:"dialog__backdrop",onClick:this.onBackdropClick}),a("div",{key:"c537c3eaeb2688e7829163f1bb855f803fbd22b2",class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&a("h2",{key:"b673f936615fff1714137c5e3a0047e153103e2d",class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),a("div",{key:"6078b644042f60e89dfe55debeb8aad6a80bed34",class:"dialog__content",part:"dialog__content",id:"content"},a("slot",{key:"708bb8495998e1b91cebf23c4aba27d6225bdbe6"})),a("div",{key:"b47c30c0db1a42257dd198a985fd3c26bcad4094",class:"dialog__controls"},e&&a("div",{key:"bc4cdcd98a8e57faa1f182ff8a85b261e7757c22",class:"dialog__left_controls"},a("slot",{key:"c3fc5d235a740e1bbd5e8e5b19fb5901188f82d2",name:"left-controls"})),this.secondaryActionLabel&&a("swirl-button",{key:"f728634b91e50864b1179267da1d465efae28f2a",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&a("swirl-button",{key:"87f838d8b11dfa270ba12c02a981b855029cf69c",intent:this.intent,label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))}get el(){return this}static get style(){return":host{display:block}:host {box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>{flex-grow:1}@media (min-width: 992px){.dialog__controls>{flex-grow:0}}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-dialog",{hideLabel:[4,"hide-label"],intent:[1],label:[1],primaryActionLabel:[1,"primary-action-label"],returnFocusTo:[1,"return-focus-to"],secondaryActionLabel:[1,"secondary-action-label"],closing:[32],opening:[32],open:[64],close:[64]}]),c=r,h=function(){"undefined"!=typeof customElements&&["swirl-dialog","swirl-button"].forEach((i=>{switch(i){case"swirl-dialog":customElements.get(s(i))\|\|customElements.define(s(i),r);break;case"swirl-button":customElements.get(s(i))\|\|l()}}))};export{c as SwirlDialog,h as defineCustomElement}

package/dist/components/swirl-emoji-clap.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as t,F as i,t as c}from"~~./p-BIzYxcO0.js~~";import{c as a}from"./~~p-CTIzk_ki~~.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=a("emoji","emoji--size-"+this.size);return t(i,{key:"82b2eef62f607b251bfde697b77ca65e2593c045"},16===this.size&&t("img",{key:"8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5",alt:this.label,class:s,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&t("img",{key:"d24d8776e4342938d5ecd259e6e8dd98e832fcac",alt:this.label,class:s,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&t("img",{key:"0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4",alt:this.label,class:s,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&t("img",{key:"33260a367f4873fa3dd193b25a74ca67f72007a7",alt:this.label,class:s,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((s=>{"swirl-emoji-clap"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),l))}))};export{h as SwirlEmojiClap,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"82b2eef62f607b251bfde697b77ca65e2593c045"},16===this.size&&i("img",{key:"8c8ca9e7f5fba4cf20dc63ba831ac9ef14f8c4b5",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"d24d8776e4342938d5ecd259e6e8dd98e832fcac",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"0560ae0f4387a0c1218dfc2783fd0e36c43dc1e4",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"33260a367f4873fa3dd193b25a74ca67f72007a7",alt:this.label,class:e,height:"32",src:"emojis/Clap32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-clap",{label:[1],size:[2]}]),h=l,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-clap"].forEach((e=>{"swirl-emoji-clap"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),l))}))};export{h as SwirlEmojiClap,n as defineCustomElement}

package/dist/components/swirl-emoji-happy.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as s,h as t,F as i,t as c}from"~~./p-BIzYxcO0.js~~";import{c as a}from"./~~p-CTIzk_ki~~.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return t(i,{key:"9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c"},16===this.size&&t("img",{key:"2e63217f2ff389e3f0c1a519dbcd3606a841a7fa",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&t("img",{key:"3b9ed0726917c1f4dccb906f14955216eb3500bf",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&t("img",{key:"d6bd535cde6778d0c7d415e370e89e3c9bb8cfef",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&t("img",{key:"54fcec7c811a72587acb068274a54e8bf78cc2f6",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),p=h,f=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{p as SwirlEmojiHappy,f as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return i(t,{key:"9f75ca61dfdf2c8edfbec80a37c4dcf6e7ebcd4c"},16===this.size&&i("img",{key:"2e63217f2ff389e3f0c1a519dbcd3606a841a7fa",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"3b9ed0726917c1f4dccb906f14955216eb3500bf",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"d6bd535cde6778d0c7d415e370e89e3c9bb8cfef",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"54fcec7c811a72587acb068274a54e8bf78cc2f6",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),n=h,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{n as SwirlEmojiHappy,o as defineCustomElement}

package/dist/components/swirl-emoji-idea.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as s,h as i,F as t,t as a}from"~~./p-BIzYxcO0.js~~";import{c}from"./~~p-CTIzk_ki~~.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=c("emoji","emoji--size-"+this.size);return i(t,{key:"7339ed8799a4d7e9d3754a1bed2ed217dbdaa5ee"},16===this.size&&i("img",{key:"f7c1c2f3346123259f70a07cf8de094c9d360745",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&i("img",{key:"4a95f3758c56fb1390645b4f00ff2acfddff89b8",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&i("img",{key:"d7e0ea7be3acecc8c84a3e05cf10b4b7d37fb7bb",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&i("img",{key:"6faf10781efc1b6e374d046775b2835607392ac4",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),h=d,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),d))}))};export{h as SwirlEmojiIdea,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as a}from"./index2.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=a("emoji","emoji--size-"+this.size);return s(t,{key:"7339ed8799a4d7e9d3754a1bed2ed217dbdaa5ee"},16===this.size&&s("img",{key:"f7c1c2f3346123259f70a07cf8de094c9d360745",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"4a95f3758c56fb1390645b4f00ff2acfddff89b8",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"d7e0ea7be3acecc8c84a3e05cf10b4b7d37fb7bb",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"6faf10781efc1b6e374d046775b2835607392ac4",alt:this.label,class:e,height:"32",src:"emojis/Idea32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-idea",{label:[1],size:[2]}]),h=d,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),d))}))};export{h as SwirlEmojiIdea,n as defineCustomElement}

package/dist/components/swirl-emoji-love.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as s,h as t,F as i,t as o}from"~~./p-BIzYxcO0.js~~";import{c}from"./~~p-CTIzk_ki~~.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=c("emoji","emoji--size-"+this.size);return t(i,{key:"09d0e75ba81401110070a6235e73b69a10cc9722"},16===this.size&&t("img",{key:"7fd2166277cef666b5adaea710f5c9efe0230f70",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&t("img",{key:"7b622b06b4b92567627fe648023b4cba2240d648",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&t("img",{key:"c07c2b69710291f219d33b0ea95181024115bc87",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&t("img",{key:"2ea22e12c46ee678027850729d116f02d790e4c3",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),a=h,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),h))}))};export{a as SwirlEmojiLove,l as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as o}from"./index2.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=o("emoji","emoji--size-"+this.size);return i(t,{key:"09d0e75ba81401110070a6235e73b69a10cc9722"},16===this.size&&i("img",{key:"7fd2166277cef666b5adaea710f5c9efe0230f70",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"7b622b06b4b92567627fe648023b4cba2240d648",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"c07c2b69710291f219d33b0ea95181024115bc87",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"2ea22e12c46ee678027850729d116f02d790e4c3",alt:this.label,class:e,height:"32",src:"emojis/Love32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-love",{label:[1],size:[2]}]),h=l,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),l))}))};export{h as SwirlEmojiLove,n as defineCustomElement}

package/dist/components/swirl-emoji-sad.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as t,F as i,t as a}from"~~./p-BIzYxcO0.js~~";import{c as d}from"./~~p-CTIzk_ki~~.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=d("emoji","emoji--size-"+this.size);return t(i,{key:"d4184217dc660a5bde784f83a375d47df94a81c3"},16===this.size&&t("img",{key:"ba414213f99c7d3331c723fa8e3583020fe30309",alt:this.label,class:s,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&t("img",{key:"ce71cbdf62157abe508d8a63b186859ee0ac1b2e",alt:this.label,class:s,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&t("img",{key:"4b47e8d58648f55d38b33d65b93b68ca9dabd64f",alt:this.label,class:s,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&t("img",{key:"5d71971fb48193edfad601a135b7ef46e3489ef4",alt:this.label,class:s,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=c,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((s=>{"swirl-emoji-sad"===s&&(customElements.get(a(s))\|\|customElements.define(a(s),c))}))};export{h as SwirlEmojiSad,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c as d}from"./index2.js";const c=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return i(t,{key:"d4184217dc660a5bde784f83a375d47df94a81c3"},16===this.size&&i("img",{key:"ba414213f99c7d3331c723fa8e3583020fe30309",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"ce71cbdf62157abe508d8a63b186859ee0ac1b2e",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"4b47e8d58648f55d38b33d65b93b68ca9dabd64f",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"5d71971fb48193edfad601a135b7ef46e3489ef4",alt:this.label,class:e,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=c,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),c))}))};export{h as SwirlEmojiSad,n as defineCustomElement}

package/dist/components/swirl-emoji-thumbs-up.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as s,H as e,h as t,F as i,t as h}from"~~./p-BIzYxcO0.js~~";import{c as a}from"./~~p-CTIzk_ki~~.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=a("emoji","emoji--size-"+this.size);return t(i,{key:"25acd8397b840651178384f1583cfcebd86b92c6"},16===this.size&&t("img",{key:"5efe061a73babc48fb99a2bf6ac8f4803a5fd097",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"dab9823c4d4e5e2a674a142f703cc8afdac34b98",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"20aa8774e0a3db0bd0af2d11f2fd938d1e3ba7ef",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"2e1bf444b0277895e5862058026623fecbc5963d",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),m=c,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(h(s))\|\|customElements.define(h(s),c))}))};export{m as SwirlEmojiThumbsUp,o as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as c}from"@stencil/core/internal/client";import{c as h}from"./index2.js";const a=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=h("emoji","emoji--size-"+this.size);return t(i,{key:"25acd8397b840651178384f1583cfcebd86b92c6"},16===this.size&&t("img",{key:"5efe061a73babc48fb99a2bf6ac8f4803a5fd097",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"dab9823c4d4e5e2a674a142f703cc8afdac34b98",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"20aa8774e0a3db0bd0af2d11f2fd938d1e3ba7ef",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"2e1bf444b0277895e5862058026623fecbc5963d",alt:this.label,class:s,height:"32",src:"emojis/ThumbsUp32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-thumbs-up",{label:[1],size:[2]}]),m=a,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),a))}))};export{m as SwirlEmojiThumbsUp,n as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{p as e,H as s,h as t,d as i,t as a}from"~~./p-BIzYxcO0.js~~";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return t(i,{key:"209852dfda7f393517bc8578cbaaca8af6001b8e"},t("swirl-emoji-"+this.name,{key:"e32b5d1a648e72f51bd21fbad53070f79b27717a",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),n=l,o=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),l))}))};export{n as SwirlEmoji,o as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"209852dfda7f393517bc8578cbaaca8af6001b8e"},s("swirl-emoji-"+this.name,{key:"e32b5d1a648e72f51bd21fbad53070f79b27717a",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),r=l,o=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),l))}))};export{r as SwirlEmoji,o as defineCustomElement}

package/dist/components/swirl-empty-state.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,h as s,d as a,t as l}from"~~./p-BIzYxcO0.js~~";import{c}from"./~~p-CTIzk_ki~~.js";import{d as i}from"./p-~~BGAf4PfC~~.js";import{d}from"./p-~~BGcNhzCf~~.js";import{d as o}from"./p-~~CLL9tkCx~~.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const t=!!this.el.querySelector('[slot="controls"]'),e=!!this.el.querySelector('[slot="illustration"]'),l=c("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"22d25ff2de86351d5275ac95fb2c47d843dcbb13"},s("div",{key:"0da8e35a08aaed7f24dbccd10125d3f5330fa14f",class:l},this.illustration&&!e&&s("img",{key:"398bffae414d9fb10e82bf92ddcbf92641ec6239",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"bb5c49f77d9525964875c7c35355dc1fd13c4405",class:"empty-state__slotted-illustration"},s("slot",{key:"1149df2c856a75ce5450555fa534617cffa8985d",name:"illustration"})),s("div",{key:"70840262fae5a6a587272838e48db12dc36fcb43",class:"empty-state__body"},s("swirl-stack",{key:"bee0c287cfeeb040d3d7cb2816fc3caa6efe3daf",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"d5cadca7661b33cee8557ec6e3be6417ab9ca7b3",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"bf5a561a07d8f9d4b5c4d8ebb395554cf68804f9",class:"empty-state__content"},s("swirl-text",{key:"7a396d2082895ce10253a82755b740f66726e524",align:"center",color:"subdued"},s("slot",{key:"48b5431300282c7d60b9cf00e2fc8a0e4e269852"})))),s("div",{key:"d92b22475301c8618670779b6da5b99d7280df32",class:"empty-state__controls"},s("slot",{key:"9643e8766ae5f6919c0fbc20bad91218e7f8e863",name:"controls"})))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}"}},[257,"swirl-empty-state",{heading:[1],headingLevel:[2,"heading-level"],illustration:[1]}]),n=r,m=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((t=>{switch(t){case"swirl-empty-state":customElements.get(l(t))\|\|customElements.define(l(t),r);break;case"swirl-heading":customElements.get(l(t))\|\|i();break;case"swirl-stack":customElements.get(l(t))\|\|d();break;case"swirl-text":customElements.get(l(t))\|\|o()}}))};export{n as SwirlEmptyState,m as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as l}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as c}from"./swirl-heading2.js";import{d}from"./swirl-stack2.js";import{d as o}from"./swirl-text2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const t=!!this.el.querySelector('[slot="controls"]'),e=!!this.el.querySelector('[slot="illustration"]'),l=i("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"22d25ff2de86351d5275ac95fb2c47d843dcbb13"},s("div",{key:"0da8e35a08aaed7f24dbccd10125d3f5330fa14f",class:l},this.illustration&&!e&&s("img",{key:"398bffae414d9fb10e82bf92ddcbf92641ec6239",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"bb5c49f77d9525964875c7c35355dc1fd13c4405",class:"empty-state__slotted-illustration"},s("slot",{key:"1149df2c856a75ce5450555fa534617cffa8985d",name:"illustration"})),s("div",{key:"70840262fae5a6a587272838e48db12dc36fcb43",class:"empty-state__body"},s("swirl-stack",{key:"bee0c287cfeeb040d3d7cb2816fc3caa6efe3daf",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"d5cadca7661b33cee8557ec6e3be6417ab9ca7b3",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"bf5a561a07d8f9d4b5c4d8ebb395554cf68804f9",class:"empty-state__content"},s("swirl-text",{key:"7a396d2082895ce10253a82755b740f66726e524",align:"center",color:"subdued"},s("slot",{key:"48b5431300282c7d60b9cf00e2fc8a0e4e269852"})))),s("div",{key:"d92b22475301c8618670779b6da5b99d7280df32",class:"empty-state__controls"},s("slot",{key:"9643e8766ae5f6919c0fbc20bad91218e7f8e863",name:"controls"})))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}"}},[257,"swirl-empty-state",{heading:[1],headingLevel:[2,"heading-level"],illustration:[1]}]),n=r,m=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((t=>{switch(t){case"swirl-empty-state":customElements.get(l(t))\|\|customElements.define(l(t),r);break;case"swirl-heading":customElements.get(l(t))\|\|c();break;case"swirl-stack":customElements.get(l(t))\|\|d();break;case"swirl-text":customElements.get(l(t))\|\|o()}}))};export{n as SwirlEmptyState,m as defineCustomElement}

package/dist/components/swirl-file-chip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as e,c as s,h as o,d as t,t as a}from"~~./p-BIzYxcO0.js~~";import{c}from"./~~p-CTIzk_ki~~.js";import{F as r}from"./~~p-CkkPNPa1~~.js";import{a as l,b as n,c as p,e as d,f,h}from"./~~p-DRAQ9S8E~~.js";import{d as u}from"./p-~~DWVJBU8l~~.js";import{d as w}from"./p-~~DCxwPw77~~.js";import{d as m}from"./p-~~DAv9KTFn~~.js";import{d as b}from"./p-~~XhPQOhOB~~.js";import{d as v}from"./p-~~BoRiFGqT~~.js";import{d as _}from"./p-~~BgdSkqQE~~.js";import{d as k}from"./p-~~BhhRVGwJ~~.js";import{d as g}from"./p-~~zJ7MHW_r~~.js";import{d as y}from"./p-~~BhEaOHlc~~.js";import{d as x}from"./p-~~CzgARwlN~~.js";import{d as E}from"./p-~~BGcNhzCf~~.js";import{d as j}from"./p-g-~~oCTzqh~~.js";const B=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.preview=s(this,"preview",7),this.download=s(this,"download",7),this.loadingLabel="Loading",this.downloadButtonLabel="Download",this.previewButtonLabel="Preview",this.isHovered=!1,this.fileType="unknown",this.fileIconMap={image:o("swirl-icon-image",null),video:o("swirl-icon-video-player",null),audio:o("swirl-icon-audio-file",null),pdf:o("swirl-icon-picture-as-pdf",null),compressed:o("swirl-icon-folder",null),document:o("swirl-icon-file",null),unknown:o("swirl-icon-attachment",null)},this.handleDownloadClick=()=>{if(this.download.emit(),this.skipNativeDownload)return;const i=this.name\|\|this.url.split("/").pop();fetch(this.url).then((i=>i.blob())).then((e=>{r.saveAs(e,i)}))},this.handlePreviewClick=()=>{this.preview.emit()}}componentWillLoad(){this.setFileType()}watchType(){this.setFileType()}getFileIcon(){return this.loading?o("swirl-spinner",{size:"s",label:this.loadingLabel}):this.fileIconMap[this.fileType]}setFileType(){this.fileType=l(this.type)?"image":n(this.type)?"video":p(this.type)?"audio":d(this.type)?"pdf":f(this.type)?"compressed":h(this.type)?"document":"unknown"}render(){const i=+this.showPreviewButton+ +this.showDownloadButton,e=c("file-chip","file-chip--type-"+this.fileType,{"file-chip--loading":this.loading,"file-chip--one-action":1===i,"file-chip--two-actions":2===i});return o(t,{key:"eb955f82e9f133a56d59c19c4e9aeae2bd0bfaa7"},o("span",{key:"90b11e6798672adeb930fdad269a81c3fcd1d55e",role:"group",class:e},o("span",{key:"af804336c3700a3c15ebaa85ef3763e6de2c4281",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"252c62c69625f6af49660ea6d4507df1683cc53f",class:"file-chip__info"},o("span",{key:"16f7799eb9541f50f297a68239b4c7a9766cbd7a",class:"file-chip__name",title:this.name},this.name),this.description&&o("span",{key:"a7e65d1cefb6b7bbd4665926858960a2d7c44541",class:"file-chip__description"},this.description)),o("swirl-button-group",{key:"fb6796353e6ad5bb0639358f9f26260d03b5f865",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"c4c731ba570dc29f3193ae07a4fb61f7c3ee8fc6",variant:"flat",icon:"<swirl-icon-preview></swirl-icon-preview>",onClick:this.handlePreviewClick,label:this.previewButtonLabel,hideLabel:!0,part:"file-chip__preview"}),this.showDownloadButton&&o("swirl-button",{key:"62e01c0535dff0d5f582607778aeb59832c0036d",variant:"flat",icon:"<swirl-icon-download></swirl-icon-download>",onClick:this.handleDownloadClick,label:this.downloadButtonLabel,hideLabel:!0,part:"file-chip__download"}))))}static get watchers(){return{type:[{watchType:0}]}}static get style(){return":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>,.file-chip:focus-within.file-chip--one-action .file-chip__info>{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>,.file-chip:focus-within.file-chip--two-actions .file-chip__info>{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions,.file-chip:focus-within .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}"}},[1,"swirl-file-chip",{url:[1],name:[1],type:[1],description:[1],loading:[4],loadingLabel:[1,"loading-label"],skipNativeDownload:[4,"skip-native-download"],showDownloadButton:[4,"show-download-button"],showPreviewButton:[4,"show-preview-button"],downloadButtonLabel:[1,"download-button-label"],previewButtonLabel:[1,"preview-button-label"],isHovered:[32],fileType:[32]},void 0,{type:[{watchType:0}]}]),z=B,T=function(){"undefined"!=typeof customElements&&["swirl-file-chip","swirl-button","swirl-button-group","swirl-icon-attachment","swirl-icon-audio-file","swirl-icon-file","swirl-icon-folder","swirl-icon-image","swirl-icon-picture-as-pdf","swirl-icon-video-player","swirl-spinner","swirl-stack","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-chip":customElements.get(a(i))\|\|customElements.define(a(i),B);break;case"swirl-button":customElements.get(a(i))\|\|u();break;case"swirl-button-group":customElements.get(a(i))\|\|w();break;case"swirl-icon-attachment":customElements.get(a(i))\|\|m();break;case"swirl-icon-audio-file":customElements.get(a(i))\|\|b();break;case"swirl-icon-file":customElements.get(a(i))\|\|v();break;case"swirl-icon-folder":customElements.get(a(i))\|\|_();break;case"swirl-icon-image":customElements.get(a(i))\|\|k();break;case"swirl-icon-picture-as-pdf":customElements.get(a(i))\|\|g();break;case"swirl-icon-video-player":customElements.get(a(i))\|\|y();break;case"swirl-spinner":customElements.get(a(i))\|\|x();break;case"swirl-stack":customElements.get(a(i))\|\|E();break;case"swirl-visually-hidden":customElements.get(a(i))\|\|j()}}))};export{z as SwirlFileChip,T as defineCustomElement}
1	+ import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as o,Host as t,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{F as c}from"./FileSaver.min.js";import{a as l,b as n,c as d,e as p,f,h}from"./utils.js";import{d as u}from"./swirl-button2.js";import{d as w}from"./swirl-button-group2.js";import{d as m}from"./swirl-icon-attachment2.js";import{d as b}from"./swirl-icon-audio-file2.js";import{d as v}from"./swirl-icon-file2.js";import{d as _}from"./swirl-icon-folder2.js";import{d as k}from"./swirl-icon-image2.js";import{d as y}from"./swirl-icon-picture-as-pdf2.js";import{d as g}from"./swirl-icon-video-player2.js";import{d as x}from"./swirl-spinner2.js";import{d as j}from"./swirl-stack2.js";import{d as E}from"./swirl-visually-hidden2.js";const L=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.preview=s(this,"preview",7),this.download=s(this,"download",7),this.loadingLabel="Loading",this.downloadButtonLabel="Download",this.previewButtonLabel="Preview",this.isHovered=!1,this.fileType="unknown",this.fileIconMap={image:o("swirl-icon-image",null),video:o("swirl-icon-video-player",null),audio:o("swirl-icon-audio-file",null),pdf:o("swirl-icon-picture-as-pdf",null),compressed:o("swirl-icon-folder",null),document:o("swirl-icon-file",null),unknown:o("swirl-icon-attachment",null)},this.handleDownloadClick=()=>{if(this.download.emit(),this.skipNativeDownload)return;const i=this.name\|\|this.url.split("/").pop();fetch(this.url).then((i=>i.blob())).then((e=>{c.saveAs(e,i)}))},this.handlePreviewClick=()=>{this.preview.emit()}}componentWillLoad(){this.setFileType()}watchType(){this.setFileType()}getFileIcon(){return this.loading?o("swirl-spinner",{size:"s",label:this.loadingLabel}):this.fileIconMap[this.fileType]}setFileType(){this.fileType=l(this.type)?"image":n(this.type)?"video":d(this.type)?"audio":p(this.type)?"pdf":f(this.type)?"compressed":h(this.type)?"document":"unknown"}render(){const i=+this.showPreviewButton+ +this.showDownloadButton,e=r("file-chip","file-chip--type-"+this.fileType,{"file-chip--loading":this.loading,"file-chip--one-action":1===i,"file-chip--two-actions":2===i});return o(t,{key:"eb955f82e9f133a56d59c19c4e9aeae2bd0bfaa7"},o("span",{key:"90b11e6798672adeb930fdad269a81c3fcd1d55e",role:"group",class:e},o("span",{key:"af804336c3700a3c15ebaa85ef3763e6de2c4281",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"252c62c69625f6af49660ea6d4507df1683cc53f",class:"file-chip__info"},o("span",{key:"16f7799eb9541f50f297a68239b4c7a9766cbd7a",class:"file-chip__name",title:this.name},this.name),this.description&&o("span",{key:"a7e65d1cefb6b7bbd4665926858960a2d7c44541",class:"file-chip__description"},this.description)),o("swirl-button-group",{key:"fb6796353e6ad5bb0639358f9f26260d03b5f865",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"c4c731ba570dc29f3193ae07a4fb61f7c3ee8fc6",variant:"flat",icon:"<swirl-icon-preview></swirl-icon-preview>",onClick:this.handlePreviewClick,label:this.previewButtonLabel,hideLabel:!0,part:"file-chip__preview"}),this.showDownloadButton&&o("swirl-button",{key:"62e01c0535dff0d5f582607778aeb59832c0036d",variant:"flat",icon:"<swirl-icon-download></swirl-icon-download>",onClick:this.handleDownloadClick,label:this.downloadButtonLabel,hideLabel:!0,part:"file-chip__download"}))))}static get watchers(){return{type:[{watchType:0}]}}static get style(){return":host{display:inline-block;max-width:100%}.file-chip{display:flex;position:relative;max-width:100%;min-width:15rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);background:var(--s-surface-default);border-radius:var(--s-border-radius-sm);outline:1px solid var(--s-border-strong);outline-offset:-1px;padding-right:var(--s-space-16);gap:var(--s-space-12)}.file-chip:hover.file-chip--one-action .file-chip__info>,.file-chip:focus-within.file-chip--one-action .file-chip__info>{width:calc(100% - 44px - var(--s-space-12))}.file-chip:hover.file-chip--two-actions .file-chip__info>,.file-chip:focus-within.file-chip--two-actions .file-chip__info>{width:calc(100% - 88px - var(--s-space-12))}.file-chip:hover .file-chip__actions,.file-chip:focus-within .file-chip__actions{opacity:1}.file-chip__icon{display:flex;flex-shrink:0;padding:var(--s-space-16);background:var(--s-surface-sunken-hovered);border-radius:var(--s-border-radius-sm) 0 0 var(--s-border-radius-sm);color:var(--s-icon-default)}.file-chip__info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-grow:1}.file-chip__name{font-weight:var(--s-font-weight-semibold)}.file-chip__description{color:var(--s-text-subdued)}.file-chip__name,.file-chip__description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-chip__actions{display:flex;align-items:center;position:absolute;right:var(--s-space-16);top:0;bottom:0;opacity:0}.file-chip--type-image .file-chip__icon{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.file-chip--type-video .file-chip__icon{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.file-chip--type-audio .file-chip__icon{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.file-chip--type-pdf .file-chip__icon{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.file-chip--type-compressed .file-chip__icon{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.file-chip--type-document .file-chip__icon{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.file-chip--type-unknown .file-chip__icon{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}"}},[1,"swirl-file-chip",{url:[1],name:[1],type:[1],description:[1],loading:[4],loadingLabel:[1,"loading-label"],skipNativeDownload:[4,"skip-native-download"],showDownloadButton:[4,"show-download-button"],showPreviewButton:[4,"show-preview-button"],downloadButtonLabel:[1,"download-button-label"],previewButtonLabel:[1,"preview-button-label"],isHovered:[32],fileType:[32]},void 0,{type:[{watchType:0}]}]),T=L,B=function(){"undefined"!=typeof customElements&&["swirl-file-chip","swirl-button","swirl-button-group","swirl-icon-attachment","swirl-icon-audio-file","swirl-icon-file","swirl-icon-folder","swirl-icon-image","swirl-icon-picture-as-pdf","swirl-icon-video-player","swirl-spinner","swirl-stack","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-file-chip":customElements.get(a(i))\|\|customElements.define(a(i),L);break;case"swirl-button":customElements.get(a(i))\|\|u();break;case"swirl-button-group":customElements.get(a(i))\|\|w();break;case"swirl-icon-attachment":customElements.get(a(i))\|\|m();break;case"swirl-icon-audio-file":customElements.get(a(i))\|\|b();break;case"swirl-icon-file":customElements.get(a(i))\|\|v();break;case"swirl-icon-folder":customElements.get(a(i))\|\|_();break;case"swirl-icon-image":customElements.get(a(i))\|\|k();break;case"swirl-icon-picture-as-pdf":customElements.get(a(i))\|\|y();break;case"swirl-icon-video-player":customElements.get(a(i))\|\|g();break;case"swirl-spinner":customElements.get(a(i))\|\|x();break;case"swirl-stack":customElements.get(a(i))\|\|j();break;case"swirl-visually-hidden":customElements.get(a(i))\|\|E()}}))};export{T as SwirlFileChip,B as defineCustomElement}

package/dist/components/swirl-file-uploader.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as i,c as l,h as s,d as a,t as o}from"~~./p-BIzYxcO0.js~~";import{c as r}from"./~~p-CTIzk_ki~~.js";import{d}from"./p-~~DWVJBU8l~~.js";import{d as t}from"./p-~~CSrAmfZC~~.js";import{d as p}from"./p-g-~~oCTzqh~~.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=l(this,"valueChange",7),this.ctaLabel="Click to upload",this.descriptionAllowHtml=!1,this.dragDropLabel="or drag and drop.",this.hideLabel=!1,this.showDropzone=!0,this.uploadButtonLabel="Select file",this.uploadButtonVariant="flat",this.onChange=e=>{this.valueChange.emit(e.target.files)},this.onUploadButtonClick=()=>{this.inputEl.click()}}async reset(){this.inputEl.value=""}render(){const e=this.description?`${this.inputId}-description ${this.inputId}-additional-label`:this.inputId+"-additional-label",i=this.showDropzone?0:-1,l=r("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return s(a,{key:"df88fe6ef5e08af9f68ad82bd33310c71cbd1047"},s("div",{key:"87ac6909dd6a15897595e9a1be1d0d56834a2688",class:l},this.hideLabel?s("swirl-visually-hidden",null,s("label",{htmlFor:this.inputId},this.label)):s("label",{class:"file-uploader__label",htmlFor:this.inputId,id:this.inputId+"-label"},this.label),this.description&&s("span",{key:"f4000a9663329c39da8f9d5e23df87f48163f87c",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"ed5846f4a271d2d53df318fae841c8387fb90c86",class:"file-uploader__dropzone"},this.showDropzone?[s("swirl-icon-cloud-upload",{class:"file-uploader__dropzone-icon"}),s("div",{class:"file-uploader__dropzone-label",id:this.inputId+"-additional-label"},s("span",{class:"file-uploader__dropzone-cta"},this.ctaLabel)," ",s("span",{class:"file-uploader__drag-drop-label"},this.dragDropLabel))]:s("swirl-button",{class:"file-uploader__upload-button",disabled:this.disabled,icon:this.uploadButtonIcon,intent:"primary",label:this.uploadButtonLabel,onClick:this.onUploadButtonClick,swirlAriaDescribedby:e,variant:this.uploadButtonVariant}),s("input",{key:"9d03dafddea13cbd1f48b3cbb4d81a2bd894412b",accept:this.accept,"aria-describedby":e,"aria-disabled":this.disabled,autoComplete:"off",class:"file-uploader__input",disabled:this.disabled,id:this.inputId,multiple:this.multiple,name:this.inputName,onChange:this.onChange,ref:e=>this.inputEl=e,tabIndex:i,type:"file"}))))}static get style(){return".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}"}},[2,"swirl-file-uploader",{accept:[1],ctaLabel:[1,"cta-label"],description:[1],descriptionAllowHtml:[4,"description-allow-html"],disabled:[4],dragDropLabel:[1,"drag-drop-label"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],multiple:[4],showDropzone:[4,"show-dropzone"],uploadButtonIcon:[1,"upload-button-icon"],uploadButtonLabel:[1,"upload-button-label"],uploadButtonVariant:[1,"upload-button-variant"],reset:[64]}]),u=n,c=function(){"undefined"!=typeof customElements&&["swirl-file-uploader","swirl-button","swirl-icon-cloud-upload","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-file-uploader":customElements.get(o(e))\|\|customElements.define(o(e),n);break;case"swirl-button":customElements.get(o(e))\|\|d();break;case"swirl-icon-cloud-upload":customElements.get(o(e))\|\|t();break;case"swirl-visually-hidden":customElements.get(o(e))\|\|p()}}))};export{u as SwirlFileUploader,c as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as l,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d}from"./swirl-button2.js";import{d as t}from"./swirl-icon-cloud-upload2.js";import{d as p}from"./swirl-visually-hidden2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChange=l(this,"valueChange",7),this.ctaLabel="Click to upload",this.descriptionAllowHtml=!1,this.dragDropLabel="or drag and drop.",this.hideLabel=!1,this.showDropzone=!0,this.uploadButtonLabel="Select file",this.uploadButtonVariant="flat",this.onChange=e=>{this.valueChange.emit(e.target.files)},this.onUploadButtonClick=()=>{this.inputEl.click()}}async reset(){this.inputEl.value=""}render(){const e=this.description?`${this.inputId}-description ${this.inputId}-additional-label`:this.inputId+"-additional-label",i=this.showDropzone?0:-1,l=r("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return s(a,{key:"df88fe6ef5e08af9f68ad82bd33310c71cbd1047"},s("div",{key:"87ac6909dd6a15897595e9a1be1d0d56834a2688",class:l},this.hideLabel?s("swirl-visually-hidden",null,s("label",{htmlFor:this.inputId},this.label)):s("label",{class:"file-uploader__label",htmlFor:this.inputId,id:this.inputId+"-label"},this.label),this.description&&s("span",{key:"f4000a9663329c39da8f9d5e23df87f48163f87c",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"ed5846f4a271d2d53df318fae841c8387fb90c86",class:"file-uploader__dropzone"},this.showDropzone?[s("swirl-icon-cloud-upload",{class:"file-uploader__dropzone-icon"}),s("div",{class:"file-uploader__dropzone-label",id:this.inputId+"-additional-label"},s("span",{class:"file-uploader__dropzone-cta"},this.ctaLabel)," ",s("span",{class:"file-uploader__drag-drop-label"},this.dragDropLabel))]:s("swirl-button",{class:"file-uploader__upload-button",disabled:this.disabled,icon:this.uploadButtonIcon,intent:"primary",label:this.uploadButtonLabel,onClick:this.onUploadButtonClick,swirlAriaDescribedby:e,variant:this.uploadButtonVariant}),s("input",{key:"9d03dafddea13cbd1f48b3cbb4d81a2bd894412b",accept:this.accept,"aria-describedby":e,"aria-disabled":this.disabled,autoComplete:"off",class:"file-uploader__input",disabled:this.disabled,id:this.inputId,multiple:this.multiple,name:this.inputName,onChange:this.onChange,ref:e=>this.inputEl=e,tabIndex:i,type:"file"}))))}static get style(){return".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}"}},[2,"swirl-file-uploader",{accept:[1],ctaLabel:[1,"cta-label"],description:[1],descriptionAllowHtml:[4,"description-allow-html"],disabled:[4],dragDropLabel:[1,"drag-drop-label"],hideLabel:[4,"hide-label"],inputId:[1,"input-id"],inputName:[1,"input-name"],label:[1],multiple:[4],showDropzone:[4,"show-dropzone"],uploadButtonIcon:[1,"upload-button-icon"],uploadButtonLabel:[1,"upload-button-label"],uploadButtonVariant:[1,"upload-button-variant"],reset:[64]}]),u=n,c=function(){"undefined"!=typeof customElements&&["swirl-file-uploader","swirl-button","swirl-icon-cloud-upload","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-file-uploader":customElements.get(o(e))\|\|customElements.define(o(e),n);break;case"swirl-button":customElements.get(o(e))\|\|d();break;case"swirl-icon-cloud-upload":customElements.get(o(e))\|\|t();break;case"swirl-visually-hidden":customElements.get(o(e))\|\|p()}}))};export{u as SwirlFileUploader,c as defineCustomElement}

package/dist/components/swirl-file-viewer-audio.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~xECPKfCZ~~.js";const p=o,r=s;export{p as SwirlFileViewerAudio,r as defineCustomElement}
1	+ import{S as i,d as o}from"./swirl-file-viewer-audio2.js";const r=i,s=o;export{r as SwirlFileViewerAudio,s as defineCustomElement}

package/dist/components/swirl-file-viewer-audio2.js ADDED Viewed

@@ -0,0 +1 @@

+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.activate=t(this,"activate",7)}componentDidLoad(){this.activate.emit(this.el)}render(){return s(o,{key:"4b597070229656ffbf9fbfa59e83fb96f964d6f0",class:"file-viewer-audio"},s("audio",{key:"757dccdabed2aefa5588e050c09dd913149f9ef6",autoplay:this.autoplay,class:"file-viewer-audio__audio",src:this.file,controls:!0}))}get el(){return this}static get style(){return":host{display:inline-flex;width:100%;height:100%;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-audio__audio{width:100%;height:100%}"}},[1,"swirl-file-viewer-audio",{autoplay:[4],file:[1]}]);function l(){"undefined"!=typeof customElements&&["swirl-file-viewer-audio"].forEach((e=>{"swirl-file-viewer-audio"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))}export{a as S,l as d}

package/dist/components/swirl-file-viewer-csv.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{S as o,d as s}from"./p-~~B1lbDVkI~~.js";const p=o,r=s;export{p as SwirlFileViewerCsv,r as defineCustomElement}
1	+ import{S as s,d as r}from"./swirl-file-viewer-csv2.js";const e=s,i=r;export{e as SwirlFileViewerCsv,i as defineCustomElement}