@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.30

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

@@ -1,454 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
-import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-ca700701.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { h as hasSlot, g as getElementsFromNamedSlot } from './p-ad615991.js';
-import { d as defineCustomElement$4 } from './p-d2a5148f.js';
-import { d as defineCustomElement$3 } from './p-4da43fbc.js';
-import { d as defineCustomElement$2 } from './p-9f9423c6.js';
-
-var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
-
-const duetChoiceCss = "*,*::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;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(.vertical){margin-right:0 !important}@media (min-width: 48em){:host(.horizontal){margin-bottom:0 !important}}@media (min-width: 48em){:host(.horizontal-responsive){margin-bottom:0 !important;margin-right:16px !important}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}}:host(:last-child:not(:only-child)){margin-right:0 !important}.duet-choice-card{position:relative;display:block;width:100%;min-width:8rem;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:1rem;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0{padding:0 !important}.duet-choice-card.duet-m-0{margin:0 !important}.duet-theme-turva .duet-choice-card{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) !important}.duet-choice-card-flextainer{display:flex}.duet-choice-label{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text .duet-choice-card-icon,.duet-choice-label.has-before-text .duet-choice-card-text{align-self:flex-start;margin-top:0.25rem}.duet-choice-label>div:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info .duet-choice-label{border-top-right-radius:0;border-bottom-right-radius:0}.info .duet-choice-label{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-theme-turva .info .duet-choice-label{border-color:rgb(222, 224, 228)}.duet-choice-label:active{opacity:0.75;transition:none !important}.checked>.duet-choice-label{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(0, 119, 179)}.duet-theme-turva .checked>.duet-choice-label{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{border-color:rgb(198, 12, 48)}.checked.collapsible>.duet-choice-label,.collapsible-force-expanded.collapsible>.duet-choice-label{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container{border-color:rgb(143, 147, 158)}.duet-theme-turva .info :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):not([checked]):hover)>.duet-choice-card-flextainer .duet-choice-label:not(.checked){padding:1rem}input:focus{outline:0}:host(.user-is-tabbing) .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}:host(.user-is-tabbing) :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .checked.focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}:host(.user-is-tabbing) .duet-theme-turva :not(.checked).focus.duet-choice-label{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.disabled.duet-choice-label{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.disabled.duet-choice-label .duet-choice-card-icon{color:rgb(98, 121, 138)}.duet-theme-turva .disabled.duet-choice-label .duet-choice-card-icon{color:rgb(143, 147, 158)}.disabled.duet-choice-label .duet-checkmark{border-color:rgb(98, 121, 138) !important}.disabled.duet-choice-label:hover,.disabled.duet-choice-label:active,.disabled.duet-choice-label:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva .disabled.duet-choice-label{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva .disabled.duet-choice-label .duet-checkmark{border-color:rgb(143, 147, 158) !important}.checked>.disabled.duet-choice-label{border-color:rgb(127, 150, 165) !important}.duet-theme-turva .checked>.disabled.duet-choice-label{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked>.duet-choice-label .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked>.duet-choice-label .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva label.disabled .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked>label.disabled .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked>label.disabled .duet-checkmark-container{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-card-icon{color:rgb(164, 4, 40)}.duet-choice-card-icon duet-icon{display:block}.duet-choice-section-hidden{display:none}.duet-choice-card-info.duet-choice-card-collapsed,.duet-choice-card-collapsed.duet-choice-card-collapsible{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info,.duet-choice-card-collapsible{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info,.duet-choice-card-collapsible{padding:28px !important}}.duet-theme-turva .duet-choice-card-info,.duet-theme-turva .duet-choice-card-collapsible{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked>.duet-choice-card-info,.checked>.duet-choice-card-collapsible{display:block}.duet-choice-card-info-expanded,.duet-choice-card-collapsible-expanded{display:block}.duet-choice-card-collapsible{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked{border-color:rgb(222, 224, 228)}.duet-choice-card-info{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*){display:none}:host(.user-is-tabbing) .duet-choice-info-container:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.disabled) .duet-choice-card-collapsible{border-color:rgb(127, 150, 165)}:host(.disabled) .duet-choice-card-collapsible.duet-theme-turva{border-color:rgb(143, 147, 158)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){border-color:rgb(143, 147, 158)}:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){:host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover)>.duet-choice-card-collapsible:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva .duet-choice-info-toggle[aria-expanded=true]{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled]{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled] .duet-choice-info-icon{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle:focus{outline:none}:host(.user-is-tabbing) .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-choice-info-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked+.duet-choice-info-toggle{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle duet-icon{display:block}.duet-choice-info-toggle .duet-choice-info-icon{color:rgb(0, 119, 179)}.duet-theme-turva .duet-choice-info-toggle .duet-choice-info-icon{color:rgb(198, 12, 48)}:host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(127, 150, 165)}.duet-theme-turva :host(:not(.no-hover):not(.disabled):hover)>.duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle{border-left-color:rgb(143, 147, 158)}.duet-choice-input,*::slotted([slot=choiceradioinput]){position:absolute !important;width:100%;height:100%;opacity:0}";
-const DuetChoiceStyle0 = duetChoiceCss;
-
-const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class DuetChoice extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetChoiceReady = createEvent(this, "duetChoiceReady", 7);
-        this.duetChoiceRemove = createEvent(this, "duetChoiceRemove", 7);
-        this.duetChange = createEvent(this, "duetChange", 7);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        this.hasHeader = false;
-        this.choiceId = createID("DuetChoice");
-        this.expandId = createID("DuetChoiceExpand");
-        this.headerId = createID("DuetChoiceHeader");
-        this.infoButtonId = createID("DuetChoiceInfoButton");
-        this.radioInputListenersRemove = radioInput => {
-            radioInput.removeEventListener("change", this.onChange);
-            radioInput.removeEventListener("keydown", this.handleKeyDown);
-            radioInput.removeEventListener("focus", this.onFocus);
-            radioInput.removeEventListener("blur", this.onBlur);
-        };
-        this.radioInputListenersAdd = radioInput => {
-            radioInput.addEventListener("change", this.onChange);
-            radioInput.addEventListener("keydown", this.handleKeyDown);
-            radioInput.addEventListener("focus", this.onFocus);
-            radioInput.addEventListener("blur", this.onBlur);
-        };
-        this.radioInputSetUp = () => {
-            const slotInput = this.element.querySelector("input[slot=choiceradioinput]");
-            const radioInput = slotInput || document.createElement("input");
-            radioInput.slot = "choiceradioinput";
-            radioInput.disabled = this.getDisabled();
-            radioInput.id = this.identifier || this.choiceId;
-            radioInput.type = "radio";
-            radioInput.name = this.name;
-            radioInput.value = this.value;
-            radioInput.checked = this.checked;
-            radioInput.required = this.required;
-            radioInput.ariaDescription = this.accessibleDescription;
-            if (this.accessibleControls) {
-                radioInput.setAttribute("aria-controls", this.accessibleControls);
-            }
-            if (this.accessibleActiveDescendant) {
-                radioInput.setAttribute("aria-activedescendant", this.accessibleActiveDescendant);
-            }
-            if (this.accessibleLabelledBy) {
-                radioInput.setAttribute("aria-labelledby", this.accessibleLabelledBy);
-            }
-            if (this.accessibleDetails) {
-                radioInput.setAttribute("aria-details", this.accessibleDetails);
-            }
-            if (this.accessibleOwns) {
-                radioInput.setAttribute("aria-owns", this.accessibleOwns);
-            }
-            if (this.getAriaDescribedby()) {
-                radioInput.setAttribute("aria-describedby", this.getAriaDescribedby());
-            }
-            radioInput.ariaLabel = this.getLabel();
-            if (slotInput) {
-                this.radioInputListenersRemove(radioInput);
-            }
-            else {
-                this.element.appendChild(radioInput);
-            }
-            this.radioInputListenersAdd(radioInput);
-            this.focusableElement = radioInput;
-        };
-        /**
-         * Component event handling.
-         */
-        this.onMouseEnter = () => {
-            this.isHovering = true;
-        };
-        this.onMouseLeave = () => {
-            this.isHovering = false;
-        };
-        this.onClick = (ev) => {
-            this.toggleChecked(ev);
-        };
-        this.handleKeyDown = (ev) => {
-            if (isKeyboardClick(ev)) {
-                this.toggleChecked(ev);
-            }
-            if (isQuestionKey(ev) && this.hasInfo) {
-                this.toggleInfo();
-            }
-        };
-        this.onChange = () => {
-            const input = this.focusableElement;
-            const inputChecked = input.checked;
-            this.checked = inputChecked;
-            this.duetChange.emit({
-                checked: this.checked,
-                value: this.value,
-                component: "duet-choice",
-            });
-        };
-        this.onBlur = (ev) => {
-            this.focus = false;
-            this.duetBlur.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-choice",
-            });
-        };
-        this.onFocus = (ev) => {
-            this.focus = true;
-            this.duetFocus.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-choice",
-            });
-        };
-        /**
-         * Local methods
-         */
-        this.toggleChecked = ev => {
-            ev.preventDefault();
-            ev.stopPropagation();
-            if (this.getDisabled()) {
-                return;
-            }
-            // if it's a radio button, and it's already checked
-            // we shouldn't fire an event, so exit early
-            if (this.type === "radio" && this.checked) {
-                return;
-            }
-            this.checked = !this.checked;
-            this.duetChange.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-choice",
-            });
-        };
-        this.toggleInfo = () => {
-            this.isInfoOpen = !this.isInfoOpen;
-            if (this.isInfoOpen) {
-                setTimeout(() => {
-                    var _a;
-                    (_a = this.infoContainer) === null || _a === void 0 ? void 0 : _a.focus();
-                }, 150);
-            }
-        };
-        this.focus = false;
-        this.isHovering = false;
-        this.isInfoOpen = false;
-        this.theme = "";
-        this.label = "label";
-        this.accessibleLabelInfoButtonDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelInfoButton = getLocaleString(this.accessibleLabelInfoButtonDefaults);
-        this.accessibleActiveDescendant = undefined;
-        this.accessibleControls = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.caption = "";
-        this.value = undefined;
-        this.type = "checkbox";
-        this.name = undefined;
-        this.checked = false;
-        this.collapsible = false;
-        this.collapsibleForceExpanded = false;
-        this.margin = "auto";
-        this.icon = "";
-        this.expand = false;
-        this.padding = "auto";
-        this.identifier = undefined;
-        this.groupDirection = undefined;
-        this.groupDisabled = undefined;
-        this.groupResponsive = undefined;
-        this.disabled = false;
-        this.required = false;
-        this.infoLabelDefaults = {
-            fi: "Lisätietoja vaihtoehdosta",
-            en: "More information about",
-            sv: "Mera information om",
-        };
-        this.infoLabel = getLocaleString(this.infoLabelDefaults, getLanguage());
-        this.collapsibleNotificationDefaults = {
-            fi: "Tämä valinta sisältää lisätietoja, jotka avautuivat alle",
-            en: "This choice has additional information opened below",
-            sv: "Det här val har mer information som öppnades nedan",
-        };
-        this.collapsibleNotification = getLocaleString(this.collapsibleNotificationDefaults, getLanguage());
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.hasInfo = hasSlot(this.element, "info");
-        this.hasHeader = hasSlot(this.element, "header");
-        this.hasAdditional = hasSlot(this.element, "additional");
-        this.hasLabel = hasSlot(this.element, "label");
-        this.hasBeforeText = hasSlot(this.element, "before-text");
-        this.duetChoiceReady.emit();
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, [
-            { prop: "accessibleLabelInfoButton", defaults: "accessibleLabelInfoButtonDefaults" },
-            { prop: "infoLabel", defaults: "infoLabelDefaults" },
-            { prop: "collapsibleNotification", defaults: "collapsibleNotificationDefaults" },
-        ]);
-        subscribeTabbingChange(this);
-        this.duetChoiceReady.emit();
-    }
-    componentDidRender() {
-        if (this.type === "radio") {
-            this.radioInputSetUp();
-        }
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-        unsubscribeTabbingChange(this);
-        this.duetChoiceRemove.emit();
-    }
-    /**
-     * Sets focus on the specified `duet-choice`. Use this method instead of the global
-     * `input.focus()`.
-     */
-    async setFocus(options) {
-        this.focusableElement.focus(options);
-    }
-    /**
-     * This method toggles the info section.
-     */
-    async toggleInfoMethod() {
-        this.isInfoOpen = !this.isInfoOpen;
-    }
-    handleEscape(e) {
-        if (isEscapeKey(e)) {
-            if (this.isInfoOpen) {
-                this.isInfoOpen = false;
-                if (this.infoButtonEl) {
-                    this.infoButtonEl.focus();
-                }
-            }
-        }
-    }
-    /**
-     * Should the collapsible content be announced by screen readers
-     */
-    isCollapsibleAnnounceable() {
-        if (!this.collapsible || !this.getExpanded()) {
-            return false;
-        }
-        const children = Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`) || []);
-        const announceableElements = ["duet-paragraph", "duet-heading", "duet-fieldset"];
-        return children.every(child => announceableElements.includes(child.tagName.toLowerCase()));
-    }
-    getAriaDescribedby() {
-        if (this.accessibleDescribedBy) {
-            return this.accessibleDescribedBy;
-        }
-        if (this.collapsible || this.hasInfo) {
-            if (this.hasHeader) {
-                return this.headerId;
-            }
-            else if (this.isCollapsibleAnnounceable()) {
-                return this.expandId;
-            }
-            else {
-                return `${this.choiceId}-collapsible-notification`;
-            }
-        }
-        return null;
-    }
-    getDisabled() {
-        return this.disabled || this.groupDisabled;
-    }
-    getExpanded() {
-        return this.checked || this.collapsibleForceExpanded;
-    }
-    getClassNames() {
-        if (this.hasInfo && !this.collapsible) {
-            return {
-                checked: this.checked,
-                "duet-choice-card-info": true,
-                "duet-choice-card-info-expanded": this.isInfoOpen,
-                "duet-choice-card-collapsed": !this.isInfoOpen,
-                "duet-theme-turva": this.theme === "turva",
-            };
-        }
-        if (!this.hasInfo && this.collapsible) {
-            return {
-                checked: this.checked,
-                "duet-choice-card-collapsible": true,
-                "duet-choice-card-collapsible-expanded": this.getExpanded(),
-                "duet-choice-card-collapsed": !this.getExpanded(),
-                "duet-choice-card-collapsible-disabled": this.getDisabled(),
-                "duet-theme-turva": this.theme === "turva",
-            };
-        }
-        return {
-            checked: this.checked,
-            "duet-choice-default-slot": true,
-        };
-    }
-    getLabel() {
-        let slotLabel = "";
-        let slotBeforeText = "";
-        let slotAdditional = "";
-        if (this.hasLabel) {
-            const slotContent = getElementsFromNamedSlot(this.element, "label");
-            slotLabel = slotContent.length > 0 ? slotContent[0].textContent : "";
-        }
-        if (this.hasBeforeText) {
-            const slotContent = getElementsFromNamedSlot(this.element, "before-text");
-            slotBeforeText = slotContent.length > 0 ? slotContent[0].textContent : "";
-        }
-        if (this.hasAdditional) {
-            const slotContent = getElementsFromNamedSlot(this.element, "additional");
-            slotAdditional = slotContent.length > 0 ? slotContent[0].textContent : "";
-        }
-        return `${slotBeforeText} ${this.hasLabel ? slotLabel : this.label} ${this.caption} ${slotAdditional}`;
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const identifier = this.identifier || this.choiceId;
-        return (h(Host, { key: '6b043ca676b0915beba8f7395ab51da5e4b5cd9b', class: {
-                horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
-                "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
-                "duet-m-0": this.margin === "none",
-                "duet-expand": this.expand,
-                "duet-theme-turva": this.theme === "turva",
-                "no-hover": this.isHovering,
-                disabled: this.getDisabled(),
-            } }, h("div", { key: '0891860988aae6ccb6cdaba297bb752a056511ed', class: {
-                "duet-choice-card-flextainer": true,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: 'bce0c0ae884e3406707a4a4c369b4459d50c0093', class: {
-                "duet-choice-card": true,
-                "has-icon": !!this.icon,
-                "has-info": this.hasInfo,
-                checked: this.checked,
-                info: this.isInfoOpen,
-                collapsible: this.collapsible,
-                "collapsible-force-expanded": this.collapsibleForceExpanded,
-                "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (h("input", { key: '89d5dd0ee3b36469a8dc76939682d6a9639d52a0', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), h("slot", { key: '2745b90b9febcddd1617878dc85dbdca91bed103', name: "choiceradioinput" }), h("label", { key: '60293091e7005f427af03589faa2471a20a07dbd', class: {
-                "duet-choice-label": true,
-                "has-before-text": this.hasBeforeText,
-                checked: this.checked,
-                focus: this.focus,
-                disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: 'ae4be026a3b09c369840065af56652403199f386', name: "before-text" }), this.icon && (h("div", { key: 'c7cb16471ff37dd3b02090dad05d7614f3d314bd', class: "duet-choice-card-icon" }, h("duet-icon", { key: 'addb288ef7d86b56bea8c1f332441a2c4cadb3d2', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: 'b93a83dfd99fe82813d0daa25004ad9c5f4bb58f', class: "duet-choice-card-text" }, h("div", { key: '6c12ddc5fce7a4b360c8cd54f4c767cf3481af25' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: '2375bc05cb87c6aff0e56758c9f478103e3fde4e' }, h("duet-spacer", { key: 'ed9c38492bbd765fe2f7c8e00be12f022b21932b', size: "xx-small" }), h("duet-caption", { key: 'bd6ee17d7a87ee48ee817e3d22ae84f08ad1710c', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: '60864680b2473d89f940fa0cd8bfae6433838ae4' }, h("duet-spacer", { key: '303abb939ca6951fabf2e789877ce9fdc5192e68', size: "xx-small" }), h("slot", { key: '3c0f6a723591ecf194520eef02445741986e2ede', name: "additional" })))), h("div", { key: 'aab22344ed2b2b79259222456daed0c67007bd55' }, h("div", { key: '8414b4650724896fe86bb5883c29f25970fd5225', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: '0fb93a9d51f221f5338009ab93ee9ed0dd840afc', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: 'dd75d55f02a8b12d8914d92ad5fd09f7b16cd0f0', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
-                "duet-choice-info-toggle": true,
-                "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, h("div", { key: 'acc75d0d4e81d63a1cadaf113f7a97727ec9b323', class: "duet-choice-info-icon" }, h("duet-icon", { key: 'dab37c8b277f1077f49ddadcd62a7b81e5590e0d', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: '2f6a4388ba251ee6e2d1125a5eed938899c730c8', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
-                "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
-                "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
-            } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, h("span", null, h("slot", { name: "info" })), h("slot", null))) : (h("span", { id: `${this.choiceId}-collapsible-content` }, h("slot", null)))))) : null));
-    }
-    get element() { return this; }
-    static get style() { return DuetChoiceStyle0; }
-}, [1, "duet-choice", {
-        "theme": [1025],
-        "label": [1],
-        "accessibleLabelInfoButtonDefaults": [1, "accessible-label-info-default"],
-        "accessibleLabelInfoButton": [1025, "accessible-label-info-button"],
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "caption": [1],
-        "value": [1537],
-        "type": [513],
-        "name": [1],
-        "checked": [1540],
-        "collapsible": [4],
-        "collapsibleForceExpanded": [4, "collapsible-force-expanded"],
-        "margin": [1],
-        "icon": [1],
-        "expand": [4],
-        "padding": [1],
-        "identifier": [1],
-        "groupDirection": [1, "group-direction"],
-        "groupDisabled": [4, "group-disabled"],
-        "groupResponsive": [4, "group-responsive"],
-        "disabled": [516],
-        "required": [4],
-        "infoLabelDefaults": [1, "accessible-label-info-default"],
-        "infoLabel": [1025, "info-label"],
-        "collapsibleNotificationDefaults": [1, "accessible-collapsible-notification-default"],
-        "collapsibleNotification": [1025, "collapsible-notification"],
-        "focus": [32],
-        "isHovering": [32],
-        "isInfoOpen": [32],
-        "setFocus": [64],
-        "toggleInfoMethod": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-choice", "duet-caption", "duet-icon", "duet-spacer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-choice":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetChoice$1);
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetChoice = DuetChoice$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetChoice, defineCustomElement };

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

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

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

@@ -1,158 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-d77db171.js';
-import { a as actionArrowDownSmall } from './p-115c79b6.js';
-import { f as font_size_medium, t as tokens } from './p-f6000a03.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { h as hasSlot } from './p-ad615991.js';
-import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$2 } from './p-4da43fbc.js';
-
-const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.duet-theme-turva{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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
-const DuetCollapsibleStyle0 = duetCollapsibleCss;
-
-const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetToggle = createEvent(this, "duetToggle", 7);
-        this.id = createID("DuetCollapsible");
-        this.handleKeyDown = (e) => {
-            if (isKeyboardClick(e)) {
-                this.handleClick(e);
-            }
-        };
-        this.getFontSizeFromTokens = (fontSize = this.headingSize) => {
-            if (!fontSize) {
-                return font_size_medium;
-            }
-            else {
-                const searchRegExp = /-/g;
-                const fontSizeReplaced = fontSize.replace(searchRegExp, "_");
-                return tokens[`font_size_${fontSizeReplaced}`];
-            }
-        };
-        this.getEquivalentIconSize = (fontSize = this.headingSize) => {
-            switch (fontSize) {
-                case "x-small":
-                    return "xx-small";
-                case "small":
-                    return "xx-small";
-                case "medium":
-                    return "xx-small";
-                case "large":
-                    return "x-small";
-                case "x-large":
-                    return "small";
-                case "xx-large":
-                    return "medium";
-                case "xxx-large":
-                    return "x-large";
-                case "xxxx-large":
-                    return "xxx-large";
-                default:
-                    // default size
-                    return "xx-small";
-            }
-        };
-        this.handleClick = (e) => {
-            e.preventDefault();
-            this.open = !this.open;
-            this.duetToggle.emit({
-                component: "duet-collapsible",
-                originalEvent: e,
-            });
-        };
-        this.theme = "";
-        this.negative = false;
-        this.accessibleLabel = undefined;
-        this.heading = "";
-        this.headingFullWidth = false;
-        this.centerHeading = false;
-        this.headingWeight = "semibold";
-        this.headingSize = undefined;
-        this.headingLevel = undefined;
-        this.margin = "auto";
-        this.open = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.hasAfterHeading = hasSlot(this.element, "after-heading");
-    }
-    connectedCallback() {
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        unsubscribeTabbingChange(this);
-    }
-    /**
-     * Sets focus on the specified `duet-collapsible`. Use this method instead of the global
-     * `collapsible.focus()`.
-     */
-    async setFocus(options) {
-        if (this.nativeButton) {
-            this.element.classList.add("user-is-tabbing");
-            this.nativeButton.focus(options);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: '41f36dde4e54009a1eb69c87caa20fe7174f54aa', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '2dfbc738dabf00e09f0dc410f340a2c149616e23' }, h("button", { key: '9cdec6df9a1ad914a9b1f7add28b4327a40026ea', class: {
-                "duet-collapsible-heading": true,
-                "duet-collapsible-heading-centered": this.centerHeading,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-collapsible-normal-weight": this.headingWeight === "normal",
-                "has-after-heading": this.hasAfterHeading,
-                "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '20969919d9bacce2a30a27f6b174a0d34ed2f87a', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '8b1ce16944925dcbe76add2736fb4a9c2c4d8143', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'ae5481e1aa50ea5752835acca560509f9e1ef31b', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '495b61f0b3f7d484f7af56bd8cde74b0fe6ae6b4', part: "duet-collapsible-after-heading" }, h("slot", { key: 'c95c048eba7d76b176a734ce678f9a26e124b495', name: "after-heading" }))))), h("div", { key: '291f50f458f1951bb540412845f77c3034969d7d', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2b23d5343903b1fdb4e8977c1c6a1ab373928fe4' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetCollapsibleStyle0; }
-}, [1, "duet-collapsible", {
-        "theme": [1025],
-        "negative": [4],
-        "accessibleLabel": [1, "accessible-label"],
-        "heading": [1],
-        "headingFullWidth": [4, "heading-full-width"],
-        "centerHeading": [4, "center-heading"],
-        "headingWeight": [1, "heading-weight"],
-        "headingSize": [1, "heading-size"],
-        "headingLevel": [1, "heading-level"],
-        "margin": [1],
-        "open": [1540],
-        "setFocus": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-collapsible", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-collapsible":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetCollapsible$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetCollapsible = DuetCollapsible$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetCollapsible, defineCustomElement };