@getflip/swirl-components 0.452.1 → 0.453.0

package/dist/components/swirl-dialog.js

@@ -1,150 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-import { t as tabbable } from './index.esm.js';
-import { d as defineCustomElement$2 } from './swirl-button2.js';
-
-const swirlDialogCss = ":host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>*{flex-grow:1}@media (min-width: 992px){.dialog__controls>*{flex-grow:0}}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}";
-
-const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dialogClose = createEvent(this, "dialogClose", 7);
-        this.dialogOpen = createEvent(this, "dialogOpen", 7);
-        this.primaryAction = createEvent(this, "primaryAction", 7);
-        this.secondaryAction = createEvent(this, "secondaryAction", 7);
-        this.toggleDialog = createEvent(this, "toggleDialog", 7);
-        this.intent = "primary";
-        this.closing = false;
-        this.opening = false;
-        this.onClose = () => {
-            this.closing = false;
-            this.dialogClose.emit();
-        };
-        this.onToggle = (event) => {
-            this.toggleDialog.emit({
-                newState: event.newState,
-                dialog: this.dialogEl,
-            });
-        };
-        this.onKeyDown = (event) => {
-            if (event.code === "Escape") {
-                event.stopImmediatePropagation();
-                event.preventDefault();
-                this.close();
-            }
-        };
-        this.onBackdropClick = () => {
-            this.close();
-        };
-        this.onPrimaryAction = (event) => {
-            this.primaryAction.emit(event);
-            this.close();
-        };
-        this.onSecondaryAction = (event) => {
-            this.secondaryAction.emit(event);
-            this.close();
-        };
-    }
-    componentDidLoad() {
-        this.ensureOpening();
-        this.setDialogCustomProps();
-    }
-    disconnectedCallback() {
-        if (this.dialogEl?.open) {
-            this.dialogEl.close();
-        }
-    }
-    ensureOpening() {
-        if (this.opening && !this.dialogEl?.open) {
-            this.open();
-        }
-    }
-    setDialogCustomProps() {
-        this.dialogEl.setAttribute("closedby", "none");
-    }
-    /**
-     * Open the dialog.
-     */
-    async open(returnFocusTo) {
-        this.opening = true;
-        this.temporaryReturnFocusTo = returnFocusTo;
-        if (!this.dialogEl) {
-            return;
-        }
-        this.dialogEl.showModal();
-        this.dialogOpen.emit();
-    }
-    /**
-     * Close the dialog.
-     */
-    async close() {
-        if (this.closing) {
-            return;
-        }
-        this.closing = true;
-        setTimeout(() => {
-            this.dialogEl.close();
-            this.customFocusReturn();
-        }, 150);
-    }
-    customFocusReturn() {
-        const customReturnFocusTo = this.temporaryReturnFocusTo ?? this.returnFocusTo;
-        if (!customReturnFocusTo) {
-            return;
-        }
-        const element = typeof customReturnFocusTo === "string"
-            ? document.querySelector(customReturnFocusTo)
-            : customReturnFocusTo;
-        const focusableElements = tabbable(element, {
-            includeContainer: true,
-            getShadowRoot: true,
-        });
-        if (focusableElements.length > 0) {
-            focusableElements[0].focus();
-        }
-        this.temporaryReturnFocusTo = undefined;
-    }
-    render() {
-        const className = classNames("dialog", { "dialog--closing": this.closing });
-        const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: 'c83914e7087a92de9f7fd97a7df22eb07ebb6202' }, h("dialog", { key: '88bef9af316498729844eec1fcbcd556ce8c32f5', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, h("div", { key: 'ed2fad11eb007c09d7b48a2b82a2f6fa2093fe4b', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f2b88fe299aaa403896b021f1b17f27bd7841bca', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '0215be258537a4815afd8b8e0ac7f6736ac3db48', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'a5fa07dc785fcb98218bd94f8cc4a0b331243c6b', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '6a58f17e3abefb92ecdde551127c007311e02ae1' })), h("div", { key: '55cbf9a6feafbbb308b1a22b83294c7c2fa12b70', class: "dialog__controls" }, hasLeftControls && (h("div", { key: '362d69e5e8e651f3a281e106f24da2be3b9accfb', class: "dialog__left_controls" }, h("slot", { key: '2feea06217a3df0cc3cec17d1ecdbf87b4a1b1a4', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '76916b90c1b6ace7e389674d0297c5385742a017', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'ccbc68143cdfe08d173ea7f8c75792ac9e4699eb', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
-    }
-    get el() { return this; }
-    static get style() { return swirlDialogCss; }
-}, [1, "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]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-dialog", "swirl-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlDialog$1);
-            }
-            break;
-        case "swirl-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SwirlDialog = SwirlDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlDialog, defineCustomElement };
+import{proxyCustomElement as i,HTMLElement as a,createEvent as e,h as t,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{t as d}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=e(this,"dialogClose",7),this.dialogOpen=e(this,"dialogOpen",7),this.primaryAction=e(this,"primaryAction",7),this.secondaryAction=e(this,"secondaryAction",7),this.toggleDialog=e(this,"toggleDialog",7),this.intent="primary",this.closing=!1,this.opening=!1,this.onClose=()=>{this.closing=!1,this.dialogClose.emit()},this.onToggle=i=>{this.toggleDialog.emit({newState:i.newState,dialog:this.dialogEl})},this.onKeyDown=i=>{"Escape"===i.code&&(i.stopImmediatePropagation(),i.preventDefault(),this.close())},this.onBackdropClick=()=>{this.close()},this.onPrimaryAction=i=>{this.primaryAction.emit(i),this.close()},this.onSecondaryAction=i=>{this.secondaryAction.emit(i),this.close()}}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.dialogEl?.open&&this.dialogEl.close()}ensureOpening(){this.opening&&!this.dialogEl?.open&&this.open()}setDialogCustomProps(){this.dialogEl.setAttribute("closedby","none")}async open(i){this.opening=!0,this.temporaryReturnFocusTo=i,this.dialogEl&&(this.dialogEl.showModal(),this.dialogOpen.emit())}async close(){this.closing||(this.closing=!0,setTimeout((()=>{this.dialogEl.close(),this.customFocusReturn()}),150))}customFocusReturn(){const i=this.temporaryReturnFocusTo??this.returnFocusTo;if(!i)return;const a="string"==typeof i?document.querySelector(i):i,e=d(a,{includeContainer:!0,getShadowRoot:!0});e.length>0&&e[0].focus(),this.temporaryReturnFocusTo=void 0}render(){const i=n("dialog",{"dialog--closing":this.closing}),a=!!this.el.querySelector('[slot="left-controls"]');return t(o,{key:"c83914e7087a92de9f7fd97a7df22eb07ebb6202"},t("dialog",{key:"88bef9af316498729844eec1fcbcd556ce8c32f5","aria-describedby":"content","aria-labelledby":this.hideLabel?void 0:"label","aria-label":this.hideLabel?this.label:void 0,class:i,onClose:this.onClose,onKeyDown:this.onKeyDown,onToggle:this.onToggle,role:"alertdialog",ref:i=>this.dialogEl=i},t("div",{key:"ed2fad11eb007c09d7b48a2b82a2f6fa2093fe4b",class:"dialog__backdrop",onClick:this.onBackdropClick}),t("div",{key:"f2b88fe299aaa403896b021f1b17f27bd7841bca",class:"dialog__body",part:"dialog__body",role:"document"},!this.hideLabel&&t("h2",{key:"0215be258537a4815afd8b8e0ac7f6736ac3db48",class:"dialog__heading",part:"dialog__heading",id:"label"},this.label),t("div",{key:"a5fa07dc785fcb98218bd94f8cc4a0b331243c6b",class:"dialog__content",part:"dialog__content",id:"content"},t("slot",{key:"6a58f17e3abefb92ecdde551127c007311e02ae1"})),t("div",{key:"55cbf9a6feafbbb308b1a22b83294c7c2fa12b70",class:"dialog__controls"},a&&t("div",{key:"362d69e5e8e651f3a281e106f24da2be3b9accfb",class:"dialog__left_controls"},t("slot",{key:"2feea06217a3df0cc3cec17d1ecdbf87b4a1b1a4",name:"left-controls"})),this.secondaryActionLabel&&t("swirl-button",{key:"76916b90c1b6ace7e389674d0297c5385742a017",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&t("swirl-button",{key:"ccbc68143cdfe08d173ea7f8c75792ac9e4699eb",intent:this.intent,label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"})))))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>*{flex-grow:1}@media (min-width: 992px){.dialog__controls>*{flex-grow:0}}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}"}},[257,"swirl-dialog",{hideLabel:[4,"hide-label"],intent:[1],label:[1],primaryActionLabel:[1,"primary-action-label"],returnFocusTo:[1,"return-focus-to"],secondaryActionLabel:[1,"secondary-action-label"],closing:[32],opening:[32],open:[64],close:[64]}]),c=r,h=function(){"undefined"!=typeof customElements&&["swirl-dialog","swirl-button"].forEach((i=>{switch(i){case"swirl-dialog":customElements.get(s(i))||customElements.define(s(i),r);break;case"swirl-button":customElements.get(s(i))||l()}}))};export{c as SwirlDialog,h as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 16 && (h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-clap", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-clap"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-clap":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiClap$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiClap = SwirlEmojiClap$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiClap, defineCustomElement };
+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 l=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:"92649c9101813a3fbdf0ee0356f3976173a14a09"},16===this.size&&i("img",{key:"deb8e211f35a7a9c5cefa1251a505a5167923a05",alt:this.label,class:e,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&i("img",{key:"bb2779329cfe0c67af362ee8449e165840f233f7",alt:this.label,class:e,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&i("img",{key:"d14b8b5a5f74ba2536b4547153a4b6ccae80f1c2",alt:this.label,class:e,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&i("img",{key:"372171bb6e76a667a5cabd5b527fda06087daf16",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(a(e))||customElements.define(a(e),l))}))};export{h as SwirlEmojiClap,n as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 16 && (h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-happy", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-happy"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-happy":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiHappy$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiHappy = SwirlEmojiHappy$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiHappy, defineCustomElement };
+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:"996a167769f650c08973d2de4d1f80c87c764a15"},16===this.size&&i("img",{key:"4fa5967558b3f47a56fbf1d9df1b657f43bf41b6",alt:this.label,class:e,height:"16",src:"emojis/Happy16.png",width:"16"}),20===this.size&&i("img",{key:"9e324596b89046f0c709216b9f748d1bbebfdae1",alt:this.label,class:e,height:"20",src:"emojis/Happy20.png",width:"20"}),24===this.size&&i("img",{key:"35cdad5534b1ef9958830905a07538e8a79d2582",alt:this.label,class:e,height:"24",src:"emojis/Happy24.png",width:"24"}),32===this.size&&i("img",{key:"754754261b9724cab2d4ebc4937a8bb84b9c94cd",alt:this.label,class:e,height:"32",src:"emojis/Happy32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-happy",{label:[1],size:[2]}]),n=h,o=function(){"undefined"!=typeof customElements&&["swirl-emoji-happy"].forEach((e=>{"swirl-emoji-happy"===e&&(customElements.get(a(e))||customElements.define(a(e),h))}))};export{n as SwirlEmojiHappy,o as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '17f3a949ec46a15119f53f5390f5fb3b6e8cf745' }, this.size === 16 && (h("img", { key: 'db43276194c71c35ab64cb9c6fb8f4aa9d2f6005', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '569f2e4d4076aac230be05580f6b62fc5419a4e0', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e3e5bad3ee010a842eba44d20448d037158b521b', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'da340a24432ff12f98402cf94f7366104ad5dff8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-idea", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-idea"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-idea":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiIdea$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiIdea = SwirlEmojiIdea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiIdea, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as i,h as s,Fragment as t,transformTag as a}from"@stencil/core/internal/client";import{c}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=c("emoji","emoji--size-"+this.size);return s(t,{key:"17f3a949ec46a15119f53f5390f5fb3b6e8cf745"},16===this.size&&s("img",{key:"db43276194c71c35ab64cb9c6fb8f4aa9d2f6005",alt:this.label,class:e,height:"16",src:"emojis/Idea16.png",width:"16"}),20===this.size&&s("img",{key:"569f2e4d4076aac230be05580f6b62fc5419a4e0",alt:this.label,class:e,height:"20",src:"emojis/Idea20.png",width:"20"}),24===this.size&&s("img",{key:"e3e5bad3ee010a842eba44d20448d037158b521b",alt:this.label,class:e,height:"24",src:"emojis/Idea24.png",width:"24"}),32===this.size&&s("img",{key:"da340a24432ff12f98402cf94f7366104ad5dff8",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,f=function(){"undefined"!=typeof customElements&&["swirl-emoji-idea"].forEach((e=>{"swirl-emoji-idea"===e&&(customElements.get(a(e))||customElements.define(a(e),d))}))};export{h as SwirlEmojiIdea,f as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e2dbffa6014e4e0c63cc9a2daf17de8eda622156' }, this.size === 16 && (h("img", { key: 'b658cd56901ebaf56fb0111aa5e1d4be73260c60', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '9a8457817455db4bced85a1276f23a026a12aaa7', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '65096936352a2fcb5a46f7b2e8936a93e543c793', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-love", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-love"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-love":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiLove$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiLove = SwirlEmojiLove$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiLove, defineCustomElement };
+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 o=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:"e2dbffa6014e4e0c63cc9a2daf17de8eda622156"},16===this.size&&i("img",{key:"b658cd56901ebaf56fb0111aa5e1d4be73260c60",alt:this.label,class:e,height:"16",src:"emojis/Love16.png",width:"16"}),20===this.size&&i("img",{key:"fa47e1155c88b4ef6df1c0336bc9db6459bb6b5a",alt:this.label,class:e,height:"20",src:"emojis/Love20.png",width:"20"}),24===this.size&&i("img",{key:"9a8457817455db4bced85a1276f23a026a12aaa7",alt:this.label,class:e,height:"24",src:"emojis/Love24.png",width:"24"}),32===this.size&&i("img",{key:"65096936352a2fcb5a46f7b2e8936a93e543c793",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=o,h=function(){"undefined"!=typeof customElements&&["swirl-emoji-love"].forEach((e=>{"swirl-emoji-love"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{l as SwirlEmojiLove,h as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'd3eeecc6ce3f80d5451a30057476cecbb5f3939d' }, this.size === 16 && (h("img", { key: '101a3e5db91b5db5acb8c184deedab103b61572f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b91b9c620697575b3b9c2be5105afb8067771478', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '238f2280b04ffec046a708f1d0bf2361d5217dea', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'dec251d6bb2327c9df18ad624e801b3808008e8c', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-sad", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-sad"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-sad":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiSad$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiSad = SwirlEmojiSad$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiSad, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as s,h as i,Fragment as t,transformTag as c}from"@stencil/core/internal/client";import{c as d}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=d("emoji","emoji--size-"+this.size);return i(t,{key:"d3eeecc6ce3f80d5451a30057476cecbb5f3939d"},16===this.size&&i("img",{key:"101a3e5db91b5db5acb8c184deedab103b61572f",alt:this.label,class:e,height:"16",src:"emojis/Sad16.png",width:"16"}),20===this.size&&i("img",{key:"b91b9c620697575b3b9c2be5105afb8067771478",alt:this.label,class:e,height:"20",src:"emojis/Sad20.png",width:"20"}),24===this.size&&i("img",{key:"238f2280b04ffec046a708f1d0bf2361d5217dea",alt:this.label,class:e,height:"24",src:"emojis/Sad24.png",width:"24"}),32===this.size&&i("img",{key:"dec251d6bb2327c9df18ad624e801b3808008e8c",alt:this.label,class:e,height:"32",src:"emojis/Sad32.png",width:"32"}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-emoji-sad",{label:[1],size:[2]}]),h=a,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-sad"].forEach((e=>{"swirl-emoji-sad"===e&&(customElements.get(c(e))||customElements.define(c(e),a))}))};export{h as SwirlEmojiSad,n as defineCustomElement}

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

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { c as classNames } from './index2.js';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiThumbsUp extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '341ebf9a753e7ee31a63323cf05b904d54950e01' }, this.size === 16 && (h("img", { key: 'cd11a48f31c798ddec1a495b182f2311b22eff64', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '937bbe442e16fef178c83e296a9ac6d1fbbd702b', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '562e9e8b315a4e0b9f8e04822b82de6a0f9c5591', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '7e38405e7335e1980e64b435d8ca0e0f88daca22', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji-thumbs-up", {
-        "label": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji-thumbs-up"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji-thumbs-up":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmojiThumbsUp$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmojiThumbsUp = SwirlEmojiThumbsUp$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmojiThumbsUp, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as h}from"@stencil/core/internal/client";import{c}from"./index2.js";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.label="",this.size=24}render(){const e=c("emoji","emoji--size-"+this.size);return t(i,{key:"341ebf9a753e7ee31a63323cf05b904d54950e01"},16===this.size&&t("img",{key:"cd11a48f31c798ddec1a495b182f2311b22eff64",alt:this.label,class:e,height:"16",src:"emojis/ThumbsUp16.png",width:"16"}),20===this.size&&t("img",{key:"937bbe442e16fef178c83e296a9ac6d1fbbd702b",alt:this.label,class:e,height:"20",src:"emojis/ThumbsUp20.png",width:"20"}),24===this.size&&t("img",{key:"562e9e8b315a4e0b9f8e04822b82de6a0f9c5591",alt:this.label,class:e,height:"24",src:"emojis/ThumbsUp24.png",width:"24"}),32===this.size&&t("img",{key:"7e38405e7335e1980e64b435d8ca0e0f88daca22",alt:this.label,class:e,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,n=function(){"undefined"!=typeof customElements&&["swirl-emoji-thumbs-up"].forEach((e=>{"swirl-emoji-thumbs-up"===e&&(customElements.get(h(e))||customElements.define(h(e),m))}))};export{a as SwirlEmojiThumbsUp,n as defineCustomElement}

package/dist/components/swirl-emoji.js

@@ -1,40 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const swirlEmojiCss = ":host{display:inline-flex}";
-
-const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.label = "";
-        this.size = 24;
-    }
-    render() {
-        const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
-    }
-    static get style() { return swirlEmojiCss; }
-}, [1, "swirl-emoji", {
-        "label": [1],
-        "name": [1],
-        "size": [2]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-emoji"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-emoji":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlEmoji$1);
-            }
-            break;
-    } });
-}
-
-const SwirlEmoji = SwirlEmoji$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmoji, defineCustomElement };
+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:"785d1996969fb1d76ff1af92c9080abe7cf0499c"},s("swirl-emoji-"+this.name,{key:"e3fd1d576d501ce2588597438a067681d5b98c92",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,c=function(){"undefined"!=typeof customElements&&["swirl-emoji"].forEach((e=>{"swirl-emoji"===e&&(customElements.get(n(e))||customElements.define(n(e),l))}))};export{r as SwirlEmoji,c as defineCustomElement}

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

@@ -1,6 +1 @@
-import { S as SwirlEmptyState$1, d as defineCustomElement$1 } from './swirl-empty-state2.js';
-
-const SwirlEmptyState = SwirlEmptyState$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlEmptyState, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as l}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as c}from"./swirl-heading2.js";import{d as o}from"./swirl-stack2.js";import{d as r}from"./swirl-text2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.headingLevel=4}render(){const t=!!this.el.querySelector('[slot="controls"]'),e=!!this.el.querySelector('[slot="illustration"]'),l=i("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":e});return s(a,{key:"9c98cb57be1561c12fa24ebd1c0d43acfb5965dc"},s("div",{key:"edea178a854a99ff262a108c5ec73b7f7a877bcf",class:l},this.illustration&&!e&&s("img",{key:"517e049cf3b0de5fd655f011592cd015185932ff",alt:"",class:"empty-state__illustration",src:this.illustration}),s("div",{key:"1038cabd940371f8f419a5bf77728ea8f40bfe2e",class:"empty-state__slotted-illustration"},s("slot",{key:"38694d31b88f3e9fd4b6a157f7d1c107986417ed",name:"illustration"})),s("div",{key:"08bf9ffb387c0ead1a8f299d8a84718185567363",class:"empty-state__body"},s("swirl-stack",{key:"e45c34a26d6b5e635b8d86d71a823f97750c62ab",align:"stretch",spacing:"8"},this.heading&&s("swirl-heading",{key:"21605cc9f24cb2bd2b2eca30d36142517bb1a8ae",align:"center",as:"h"+this.headingLevel,level:4,text:this.heading}),s("div",{key:"e69adc6ee9a395139caeb3cde634f991e07f3a1d",class:"empty-state__content"},s("swirl-text",{key:"e16d267a3e21c618bbbc2f5551e475573b223244",align:"center",color:"subdued"},s("slot",{key:"3a2ddc216d2a224ff02222cf1d30ed43e08711a3"})))),s("div",{key:"ecac1b4501098edbb221bf1516243d4c087e3c15",class:"empty-state__controls"},s("slot",{key:"767af8536ed3d3c4174955297675bb517ee0c189",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=d,m=function(){"undefined"!=typeof customElements&&["swirl-empty-state","swirl-heading","swirl-stack","swirl-text"].forEach((t=>{switch(t){case"swirl-empty-state":customElements.get(l(t))||customElements.define(l(t),d);break;case"swirl-heading":customElements.get(l(t))||c();break;case"swirl-stack":customElements.get(l(t))||o();break;case"swirl-text":customElements.get(l(t))||r()}}))};export{n as SwirlEmptyState,m as defineCustomElement}