npm - @getflip/swirl-components - Versions diffs - 0.478.0 → 0.479.0 - Mend

@getflip/swirl-components 0.478.0 → 0.479.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 (2680) hide show

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

	@@ -1 +1 @@
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 r}from"./utils.js";import{d as c}from"./swirl-button2.js";import{d}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((()=>{r()?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=r();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"),r()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,r()&&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:"e92a86ffb9c3a720a2689bf2c3a733b852fb3cc1"},t("div",{key:"e5a01823a2aaa841a5f6f6acc310aa006c090a1b",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"6b40bd73305fe82b1df75a843d65272d3330c73b","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"0756e715471c9f720d0c08b6ea8bbe71ace5af25",class:"console-layout__header"},t("div",{key:"fecff3760814ba09118883146abe355ac001d240",class:"console-layout__logo"},t("svg",{key:"216e57615435cbef140f2632214b187ff2a00ff5",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:"12e479d464cf3e10642abd16d200cccde847dd05","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:"8d74f94e2a7b8e861da4f3b4db767170c04ba785",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"019061583678abe966f8fba2ea275e2e91fb8078","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"0828b240b55bc8d1b2b48e9c9faff02c5b512f81",name:"navigation"})),t("div",{key:"b64798ceb0efe24ca2bb0809a8d6c1131a96a957",class:"console-layout__user"},t("slot",{key:"6cdb2917a5c46d0ebe6c99478e80ae06d8753eeb",name:"user"}))),t("main",{key:"648ff2d4ac2e9d1a89b77f8cb1b3c72e48abd5e2","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"59dc388d53187bfccd48b52d5da9bfa5ff99ef08",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"ee0caec102563ab72f5ca8eb3cd64621a9d217c5",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"ae198c6626f4a574b6c65ef343f76a0b9a22c3db",class:"console-layout__app-bar"},t("span",{key:"ce83c03e90139ea5af9ca2fa48f4aabb7f9ccc57",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"f606edcf1bdef12e3a83d8e145c24e1aaf9090bd",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:"0c2678c18abbf7399785574817de1ccfb9b40271",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"51049972e1975db4cdf78db3f1bb675d0330ce00",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"ab8fa38fb9003c7a9991c6a0a43b0efdb1273fc3",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"ff73bc9f361c073f30ae03afcbf7ff354170d6c9","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"cf85bc78371e9c605f54c274eed22dccfd8d6382",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"2129fb802c1596e37558a124b057f31ab327d20d",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"7fba6fc07d2561a1760a6c8b2f99762c84e9de84",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:"aad5b6ab13c8c3f9da2a36a2d78f5e0c5b4ff972",class:"console-layout__heading-container"},t("swirl-heading",{key:"439e24b3b1fb8603379ad65b4782432d89091184",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"22a2bc6297e7c13cbc7910cdddc735c614314c1e",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"c2596a1794c246b75734d4f20ead46ec43434d01",class:"console-layout__heading-container"},t("slot",{key:"ff3391c8ab9fc211ac7e34836ab5fca6fc061565",name:"heading"})),t("div",{key:"a7e35128ccaabe4b9bb33a8b4d3f00bb573da4df",class:"console-layout__content-header-tools"},t("slot",{key:"1cc036bc7a2dd3c0b526f2f9670faa1c491fa9d9",name:"content-header-tools"}))),t("div",{key:"e68ab6099bb65b74dd55cb05dce700fd2302c29e",class:"console-layout__integration",style:e},t("slot",{key:"b26a7ae3c6984ae494612fd8ee9c5b7b68363f7e",name:"content"})))),t("footer",{key:"51b713dc2f9e47573100d8ebab1e3fba279a40f4",class:"console-layout__footer"},t("slot",{key:"c0f038d479bc0b0b9b500585e7b3f5c253776404",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"3588eb236d8d6d721a6b58c2c55c89d89b55c9cd",class:"console-layout__overlays"},t("slot",{key:"ea7300850c4b666ae8bf030116da4d3511032ea3",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))\|\|c();break;case"swirl-heading":customElements.get(i(e))\|\|d();break;case"swirl-text":customElements.get(i(e))\|\|h()}}))};export{u as SwirlConsoleLayout,p 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 r}from"./utils.js";import{d}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((()=>{r()?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=r();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"),r()&&this.el.querySelector("swirl-tree-navigation-item")?.focus()}deactivateSidebar(){this.sidebarActive=!1,r()&&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:"877a99276f633b0c211ea753e8900a286c715c25"},t("div",{key:"5586571f3fdf9e53038e519895691d4bc7f02ec4",class:o,onClick:this.onClick,onKeyDown:this.onKeyDown},t("header",{key:"12a85311d8068aeed8399d9070d0785d66824bfa","aria-hidden":!this.sidebarActive+"",class:"console-layout__sidebar",ref:e=>this.sidebarEl=e},t("div",{key:"21d40c363f181148ae6719ba5dac8dd81ccfbee7",class:"console-layout__header"},t("div",{key:"fcf090e6ecde0cc590ee3562d129c133f6ba3736",class:"console-layout__logo"},t("svg",{key:"64ee96bab28665e62c021ab6bcf00ca232602ef6",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:"32d2efa245e5bf92f79c16a41ef3961e1289ca18","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:"66d01881ffa7eed51ac23707e2803df840c626a9",class:"console-layout__logo-text",weight:"medium"},this.logoText))),t("nav",{key:"fd9a4fe72a628827f936576d189c21232bd0cc1c","aria-label":this.navigationLabel,class:"console-layout__navigation"},t("slot",{key:"d4f3a64b04a40c26c3ffb37d7162e715e36fe9d7",name:"navigation"})),t("div",{key:"c9d20af26bd0f73b65e2695df9d45691f1d3e370",class:"console-layout__user"},t("slot",{key:"eb4c972928244f44fb228e850ae5292853258f8b",name:"user"}))),t("main",{key:"0b4fedd1556dd5a03b2a2abc1907872b3e68d81b","aria-labelledby":this.appName?"app-name":void 0,class:"console-layout__main"},t("header",{key:"ec865f602abb7389d54c7d724c5b3e8e061f399a",class:"console-layout__app-bar console-layout__app-bar--custom"},t("slot",{key:"e43fdcee425d18854fa5a2562d0ceb4bf2d9270e",name:"app-bar",onSlotchange:this.updateCustomAppBarStatus})),t("header",{key:"c17c47a0083729471c38b5b39cb1321ccd5b500d",class:"console-layout__app-bar"},t("span",{key:"056f5cb385c2e1d23e61160f95e856e49172f69f",class:"console-layout__mobile-navigation-button"},t("swirl-button",{key:"d6d7501b4e06a909ebe26b74db6a964d654e4f44",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:"354b92ed6af2aa0051cfbb0161613dc32cbe2b26",class:"console-layout__app-name"},this.appName&&t("swirl-heading",{key:"346895b42e20c227c22d4f065b952bdd436c467b",as:"h1",headingId:"app-name",level:4,text:this.appName})),this.showHelpButton&&t("swirl-button",{key:"21ba3ef3b8549fcf5d6c7e761551c9aa520b64d8",class:"console-layout__help-button",hideLabel:!0,icon:"<swirl-icon-help></swirl-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick})),t("section",{key:"fec0e51550ebc7e65904a26cc6a78bfa5dd773ba","aria-labelledby":"heading",class:"console-layout__content",onScroll:this.onMainScroll,ref:e=>this.contentEl=e},t("div",{key:"a330cb8873383a6600414701ba0ea125aac15a99",class:"console-layout__content-container"},!this.hideContentHeader&&t("header",{key:"f48c576eccaa12004dae489601f662700f11ac76",class:"console-layout__content-header",style:e},this.showBackButton&&t("swirl-button",{key:"59ec11a9ff739c49797c6374fab5afc7df7f4514",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:"0d029d7ebf84628808ac2501f863609948cc5d2d",class:"console-layout__heading-container"},t("swirl-heading",{key:"3cbabeb0a8a841dab374bed6ef50a29d685b5551",as:this.appName?"h2":"h1",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&t("swirl-text",{key:"097a88d77cb6242e39861037ef0bcf78e915c4dd",class:"console-layout__subheading",color:"subdued"},this.subheading)),!this.heading&&t("div",{key:"74c47854623acd241d3a7201fed507334323c888",class:"console-layout__heading-container"},t("slot",{key:"518687f5c9f81198013a85a81e0a1d932cc8fda8",name:"heading"})),t("div",{key:"cd4d077c51e8ab5ba94c344b9ca055450700233f",class:"console-layout__content-header-tools"},t("slot",{key:"f89f06be1d237273cce2f9cfe26cea171d71758f",name:"content-header-tools"}))),t("div",{key:"2542615930e0927c9ea8185e4827f3c063b21044",class:"console-layout__integration",style:e},t("slot",{key:"d68be43006c3e7eb82d52f8f6563d4ae679264cb",name:"content"})))),t("footer",{key:"157ca488101270e296a0265761193b64db44f3c3",class:"console-layout__footer"},t("slot",{key:"87fd0b86404d9e3bc5ccbd44f3fdca4a1ef01138",name:"footer",onSlotchange:this.updateFooterStatus})),t("div",{key:"17d923022d523704af1d1916637d2af4a5a5504e",class:"console-layout__overlays"},t("slot",{key:"7a436c4622b62db07cba9935f4930e8e06800971",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))\|\|d();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{proxyCustomElement as a,HTMLElement as e,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=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 t(s,{key:"~~cd8d8d60538b60155e23757a7b277d1d97e01067~~"},t("div",{key:"~~8701abaebeb6d584facd9fde9fcc432e8f1bc845~~",class:l,part:"data-cell-stack",role:"group"},(e\|\|this.description\|\|a)&&t("header",{key:"~~0b6b43dbeda02bab4c1d413d04602d3bf7480b3b~~",class:"data-cell-stack__header",id:this.headerId},t("div",{key:"~~7dcad79c2087bcdb0203cc30a3188580c2bdfc10~~",class:"data-cell-stack__header-content"},e&&t("h3",{key:"~~593ba1309c784c377dade4bc972b1cb0d84ad639~~",class:"data-cell-stack__label",id:c},this.label),this.description&&t("p",{key:"~~9f769200f3d6f244ebb15a78804940177050f413~~",class:"data-cell-stack__description",id:r},this.description)),a&&t("div",{key:"~~8fca31b2fd8a5a40e05f6e97db815a959759fa55~~",class:"data-cell-stack__cta"},t("slot",{key:"~~8d9e7ae5237f1cb5639c8df4c8bbdf5f9f50f894~~",name:"cta"}))),t("div",{key:"~~decc1d026cd071501988c0b92e875e5ab7437cf4~~",class:"data-cell-stack__cells",role:"list","aria-labelledby":c\|\|void 0,"aria-describedby":r\|\|void 0},t("slot",{key:"~~aa41073060b3a4e8c62db259018639949e044a24~~",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 a,HTMLElement as e,h as t,Host as s,transformTag as l}from"@stencil/core/internal/client";import{c}from"./index2.js";import{v as d}from"./v4.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-"+d(),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=c("data-cell-stack",{"data-cell-stack--has-cta":a}),d=e?this.headerId+"-label":void 0,r=this.description?this.headerId+"-description":void 0;return t(s,{key:"c5a7f1db47518a1159922596dca273835ad8e273"},t("div",{key:"5a9155ba4874b1a2aefa9ac66376843ed330c17e",class:l,part:"data-cell-stack",role:"group"},(e\|\|this.description\|\|a)&&t("header",{key:"f96be02e2672c703fc0f036cea4b8a46ca600ae5",class:"data-cell-stack__header",id:this.headerId},t("div",{key:"69d283e694e896bd4a8d06941400668873cdfdfc",class:"data-cell-stack__header-content"},e&&t("h3",{key:"45aeece6c12e55eb617d9e3d0ca5b704e0aeae4e",class:"data-cell-stack__label",id:d},this.label),this.description&&t("p",{key:"768d7a8fd7b8b47dc3ce97b23e8488c7c6c663bc",class:"data-cell-stack__description",id:r},this.description)),a&&t("div",{key:"fe3829a57d9e5357c58f6fca5d4236a611c0b553",class:"data-cell-stack__cta"},t("slot",{key:"7a7ff7b1e33321685e3bb552154cfcebbd094463",name:"cta"}))),t("div",{key:"8ba716b5991d67d0edfbd6139f821a3eace709d7",class:"data-cell-stack__cells",role:"list","aria-labelledby":d\|\|void 0,"aria-describedby":r\|\|void 0},t("slot",{key:"f3c3f72c0c551a3bc730e4d83b13cccb0d632bfd",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}

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

	@@ -1 +1 @@
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:"~~7ab64d2c530f1305a51227ff5bcb77554cfd5895~~"},s("div",{key:"~~d08197d6c69c7bc18070e034757bc9564bbea14c~~",class:r},s("input",{key:"~~82bd15966be681f05a0837c152475698f0ef3cd5~~","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:"~~972aec87bb48fc2585ee6c8043fa9520e7eb63f7~~",swirlPopover:"popover-"+this.id},s("button",{key:"~~fcf326af9e0b494fad482a1e6f934377cde0f11e~~","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"~~33948b7b1f64abbc2df5bc5424895f2755a1da00~~",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"~~9ae60f0ef578a1fe0d428da799f44410f85b9b0e~~",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:"~~42e3d365aac233d15a1b26abce722650ce6699a5~~",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 w}from"./swirl-popover-trigger2.js";import{d as b}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:"2ec594d964122a487dfe11366be4fcc7b569d8e2"},s("div",{key:"68865174eaed718b1b9a01cc30da844092419404",class:r},s("input",{key:"5d19ca6467fe106aa847d7c2190ee8383f8fdd03","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:"934f9a34104e23208fc82f5517129199610bcd6a",swirlPopover:"popover-"+this.id},s("button",{key:"b0f758fec8fa2305ebf5e0266a03fa60dfca9c1f","aria-label":this.datePickerTriggerLabel,class:"date-input__date-picker-button",disabled:this.disabled,type:"button"},s("swirl-icon-today",{key:"01348f120dd398170b2c5e28c81397a621175cb8",size:this.iconSize})))),!(this.disabled\|\|this.readonly)&&s("swirl-popover",{key:"86c33819d1169ed69eb2f07db7e4e644ec6cbd5c",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:"75e98326b305696e9a35f218f25dd96eab152f67",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))\|\|w();break;case"wc-datepicker":customElements.get(r(t))\|\|b()}}))};export{v as SwirlDateInput,g as defineCustomElement}

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

	@@ -1 +1 @@
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:"f9208d4e51785c8844b7029150957d8bf30682f9",onClick:this.onClick},r("wc-datepicker",{key:"1a53dc95157dca1f2f022233232892b0fa1f6c42",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:transparent;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-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.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:transparent;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-state-hovered)}.date-picker__date--current:before{background-color:var(--s-state-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}
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:"a52360627cab5b1c4aecc6cb2700b00adef28853",onClick:this.onClick},r("wc-datepicker",{key:"64496eb6d4ec9e7c4f37b6a9b83f67e8318a81b4",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:transparent;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-state-hovered)}.date-picker__next-month-button:active,.date-picker__previous-month-button:active{background-color:var(--s-state-pressed)}.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:transparent;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-state-hovered)}.date-picker__date--current:before{background-color:var(--s-state-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{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 n}from"./swirl-icon-info2.js";import{d as a}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:"~~1a0d061d7e318113ddc4109f2e8acffda1f08529~~",role:"listitem"},e("div",{key:"~~c01b977f3dd4df61a0d5b8210597aecde90128de~~",class:o,part:"description-list-item",role:"group"},e("div",{key:"~~446d87fa5daf307e7151c24fdc0322d3e8f386fd~~",class:"description-list-item__inner"},e("div",{key:"~~d7ce3523c1f7744f28001892a67a92ad5d5937f1~~",class:"description-list-item__text-container"},e("div",{key:"~~967a7a39ba719f5ebc13dbbd27ebfb36f7783d8f~~",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"~~4f4e15b269d071f0f8fd7bc7b62bdabdedef9191~~",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"~~af96ee34765e922429b5fa998c75510075ef4fc3~~",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"~~1d69d8b8079f52ae2387baa715cadca60b65835f~~",size:16,tabIndex:0})))),e("div",{key:"~~3fc9080d00704f89425dee7fd2b57e57c1a95304~~",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"~~9c8e6b20855f31284d442b41e749a433d07557d0~~"}))),e("div",{key:"~~bdc20efe11ca490759affc9fe5222c6c9ec20bd6~~",class:"description-list-item__tools"},e("slot",{key:"~~097d52440230c0a6758ecb4e0c3b0dd7042192b5~~",name:"tools"}))),e("div",{key:"~~12cfcd56f3e082926dc22b7ff3e721985ace49ae~~",class:"description-list-item__additional-content"},e("slot",{key:"~~0efbddcc6f58ca424e71b23f3358946f945f789d~~",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))\|\|n();break;case"swirl-tooltip":customElements.get(o(i))\|\|a()}}))};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:"b3873f4225fd477a2df3ffc053ddd6157023b22f",role:"listitem"},e("div",{key:"01f5c14d69019560eeff0729d628fced6d02da95",class:o,part:"description-list-item",role:"group"},e("div",{key:"ab5b61780ac4ed77a0066116ac598536c82cbc71",class:"description-list-item__inner"},e("div",{key:"259c2dc39b82c047a1d85f5945022971a9e8bf40",class:"description-list-item__text-container"},e("div",{key:"19b8ee979c0ababb784d7b46b0dd3dfbb6af34d1",class:"description-list-item__term",part:"description-list-item__term",role:"term"},this.term,this.tooltip&&e("span",{key:"c873937c354c114cd7bae59f62b11bd0cf2c02b1",class:"description-list-item__tooltip"},e("swirl-tooltip",{key:"7a4c4e82dba491a081518b2d0d3c3bd86ba94fe7",content:this.tooltip,position:"right"},e("swirl-icon-info",{key:"b527b72143953bc9e8235143723806201b894b1f",size:16,tabIndex:0})))),e("div",{key:"ccfa430f0049c1c9f23b1932ced3f392d3ddab94",style:{maxWidth:this.maxWidth},class:"description-list-item__description",role:"definition"},e("slot",{key:"84598b3d362a781dca8210a3434a24ceb8d2c2d9"}))),e("div",{key:"e5f4320e3175708d87b48ad4264914e478111760",class:"description-list-item__tools"},e("slot",{key:"8a5d1ec085197294957807a4342d71b3f5801223",name:"tools"}))),e("div",{key:"4ac5c0d60d079b8d3df8ad4b409ac1f6dc1447a5",class:"description-list-item__additional-content"},e("slot",{key:"97bb62a58a09c7cec0975aec3ae9f10e026fa4b7",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{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(s,{key:"~~403f73ec489f18943c52732686482d38ac63e9a7~~"},i("div",{key:"~~8f0ccdfb673144a145306913582f31e777424adf~~",class:"description-list",role:"list"},i("slot",{key:"~~ec57593f713ff2eeb236b04d2e92664224dd9e40~~"})))}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=c,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((e=>{"swirl-description-list"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),c))}))};export{o as SwirlDescriptionList,r as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as i,Host as s,transformTag as n}from"@stencil/core/internal/client";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(s,{key:"ee83e61c66167a1a36394a255d7bc57b12ae34ee"},i("div",{key:"fe0ae0ac451ae422ea90e489a324cf20fd2910ea",class:"description-list",role:"list"},i("slot",{key:"a8eb0d705a49f49823fe688a1f5f70ca93aa5eac"})))}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=c,r=function(){"undefined"!=typeof customElements&&["swirl-description-list"].forEach((e=>{"swirl-description-list"===e&&(customElements.get(n(e))\|\|customElements.define(n(e),c))}))};export{o as SwirlDescriptionList,r as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as a,createEvent as t,h as e,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 a{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 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,t=n(a,{includeContainer:!0,getShadowRoot:!0});t.length>0&&t[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const i=d("dialog",{"dialog--closing":this.closing}),a=!!this.el.querySelector('[slot="left-controls"]');return e(o,{key:"~~9cbb258ad8ea605e2938b8347afab17030700cc7~~"},e("dialog",{key:"~~2e9a9a231cdbf8114540ec839e82394fa5dc4bfd~~","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},e("div",{key:"~~86fae74a0eb1f17bcccf541f924b977bfd4a81f4~~",class:"dialog__backdrop",onClick:this.onBackdropClick}),e("div",{key:"~~1099ee1c496f768b7b09a5ab472aafa08c99ab14~~",class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&e("h2",{key:"~~81fb3da5eaea1b0cdf539b8699e7a0dd13761b90~~",class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),e("div",{key:"~~444936df42a6592ebbf547b73c3d3b92309f13b6~~",class:"dialog__content",part:"dialog__content",id:"content"},e("slot",{key:"~~59f54838fb3179fec4bd63530ebb5cba7ee290f5~~"})),e("div",{key:"~~35cf06818cd2c074a5d2a1b7f48f5d9d823c7a4d~~",class:"dialog__controls"},a&&e("div",{key:"~~0a95718abb813bd138e2e640c9cac8052db4b92e~~",class:"dialog__left_controls"},e("slot",{key:"~~bdf1bbbbee8aba52f81baa02cd7c64c141c72fd3~~",name:"left-controls"})),~~this.secondaryActionLabel~~&&e("swirl-button",{key:"~~c30681370ff7d3c437d1e876db2e9236a185a4a9~~",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),~~this.primaryActionLabel~~&&e("swirl-button",{key:"~~870cf0eb783bdbe24671e2c724b089d576a21d80~~",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{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 a,createEvent as t,h as e,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 a{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 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,t=n(a,{includeContainer:!0,getShadowRoot:!0});t.length>0&&t[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const i=d("dialog",{"dialog--closing":this.closing}),a=!!this.el.querySelector('[slot="left-controls"]'),t=!!this.secondaryActionLabel,s=!!this.primaryActionLabel;return e(o,{key:"708ccaa68bef8d5e4dfae280b571bcb3f7faac66"},e("dialog",{key:"4dd33c539c98ce28cd71e6ac1ddb98d28d3870bb","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},e("div",{key:"eda118903dd12286cae5be5272b4a8e22e54377a",class:"dialog__backdrop",onClick:this.onBackdropClick}),e("div",{key:"674a21b5fd4412385029de514e80437931e3dd5a",class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&e("h2",{key:"326f9f9ce7b0ac7cf6a0f45dc6035149b840e31b",class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),e("div",{key:"94430fd2bb927c8e0214759c9f8a383acace21a0",class:"dialog__content",part:"dialog__content",id:"content"},e("slot",{key:"7a6309bb02a4a8b806517c58dd5670e88c1b71ef"})),e("div",{key:"64b97d60aaeed063ad7ebecacdcc0a0b65d4e4b2",class:"dialog__controls"},a&&e("div",{key:"b2c4a576b81538ae4ca4deabff165570115640bf",class:"dialog__left_controls"},e("slot",{key:"9ef9724675aefdc19e0e3c49552df6d6b58f56ab",name:"left-controls"})),(t\|\|s)&&e("div",{key:"2325285d62d53c49f9204a6ce0619f1cbea8b2fc",class:"dialog__actions"},t&&e("swirl-button",{key:"824700139c59a3a9c96dc5592a3a3b447189eb0a",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),s&&e("swirl-button",{key:"0de63d58d30b5d8b3a148d9720047429c4343af2",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{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);min-width:0;max-width:100%;overflow-wrap:break-word}@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);overflow-wrap:break-word}.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;align-items:stretch;gap:var(--s-space-8);min-width:0;width:100%}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__actions{display:grid;gap:var(--s-space-8);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:0;max-width:100%}.dialog__actions:has(>:only-child){width:100%;grid-template-columns:minmax(0, 1fr);justify-items:end}.dialog__actions:has(>:only-child)>swirl-button{min-width:0;max-width:100%}.dialog__actions:has(>:nth-child(2)){grid-template-columns:repeat(2, minmax(0, 1fr));width:100%}@media (min-width: 992px){.dialog__actions:has(>:nth-child(2)){width:auto}}.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{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:"~~59f8892cc38e557450958c4e102e765e2f5f9810~~"},12===this.size&&i("img",{key:"~~e333aeb56df8bfe8b2db09f8823b847a50c96b2f~~",alt:this.label,class:e,height:"12",src:"emojis/Clap12.png",width:"12"}),16===this.size&&i("img",{key:"~~ad1bc58035f110c97d2594c33702bd0508791dd8~~",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"~~b44dbbc12dee3801100d29969268e4ecc7ad5632~~",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"~~6e3d1817743a05b82e21b217cbbbfdaa006d8340~~",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"~~e96bf1adeead86212d2f72e31d0c01827a58fc4c~~",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,d=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,d 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:"097c592e5a22e1b4a7938d01cba5dd3969594ec3"},12===this.size&&i("img",{key:"b6e128470f3f403cc89b631713e87b8381cee392",alt:this.label,class:e,height:"12",src:"emojis/Clap12.png",width:"12"}),16===this.size&&i("img",{key:"4bdcb99ed3e533edee4256f1b51c40b97441bf43",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"635772d3bfb2b220b609292af48cfb81c51a8f39",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"a26d7ea16f85840015b6be41bcb556308ea09d80",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"4a943f1936a63b9be95cbc6eda262a3dd8374e8f",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{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}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=c("emoji","emoji--size-"+this.size);return i(t,{key:"~~15ed88b39affbe5642d66cd107a2fed1a616839e~~"},12===this.size&&i("img",{key:"~~176ddca0645f0602a5fda8b1cbb855c3e8e53b7a~~",alt:this.label,class:e,height:"12",src:"emojis/Happy12.png",width:"12"}),16===this.size&&i("img",{key:"~~4134a2a54beacb4624f0fb56bb2f68129c8a34dc~~",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"~~b9f8cf3b9d18082373467cbb3016c8566938ca8e~~",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"~~44a006c720761185201790a59a3a6b5261f95c93~~",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"~~fba9173adef09945866a632f6383879b1f02e37d~~",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,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),h))}))};export{p as SwirlEmojiHappy,l 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}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=c("emoji","emoji--size-"+this.size);return i(t,{key:"b3faea14b83cfc5596377b96bfab68d75af109c4"},12===this.size&&i("img",{key:"e9ab0ce3eeaf224017e328154463913bd6869fae",alt:this.label,class:e,height:"12",src:"emojis/Happy12.png",width:"12"}),16===this.size&&i("img",{key:"b9b4dc3989fe7918ae9036557418d488803497bc",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"5ddc3e2780250a8e7a89f7feaea66e99b7c5a75e",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"923c1529156b0504139ab69baba9b9901cf3642c",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"ec24d29c9454d572fb9a75c79e1352346b60e57a",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,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),h))}))};export{p as SwirlEmojiHappy,l as defineCustomElement}

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

	@@ -1 +1 @@
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:"~~54e94475c07de59d5ae0177136da5aed53f24f50~~"},12===this.size&&s("img",{key:"~~671d863d441c973ff97b36a398282891a874e2d7~~",alt:this.label,class:e,height:"12",src:"emojis/Idea12.png",width:"12"}),16===this.size&&s("img",{key:"~~c375c356bf7a84a179cd911498025d288bc8446c~~",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"~~e75553ead78465e4e97c88d2ca5e527640f23477~~",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"~~8d8c2bb128bac8c34bed887c94e312e44bf79236~~",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"~~2b37e9f29d84348dca4c49cb3b431bd7c629e22e~~",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,l=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,l 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 d}from"./index2.js";const a=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=d("emoji","emoji--size-"+this.size);return s(t,{key:"1e40d34ae4ce88e9ed4d68f38f812266f4caa663"},12===this.size&&s("img",{key:"65bf3fd30437260f8323d8129ed0b85d1279fc91",alt:this.label,class:e,height:"12",src:"emojis/Idea12.png",width:"12"}),16===this.size&&s("img",{key:"096c1c6c7230874177593a2cc736c68c58419255",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"87e86f4967c75fea89b7a6f0ed317ee638839e77",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"17ccf169090fdde4320217cab42c7df451bfabd5",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=a,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),a))}))};export{h as SwirlEmojiIdea,l as defineCustomElement}

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

	@@ -1 +1 @@
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 a=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:"~~1254837078da1c3822b80776e6da439c79c2a12b~~"},12===this.size&&i("img",{key:"~~42e43771d986ea4b3b99bb8795fd8dd8b6eee5e1~~",alt:this.label,class:e,height:"12",src:"emojis/Love12.png",width:"12"}),16===this.size&&i("img",{key:"~~dabbac6c5e26df08b7c4864243980877f1d898c1~~",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"~~011fb7e26d6e9a09746910d80b9fa515a899f484~~",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"~~fb52352f6f2583e7248025af2b93ef03eca1fc5a~~",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"~~a1db0d5c7326c7aca113fdf5d30197e13d18bfc7~~",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=a,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),a))}))};export{h 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 h=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:"5e3ea1e851e552eb95608d3a0092dc6284041014"},12===this.size&&i("img",{key:"311525cf007194efb83c078584b406ce7f72227e",alt:this.label,class:e,height:"12",src:"emojis/Love12.png",width:"12"}),16===this.size&&i("img",{key:"1e2a4b8b5be7e0b7401442b9e2486a613b9b5480",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"9788ccd3b3c90bc46ff079904b416f35c58939ef",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"18b7f3a26bfeca9ea1227bf51751a06e21eb8ac3",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"2e4f9ca5ad36bd1be98c2faebb28ddc35723cf59",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]}]),l=h,a=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{l as SwirlEmojiLove,a as defineCustomElement}

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

	@@ -1 +1 @@
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:"~~60cdb2c2be1cc149665ec774fb945b72296429e2~~"},12===this.size&&i("img",{key:"~~11c78883eeaf98964d3823a5144e5629dc3039ce~~",alt:this.label,class:e,height:"12",src:"emojis/Sad12.png",width:"12"}),16===this.size&&i("img",{key:"~~c49281dac0fd85b8187ed6546667bf2953b5905c~~",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"~~d49e4c1a2bb48909b5f72a5779a01eb344da057c~~",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"~~fb718c824a73346db6d931e2e8364cc03ab99be1~~",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"~~528bd5595c5b768bb835703202c0c18abc544394~~",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]}]),d=h,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{d as SwirlEmojiSad,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 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:"4b4411b911505b079c3f2d968c287e61b3c13c7a"},12===this.size&&i("img",{key:"e0078af01f17b177af734eb54575d46552f1d1ce",alt:this.label,class:e,height:"12",src:"emojis/Sad12.png",width:"12"}),16===this.size&&i("img",{key:"30c1508cbb8ee99123a10da54e8758343be7e992",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"ca4ff71685c86f57a97e5e9a0a3f973bdfef6e04",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"b6e1d5c9b8794d78f3e051c2775624e5c782b132",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"100f6cff55c2c5d1da05ee7fa106326d676cb69b",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]}]),d=h,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),h))}))};export{d as SwirlEmojiSad,l as defineCustomElement}

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

	@@ -1 +1 @@
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 m=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:"~~9edcfe5001c986f35f646ea90fb1cc9790a3e06c~~"},12===this.size&&t("img",{key:"~~9c00b3050fd687fd6962cae306d0c51438f10560~~",alt:this.label,class:s,height:"12",src:"emojis/ThumbsUp12.png",width:"12"}),16===this.size&&t("img",{key:"~~d93f8b4eb936344f19aac566e75681c2b82654ce~~",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"~~5144d69fe6b915c05f5a762b535ac3cb8a0ac8f7~~",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"~~f0f6c14bcc3b6d0194ca7463244e41313694203a~~",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"~~e507eb7076bf8c918f7286c01ccfd78fcdbd1be6~~",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]}]),a=m,l=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(c(s))\|\|customElements.define(c(s),m))}))};export{a as SwirlEmojiThumbsUp,l as defineCustomElement}
1	+ import{proxyCustomElement as s,HTMLElement as e,h as t,Fragment as i,transformTag as h}from"@stencil/core/internal/client";import{c}from"./index2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const s=c("emoji","emoji--size-"+this.size);return t(i,{key:"576bd88f22e20d3e8c7a66aae11b9e8ddc464b35"},12===this.size&&t("img",{key:"19c6cf5578311f97d59a53f4d55621508a97823d",alt:this.label,class:s,height:"12",src:"emojis/ThumbsUp12.png",width:"12"}),16===this.size&&t("img",{key:"570b4d902cf273871551eaa6030e5be6e95e501f",alt:this.label,class:s,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"b7f30fad3657304efc645b4f0e457eac89153a57",alt:this.label,class:s,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"646ffb9745c42b74bf1d74dc96cd4d9dd919d210",alt:this.label,class:s,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"eb038ac87c478f118e462146cfe2db849d020495",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]}]),d=m,a=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((s=>{"swirl-emoji-thumbs-up"===s&&(customElements.get(h(s))\|\|customElements.define(h(s),m))}))};export{d as SwirlEmojiThumbsUp,a as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as c}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){return s(i,{key:"~~ca065c71a73108afdb824b9c61145209c3dbe424~~"},s("swirl-emoji-"+this.name,{key:"~~4c01050cd3292610d2fd9aca28f1ca19643b1a86~~",label:this.label,size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji",{label:[1],name:[1],size:[2]}]),l=n,r=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(c(e))\|\|customElements.define(c(e),n))}))};export{l as SwirlEmoji,r 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:"b2e1c9317fa2db9749ef85d9b1a86c7dfa4535b3"},s("swirl-emoji-"+this.name,{key:"86200df9d507adddb33d07d8396fd7fc97624c99",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{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as c}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as i}from"./swirl-heading2.js";import{d as o}from"./swirl-stack2.js";import{d}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"]'),c=l("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"~~b9726019f921d40be3e2731fe233d1c58bf7560a~~"},s("div",{key:"~~d9b96798933a96b7be4cb338fd8bd5951bf10e66~~",class:c},this.illustration&&!e&&s("img",{key:"~~e99a177be3c63a7cc8b55b9341bddf8c3e0d63bf~~",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"~~cace63f71dfb576ad8be4d42c66422e02b2460f3~~",class:"empty-state__slotted-illustration"},s("slot",{key:"~~ad178092a90cee4385ca6d461b960678dfbe2903~~",name:"illustration"})),s("div",{key:"~~c18fb3a3e3ef26633e3cc4fe5eb4832f8c27b976~~",class:"empty-state__body"},s("swirl-stack",{key:"~~2604a59f088d04bbd5c45be903f21d88b276d142~~",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"~~6513d361a99794c30c6a0d04e3262ee1c4df5498~~",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"~~9b9c1c868a1f6e25856c04644773e52d4c69510e~~",class:"empty-state__content"},s("swirl-text",{key:"~~ce1daa5b5178c6c5dcdb4b0fcb4930add0a96838~~",align:"center",color:"subdued"},s("slot",{key:"~~89815f20d9cbc2f725e101b2351a58cc14f146d7~~"})))),s("div",{key:"~~b2af17e78c0ff37f2fb8ccacacd0fc998c84b015~~",class:"empty-state__controls"},s("slot",{key:"~~e2dda5c87b4f118fb10e81264cb7014cae7a98da~~",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(c(t))\|\|customElements.define(c(t),r);break;case"swirl-heading":customElements.get(c(t))\|\|i();break;case"swirl-stack":customElements.get(c(t))\|\|o();break;case"swirl-text":customElements.get(c(t))\|\|d()}}))};export{n as SwirlEmptyState,m as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,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 as o}from"./swirl-stack2.js";import{d as r}from"./swirl-text2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const e=!!this.el.querySelector('[slot="controls"]'),t=!!this.el.querySelector('[slot="illustration"]'),l=i("empty-state",{"empty-state--has-controls":e,"empty-state--has-slotted-illustration":t});return s(a,{key:"84a514226e65320a9aac38997ef58a1ce8ac4578"},s("div",{key:"0a07efdf1347d39ef764e8eb0494376109d5b163",class:l},this.illustration&&!t&&s("img",{key:"1160bc0ee95238c50730bd89aa3a1a86f65afccb",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"582aaf0c7b836cc052b8e327e881bc35a5748b63",class:"empty-state__slotted-illustration"},s("slot",{key:"982e1180871e557fc360feae88fdc9e1566ae10d",name:"illustration"})),s("div",{key:"490481a38252dfcf7b63ca5c2fd593cbd51f422b",class:"empty-state__body"},s("swirl-stack",{key:"2b6289185108f6a247c4e67f517565cd3928861d",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"ea3f56f5bd950506de2189518025c4e6e2e0834a",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"d425d641027947092445b41dac35e6a8a095d4fa",class:"empty-state__content"},s("swirl-text",{key:"8a37e69ba83c836d79337887abcffba42f867344",align:"center",color:"subdued"},s("slot",{key:"81859707c5ef23172ed2364209976269fe61ba0a"})))),s("div",{key:"e37c890ccc368d70e05c3b88eed07e7f8eef4c00",class:"empty-state__controls"},s("slot",{key:"20dc9f76b8252d3d675029f0e3d7ed9d45ba92b6",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]}]),d=n,m=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((e=>{switch(e){case"swirl-empty-state":customElements.get(l(e))\|\|customElements.define(l(e),n);break;case"swirl-heading":customElements.get(l(e))\|\|c();break;case"swirl-stack":customElements.get(l(e))\|\|o();break;case"swirl-text":customElements.get(l(e))\|\|r()}}))};export{d as SwirlEmptyState,m as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as i,HTMLElement as e,createEvent as s,h as o,Host as t,transformTag as r}from"@stencil/core/internal/client";import{c as a}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 b}from"./swirl-icon-attachment2.js";import{d as m}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=a("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:"~~acf77eb6b958931fddcfb5b7db0b7ce0954d1890~~"},o("span",{key:"~~faac4fdc2e4bda7e1adce36c768868e4cdee8567~~",role:"group",class:e},o("span",{key:"~~ceb07be7bbb22b6b686564120590a5327642611b~~",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"~~8c4d576f21d7053aeeedf078d09716ca261b7b80~~",class:"file-chip__info"},o("span",{key:"~~4931867ab00057ad632eaf253f0579aa6d470eba~~",class:"file-chip__name",title:this.name},this.name),this.description&&o("span",{key:"~~8e16110704ed595bf88adc5ee3ff65b1aa50df4b~~",class:"file-chip__description"},this.description)),o("swirl-button-group",{key:"~~ffa0654e7fdd8a5f2703c7036d0debc6ecab21eb~~",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"~~ba5e5a366788fdf2c77cec2257e507162c4b8728~~",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:"~~5e2eb0ed006756977f19f0b409e1bc02b6a8457d~~",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-color:transparent;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-state-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(r(i))\|\|customElements.define(r(i),L);break;case"swirl-button":customElements.get(r(i))\|\|u();break;case"swirl-button-group":customElements.get(r(i))\|\|w();break;case"swirl-icon-attachment":customElements.get(r(i))\|\|b();break;case"swirl-icon-audio-file":customElements.get(r(i))\|\|m();break;case"swirl-icon-file":customElements.get(r(i))\|\|v();break;case"swirl-icon-folder":customElements.get(r(i))\|\|_();break;case"swirl-icon-image":customElements.get(r(i))\|\|k();break;case"swirl-icon-picture-as-pdf":customElements.get(r(i))\|\|y();break;case"swirl-icon-video-player":customElements.get(r(i))\|\|g();break;case"swirl-spinner":customElements.get(r(i))\|\|x();break;case"swirl-stack":customElements.get(r(i))\|\|j();break;case"swirl-visually-hidden":customElements.get(r(i))\|\|E()}}))};export{T as SwirlFileChip,B 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:"aaf3bf8669f4de83f0e6d80ab1690f1f97963f9c"},o("span",{key:"fc3a063181f68f58e8a14a2cf0f529214c53490b",role:"group",class:e},o("span",{key:"9fb05f1c19f35f34f385aa3b763cabb89b6270b1",class:"file-chip__icon"},this.getFileIcon()),o("span",{key:"0187007fa80378ab14ea8db1b64005ad17206706",class:"file-chip__info"},o("span",{key:"096baeeb5875dc3b1a6cfa1ef923e78c3d6e4be3",class:"file-chip__name",title:this.name},this.name),this.description&&o("span",{key:"7f75522d6126f326db005450a7e98289335dd842",class:"file-chip__description"},this.description)),o("swirl-button-group",{key:"e2dc6178da3cc9120bca8e1eea26e51c954cb69d",class:"file-chip__actions"},this.showPreviewButton&&o("swirl-button",{key:"fd835a188fe66ba7becff091153f3f88dab82265",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:"fc762ca1b057c3cb34a4403af972bc2c28c0f3e6",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-color:transparent;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-state-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{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:"~~8832911f1e527f74a7e4b439df207b48158ec1da~~"},s("div",{key:"~~aa15775dcbde1cd10cfd90356b2dbed1f7ef7301~~",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:"~~30de61120229eea792a5ef66d02cf017d0f7a082~~",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"~~3f06e6152f31ab39f5eed6882b9fca2cbba859b3~~",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:"~~1a9fcb3a7ff45466619221eadfdb7a143ea6924c~~",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 o,transformTag as r}from"@stencil/core/internal/client";import{c as a}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=a("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return s(o,{key:"8c8a93838db5c7c0f2d327aebf32a41f7347ef50"},s("div",{key:"b002b842de98f9e58408250cd4e7c53e4e8bbdf8",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:"2c07600cbced9bb6ce4a3a1831568131237fc907",class:"file-uploader__description",id:this.inputId+"-description",innerHTML:this.descriptionAllowHtml?this.description:void 0},!this.descriptionAllowHtml&&this.description),s("div",{key:"3c0433d699816d766ed73f4cc700d935167d42c7",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:"26c8ca9a3dcc30cc17f24ecd9e8298e30be13e58",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(r(e))\|\|customElements.define(r(e),n);break;case"swirl-button":customElements.get(r(e))\|\|d();break;case"swirl-icon-cloud-upload":customElements.get(r(e))\|\|t();break;case"swirl-visually-hidden":customElements.get(r(e))\|\|p()}}))};export{u as SwirlFileUploader,c as defineCustomElement}

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

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";const r=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:"~~c949b0d542c623e41bceee3cba6aa05209b4219e~~",class:"file-viewer-audio"},s("audio",{key:"~~83238ebed125d6ea19ed9bbfd6a51823ed23aae4~~",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(a(e))\|\|customElements.define(a(e),r))}))}export{r as S,l as d}
1	+ import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as s,Host as o,transformTag as a}from"@stencil/core/internal/client";const r=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:"f383fcd28eea1d050d4c1d45e5ded7a112e46ae2",class:"file-viewer-audio"},s("audio",{key:"7296404a7c8fcb12f1797c4840a20eb00efbbbb6",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(a(e))\|\|customElements.define(a(e),r))}))}export{r as S,l as d}