@getflip/swirl-components 0.199.0 → 0.200.0

package/dist/swirl-components/p-63a94955.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as i,H as e,g as s}from"./p-30e99c25.js";import{c as o}from"./p-a5dce9e6.js";const r=class{constructor(i){t(this,i),this.backButtonClick=a(this,"backButtonClick",7),this.closeButtonClick=a(this,"closeButtonClick",7),this.stepUpButtonClick=a(this,"stepUpButtonClick",7),this.stepDownButtonClick=a(this,"stepDownButtonClick",7),this.onBackButtonClick=t=>{this.backButtonClick.emit(t)},this.onCloseButtonClick=t=>{this.closeButtonClick.emit(t)},this.onStepUpButtonClick=t=>{this.stepUpButtonClick.emit(t)},this.onStepDownButtonClick=t=>{this.stepDownButtonClick.emit(t)},this.backButtonLabel="Go back",this.closeButtonIcon="<swirl-icon-close></swirl-icon-close>",this.closeButtonLabel="Close",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showBackButton=void 0,this.showCloseButton=void 0,this.showStepperControls=void 0,this.hasCta=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCtaStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCtaStatus()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}updateCtaStatus(){this.hasCta=Boolean(this.el.querySelector('[slot="cta"]'))}render(){const t=this.showBackButton||this.showCloseButton||this.showStepperControls,a=Boolean(this.el.querySelector('[slot="right-controls"]')),s=o("app-bar",{"app-bar--has-cta":this.hasCta,"app-bar--has-right-controls":a});return i(e,{key:"6e388dda9ffef64afa31b8c8459eb57bf96f4fed"},i("div",{key:"1df5d686a248760beb5c7def4e631f73857fdced",class:s},t&&i("div",{key:"1ffff6f9233a3667412a41c406ff64d635163e1c",class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&i("div",{key:"46bfd07993a16398388cb6a90229e1d3ef74de5c",class:"app-bar__main-navigation-control"},this.showBackButton&&i("swirl-button",{key:"825955e782cf0d5335070339a4dce4a3d828ef19",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&i("swirl-button",{key:"e6fa7c44810105ca709f37f3c2852708d2680264",hideLabel:!0,icon:this.closeButtonIcon,label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&i("div",{key:"b1d8dfcd982b8aa8b9ca5de0f48d39db34ff2cfe",class:"app-bar__stepper-controls"},i("swirl-button",{key:"4c28d257da981b5e9f3957428b9015eb954bef7c",hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),i("swirl-button",{key:"da3ce3294de7848b1283bd578c1cc44125774289",hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),i("div",{key:"edb99f5558d6bb0424a2f25aedda9eea6218f66b",class:"app-bar__cta"},i("slot",{key:"b32c4cdc062cb44aa0492770344bb11565795b38",name:"cta"})),i("div",{key:"69b1c2d31a364938e64501037bbc97f7ca69c22e",class:"app-bar__heading"},i("slot",{key:"022ddeaecfde7a4352e1a123098736a92cd34f3d",name:"heading"})),i("div",{key:"ce88acc0923db756f6197e87b12561690d2f4919",class:"app-bar__center-controls"},i("slot",{key:"885ff0edacef21993abb094a7b0920a1d77129ef",name:"center-controls"})),i("div",{key:"e823a044960e274b15fab2a1c495bad4ec46c929",class:"app-bar__right-controls"},i("slot",{key:"3fd346d6300e188983476ed930fff62ec5529093",name:"right-controls"}))))}get el(){return s(this)}};r.style=':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}';export{r as swirl_app_bar}

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

@@ -1 +0,0 @@
-import{r as s,h as t,H as a}from"./p-30e99c25.js";import{c as i}from"./p-a5dce9e6.js";const e=class{constructor(t){s(this,t),this.active=void 0,this.icon=void 0,this.label=void 0,this.padding="8",this.tabId=void 0}render(){const s=i("tab",{"tab--active":this.active});return t(a,{key:"039c09954838d369d4cac1b644ab5fac92426b78","aria-labelledby":`tab-${this.tabId}`,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1},t("div",{key:"5e6b5cc9a9813172450663d48c73ff6aa8b79fe2",class:s,style:{padding:`var(--s-space-${this.padding})`}},t("slot",{key:"7d458496de5f1d427e99f27fb779babe945c49c4"})))}};e.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%}.tab--active{display:block}";export{e as swirl_tab}

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

@@ -1 +0,0 @@
-import{r as s,h as a,H as e}from"./p-30e99c25.js";const o=class{constructor(a){s(this,a),this.columns="repeat(3, minmax(0, 1fr))",this.spacing=void 0}render(){return a(e,{key:"a4a09d1bf9d6ffe04d31a4c472f42b22242e078c"},a("div",{key:"78bd1eca4903375d2f0d21006baaf4763fde5376",class:"columns",style:{gridTemplateColumns:this.columns,gap:`var(--s-space-${this.spacing})`}},a("slot",{key:"632c8a4105f12ac1446850d4fa83be1a25a81b85"})))}};o.style=":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}";export{o as swirl_columns}