@duetds/components 8.0.6 → 8.1.1

package/lib/dist-custom-elements/p-03ac3eb3.js

@@ -1,137 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { c as createID } from './p-45f71a69.js';
-
-const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{position:relative;z-index:100;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-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{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-label.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:4px}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 41, 77);border:1px solid rgb(0, 41, 77)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(116, 116, 117)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(207, 207, 209)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(101, 119, 135);border:1px solid rgb(101, 119, 135)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}.duet-label-hidden.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class DuetCheckbox extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.duetChange = createEvent(this, "duetChange", 3);
-    this.duetFocus = createEvent(this, "duetFocus", 7);
-    this.duetBlur = createEvent(this, "duetBlur", 7);
-    /**
-     * Own Properties.
-     */
-    this.checkboxId = createID("DuetCheckbox");
-    /**
-     * Component event handling.
-     */
-    this.onChange = (ev) => {
-      this.checked = !this.checked;
-      this.duetChange.emit({
-        originalEvent: ev,
-        checked: this.checked,
-        value: this.value,
-        component: "duet-checkbox",
-      });
-    };
-    this.onBlur = (ev) => {
-      this.duetBlur.emit({
-        originalEvent: ev,
-        checked: this.checked,
-        value: this.value,
-        component: "duet-checkbox",
-      });
-    };
-    this.onFocus = (ev) => {
-      this.duetFocus.emit({
-        originalEvent: ev,
-        checked: this.checked,
-        value: this.value,
-        component: "duet-checkbox",
-      });
-    };
-    this.accessibleActiveDescendant = undefined;
-    this.margin = "auto";
-    this.accessibleControls = undefined;
-    this.accessibleIndex = undefined;
-    this.accessibleOwns = undefined;
-    this.accessibleDescribedBy = undefined;
-    this.accessibleDetails = undefined;
-    this.accessibleLabelledBy = undefined;
-    this.accessibleDescription = undefined;
-    this.accessibleSelected = undefined;
-    this.required = false;
-    this.theme = "";
-    this.disabled = false;
-    this.identifier = undefined;
-    this.label = "label";
-    this.labelHidden = false;
-    this.name = undefined;
-    this.role = undefined;
-    this.checked = false;
-    this.value = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    if (this.value === undefined) {
-      this.value = this.identifier;
-    }
-  }
-  /**
-   * Sets focus on the specified `duet-checkbox`. Use this method instead of the global
-   * `input.focus()`.
-   */
-  async setFocus(options) {
-    this.nativeInput.focus(options);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    const identifier = this.identifier || this.checkboxId;
-    return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("div", { class: {
-        "duet-checkbox-container": true,
-        "duet-label-hidden": this.labelHidden,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), h("label", { class: "duet-label", htmlFor: identifier }, h("span", null, this.label)))));
-  }
-  get element() { return this; }
-  static get style() { return duetCheckboxCss; }
-}, [2, "duet-checkbox", {
-    "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-    "margin": [1],
-    "accessibleControls": [1, "accessible-controls"],
-    "accessibleIndex": [1, "accessible-index"],
-    "accessibleOwns": [1, "accessible-owns"],
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "accessibleDetails": [1, "accessible-details"],
-    "accessibleLabelledBy": [1, "accessible-labelled-by"],
-    "accessibleDescription": [1, "accessible-description"],
-    "accessibleSelected": [1, "accessible-selected"],
-    "required": [4],
-    "theme": [1025],
-    "disabled": [516],
-    "identifier": [1],
-    "label": [1],
-    "labelHidden": [4, "label-hidden"],
-    "name": [1],
-    "role": [1],
-    "checked": [1540],
-    "value": [1537],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-checkbox"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-checkbox":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetCheckbox);
-      }
-      break;
-  } });
-}
-
-export { DuetCheckbox as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-1a395a8d.js

@@ -1,55 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-function isObject(maybeObj) {
-  return Object.prototype.toString.call(maybeObj) === "[object Object]";
-}
-const parsePossibleJSON = (maybeJSON) => {
-  if (Array.isArray(maybeJSON) || isObject(maybeJSON)) {
-    return maybeJSON;
-  }
-  if (typeof maybeJSON === "string") {
-    try {
-      return JSON.parse(maybeJSON);
-    }
-    catch (e) {
-      console.warn(e);
-      try {
-        return JSON.parse(convertHtmlQuotes(maybeJSON));
-      }
-      catch (e) {
-        console.warn(e);
-      }
-    }
-  }
-  // undefined is not a type in JSON,
-  // so we use it here to signal invalid input
-  return undefined;
-};
-/**
- * Format string, via simplistic sprintf equivalent
- * @example String.format('{0} is super, but {1} is best! {{0}}', 'Duet', 'Coffee'); -> "Duet is super, but Coffee ist best! {0}"
- *
- */
-// @ts-ignore
-if (!String.format) {
-  // @ts-ignore
-  String.format = function (format) {
-    var args = Array.prototype.slice.call(arguments, 1);
-    return format.replace(/\{\{|\}\}|\{(\d+)\}/g, function (curlyBrack, index) {
-      return curlyBrack == "{{" ? "{" : curlyBrack == "}}" ? "}" : args[index];
-    });
-  };
-}
-const MATCH_DISALLOWED_CHARS = /[^a-z0-9áéíóúñüöäå \.,_-]/gim;
-function sanitizeString(string) {
-  return string.replace(MATCH_DISALLOWED_CHARS, "").trim();
-}
-const convertHtmlQuotes = string => {
-  if (typeof string === "string") {
-    return string.replace(/"/g, '"').replace(/'/g, '"');
-  }
-  return string;
-};
-
-export { convertHtmlQuotes as c, parsePossibleJSON as p, sanitizeString as s };

package/lib/dist-custom-elements/p-1ce55654.js

@@ -1,265 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { c as createID } from './p-45f71a69.js';
-import { p as parsePossibleJSON } from './p-1a395a8d.js';
-import { d as defineCustomElement$7 } from './p-e77f7fff.js';
-import { d as defineCustomElement$6 } from './p-180c0d2d.js';
-import { d as defineCustomElement$5 } from './p-ba870310.js';
-import { d as defineCustomElement$4 } from './p-e6b07569.js';
-import { d as defineCustomElement$3 } from './p-fd4877d1.js';
-import { d as defineCustomElement$2 } from './p-e4355989.js';
-import { d as defineCustomElement$1 } from './p-62e68de8.js';
-
-const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{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;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #0077b3}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{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(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-
-function isOptionGroup(item) {
-  return "options" in item;
-}
-function findOptionByValue(items, value) {
-  for (var i = 0; i < items.length; i++) {
-    let item = items[i];
-    if (isOptionGroup(item)) {
-      item = findOptionByValue(item.options, value);
-    }
-    if (item && item.value === value) {
-      return item;
-    }
-  }
-}
-const DuetSelect = /*@__PURE__*/ proxyCustomElement(class DuetSelect extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.duetChange = createEvent(this, "duetChange", 3);
-    this.duetFocus = createEvent(this, "duetFocus", 7);
-    this.duetBlur = createEvent(this, "duetBlur", 7);
-    /**
-     * Own Properties
-     */
-    this.selectId = createID("DuetSelect");
-    this.errorId = createID("DuetError");
-    this.labelId = createID("DuetLabel");
-    this.topCaptionId = createID("DuetCaptionTop");
-    this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
-    /**
-     * Component event handling.
-     */
-    this.onClick = (ev) => {
-      ev.stopPropagation();
-    };
-    this.onChange = () => {
-      this.value = this.nativeSelect.value;
-      this.duetChange.emit({
-        value: this.value,
-        component: "duet-select",
-      });
-    };
-    this.onBlur = (ev) => {
-      this.duetBlur.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-select",
-      });
-    };
-    this.onFocus = (ev) => {
-      this.duetFocus.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-select",
-      });
-    };
-    this.getDescribedBy = () => {
-      const describedBy = [];
-      if (this.isCaptionVisible && this.topCaptionId) {
-        describedBy.push(this.topCaptionId);
-      }
-      if (this.accessibleDescribedBy) {
-        describedBy.push(this.accessibleDescribedBy);
-      }
-      if (this.error) {
-        describedBy.push(this.errorId);
-      }
-      return describedBy.length > 0 ? describedBy.join(" ") : null;
-    };
-    this.processedItems = null;
-    this.variation = "default";
-    this.accessibleActiveDescendant = undefined;
-    this.accessibleDescribedBy = undefined;
-    this.margin = "auto";
-    this.accessibleControls = undefined;
-    this.accessibleOwns = undefined;
-    this.error = "";
-    this.accessibleLiveError = "polite";
-    this.expand = false;
-    this.value = undefined;
-    this.theme = "";
-    this.labelHidden = false;
-    this.identifier = undefined;
-    this.name = undefined;
-    this.placeholder = "";
-    this.caption = undefined;
-    this.echoPlaceholder = false;
-    this.items = undefined;
-    this.disabled = false;
-    this.required = false;
-    this.label = "label";
-    this.role = undefined;
-    this.tooltip = "";
-    this.tooltipDirection = "auto";
-  }
-  valueChanged() {
-    if (this.nativeSelect) {
-      this.nativeSelect.value = this.value;
-    }
-    this.isCaptionVisible = !!this.caption;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.isCaptionVisible = !!this.caption;
-    this.refresh();
-  }
-  /**
-   * Sets focus on the specified `duet-select`. Use this method instead of the global
-   * `select.focus()`.
-   */
-  async setFocus(options) {
-    if (this.nativeSelect) {
-      this.nativeSelect.focus(options);
-    }
-  }
-  /**
-   * Local methods.
-   */
-  async refresh() {
-    this.processedItems = parsePossibleJSON(this.items);
-  }
-  getSelectedItemLabel() {
-    let item;
-    if (this.processedItems) {
-      item = findOptionByValue(this.processedItems, this.value);
-    }
-    return item ? item.label : this.placeholder || "";
-  }
-  renderOption(option) {
-    return (h("option", { "aria-label": option.ariaLabel, value: option.value, key: option.value, selected: this.value === option.value, disabled: option.disabled }, option.label));
-  }
-  renderOptionGroup(group) {
-    return (h("optgroup", { key: group.label, label: group.label, disabled: group.disabled }, group.options.map(option => this.renderOption(option))));
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    const identifier = this.identifier || this.selectId;
-    return (h(Host, { onClick: this.onClick, class: {
-        "duet-m-0": this.margin === "none",
-        "duet-expand": this.expand,
-        [`duet-select-variation-${this.variation}`]: true,
-      } }, h("div", { class: {
-        "duet-select-container": true,
-        "duet-label-hidden": this.labelHidden,
-        "duet-theme-turva": this.theme === "turva",
-        [`duet-select-variation-${this.variation}`]: true,
-        "duet-input-top-caption-shown": this.isCaptionVisible,
-        "has-error": !!this.error,
-      } }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("select", { ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (h("option", { disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
-      return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
-    }))), h("div", { class: {
-        "duet-select": true,
-        [`duet-select-variation-${this.variation}`]: true,
-      }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (h("duet-icon", { theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "value": ["valueChanged"],
-    "items": ["refresh"]
-  }; }
-  static get style() { return duetSelectCss; }
-}, [2, "duet-select", {
-    "variation": [1],
-    "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "margin": [1],
-    "accessibleControls": [1, "accessible-controls"],
-    "accessibleOwns": [1, "accessible-owns"],
-    "error": [1],
-    "accessibleLiveError": [1, "accessible-live-error"],
-    "expand": [4],
-    "value": [1537],
-    "theme": [1025],
-    "labelHidden": [4, "label-hidden"],
-    "identifier": [1],
-    "name": [1],
-    "placeholder": [1],
-    "caption": [1],
-    "echoPlaceholder": [4, "echo-placeholder"],
-    "items": [1],
-    "disabled": [516],
-    "required": [4],
-    "label": [1],
-    "role": [1],
-    "tooltip": [1],
-    "tooltipDirection": [1, "tooltip-direction"],
-    "processedItems": [32],
-    "setFocus": [64]
-  }, undefined, {
-    "value": ["valueChanged"],
-    "items": ["refresh"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-select", "duet-caption", "duet-icon", "duet-label", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-select":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetSelect);
-      }
-      break;
-    case "duet-caption":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "duet-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "duet-tooltip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "duet-tooltip-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-tooltip-popup":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetSelect as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-1f56e02f.js

@@ -1,174 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7247d0b2.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { c as createID } from './p-45f71a69.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-4883df66.js';
-import { d as defineCustomElement$4 } from './p-2b1a35cd.js';
-import { d as defineCustomElement$3 } from './p-180c0d2d.js';
-import { d as defineCustomElement$2 } from './p-bcfb9e03.js';
-import { d as defineCustomElement$1 } from './p-62e68de8.js';
-
-const duetAlertCss = "*,*::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%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing: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-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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;line-height:1.25;color:rgb(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}";
-
-const DuetAlert = /*@__PURE__*/ proxyCustomElement(class DuetAlert extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.duetDismiss = createEvent(this, "duetDismiss", 7);
-    this.descriptiveId = createID("DuetAlert");
-    this.handleDismiss = (ev) => {
-      this.handleHide();
-      this.duetDismiss.emit({
-        component: "duet-alert",
-        originalEvent: ev,
-      });
-    };
-    this.handleShow = () => {
-      this.isDismissed = false;
-    };
-    this.handleHide = () => {
-      this.isDismissed = true;
-    };
-    this.theme = "";
-    this.isDismissed = false;
-    this.timeoutID = undefined;
-    this.accessibleLabelDefaults = {
-      fi: "Sulje viesti",
-      sv: "Stäng meddelandet",
-      en: "Close the message",
-    };
-    this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
-    this.announcements = true;
-    this.icon = "";
-    this.autoDismiss = undefined;
-    this.margin = "auto";
-    this.padding = "auto";
-    this.variation = "default";
-    this.dismissible = false;
-    this.focusable = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  componentDidLoad() {
-    if (this.autoDismiss) {
-      this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
-    }
-  }
-  connectedCallback() {
-    connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
-  }
-  disconnectedCallback() {
-    if (this.timeoutID) {
-      clearTimeout(this.timeoutID);
-    }
-    disconnectLanguageChangeObserver(this);
-  }
-  /**
-   * Show.
-   */
-  async show() {
-    this.handleShow();
-  }
-  /**
-   * Hide.
-   */
-  async hide() {
-    this.handleHide();
-  }
-  /**
-   * Sets focus on the specified `duet-alert`.
-   * Works only when focusable property is set to true.
-   * Use this method instead of the global
-   * `button.focus()`.
-   */
-  async setFocus(options) {
-    this.alertContainer.focus(options);
-  }
-  /**
-   * There is bug in NVDA screen reader
-   * that is causing multiple alert readings
-   * when alert contains other components (link, button etc.).
-   */
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    const closeColor = this.theme === "turva" ? "secondary-turva" : "secondary";
-    return (h(Host, { class: {
-        "duet-theme-turva": this.theme === "turva",
-        "duet-alert-is-dismissed": this.isDismissed,
-      }, role: this.announcements ? "alert" : undefined }, h("div", { class: {
-        "duet-alert": true,
-        "duet-alert-has-icon": !!this.icon,
-        "duet-alert-is-dismissible": this.dismissible,
-        "duet-p-0": this.padding === "none",
-        "duet-m-0": this.margin === "none",
-        [this.variation]: true,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("div", { class: "duet-alert-container", ref: element => {
-        this.alertContainer = element;
-      }, tabindex: this.focusable ? "0" : undefined }, this.icon && (h("div", { class: "duet-alert-icon" }, h("duet-icon", { size: "auto", name: this.icon, color: "currentColor" }))), h("span", { id: this.descriptiveId }, h("slot", null))), this.dismissible && (h("div", { class: "duet-alert-dismiss" }, h("duet-button", { variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, color: closeColor, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: this.handleDismiss, fixed: true }))))));
-  }
-  get element() { return this; }
-  static get style() { return duetAlertCss; }
-}, [1, "duet-alert", {
-    "theme": [1025],
-    "accessibleLabelDefaults": [1, "accessible-label-default"],
-    "accessibleLabel": [1025, "accessible-label"],
-    "announcements": [4],
-    "icon": [1],
-    "autoDismiss": [2, "auto-dismiss"],
-    "margin": [1],
-    "padding": [1],
-    "variation": [1],
-    "dismissible": [4],
-    "focusable": [4],
-    "isDismissed": [32],
-    "timeoutID": [32],
-    "show": [64],
-    "hide": [64],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-alert", "duet-button", "duet-icon", "duet-spinner", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-alert":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetAlert);
-      }
-      break;
-    case "duet-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "duet-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetAlert as D, defineCustomElement as d };