@duetds/components 8.0.6 → 8.1.1

package/lib/dist-custom-elements/p-4687ca41.js

@@ -1,465 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7247d0b2.js';
-import { f as formSearch } from './p-d004da5f.js';
-import { i as inheritGlobalTheme } from './p-d48735b6.js';
-import { c as createID } from './p-45f71a69.js';
-import { c as cleanValue, r as resetCursor } from './p-77f2dbee.js';
-import { b as isEscapeKey, c as isEnterKey } from './p-56ac3289.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-4883df66.js';
-import { d as defineCustomElement$9 } from './p-2b1a35cd.js';
-import { d as defineCustomElement$8 } from './p-e77f7fff.js';
-import { d as defineCustomElement$7 } from './p-180c0d2d.js';
-import { d as defineCustomElement$6 } from './p-ba870310.js';
-import { d as defineCustomElement$5 } from './p-bcfb9e03.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';
-
-var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
-
-const duetInputCss = "*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:not-allowed !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-input .duet-input[disabled].sc-duet-input{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-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #0077b3 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #0077b3}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}";
-
-const icons = {
-  search: formSearch,
-  email: formEmail,
-};
-const DuetInput = /*@__PURE__*/ proxyCustomElement(class DuetInput extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.duetInput = createEvent(this, "duetInput", 7);
-    this.duetChange = createEvent(this, "duetChange", 3);
-    this.duetBlur = createEvent(this, "duetBlur", 7);
-    this.duetClear = createEvent(this, "duetClear", 7);
-    this.duetFocus = createEvent(this, "duetFocus", 7);
-    /**
-     * Own Properties
-     */
-    this.inputId = createID("DuetInput");
-    this.clearId = createID("DuetInputClear");
-    this.labelId = createID("DuetLabel");
-    this.topCaptionId = createID("DuetCaptionTop");
-    this.topCaptionPlaceholderId = createID("DuetCaptionPlaceholderTop");
-    this.errorId = createID("DuetError");
-    this.disallowPatternRegex = null;
-    this.clearLabel = {
-      en: "Clear",
-      fi: "Tyhjennä",
-      sv: "Rensa",
-    };
-    this.timeAnnouncement = {
-      en: "Time",
-      fi: "Aika",
-      sv: "Tid",
-    };
-    this.showPasswordLabel = {
-      en: "Show password",
-      fi: "Näytä salasana",
-      sv: "Visa lösenord",
-    };
-    this.hidePasswordLabel = {
-      en: "Hide password",
-      fi: "Piilota salasana",
-      sv: "Dölj lösenord",
-    };
-    this.passwordShownAriaAnnouncement = {
-      en: "Password is shown",
-      fi: "Salasana näytetään",
-      sv: "Lösenordet visas",
-    };
-    this.passwordHiddenAriaAnnouncement = {
-      en: "Password is hidden",
-      fi: "Salasana on piilotettu",
-      sv: "Lösenordet är dolt",
-    };
-    /**
-     * Component event handling.
-     */
-    this.onInput = (ev) => {
-      if (this.disallowPatternRegex) {
-        cleanValue(this.nativeInput, this.disallowPatternRegex);
-      }
-      this.value = this.nativeInput.value || "";
-      this.duetInput.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-input",
-      });
-    };
-    this.onBlur = (ev) => {
-      // prevent blur event when focus moves to the reveal password button or the input itself
-      if (ev.relatedTarget === this.nativeInput || ev.relatedTarget === this.togglePasswordRevealedButton) {
-        return;
-      }
-      if (this.variation === "revealable" && this.isPasswordRevealed) {
-        this.isPasswordRevealed = false;
-      }
-      this.isFocused = false;
-      this.duetBlur.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-input",
-      });
-    };
-    this.onFocus = (ev) => {
-      this.isFocused = true;
-      this.duetFocus.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-input",
-      });
-    };
-    this.onClear = (ev) => {
-      this.duetClear.emit({
-        originalEvent: ev,
-        value: this.value,
-        component: "duet-input",
-      });
-    };
-    /**
-     * Private functions
-     */
-    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.handleClearClick = event => {
-      const clearing = this.clearInput();
-      this.onClear(event);
-      return clearing;
-    };
-    this.keyHandler = event => {
-      if (isEscapeKey(event) && this.clear) {
-        this.handleClearClick(event);
-      }
-      if (isEnterKey(event) && this.variation === "revealable") {
-        if (event.target === this.togglePasswordRevealedButton) {
-          event.stopPropagation();
-        }
-        else {
-          this.isPasswordRevealed = false;
-        }
-      }
-      return event;
-    };
-    this.togglePasswordRevealed = () => {
-      this.isPasswordRevealed = !this.isPasswordRevealed;
-    };
-    this.getInputType = () => {
-      if (this.variation === "revealable") {
-        return this.isPasswordRevealed ? "text" : "password";
-      }
-      return this.type;
-    };
-    this.language = getLanguage();
-    this.isPasswordRevealed = undefined;
-    this.isFocused = false;
-    this.accessibleActiveDescendant = undefined;
-    this.accessibleAutocomplete = undefined;
-    this.accessibleControls = undefined;
-    this.accessibleOwns = undefined;
-    this.accessibleExpanded = undefined;
-    this.accessibleDescribedBy = "";
-    this.accessibleHasPopup = undefined;
-    this.accessibleDetails = undefined;
-    this.accessibleLabelledBy = undefined;
-    this.accessibleDescription = undefined;
-    this.accessibleLiveError = "polite";
-    this.debounce = 0;
-    this.clear = false;
-    this.caption = undefined;
-    this.echoPlaceholder = false;
-    this.theme = "";
-    this.expand = false;
-    this.disabled = false;
-    this.identifier = undefined;
-    this.margin = "auto";
-    this.required = false;
-    this.type = "text";
-    this.variation = "default";
-    this.label = "Label";
-    this.error = "";
-    this.labelHidden = false;
-    this.numericKeyboard = false;
-    this.name = undefined;
-    this.pattern = undefined;
-    this.maxlength = undefined;
-    this.minlength = undefined;
-    this.placeholder = undefined;
-    this.component = "input";
-    this.role = undefined;
-    this.icon = undefined;
-    this.autoComplete = "on";
-    this.disallowPattern = null;
-    this.value = undefined;
-    this.tooltip = "";
-    this.tooltipDirection = "auto";
-  }
-  disallowedPatternChange() {
-    this.disallowPatternRegex = this.disallowPattern ? new RegExp(this.disallowPattern, "gu") : null;
-  }
-  valueChanged() {
-    var _a;
-    if (((_a = this === null || this === void 0 ? void 0 : this.nativeInput) === null || _a === void 0 ? void 0 : _a.value) !== this.value) {
-      const restoreCursor = resetCursor(this.nativeInput);
-      this.nativeInput.value = this.value;
-      // restore selection position after having set value
-      // (in webkit based browsers settings value trigger cursor position and will set it to EndOfText)
-      restoreCursor();
-    }
-    this.isCaptionVisible = !!this.caption;
-    const emitEvent = () => this.duetChange.emit({
-      value: this.value,
-      component: "duet-input",
-    });
-    if (this.debounce === 0) {
-      emitEvent();
-    }
-    else {
-      clearTimeout(this.timeoutId);
-      this.timeoutId = setTimeout(emitEvent, this.debounce);
-    }
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-    this.disallowedPatternChange();
-    this.isCaptionVisible = !!this.caption;
-  }
-  componentDidLoad() {
-    if (this.variation === "revealable" && this.nativeInput.form) {
-      this.nativeInput.form.addEventListener("submit", () => {
-        this.isPasswordRevealed = false;
-      });
-    }
-  }
-  connectedCallback() {
-    connectLanguageChangeObserver(this);
-  }
-  disconnectedCallback() {
-    disconnectLanguageChangeObserver(this);
-  }
-  /**
-   * Sets focus on the specified `duet-input`. Use this method instead of the global
-   * `input.focus()`.
-   */
-  async setFocus(options) {
-    if (this.nativeInput) {
-      this.nativeInput.focus(options);
-    }
-  }
-  /**
-   * Reset the cursor position on the native element
-   * `input.resetCursor()`.
-   */
-  async resetCursor() {
-    if (this.nativeInput) {
-      const restoreCursor = resetCursor(this.nativeInput);
-      this.nativeInput.value = this.value;
-      restoreCursor();
-    }
-  }
-  /**
-   * Reset the cursor position on the native element
-   * `input.resetCursor()`.
-   */
-  async clearInput() {
-    if (this.nativeInput) {
-      this.nativeInput.value = "";
-      this.nativeInput.focus();
-      this.value = "";
-    }
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    const identifier = this.identifier || this.inputId;
-    const inputProps = {};
-    if (this.numericKeyboard) {
-      inputProps.inputmode = "numeric";
-    }
-    // Set validation regexes
-    if (this.pattern && this.type !== "tel") {
-      inputProps.pattern = this.pattern;
-    }
-    else if (!this.pattern && this.type === "tel") {
-      inputProps.pattern = "[0-9+ ]+";
-    }
-    let selectedTime;
-    if (this.value) {
-      selectedTime = new Date();
-      try {
-        selectedTime.setHours(Number(this.value.slice(0, 2)), Number(this.value.slice(3, 5)), 0, 0);
-      }
-      catch (e) {
-        selectedTime = undefined;
-      }
-    }
-    const hasInputIcon = !this.icon &&
-      this.type !== "text" &&
-      this.type !== "tel" &&
-      this.type !== "password" &&
-      this.type !== "time" &&
-      this.variation !== "button";
-    return (h(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { class: {
-        "duet-input-container": true,
-        "duet-theme-turva": this.theme === "turva",
-        [`duet-input-variation-${this.variation}`]: true,
-        "duet-label-hidden": this.labelHidden,
-        "duet-input-top-caption-shown": this.isCaptionVisible,
-        "has-icon": this.variation !== "button" &&
-          (!!this.icon ||
-            (this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time")),
-        "has-error": !!this.error,
-        "has-clear": this.clear,
-        "has-focus": this.isFocused,
-        disabled: this.disabled,
-      } }, h("div", { class: "duet-input-label-container" }, h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip))), this.caption && (h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
-        "duet-input": true,
-        disabled: this.disabled,
-        "is-number": this.component === "number",
-        "is-date": this.component === "date",
-      }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { class: {
-        "duet-input-clear-icon": true,
-        "duet-input-clear-icon-single": !hasInputIcon,
-        "duet-input-clear-icon-double": !!this.icon,
-        "duet-input-clear-icon-button": this.variation === "button",
-      } }, h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { class: "duet-input-icon" }, h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { name: "button" }), this.variation === "revealable" && (h("duet-button", { ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
-        ? this.hidePasswordLabel[this.language]
-        : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", null, h("span", { "aria-live": "polite" }, this.isPasswordRevealed
-      ? this.passwordShownAriaAnnouncement[this.language]
-      : this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", null)), h("span", { class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { class: "duet-input-error" }, this.error)))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "disallowPattern": ["disallowedPatternChange"],
-    "value": ["valueChanged"]
-  }; }
-  static get style() { return duetInputCss; }
-}, [6, "duet-input", {
-    "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-    "accessibleAutocomplete": [1, "accessible-autocomplete"],
-    "accessibleControls": [1, "accessible-controls"],
-    "accessibleOwns": [1, "accessible-owns"],
-    "accessibleExpanded": [1, "accessible-expanded"],
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "accessibleHasPopup": [1, "accessible-has-popup"],
-    "accessibleDetails": [1, "accessible-details"],
-    "accessibleLabelledBy": [1, "accessible-labelled-by"],
-    "accessibleDescription": [1, "accessible-description"],
-    "accessibleLiveError": [1, "accessible-live-error"],
-    "debounce": [2],
-    "clear": [4],
-    "caption": [1],
-    "echoPlaceholder": [4, "echo-placeholder"],
-    "theme": [1025],
-    "expand": [4],
-    "disabled": [516],
-    "identifier": [1],
-    "margin": [1],
-    "required": [4],
-    "type": [1],
-    "variation": [1],
-    "label": [1025],
-    "error": [1],
-    "labelHidden": [4, "label-hidden"],
-    "numericKeyboard": [4, "numeric-keyboard"],
-    "name": [1],
-    "pattern": [1],
-    "maxlength": [2],
-    "minlength": [2],
-    "placeholder": [1],
-    "component": [1],
-    "role": [1],
-    "icon": [1],
-    "autoComplete": [1, "auto-complete"],
-    "disallowPattern": [1, "disallow-pattern"],
-    "value": [1025],
-    "tooltip": [1],
-    "tooltipDirection": [1, "tooltip-direction"],
-    "language": [32],
-    "isPasswordRevealed": [32],
-    "isFocused": [32],
-    "setFocus": [64],
-    "resetCursor": [64],
-    "clearInput": [64]
-  }, undefined, {
-    "disallowPattern": ["disallowedPatternChange"],
-    "value": ["valueChanged"]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-input", "duet-button", "duet-caption", "duet-icon", "duet-label", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-input":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetInput);
-      }
-      break;
-    case "duet-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "duet-caption":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "duet-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "duet-spinner":
-      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 { DuetInput as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-56ac3289.js

@@ -1,20 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const isArrowLeftKey = (e) => e.keyCode === 37;
-const isArrowUpKey = (e) => e.keyCode === 38;
-const isArrowRightKey = (e) => e.keyCode === 39;
-const isArrowDownKey = (e) => e.keyCode === 40;
-const isArrowKey = (e) => isArrowDownKey(e) || isArrowRightKey(e) || isArrowUpKey(e) || isArrowLeftKey(e);
-const isEscapeKey = (e) => e.key === "Escape" || e.key === "Esc" || e.keyCode === 27;
-const isTabKey = (e) => e.key === "Tab" || e.keyCode === 9;
-const isBackspaceKey = (e) => e.keyCode === 8;
-const isSpaceKey = (e) => e.key === "Space" || e.keyCode === 32;
-const isPlusKey = (e) => e.key === "+" || e.keyCode === 43;
-const isMinusKey = (e) => e.key === "-" || e.keyCode === 45;
-const isQuestionKey = (e) => e.key === "?";
-const isEnterKey = (e) => e.key === "Enter" || e.keyCode === 13;
-const isKeyboardClick = (e) => isEnterKey(e) || isSpaceKey(e);
-const isNumber = (e) => (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);
-
-export { isQuestionKey as a, isEscapeKey as b, isEnterKey as c, isTabKey as d, isArrowUpKey as e, isArrowDownKey as f, isSpaceKey as g, isArrowLeftKey as h, isKeyboardClick as i, isArrowRightKey as j, isBackspaceKey as k, isArrowKey as l, isNumber as m, isMinusKey as n, isPlusKey as o };

package/lib/dist-custom-elements/p-5d8d9a52.js

@@ -1,98 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, 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$1 } from './p-62e68de8.js';
-
-const duetProgressCss = "*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:rgb(198, 12, 48)}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";
-
-const DuetProgress = /*@__PURE__*/ proxyCustomElement(class DuetProgress extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    /**
-     * Own Properties
-     */
-    this.progressId = createID("DuetProgress");
-    this.progressLabelId = createID("DuetProgressLabel");
-    this.accessibleDescribedBy = undefined;
-    this.accessibleDetails = undefined;
-    this.accessibleLabelledBy = undefined;
-    this.accessibleDescription = undefined;
-    this.accessibleLabel = undefined;
-    this.accessibleLabelUploadDefaults = {
-      fi: ["lähetys valmis", "lähetys käynnissä"],
-      sv: ["Uppladdningen är klar", "Uppladdning pågår"],
-      en: ["upload completed", "upload in progress"],
-    };
-    this.accessibleLabelUpload = getLocaleString(this.accessibleLabelUploadDefaults);
-    this.progress = 0;
-    this.caption = undefined;
-    this.height = "10px";
-    this.theme = "";
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  connectedCallback() {
-    connectLanguageChangeObserver(this, { prop: "accessibleLabelUpload", defaults: "accessibleLabelUploadDefaults" });
-  }
-  disconnectedCallback() {
-    disconnectLanguageChangeObserver(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { "aria-live": this.accessibleLabel ? "polite" : "off", "aria-hidden": this.accessibleLabel ? "false" : "true", "aria-atomic": "true", style: {
-        height: this.height,
-      }, id: this.progressId, class: {
-        "duet-progress": true,
-        "duet-progress-done": this.progress === 100,
-        "duet-progress-start": this.progress === 0,
-        "duet-progress-inprogress": this.progress < 99 && this.progress !== 0,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("duet-visually-hidden", null, h("label", { htmlFor: this.progressLabelId }, h("span", null, this.accessibleLabel, this.progress !== 0 && `, ${this.accessibleLabelUpload[this.progress < 99 ? 1 : 0]}`))), this.caption && (h("div", { class: "duet-progress-caption" }, h("span", null, this.caption))), h("progress", { id: this.progressLabelId, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, role: "progressbar", value: this.progress, max: "100", "aria-valuemin": "0", "aria-valuemax": "100" }, h("div", { class: "progress-bar" }, h("span", { style: { width: `${this.progress}%;` } }, "Progress: ", this.progress, "%"))))));
-  }
-  get element() { return this; }
-  static get style() { return duetProgressCss; }
-}, [0, "duet-progress", {
-    "accessibleDescribedBy": [1, "accessible-described-by"],
-    "accessibleDetails": [1, "accessible-details"],
-    "accessibleLabelledBy": [1, "accessible-labelled-by"],
-    "accessibleDescription": [1, "accessible-description"],
-    "accessibleLabel": [1, "accessible-label"],
-    "accessibleLabelUploadDefaults": [1, "accessible-label-upload-defaults"],
-    "accessibleLabelUpload": [1025, "accessible-label-upload"],
-    "progress": [1538],
-    "caption": [1],
-    "height": [1],
-    "theme": [1025]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-progress", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-progress":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetProgress);
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetProgress as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-62e68de8.js

@@ -1,38 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7247d0b2.js';
-
-const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;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}";
-
-const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHidden extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, { class: "duet-visually-hidden" }, h("slot", null)));
-  }
-  get element() { return this; }
-  static get style() { return duetVisuallyHiddenCss; }
-}, [1, "duet-visually-hidden"]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetVisuallyHidden);
-      }
-      break;
-  } });
-}
-
-export { DuetVisuallyHidden as D, defineCustomElement as d };