@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/dist-custom-elements/duet-contact-card.d.ts

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

package/lib/dist-custom-elements/duet-contact-card.js

@@ -1,134 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-42c1fc90.js';
-import { d as defineCustomElement$7 } from './p-83e0135b.js';
-import { d as defineCustomElement$6 } from './p-7b6a89e9.js';
-import { d as defineCustomElement$5 } from './p-cde80d94.js';
-import { d as defineCustomElement$4 } from './p-861771fa.js';
-import { d as defineCustomElement$3 } from './p-f8ba399b.js';
-import { d as defineCustomElement$2 } from './p-4f6ac36d.js';
-
-const duetContactCardCss = "*,*::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-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;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)}.duet-contact-card.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)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
-const DuetContactCardStyle0 = duetContactCardCss;
-
-const DuetContactCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetContactCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Own Properties.
-         */
-        this.phoneLabel = {
-            en: "Phone",
-            fi: "Puhelin",
-            sv: "Telefon",
-        };
-        this.language = getLanguage();
-        this.theme = "";
-        this.margin = "auto";
-        this.image = undefined;
-        this.name = undefined;
-        this.description = undefined;
-        this.email = undefined;
-        this.phone = undefined;
-        this.buttonText = undefined;
-        this.buttonIcon = "form-date";
-        this.buttonUrl = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        connectLanguageChangeObserver(this);
-    }
-    disconnectedCallback() {
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const isTurva = this.theme === "turva";
-        const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: 'b0c36badfe9ad51afdf85655fd60cf2d5aa3c1bc', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '91ae8f5dd2f9d51deec7b7d541815b174192d069', class: {
-                "duet-contact-card": true,
-                "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '2b1b6ce9bea2d827f70ac908db390e480c2ed4f4' }, this.name && (h("duet-heading", { key: 'fc5f8996740e7be6f563d7aefdc4f2937922763a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '618c252939e12d7de69832fc38625825f7fcccf4', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '64cfcf022b32d7c26f329463f5d843c390b2e433', class: "email" }, h("duet-icon", { key: 'b5736012fefed4c34d135ad282cda14b6353554b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '5c57b7ed447681f458af6cd668663b9d197a5d08', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '8c41242e1376c1f8afbcf0b1e7c2d414d7a85640', class: "phone" }, h("duet-icon", { key: 'bccc433c5d267385f46ff318be7610fa84cde07a', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '49faa83e88a7feb9533717a08b451b2c9f6164f1', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'b4e5155d34f399665499a8f35eb47b9a02c450bc', class: "call-to-action" }, h("duet-button", { key: 'f7ab7302ee6b77498628f954ab3553a1cfcd8a5c', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '6edc65ed13b8b80bef7a4e756c1a942752fd948e' }), h("slot", { key: '13472a80b020da3fe1f095d21bc1a20fc8293a09' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetContactCardStyle0; }
-}, [1, "duet-contact-card", {
-        "theme": [1025],
-        "margin": [1],
-        "image": [1025],
-        "name": [1025],
-        "description": [1025],
-        "email": [1025],
-        "phone": [1025],
-        "buttonText": [1025, "button-text"],
-        "buttonIcon": [1025, "button-icon"],
-        "buttonUrl": [1025, "button-url"],
-        "language": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-contact-card", "duet-button", "duet-heading", "duet-icon", "duet-link", "duet-paragraph", "duet-spinner", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-contact-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetContactCard$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-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-paragraph":
-            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 DuetContactCard = DuetContactCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetContactCard, defineCustomElement };

package/lib/dist-custom-elements/duet-cookie-consent.d.ts

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

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,106 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { d as defineCustomElement$6 } from './p-42c1fc90.js';
-import { d as defineCustomElement$5 } from './p-7b6a89e9.js';
-import { d as defineCustomElement$4 } from './p-a1b0454c.js';
-import { d as defineCustomElement$3 } from './p-f8ba399b.js';
-import { d as defineCustomElement$2 } from './p-4f6ac36d.js';
-
-const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):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:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
-const DuetCookieConsentStyle0 = duetCookieConsentCss;
-
-const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class DuetCookieConsent extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetCookieConsent = createEvent(this, "duetCookieConsent", 7);
-        this.handleClick = e => {
-            e.preventDefault();
-            this.duetCookieConsent.emit({ component: "duet-cookie-consent" });
-        };
-        this.accessibleLabel = "Hyväksyn evästeiden käytön";
-        this.theme = "";
-    }
-    handleFocusIn(event) {
-        const eventPath = event.composedPath();
-        const actualEventTarget = eventPath[0];
-        if (actualEventTarget !== this.element) {
-            this.element.classList.add("descendant-focused");
-        }
-    }
-    handleFocusOut() {
-        this.element.classList.remove("descendant-focused");
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        subscribeTabbingChange(this);
-    }
-    disconnectedCallback() {
-        unsubscribeTabbingChange(this);
-    }
-    /**
-     * render() function.
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '7f1d0e77b437c0a90e12d84b90c2d86275d95d08', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '184ab1737824523bbe4a3d28cc199ac71a8399e2', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '30308ee3c17efd96fa44b83a903cc7f2dc15fd3a', class: "duet-cookie-consent-content" }, h("div", { key: '13f085c789a110337f5671838dc23530170d04f9', class: "expand" }, h("slot", { key: 'e8843e785f16ba3c07eee6c30233704c6e6fd797' })), h("duet-spacer", { key: '62b1b19746320ad0dce58e7779145d8d51d05f07', size: "large", direction: "horizontal" }), h("div", { key: '8bc9f9453aae9af3d7c030c1a82db2af9ff97214' }, h("duet-button", { key: '6cfd3b248cac054161f954fb1c90d29871c55e7e', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetCookieConsentStyle0; }
-}, [1, "duet-cookie-consent", {
-        "accessibleLabel": [1, "accessible-label"],
-        "theme": [1025]
-    }, [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-cookie-consent", "duet-button", "duet-icon", "duet-spacer", "duet-spinner", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-cookie-consent":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetCookieConsent$1);
-            }
-            break;
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "duet-icon":
-            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 DuetCookieConsent = DuetCookieConsent$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetCookieConsent, defineCustomElement };

package/lib/dist-custom-elements/duet-date-picker.d.ts

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