@duetds/components 10.0.0-alpha.9 → 10.1.0

package/lib/dist-custom-elements/duet-modal.js

@@ -1,382 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-548610a6.js';
-import { d as disableBodyScroll, e as enableBodyScroll } from './p-8354d1f1.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as DuetStringsPleaseWaitDefaults } from './p-9df4cfa4.js';
-import { f as focusElement } from './p-e30dc66d.js';
-import { b as isEscapeKey } from './p-8db11326.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { h as hasSlot } from './p-ad615991.js';
-import { T as Teleport } from './p-ca3cb21e.js';
-import { d as defineCustomElement$8 } from './p-9ee4d52e.js';
-import { d as defineCustomElement$7 } from './p-081025d8.js';
-import { d as defineCustomElement$6 } from './p-77667998.js';
-import { d as defineCustomElement$5 } from './p-df2458b1.js';
-import { d as defineCustomElement$4 } from './p-0871ccd4.js';
-import { d as defineCustomElement$3 } from './p-3c70317f.js';
-import { d as defineCustomElement$2 } from './p-196352e6.js';
-
-const duetModalCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:\"\";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}";
-const DuetModalStyle0 = duetModalCss;
-
-// The transition below is slightly higher than the actual CSS transition as VoiceOver on
-// iOS has otherwise problems moving the focus from modal back to the original element.
-// This issue is similar to what we’ve seen in Duet Date Picker + iOS VoiceOver.
-const TRANSITION_MS = 600;
-const DuetModal$1 = /*@__PURE__*/ proxyCustomElement(class DuetModal extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetOpen = createEvent(this, "duetOpen", 7);
-        this.duetClose = createEvent(this, "duetClose", 7);
-        this.duetCloseComplete = createEvent(this, "duetCloseComplete", 7);
-        this.duetBeforeClose = createEvent(this, "duetBeforeClose", 7);
-        var _a, _b;
-        this.hasStickyHeader = false;
-        this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
-        this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
-        this.accessibleLoaderAnnouncementDefaults = DuetStringsPleaseWaitDefaults;
-        this.accessibleCloseLabelDefaults = {
-            fi: "Sulje ikkuna",
-            sv: "Stäng fönstret",
-            en: "Close the dialog",
-        };
-        this.handleAndroidResizeEvents = () => {
-            if (document.activeElement.tagName == "INPUT") {
-                window.setTimeout(function () {
-                    var _a;
-                    try {
-                        //@ts-ignore
-                        (_a = document === null || document === void 0 ? void 0 : document.activeElement) === null || _a === void 0 ? void 0 : _a.scrollIntoViewIfNeeded(true);
-                    }
-                    catch (e) {
-                        //dev-null any errors here
-                    }
-                }, 100);
-            }
-        };
-        this.open = false;
-        this.language = getLanguage();
-        this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefaults, this.language);
-        this.accessibleLoaderAnnouncement = getLocaleString(this.accessibleLoaderAnnouncementDefaults, this.language);
-        this.size = "medium";
-        this.accessibleDescribedBy = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleLabel = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleDescription = undefined;
-        this.variation = "default";
-        this.gutterSize = "medium";
-        this.theme = "";
-        this.heading = "";
-        this.headingLevel = "h3";
-        this.headingVisualLevel = undefined;
-        this.icon = "";
-        this.color = "";
-        this.active = false;
-        this.closeOnBlur = false;
-    }
-    openChanged() {
-        if (this.open) {
-            if (this.modalEl && this.modalEl.scrollTop) {
-                this.modalEl.scrollTop = 0;
-            }
-            this.focusedElBeforeOpen = document.activeElement;
-            disableBodyScroll(this.variation === "slide-up" ? this.modalContentEl : this.modalEl, {
-                reserveScrollBarGap: true,
-            });
-            this.teleport.makeSiblingsInert();
-            this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach(el => el.remove());
-            setTimeout(() => {
-                if (this.variation === "loader") {
-                    this.addMessage(this.accessibleLoaderAnnouncement, false);
-                }
-                else {
-                    if (this.isAndroidDevice) {
-                        // When focusing to button Android's TalkBack
-                        // screenreader sometimes skips announcing modal's heading
-                        // before it moves to announcing button so we focus
-                        // on model element and let users focus on the button in
-                        // order to make sure the label is always announced
-                        this.modalEl.focus();
-                    }
-                    else {
-                        this.buttonEl.setFocus();
-                    }
-                }
-            }, TRANSITION_MS);
-            setTimeout(() => {
-                this.modalEl.classList.add("duet-disable-transitions");
-            }, TRANSITION_MS + 200);
-            // fix for android devices where scrolling and softKeyboards MAY be
-            // acting weird when the modal contains an input field
-            if (this.isAndroidDevice) {
-                window.addEventListener("resize", this.handleAndroidResizeEvents);
-            }
-            this.duetOpen.emit();
-        }
-        else {
-            this.modalEl.classList.remove("duet-disable-transitions");
-            this.modalEl.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
-            enableBodyScroll(this.variation === "slide-up" ? this.modalContentEl : this.modalEl);
-            this.duetClose.emit();
-            this.teleport.removeInertFromSiblings();
-            setTimeout(() => {
-                focusElement(this.focusedElBeforeOpen);
-            }, TRANSITION_MS);
-            if (this.isAndroidDevice) {
-                window.removeEventListener("resize", this.handleAndroidResizeEvents);
-            }
-        }
-    }
-    activeChanged() {
-        this.open = this.active;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        this.hasStickyHeader = hasSlot(this.element, "sticky-header");
-        inheritGlobalTheme(this);
-    }
-    componentDidLoad() {
-        if (this.active) {
-            // This specific line below can’t be moved to componentWillLoad()
-            // as it breaks body scroll enabling.
-            this.open = true;
-            this.modalEl.classList.add("duet-disable-transitions");
-        }
-    }
-    connectedCallback() {
-        if (!this.teleport) {
-            this.teleport = new Teleport(this.element);
-        }
-        if (this.teleport) {
-            this.teleport.activate();
-        }
-        connectLanguageChangeObserver(this, [
-            { prop: "accessibleCloseLabel", defaults: "accessibleCloseLabelDefaults" },
-            { prop: "accessibleLoaderAnnouncement", defaults: "accessibleLoaderAnnouncementDefaults" },
-        ]);
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        if (this.modalEl) {
-            enableBodyScroll(this.modalEl);
-        }
-    }
-    /**
-     * Component event handling.
-     */
-    handleKeyUp(ev) {
-        if (this.open) {
-            // When Esc is pressed the modal should be closed
-            if (isEscapeKey(ev)) {
-                this.closeModal(ev);
-            }
-        }
-    }
-    /**
-     * Shows the modal dialog. Additionally saves the element that triggered
-     * the modal so that focus can be moved back to this specific element when
-     * the modal dialog is closed.
-     */
-    async show() {
-        this.open = true;
-    }
-    /**
-     * Hides the modal dialog and puts focus back to the original element
-     * that triggered the modal (if we’re still in the same view).
-     */
-    async hide() {
-        this.open = false;
-    }
-    /**
-     * Scolls the top of the modal's content into view
-     *
-     * @param smooth Set to false for instant scrolling
-     */
-    async scrollToTop(smooth = true) {
-        var _a;
-        const behavior = smooth ? "smooth" : "auto";
-        if (this.variation === "slide-up") {
-            const stickyHeaderHeight = ((_a = this.modalEl.querySelector(".duet-modal-sticky-header")) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
-            const modalBodyPadding = this.modalEl
-                .querySelector(".duet-modal-body")
-                .computedStyleMap()
-                .get("padding-top");
-            this.slotContainerEl.style.scrollMarginTop = `${stickyHeaderHeight + modalBodyPadding.value}px`;
-            this.slotContainerEl.scrollIntoView({ behavior });
-        }
-        else {
-            this.modalEl.querySelector(".duet-modal-body").scrollIntoView({ behavior });
-        }
-    }
-    /**
-     * Adds a message to the modal dialog using animation and annoucing it to screen readers.
-     * Primarily for use with the loader variation.
-     *
-     * @param message The message to be added to the modal dialog.
-     * @param visible Set to false if you want to add a non-visual message.
-     */
-    async addMessage(message, visible = true) {
-        const el = document.createElement(visible ? "duet-paragraph" : "duet-visually-hidden");
-        el.textContent = message;
-        el.classList.add("duet-loader-message");
-        if (visible) {
-            setTimeout(() => {
-                this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach(el => el.classList.remove("show"));
-                el.classList.add("show");
-            }, 10);
-        }
-        this.slotContainerEl.appendChild(el);
-    }
-    /**
-     * Local methods.
-     */
-    closeModal(ev) {
-        this.duetBeforeClose.emit({
-            originalEvent: ev,
-            component: "duet-modal",
-        });
-        // Make sure the event wasn’t prevented previously
-        if (!ev.defaultPrevented) {
-            setTimeout(() => {
-                this.hide();
-            }, 1);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        var _a, _b;
-        let iconColor = "primary";
-        let closeColor = "secondary";
-        const closingButton = (h("div", { key: '45dd7731d75aeb6fedf103bb8457fc832f032778', class: "duet-modal-close" }, h("duet-button", { key: '1af55ce7ee031845b5a33669886b156f5680a08c', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
-        if (this.theme === "turva") {
-            iconColor = "primary-turva";
-            closeColor = "secondary-turva";
-        }
-        return (h("div", { key: '1442df676dcf6278cefffca3c0f25206b58c6461', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
-                "duet-modal-container": true,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-modal-active": this.open,
-                "duet-modal-slide-up": this.variation === "slide-up",
-                "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, h("duet-overlay", { key: 'acce69123fb59c968dc1aafe5f378060ce9edf96', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'eec2947c7ab2f7abfa84d3e776afefb7fc73e166', ref: modalInner => (this.modalInnerEl = modalInner), class: {
-                "duet-modal-inner": true,
-                [this.size]: true,
-                "duet-modal-slide-up": this.variation === "slide-up",
-            }, onClick: e => {
-                if (this.closeOnBlur) {
-                    const source = e.target || e.srcElement;
-                    if (source === this.modalInnerEl) {
-                        this.closeModal(e);
-                    }
-                }
-            } }, h("div", { key: '4ef00e1b973363768e873732fd970f91f4a78283', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
-                "duet-modal": true,
-                "duet-modal-has-sticky-header": this.hasStickyHeader,
-                [this.size]: true,
-                [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '76c8f349c9a72824b09e2e2d5e0b3de29d88c799' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: '829f91a47c3d628a7e3610400626d0254c163a3a', class: {
-                "duet-modal-body": true,
-                "duet-modal-gutter-none": this.gutterSize === "none",
-                "duet-modal-gutter-small": this.gutterSize === "small",
-                "duet-modal-gutter-medium": this.gutterSize === "medium",
-                "duet-modal-gutter-large": this.gutterSize === "large",
-            } }, h("div", { key: 'f54c84d48480b113238d5592529d942f32e1ae41', class: "duet-modal-header" }, h("span", { key: 'a1ba41463c134abe5ba3bbbddec0e5cbc6183e12', class: "duet-modal-inner-slot-top" }, h("slot", { key: '3fa09af98d06d4cb8d6a5fa60074305e8d9a1f5b', name: "top" })), this.icon && h("duet-icon", { key: '3f8704d72960a1b347efd6eb0ed68a083731e50d', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: '2577f299ec0fdf00deb41e4a8e1324b5f52e0fc8', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: 'a6c9f6320ba5192ace8a86679a3f81e229a0b511', class: "duet-modal-spinner" }, h("duet-spinner", { key: 'a98b8d5cf3a61911f7ded60a1816f08a8a56bdf3', size: "large", color: "primary" }))), h("div", { key: 'ce3c0737a4fb1e3320ff2d243e648ecacc648eba', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, h("slot", { key: '20e1700541dd27a2404858fba3503a0d2c5576d3' })))))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "open": ["openChanged"],
-        "active": ["activeChanged"]
-    }; }
-    static get style() { return DuetModalStyle0; }
-}, [1, "duet-modal", {
-        "language": [1537],
-        "accessibleCloseLabel": [1025, "accessible-close-label"],
-        "accessibleLoaderAnnouncement": [1025, "accessible-loader-announcement"],
-        "size": [1],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleLabel": [1, "accessible-label"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleDescription": [1, "accessible-description"],
-        "variation": [1],
-        "gutterSize": [1, "gutter-size"],
-        "theme": [1025],
-        "heading": [1],
-        "headingLevel": [1, "heading-level"],
-        "headingVisualLevel": [1, "heading-visual-level"],
-        "icon": [1],
-        "color": [1],
-        "active": [1540],
-        "closeOnBlur": [1028, "close-on-blur"],
-        "open": [32],
-        "show": [64],
-        "hide": [64],
-        "scrollToTop": [64],
-        "addMessage": [64]
-    }, [[8, "keyup", "handleKeyUp"]], {
-        "open": ["openChanged"],
-        "active": ["activeChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-modal", "duet-button", "duet-heading", "duet-icon", "duet-overlay", "duet-spacer", "duet-spinner", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetModal$1);
-            }
-            break;
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-heading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "duet-overlay":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetModal = DuetModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetModal, defineCustomElement };

package/lib/dist-custom-elements/duet-multiselect.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMultiselect extends Components.DuetMultiselect, HTMLElement {}
-export const DuetMultiselect: {
-    prototype: DuetMultiselect;
-    new (): DuetMultiselect;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;