@duetds/components 9.4.0 → 9.4.1

package/lib/esm/{index-5a27eaf5.js → index-fa810c91.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.9"};
 
 /*
  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-35eb1c9f.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-5a27eaf5.js';
+import './index-fa810c91.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-fa810c91.js';
+export { s as setNonce } from './index-fa810c91.js';
+import { g as globalScripts } from './app-globals-f12e0500.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

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

package/lib/esm-es5/{a11y-utils-efd1151b.js → a11y-utils-c9bd2c27.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-adbc7a01.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-f12e0500.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-fa810c91.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-fa810c91.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-35eb1c9f.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};

package/lib/esm-es5/duet-alert.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,r,a){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function s(e){try{u(a.next(e))}catch(e){n(e)}}function o(e){try{u(a["throw"](e))}catch(e){n(e)}}function u(e){e.done?r(e.value):i(e.value).then(s,o)}u((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,i,n,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return u([e,t])}}function u(o){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(r=0)),r)try{if(a=1,i&&(n=o[0]&2?i["return"]:o[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,o[1])).done)return n;if(i=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){r.label=o[1];break}if(o[0]===6&&r.label<n[1]){r.label=n[1];n=o;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(o);break}if(n[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];i=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2c1dd412.js";import{h as hasSlot}from"./slot-utils-2823028d.js";import"./string-utils-192eb3c8.js";var duetAlertCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var DuetAlertStyle0=duetAlertCss;var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.descriptiveId=createID("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(e){t.handleHide();t.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){t.isDismissed=false};this.handleHide=function(){t.isDismissed=true;t.element.addEventListener("transitionend",(function(){return t.duetCloseComplete.emit()}),{once:true})};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasShowMoreSlot=hasSlot(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var r=this;var a=this.theme==="turva"?"secondary-turva":"secondary";return h(Host,{key:"d3c53bc46ae4d9f94d286a8ca55a1891afaec2d1",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},h("div",{key:"9b7c2ede2a81e5459214b3262c08f5a096251f50",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{key:"c372501af01265a0e962d41b0aeefa1b0803dc7a",class:(t={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t)},h("div",{key:"6a00f96245f482fa280c5618d1ab3e3d61ae57bf",class:"duet-alert-container",ref:function(e){r.alertContainer=e},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&h("div",{key:"3993720ebce31589b986f5441c9f8f48719f6c97",class:"duet-alert-icon"},h("duet-icon",{key:"fc93bdce332702991e0dedf6eba0276c5d9c3e6d",size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&h("div",{key:"e469d1feb00ce1b223b7977a1b87228933556823",class:"duet-alert-icon below-nav"},h("duet-icon",{key:"8e3407af6309c0107a6e78107c965cf28cadbec3",size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),h("span",{key:"e4e8494c19f24f7da051b98cef3c3efcdeb47031",id:this.descriptiveId},h("slot",{key:"1ce9a6e6c13e76f6fbf1317fa867d5400c79f41e"}))),this.hasShowMoreSlot&&h("duet-show-more",{key:"2106929166ce1b954dff45ed25b218ddce15f4d9",margin:"none",class:"duet-alert-show-more"},h("slot",{key:"331aa9d74f0b995b55b6b119e569411a07673c3e",name:"show-more"})),this.dismissible&&h("div",{key:"9cfd9e835660d246540ca7452de22bcd324d4682",class:"duet-alert-dismiss"},h("duet-button",{key:"fe950cf6c3d775160bd97b34e88ca71603a47d19",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:a,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetAlert.style=DuetAlertStyle0;export{DuetAlert as duet_alert};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-fa810c91.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{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-35eb1c9f.js";import{h as hasSlot}from"./slot-utils-adbc7a01.js";import"./string-utils-192eb3c8.js";var duetAlertCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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.25;color:rgb(8, 42, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.danger{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-alert-wrapper.success{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.success.duet-theme-turva{background:#f5f9f8;border-color:rgb(48, 131, 105)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var DuetAlertStyle0=duetAlertCss;var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.descriptiveId=createID("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(e){t.handleHide();t.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){t.isDismissed=false};this.handleHide=function(){t.isDismissed=true;t.element.addEventListener("transitionend",(function(){return t.duetCloseComplete.emit()}),{once:true})};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Painike viestin sulkemiseen",sv:"Knapp för att stänga meddelandet",en:"Button to close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasShowMoreSlot=hasSlot(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var r=this;var a=this.theme==="turva"?"secondary-turva":"secondary";return h(Host,{key:"d3c53bc46ae4d9f94d286a8ca55a1891afaec2d1",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},h("div",{key:"9b7c2ede2a81e5459214b3262c08f5a096251f50",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{key:"c372501af01265a0e962d41b0aeefa1b0803dc7a",class:(t={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t)},h("div",{key:"6a00f96245f482fa280c5618d1ab3e3d61ae57bf",class:"duet-alert-container",ref:function(e){r.alertContainer=e},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&h("div",{key:"3993720ebce31589b986f5441c9f8f48719f6c97",class:"duet-alert-icon"},h("duet-icon",{key:"fc93bdce332702991e0dedf6eba0276c5d9c3e6d",size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&h("div",{key:"e469d1feb00ce1b223b7977a1b87228933556823",class:"duet-alert-icon below-nav"},h("duet-icon",{key:"8e3407af6309c0107a6e78107c965cf28cadbec3",size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),h("span",{key:"e4e8494c19f24f7da051b98cef3c3efcdeb47031",id:this.descriptiveId},h("slot",{key:"1ce9a6e6c13e76f6fbf1317fa867d5400c79f41e"}))),this.hasShowMoreSlot&&h("duet-show-more",{key:"2106929166ce1b954dff45ed25b218ddce15f4d9",margin:"none",class:"duet-alert-show-more"},h("slot",{key:"331aa9d74f0b995b55b6b119e569411a07673c3e",name:"show-more"})),this.dismissible&&h("div",{key:"9cfd9e835660d246540ca7452de22bcd324d4682",class:"duet-alert-dismiss"},h("duet-button",{key:"fe950cf6c3d775160bd97b34e88ca71603a47d19",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:a,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetAlert.style=DuetAlertStyle0;export{DuetAlert as duet_alert};

package/lib/esm-es5/duet-badge.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetBadgeCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}';var DuetBadgeStyle0=duetBadgeCss;var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.background="normal";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t="background-".concat(this.background);return h(Host,{key:"476d97ea43489404fd6d0a849a6ee02f83502fd9",class:{"duet-m-0":this.margin==="none"}},h("span",{key:"28e5db061b847ada8068335166ff8ff1d86f24d1",class:(e={"duet-badge":true},e[this.variation]=true,e[t]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",{key:"0c934f9b98dcc493a7bf27588c22eb3f37795927"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBadge.style=DuetBadgeStyle0;export{DuetBadge as duet_badge};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-fa810c91.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetBadgeCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}';var DuetBadgeStyle0=duetBadgeCss;var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.background="normal";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t="background-".concat(this.background);return h(Host,{key:"476d97ea43489404fd6d0a849a6ee02f83502fd9",class:{"duet-m-0":this.margin==="none"}},h("span",{key:"28e5db061b847ada8068335166ff8ff1d86f24d1",class:(e={"duet-badge":true},e[this.variation]=true,e[t]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",{key:"0c934f9b98dcc493a7bf27588c22eb3f37795927"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBadge.style=DuetBadgeStyle0;export{DuetBadge as duet_badge};

package/lib/esm-es5/duet-banner.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{h,r as registerInstance,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-2823028d.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./tokens.module-a746651a.js";var DuetPicture=function(n){var e=n.img,t=n.sources;return h("picture",null,t&&t.map((function(n){return h("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes})})),h("img",Object.assign({},e)))};var duetBannerCss="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n.duet-banner.no-image {\n  display: flex;\n  justify-content: center;\n  padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n  display: none;\n}\n.duet-banner.no-image .content {\n  width: 100%;\n  max-width: 720px;\n  padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n    /* stylelint-enable */\n    padding: 48px;\n  }\n}";var DuetBannerStyle0=duetBannerCss;var DuetBanner=function(){function n(n){var e=this;registerInstance(this,n);this.checkCurrentSize=function(){var n=e.element.clientWidth;if(n<500||e.size==="small"){e.currentSize="small"}else if(n<900||e.size==="medium"){e.currentSize="medium"}else{e.currentSize="large"}e.setButtonSize()};this.setButtonSize=function(){if(e.hasActionSlot&&e.currentSize){var n=e.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(var t=0,a=n;t<a.length;t++){var i=a[t];if(i&&i.getAttribute("size")===null&&e.currentSize!=="large"){i.size="small"}else if(i&&i.getAttribute("size")===null&&e.currentSize==="large"){i.size="medium"}}}};this.currentSize=undefined;this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="large";this.image="";this.sources=undefined;this.icon="";this.headingLevel="h2"}n.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadingSlot=hasSlot(this.element,"heading");this.hasDescriptionSlot=hasSlot(this.element,"description");this.hasActionSlot=hasSlot(this.element,"action");checkNamedSlotElement(this.element,"heading","span");this.setButtonSize()};n.prototype.connectedCallback=function(){window.addEventListener("resize",this.checkCurrentSize)};n.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.checkCurrentSize)};n.prototype.componentDidRender=function(){this.checkCurrentSize()};n.prototype.render=function(){var n;var e=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-lighter":this.backgroundColor;var t=getColorByName(e,this.theme);var a=getColorByName(this.textColor,this.theme);var i={backgroundColor:t};var r={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:parsePossibleJSON(this.sources)};return h(Host,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":this.margin==="none"}},h("aside",{key:"7c4b420d5a203fa5066f4a71a801c9fc288e179c",class:(n={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},n[this.currentSize]=true,n["size-medium"]=this.size==="medium"||this.size==="large",n["size-large"]=this.size==="large",n["no-image"]=!this.image,n),style:i},h("div",{key:"dd84b698336d0c159b692bde709c6f10bfe414bf",class:"visual"},h("div",{key:"c92d3fdabc120fa760c30ae44e90a29439817940",class:"image-container"},this.image&&h(DuetPicture,Object.assign({key:"bab1712aa5f1ab77a6c96babc607a9a9d4359dd2"},r))),1>2,h("div",{key:"411fc99b5c017a4b89f4aa375d6725e9e85314e6",style:i,class:"brand-shape"})),h("div",{key:"6ba154b92216b98f00b33d740175760049157d14",class:"content"},this.hasHeadingSlot&&h("div",{key:"ba3ab430999ab6f0823ab957b06bcc4077799c5a",class:"heading"},h("duet-heading",{key:"256ed05f27e6c6c3ec987d4039d6a7caf713458b",theme:this.theme,level:this.headingLevel,"visual-level":this.currentSize==="large"?"h2":"h3","fixed-size":true,margin:"none",color:this.textColor},h("span",{key:"197dbc447ca8910b13c8317cd00507e034e84e6f"},h("slot",{key:"cba3fcc030b0412d981e7cc94626e90aa628cb25",name:"heading"})))),this.hasDescriptionSlot&&h("div",{key:"dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064",class:"description",style:{color:a}},h("slot",{key:"1806ab5f5be1ee076c3978f1fcb676cef6b62893",name:"description"})),this.hasActionSlot&&h("div",{key:"bf9fd56968048a53d15cc1849c2a3b4619851c49",class:"action"},h("slot",{key:"367d2a86cb83fe2d2bdb91ae1e133453e35ce895",name:"action"})))))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();DuetBanner.style=DuetBannerStyle0;export{DuetBanner as duet_banner};
+import{h,r as registerInstance,H as Host,g as getElement}from"./index-fa810c91.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-adbc7a01.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./tokens.module-a746651a.js";var DuetPicture=function(n){var e=n.img,t=n.sources;return h("picture",null,t&&t.map((function(n){return h("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes})})),h("img",Object.assign({},e)))};var duetBannerCss="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n.duet-banner.no-image {\n  display: flex;\n  justify-content: center;\n  padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n  display: none;\n}\n.duet-banner.no-image .content {\n  width: 100%;\n  max-width: 720px;\n  padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n    /* stylelint-enable */\n    padding: 48px;\n  }\n}";var DuetBannerStyle0=duetBannerCss;var DuetBanner=function(){function n(n){var e=this;registerInstance(this,n);this.checkCurrentSize=function(){var n=e.element.clientWidth;if(n<500||e.size==="small"){e.currentSize="small"}else if(n<900||e.size==="medium"){e.currentSize="medium"}else{e.currentSize="large"}e.setButtonSize()};this.setButtonSize=function(){if(e.hasActionSlot&&e.currentSize){var n=e.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(var t=0,a=n;t<a.length;t++){var i=a[t];if(i&&i.getAttribute("size")===null&&e.currentSize!=="large"){i.size="small"}else if(i&&i.getAttribute("size")===null&&e.currentSize==="large"){i.size="medium"}}}};this.currentSize=undefined;this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="large";this.image="";this.sources=undefined;this.icon="";this.headingLevel="h2"}n.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadingSlot=hasSlot(this.element,"heading");this.hasDescriptionSlot=hasSlot(this.element,"description");this.hasActionSlot=hasSlot(this.element,"action");checkNamedSlotElement(this.element,"heading","span");this.setButtonSize()};n.prototype.connectedCallback=function(){window.addEventListener("resize",this.checkCurrentSize)};n.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.checkCurrentSize)};n.prototype.componentDidRender=function(){this.checkCurrentSize()};n.prototype.render=function(){var n;var e=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-lighter":this.backgroundColor;var t=getColorByName(e,this.theme);var a=getColorByName(this.textColor,this.theme);var i={backgroundColor:t};var r={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:parsePossibleJSON(this.sources)};return h(Host,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":this.margin==="none"}},h("aside",{key:"7c4b420d5a203fa5066f4a71a801c9fc288e179c",class:(n={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},n[this.currentSize]=true,n["size-medium"]=this.size==="medium"||this.size==="large",n["size-large"]=this.size==="large",n["no-image"]=!this.image,n),style:i},h("div",{key:"dd84b698336d0c159b692bde709c6f10bfe414bf",class:"visual"},h("div",{key:"c92d3fdabc120fa760c30ae44e90a29439817940",class:"image-container"},this.image&&h(DuetPicture,Object.assign({key:"bab1712aa5f1ab77a6c96babc607a9a9d4359dd2"},r))),1>2,h("div",{key:"411fc99b5c017a4b89f4aa375d6725e9e85314e6",style:i,class:"brand-shape"})),h("div",{key:"6ba154b92216b98f00b33d740175760049157d14",class:"content"},this.hasHeadingSlot&&h("div",{key:"ba3ab430999ab6f0823ab957b06bcc4077799c5a",class:"heading"},h("duet-heading",{key:"256ed05f27e6c6c3ec987d4039d6a7caf713458b",theme:this.theme,level:this.headingLevel,"visual-level":this.currentSize==="large"?"h2":"h3","fixed-size":true,margin:"none",color:this.textColor},h("span",{key:"197dbc447ca8910b13c8317cd00507e034e84e6f"},h("slot",{key:"cba3fcc030b0412d981e7cc94626e90aa628cb25",name:"heading"})))),this.hasDescriptionSlot&&h("div",{key:"dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064",class:"description",style:{color:a}},h("slot",{key:"1806ab5f5be1ee076c3978f1fcb676cef6b62893",name:"description"})),this.hasActionSlot&&h("div",{key:"bf9fd56968048a53d15cc1849c2a3b4619851c49",class:"action"},h("slot",{key:"367d2a86cb83fe2d2bdb91ae1e133453e35ce895",name:"action"})))))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();DuetBanner.style=DuetBannerStyle0;export{DuetBanner as duet_banner};

package/lib/esm-es5/duet-breadcrumb.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-2c1dd412.js";import"./string-utils-192eb3c8.js";var actionArrowRightSmall={title:"action-arrow-right-small",tags:"action arrow right small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>'};var duetBreadcrumbCss="*,*::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:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var DuetBreadcrumbStyle0=duetBreadcrumbCss;var DuetBreadcrumb=function(){function e(e){registerInstance(this,e);this.currentCrumb={fi:"disabled. Nykyinen sivu",sv:"disabled. Visa mer",en:"disabled. Nuvarande sida"};this.hasSlottedContent=false;this.theme="";this.language=getLanguage();this.href="";this.icon="arrow-right-small-icon";this.iconSize="x-small";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this);subscribeTabbingChange(this);this.hasSlottedContent=Array.from(this.element.childNodes).length>0};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.render=function(){var e;return h(Host,{key:"86f359b6ae37d52eefe60d2524b28e90389853a3",role:"listitem"},h("div",{key:"a7e38d3f15c6b459db45ee75194892c626dda720",class:"container"},this.icon==="arrow-right-small-icon"&&h("duet-icon",{key:"271bc89989282bafdc1c02251786cc4ff9d29c94",class:"duet-breadrumbs-arrow",size:"auto",icon:actionArrowRightSmall.svg,margin:"none",color:"currentColor"}),h("a",{key:"27e40d9d4b5213650880dc8fd347708c8074ba7b",class:{"duet-breadcrumb":true,"duet-theme-turva":this.theme==="turva"},href:this.href?this.href:undefined,"aria-label":"".concat(!this.href?"".concat(getLocaleString(this.currentCrumb)," "):"").concat((e=this.accessibleLabel)!==null&&e!==void 0?e:this.element.innerHTML),role:"link"},this.icon!=="arrow-right-small-icon"&&this.icon&&[h("duet-icon",{key:"f7693293ba453f019340e643224ae2d4bc615892",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&h("duet-spacer",{key:"9f5a4594c9c261eb89dad2e969993c776a71dcec",size:"x-small",direction:"horizontal"})],h("slot",{key:"7103eb6d7c67af60d40d4eb4c01df8cb60d8f122"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBreadcrumb.style=DuetBreadcrumbStyle0;export{DuetBreadcrumb as duet_breadcrumb};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-fa810c91.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-35eb1c9f.js";import"./string-utils-192eb3c8.js";var actionArrowRightSmall={title:"action-arrow-right-small",tags:"action arrow right small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>'};var duetBreadcrumbCss="*,*::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:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var DuetBreadcrumbStyle0=duetBreadcrumbCss;var DuetBreadcrumb=function(){function e(e){registerInstance(this,e);this.currentCrumb={fi:"disabled. Nykyinen sivu",sv:"disabled. Visa mer",en:"disabled. Nuvarande sida"};this.hasSlottedContent=false;this.theme="";this.language=getLanguage();this.href="";this.icon="arrow-right-small-icon";this.iconSize="x-small";this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this);subscribeTabbingChange(this);this.hasSlottedContent=Array.from(this.element.childNodes).length>0};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.render=function(){var e;return h(Host,{key:"86f359b6ae37d52eefe60d2524b28e90389853a3",role:"listitem"},h("div",{key:"a7e38d3f15c6b459db45ee75194892c626dda720",class:"container"},this.icon==="arrow-right-small-icon"&&h("duet-icon",{key:"271bc89989282bafdc1c02251786cc4ff9d29c94",class:"duet-breadrumbs-arrow",size:"auto",icon:actionArrowRightSmall.svg,margin:"none",color:"currentColor"}),h("a",{key:"27e40d9d4b5213650880dc8fd347708c8074ba7b",class:{"duet-breadcrumb":true,"duet-theme-turva":this.theme==="turva"},href:this.href?this.href:undefined,"aria-label":"".concat(!this.href?"".concat(getLocaleString(this.currentCrumb)," "):"").concat((e=this.accessibleLabel)!==null&&e!==void 0?e:this.element.innerHTML),role:"link"},this.icon!=="arrow-right-small-icon"&&this.icon&&[h("duet-icon",{key:"f7693293ba453f019340e643224ae2d4bc615892",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&h("duet-spacer",{key:"9f5a4594c9c261eb89dad2e969993c776a71dcec",size:"x-small",direction:"horizontal"})],h("slot",{key:"7103eb6d7c67af60d40d4eb4c01df8cb60d8f122"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBreadcrumb.style=DuetBreadcrumbStyle0;export{DuetBreadcrumb as duet_breadcrumb};