@duetds/components 10.0.0-alpha.9 → 10.0.0

package/lib/dist-custom-elements/p-b322feac.js

@@ -1,206 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-548610a6.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { d as debounce } from './p-9e371678.js';
-import { i as isKeyboardClick } from './p-8db11326.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './p-0562173d.js';
-import { d as defineCustomElement$2 } from './p-77667998.js';
-import { d as defineCustomElement$1 } from './p-196352e6.js';
-
-const duetActionButtonCss = "*,*::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;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
-const DuetActionButtonStyle0 = duetActionButtonCss;
-
-const DuetActionButton = /*@__PURE__*/ proxyCustomElement(class DuetActionButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetActionEvent = createEvent(this, "duetActionEvent", 6);
-        this.listId = createID("duet-action-button");
-        /**
-         * Private methods.
-         */
-        //helper to emit relevant page events
-        this.emitPageEvent = debounce(e => {
-            this.duetActionEvent.emit({
-                component: "duet-action-button",
-                originalEvent: e,
-                action: this.actionId,
-                name: this.actionName,
-                meta: this.actionMeta,
-                id: this.listId,
-            });
-        });
-        this.numbersStore = "";
-        this.theme = "";
-        this.iconName = "action-arrow-left-small";
-        this.iconColor = "currentColor";
-        this.iconSize = "xx-small";
-        this.actionName = undefined;
-        this.actionId = undefined;
-        this.actionMeta = undefined;
-        this.disabled = false;
-        this.color = "";
-        this.background = "";
-        this.accessibleTitle = true;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleLabelsDefaults = {
-            en: "Click to activate action",
-            fi: "Klikkaa aktivoidaksesi toiminto",
-            sv: "Klicka för att aktivera åtgärd",
-        };
-        this.accessibleLabel = getLocaleString(this.accessibleLabelsDefaults);
-        this.accessibleControls = "";
-        this.url = undefined;
-    }
-    //handle a11y keyboard navigation events
-    async onKeyboardDown(e) {
-        if (isKeyboardClick(e)) {
-            this.emitPageEvent(e);
-        }
-    }
-    //return readable title for the action-button
-    getTitle() {
-        if (typeof this.accessibleTitle === "string") {
-            return this.accessibleTitle;
-        }
-        if (this.accessibleTitle === true && this.actionName) {
-            return capitalizeFirstLetter(`${this.actionName}`);
-        }
-        return null;
-    }
-    async onMouseHandler(e) {
-        e.preventDefault();
-        this.duetActionEvent.emit({
-            component: "duet-action-button",
-            originalEvent: e,
-            action: this.actionName,
-            id: this.actionId,
-            meta: this.actionMeta,
-        });
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelsDefaults" });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * Sets focus on the specified `duet-action-button`. Use this method instead of the global
-     * `button.focus()`.
-     */
-    async setFocus(options) {
-        if (this.nativeButton) {
-            this.nativeButton.focus(options);
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color, this.theme);
-        const backgroundColor = getColorByName(this.background, this.theme);
-        const backgroundHoverColor = backgroundColor ? shadeRGBColor(backgroundColor, -0.1) : backgroundColor;
-        const backgroundStyles = backgroundColor
-            ? `
-          button.duet-action-button {
-            background: ${backgroundColor} !important;
-          }
-          button.duet-action-button:not(:disabled):hover {
-            background: ${backgroundHoverColor} !important;
-          }
-        `
-            : "";
-        const styles = {
-            color,
-            "border-color": getColorByName(this.iconColor, this.theme),
-            "border-width": "1px",
-            "border-style": "solid",
-        };
-        const commonProps = {
-            ref: button => (this.nativeButton = button),
-            part: "button",
-            style: styles,
-            disabled: this.disabled,
-            id: this.listId,
-            type: "button",
-            "aria-label": this.accessibleLabel,
-            "aria-labelledby": this.accessibleLabelledBy,
-            "aria-description": this.accessibleDescription,
-            "aria-describedby": this.accessibleDescribedBy,
-            "aria-details": this.accessibleDetails,
-            "aria-controls": this.accessibleControls,
-            title: this.getTitle(),
-            class: {
-                "duet-action-button": true,
-                "duet-action-button--disabled": this.disabled,
-                [`duet-action-button--${this.theme}`]: this.theme !== "",
-                "duet-theme-turva": this.theme === "turva",
-            },
-        };
-        return (h(Host, { key: '784004122f9530676cbff39d09e3e4a4f7ccbf8f', onKeyDown: e => this.onKeyboardDown(e) }, h("style", { key: 'b34416cab89d2c6f2c4d67902239ab7140d74fb4', innerHTML: backgroundStyles }), this.url && !this.disabled ? (h("a", Object.assign({}, commonProps, { href: this.url }), h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }))) : (h("button", Object.assign({}, commonProps, { onClick: e => this.onMouseHandler(e) }), h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), h("duet-visually-hidden", null, h("slot", null))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetActionButtonStyle0; }
-}, [1, "duet-action-button", {
-        "theme": [1025],
-        "iconName": [1, "icon-name"],
-        "iconColor": [1, "icon-color"],
-        "iconSize": [1, "icon-size"],
-        "actionName": [1, "action-name"],
-        "actionId": [1, "action-id"],
-        "actionMeta": [1, "action-meta"],
-        "disabled": [4],
-        "color": [513],
-        "background": [1],
-        "accessibleTitle": [8, "title"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleLabelsDefaults": [16],
-        "accessibleLabel": [1025, "accessible-label"],
-        "accessibleControls": [1, "accessible-controls"],
-        "url": [513],
-        "numbersStore": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-action-button", "duet-icon", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-action-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetActionButton);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetActionButton as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-b632bf7b.js

@@ -1,178 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-548610a6.js';
-import { a as actionNewWindowSmall } from './p-f11208c3.js';
-import { D as DuetStringsExternalDefaults, b as DuetStringsDownloadLinkDefaults } from './p-9df4cfa4.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getAccessibleLinkLabel } from './p-afb6f7fb.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$1 } from './p-77667998.js';
-
-var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M5.499 24a.752.752 0 0 1-.53-1.281L15.689 12 4.969 1.28c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l10.72 10.72a1.5 1.5 0 0 1 .001 2.119L6.029 23.78a.743.743 0 0 1-.53.22z\"/></svg>"};
-
-var actionDownloadSmall={"title":"action-download-small","tags":"action download arrow down small","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.193 1.7c0-.658-.542-1.2-1.2-1.2-.657 0-1.199.542-1.199 1.2v8.922l-2.778-2.6a1.2 1.2 0 0 0-1.64 1.751l4.797 4.498c.458.43 1.183.43 1.64 0l4.798-4.498c.242-.228.379-.544.379-.875a1.2 1.2 0 0 0-2.02-.876l-2.777 2.603V1.699Z\"/><path d=\"M1.5 13.544a1.5 1.5 0 0 1 1.498 1.5v1.498a1.61 1.61 0 0 0 .418 1.096h-.003c0-.002.036.032.13.082.39.194.818.305 1.254.321H19.19a3.085 3.085 0 0 0 1.255-.32c.096-.051.13-.085.13-.085.27-.3.42-.69.414-1.096v-1.5c0-.822.677-1.498 1.5-1.498.822 0 1.499.676 1.499 1.499v1.499c0 1.16-.43 2.293-1.224 3.142-.518.557-1.235.876-1.791 1.056a5.976 5.976 0 0 1-1.783.302H4.797a6.053 6.053 0 0 1-1.782-.302c-.556-.18-1.274-.5-1.792-1.056A4.613 4.613 0 0 1 0 16.542v-1.499a1.5 1.5 0 0 1 1.5-1.499Z\"/></svg>"};
-
-var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
-
-const duetLinkCss = "*,*::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;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.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(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__icon{display:flex}.block .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
-const DuetLinkStyle0 = duetLinkCss;
-
-const DuetLink = /*@__PURE__*/ proxyCustomElement(class DuetLink extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.variation = "default";
-        this.accessibleLabel = undefined;
-        this.language = getLanguage();
-        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-        this.accessibleLabelDownloadDefaults = DuetStringsDownloadLinkDefaults;
-        this.accessibleLabelDownload = getLocaleString(this.accessibleLabelDownloadDefaults);
-        this.accessibleExpanded = undefined;
-        this.accessiblePopup = "false";
-        this.identifier = undefined;
-        this.theme = "";
-        this.url = "#";
-        this.external = false;
-        this.download = null;
-        this.tabToLink = false;
-        this.icon = undefined;
-        this.iconColor = "currentColor";
-        this.iconBackground = null;
-        this.iconResponsive = false;
-        this.margin = "auto";
-        this.padding = "auto";
-        this.isMediumScreen = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.resolvedDownload = this.resolveDownload();
-        // button variation renders a button element when no url is provided
-        if (this.variation === "button" && this.url === "#") {
-            this.url = undefined;
-        }
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this, {
-            prop: "accessibleLabelExternal",
-            defaults: "accessibleLabelExternalDefaults",
-        });
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * Sets focus on the specified `duet-link`. Use this method instead of the global
-     * `link.focus()`.
-     */
-    async setFocus(options) {
-        this.nativeLink.focus(options);
-    }
-    resolveDownload() {
-        if (this.download === "") {
-            return this.url.split("/").pop();
-        }
-        return this.download;
-    }
-    renderDefaultContent() {
-        // Notice that the external icon needs to be placed right after the last word of the link.
-        // This is why we use &nbps; to keep everything on the same line.
-        return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), (this.resolvedDownload || this.external) && this.variation === "default" && (h(Fragment, null, h("span", { class: "duet-link-icon-tail" }, "\u00A0", h("duet-icon", { icon: this.resolvedDownload ? actionDownloadSmall.svg : actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" }))))));
-    }
-    renderBlockContent() {
-        return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { class: this.iconResponsive ? "icon-responsive" : "", size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderDefaultContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
-    }
-    renderButtonCardContent() {
-        const iconWrapStyle = {
-            "background-color": getColorByName(this.iconBackground, this.theme),
-        };
-        return (h(Fragment, null, this.icon && (h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: "auto", name: this.icon, margin: "none", color: this.iconColor }))), h("div", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("span", { class: "chevron-wrap" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? actionNewWindow.svg : actionArrowRight.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
-    }
-    renderContent() {
-        switch (this.variation) {
-            case "default":
-                return this.renderDefaultContent();
-            case "block":
-                return this.renderBlockContent();
-            case "button":
-            case "card":
-                return this.renderButtonCardContent();
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const Tag = !this.url ? "button" : "a";
-        const isButton = Tag === "button";
-        return (h(Host, { key: 'd4a64a7d050644cd79fe524ecf41cc9886fa8a9c', class: {
-                [`duet-link-${this.variation}`]: true,
-                "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '2bc9879af9717295281034124b5a2ebb2058f9bd', href: this.url, class: {
-                "duet-link": true,
-                "duet-link-is-external": this.external,
-                "duet-link-is-download": !!this.download,
-                "duet-link-has-icon": !!this.icon,
-                "duet-link-has-icon-background": !!this.iconBackground,
-                "duet-tab-to-link": this.tabToLink,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-p-0": this.padding === "none",
-                [this.padding]: true,
-                [this.variation]: true,
-            }, target: this.download || !this.url ? null : this.external ? "_blank" : "_self", download: this.resolvedDownload, "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null && isButton ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null && isButton ? this.accessiblePopup.toString() : undefined, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.renderContent())));
-    }
-    static get delegatesFocus() { return true; }
-    get element() { return this; }
-    static get style() { return DuetLinkStyle0; }
-}, [17, "duet-link", {
-        "variation": [1],
-        "accessibleLabel": [1, "accessible-label"],
-        "language": [1537],
-        "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
-        "accessibleLabelExternal": [1025, "accessible-label-external"],
-        "accessibleLabelDownloadDefaults": [1, "accessible-label-download-default"],
-        "accessibleLabelDownload": [1025, "accessible-label-download"],
-        "accessibleExpanded": [1540, "accessible-expanded"],
-        "accessiblePopup": [1537, "accessible-popup"],
-        "identifier": [1],
-        "theme": [1025],
-        "url": [1537],
-        "external": [4],
-        "download": [1],
-        "tabToLink": [4, "tab-to-link"],
-        "icon": [1],
-        "iconColor": [1, "icon-color"],
-        "iconBackground": [1, "icon-background"],
-        "iconResponsive": [4, "icon-responsive"],
-        "margin": [1],
-        "padding": [1],
-        "isMediumScreen": [32],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-link", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-link":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetLink);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetLink as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-ca3cb21e.js

@@ -1,116 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-/**
- * Teleport helps resolving z-index issues of overlapping popup elements.
- * Initiate it in your component's connectedCallback.
- * Call activate() to teleport the object.
- * Call deactivate() to resume the object to its original place.
- * Call makeSiblingsInert() to add inert attribute to sibling elements.
- * Call removeInertFromSiblings() to remove inert attribute from sibling elements.
- */
-class Teleport {
-    constructor(element, target) {
-        this.skipInert = ["duet-tooltip-popup"];
-        this.isActive = false;
-        this.element = element;
-        this.target = target || document.body;
-        this.teleportId = `${Math.random()}-${Date.now()}`.substring(2);
-    }
-    activate() {
-        if (this._isTeleportSkipped() || this.isActive) {
-            return;
-        }
-        this.isActive = true;
-        this._activate();
-    }
-    deactivate() {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        this.isActive = false;
-        this._deactivate();
-    }
-    makeSiblingsInert() {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        this._makeSiblingsInert();
-    }
-    removeInertFromSiblings(delay = 0) {
-        if (this._isTeleportSkipped() || !this.isActive) {
-            return;
-        }
-        if (delay) {
-            setTimeout(this._removeInertFromSiblings.bind(this), delay);
-        }
-        else {
-            this._removeInertFromSiblings();
-        }
-    }
-    _isTeleportSkipped() {
-        const skipTeleport = this.element.getAttribute("skip-teleport");
-        return skipTeleport !== null && skipTeleport !== "false";
-    }
-    _activate() {
-        if (!this.element.dataset.reactPortal) {
-            this.stub = document.createElement("template");
-            this.element.insertAdjacentElement("afterend", this.stub);
-            this.target.appendChild(this.element);
-        }
-        this.deletionObserver = new MutationObserver(this._deletionObserverCallback.bind(this));
-        this.deletionObserver.observe(document.documentElement, { childList: true, subtree: true });
-    }
-    _deactivate() {
-        if (!this.element.dataset.reactPortal) {
-            this.stub.insertAdjacentElement("beforebegin", this.element);
-            this.stub.remove();
-        }
-        this._removeInertFromSiblings();
-        this.deletionObserver.disconnect();
-    }
-    _remove() {
-        var _a, _b;
-        if (!this.element.dataset.reactPortal) {
-            (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
-            (_b = this.stub) === null || _b === void 0 ? void 0 : _b.remove();
-        }
-        this._removeInertFromSiblings();
-        this.deletionObserver.disconnect();
-    }
-    _makeSiblingsInert() {
-        const siblings = Array.from(this.target.children);
-        siblings.forEach(sibling => {
-            if (sibling !== this.element && !this.skipInert.includes(sibling.nodeName.toLowerCase())) {
-                sibling.dataset.duetTeleportId = (sibling.dataset.duetTeleportId || "") + this.teleportId;
-                sibling.inert = true;
-            }
-        });
-    }
-    _removeInertFromSiblings() {
-        const siblings = Array.from(this.target.children);
-        siblings.forEach(sibling => {
-            var _a;
-            if ((_a = sibling.dataset.duetTeleportId) === null || _a === void 0 ? void 0 : _a.includes(this.teleportId)) {
-                sibling.dataset.duetTeleportId = sibling.dataset.duetTeleportId.replace(this.teleportId, "");
-                if (sibling.dataset.duetTeleportId === "") {
-                    delete sibling.dataset.duetTeleportId;
-                    sibling.inert = false;
-                }
-            }
-        });
-    }
-    /**
-     * If the teleported element or its component (observed via stub) is removed from DOM, clean up the teleport.
-     */
-    _deletionObserverCallback(mutationList) {
-        mutationList.forEach(mutation => {
-            if (Array.from(mutation.removedNodes).includes(this.element) ||
-                Array.from(mutation.removedNodes).some(n => n.contains(this.stub))) {
-                this._remove();
-            }
-        });
-    }
-}
-
-export { Teleport as T };

package/lib/dist-custom-elements/p-ccee2b7f.js

@@ -1,127 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-548610a6.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { w as watchForOptions } from './p-7d8a2628.js';
-
-const duetListCss = "*,*::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;display:block;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";
-const DuetListStyle0 = duetListCss;
-
-const DuetList = /*@__PURE__*/ proxyCustomElement(class DuetList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.margin = "auto";
-        this.padding = "auto";
-        this.mobile = "left";
-        this.breakpoint = "small";
-        this.variation = "default";
-        this.labelWidth = "30";
-        this.responsive = true;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    async connectedCallback() {
-        const el = this.element;
-        this.mutationO = watchForOptions(el, "duet-list-item", () => {
-            this.updateListItems();
-        });
-        this.updateListItems();
-    }
-    disconnectedCallback() {
-        if (this.mutationO) {
-            this.mutationO.disconnect();
-            this.mutationO = undefined;
-        }
-    }
-    /**
-     * Local methods
-     */
-    toggleClass(elem, className, force) {
-        if (force) {
-            elem.classList.add(className);
-        }
-        else {
-            elem.classList.remove(className);
-        }
-    }
-    async updateListItems() {
-        const items = Array.from(this.element.querySelectorAll("duet-list-item"));
-        items.forEach(item => {
-            item.responsive = this.responsive;
-            item.breakpoint = this.responsive ? this.breakpoint || "small" : undefined;
-            // Use classes to apply styles for SSR compatibility
-            item.classList.add(`duet-list-width-${this.labelWidth}`);
-            item.classList.add(`duet-list-variation-${this.variation}`);
-            // If padding is set to 0
-            this.toggleClass(item, "duet-p-0", this.padding === "none");
-            // If text is centered for mobile
-            this.toggleClass(item, "duet-list-mobile-center", this.mobile === "center");
-            // Create zebra striping if striped variation is used
-            this.toggleClass(item, "duet-list-striped", this.variation === "striped");
-            // Create borders if bordered variation is used
-            this.toggleClass(item, "duet-list-bordered", this.variation === "bordered");
-            // Create inner borders if inner-bordered variation is used
-            this.toggleClass(item, "duet-list-inner-bordered", this.variation === "inner-bordered");
-            // Finally apply turva theme if necessary
-            this.toggleClass(item, "duet-theme-turva", this.theme === "turva");
-        });
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h("dl", { key: '059c5420b262de645b7645407359301d15baff34', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '4a21a4f0923309997c6526393632ccd9559f27b5' })));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "theme": ["updateListItems"],
-        "padding": ["updateListItems"],
-        "mobile": ["updateListItems"],
-        "responsive": ["updateListItems"],
-        "breakpoint": ["updateListItems"],
-        "variation": ["updateListItems"],
-        "labelWidth": ["updateListItems"]
-    }; }
-    static get style() { return DuetListStyle0; }
-}, [1, "duet-list", {
-        "theme": [1025],
-        "margin": [1],
-        "padding": [1],
-        "mobile": [1],
-        "breakpoint": [1],
-        "variation": [1],
-        "labelWidth": [1, "label-width"],
-        "responsive": [4]
-    }, undefined, {
-        "theme": ["updateListItems"],
-        "padding": ["updateListItems"],
-        "mobile": ["updateListItems"],
-        "responsive": ["updateListItems"],
-        "breakpoint": ["updateListItems"],
-        "variation": ["updateListItems"],
-        "labelWidth": ["updateListItems"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetList);
-            }
-            break;
-    } });
-}
-
-export { DuetList as D, defineCustomElement as d };