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

package/lib/dist-custom-elements/p-89b10856.js

@@ -1,102 +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 { F as FocusGuard } from './p-e30dc66d.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
-import { T as Teleport } from './p-ca3cb21e.js';
-import { d as defineCustomElement$2 } from './p-4da43fbc.js';
-import { d as defineCustomElement$1 } from './p-02f97b91.js';
-
-const duetTooltipPopupCss = "*,*::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:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;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;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area: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-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}";
-const DuetTooltipPopupStyle0 = duetTooltipPopupCss;
-
-const DuetTooltipPopup = /*@__PURE__*/ proxyCustomElement(class DuetTooltipPopup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tooltipPopupClosed = createEvent(this, "tooltipPopupClosed", 7);
-        this.handleCloseClick = () => {
-            this.tooltipPopupClosed.emit();
-        };
-        this.theme = "";
-        this.active = undefined;
-        this.tooltipId = undefined;
-        this.arrowStyles = undefined;
-        this.placement = undefined;
-        this.accessibleCloseLabel = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    connectedCallback() {
-        subscribeTabbingChange(this);
-        if (!this.teleport) {
-            this.teleport = new Teleport(this.element);
-        }
-        if (this.teleport) {
-            this.teleport.activate();
-        }
-    }
-    disconnectedCallback() {
-        unsubscribeTabbingChange(this);
-    }
-    async getArrowElement() {
-        return this.arrowEl;
-    }
-    async getContentElement() {
-        return this.contentEl;
-    }
-    async setFocusOnContentElement() {
-        this.contentEl.focus();
-    }
-    render() {
-        return (h(Host, { key: '964556bf2968cb31ee22add9a0e5f776b8bf6d97' }, h("div", { key: '82334ed0e1c500f24b71337475a2d54236f3e87a', class: {
-                "duet-tooltip": true,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '42360ef43ddb6feb72e5fe4cc4133ab0338946a1', moveFocusTo: this.buttonEl }), h("div", { key: 'f72ad11e31a3e94c9e605cb08b65f93e7718ddfd', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '3259ef9c053e2db1b0bad6cc6dc0f444081163d9' })), h("div", { key: 'e278204fb9d9cfd336fe51a7b3902a8193b27191', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '292a12a67948c7186631bc1bb17a4897ba17f2f0', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'e624c12dff7a645bbb09fc938ae55366afdea858', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '6913f2962c93f355f3336636b1b2b806cd09561a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '1a4ffc8085ae871cfa321a0aef3b4c88354fe077' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '9db665a257c4fdd8152612ddc981e14d3534debd', moveFocusTo: this.contentEl }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetTooltipPopupStyle0; }
-}, [1, "duet-tooltip-popup", {
-        "theme": [1025],
-        "active": [4],
-        "tooltipId": [1, "tooltip-id"],
-        "arrowStyles": [16],
-        "placement": [1],
-        "accessibleCloseLabel": [1, "accessible-close-label"],
-        "getArrowElement": [64],
-        "getContentElement": [64],
-        "setFocusOnContentElement": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-tooltip-popup", "duet-icon", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-tooltip-popup":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetTooltipPopup);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetTooltipPopup as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-956e3bce.js

@@ -1,110 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-import { d as defineCustomElement$1 } from './p-02f97b91.js';
-
-const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAriaStatus extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Private functions
-         */
-        this.replacePlaceHolders = (statusString) => {
-            const addFiles = (amount) => {
-                return amount > 1 ? `${amount} ${this.statusMessageLabel.files}` : `${amount} ${this.statusMessageLabel.file}`;
-            };
-            return statusString
-                .replace("{filesUploaded}", addFiles(this.valid))
-                .replace("{filesInProgress}", addFiles(this.inprogress))
-                .replace("{filesTotal}", addFiles(this.total))
-                .replace("{filesWithErrors}", addFiles(this.invalid));
-        };
-        this.getStatusMessage = () => {
-            const { done, inProgress, doneWithErrors, inProgressWithErrors } = this.statusMessageLabel;
-            const hasErrors = this.invalid > 0;
-            const isInProgress = this.inprogress > 0;
-            const isInProgressWithErrors = this.inprogress > 0 && hasErrors;
-            const isDone = this.valid === this.total && !isInProgress && !hasErrors;
-            const isDoneWithErrors = this.valid + this.invalid === this.total && !isInProgress;
-            if (isDone) {
-                this.statusMessage = this.replacePlaceHolders(done);
-                return;
-            }
-            else if (isInProgressWithErrors) {
-                this.statusMessage = this.replacePlaceHolders(inProgressWithErrors);
-                return;
-            }
-            else if (isInProgress) {
-                this.statusMessage = this.replacePlaceHolders(inProgress);
-                return;
-            }
-            else if (isDoneWithErrors) {
-                this.statusMessage = this.replacePlaceHolders(doneWithErrors);
-                return;
-            }
-            return;
-        };
-        this.statusMessage = null;
-        this.statusMessageLabel = null;
-        this.accessibleAriaLive = "polite";
-        this.valid = undefined;
-        this.total = undefined;
-        this.invalid = undefined;
-        this.inprogress = undefined;
-    }
-    watchHandler(newValue, oldValue) {
-        if (newValue !== oldValue) {
-            this.getStatusMessage();
-        }
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '26f9145a9517170dfe1ba393f2c5ad65b0b06a02', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '972991ded0b6c0b7006d97923b1a0f554b7ab597' }, this.statusMessage)));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "valid": ["watchHandler"],
-        "invalid": ["watchHandler"],
-        "inprogress": ["watchHandler"],
-        "total": ["watchHandler"]
-    }; }
-}, [1, "duet-upload-aria-status", {
-        "statusMessageLabel": [16],
-        "accessibleAriaLive": [1, "accessible-aria-live"],
-        "valid": [2],
-        "total": [2],
-        "invalid": [2],
-        "inprogress": [2],
-        "statusMessage": [32]
-    }, undefined, {
-        "valid": ["watchHandler"],
-        "invalid": ["watchHandler"],
-        "inprogress": ["watchHandler"],
-        "total": ["watchHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-upload-aria-status", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-upload-aria-status":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetUploadAriaStatus);
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetUploadAriaStatus as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-993aea39.js

@@ -1,175 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-/*
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
- */
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-  err: () => err,
-  map: () => map,
-  ok: () => ok,
-  unwrap: () => unwrap,
-  unwrapErr: () => unwrapErr
-});
-var ok = (value) => ({
-  isOk: true,
-  isErr: false,
-  value
-});
-var err = (value) => ({
-  isOk: false,
-  isErr: true,
-  value
-});
-function map(result, fn) {
-  if (result.isOk) {
-    const val = fn(result.value);
-    if (val instanceof Promise) {
-      return val.then((newVal) => ok(newVal));
-    } else {
-      return ok(val);
-    }
-  }
-  if (result.isErr) {
-    const value = result.value;
-    return err(value);
-  }
-  throw "should never get here";
-}
-var unwrap = (result) => {
-  if (result.isOk) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var unwrapErr = (result) => {
-  if (result.isErr) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var h = (nodeName, vnodeData, ...children) => {
-  let child = null;
-  let key = null;
-  let slotName = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    if (vnodeData.name) {
-      slotName = vnodeData.name;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  if (typeof nodeName === "function") {
-    return nodeName(
-      vnodeData === null ? {} : vnodeData,
-      vNodeChildren,
-      vdomFnUtils
-    );
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  {
-    vnode.$name$ = slotName;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    $text$: text,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  {
-    vnode.$name$ = null;
-  }
-  return vnode;
-};
-var vdomFnUtils = {
-  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
-};
-var convertToPublic = (node) => ({
-  vattrs: node.$attrs$,
-  vchildren: node.$children$,
-  vkey: node.$key$,
-  vname: node.$name$,
-  vtag: node.$tag$,
-  vtext: node.$text$
-});
-var convertToPrivate = (node) => {
-  if (typeof node.vtag === "function") {
-    const vnodeData = { ...node.vattrs };
-    if (node.vkey) {
-      vnodeData.key = node.vkey;
-    }
-    if (node.vname) {
-      vnodeData.name = node.vname;
-    }
-    return h(node.vtag, vnodeData, ...node.vchildren || []);
-  }
-  const vnode = newVNode(node.vtag, node.vtext);
-  vnode.$attrs$ = node.vattrs;
-  vnode.$children$ = node.vchildren;
-  vnode.$key$ = node.vkey;
-  vnode.$name$ = node.vname;
-  return vnode;
-};
-
-export { h };

package/lib/dist-custom-elements/p-9df4cfa4.js

@@ -1,25 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const DuetStringsDownloadLinkDefaults = {
-    fi: "Linkki tallennetaan laitteellesi",
-    sv: "Nedladdningslänk",
-    en: "Download link",
-};
-const DuetStringsExternalDefaults = {
-    fi: "Avautuu uuteen ikkunaan",
-    sv: "Öppnas i nytt fönster",
-    en: "Opens in a new window",
-};
-const DuetStringsLoadingDefaults = {
-    fi: "Ladataan",
-    sv: "Laddas",
-    en: "Loading…",
-};
-const DuetStringsPleaseWaitDefaults = {
-    fi: "Odota, ole hyvä.",
-    sv: "Vänligen vänta.",
-    en: "Please wait.",
-};
-
-export { DuetStringsExternalDefaults as D, DuetStringsLoadingDefaults as a, DuetStringsDownloadLinkDefaults as b, DuetStringsPleaseWaitDefaults as c };

package/lib/dist-custom-elements/p-9f9423c6.js

@@ -1,56 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-
-const duetSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";
-const DuetSpacerStyle0 = duetSpacerCss;
-
-const DuetSpacer = /*@__PURE__*/ proxyCustomElement(class DuetSpacer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.size = "medium";
-        this.direction = "vertical";
-        this.breakpoint = "";
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '2aa5669c773f8841ad33637ee24c845c7eeb5dd2', class: {
-                "duet-spacer": true,
-                "duet-spacer-xx-small": this.breakpoint === "xx-small",
-                "duet-spacer-x-small": this.breakpoint === "x-small",
-                "duet-spacer-small": this.breakpoint === "small",
-                "duet-spacer-medium": this.breakpoint === "medium",
-                "duet-spacer-large": this.breakpoint === "large",
-                "duet-spacer-x-large": this.breakpoint === "x-large",
-                "duet-spacer-xx-large": this.breakpoint === "xx-large",
-                [this.size]: true,
-                [`duet-spacer-${this.direction}`]: true,
-            } }));
-    }
-    static get style() { return DuetSpacerStyle0; }
-}, [1, "duet-spacer", {
-        "size": [1],
-        "direction": [1],
-        "breakpoint": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-spacer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetSpacer);
-            }
-            break;
-    } });
-}
-
-export { DuetSpacer as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-9fa4eb51.js

@@ -1,94 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { h as hasSlot } from './p-ad615991.js';
-import { d as defineCustomElement$1 } from './p-d2a5148f.js';
-
-const duetFieldsetCss = "*,*::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;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-legend-wrapper{position:relative;display:block;width: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);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{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-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{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:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-theme-turva .duet-fieldset-help{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(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-const DuetFieldsetStyle0 = duetFieldsetCss;
-
-const DuetFieldset = /*@__PURE__*/ proxyCustomElement(class DuetFieldset extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.errorId = createID("DuetError");
-        this.labelId = createID("DuetLabel");
-        this.checkHasTooltip = () => {
-            this.hasTooltip = hasSlot(this.element, "tooltip");
-        };
-        this.hasTooltip = false;
-        this.theme = "";
-        this.margin = "auto";
-        this.caption = undefined;
-        this.label = undefined;
-        this.compactLabel = false;
-        this.error = undefined;
-        this.accessibleLiveError = "polite";
-        this.labelHeadingLevel = "span";
-        this.labelHidden = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        this.checkHasTooltip();
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'c90be4dee8fe0279fbf6c4c3c928d137fe61f233', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '3ad5f101a81531194d9f6524cfc75b3287f0d28e', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
-            // NVDA and VoiceOver do not yet support aria-errormessage
-            // once they do, we can remove errors from the aria-describedby
-            // aria-errormessage={this.error ? this.errorId : null}
-            class: {
-                "duet-fieldset": true,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '213151ed1b0f84deb14a3e6a03b01bef9be36f6b', id: this.labelId }, h(this.labelHeadingLevel, { key: 'ab8f6890f78a7ae2c9b22e4c04bc38291bc5b164' }, this.label), this.caption && h("span", { key: '6aacc89f2c37744e16870ac20225109bc3313854' }, this.caption)), h("div", { key: '794ce3c1573e68c7cfb73d48ff7850511ac19109', class: {
-                "duet-legend-wrapper": true,
-                "duet-legend-has-caption": !!this.caption,
-                "duet-legend-has-tooltip": this.hasTooltip,
-                "duet-legend-hidden": this.labelHidden,
-                "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '96448a08b7e74689135328c41823d0041e0460a1', class: "duet-fieldset-label" }, h("span", { key: '2ee830f8dc815dc2fe7a5cdd28a7c8e587d00aa5', "aria-hidden": "true" }, this.label), h("slot", { key: 'd466637b64d4233f5dd1ed3695311a46d1e7e284', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '12e9e36fefa42445a363148a516db4f906e8f91e', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '543f734d48f22df932e73d2b9907e1afda57187a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '34ebf937cbd6e396647aba6282a527698a8a0a89' }), h("span", { key: 'e810b0f8f8ab440f4a8956b72ab1a2a66bc04274', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '3cf4d71eb3ce812d1a5848961740a2b9c98f22a0' }, this.error)))));
-    }
-    get element() { return this; }
-    static get style() { return DuetFieldsetStyle0; }
-}, [1, "duet-fieldset", {
-        "theme": [1025],
-        "margin": [1],
-        "caption": [1],
-        "label": [1],
-        "compactLabel": [4, "compact-label"],
-        "error": [1],
-        "accessibleLiveError": [1, "accessible-live-error"],
-        "labelHeadingLevel": [1, "label-heading-level"],
-        "labelHidden": [4, "label-hidden"],
-        "hasTooltip": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-fieldset", "duet-caption"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-fieldset":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetFieldset);
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetFieldset as D, defineCustomElement as d };