@duetds/components 10.6.0 → 10.8.0

package/lib/cjs/duet-phone-input.cjs.entry.js

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 require('./string-utils-B35hEUBv.js');
 
 const countries = {
@@ -1886,6 +1886,7 @@ const DuetPhoneInput = class {
         this.handleBlur = () => {
             //console.log(ev)
         };
+        this.setPopupMenuWidth = () => (this.countryCodePopup.shadowRoot.querySelector("div").style.width = `${this.element.clientWidth}px`);
         this.handleInput = () => {
             var _a, _b, _c;
             const currentValue = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
@@ -1912,6 +1913,7 @@ const DuetPhoneInput = class {
         this.handleCountryCodeSelectorOpen = () => {
             this.countryCodePopup.controller = this.countryCodeButton;
             this.countryCodePopup.show();
+            this.setPopupMenuWidth();
         };
         this.handleCountryCodeSelectorSelect = (ev) => {
             const item = ev.target.closest("duet-popup-menu-item");
@@ -2076,11 +2078,17 @@ const DuetPhoneInput = class {
             .map(c => c.trim().toUpperCase())
             .pop();
         const identifier = this.identifier || this.inputId;
+        // Inline styles as we can't set styles for duet-popup-menu-item slotted content from duet-phone-input scss
+        const countryNameStyle = {
+            "white-space": "pre",
+            overflow: "hidden",
+            "text-overflow": "ellipsis",
+        };
         return (index.h(index.Host, { class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, index.h("div", { class: "duet-phone-input-container" }, index.h("duet-popup-menu", { ref: el => (this.countryCodePopup = el), scrollLimit: 10, showFilterInput: true }, this.countriesToList.map(country => country.isoCode === lastListFirstCode ? (index.h(index.Fragment, null, index.h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, index.h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), index.h("span", null, country[this.language], " (+", country.telephoneCountryCode, ")"))), index.h("duet-divider", null))) : (index.h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, index.h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), index.h("span", null, country[this.language], " (+", country.telephoneCountryCode, ")")))))), index.h("duet-input", { ref: el => (this.duetInputElement = el), onDuetChange: this.handleChange, onDuetFocus: this.handleFocus, onDuetBlur: this.handleBlur, onDuetInput: this.handleInput, label: this.label, caption: this.caption, error: this.error, name: this.name, minlength: this.minlength, maxlength: this.maxlength, autoComplete: this.autoComplete, component: "phone", variation: "button-left", type: "tel", disallowPattern: "[^\\+0-9 ]", required: this.required, disabled: this.disabled, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true }, index.h("duet-button", { ref: el => (this.countryCodeButton = el), slot: "button-left", variation: "input-button-left-secondary", margin: "none", fixed: true, icon: "action-arrow-down-small", iconSize: "small", iconRight: true, accessibleLabel: this.getAccessibleLabelForButton(), onClick: this.handleCountryCodeSelectorOpen }, index.h("span", { class: "flag-container" }, this.getFlagForButton())), index.h("slot", { name: "tooltip" })))));
+            } }, index.h("div", { class: "duet-phone-input-container" }, index.h("duet-popup-menu", { ref: el => (this.countryCodePopup = el), scrollLimit: 10, showFilterInput: true }, this.countriesToList.map(country => (index.h(index.Fragment, null, index.h("duet-popup-menu-item", { value: country.isoCode, onClick: this.handleCountryCodeSelectorSelect }, index.h("duet-grid", { alignment: "center" }, this.renderFlag(country.isoCode), index.h("span", { style: countryNameStyle }, country[this.language]), index.h("span", null, "\u00A0(+", country.telephoneCountryCode, ")"))), country.isoCode === lastListFirstCode && index.h("duet-divider", null))))), index.h("duet-input", { ref: el => (this.duetInputElement = el), onDuetChange: this.handleChange, onDuetFocus: this.handleFocus, onDuetBlur: this.handleBlur, onDuetInput: this.handleInput, label: this.label, caption: this.caption, error: this.error, name: this.name, minlength: this.minlength, maxlength: this.maxlength, autoComplete: this.autoComplete, component: "phone", variation: "button-left", type: "tel", disallowPattern: "[^\\+0-9 ]", required: this.required, disabled: this.disabled, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true }, index.h("duet-button", { ref: el => (this.countryCodeButton = el), slot: "button-left", variation: "input-button-left-secondary", margin: "none", fixed: true, icon: "action-arrow-down-small", iconSize: "small", iconRight: true, accessibleLabel: this.getAccessibleLabelForButton(), onClick: this.handleCountryCodeSelectorOpen }, index.h("span", { class: "flag-container" }, this.getFlagForButton())), index.h("slot", { name: "tooltip" })))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-popup-menu_2.cjs.entry.js

@@ -3,17 +3,17 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var tokens_module = require('./tokens.module-CGRpZaa1.js');
-var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-Cj0r5YDz.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var a11yUtils = require('./a11y-utils-CgWjS7yq.js');
-var focusUtils = require('./focus-utils-tCoGOO7d.js');
+var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-DaH62q3u.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var a11yUtils = require('./a11y-utils-DZ42p33K.js');
+var focusUtils = require('./focus-utils-KpSp5WDp.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var teleport = require('./teleport-Cqp2Q9R8.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
-require('./slot-utils-Dny6EJ_G.js');
+require('./slot-utils-DvtoWHAA.js');
 require('./string-utils-B35hEUBv.js');
 require('./_commonjsHelpers-4N64IRaP.js');
 
@@ -128,10 +128,19 @@ const DuetPopupMenu = class {
             if (!this.openButton) {
                 return;
             }
+            if (this.menuElement) {
+                this.menuElement.style.maxHeight = "";
+            }
             const middleware = [
                 floatingUi_dom_browser_min.offset({ mainAxis: this.mainAxisOffset, crossAxis: this.crossAxisOffset }),
                 this.allowVerticalFlip && floatingUi_dom_browser_min.flip(),
                 floatingUi_dom_browser_min.shift({ padding: 5 }),
+                floatingUi_dom_browser_min.size({
+                    padding: 5,
+                    apply: ({ availableHeight, elements }) => {
+                        elements.floating.style.maxHeight = `${availableHeight}px`;
+                    },
+                }),
             ].filter(Boolean);
             const coordinates = await floatingUi_dom_browser_min.M(this.openButton, this.menuElement, {
                 middleware,
@@ -426,17 +435,17 @@ const DuetPopupMenu = class {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (index.h(index.Host, { key: 'faa607d185d31d39be849eaf1bc2e04a18dc6844', role: this.accessibleRole === "menu" ? "application" : null }, index.h("div", { key: '30e8fda181937ec87b45753e11407752b9cb8bdb', ref: element => {
+        return (index.h(index.Host, { key: '719d2a7e1c11ff9163309781fec512cc4e37fa4a', role: this.accessibleRole === "menu" ? "application" : null }, index.h("div", { key: 'a8dfefb0508a16c814d88e2fecc32409011f90db', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (index.h("div", { key: '63a51a1dade7d51632c7cc03dcc5889943c06384' }, index.h("duet-input", { key: '0afe720395fbe6388ce6fb8fa106540671768f10', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), index.h("duet-visually-hidden", { key: '8dafb4aa2cec51336c1ac0ce62fc7d55aa8950e6' }, index.h("span", { key: '172e686cfd6f5cbaab6e64a49ab86ad9ef6f860d', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (index.h("div", { key: 'd8332f24330773e5d0be9adcde515d949c95c08d' }, index.h("duet-input", { key: 'e2754d948c53aa5b1af9752bd8705b32b3a93bcb', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), index.h("duet-visually-hidden", { key: 'f8fe6c8dacb340d88c4896ce56c2ccecd38f655e' }, index.h("span", { key: 'ccca6cce4b4c5852c2bbb50954c002505a6d2872', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), index.h("duet-spacer", { key: '01b48e3d5918af7980363bb2256e65e9e109bfa3', size: "xx-small" }))), index.h("slot", { key: 'd2dec433d6eb6720850805950182ff9edeaa4dc3' }))));
+                `)), index.h("duet-spacer", { key: '843f6111e7484d49e20e528e95e090678812d819', size: "xx-small" }))), index.h("slot", { key: 'f5c3eb16c8bc812f982ec6c2e0b95f5cbbe643cc' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -446,7 +455,7 @@ const DuetPopupMenu = class {
 };
 DuetPopupMenu.style = duetPopupMenuCss;
 
-const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;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(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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, 42, 59)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}";
+const duetPopupMenuItemCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;min-width:0;height:100%;padding:8px;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(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1;min-width:0}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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, 42, 59)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}";
 
 const DuetPopupMenuItem = class {
     constructor(hostRef) {
@@ -548,11 +557,11 @@ const DuetPopupMenuItem = class {
         };
         // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
         // This is a tradeoff and now Safari announces these items as buttons and links with the label.
-        return (index.h(index.Host, { key: 'dc904d95dbb1b0274fcdadcea67ce47aba4d7fe5', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, index.h(TagName, { key: 'ee50bbb09eba600e81b860df3102e0a2cd6288f2', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage, "aria-current": this.active ? "true" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: '2393da90d783cc2cde59d87a05035d3539009c94', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), index.h("span", { key: '3b89e70152736a394a1d783146d7fcf7042af27c', class: "duet-popup-menu-item-label" }, index.h("slot", { key: '7e2c5bff4d032a76c871b346477c1380d41ac23e' })), (this.trailingIcon || this.active || (this.url && this.external)) && (index.h("duet-icon", { key: '1307e84b95a9f3f731701377a93275e00b17682e', name: this.url && this.external
+        return (index.h(index.Host, { key: '5a9f85c614eb0525860c91e07dac83db868b26ff', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, index.h(TagName, { key: 'a7362c89ea53df72a450570693052218434c1cb3', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage, "aria-current": this.active ? "true" : undefined }, this.leadingIcon && (index.h("duet-icon", { key: '4c19fb2ac64438dc692a6c81cf8d51b48114cca7', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), index.h("span", { key: 'e5ae676e11f424cae135d54b5bab02d2de476eb8', class: "duet-popup-menu-item-label" }, index.h("slot", { key: '42cc85d521d8515ce3d5e413c117a98d41f008ff' })), (this.trailingIcon || this.active || (this.url && this.external)) && (index.h("duet-icon", { key: '2a675b18dc0e1162df79ae87fab5ebeda3477959', name: this.url && this.external
                 ? actionNewWindowSmall.newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && index.h("span", { key: 'ccdd5e50e27621e4c9bddc18ddfb4fa32c5df087', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && index.h("span", { key: '2d23cea5ab743b54774fbda5a252153d11e1ddf5', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-progress.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetProgressCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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(240, 247, 250);border-radius:0;box-shadow:none}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0 none}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(240, 247, 250);border-radius:0}.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-progress progress[value] ::-moz-progress-bar{background-color:rgb(240, 247, 250)}.duet-progress.duet-theme-turva .progress-bar{background-color:rgb(253, 247, 242)}.duet-progress.duet-theme-turva .progress-bar>span{background-color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]{color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar{background-color:rgb(253, 247, 242)}.duet-progress.duet-theme-turva progress[value]::-webkit-progress-value{background-color:rgb(230, 23, 64)}.duet-progress.duet-theme-turva progress[value]::-moz-progress-bar{background-color:rgb(253, 247, 242)}";

package/lib/cjs/duet-promo-card.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var pictureUtils = require('./picture-utils-D_HVgfq5.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var pictureUtils = require('./picture-utils-Dp6TiDHy.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 require('./tokens.module-CGRpZaa1.js');
@@ -81,18 +81,18 @@ const DuetPromoCard = class {
             img: {
                 src: this.image,
                 alt: this.imageAlt || "",
-                loading: "lazy",
+                loading: this.imagePriority === "high" ? "eager" : "lazy",
+                fetchpriority: this.imagePriority,
                 class: "image",
-                role: this.imageAlt ? undefined : "presentation",
             },
             sources: stringUtils.parsePossibleJSON(this.sources),
         };
-        return (index.h(index.Host, { key: '17e585c7caea2ce49b25ea82914c047ff6c82a9a', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: 'd71249878100984ee82f889d89c9457c730f7662', class: {
+        return (index.h(index.Host, { key: 'a11868d1112419d418d0e9ed0fb62d5cfad351e4', class: { "duet-m-0": this.margin === "none" } }, index.h("aside", { key: '15a7d5bbf45eb253980ec7d5a9d1a0ab22567eb5', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, index.h(TagName, { key: 'c4edfe1d3f7a37846ce57b02390f6c506c2c141b', href: this.url, class: { "content-wrapper": true, "duet-theme-turva": this.theme === "turva" }, ref: element => (this.aOrDivElement = element) }, index.h(pictureUtils.DuetPicture, Object.assign({ key: '4db132f911aa01f941743b55bb6efb8275219bb8' }, pictureSource)), index.h("div", { key: 'cac0e424e892d37419eac7e2af2b0bd7308b0c39', class: "content" }, this.hasPreHeadingSlot && (index.h("div", { key: '36a74542f6621186fead0089783ac32a418b3125', class: "pre-heading" }, index.h("slot", { key: 'd8ecaaa3fe7d32b1d751acd669b6869a2168231f', name: "pre-heading" }))), this.hasHeadingSlot && (index.h("div", { key: 'ae586b7d14276add01c99296d8fc96844eed3ee2', class: "heading" }, index.h("duet-heading", { key: '7079249d8751808397889bc332aac7e4bf0beb00', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": "h3", margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: 'e4211262efe0fc117017355c175487a24dc52485' }, index.h("slot", { key: 'b0f6196e3cec65f855231d232684e7507f71a972', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: 'c3275a5080abb7488022cdb97da68110872fc80e', class: "description" }, index.h("duet-paragraph", { key: '0232414d087686f41f37fe95cbecda5217250ac0', theme: this.theme, margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: '04d9e5329afdbaaec69f7848017ae5489aa671c1' }, index.h("slot", { key: 'da7bfca8139e63ee663bb426ca6ebdad8fed35cd', name: "description" }))))), this.hasActionSlot && (index.h("div", { key: '054ddda2d414a26348e684738ebad3042ea292b3', class: "action" }, index.h("slot", { key: '348682adce3b3f16de045034dccf4daf48edc6ca', name: "action" }))))))));
+            }, style: bannerStyles }, index.h(TagName, { key: '74cafd91fd84b708b39d04ab2ff76e80f040c6cd', href: this.url, class: { "content-wrapper": true, "duet-theme-turva": this.theme === "turva" }, ref: element => (this.aOrDivElement = element) }, index.h(pictureUtils.DuetPicture, Object.assign({ key: '455e032e836d10caf961d1b7e9e9f5927ee2110c' }, pictureSource)), index.h("div", { key: '8b8d9f4df668c52eed6d356a5713474760d38f0c', class: "content" }, this.hasPreHeadingSlot && (index.h("div", { key: '30c8391d3082c4f13fd5fe15688078834b1d33b6', class: "pre-heading" }, index.h("slot", { key: 'e1f9aff9e5943734f31af4a79d826eec45fed120', name: "pre-heading" }))), this.hasHeadingSlot && (index.h("div", { key: 'b540f06b51e05fefadd176294331c5333977fa45', class: "heading" }, index.h("duet-heading", { key: 'fce865ee3ea25de126bc75c4f2b96daacf2470d3', theme: this.theme, level: this.hasHeadingSlotNative ? "div" : this.headingLevel, "visual-level": "h3", margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: '46225638ad07ce667b2cb7d8a341e404fa091b1f' }, index.h("slot", { key: 'd8d502652a8163b0437669aa07f2b933eb3f630d', name: "heading" }))))), this.hasDescriptionSlot && (index.h("div", { key: '4d3ce20fc62961f6b9ebd4a1846bf55db3d33b2e', class: "description" }, index.h("duet-paragraph", { key: '058e06c452f4cdaeb9954f44dfa2dc48c15841a1', theme: this.theme, margin: "none", color: tokenUtils.postfixTheme(this.textColor, this.theme) }, index.h("span", { key: 'f74e2644fdfbba489502f98ff4e4a9e2b20d06eb' }, index.h("slot", { key: '1a570c3b1db0b4964069fc8b9f3a5bd56a8de326', name: "description" }))))), this.hasActionSlot && (index.h("div", { key: '2ab71f64f6bbccf208b4281a096df0488c34d580', class: "action" }, index.h("slot", { key: '120257629db8b69ee16078f519e55a163c16687d', name: "action" }))))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-radio_2.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var watchOptions = require('./watch-options-D4JNsU3B.js');
 
 const duetRadioCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:28px !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive):last-of-type:not(:last-child){margin-right:28px !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;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:400;line-height:1.5;color:rgb(8, 42, 77);hyphens:auto;word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:\"\";background:rgb(0, 119, 179);border-radius:50%}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}.duet-theme-turva .duet-label{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, 42, 59)}.duet-theme-turva .duet-radio+label::before{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-label.disabled{color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio:checked+label::after{background:rgb(23, 42, 59)}.duet-theme-turva .duet-radio[disabled]+label{color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]+label::before{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-radio[disabled]:checked+label::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}";
@@ -188,17 +188,17 @@ const DuetRadio = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '7042b59543dd4cf7627ca41b07a3fee3598c684d', class: {
+        return (index.h(index.Host, { key: '29c7e9f14ff4c754ebba4120c003a837a0ac32f0', class: {
                 vertical: this.groupDirection === "vertical",
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, index.h("div", { key: '39a07c45edaba71d4380c430c48a9f8f2d5e6786', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", { key: '5c3161f12b2def6f54245a063751ba5608fa13fd', name: "input" }), index.h("label", { key: 'a98ef594efee0f9ef478eb4163c4757dec88b3b4', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, index.h("div", { key: 'd2408d28b5d18fd9f039e12263dfea29aebe3b00', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, index.h("slot", { key: '73c0247859265711e30f1b2aa9a6d88e8fec2d65', name: "input" }), index.h("label", { key: '03196671dde4b1ec067e049f1d9a10715fa48cda', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, index.h("div", { key: 'a1293298a68f71ccf0b6bba309bae33ff66932a9', class: "duet-label-content" }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label)))));
+            } }, index.h("div", { key: '49caed7ab06483a88f1ec6e13b42d58bbd6d0c49', class: "duet-label-content" }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label)))));
     }
     get element() { return index.getElement(this); }
 };
@@ -357,7 +357,7 @@ const DuetRadioGroup = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '02e9f8d2279ba0a17975acd1fbe2a47de0b0ab70', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, index.h("duet-fieldset", { key: '47e6bc188d4c4e575d75d36367da122316d96bc0', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (index.h("duet-tooltip", { key: '18d3f763a86f215663b520717b293bf2310a8f6f', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: '0c7ba1f9d7b007e9a7b410270305bfe7c8bb0a11', name: "tooltip", slot: "tooltip" }), index.h("div", { key: 'a10eb9b3e81d3d8bffb7105380f718da84c61f4b', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: '9010cb8e811a5ee69fb6e03c9d1b44fa92f9c60c' })))));
+        return (index.h(index.Host, { key: 'b2b6d23b32ce0192c2793ac76f8178b4658abf78', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, index.h("duet-fieldset", { key: '51275fe0f808f32e82bda0389f306546f006eb9d', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (index.h("duet-tooltip", { key: 'f12dac2f01fd32293e7d075e70ecedad6695709e', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: 'bb8d90fd7e329d57129fc7594ad6cd13e142fe3c', name: "tooltip", slot: "tooltip" }), index.h("div", { key: 'c49b8642d476b6b3a43d286481523adf573d5232', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: '7a0f2eb3f85a4ac1803ae0be898aadc1360a98ea' })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-range-slider.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var tokens_module = require('./tokens.module-CGRpZaa1.js');
-var label = require('./label-Cu4DNShe.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var label = require('./label-CjvqwyJR.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
 var isInternetExplorer = require('./is-internet-explorer-BTLb_loH.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 
 const duetRangeSliderCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-range-container{position:relative;width:100%}.duet-output{position:absolute;top:12px;right:0;z-index:200;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;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-range-disabled .duet-output{color:rgb(127, 150, 165)}.duet-range{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-range:focus{outline:0}:host(.user-is-tabbing) .duet-range:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-range:focus,:host(.user-is-tabbing) .duet-range:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-ie .duet-range{display:block;width:auto;height:26px;background:transparent !important}.duet-range::-moz-range-track{height:1px;-moz-appearance:none;background:transparent !important;border:0}.duet-range::-ms-track{color:transparent;background:transparent;border:0}.duet-range:active{outline:0}.duet-range::-webkit-slider-runnable-track{background:transparent}.duet-range::-webkit-slider-thumb{position:relative;width:24px;height:24px;-webkit-appearance:none;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease}.duet-range:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range::-moz-range-thumb{position:relative;width:24px;height:24px;appearance:none;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-range:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-range:disabled{background:rgb(181, 198, 208) !important}.duet-range:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-range::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-range::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-label-hidden .duet-internal-label,.duet-label-hidden output{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-output{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, 42, 59)}.duet-range-disabled.duet-theme-turva .duet-output{color:rgb(120, 145, 164)}.duet-theme-turva .duet-range{background:rgb(178, 194, 205)}.duet-theme-turva .duet-range::-webkit-slider-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range::-moz-range-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range::-ms-thumb{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-range:disabled{background:rgb(178, 194, 205) !important}.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range:disabled::-moz-range-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range:disabled::-ms-thumb{background:rgb(178, 194, 205);border-color:transparent}.duet-theme-turva .duet-range::-ms-fill-lower{background:rgb(230, 23, 64)}.duet-theme-turva .duet-range::-ms-fill-upper{background:rgb(178, 194, 205)}";
 
@@ -164,13 +164,13 @@ const DuetRangeSlider = class {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (index.h(index.Host, { key: 'e210a09d9e24ecda74f73465103e52fd0ef3e151', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, index.h("div", { key: 'c06f45aec60dddfd2bc63c0c37e985fb4892262c', class: {
+        return (index.h(index.Host, { key: '740ff7d06f193b8bfe148e68702228b0e969e177', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, index.h("div", { key: 'd401cbcaed967a4f946771a878893bbdf5b8b765', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer.isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, index.h(label.DuetInternalLabel, { key: '3c28b5f14ecf125f07146f93500cfc765e895583', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), index.h("output", { key: 'a87614cb264ff78db2d931ae109f6c982c057c9d', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), index.h("input", { key: 'efeb770492d9fb26cf60c72b9a5dda6de43dc583', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, index.h(label.DuetInternalLabel, { key: 'd19d2ae90fe8aba1b8894566f9cd1c445c56df7a', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), index.h("output", { key: 'c596df8a741761dd493cf18adf08f7f0f1f4b94f', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), index.h("input", { key: 'de318d3817d8f23921312361fe2f35fa9b79dc88', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-scrollable_3.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var keyboardUtils = require('./keyboard-utils-DibQafwg.js');
-var languageUtils = require('./language-utils-B3NubUDr.js');
+var languageUtils = require('./language-utils-BCJyRc_q.js');
 var tokenUtils = require('./token-utils-ZISdNshf.js');
 var createId = require('./create-id-DtslnIOq.js');
 require('./string-utils-B35hEUBv.js');
@@ -292,18 +292,18 @@ const DuetScrollable = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '2f5fa75837cec7537480b0f5eac81c17cb26187e', class: {
+        return (index.h(index.Host, { key: '8c26c49fa79b5ae44744540e1910fc5cd23e2280', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (index.h("div", { key: '5764bbcb0703456241a485b5d588d65a3d1a8ede', class: {
+            } }, this.hasCollapseButtonLabelSlot && (index.h("div", { key: 'a56b751635fce29f6cd1838c696267913e1a8bb7', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, index.h("duet-button", { key: 'f9f251d19c6d1a268b47f92f8b3cd894c95e07f6', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, index.h("slot", { key: '50f2782ad08fd6caa181c7eaa25f7feef7c98a2b', name: "collapse-button-label" })))), index.h("div", { key: '52b2a5731b450693bb4b3a978dbdb2d7f14777d6', class: {
+            } }, index.h("duet-button", { key: '5dbff0b7fbcdc5be8d30276efc1d537e14715133', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, index.h("slot", { key: 'eba374d5ac518957c878f5c8b7610cc749776908', name: "collapse-button-label" })))), index.h("div", { key: '3aa49b4cc6c52939d07e56f53aa02f915cc94dfd', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), index.h("div", { key: '8df63d3abb46a93cc86cc38eb801ef6a0843b51b', class: {
+            } }, this.buttons && this.renderButton("left"), index.h("div", { key: 'c85bf3929c372cbea0b8be43f5e9aa912ef0df2e', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -311,7 +311,7 @@ const DuetScrollable = class {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, index.h("slot", { key: '5377464cb77bfd26de8b9cdea7c827e08b0db428' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, index.h("slot", { key: 'a5b51ed3a159ce2b580850e8973800c75af4b3d5' })), this.buttons && this.renderButton("right"))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -427,7 +427,7 @@ const DuetTab = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h("div", { key: 'df1d38a00ae486704755f845444bbb3d99c63017', ref: element => {
+        return (index.h("div", { key: '52685c26793f37570debd51c11fd6d9c0eacb7a1', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -436,7 +436,7 @@ const DuetTab = class {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, index.h("slot", { key: '31ef9a143a4015fd0fe6eb0ce190dc4b5bbbd582' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, index.h("slot", { key: 'bc08f9d93e9cb6653bfb2a97f5cc5fb9f67a1fe9' })));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -722,13 +722,13 @@ const DuetTabGroup = class {
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
                 "duet-theme-turva": this.theme === "turva",
             }, onClick: () => this.onTabSelect(index$1), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (index.h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, index.h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, index.h("p", null, element.label), index.h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), index.h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, index.h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label), element.indicator && (index.h("duet-indicator", { variation: element.indicator, "accessible-label": element.indicatorAccessibleLabel })))));
-        return (index.h("div", { key: '417e3a0eb99cdf3d6df636586be7435cad2144ac', class: {
+        return (index.h("div", { key: '494ac1333a13dd37b390174ca79a3a90e89f13d0', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, index.h("div", { key: 'da12d48bcbb77d4e88ca34c63ee54c63db53eacd', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, index.h("div", { key: 'eb4e340563793bfda1941a66200f6d07929bccb2', role: "tablist", class: {
                 "duet-m-0": this.margin === "none" || this.variation === "checked",
                 "duet-tab-group-tabs": true,
                 "duet-tab-group-hidden": this.tabs.length > 3 && !isSwipeScrollable,
@@ -739,11 +739,11 @@ const DuetTabGroup = class {
             } }, this.variation === "checked" ? (buttons) : (index.h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (index.h("div", { class: "duet-scrollable-stretch-overlay" }, index.h("div", { class: "background" }), index.h("div", { class: "border" }))), index.h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), index.h("div", { key: '25e346444619db75d262e11a84acdfaaafa2257c', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (index.h("div", { class: "duet-scrollable-stretch-overlay" }, index.h("div", { class: "background" }), index.h("div", { class: "border" }))), index.h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), index.h("div", { key: 'fc769c72a4f684dc6f6cf0e893b93215b98b2d87', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, index.h("slot", { key: 'c63f225ca6cd084bb78f4f3bcc046d21c9d47e0a' }))));
+            } }, index.h("slot", { key: '20db6ecc342cbd347bdf35885289259106a07442' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-section-layout.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
+var index = require('./index-BP4tQozH.js');
 var isInternetExplorer = require('./is-internet-explorer-BTLb_loH.js');
 
 const duetSectionLayoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
@@ -30,13 +30,13 @@ const DuetSectionLayout = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '4640f2d203680d402788b83e99eab0612d23d220', class: {
+        return (index.h(index.Host, { key: 'b94e0fb95034731dd6fa96fd68011589fef87858', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer.isInternetExplorer(),
-            } }, index.h("div", { key: 'df70de3be2c50ec188dc9aab16af90d6c45d6aea', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, index.h("div", { key: '6424120aabf584d6b9f0c9e5dacae247f271ae63', class: {
+            } }, index.h("div", { key: '12e1c3868a43482d02a1e9103593015035dfce3d', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, index.h("div", { key: '058f4850f071237d9fa1eb4eec97f760b8113a25', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, index.h("section", { key: 'e970057e762239839d30b4d710f4d25cd9b56a2a', class: "duet-main" }, index.h("slot", { key: '75bc9cc77d08d730e98e956dcec2c4ba15bf6274' }))))));
+            } }, index.h("section", { key: '6138f2dda261d7823a9b6b5db4e0c8c7d7e0a335', class: "duet-main" }, index.h("slot", { key: '3d190b45ea4e7c773c4c74c12486c802d8067536' }))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-select.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var label = require('./label-Cu4DNShe.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var label = require('./label-CjvqwyJR.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 var createId = require('./create-id-DtslnIOq.js');
-var slotUtils = require('./slot-utils-Dny6EJ_G.js');
+var slotUtils = require('./slot-utils-DvtoWHAA.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 
 const duetSelectCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host(:not(.duet-m-0)){margin-bottom:12px !important}@media (min-width: 36em){:host(.duet-expand){width:100% !important}}:host(.duet-select-variation-tiny),:host(.duet-select-variation-compact){position:relative;top:-2px;width:72px;margin:0;vertical-align:baseline}:host(.duet-select-variation-compact){width:auto}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{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{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{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-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper 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;outline:none;border:0;opacity:0}.duet-select-wrapper select:hover:not(:focus)+.duet-select{outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-select-wrapper select:hover:not(:focus)+.duet-select,.duet-select-wrapper select:hover:not(:focus)+.duet-select.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-select-wrapper select:hover:not(:focus)+.duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-select-wrapper select:focus+.duet-select{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select,.duet-select-wrapper select:focus+.duet-select.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.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;text-overflow:ellipsis;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(8, 42, 77);text-align:left;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.has-error .duet-select{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .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 .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .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{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(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-select-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 42, 59)}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .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, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-select svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-select-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(120, 145, 164)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}";
@@ -203,23 +203,23 @@ const DuetSelect = class {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (index.h(index.Host, { key: '799e751c3066521f3910c7e2bc2f1b4f01a05f2c', class: {
+        return (index.h(index.Host, { key: '05edeb2d61b86141dafcb6a3a124497b41bb0242', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, index.h("div", { key: '8ec31867c99664d323116a2d157edf312eb876d9', class: {
+            } }, index.h("div", { key: '897d4e5471ec22b463adb6629b2d3c7ed2e4c8e1', 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,
-            } }, index.h(label.DuetInternalLabel, { key: '9694bfe254e28f6410a09c0a29e8ffe90bcc197a', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { key: '8fac7e29561cacaed838f86255b710e12cf1e10c', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: 'c118cf285f1596c85dd059fddfcd2a50fdb48a25', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '7876fa88354fffd01170deb8fa2f2e2fcd860fe1', id: this.topCaptionId, size: "medium" }, this.caption)), index.h("div", { key: '0cbf3b4fcf5157ff3c99be21f90207845dc0a12f', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: '46c2e4892c502a84b7fa294a4d7dfd89dd365bbe', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), index.h("slot", { key: 'c149307dc10d95ac9344429c7cb59afc8e7c8f1c' }), index.h("select", { key: 'f87920eea326497e41432be046c0a4bc2b881f82', 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 && (index.h("option", { key: '5609b3644ed2101cc3854bce7dcb15f5bcc72c79', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (index.h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            } }, index.h(label.DuetInternalLabel, { key: '50c26fd239285a6a168f54f0974c94fa4d5ccc5e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { key: '3337a7a9d80314cd7bd69816200ea8adc9ed64cc', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: 'e59013542be31c7f564f347ac36c6c58716c1fad', name: "tooltip" }), this.caption && (index.h("duet-caption", { key: '6f9a2f7d3b1891be67ef2d99320466d6b89d4945', id: this.topCaptionId, size: "medium" }, this.caption)), index.h("div", { key: '856cb3b0e207b4c440b9542c3aed96f5d35b3c3b', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { key: '20ca49020566bd26705715a12279ad043ea0d40d', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), index.h("slot", { key: '5d2dd785db740afbe15e754d2080f39fb93534fb' }), index.h("select", { key: '2e2f8e99ae58d570c4756ae8801ce5d1293ae806', 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 && (index.h("option", { key: 'a6b868ec1eefe2c508c38a73a97d1e19f1e04f14', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (index.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);
-        }))), index.h("div", { key: 'b720c0d90de10217e72b8871927fe949302bce19', class: {
+        }))), index.h("div", { key: 'bb4b1ce4fcc1ced68464eb4e89e65b2f31d9c489', class: {
                 "duet-select": true,
                 [`duet-select-variation-${this.variation}`]: true,
-            }, "aria-hidden": "true" }, index.h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (index.h("svg", { key: '90a28c7ccb87098d9f4963e4b633f9ed73ce135d', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'aaf93f626f11f884d04a8ada7ac4c822859429a1', 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" })))) || (index.h("duet-icon", { key: '2bed857103ccb9dc5f21ef9c161afec22e38d417', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), index.h("span", { key: 'af52dc23224f33ed088274a5c2561508217ba5df', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), index.h("span", { key: '68d71610557182c9be1913478e6177b7a66388ab', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && index.h("span", { key: 'e49610ecbba0ae7e275e182bdfc0941d1870cdbb', class: "duet-select-error" }, this.error)))));
+            }, "aria-hidden": "true" }, index.h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (index.h("svg", { key: 'dd8a6f6455d08d562c17bc41295567fbf6c2b756', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'efc3261cede3e5ec10932481cd2a2415bb4ff6b3', 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" })))) || (index.h("duet-icon", { key: '973409781026e93c2b343a47895c2051152ccf66', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), index.h("span", { key: '8c4375727be85a26ebc724cefb69600193a5a3af', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), index.h("span", { key: '184737a1361d67fc58be1e54e92ce17b1e9b9d9b', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '20bb85898431127cd66bc9b71ac18b99d9075ae7', class: "duet-select-error" }, this.error)))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-shaped-image.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BeiMjjVl.js');
-var themeableComponent = require('./themeable-component-Csdvrnsd.js');
+var index = require('./index-BP4tQozH.js');
+var themeableComponent = require('./themeable-component-BXqwFhg-.js');
 
 const duetShapedImageCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}";
 
@@ -39,9 +39,9 @@ const DuetShapedImage = class {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (index.h(index.Host, { key: 'bc7cef36e9635c521aaabfc2fb434aeb06162417', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'dee81d6f9a48a4c8f09778feb1629e37ef7e5309', class: {
+        return (index.h(index.Host, { key: '7b1d056821d3a87f329524519264ae42642f79b2', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'cfee37d6e11b4c774057f6e93efc6b4411b4535c', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, index.h("span", { key: 'c585a6c401f0dff23dfa95452fdafc5c1a6a6473', class: "shaped-image-mask", role: "presentation" }, index.h("span", { key: 'b2d811551b33952948948abb7d5abc4d34a6a129', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, index.h("span", { key: '1b81306ffb9c9c34a2301b952ed6894705f2cb03', class: "shaped-image-mask", role: "presentation" }, index.h("span", { key: 'de6e0992fec3395802b4ed7863e969b26405a329', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
 };
 DuetShapedImage.style = duetShapedImageCss;