@duetds/components 9.4.0 → 9.4.2

package/lib/esm/duet-toolbar-item.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-af765cad.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { g as getAccessibleLinkLabel } from './a11y-utils-efd1151b.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-2c1dd412.js';
-import './slot-utils-2823028d.js';
+import { g as getAccessibleLinkLabel } from './a11y-utils-47ea468e.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-d2c8afdc.js';
+import './slot-utils-035ffb1f.js';
 import './string-utils-192eb3c8.js';
 
 const duetToolbarItemCss = "*,*::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;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-toolbar-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item:focus.primary{box-shadow:0 0 0 4px rgba(8, 42, 77, 0.3), 0 0 0 1px #033866}.duet-theme-turva .duet-toolbar-item:focus.primary,.duet-toolbar-item:focus.primary.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{position:absolute;top:0;left:11px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-toolbar-item .duet-toolbar-icon .duet-toolbar-badge{background:rgb(247, 178, 40)}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-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, 28, 58)}.duet-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-item:hover.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-item.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";

package/lib/esm/duet-toolbar-link.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetToolbarLinkCss = "*,*::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;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap}.duet-toolbar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:\"\";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}";

package/lib/esm/duet-toolbar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 
 const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}";

package/lib/esm/duet-tooltip-button_2.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ed83a687.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { F as FocusGuard } from './focus-utils-b48493c9.js';
+import { F as FocusGuard } from './focus-utils-b09f6029.js';
 import { T as Teleport } from './teleport-546f382d.js';
 
 const duetTooltipButtonCss = "*,*::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}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !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;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}";

package/lib/esm/duet-tooltip.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.js';
 import { m as media_query_medium, a as media_query_large } from './tokens-84fb2357.js';
 import { c as computePosition, f as flip, s as shift, a as arrow, b as autoUpdate } from './floating-ui.dom.esm-ebc91b33.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-2c1dd412.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-d2c8afdc.js';
 import './string-utils-192eb3c8.js';
 
 const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";

package/lib/esm/duet-tray.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-ed83a687.js';
 import { s as sizeHeader } from './tokens.module-a746651a.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-2c1dd412.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-d2c8afdc.js';
 import './string-utils-192eb3c8.js';
 
 const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}";

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.js';
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {

package/lib/esm/duet-upload-item.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, g as getElement } from './index-ed83a687.js';
 import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { g as getLocaleString } from './language-utils-2c1dd412.js';
-import { a as getI18nError } from './errorcodes.utils-66d99a23.js';
+import { g as getLocaleString } from './language-utils-d2c8afdc.js';
+import { a as getI18nError } from './errorcodes.utils-e55da25d.js';
 import './string-utils-192eb3c8.js';
 
 const formatBytes = (bytes, decimals = 2) => {

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5a27eaf5.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-ed83a687.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 DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;

package/lib/esm/duet.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as promiseResolve, d as doc, N as NAMESPACE, b as bootstrapLazy } from './index-5a27eaf5.js';
-export { s as setNonce } from './index-5a27eaf5.js';
-import { g as globalScripts } from './app-globals-8f12ab47.js';
+import { p as promiseResolve, d as doc, N as NAMESPACE, b as bootstrapLazy } from './index-ed83a687.js';
+export { s as setNonce } from './index-ed83a687.js';
+import { g as globalScripts } from './app-globals-52a8e9e5.js';
 
 /*
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/esm/{errorcodes.utils-66d99a23.js → errorcodes.utils-e55da25d.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { g as getLocaleString } from './language-utils-2c1dd412.js';
+import { g as getLocaleString } from './language-utils-d2c8afdc.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 
 const getError = (code, errorCodes) => {

package/lib/esm/{focus-utils-b48493c9.js → focus-utils-b09f6029.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h } from './index-5a27eaf5.js';
+import { h } from './index-ed83a687.js';
 
 const focusElement = (element) => {
     if ("setFocus" in element) {

package/lib/esm/{index-5a27eaf5.js → index-ed83a687.js}

@@ -3,7 +3,7 @@
  */
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: true, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: true, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.1.8"};
+const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.1.10"};
 
 /*
  Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
@@ -54,7 +54,336 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
-  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+  
+        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+          const processMod = importedModule => {
+              cmpModules.set(bundleId, importedModule);
+              return importedModule[exportName];
+          }
+          switch(bundleId) {
+              
+                case 'duet-alert':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-alert.entry.js').then(processMod, consoleError);
+                case 'duet-badge':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-badge.entry.js').then(processMod, consoleError);
+                case 'duet-action-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-action-button.entry.js').then(processMod, consoleError);
+                case 'duet-hero':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-hero.entry.js').then(processMod, consoleError);
+                case 'duet-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-card.entry.js').then(processMod, consoleError);
+                case 'duet-empty-state':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-empty-state.entry.js').then(processMod, consoleError);
+                case 'duet-checkbox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-checkbox.entry.js').then(processMod, consoleError);
+                case 'duet-layout':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-layout.entry.js').then(processMod, consoleError);
+                case 'duet-section-layout':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-section-layout.entry.js').then(processMod, consoleError);
+                case 'duet-number-input':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-number-input.entry.js').then(processMod, consoleError);
+                case 'duet-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-icon.entry.js').then(processMod, consoleError);
+                case 'duet-range-slider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-range-slider.entry.js').then(processMod, consoleError);
+                case 'duet-select':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-select.entry.js').then(processMod, consoleError);
+                case 'duet-progress':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-progress.entry.js').then(processMod, consoleError);
+                case 'duet-textarea':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-textarea.entry.js').then(processMod, consoleError);
+                case 'duet-toggle':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toggle.entry.js').then(processMod, consoleError);
+                case 'duet-tooltip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-tooltip.entry.js').then(processMod, consoleError);
+                case 'duet-visually-hidden':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-visually-hidden.entry.js').then(processMod, consoleError);
+                case 'duet-modal':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-modal.entry.js').then(processMod, consoleError);
+                case 'duet-collapsible':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-collapsible.entry.js').then(processMod, consoleError);
+                case 'duet-cookie-consent':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-cookie-consent.entry.js').then(processMod, consoleError);
+                case 'duet-tray':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-tray.entry.js').then(processMod, consoleError);
+                case 'duet-date-picker':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-date-picker.entry.js').then(processMod, consoleError);
+                case 'duet-button_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-button_2.entry.js').then(processMod, consoleError);
+                case 'duet-grid_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-grid_2.entry.js').then(processMod, consoleError);
+                case 'duet-header_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-header_2.entry.js').then(processMod, consoleError);
+                case 'duet-radio_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-radio_2.entry.js').then(processMod, consoleError);
+                case 'duet-choice_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-choice_2.entry.js').then(processMod, consoleError);
+                case 'duet-list_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-list_2.entry.js').then(processMod, consoleError);
+                case 'duet-divider_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-divider_2.entry.js').then(processMod, consoleError);
+                case 'duet-input_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-input_2.entry.js').then(processMod, consoleError);
+                case 'duet-step_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-step_2.entry.js').then(processMod, consoleError);
+                case 'duet-pagination_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-pagination_2.entry.js').then(processMod, consoleError);
+                case 'duet-notification_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-notification_2.entry.js').then(processMod, consoleError);
+                case 'duet-editable-table_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-editable-table_3.entry.js').then(processMod, consoleError);
+                case 'duet-scrollable_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-scrollable_3.entry.js').then(processMod, consoleError);
+                case 'duet-caption_4':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-caption_4.entry.js').then(processMod, consoleError);
+                case 'duet-banner':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-banner.entry.js').then(processMod, consoleError);
+                case 'duet-breadcrumb':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-breadcrumb.entry.js').then(processMod, consoleError);
+                case 'duet-breadcrumbs':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-breadcrumbs.entry.js').then(processMod, consoleError);
+                case 'duet-callout':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-callout.entry.js').then(processMod, consoleError);
+                case 'duet-combobox':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-combobox.entry.js').then(processMod, consoleError);
+                case 'duet-contact-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-contact-card.entry.js').then(processMod, consoleError);
+                case 'duet-file-chooser':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-file-chooser.entry.js').then(processMod, consoleError);
+                case 'duet-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-footer.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar-button':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar-button.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar-dropdown.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar-dropdown-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar-dropdown-link.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar-item.entry.js').then(processMod, consoleError);
+                case 'duet-menu-bar-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-menu-bar-link.entry.js').then(processMod, consoleError);
+                case 'duet-multiselect':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-multiselect.entry.js').then(processMod, consoleError);
+                case 'duet-nav':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-nav.entry.js').then(processMod, consoleError);
+                case 'duet-page-heading':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-page-heading.entry.js').then(processMod, consoleError);
+                case 'duet-promo-card':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-promo-card.entry.js').then(processMod, consoleError);
+                case 'duet-shaped-image':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-shaped-image.entry.js').then(processMod, consoleError);
+                case 'duet-slideout':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-slideout.entry.js').then(processMod, consoleError);
+                case 'duet-slideout-lang':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-slideout-lang.entry.js').then(processMod, consoleError);
+                case 'duet-slideout-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-slideout-link.entry.js').then(processMod, consoleError);
+                case 'duet-slideout-panel':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-slideout-panel.entry.js').then(processMod, consoleError);
+                case 'duet-slideout-panel-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-slideout-panel-dropdown.entry.js').then(processMod, consoleError);
+                case 'duet-status-icon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-status-icon.entry.js').then(processMod, consoleError);
+                case 'duet-submenu-bar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-submenu-bar.entry.js').then(processMod, consoleError);
+                case 'duet-submenu-bar-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-submenu-bar-dropdown.entry.js').then(processMod, consoleError);
+                case 'duet-submenu-bar-dropdown-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-submenu-bar-dropdown-link.entry.js').then(processMod, consoleError);
+                case 'duet-submenu-bar-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-submenu-bar-item.entry.js').then(processMod, consoleError);
+                case 'duet-submenu-bar-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-submenu-bar-link.entry.js').then(processMod, consoleError);
+                case 'duet-toolbar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toolbar.entry.js').then(processMod, consoleError);
+                case 'duet-toolbar-dropdown':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toolbar-dropdown.entry.js').then(processMod, consoleError);
+                case 'duet-toolbar-dropdown-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toolbar-dropdown-link.entry.js').then(processMod, consoleError);
+                case 'duet-toolbar-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toolbar-item.entry.js').then(processMod, consoleError);
+                case 'duet-toolbar-link':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-toolbar-link.entry.js').then(processMod, consoleError);
+                case 'duet-checkmark':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-checkmark.entry.js').then(processMod, consoleError);
+                case 'duet-chip_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-chip_3.entry.js').then(processMod, consoleError);
+                case 'duet-upload-aria-status':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-upload-aria-status.entry.js').then(processMod, consoleError);
+                case 'duet-upload-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-upload-item.entry.js').then(processMod, consoleError);
+                case 'duet-show-more':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-show-more.entry.js').then(processMod, consoleError);
+                case 'duet-fieldset':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-fieldset.entry.js').then(processMod, consoleError);
+                case 'duet-overlay':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-overlay.entry.js').then(processMod, consoleError);
+                case 'duet-tooltip-button_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './duet-tooltip-button_2.entry.js').then(processMod, consoleError);
+          }
+      }
   return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/lib/esm/{language-utils-2c1dd412.js → language-utils-d2c8afdc.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-5a27eaf5.js';
+import './index-ed83a687.js';
 import { c as convertHtmlQuotes } from './string-utils-192eb3c8.js';
 
 const localeLookUpTable = {

package/lib/esm/loader.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { b as bootstrapLazy } from './index-5a27eaf5.js';
-export { s as setNonce } from './index-5a27eaf5.js';
-import { g as globalScripts } from './app-globals-8f12ab47.js';
+import { b as bootstrapLazy } from './index-ed83a687.js';
+export { s as setNonce } from './index-ed83a687.js';
+import { g as globalScripts } from './app-globals-52a8e9e5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/lib/esm/{slot-utils-2823028d.js → slot-utils-035ffb1f.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-5a27eaf5.js';
+import './index-ed83a687.js';
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));

package/lib/esm-es5/{a11y-utils-efd1151b.js → a11y-utils-47ea468e.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{a as getElementsFromDefaultSlot}from"./slot-utils-2823028d.js";function getAccessibleLinkLabel(e){var t=e.element.textContent;if(e.accessibleLabel){return e.accessibleLabel}if((!!e.download||e.download==="")&&t){return"".concat(t,". ").concat(e.accessibleLabelDownload,".")}if(e.external&&t){return"".concat(t,". ").concat(e.accessibleLabelExternal,".")}if(getElementsFromDefaultSlot(e.element).length){return t}return null}export{getAccessibleLinkLabel as g};
+import{a as getElementsFromDefaultSlot}from"./slot-utils-035ffb1f.js";function getAccessibleLinkLabel(e){var t=e.element.textContent;if(e.accessibleLabel){return e.accessibleLabel}if((!!e.download||e.download==="")&&t){return"".concat(t,". ").concat(e.accessibleLabelDownload,".")}if(e.external&&t){return"".concat(t,". ").concat(e.accessibleLabelExternal,".")}if(getElementsFromDefaultSlot(e.element).length){return t}return null}export{getAccessibleLinkLabel as g};

package/lib/esm-es5/{app-globals-8f12ab47.js → app-globals-52a8e9e5.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import"./index-5a27eaf5.js";var setupLoggers=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var appGlobalScript=function(){setupLoggers()};var globalScripts=appGlobalScript;export{globalScripts as g};
+import"./index-ed83a687.js";var setupLoggers=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var appGlobalScript=function(){setupLoggers()};var globalScripts=appGlobalScript;export{globalScripts as g};

package/lib/esm-es5/duet-action-button.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{u(i.next(t))}catch(t){r(t)}}function s(t){try{u(i["throw"](t))}catch(t){r(t)}}function u(t){t.done?n(t.value):o(t.value).then(a,s)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return u([t,e])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(n=0)),n)try{if(i=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];o=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2c1dd412.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetActionButtonCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";var DuetActionButtonStyle0=duetActionButtonCss;var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}));this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName=undefined;this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.url=undefined}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){if(typeof this.accessibleTitle==="string"){return this.accessibleTitle}if(this.accessibleTitle===true&&this.actionName){return capitalizeFirstLetter("".concat(this.actionName))}return null};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var i=getColorByName(this.background,this.theme);var o=i?shadeRGBColor(i,-.1):i;var r=i?"\n          button.duet-action-button {\n            background: ".concat(i," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(o," !important;\n          }\n        "):"";var a={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};var s={ref:function(t){return e.nativeButton=t},part:"button",style:a,disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t["duet-theme-turva"]=this.theme==="turva",t)};return h(Host,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:r}),this.url&&!this.disabled?h("a",Object.assign({},s,{href:this.url}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):h("button",Object.assign({},s,{onClick:function(t){return e.onMouseHandler(t)}}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=DuetActionButtonStyle0;export{DuetActionButton as duet_action_button};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ed83a687.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d2c8afdc.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetActionButtonCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";var DuetActionButtonStyle0=duetActionButtonCss;var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}));this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName=undefined;this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.url=undefined}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){if(typeof this.accessibleTitle==="string"){return this.accessibleTitle}if(this.accessibleTitle===true&&this.actionName){return capitalizeFirstLetter("".concat(this.actionName))}return null};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var i=getColorByName(this.background,this.theme);var o=i?shadeRGBColor(i,-.1):i;var r=i?"\n          button.duet-action-button {\n            background: ".concat(i," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(o," !important;\n          }\n        "):"";var a={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};var s={ref:function(t){return e.nativeButton=t},part:"button",style:a,disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t["duet-theme-turva"]=this.theme==="turva",t)};return h(Host,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:r}),this.url&&!this.disabled?h("a",Object.assign({},s,{href:this.url}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):h("button",Object.assign({},s,{onClick:function(t){return e.onMouseHandler(t)}}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=DuetActionButtonStyle0;export{DuetActionButton as duet_action_button};