@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.6

package/components/ds-navbar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsNavbar extends Components.DsNavbar, HTMLElement {}
+export const DsNavbar: {
+    prototype: DsNavbar;
+    new (): DsNavbar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-navbar.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as a,H as r,f as e,h as t,e as n,t as o}from"./p-WO0X5Vmy.js";import{_ as i,L as s,a as b}from"./p-J0mxIuTt.js";import{F as d}from"./p-DbM7ALm9.js";import{S as v}from"./p-3Mi9vpmB.js";import{d as c}from"./p-Du7QOHtz.js";import{L as l}from"./p-ByX1_7SF.js";import{d as u}from"./p-CvaNxQtw.js";import{d as m}from"./p-n3_2KEz0.js";import{T as h}from"./p-DAYd9ty0.js";import{O as g}from"./p-BhbWmCTu.js";import{L as p}from"./p-DbY6Pfeh.js";import{L as f}from"./p-DIK6Zkg6.js";const k={de:{mainNavigation:"Hauptnavigation",openMenu:"Navigationsmenu öffnen",closeMenu:"Navigationsmenu schließen",navigationMenu:"Navigationsmenü"},en:{mainNavigation:"Main navigation",openMenu:"Open navigation menu",closeMenu:"Close navigation menu",navigationMenu:"Navigation menu"},fr:{mainNavigation:"Navigation principale",openMenu:"Ouvrir le menu de navigation",closeMenu:"Fermer le menu de navigation",navigationMenu:"Menu de navigation"},it:{mainNavigation:"Navigazione principale",openMenu:"Apri menu di navigazione",closeMenu:"Chiudi menu di navigazione",navigationMenu:"Menu di navigazione"},nl:{mainNavigation:"Hoofdnavigatie",openMenu:"Navigatiemenu openen",closeMenu:"Navigatiemenu sluiten",navigationMenu:"Navigatiemenu"},es:{mainNavigation:"Navegación principal",openMenu:"Abrir menú de navegación",closeMenu:"Cerrar menú de navegación",navigationMenu:"Menú de navegación"},pl:{mainNavigation:"Nawigacja główna",openMenu:"Otwórz menu nawigacji",closeMenu:"Zamknij menu nawigacji",navigationMenu:"Menu nawigacji"},pt:{mainNavigation:"Navegação principal",openMenu:"Abrir menu de navegação",closeMenu:"Fechar menu de navegação",navigationMenu:"Menu de navegação"},sv:{mainNavigation:"Huvudnavigering",openMenu:"Öppna navigationsmeny",closeMenu:"Stäng navigationsmeny",navigationMenu:"Navigationsmeny"},fi:{mainNavigation:"Päänavigaatio",openMenu:"Avaa navigointivalikko",closeMenu:"Sulje navigointivalikko",navigationMenu:"Navigointivalikko"}},x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsMenuOpenStart=e(this,"dsMenuOpenStart"),this.dsMenuOpenEnd=e(this,"dsMenuOpenEnd"),this.dsMenuCloseStart=e(this,"dsMenuCloseStart"),this.dsMenuCloseEnd=e(this,"dsMenuCloseEnd"),this.navEl=null,this.sidebarEl=null,this.burgerButton=null,this.containerEl=null,this.scrollHandler=new v,this.focusHandler=new d,this.burgerModeThresholdWidth=null,this.language=u.language,this.region=u.region,this.isTouch=m.isTouch,this.isSidebarOpen=!1,this.isOverflowing=!1,this.open=!1,this.light=!1,this.container="",this.handleHamburgerClick=()=>{this.toggleSidebar()},this.handleBackdropClick=()=>{this.closeSidebar()},this.handleDrawerClickBound=a=>{this.handleDrawerClick(a)},this.handleDrawerClick=a=>{const r=a.target;("A"===r.tagName||r.closest("a"))&&this.closeSidebar()},this.handleDocumentKeyDown=a=>{"Escape"===a.key&&this.isSidebarOpen&&(a.preventDefault(),this.closeSidebar())}}createLogger(a){this.log=a}openChanged(a){a?this.openSidebar():this.closeSidebar()}connectedCallback(){this.openChanged(this.open),this.scrollHandler.connect(),this.focusHandler.connect()}componentDidLoad(){this.checkNavbarOverflow()}disconnectedCallback(){this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disconnect(),this.scrollHandler.disconnect()}listenToBreakpoint(a){this.isTouch=a.touch,!this.isTouch&&!this.isOverflowing&&this.isSidebarOpen&&this.setIsSidebarOpen(!1)}async configChanged(a){this.language=a.language,this.region=a.region}async listenToResize(){this.checkNavbarOverflow()}async toggleSidebar(){await this.setIsSidebarOpen(!this.isSidebarOpen)}async openSidebar(){await this.setIsSidebarOpen(!0)}async closeSidebar(){await this.setIsSidebarOpen(!1)}attachKeyboardListener(){document.addEventListener("keydown",this.handleDocumentKeyDown)}detachKeyboardListener(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}attachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.addEventListener("click",this.handleDrawerClickBound)}detachSidebarClickListener(){this.sidebarEl&&this.sidebarEl.removeEventListener("click",this.handleDrawerClickBound)}checkNavbarOverflow(){if(!this.navEl)return;if(!this.containerEl)return;const a=this.containerEl.clientWidth,r=this.containerEl.scrollWidth>a;r&&!this.isOverflowing?(this.burgerModeThresholdWidth=a,this.isOverflowing=!0,this.isSidebarOpen&&this.setIsSidebarOpen(!1)):!r&&this.isOverflowing&&this.burgerModeThresholdWidth&&a>this.burgerModeThresholdWidth+100&&(this.isOverflowing=!1,this.burgerModeThresholdWidth=null)}async setIsSidebarOpen(a){var r;if(a===this.isSidebarOpen)return;const e=this.isTouch||this.isOverflowing;a?(this.dsMenuOpenStart.emit(),this.isSidebarOpen=!0,e&&(this.attachKeyboardListener(),this.attachSidebarClickListener(),this.focusHandler.enable({target:this.navEl,restoreElement:this.burgerButton}),null===(r=this.burgerButton)||void 0===r||r.focus(),this.scrollHandler.disable()),this.dsMenuOpenEnd.emit()):(this.dsMenuCloseStart.emit(),e&&(this.detachKeyboardListener(),this.detachSidebarClickListener(),this.focusHandler.disable(),this.focusHandler.restoreFocus(),this.scrollHandler.enable()),this.isSidebarOpen=!1,this.dsMenuCloseEnd.emit())}render(){const a=this.isSidebarOpen,r=this.isTouch||this.isOverflowing,e=k[this.language];return t(n,{key:"d1d6fe2b8427f6685b71ac943c6c25a77cc7d29a",class:{"is-open":a,"is-sidebar-mode":r,"is-light":this.light}},t("nav",{key:"ad444ede1a0403f07f444ea0690a462278c8cd2b",ref:a=>this.navEl=a,id:"nav",role:"navigation","aria-label":e.mainNavigation},t("div",{key:"1283a81c4aea12968c29ce7acea013e0f5bd9517",id:"container",class:{"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container},ref:a=>this.containerEl=a},t("slot",{key:"5ee4b6dfb635e7da66d997e32c888f9938f534ed",name:"brand"}),t("slot",{key:"1842957278e926ebbad94af2be4ed9e307514f15",name:"title"}),t("div",{key:"9a0d72133cfacf2ee5c2fc7b667eb5c3f8b4ff4c",id:"content"},!r&&t("div",{key:"888c531c11e5c6608037c3f2ed65fa70e092b3e1",id:"menu"},t("div",{key:"6c67c0a018968a4b876fb0649cf771a4bc3be8f3",id:"menu-start"},t("slot",{key:"36645b41db88550fba4d98d79f83f036136f2de1",name:"menu-start"})),t("div",{key:"01d1b694734f14b12893b6f9725d77bbd87494ea",id:"menu-end"},t("slot",{key:"98be249966e4f0139944631052e2fd0c8c1209b1",name:"menu-end"}))),t("div",{key:"78e6833390750a161561412abb2db338034a14a9",id:"actions"},t("slot",{key:"e8bf50d3790e69523952060fff33aaf61e1a80ad",name:"actions"}),r&&t("button",{key:"d7ed939c79ee98919a158e2b713386b031404550",ref:a=>this.burgerButton=a,id:"hamburger",type:"button",title:a?e.closeMenu:e.openMenu,"aria-label":a?e.closeMenu:e.openMenu,"aria-expanded":a,"aria-controls":"sidebar",onClick:()=>this.handleHamburgerClick()},t("ds-icon",{key:"0c8a7c53544d7c2c0b7aac5e91f7ab32bfa857a6",name:a?"close":"menu-bars",size:"",color:"white"}))))),r&&t("aside",{key:"40ac910cfa7c5610311883bd92cb743601570f04",id:"sidebar",role:"dialog","aria-modal":"true","aria-label":e.navigationMenu,class:{"is-open":a},ref:a=>this.sidebarEl=a},t("div",{key:"59262ffc7c7d40659584fe4ffcd41d32606e7501",id:"sidebar-backdrop",onClick:this.handleBackdropClick}),t("div",{key:"1debe69728a1868e0680066a6efd7ba9fa0a0a22",id:"sidebar-panel",tabindex:"-1"},t("div",{key:"f1d380906397ec3e959013284fb3feaa489800d7",id:"sidebar-content"},t("div",{key:"bbe972dc6f5e96d66473e4301706838dadb6e85e",id:"sidebar-start"},t("slot",{key:"7177345c52b8bc829417db81fb3d107de920ce15",name:"menu-start"})),t("div",{key:"a416d3e2a3b5fb87555e7b7bbe1020a4b1998bae",id:"sidebar-end"},t("slot",{key:"953903c4a9ae1007ae5cd3a294e3c091b534945b",name:"menu-end"})))))))}get el(){return this}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return':host{--_link-focus:var(--link-focus, var(--mod-link-focus, var(--ds-alias-interaction-focus-color-base)));--_navbar-background:var(--navbar-background, var(--mod-navbar-background, var(--ds-navbar-base-layout-background)));--_navbar-padding:var(--navbar-padding, var(--mod-navbar-padding, var(--ds-navbar-base-layout-padding)));--_navbar-height:var(--navbar-height, var(--mod-navbar-height, var(--ds-navbar-base-layout-height)));--_navbar-shadow:var(--navbar-shadow, var(--mod-navbar-shadow, var(--ds-navbar-base-layout-shadow)));--_navbar-z-index:var(--navbar-z-index, var(--mod-navbar-z-index, var(--ds-navbar-base-layout-z-index)));--_navbar-brand-gap:var(--navbar-brand-gap, var(--mod-navbar-brand-gap, var(--ds-navbar-base-brand-gap)));--_navbar-brand-focus-radius:var(--navbar-brand-focus-radius, var(--mod-navbar-brand-focus-radius, var(--ds-navbar-base-brand-focus-radius)));--_navbar-title-color:var(--navbar-title-color, var(--mod-navbar-title-color, var(--ds-navbar-base-title-color)));--_navbar-title-font-family:var(--navbar-title-font-family, var(--mod-navbar-title-font-family, var(--ds-navbar-base-title-font-family)));--_navbar-title-font-size:var(--navbar-title-font-size, var(--mod-navbar-title-font-size, var(--ds-navbar-base-title-font-size)));--_navbar-title-font-weight:var(--navbar-title-font-weight, var(--mod-navbar-title-font-weight, var(--ds-navbar-base-title-font-weight)));--_navbar-hamburger-width:var(--navbar-hamburger-width, var(--mod-navbar-hamburger-width, var(--ds-navbar-base-hamburger-width)));--_navbar-hamburger-height:var(--navbar-hamburger-height, var(--mod-navbar-hamburger-height, var(--ds-navbar-base-hamburger-height)));--_navbar-hamburger-padding:var(--navbar-hamburger-padding, var(--mod-navbar-hamburger-padding, var(--ds-navbar-base-hamburger-padding)));--_navbar-hamburger-radius:var(--navbar-hamburger-radius, var(--mod-navbar-hamburger-radius, var(--ds-navbar-base-hamburger-radius)));--_navbar-hamburger-transition-duration:var(--navbar-hamburger-transition-duration, var(--mod-navbar-hamburger-transition-duration, var(--ds-navbar-base-hamburger-transition-duration)));--_navbar-sidebar-max-width:var(--navbar-sidebar-max-width, var(--mod-navbar-sidebar-max-width, var(--ds-navbar-base-sidebar-max-width)));--_navbar-sidebar-slide-duration:var(--navbar-sidebar-slide-duration, var(--mod-navbar-sidebar-slide-duration, var(--ds-navbar-base-sidebar-slide-duration)));--_navbar-sidebar-backdrop-color:var(--navbar-sidebar-backdrop-color, var(--mod-navbar-sidebar-backdrop-color, var(--ds-navbar-base-sidebar-backdrop-color)));--_navbar-sidebar-backdrop-opacity:var(--navbar-sidebar-backdrop-opacity, var(--mod-navbar-sidebar-backdrop-opacity, var(--ds-global-elevation-opacity-50)));--_navbar-sidebar-panel-background:var(--navbar-sidebar-panel-background, var(--mod-navbar-sidebar-panel-background, var(--ds-navbar-base-sidebar-panel-background)));--_navbar-sidebar-panel-shadow:var(--navbar-sidebar-panel-shadow, var(--mod-navbar-sidebar-panel-shadow, var(--ds-navbar-base-sidebar-panel-shadow)));--_navbar-sidebar-panel-border-top:var(--navbar-sidebar-panel-border-top, var(--mod-navbar-sidebar-panel-border-top, var(--ds-navbar-base-sidebar-panel-border-top)));--_navbar-sidebar-content-gap:var(--navbar-sidebar-content-gap, var(--mod-navbar-sidebar-content-gap, var(--ds-navbar-base-sidebar-content-gap)));--_navbar-sidebar-padding-inline:var(--navbar-sidebar-padding-inline, var(--mod-navbar-sidebar-padding-inline, var(--ds-navbar-base-sidebar-content-padding-inline)));--_navbar-sidebar-padding-block:var(--navbar-sidebar-padding-block, var(--mod-navbar-sidebar-padding-block, var(--ds-navbar-base-sidebar-content-padding-block)));--_navbar-sidebar-item-min-height:var(--navbar-sidebar-item-min-height, var(--mod-navbar-sidebar-item-min-height, var(--ds-navbar-base-sidebar-item-min-height)));--_navbar-sidebar-item-padding-block:var(--navbar-sidebar-item-padding-block, var(--mod-navbar-sidebar-item-padding-block, var(--ds-navbar-base-sidebar-item-padding-block)));--_navbar-sidebar-item-padding-inline:var(--navbar-sidebar-item-padding-inline, var(--mod-navbar-sidebar-item-padding-inline, var(--ds-navbar-base-sidebar-item-padding-inline)));--_navbar-sidebar-item-font-size:var(--navbar-sidebar-item-font-size, var(--mod-navbar-sidebar-item-font-size, var(--ds-navbar-base-sidebar-item-font-size)));--_navbar-sidebar-item-font-weight:var(--navbar-sidebar-item-font-weight, var(--mod-navbar-sidebar-item-font-weight, var(--ds-navbar-base-sidebar-item-font-weight)));--_navbar-sidebar-item-font-family:var(--navbar-sidebar-item-font-family, var(--mod-navbar-sidebar-item-font-family, var(--ds-navbar-base-sidebar-item-font-family)));--_navbar-sidebar-item-color:var(--navbar-sidebar-item-color, var(--mod-navbar-sidebar-item-color, var(--ds-navbar-base-sidebar-item-color-base)));--_navbar-sidebar-item-background-active:var(--navbar-sidebar-item-background-active, var(--mod-navbar-sidebar-item-background-active, var(--ds-navbar-base-sidebar-item-background-active)));--_navbar-sidebar-item-background-hover:var(--navbar-sidebar-item-background-hover, var(--mod-navbar-sidebar-item-background-hover, var(--ds-navbar-base-sidebar-item-background-hover)));--_navbar-sidebar-item-color-hover:var(--navbar-sidebar-item-color-hover, var(--mod-navbar-sidebar-item-color-hover, var(--ds-navbar-base-sidebar-item-color-hover)));--_navbar-sidebar-item-color-active:var(--navbar-sidebar-item-color-active, var(--mod-navbar-sidebar-item-color-active, var(--ds-navbar-base-sidebar-item-color-active)));--_navbar-sidebar-item-divider-color:var(--navbar-sidebar-item-divider-color, var(--mod-navbar-sidebar-item-divider-color, var(--ds-navbar-base-sidebar-item-divider-color)));--_navbar-sidebar-item-divider-color-active:var(--navbar-sidebar-item-divider-color-active, var(--mod-navbar-sidebar-item-divider-color-active, var(--ds-navbar-base-sidebar-item-divider-color-active)));--_navbar-sidebar-item-chevron-size:var(--navbar-sidebar-item-chevron-size, var(--mod-navbar-sidebar-item-chevron-size, var(--ds-navbar-base-sidebar-item-chevron-size)));--_navbar-sidebar-item-chevron-color:var(--navbar-sidebar-item-chevron-color, var(--mod-navbar-sidebar-item-chevron-color, var(--ds-navbar-base-sidebar-item-chevron-color)));--_navbar-menu-gap:var(--navbar-menu-gap, var(--mod-navbar-menu-gap, var(--ds-navbar-base-menu-gap)));--_navbar-menu-start-gap:var(--navbar-menu-start-gap, var(--mod-navbar-menu-start-gap, var(--ds-navbar-base-menu-start-gap)));--_navbar-menu-item-color:var(--navbar-menu-item-color, var(--mod-navbar-menu-item-color, var(--ds-navbar-base-menu-item-color-base)));--_navbar-menu-item-font-size:var(--navbar-menu-item-font-size, var(--mod-navbar-menu-item-font-size, var(--ds-navbar-base-menu-item-font-size)));--_navbar-menu-item-padding-block:var(--navbar-menu-item-padding-block, var(--mod-navbar-menu-item-padding-block, var(--ds-navbar-base-menu-item-padding-block)));--_navbar-menu-item-padding-inline:var(--navbar-menu-item-padding-inline, var(--mod-navbar-menu-item-padding-inline, var(--ds-navbar-base-menu-item-padding-inline)));--_navbar-menu-item-border-radius:var(--navbar-menu-item-border-radius, var(--mod-navbar-menu-item-border-radius, var(--ds-navbar-base-menu-item-border-radius)));--_navbar-menu-item-color-hover:var(--navbar-menu-item-color-hover, var(--mod-navbar-menu-item-color-hover, var(--ds-navbar-base-menu-item-color-hover)));--_navbar-menu-item-color-selected:var(--navbar-menu-item-color-selected, var(--mod-navbar-menu-item-color-selected, var(--ds-navbar-base-menu-item-color-selected)));--_navbar-menu-item-color-selected-hover:var(--navbar-menu-item-color-selected-hover, var(--mod-navbar-menu-item-color-selected-hover, var(--ds-navbar-base-menu-item-color-selected-hover)));--_navbar-menu-item-color-active:var(--navbar-menu-item-color-active, var(--mod-navbar-menu-item-color-active, var(--ds-navbar-base-menu-item-color-active)));--_navbar-menu-item-underline-height:var(--navbar-menu-item-underline-height, var(--mod-navbar-menu-item-underline-height, var(--ds-global-size-border-2)));--_navbar-menu-item-underline-border-radius:var(--navbar-menu-item-underline-border-radius, var(--mod-navbar-menu-item-underline-border-radius, var(--ds-alias-radius-rounded)));--_navbar-menu-item-transition-duration:var(--navbar-menu-item-transition-duration, var(--mod-navbar-menu-item-transition-duration, var(--ds-navbar-base-menu-item-transition-duration)));--_navbar-menu-end-gap:var(--navbar-menu-end-gap, var(--mod-navbar-menu-end-gap, var(--ds-navbar-base-menu-end-gap)));--_navbar-container-gap:var(--navbar-container-gap, var(--mod-navbar-container-gap, var(--ds-navbar-base-container-gap)));--_navbar-content-gap:var(--navbar-content-gap, var(--mod-navbar-content-gap, var(--ds-navbar-base-content-gap)));--_navbar-button-color-text:var(--navbar-button-color-text, var(--mod-navbar-button-color-text, var(--ds-navbar-base-button-color-text-base)));--_navbar-button-color-background:var(--navbar-button-color-background, var(--mod-navbar-button-color-background, var(--ds-navbar-base-button-color-background-base)));--_navbar-button-color-border:var(--navbar-button-color-border, var(--mod-navbar-button-color-border, var(--ds-navbar-base-button-color-border-base)));--_navbar-button-color-text-hover:var(--navbar-button-color-text-hover, var(--mod-navbar-button-color-text-hover, var(--ds-navbar-base-button-color-text-hover)));--_navbar-button-color-background-hover:var(--navbar-button-color-background-hover, var(--mod-navbar-button-color-background-hover, var(--ds-navbar-base-button-color-background-hover)));--_navbar-button-color-border-hover:var(--navbar-button-color-border-hover, var(--mod-navbar-button-color-border-hover, var(--ds-navbar-base-button-color-border-hover)));--_navbar-button-color-text-active:var(--navbar-button-color-text-active, var(--mod-navbar-button-color-text-active, var(--ds-navbar-base-button-color-text-active)));--_navbar-button-color-background-active:var(--navbar-button-color-background-active, var(--mod-navbar-button-color-background-active, var(--ds-navbar-base-button-color-background-active)));--_navbar-button-color-border-active:var(--navbar-button-color-border-active, var(--mod-navbar-button-color-border-active, var(--ds-navbar-base-button-color-border-active)));--_navbar-focus-color-start:var(--navbar-focus-color-start, var(--mod-navbar-focus-color-start, var(--ds-navbar-base-focus-color-start)));--_navbar-focus-color-end:var(--navbar-focus-color-end, var(--mod-navbar-focus-color-end, var(--ds-navbar-base-focus-color-end)))}:host{display:block;position:relative;z-index:var(--_navbar-z-index);width:100%;background-color:var(--_navbar-background);-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow)}#nav{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:var(--_navbar-height);max-height:var(--_navbar-height);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--_navbar-container-gap);padding-left:var(--ds-alias-container-space-device);padding-right:var(--ds-alias-container-space-device);width:100%;max-width:var(--ds-alias-container-width-base)}#container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}#container.is-compact{max-width:var(--ds-alias-container-width-compact)}#content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:var(--_navbar-content-gap)}::slotted([slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap)}::slotted(a[slot=brand]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:var(--_navbar-brand-gap);outline:none}::slotted(a[slot=brand])::-moz-focus-inner{border:0}::slotted(a[slot=brand])::after{content:"";position:absolute;width:1px;height:1px;border-radius:var(--_navbar-brand-focus-radius);background-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}::slotted(a[slot=brand]:focus-visible)::after{padding:1rem;width:100%;height:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}::slotted([slot=title]){color:var(--_navbar-title-color);font-family:var(--_navbar-title-font-family);font-size:var(--_navbar-title-font-size);font-weight:var(--_navbar-title-font-weight);display:none}@media screen and (min-width: 769px){::slotted([slot=title]){display:block}}#hamburger{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;background:none;border:none;padding:var(--_navbar-hamburger-padding);color:var(--_navbar-button-color-text);background-color:var(--_navbar-button-color-background);width:var(--_navbar-hamburger-width);height:var(--_navbar-hamburger-height);border-radius:var(--_navbar-hamburger-radius);margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;--icon-color:var(--_navbar-button-color-text);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow;transition-property:translate,color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:var(--_navbar-hamburger-transition-duration);transition-duration:var(--_navbar-hamburger-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#hamburger::-moz-focus-inner{border:0}#hamburger:focus-visible{-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#hamburger:hover{color:var(--_navbar-button-color-text-hover);background-color:var(--_navbar-button-color-background-hover);--icon-color:var(--_navbar-button-color-text-hover)}#hamburger:active{color:var(--_navbar-button-color-text-active);background-color:var(--_navbar-button-color-background-active);--icon-color:var(--_navbar-button-color-text-active);translate:0 .5px}#sidebar{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;position:fixed;top:var(--_navbar-height);right:0;bottom:0;left:0;z-index:var(--ds-alias-z-index-navigation);pointer-events:none;-webkit-transition:visibility var(--_navbar-sidebar-slide-duration) ease;transition:visibility var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open{pointer-events:auto;visibility:visible}:host:not(.is-sidebar-mode) #sidebar{pointer-events:none !important;display:none !important;visibility:hidden !important}#sidebar-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;-webkit-transition:opacity var(--_navbar-sidebar-slide-duration) ease;transition:opacity var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-backdrop{opacity:1}#sidebar-panel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;max-width:var(--_navbar-sidebar-max-width);height:100%;background-color:var(--_navbar-sidebar-panel-background);overflow-y:auto;outline:none;-webkit-box-shadow:var(--_navbar-shadow);box-shadow:var(--_navbar-shadow);border-top:var(--_navbar-sidebar-panel-border-top);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:-webkit-transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease;transition:transform var(--_navbar-sidebar-slide-duration) ease, -webkit-transform var(--_navbar-sidebar-slide-duration) ease}#sidebar.is-open #sidebar-panel{-webkit-transform:translateX(0);transform:translateX(0)}#sidebar-content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-sidebar-content-gap);padding-inline:var(--_navbar-sidebar-padding-inline);padding-block:var(--_navbar-sidebar-padding-block);overflow-y:auto}#sidebar-content ::slotted(a[slot=menu-start]),#sidebar-content ::slotted(.link[slot=menu-start]){position:relative;color:var(--_navbar-sidebar-item-color);--icon-color:var(--_navbar-sidebar-item-color);font-size:var(--_navbar-sidebar-item-font-size);font-weight:var(--_navbar-sidebar-item-font-weight);font-family:var(--_navbar-sidebar-item-font-family);text-decoration:none;min-height:var(--_navbar-sidebar-item-min-height);padding-block:var(--_navbar-sidebar-item-padding-block);padding-inline:var(--_navbar-sidebar-item-padding-inline);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow;transition-property:color,background-color,border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#sidebar-content ::slotted(a[slot=menu-start])::-moz-focus-inner,#sidebar-content ::slotted(.link[slot=menu-start])::-moz-focus-inner{border:0}#sidebar-content ::slotted(a[slot=menu-start])::before,#sidebar-content ::slotted(.link[slot=menu-start])::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--ds-divider-width);border-radius:var(--ds-alias-radius-base);background-color:var(--_navbar-sidebar-item-divider-color);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:border-color,-webkit-box-shadow;transition-property:border-color,-webkit-box-shadow;transition-property:border-color,box-shadow;transition-property:border-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);z-index:1}#sidebar-content ::slotted(a[slot=menu-start])::after,#sidebar-content ::slotted(.link[slot=menu-start])::after{content:"";position:absolute;right:.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_navbar-sidebar-item-chevron-size);height:var(--_navbar-sidebar-item-chevron-size);background-color:var(--_navbar-sidebar-item-chevron-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z%22/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page]),#sidebar-content ::slotted(a[slot=menu-start][aria-current=page]){background:var(--_navbar-sidebar-item-background-active)}#sidebar-content ::slotted(.link[slot=menu-start][aria-current=page])::before,#sidebar-content ::slotted(a[slot=menu-start][aria-current=page])::before{background-color:var(--_navbar-sidebar-item-divider-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:hover),#sidebar-content ::slotted(a[slot=menu-start]:hover){background:var(--_navbar-sidebar-item-background-hover);color:var(--_navbar-sidebar-item-color-hover);--icon-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::after,#sidebar-content ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:hover)::before,#sidebar-content ::slotted(a[slot=menu-start]:hover)::before{background-color:var(--_navbar-sidebar-item-color-hover)}#sidebar-content ::slotted(.link[slot=menu-start]:active),#sidebar-content ::slotted(a[slot=menu-start]:active){background:var(--_navbar-sidebar-item-background-active);color:var(--_navbar-sidebar-item-color-active);--icon-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::after,#sidebar-content ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:active)::before,#sidebar-content ::slotted(a[slot=menu-start]:active)::before{background-color:var(--_navbar-sidebar-item-color-active)}#sidebar-content ::slotted(.link[slot=menu-start]:focus-visible:not(:active))::before,#sidebar-content ::slotted(a[slot=menu-start]:focus-visible:not(:active))::before{border-radius:var(--ds-alias-radius-base);background-color:rgba(0,0,0,0);height:100%;width:100%;-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#sidebar-content #sidebar-end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_navbar-content-gap);margin-top:var(--ds-global-size-space-32)}#sidebar-content ::slotted(ds-button[slot=menu-end]),#sidebar-content ::slotted(button[slot=menu-end]),#sidebar-content ::slotted(button.button[slot=menu-end]){width:100%;--button-width:100%;--button-min-width:100%}#menu{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-gap)}#menu #menu-start{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-start-gap);-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}#menu #menu-start ::slotted(.link[slot=menu-start]),#menu #menu-start ::slotted(a[slot=menu-start]){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:var(--_navbar-menu-item-color);font-size:var(--_navbar-menu-item-font-size);border-radius:var(--_navbar-menu-item-border-radius);padding-inline:var(--_navbar-menu-item-padding-inline);padding-block:var(--_navbar-menu-item-padding-block);text-decoration:none;outline:none;white-space:nowrap;-webkit-transition:color 120ms ease;transition:color 120ms ease;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start])::after,#menu #menu-start ::slotted(a[slot=menu-start])::after{content:"";position:absolute;bottom:-0.5rem;left:0;right:0;height:var(--_navbar-menu-item-underline-height);border-radius:var(--_navbar-menu-item-underline-border-radius);background-color:rgba(0,0,0,0);-webkit-transition:background-color 120ms ease;transition:background-color 120ms ease}#menu #menu-start ::slotted([slot=menu-start].is-active),#menu #menu-start ::slotted([slot=menu-start][aria-current=page]){font-weight:var(--ds-alias-text-weight-bold)}#menu #menu-start ::slotted([slot=menu-start].is-active)::after,#menu #menu-start ::slotted([slot=menu-start][aria-current=page])::after{background-color:var(--_navbar-menu-item-color-selected)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover),#menu #menu-start ::slotted(a[slot=menu-start]:hover){color:var(--_navbar-menu-item-color-hover);--icon-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:hover)::after,#menu #menu-start ::slotted(a[slot=menu-start]:hover)::after{background-color:var(--_navbar-menu-item-color-hover)}#menu #menu-start ::slotted(.link[slot=menu-start]:active),#menu #menu-start ::slotted(a[slot=menu-start]:active){color:var(--_navbar-menu-item-color-active);--icon-color:var(--_navbar-menu-item-color-active)}#menu #menu-start ::slotted(.link[slot=menu-start]:active)::after,#menu #menu-start ::slotted(a[slot=menu-start]:active)::after{background-color:var(--_navbar-menu-item-color-active)}#menu #menu-start{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:var(--_navbar-menu-item-transition-duration);transition-duration:var(--_navbar-menu-item-transition-duration);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#menu #menu-start ::slotted(.link[slot=menu-start]:focus-visible),#menu #menu-start ::slotted(a[slot=menu-start]:focus-visible){-webkit-box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important;box-shadow:var(--_navbar-focus-color-start) 0 0 0 2px,var(--_navbar-focus-color-end) 0 0 0 5px !important}#menu #menu-end{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#menu #menu-end ::slotted(ds-button[slot=menu-end]),#menu #menu-end ::slotted(.button[slot=menu-end]),#menu #menu-end ::slotted(button[slot=menu-end]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}#actions{display:-ms-flexbox;display:flex;gap:var(--_navbar-menu-end-gap);-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#actions ::slotted(ds-button[slot=actions]),#actions ::slotted(.button[slot=actions]),#actions ::slotted(button[slot=actions]){--button-focus-shadow:var(--_navbar-focus-color-end);--button-color-text:var(--_navbar-button-color-text);--button-color-background:var(--_navbar-button-color-background);--button-color-border:var(--_navbar-button-color-border);--button-color-text-hover:var(--_navbar-button-color-text-hover);--button-color-background-hover:var(--_navbar-button-color-background-hover);--button-color-border-hover:var(--_navbar-button-color-border-hover);--button-color-text-active:var(--_navbar-button-color-text-active);--button-color-background-active:var(--_navbar-button-color-background-active);--button-color-border-active:var(--_navbar-button-color-border-active)}:host(.is-light){--logo-color:var(--ds-navbar-light-title-color);--mod-navbar-background:var(--ds-navbar-light-background);--mod-navbar-title-color:var(--ds-navbar-light-title-color);--_navbar-focus-color-start:var(--ds-navbar-light-focus-color-start);--_navbar-focus-color-end:var(--ds-navbar-light-focus-color-end);--mod-navbar-menu-item-color:var(--ds-navbar-light-menu-item-color-base);--mod-navbar-menu-item-color-hover:var(--ds-navbar-light-menu-item-color-hover);--mod-navbar-menu-item-color-active:var(--ds-navbar-light-menu-item-color-active);--mod-navbar-menu-item-color-selected:var(--ds-navbar-light-menu-item-color-selected);--mod-navbar-sidebar-panel-border-top:var(--ds-navbar-light-sidebar-panel-border-top);--mod-navbar-button-color-text:var(--ds-navbar-light-button-color-text-base);--mod-navbar-button-color-background:var(--ds-navbar-light-button-color-background-base);--mod-navbar-button-color-border:var(--ds-navbar-light-button-color-border-base);--mod-navbar-button-color-text-hover:var(--ds-navbar-light-button-color-text-hover);--mod-navbar-button-color-background-hover:var(--ds-navbar-light-button-color-background-hover);--mod-navbar-button-color-border-hover:var(--ds-navbar-light-button-color-border-hover);--mod-navbar-button-color-text-active:var(--ds-navbar-light-button-color-text-active);--mod-navbar-button-color-background-active:var(--ds-navbar-light-button-color-background-active);--mod-navbar-button-color-border-active:var(--ds-navbar-light-button-color-border-active)}'}},[257,"ds-navbar",{open:[516],light:[4],container:[1],language:[32],region:[32],isTouch:[32],isSidebarOpen:[32],isOverflowing:[32],configChanged:[64],listenToResize:[64],toggleSidebar:[64],openSidebar:[64],closeSidebar:[64]},void 0,{open:[{openChanged:0}]}]);i([s("navbar"),b("design:type",Function),b("design:paramtypes",[Function]),b("design:returntype",void 0)],x.prototype,"createLogger",null),i([h("boolean"),b("design:type",Boolean)],x.prototype,"open",void 0),i([h("boolean"),b("design:type",Boolean)],x.prototype,"light",void 0),i([g(["default","fluid","compact",""]),b("design:type",String)],x.prototype,"container",void 0),i([p(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([f(),b("design:type",Function),b("design:paramtypes",[Object]),b("design:returntype",Promise)],x.prototype,"configChanged",null),i([l(),b("design:type",Function),b("design:paramtypes",[]),b("design:returntype",Promise)],x.prototype,"listenToResize",null);const w=x,_=function(){"undefined"!=typeof customElements&&["ds-navbar","ds-icon"].forEach((a=>{switch(a){case"ds-navbar":customElements.get(o(a))||customElements.define(o(a),x);break;case"ds-icon":customElements.get(o(a))||c()}}))};export{w as DsNavbar,_ as defineCustomElement}

package/components/ds-notification.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-BNY3JzuV.js";import{_ as r,L as e,a as s}from"./p-Dr4dquer.js";import{s as d}from"./p-Urcs7-vS.js";import{n as f}from"./p-DR5LIaCn.js";import{s as l,V as m,a as v}from"./p-82RSSk25.js";import{d as g}from"./p-xDEngwqW.js";import{d as h}from"./p-JZ1uDtZv.js";import{d as p}from"./p-BOTkpyFe.js";import{d as b}from"./p-BMBthpLd.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}sizeChanged(i){this.size=f(i)}connectedCallback(){l(this),this.size=f(this.size)}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){return n(a,Object.assign({key:"fba49f38b57b8aeb384390ab0598d2d34b53152c"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:!!this.color,["is-"+this.size]:!!this.size}}),n("section",{key:"386f8968955fd0eeb7b46e89adca731b84ae2f3b",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"c6dcd83a7a89d5a081e3c8360a2dd3d02653ac85",part:"close",onClick:i=>{d(i),this.close()}}),this.heading&&n("h2",{key:"b660129e85391c5e9e916868f16e7275af9305df",part:"heading"},this.heading),n("span",{key:"23a99ca6186f906ecfc69e65290bf424abb7c9f6"},n("slot",{key:"5a276328a4438b0f8ca0a9a0702e61236e7eecd6"}))))}get el(){return this}static get watchers(){return{size:[{sizeChanged:0}]}}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1025],didLoad:[32],close:[64]},void 0,{size:[{sizeChanged:0}]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([m("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([m("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([v("","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"),s("design:type",String)],u.prototype,"color",void 0),r([m("string"),s("design:type",String)],u.prototype,"heading",void 0),r([m("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([v("sm","md","lg","","small","medium","large"),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||g();break;case"ds-close":customElements.get(c(i))||h();break;case"ds-icon":customElements.get(c(i))||p();break;case"ds-spinner":customElements.get(c(i))||b()}}))};export{_ as DsNotification,y as defineCustomElement}
+import{p as i,H as o,f as t,h as n,e as a,t as c}from"./p-WO0X5Vmy.js";import{_ as r,L as e,a as s}from"./p-J0mxIuTt.js";import{s as d}from"./p-BwfAXfmz.js";import{h as f}from"./p-BrIcCcce.js";import{n as l}from"./p-DR5LIaCn.js";import{d as m}from"./p-CjIxf5zy.js";import{d as v}from"./p-Ctnm_MBD.js";import{d as g}from"./p-Du7QOHtz.js";import{d as p}from"./p-CYWn3X22.js";import{T as h}from"./p-DAYd9ty0.js";import{O as b}from"./p-BhbWmCTu.js";const u=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=t(this,"dsCloseClick"),this.dsDidLoad=t(this,"dsDidLoad"),this.didLoad=!1,this.alert=!1,this.closable=!1,this.closeHandler=()=>{},this.color="",this.heading="",this.noIcon=!1}createLogger(i){this.log=i}componentDidLoad(){this.didLoad=!0,this.dsDidLoad.emit()}async close(){this.dsCloseClick.emit(),this.closeHandler()}render(){const i=l(this.size)||"";return n(a,Object.assign({key:"1edcd6336e71620b77dcdcd17ad0cd35b42b3b30"},this.alert?{role:"alert","aria-live":"assertive","aria-atomic":"true"}:{role:"status","aria-live":"polite","aria-atomic":"true"},{class:{"has-no-icon":this.noIcon,["is-"+this.color]:f(this.color),["is-"+i]:f(this.size)}}),n("section",{key:"52d3b15486dc26950c64f4d20a6664abd2b98d79",id:"notification",part:"section"},this.closable&&n("ds-close",{key:"5102d95443bd14776df77ebc80f274cfe9af5e43",part:"close",onClick:i=>{d(i),this.close()}}),f(this.heading)&&n("h2",{key:"0805c258051a652a721a43e931a5592b59135dbc",part:"heading"},this.heading),n("span",{key:"611f25893c7c7654df1ea374bb075752bcd07b86"},n("slot",{key:"55724fb85349db975b4a089d7b433517572aad4f"}))))}get el(){return this}static get style(){return':host{--_notification-position:var(--notification-position, var(--mod-notification-position, static));--_notification-top:var(--notification-top, var(--mod-notification-top));--_notification-right:var(--notification-right, var(--mod-notification-right));--_notification-bottom:var(--notification-bottom, var(--mod-notification-bottom));--_notification-left:var(--notification-left, var(--mod-notification-left));position:var(--_notification-position);top:var(--_notification-top);right:var(--_notification-right);bottom:var(--_notification-bottom);left:var(--_notification-left);--_notification-m:var(--notification-m, var(--mod-notification-m, 0));--_notification-my:var(--notification-my, var(--mod-notification-my));--_notification-mx:var(--notification-mx, var(--mod-notification-mx));--_notification-ml:var(--notification-ml, var(--mod-notification-ml));--_notification-mr:var(--notification-mr, var(--mod-notification-mr));--_notification-mt:var(--notification-mt, var(--mod-notification-mt));--_notification-mb:var(--notification-mb, var(--mod-notification-mb));margin:var(--_notification-m);margin-inline:var(--_notification-mx);margin-block:var(--_notification-my);margin-left:var(--_notification-ml);margin-right:var(--_notification-mr);margin-top:var(--_notification-mt);margin-bottom:var(--_notification-mb);--_notification-radius:var(--notification-radius, var(--mod-notification-radius, var(--ds-notification-radius)));--_notification-color-background:var(--notification-color-background, var(--mod-notification-color-background, var(--ds-notification-color-base-background)));--_notification-color-border:var(--notification-color-border, var(--mod-notification-color-border, var(--ds-notification-color-base-border)));--_notification-color-text:var(--notification-color-text, var(--mod-notification-color-text, var(--ds-notification-color-base-text)));--_notification-heading-family:var(--notification-heading-family, var(--mod-notification-heading-family, var(--ds-text-family-heading)));--_notification-heading-weight:var(--notification-heading-weight, var(--mod-notification-heading-weight, var(--ds-text-weight-bold)));--_notification-heading-size:var(--notification-heading-size, var(--mod-notification-heading-size, var(--ds-text-size-lg-device)));--_notification-heading-line-height:var(--notification-heading-line-height, var(--mod-notification-heading-line-height, var(--ds-text-line-height-heading)));--_notification-content-family:var(--notification-content-family, var(--mod-notification-content-family, var(--ds-text-family-body)));--_notification-content-weight:var(--notification-content-weight, var(--mod-notification-content-weight, inherit));--_notification-content-size:var(--notification-content-size, var(--mod-notification-content-size, var(--ds-text-size-base-device)));--_notification-content-line-height:var(--notification-content-line-height, var(--mod-notification-content-line-height, var(--ds-text-line-height-body)));--_notification-icon:var(--notification-icon, var(--mod-notification-icon, var(--ds-notification-color-base-icon)));--_notification-icon-display:var(--notification-icon-display, var(--mod-notification-icon-display, block));--_notification-space:var(--notification-space, var(--mod-notification-space, var(--ds-card-space-base-device, 1.5rem)));--_notification-icon-space:var(--notification-icon-space, var(--mod-notification-icon-space, 1.5rem));--_notification-close-offset:var(--notification-close-offset, var(--mod-notification-close-offset, 2rem));--_notification-gap:var(--notification-gap, var(--mod-notification-gap, 0.125rem));--_notification-close-position:var(--notification-close-position, var(--mod-notification-close-position, absolute));--_notification-close-right:var(--notification-close-right, var(--mod-notification-close-right, var(--_notification-space)));--_notification-close-top:var(--notification-close-top, var(--mod-notification-close-top, var(--_notification-space)));--_notification-animation-start-opacity:var(--notification-animation-start-opacity, var(--mod-notification-animation-start-opacity, 1));--_notification-animation-start-transform:var(--notification-animation-start-transform, var(--mod-notification-animation-start-transform, none));--_notification-animation-transition:var(--notification-animation-transition, var(--mod-notification-animation-transition, none));--_notification-animation-end-opacity:var(--notification-animation-end-opacity, var(--mod-notification-animation-end-opacity, 1));--_notification-animation-end-transform:var(--notification-animation-end-transform, var(--mod-notification-animation-end-transform, none))}#notification{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;border:var(--ds-alias-border-width-base) solid var(--_notification-color-border);border-radius:var(--_notification-radius);background:var(--_notification-color-background);color:var(--_notification-color-text);padding-top:var(--_notification-space);padding-right:var(--_notification-space);padding-bottom:var(--_notification-space);padding-left:calc(var(--_notification-space) + var(--_notification-icon-space));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--_notification-gap)}#notification ds-close,#notification .close{position:var(--_notification-close-position);top:var(--_notification-close-top);right:var(--_notification-close-right)}#notification>h2{font-family:var(--_notification-heading-family);font-weight:var(--_notification-heading-weight);line-height:var(--_notification-heading-line-height);font-size:var(--_notification-heading-size);margin:0 !important}#notification:has(.close)>h2::before,#notification:has(ds-close)>h2::before{content:"";float:right;width:24px;height:calc(var(--_notification-heading-line-height)*16px)}#notification>span,#notification>p{font-family:var(--_notification-content-family);font-size:var(--_notification-content-size);font-weight:var(--_notification-content-weight);line-height:var(--_notification-content-line-height);margin:0 !important}#notification::before{display:var(--_notification-icon-display);background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:-0.25rem;top:calc((var(--_notification-space)));-webkit-transform:translateX(var(--_notification-space));transform:translateX(var(--_notification-space));content:"";-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:var(--_notification-icon);-webkit-mask-image:var(--_notification-icon)}:host(.has-no-icon){--mod-notification-icon-display:none;--mod-notification-icon-space:0rem}:host(.is-info){--mod-notification-color-text:var(--ds-notification-color-info-text);--mod-notification-color-border:var(--ds-notification-color-info-border);--mod-notification-color-background:var(--ds-notification-color-info-background);--mod-notification-icon:var(--ds-notification-color-info-icon)}:host(.is-success){--mod-notification-color-text:var(--ds-notification-color-success-text);--mod-notification-color-border:var(--ds-notification-color-success-border);--mod-notification-color-background:var(--ds-notification-color-success-background);--mod-notification-icon:var(--ds-notification-color-success-icon)}:host(.is-warning){--mod-notification-color-text:var(--ds-notification-color-warning-text);--mod-notification-color-border:var(--ds-notification-color-warning-border);--mod-notification-color-background:var(--ds-notification-color-warning-background);--mod-notification-icon:var(--ds-notification-color-warning-icon)}:host(.is-danger){--mod-notification-color-text:var(--ds-notification-color-danger-text);--mod-notification-color-border:var(--ds-notification-color-danger-border);--mod-notification-color-background:var(--ds-notification-color-danger-background);--mod-notification-icon:var(--ds-notification-color-danger-icon)}:host(.is-outline-base){--mod-notification-color-text:var(--ds-notification-color-outline-base-text);--mod-notification-color-border:var(--ds-notification-color-outline-base-border);--mod-notification-color-background:var(--ds-notification-color-outline-base-background);--mod-notification-icon:var(--ds-notification-color-outline-base-icon)}:host(.is-outline-purple){--mod-notification-color-text:var(--ds-notification-color-outline-purple-text);--mod-notification-color-border:var(--ds-notification-color-outline-purple-border);--mod-notification-color-background:var(--ds-notification-color-outline-purple-background);--mod-notification-icon:var(--ds-notification-color-outline-purple-icon)}:host(.is-outline-green){--mod-notification-color-text:var(--ds-notification-color-outline-green-text);--mod-notification-color-border:var(--ds-notification-color-outline-green-border);--mod-notification-color-background:var(--ds-notification-color-outline-green-background);--mod-notification-icon:var(--ds-notification-color-outline-green-icon)}:host(.is-outline-yellow){--mod-notification-color-text:var(--ds-notification-color-outline-yellow-text);--mod-notification-color-border:var(--ds-notification-color-outline-yellow-border);--mod-notification-color-background:var(--ds-notification-color-outline-yellow-background);--mod-notification-icon:var(--ds-notification-color-outline-yellow-icon)}:host(.is-outline-red){--mod-notification-color-text:var(--ds-notification-color-outline-red-text);--mod-notification-color-border:var(--ds-notification-color-outline-red-border);--mod-notification-color-background:var(--ds-notification-color-outline-red-background);--mod-notification-icon:var(--ds-notification-color-outline-red-icon)}:host(.is-sm){--mod-notification-space:var(--ds-card-space-sm-device)}:host(.is-md){--mod-notification-space:var(--ds-card-space-md-device)}:host(.is-lg){--mod-notification-space:var(--ds-card-space-lg-device)}:host{display:block}'}},[257,"ds-notification",{alert:[4],closable:[4],closeHandler:[16],color:[1],heading:[1],noIcon:[4,"no-icon"],size:[1],didLoad:[32],close:[64]}]);r([e("notification"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],u.prototype,"createLogger",null),r([h("boolean"),s("design:type",Boolean)],u.prototype,"alert",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"closable",void 0),r([b(["","base","info","success","warning","danger","outline-base","outline-purple","outline-green","outline-yellow","outline-red"]),s("design:type",String)],u.prototype,"color",void 0),r([h("string"),s("design:type",String)],u.prototype,"heading",void 0),r([h("boolean"),s("design:type",Boolean)],u.prototype,"noIcon",void 0),r([b(["sm","md","lg","","small","medium","large"]),s("design:type",String)],u.prototype,"size",void 0);const _=u,y=function(){"undefined"!=typeof customElements&&["ds-notification","ds-button","ds-close","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-notification":customElements.get(c(i))||customElements.define(c(i),u);break;case"ds-button":customElements.get(c(i))||m();break;case"ds-close":customElements.get(c(i))||v();break;case"ds-icon":customElements.get(c(i))||g();break;case"ds-spinner":customElements.get(c(i))||p()}}))};export{_ as DsNotification,y as defineCustomElement}

package/components/ds-number-input.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as t,f as n,h as e,t as r}from"./p-BNY3JzuV.js";import{_ as o,L as s,a}from"./p-Dr4dquer.js";import{i as d}from"./p-DTPbL3uY.js";import{g as c}from"./p-Duhf3ymL.js";import{d as u,c as l}from"./p-DHeVI6dR.js";import{i as p}from"./p-CYHzHtnv.js";import{i as h}from"./p-B62ocg4Q.js";import{F as v,s as b}from"./p-Urcs7-vS.js";import{o as m}from"./p-BOgMmRCt.js";import{b as g,d as f}from"./p-BEngECpF.js";import{s as y,a as _,V as w}from"./p-82RSSk25.js";import{N as k,A as x}from"./p-D86WpWIE.js";import{F as z}from"./p-E8U6M5ii.js";import{I as j}from"./p-z1jJgtep.js";import{d as C}from"./p-BOTkpyFe.js";import{d as B}from"./p-BMBthpLd.js";import{L as F}from"./p-cSbDziZm.js";const S=()=>{try{const{useDsConfig:i}=require("@global"),t=i();return t&&t.locale&&"fr-CH"===t.locale?"de-CH":t&&t.locale||g}catch(i){return g}};function I(){return Intl.NumberFormat(S()).format(1.1).replace(/\p{Number}/gu,"")}function E(){return Intl.NumberFormat(S()).format(11111).replace(/\p{Number}/gu,"")}var D,N,T,P,L=function(){if(P)return T;P=1;var i=function(){if(N)return D;N=1;var i=u(),t=l();return D=function(n){return"number"==typeof n||t(n)&&"[object Number]"==i(n)}}();return T=function(t){return i(t)&&t!=+t}}(),K=c(L);function V(i){return"string"==typeof i&&"."!==E()}function q(i){const t=parseFloat(i);return"number"==typeof t&&!K(t)}function H(i,t=0){let n=i;if(""!==n&&null!=n&&!K(n)&&"-"!==n&&n!==I()&&q(n))return V(n)&&(n=n.split(E()).join("").split("`").join("").split("'").join("")),"string"==typeof n&&(n=n.replace(I(),".")),0===t?parseInt(n,10):parseFloat(n)}function O(i){return i.replace(".",I())}function R(i,t=0,n=""){if(p(i))return"";i.charAt(0)===I()&&(i="0"+i);const e=0===t?parseInt(i,10):parseFloat(i),r=""!==n?" "+n.trim():"";return K(e)?"":function(i,t){const n=void 0!==t?{minimumFractionDigits:t,maximumFractionDigits:t}:{},e=Intl.NumberFormat(S(),Object.assign({},n)).format(i);return"NaN"===e?"":e}(e,t)+r}const M=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsInput=n(this,"dsInput"),this.dsChange=n(this,"dsChange"),this.dsBlur=n(this,"dsBlur"),this.dsFocus=n(this,"dsFocus"),this.dsClick=n(this,"dsClick"),this.dsKeyPress=n(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+$++,this.inheritedAttributes={},this.control=new v(this),this.lastValue="",this.focused=!1,this.language=f.language,this.region=f.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var i,t;if(this.nativeInput&&function(i){return!q(i)&&""!==i&&"-"!==i&&i!==I()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(i=this.nativeInput)||void 0===i?void 0:i.value)||"";const n=null!==(t=H(this.lastValue,this.decimal))&&void 0!==t?t:null;this.control.inputValue=n,this.dsInput.emit(n)},this.handleFocus=i=>{this.control.onFocus(i),this.nativeInputValue=O(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var i;return null===(i=this.nativeInput)||void 0===i?void 0:i.select()}))},this.handleBlur=i=>{var t;this.lastValue=function(i,t=0){let n=i;if(p(n))return"";V(n)&&(n=n.split(E()).join("").split("`").join("").split("'").join("")),n.charAt(0)===I()&&(n="0"+n);const e=0===t?parseInt(n,10):parseFloat(n.replace(I(),"."));return K(e)?"":e.toFixed(t)}(this.lastValueGetter,this.decimal),this.nativeInputValue=R(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(t=H(this.lastValueGetter,this.decimal))&&void 0!==t?t:null,this.control.onBlur(i)},this.handleKeydown=i=>{var t;if(!this.nativeInput)return;const n=this.nativeInput.value||"",e=null!==(t=this.nativeInput.selectionStart)&&void 0!==t?t:0,r=n.slice(0,e)+i.key+n.slice(e);return function({key:i,ctrlKey:t,metaKey:n,selectionStart:e,selectionEnd:r,newValue:o,decimal:s,onlyPositive:a}){if(["a","c","v"].includes(i)&&(t||n))return!0;if("-"===i){if(a)return!1;if(e&&e>0&&r&&r>0)return!1}if(i===I()){if(0===s)return!1;if((i=>(i.split(I())||[]).length-1||0)(o)>1)return!1}if(![...k,...x,I(),"-"].includes(i))return!1;if(0!==s&&o.includes(I())&&[...k].includes(i)){const i=o.split(I());if(i[i.length-1].length>s)return!1}return!0}({key:i.key,ctrlKey:i.ctrlKey,metaKey:i.metaKey,decimal:this.decimal,newValue:r,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:b(i)}}createLogger(i){this.log=i}debounceChanged(){this.dsChange=m(this.dsChange,this.debounce)}valueChanged(i){const t=null===i||K(i)?this.exactNumber?"0":"":i.toFixed(this.decimal);this.lastValue=t,this.nativeInputValue=this.focused?O(t):R(t,this.decimal,this.suffix)}connectedCallback(){y(this),this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=h(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(i){this.control.listenOnClick(i)}listenToReset(i){const t=i.target;(null==t?void 0:t.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(i){this.language=i.language,this.region=i.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?O(this.lastValue):R(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(p(this.lastValue)||d(this.lastValue))?"0":this.lastValue}createPattern(){if(this.pattern)return this.pattern;let i=this.suffix||"";""!==i&&(i=" "+i);const t=E();let n=I();return","===n&&(n="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${t}\\d{3})*(?:\\${n}\\d{1,2})?(?:${i})?`}render(){return e(z,{key:"5c5ba92b21eec307179337c8a781513103c87d2a",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"006a70b2fcc4a88c1ecc124c957ab8dccb4f2a34",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:i=>this.control.nativeEl=i,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:i=>this.handleInput(i),onFocus:i=>this.handleFocus(i),onBlur:i=>this.handleBlur(i),onClick:i=>this.control.onClick(i),onKeyDown:i=>this.handleKeydown(i),onKeyPress:i=>this.dsKeyPress.emit(i)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_input-family:var(--input-family, var(--mod-input-family, var(--ds-input-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-input-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-input-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-input-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-input-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-input-control-color-placeholder-base)));--_input-container-background:var(--input-container-background, var(--mod-input-container-background, var(--ds-input-container-color-base-background)));--_input-container-border-color:var(--input-container-border-color, var(--mod-input-container-border-color, var(--ds-input-container-color-base-border)));--_input-container-border-width:var(--input-container-border-width, var(--mod-input-container-border-width, var(--ds-input-container-border-width)));--_input-container-radius:var(--input-container-radius, var(--mod-input-container-radius, var(--ds-input-container-radius)));--_input-container-hover-background:var(--input-container-hover-background, var(--mod-input-container-hover-background, var(--ds-input-container-color-hover-background)));--_input-container-active-background:var(--input-container-active-background, var(--mod-input-container-active-background, var(--ds-input-container-color-active-background)));--_input-container-focus-background:var(--input-container-focus-background, var(--mod-input-container-focus-background, var(--ds-input-container-color-focus-background)));--_input-container-hover-border:var(--input-container-hover-border, var(--mod-input-container-hover-border, var(--ds-input-container-color-hover-border)));--_input-container-active-border:var(--input-container-active-border, var(--mod-input-container-active-border, var(--ds-input-container-color-active-border)));--_input-container-focus-border:var(--input-container-focus-border, var(--mod-input-container-focus-border, var(--ds-input-container-color-focus-border)));--_input-label-color:var(--input-label-color, var(--mod-input-label-color, var(--ds-input-label-color-base)));--_input-label-family:var(--input-label-family, var(--mod-input-label-family, var(--ds-input-label-family)));--_input-label-weight:var(--input-label-weight, var(--mod-input-label-weight, var(--ds-input-label-weight)));--_input-label-line-height:var(--input-label-line-height, var(--mod-input-label-line-height, var(--ds-input-label-line-height)));--_input-label-size:var(--input-label-size, var(--mod-input-label-size, var(--ds-input-label-size-device)));--_input-description-color:var(--input-description-color, var(--mod-input-description-color, var(--ds-input-description-color-base)));--_input-description-family:var(--input-description-family, var(--mod-input-description-family, var(--ds-input-description-family)));--_input-description-weight:var(--input-description-weight, var(--mod-input-description-weight, var(--ds-input-description-weight)));--_input-description-line-height:var(--input-description-line-height, var(--mod-input-description-line-height, var(--ds-input-description-line-height)));--_input-description-size:var(--input-description-size, var(--mod-input-description-size, var(--ds-input-description-size-device)))}:host{position:relative;display:grid;gap:.25rem}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_input-container-background);border:var(--_input-container-border-width) solid var(--_input-container-border-color);border-radius:var(--_input-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_input-container-hover-background);border-color:var(--_input-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_input-container-active-background);border-color:var(--_input-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_input-container-focus-background);border-color:var(--_input-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_input-label-color);font-family:var(--_input-label-family);font-weight:var(--_input-label-weight);font-size:var(--_input-label-size);line-height:var(--_input-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_input-description-color);font-family:var(--_input-description-family);font-weight:var(--_input-description-weight);font-size:var(--_input-description-size);line-height:var(--_input-description-line-height)}:host #description ds-icon{--icon-color:var(--_input-description-color)}:host(.is-danger){--mod-input-container-border-color:var(--ds-input-container-color-danger-border);--mod-input-description-color:var(--ds-input-description-color-danger);--mod-input-container-hover-border:var(--ds-input-container-color-danger-border);--mod-input-container-active-border:var(--ds-input-container-color-danger-border)}:host(.is-success){--mod-input-container-border-color:var(--ds-input-container-color-success-border);--mod-input-description-color:var(--ds-input-description-color-success);--mod-input-container-hover-border:var(--ds-input-container-color-success-border);--mod-input-container-active-border:var(--ds-input-container-color-success-border)}:host(.is-warning){--mod-input-container-border-color:var(--ds-input-container-color-warning-border);--mod-input-description-color:var(--ds-input-description-color-warning);--mod-input-container-hover-border:var(--ds-input-container-color-warning-border);--mod-input-container-active-border:var(--ds-input-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-input-container-background:var(--ds-input-container-color-disabled-background);--mod-input-container-border-color:var(--ds-input-container-color-disabled-border);--mod-input-label-color:var(--ds-input-label-color-disabled);--mod-input-description-color:var(--ds-input-description-color-disabled);--mod-input-color:var(--ds-input-control-color-value-disabled);--mod-input-placeholder:var(--ds-input-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[1],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);o([s("number-input"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],M.prototype,"createLogger",null),o([_(...j),a("design:type",String)],M.prototype,"color",void 0),o([w("number"),a("design:type",Number)],M.prototype,"debounce",void 0),o([w("number"),a("design:type",Number)],M.prototype,"decimal",void 0),o([w("string"),a("design:type",String)],M.prototype,"description",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"disabled",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"exactNumber",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"invalid",void 0),o([w("string"),a("design:type",String)],M.prototype,"invalidText",void 0),o([w("string"),a("design:type",String)],M.prototype,"label",void 0),o([w("string"),a("design:type",String)],M.prototype,"max",void 0),o([w("string"),a("design:type",String)],M.prototype,"min",void 0),o([w("string"),a("design:type",String)],M.prototype,"name",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"onlyPositive",void 0),o([w("string"),a("design:type",String)],M.prototype,"pattern",void 0),o([w("string"),a("design:type",String)],M.prototype,"placeholder",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"readonly",void 0),o([w("boolean"),a("design:type",Boolean)],M.prototype,"required",void 0),o([w("string"),a("design:type",String)],M.prototype,"suffix",void 0),o([F(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],M.prototype,"configChanged",null);let $=0;const W=M,Y=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-number-input":customElements.get(r(i))||customElements.define(r(i),M);break;case"ds-icon":customElements.get(r(i))||C();break;case"ds-spinner":customElements.get(r(i))||B()}}))};export{W as DsNumberInput,Y as defineCustomElement}
+import{p as r,H as o,f as i,h as e,t}from"./p-WO0X5Vmy.js";import{_ as n,L as a,a as s}from"./p-J0mxIuTt.js";import{g as d}from"./p-Duhf3ymL.js";import{e as c,g as l,b as h,f as m,c as f,d as u,h as p}from"./p-D9YYP2SG.js";import{b as v,e as b,c as g,d as y}from"./p-Du7QOHtz.js";import{i as _}from"./p-CYHzHtnv.js";import{i as w}from"./p-B62ocg4Q.js";import{F as k,s as x}from"./p-BwfAXfmz.js";import{h as z}from"./p-BrIcCcce.js";import{o as j}from"./p-BgzU1loG.js";import{a as C,d as I}from"./p-CvaNxQtw.js";import{u as B}from"./p-Dr4MUfss.js";import{N as F,A as S}from"./p-D86WpWIE.js";import{F as D}from"./p-FBQaJyH0.js";import{I as T}from"./p-DU7t9H9h.js";import{d as N}from"./p-CYWn3X22.js";import{O as E}from"./p-BhbWmCTu.js";import{T as P}from"./p-DAYd9ty0.js";import{L as K}from"./p-DIK6Zkg6.js";const H=()=>{const r=B();return r&&r.locale&&"fr-CH"===r.locale?"de-CH":r&&r.locale||C};function L(){return Intl.NumberFormat(H()).format(1.1).replace(/\p{Number}/gu,"")}function O(){return Intl.NumberFormat(H()).format(11111).replace(/\p{Number}/gu,"")}var W,V,Y,q,A,Q,$=d(function(){if(V)return W;V=1;var r=c(),o=l(),i=h(),e=v(),t=m(),n=f(),a=p(),s=u(),d=Object.prototype.hasOwnProperty;return W=function(c){if(null==c)return!0;if(t(c)&&(e(c)||"string"==typeof c||"function"==typeof c.splice||n(c)||s(c)||i(c)))return!c.length;var l=o(c);if("[object Map]"==l||"[object Set]"==l)return!c.size;if(a(c))return!r(c).length;for(var h in c)if(d.call(c,h))return!1;return!0}}()),G=function(){if(Q)return A;Q=1;var r=function(){if(q)return Y;q=1;var r=b(),o=g();return Y=function(i){return"number"==typeof i||o(i)&&"[object Number]"==r(i)}}();return A=function(o){return r(o)&&o!=+o}}(),M=d(G);function U(r){return"string"==typeof r&&"."!==O()}function X(r){const o=parseFloat(r);return"number"==typeof o&&!M(o)}function J(r,o=0){let i=r;if(""!==i&&null!=i&&!M(i)&&"-"!==i&&i!==L()&&X(i))return U(i)&&(i=i.split(O()).join("").split("`").join("").split("'").join("")),"string"==typeof i&&(i=i.replace(L(),".")),0===o?parseInt(i,10):parseFloat(i)}function R(r){return r.replace(".",L())}function Z(r,o=0,i=""){if(_(r))return"";r.charAt(0)===L()&&(r="0"+r);const e=0===o?parseInt(r,10):parseFloat(r),t=""!==i?" "+i.trim():"";return M(e)?"":function(r,o){const i=void 0!==o?{minimumFractionDigits:o,maximumFractionDigits:o}:{},e=Intl.NumberFormat(H(),Object.assign({},i)).format(r);return"NaN"===e?"":e}(e,o)+t}const rr=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.dsInput=i(this,"dsInput"),this.dsChange=i(this,"dsChange"),this.dsBlur=i(this,"dsBlur"),this.dsFocus=i(this,"dsFocus"),this.dsClick=i(this,"dsClick"),this.dsKeyPress=i(this,"dsKeyPress"),this.internals=this.attachInternals(),this.numberInputId="ds-number-input-"+or++,this.inheritedAttributes={},this.control=new k(this),this.lastValue="",this.focused=!1,this.language=I.language,this.region=I.region,this.nativeInputValue="",this.inputPattern="",this.color="primary",this.debounce=0,this.decimal=0,this.description="",this.disabled=!1,this.exactNumber=!1,this.invalid=!1,this.invalidText="",this.label="",this.max="",this.min="",this.name=this.numberInputId,this.onlyPositive=!1,this.pattern="",this.placeholder="",this.readonly=!1,this.required=!0,this.suffix="",this.value=null,this.handleInput=()=>{var r,o;if(this.nativeInput&&function(r){return!X(r)&&""!==r&&"-"!==r&&r!==L()}(this.nativeInput.value))return void(this.nativeInputValue=this.lastValue||"");this.lastValue=(null===(r=this.nativeInput)||void 0===r?void 0:r.value)||"";const i=null!==(o=J(this.lastValue,this.decimal))&&void 0!==o?o:null;this.control.inputValue=i,this.dsInput.emit(i)},this.handleFocus=r=>{this.control.onFocus(r),this.nativeInputValue=R(this.lastValue||""),clearTimeout(this.selectTimeout),this.selectTimeout=setTimeout((()=>{var r;return null===(r=this.nativeInput)||void 0===r?void 0:r.select()}))},this.handleBlur=r=>{var o;this.lastValue=function(r,o=0){let i=r;if(_(i))return"";U(i)&&(i=i.split(O()).join("").split("`").join("").split("'").join("")),i.charAt(0)===L()&&(i="0"+i);const e=0===o?parseInt(i,10):parseFloat(i.replace(L(),"."));return M(e)?"":e.toFixed(o)}(this.lastValueGetter,this.decimal),this.nativeInputValue=Z(this.lastValueGetter,this.decimal,this.suffix),this.nativeInput&&(this.nativeInput.value=this.nativeInputValue),this.control.inputValue=null!==(o=J(this.lastValueGetter,this.decimal))&&void 0!==o?o:null,this.control.onBlur(r)},this.handleKeydown=r=>{var o;if(!this.nativeInput)return;const i=this.nativeInput.value||"",e=null!==(o=this.nativeInput.selectionStart)&&void 0!==o?o:0,t=i.slice(0,e)+r.key+i.slice(e);return function({key:r,ctrlKey:o,metaKey:i,selectionStart:e,selectionEnd:t,newValue:n,decimal:a,onlyPositive:s}){if(["a","c","v"].includes(r)&&(o||i))return!0;if("-"===r){if(s)return!1;if(e&&e>0&&t&&t>0)return!1}if(r===L()){if(0===a)return!1;if((r=>(r.split(L())||[]).length-1||0)(n)>1)return!1}if(![...F,...S,L(),"-"].includes(r))return!1;if(0!==a&&n.includes(L())&&[...F].includes(r)){const r=n.split(L());if(r[r.length-1].length>a)return!1}return!0}({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,decimal:this.decimal,newValue:t,selectionStart:this.nativeInput.selectionStart,selectionEnd:this.nativeInput.selectionEnd,onlyPositive:this.onlyPositive})?void 0:x(r)}}createLogger(r){this.log=r}debounceChanged(){this.dsChange=j(this.dsChange,this.debounce)}valueChanged(r){const o=null===r||M(r)?this.exactNumber?"0":"":r.toFixed(this.decimal);this.lastValue=o,this.nativeInputValue=this.focused?R(o):Z(o,this.decimal,this.suffix)}connectedCallback(){this.debounceChanged(),this.control.connectedCallback()}componentWillLoad(){this.inheritedAttributes=w(this.el,["aria-label","tabindex","title"]),this.inputPattern=this.createPattern(),this.valueChanged(this.value)}componentDidLoad(){this.control.componentDidLoad()}listenToClick(r){this.control.listenOnClick(r)}listenToReset(r){const o=r.target;(null==o?void 0:o.contains(this.el))&&this.control.setValue(this.control.initialValue)}async configChanged(r){this.language=r.language,this.region=r.region,this.inputPattern=this.createPattern(),this.nativeInput&&(this.nativeInputValue=this.focused?R(this.lastValue):Z(this.lastValue,this.decimal,this.suffix))}async setFocus(){return this.control.setFocus()}async setBlur(){return this.control.setBlur()}async getInputElement(){return this.nativeInput}get nativeInput(){return this.control.nativeEl}get lastValueGetter(){return this.exactNumber&&(_(this.lastValue)||$(this.lastValue))?"0":this.lastValue}createPattern(){if(z(this.pattern))return this.pattern;let r=this.suffix||"";z(r)&&(r=" "+r);const o=O();let i=L();return","===i&&(i="\\,"),`${this.onlyPositive?"":"-"}?\\d{1,3}(?:${o}\\d{3})*(?:\\${i}\\d{1,2})?(?:${r})?`}render(){return e(D,{key:"a8af3f272c3522c566a98904ebbc2dcfcd85352d",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language},e("input",Object.assign({key:"29f61a574130cef9184b4252b60fe8a69c8eadf5",id:"input",part:"input",type:"text",inputMode:"decimal",pattern:this.inputPattern,ref:r=>this.control.nativeEl=r,"aria-describedby":"description","aria-invalid":!0===this.invalid?"true":"false",name:this.name,disabled:this.disabled,placeholder:this.placeholder||"",readonly:this.readonly,required:this.required,min:this.min,max:this.max,value:this.nativeInputValue,onInput:r=>this.handleInput(r),onFocus:r=>this.handleFocus(r),onBlur:r=>this.handleBlur(r),onClick:r=>this.control.onClick(r),onKeyDown:r=>this.handleKeydown(r),onKeyPress:r=>this.dsKeyPress.emit(r)},this.inheritedAttributes)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}}static get style(){return":host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_input-family:var(--input-family, var(--mod-input-family, var(--ds-form-control-family)));--_input-weight:var(--input-weight, var(--mod-input-weight, var(--ds-form-control-weight)));--_input-line-height:var(--input-line-height, var(--mod-input-line-height, var(--ds-form-control-line-height)));--_input-size:var(--input-size, var(--mod-input-size, var(--ds-form-control-size-device)));--_input-color:var(--input-color, var(--mod-input-color, var(--ds-form-control-color-value-base)));--_input-placeholder:var(--input-placeholder, var(--mod-input-placeholder, var(--ds-form-control-color-placeholder-base)))}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border-width) solid var(--_form-container-border-color);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_input-color);font-family:var(--_input-family);font-weight:var(--_input-weight);font-size:var(--_input-size);line-height:var(--_input-line-height);border-radius:var(--_input-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::-ms-input-placeholder{color:var(--_input-placeholder)}:host #input::placeholder{color:var(--_input-placeholder)}:host #input::-moz-placeholder{color:var(--_input-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_input-placeholder)}:host #input:-moz-placeholder{color:var(--_input-placeholder)}:host #input:-ms-input-placeholder{color:var(--_input-placeholder)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host(.is-danger){--mod-form-container-border-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-input-color:var(--ds-form-control-color-value-disabled);--mod-input-placeholder:var(--ds-form-control-color-placeholder-disabled)}"}},[65,"ds-number-input",{color:[1],debounce:[2],decimal:[2],description:[1],disabled:[516],exactNumber:[4,"exact-number"],invalid:[516],invalidText:[1,"invalid-text"],label:[1],max:[1],min:[1],name:[513],onlyPositive:[4,"only-positive"],pattern:[1],placeholder:[1],readonly:[516],required:[516],suffix:[1],value:[1538],focused:[32],language:[32],region:[32],nativeInputValue:[32],inputPattern:[32],configChanged:[64],setFocus:[64],setBlur:[64],getInputElement:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{debounce:[{debounceChanged:0}],value:[{valueChanged:0}]}]);n([a("number-input"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],rr.prototype,"createLogger",null),n([E(T),s("design:type",String)],rr.prototype,"color",void 0),n([P("number"),s("design:type",Number)],rr.prototype,"debounce",void 0),n([P("number"),s("design:type",Number)],rr.prototype,"decimal",void 0),n([P("string"),s("design:type",String)],rr.prototype,"description",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"disabled",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"exactNumber",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"invalid",void 0),n([P("string"),s("design:type",String)],rr.prototype,"invalidText",void 0),n([P("string"),s("design:type",String)],rr.prototype,"label",void 0),n([P("string"),s("design:type",String)],rr.prototype,"max",void 0),n([P("string"),s("design:type",String)],rr.prototype,"min",void 0),n([P("string"),s("design:type",String)],rr.prototype,"name",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"onlyPositive",void 0),n([P("string"),s("design:type",String)],rr.prototype,"pattern",void 0),n([P("string"),s("design:type",String)],rr.prototype,"placeholder",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"readonly",void 0),n([P("boolean"),s("design:type",Boolean)],rr.prototype,"required",void 0),n([P("string"),s("design:type",String)],rr.prototype,"suffix",void 0),n([K(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],rr.prototype,"configChanged",null);let or=0;const ir=rr,er=function(){"undefined"!=typeof customElements&&["ds-number-input","ds-icon","ds-spinner"].forEach((r=>{switch(r){case"ds-number-input":customElements.get(t(r))||customElements.define(t(r),rr);break;case"ds-icon":customElements.get(t(r))||y();break;case"ds-spinner":customElements.get(t(r))||N()}}))};export{ir as DsNumberInput,er as defineCustomElement}

package/components/ds-pagination.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as o,H as t,f as r,h as e,e as n,t as d}from"./p-BNY3JzuV.js";import{_ as i,L as a,a as s}from"./p-Dr4dquer.js";import{s as b,a as c,V as u}from"./p-82RSSk25.js";import{i as l}from"./p-BR1SYpQO.js";import{d as v}from"./p-BOTkpyFe.js";import{d as m}from"./p-Bt20CEww.js";import{d as g}from"./p-BEngECpF.js";import{L as h}from"./p-CojUmpFm.js";import{L as p}from"./p-cSbDziZm.js";const x=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.dsChangeEventEmitter=r(this,"dsChange"),this.isMobile=m.isMobile,this.language=g.language,this.align="",this.disabled=!1,this.label="",this.pageRange=2,this.size="",this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1,this.variant=""}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=o+"px")}connectedCallback(){b(this)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:""+r,active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:""+t,active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:""+t,active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:""+r,active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:""+t,active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:""+t,active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return e("li",null,"dots"===this.variant?e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":""+o,title:""+o,onClick:()=>this.selectPage(o)}):e("button",{part:"page",class:{button:!0,"is-square":!0,"is-primary":t,"is-text":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||"sm"===this.size},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t="dots"===this.variant,r=t?"is-link":"is-text",d=t||"sm"===this.size||this.isMobile?"is-sm":"",i=t,a=this.label||l[this.language].label,s=this.textPrevious||l[this.language].left,b=this.textNext||l[this.language].right,c=""===this.variant||t&&this.totalPages<=5;return e(n,{key:"cde657e0349d00030826c6a0cea21d4f2e8fcff8",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,["is-variant-"+this.variant]:""!==this.variant,["is-size-"+this.size]:""!==this.size,["is-align-"+this.align]:""!==this.align}},e("nav",{key:"20b29d2503e06c1a4ca63dd3b5aa4b9767a2a730",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":a},!this.disabled&&e("button",{key:"e28fc2e61e1dea348734abfc878d281ca396d194",id:"previous",part:"previous","aria-label":s,title:s,class:{button:!0,"is-square":!0,"is-disabled":this.value<2,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"edae5ac2cd51348e6e7c45a7de4127e133976883",name:"nav-go-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"9b1b52c3a3e4836b2683ba0a8aee5ad685f506b1",id:"next",part:"next","aria-label":b,title:b,class:{button:!0,"is-square":!0,"is-disabled":this.value===this.totalPages,"is-flat":i,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"63f5471303b982089fee5a39693a822387b32ca3",name:"nav-go-right",size:"sm",disabled:this.value===this.totalPages})),c?e("ul",{class:{dots:"dots"===this.variant},part:"list"},o):e((()=>e("span",{key:"6f6937873538bbc6c212fcb49a59ed268d80bfce",class:"dots"},e("strong",{key:"f15ae2d30cc8baee3a4dbc64a9a3091f8e03443d"},this.value),e("span",{key:"6390c120f5570af09f7d85861a666b2406601300"},"/"),e("span",{key:"8ba5f75782299088fe6d164233d10be987f458b4"},this.totalPages))),null)))}get el(){return this}static get watchers(){return{top:[{topChanged:0}]}}static get style(){return".button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-radius-base)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, var(--ds-button-width, fit-content)));--_button-border-style:var(--button-border-style, var(--mod-button-border-style, solid));--_button-gap:var(--button-gap, var(--mod-button-gap, 0.5rem));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, 3rem));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, 3rem));--_button-padding-inline:var(--button-padding-inline, var(--mod-button-padding-inline, 1.5rem));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none))}.button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.button{display:none !important}}.button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);border-style:var(--_button-border-style);border-width:var(--ds-alias-border-width-base);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-padding-inline);background-color:var(--_button-color-background);color:var(--_button-color-text);border-color:var(--_button-color-border)}.button::-moz-focus-inner{border:0}.button{--spinner-size:1.5rem;--icon-color:var(--_button-color-text)}.button:focus,.button:active{outline:none}@media (hover: hover)and (pointer: fine){.button:focus-visible:not(:active),.button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.button:hover,.button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border-color:var(--_button-color-border-hover)}}.button:active,.button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border-color:var(--_button-color-border-active);translate:0 .5px}.button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-border-width)}.button .badge,.button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.button.is-primary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.button.is-secondary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.button.is-tertiary:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.button.is-tertiary-yellow:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-yellow-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-active-border)}.button.is-tertiary-purple:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-purple-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-active-border)}.button.is-tertiary-green:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-green-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-active-border)}.button.is-tertiary-red:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-red-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-active-border)}.button.is-info:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.button.is-success:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.button.is-warning:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.button.is-danger:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.button.is-link:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.button.is-text:not(.is-inverted):not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.button.is-primary.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-yellow.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-purple.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-green.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-tertiary-red.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-info.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-success.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-warning.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-danger.is-inverted:not(.is-dashed):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.button.is-sm,.button.is-small{--mod-button-font-size:var(--ds-button-size-sm);--mod-button-min-height:2rem;--mod-button-min-width:2rem;--mod-button-padding-inline:0.75rem}.button.is-lg,.button.is-large{--mod-button-font-size:var(--ds-button-size-lg);--mod-button-min-height:3.5rem;--mod-button-min-width:3.5rem;--mod-button-padding-inline:1.5rem}.button.is-xl{--mod-button-font-size:var(--ds-button-size-xl);--mod-button-min-height:5.5rem;--mod-button-min-width:5.5rem;--mod-button-padding-inline:1.5rem}.button.is-flat{--mod-button-padding-inline:0;--mod-button-min-height:1.75rem}.button.is-rounded{--mod-button-radius:var(--ds-button-radius-rounded)}.button.is-square:not(.is-sm),.button.is-square:not(.is-small){--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-square.is-sm,.button.is-square.is-small{--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-circle:not(.is-sm),.button.is-circle:not(.is-small){--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.button.is-circle.is-small,.button.is-circle.is-sm{--mod-button-radius:var(--ds-button-radius-rounded);--mod-button-padding-inline:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.button.is-tertiary-purple.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-purple-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-purple-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-purple-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-purple-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-purple-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-purple-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-purple-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-purple-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-purple-dashed-active-border)}.button.is-tertiary-red.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-red-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-red-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-red-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-red-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-red-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-red-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-red-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-red-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-red-dashed-active-border)}.button.is-tertiary-green.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-green-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-green-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-green-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-green-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-green-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-green-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-green-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-green-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-green-dashed-active-border)}.button.is-tertiary-yellow.is-dashed{--mod-button-border-style:dashed;--icon-shape:var(--_button-color-border);--mod-button-color-text:var(--ds-button-color-tertiary-yellow-dashed-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-yellow-dashed-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-yellow-dashed-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-yellow-dashed-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-yellow-dashed-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-yellow-dashed-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-yellow-dashed-active-border)}.button.has-shadow:not(.is-link,.is-text){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.button.is-text.has-shadow,.button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .button,fieldset[disabled] .button:hover,fieldset[disabled] .button.is-hovered,fieldset[disabled] .button:active,fieldset[disabled] .button.is-pressed,fieldset[disabled] .button:focus,fieldset[disabled] .button.is-focused,.button.is-loading,.button.is-loading:hover,.button.is-loading.is-hovered,.button.is-loading:active,.button.is-loading.is-pressed,.button.is-loading:focus,.button.is-loading.is-focused,.button.is-disabled,.button.is-disabled:hover,.button.is-disabled.is-hovered,.button.is-disabled:active,.button.is-disabled.is-pressed,.button.is-disabled:focus,.button.is-disabled.is-focused,.button.is-inverted.is-disabled,.button.is-inverted.is-disabled:hover,.button.is-inverted.is-disabled.is-hovered,.button.is-inverted.is-disabled:active,.button.is-inverted.is-disabled.is-pressed,.button.is-inverted.is-disabled:focus,.button.is-inverted.is-disabled.is-focused,.button[disabled],.button[disabled]:hover,.button[disabled].is-hovered,.button[disabled]:active,.button[disabled].is-pressed,.button[disabled]:focus,.button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border-color:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-icon,fieldset[disabled] .button:hover>ds-icon,fieldset[disabled] .button.is-hovered>ds-icon,fieldset[disabled] .button:active>ds-icon,fieldset[disabled] .button.is-pressed>ds-icon,fieldset[disabled] .button:focus>ds-icon,fieldset[disabled] .button.is-focused>ds-icon,.button.is-loading>ds-icon,.button.is-loading:hover>ds-icon,.button.is-loading.is-hovered>ds-icon,.button.is-loading:active>ds-icon,.button.is-loading.is-pressed>ds-icon,.button.is-loading:focus>ds-icon,.button.is-loading.is-focused>ds-icon,.button.is-disabled>ds-icon,.button.is-disabled:hover>ds-icon,.button.is-disabled.is-hovered>ds-icon,.button.is-disabled:active>ds-icon,.button.is-disabled.is-pressed>ds-icon,.button.is-disabled:focus>ds-icon,.button.is-disabled.is-focused>ds-icon,.button.is-inverted.is-disabled>ds-icon,.button.is-inverted.is-disabled:hover>ds-icon,.button.is-inverted.is-disabled.is-hovered>ds-icon,.button.is-inverted.is-disabled:active>ds-icon,.button.is-inverted.is-disabled.is-pressed>ds-icon,.button.is-inverted.is-disabled:focus>ds-icon,.button.is-inverted.is-disabled.is-focused>ds-icon,.button[disabled]>ds-icon,.button[disabled]:hover>ds-icon,.button[disabled].is-hovered>ds-icon,.button[disabled]:active>ds-icon,.button[disabled].is-pressed>ds-icon,.button[disabled]:focus>ds-icon,.button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner,fieldset[disabled] .button:hover>ds-spinner,fieldset[disabled] .button.is-hovered>ds-spinner,fieldset[disabled] .button:active>ds-spinner,fieldset[disabled] .button.is-pressed>ds-spinner,fieldset[disabled] .button:focus>ds-spinner,fieldset[disabled] .button.is-focused>ds-spinner,.button.is-loading>ds-spinner,.button.is-loading:hover>ds-spinner,.button.is-loading.is-hovered>ds-spinner,.button.is-loading:active>ds-spinner,.button.is-loading.is-pressed>ds-spinner,.button.is-loading:focus>ds-spinner,.button.is-loading.is-focused>ds-spinner,.button.is-disabled>ds-spinner,.button.is-disabled:hover>ds-spinner,.button.is-disabled.is-hovered>ds-spinner,.button.is-disabled:active>ds-spinner,.button.is-disabled.is-pressed>ds-spinner,.button.is-disabled:focus>ds-spinner,.button.is-disabled.is-focused>ds-spinner,.button.is-inverted.is-disabled>ds-spinner,.button.is-inverted.is-disabled:hover>ds-spinner,.button.is-inverted.is-disabled.is-hovered>ds-spinner,.button.is-inverted.is-disabled:active>ds-spinner,.button.is-inverted.is-disabled.is-pressed>ds-spinner,.button.is-inverted.is-disabled:focus>ds-spinner,.button.is-inverted.is-disabled.is-focused>ds-spinner,.button[disabled]>ds-spinner,.button[disabled]:hover>ds-spinner,.button[disabled].is-hovered>ds-spinner,.button[disabled]:active>ds-spinner,.button[disabled].is-pressed>ds-spinner,.button[disabled]:focus>ds-spinner,.button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .button>ds-spinner.is-circle,fieldset[disabled] .button:hover>ds-spinner.is-circle,fieldset[disabled] .button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .button:active>ds-spinner.is-circle,fieldset[disabled] .button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .button:focus>ds-spinner.is-circle,fieldset[disabled] .button.is-focused>ds-spinner.is-circle,.button.is-loading>ds-spinner.is-circle,.button.is-loading:hover>ds-spinner.is-circle,.button.is-loading.is-hovered>ds-spinner.is-circle,.button.is-loading:active>ds-spinner.is-circle,.button.is-loading.is-pressed>ds-spinner.is-circle,.button.is-loading:focus>ds-spinner.is-circle,.button.is-loading.is-focused>ds-spinner.is-circle,.button.is-disabled>ds-spinner.is-circle,.button.is-disabled:hover>ds-spinner.is-circle,.button.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-disabled:active>ds-spinner.is-circle,.button.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-disabled:focus>ds-spinner.is-circle,.button.is-disabled.is-focused>ds-spinner.is-circle,.button.is-inverted.is-disabled>ds-spinner.is-circle,.button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.button.is-inverted.is-disabled:active>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.button[disabled]>ds-spinner.is-circle,.button[disabled]:hover>ds-spinner.is-circle,.button[disabled].is-hovered>ds-spinner.is-circle,.button[disabled]:active>ds-spinner.is-circle,.button[disabled].is-pressed>ds-spinner.is-circle,.button[disabled]:focus>ds-spinner.is-circle,.button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}@media screen and (max-width: 768px){.buttons ::slotted(.button:not(.is-square,.is-circle)),.buttons .button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto}.buttons ::slotted(ds-button:not(.is-square,.is-circle)),.buttons ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}.buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.buttons.as-row{--mod-buttons-direction:row}.buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.buttons.as-col ::slotted(.button),.buttons.as-col .button,.buttons.as-col ::slotted(ds-button),.buttons.as-col ds-button,.buttons.as-col-reverse ::slotted(.button),.buttons.as-col-reverse .button,.buttons.as-col-reverse ::slotted(ds-button),.buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.buttons.as-col.is-center,.buttons.as-col.is-centered,.buttons.as-col-reverse.is-center,.buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.buttons.as-col.is-left,.buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.buttons.as-col.is-right,.buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.buttons.as-row.is-center,.buttons.as-row.is-centered,.buttons.is-center:not(.as-col),.buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.buttons.as-row.is-left,.buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.buttons.as-row.is-right,.buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.buttons.is-wide ::slotted(.button:not(.is-square,.is-circle)),.buttons.is-wide .button:not(.is-square,.is-circle),.buttons.is-wide ::slotted(ds-button:not(.is-square,.is-circle)),.buttons.is-wide ds-button:not(.is-square,.is-circle){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap-mobile:var(--pagination-gap-mobile, var(--mod-pagination-gap-mobile, var(--ds-pagination-gap-mobile)));--_pagination-gap-tablet:var(--pagination-gap-tablet, var(--mod-pagination-gap-tablet, var(--ds-pagination-gap-tablet)));--_pagination-gap-desktop:var(--pagination-gap-desktop, var(--mod-pagination-gap-desktop, var(--ds-pagination-gap-desktop)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-background)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-disabled-text-color:var(--pagination-disabled-text-color, var(--mod-pagination-disabled-text-color, var(--ds-pagination-disabled-text-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-text-weight:var(--pagination-text-weight, var(--mod-pagination-text-weight, var(--ds-pagination-text-weight)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-inactive-color)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-active-color)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap-mobile);-ms-flex-order:2;order:2;width:unset;text-align:center}@media screen and (min-width: 769px){:host #nav ul{gap:var(--_pagination-gap-tablet)}}@media screen and (min-width: 1024px){:host #nav ul{gap:var(--_pagination-gap-desktop)}}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-text-color)}:host(.is-size-small){--mod-pagination-gap:0.125rem}:host(.is-size-small) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.125rem}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--_pagination-text-weight)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}"}},[1,"ds-pagination",{align:[1],disabled:[516],label:[1],pageRange:[2,"page-range"],size:[1],sticky:[4],textNext:[1,"text-next"],textPrevious:[1,"text-previous"],top:[2],totalPages:[2,"total-pages"],value:[1538],variant:[1],isMobile:[32],language:[32],next:[64],previous:[64],configChanged:[64]},void 0,{top:[{topChanged:0}]}]);i([a("pagination"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],x.prototype,"createLogger",null),i([c("","end","start"),s("design:type",String)],x.prototype,"align",void 0),i([u("string"),s("design:type",String)],x.prototype,"label",void 0),i([c("","sm"),s("design:type",String)],x.prototype,"size",void 0),i([u("string"),s("design:type",String)],x.prototype,"textNext",void 0),i([u("string"),s("design:type",String)],x.prototype,"textPrevious",void 0),i([c("","dots"),s("design:type",String)],x.prototype,"variant",void 0),i([h(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null),i([p(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],x.prototype,"configChanged",null);const k=x,y=function(){"undefined"!=typeof customElements&&["ds-pagination","ds-icon"].forEach((o=>{switch(o){case"ds-pagination":customElements.get(d(o))||customElements.define(d(o),x);break;case"ds-icon":customElements.get(d(o))||v()}}))};export{k as DsPagination,y as defineCustomElement}
+import{P as o,d as p}from"./p-BU0dY8pq.js";const s=o,r=p;export{s as DsPagination,r as defineCustomElement}

package/components/ds-popup.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsPopup extends Components.DsPopup, HTMLElement {}
+export const DsPopup: {
+    prototype: DsPopup;
+    new (): DsPopup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-popup.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{a as o,d as s}from"./p-BfXZJ1Fe.js";const a=o,p=s;export{a as DsPopup,p as defineCustomElement}

package/components/ds-progress-bar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{d as r,p as s,H as e,h as o,e as i,t as a}from"./p-BNY3JzuV.js";import{_ as t,L as n,a as d}from"./p-Dr4dquer.js";import{k as g}from"./p-BOgMmRCt.js";import{s as p,a as l,V as c}from"./p-82RSSk25.js";import{W as h,i as u}from"./p-Bt20CEww.js";import{a as b}from"./p-DZqqelPH.js";import{d as m}from"./p-BEngECpF.js";import{L as k}from"./p-CojUmpFm.js";import{L as v}from"./p-cSbDziZm.js";class y extends b{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new h}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new y;const w={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},f=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.language=m.language,this.animated=!0,this.isTouch=u.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}connectedCallback(){p(this)}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&g((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return o(i,{key:"3a3a5ca051766fb90b5da4421eac744d91908314",role:"progressbar","aria-label":`${w[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":"light"===this.background,"is-dark":"dark"===this.background,"is-primary":"primary"===this.color,"is-purple":"purple"===this.color,"is-yellow":"yellow"===this.color,"is-red":"red"===this.color,"is-green":"green"===this.color}},o("div",{key:"742d598fcf33bdf697c546c47c7d89c36d2b09e9",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return this}static get style(){return":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);t([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],f.prototype,"createLogger",null),t([l("light","dark"),d("design:type",String)],f.prototype,"background",void 0),t([l("primary","purple","yellow","red","green"),d("design:type",String)],f.prototype,"color",void 0),t([c("number"),d("design:type",Number)],f.prototype,"value",void 0),t([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],f.prototype,"listenToBreakpoint",null),t([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new y,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],f.prototype,"listenToWindowResize",null),t([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],f.prototype,"configChanged",null);const j=f,_=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(a(r))||customElements.define(a(r),f))}))};export{j as DsProgressBar,_ as defineCustomElement}
+import{d as r,p as s,H as e,h as o,e as i,t}from"./p-WO0X5Vmy.js";import{_ as a,L as n,a as d}from"./p-J0mxIuTt.js";import{h as g}from"./p-BrIcCcce.js";import{r as p}from"./p-BgzU1loG.js";import{W as l,i as h}from"./p-n3_2KEz0.js";import{a as c}from"./p-DcSNuA8W.js";import{d as u}from"./p-CvaNxQtw.js";import{O as b}from"./p-BhbWmCTu.js";import{T as m}from"./p-DAYd9ty0.js";import{L as k}from"./p-DbY6Pfeh.js";import{L as v}from"./p-DIK6Zkg6.js";class y extends c{constructor(){super((r=>{r.listenToWindowResize()})),this.listener=new l}attach(s){super.attach(s),r.hasWindow&&(this.listener.connect(window),this.listener.add((()=>super.notify())))}detach(){super.detach(),this.listener.disconnect()}}new y;const f={de:{progress:"Fortschritt"},en:{progress:"Progress"},fr:{progress:"Progression"},it:{progress:"Progresso"},nl:{progress:"Voortgang"},es:{progress:"Progreso"},pl:{progress:"Postęp"},pt:{progress:"Progresso"},sv:{progress:"Förlopp"},fi:{progress:"Edistyminen"}},w=s(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.language=u.language,this.animated=!0,this.isTouch=h.touch,this.background="dark",this.color="primary",this.value=0}createLogger(r){this.log=r}componentDidRender(){this.updateProgress()}listenToBreakpoint(r){this.updateProgress()}listenToWindowResize(){this.updateProgress()}async configChanged(r){this.animated=r.animated,this.language=r.language}updateProgress(){this.lineEl&&p((()=>{const r=this.el.clientWidth,s=Math.max(0,Math.min(100,this.value));void 0!==this.lineEl&&(this.lineEl.style.width=r/100*s+"px",100===s?this.lineEl.classList.add("is-full"):this.lineEl.classList.remove("is-full"))}))}render(){return o(i,{key:"a62c9348298ce8a4d17ada8d666433060930c5dd",role:"progressbar","aria-label":`${f[this.language].progress}: ${this.value}%`,"aria-valuenow":this.value,"aria-valuemin":"0","aria-valuemax":"100",class:{"is-light":g(this.background)&&"light"===this.background,"is-dark":!g(this.background)||"dark"===this.background,"is-primary":!g(this.color)||"primary"===this.color,"is-purple":g(this.color)&&"purple"===this.color,"is-yellow":g(this.color)&&"yellow"===this.color,"is-red":g(this.color)&&"red"===this.color,"is-green":g(this.color)&&"green"===this.color}},o("div",{key:"7bfac5f71dd4ff19597606a588477658d0cff944",id:"line",part:"line",class:{"is-animated":this.animated},ref:r=>this.lineEl=r}))}get el(){return this}static get style(){return":host{--_progress-bar-height:var(--progress-bar-height, var(--mod-progress-bar-height, var(--ds-progress-bar-height, 4px)));--_progress-bar-radius:var(--progress-bar-radius, var(--mod-progress-bar-radius, var(--ds-progress-bar-line-radius)));--_progress-bar-background:var(--progress-bar-background, var(--mod-progress-bar-background, var(--ds-progress-bar-background-dark)));--_progress-bar-line-color:var(--progress-bar-line-color, var(--mod-progress-bar-line-color, var(--ds-progress-bar-line-color-primary)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;width:100%;min-width:0;height:var(--_progress-bar-height);background:var(--_progress-bar-background)}:host #line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block;height:var(--_progress-bar-height);width:0;background:var(--_progress-bar-line-color);border-top-right-radius:var(--_progress-bar-radius);border-bottom-right-radius:var(--_progress-bar-radius)}:host #line.is-animated{will-change:width;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}:host #line.is-full{border-top-right-radius:0;border-bottom-right-radius:0}:host(.is-light){--mod-progress-bar-background:var(--ds-progress-bar-background-light)}:host(.is-primary){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-primary)}:host(.is-primary.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-dark)}:host(.is-purple){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-purple)}:host(.is-purple.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-purple)}:host(.is-yellow){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-yellow)}:host(.is-yellow.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-yellow)}:host(.is-red){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-red)}:host(.is-red.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-red)}:host(.is-green){--mod-progress-bar-line-color:var(--ds-progress-bar-line-color-green)}:host(.is-green.is-dark){--mod-progress-bar-background:var(--ds-progress-bar-background-green)}"}},[1,"ds-progress-bar",{background:[1],color:[1],value:[514],language:[32],configChanged:[64]}]);a([n("progress-bar"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],w.prototype,"createLogger",null),a([b(["light","dark"]),d("design:type",String)],w.prototype,"background",void 0),a([b(["primary","purple","yellow","red","green"]),d("design:type",String)],w.prototype,"color",void 0),a([m("number"),d("design:type",Number)],w.prototype,"value",void 0),a([k(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],w.prototype,"listenToBreakpoint",null),a([function(r){const{connectedCallback:s,disconnectedCallback:e}=r;r.connectedCallback=function(){return this._dsWindowResizeSubject||(this._dsWindowResizeSubject=new y,this._dsWindowResizeSubject.attach(this)),s&&s.call(this)},r.disconnectedCallback=function(){return this._dsWindowResizeSubject&&(this._dsWindowResizeSubject.detach(),this._dsWindowResizeSubject=void 0),e&&e.call(this)}},d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],w.prototype,"listenToWindowResize",null),a([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],w.prototype,"configChanged",null);const j=w,_=function(){"undefined"!=typeof customElements&&["ds-progress-bar"].forEach((r=>{"ds-progress-bar"===r&&(customElements.get(t(r))||customElements.define(t(r),w))}))};export{j as DsProgressBar,_ as defineCustomElement}

package/components/ds-radio-group.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as i,H as o,f as e,h as t,t as s}from"./p-BNY3JzuV.js";import{_ as r,L as a,a as n}from"./p-Dr4dquer.js";import{s as d}from"./p-Urcs7-vS.js";import{i as l,n as p}from"./p-BOgMmRCt.js";import{s as h,V as g,a as c}from"./p-82RSSk25.js";import{F as u}from"./p-E8U6M5ii.js";import{I as b}from"./p-z1jJgtep.js";import{R as m,a as v,b as y}from"./p-BFeO6Gq4.js";import{d as f}from"./p-BOTkpyFe.js";import{d as w}from"./p-BMBthpLd.js";import{d as x}from"./p-BEngECpF.js";import{L as _}from"./p-cSbDziZm.js";const z=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.language=x.language,this.region=x.region,this.inputId="ds-rg-"+k++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){h(this),this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsChange(i){l(this.el,i.target)&&d(i)}listenToDsFocus(i){const{target:o}=i;o&&l(this.el,o)&&p(o,"ds-radio")&&d(i)}listenToDsBlur(i){const{target:o}=i;o&&l(this.el,o)&&p(o,"ds-radio")&&d(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),e=i.target.closest("ds-radio");if(e&&o.includes(e)){const t=o.findIndex((i=>i===e)),s=o[t];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=t===o.length-1?o[0]:o[t+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===t?o[o.length-1]:o[t-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:s.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),e=o.find((i=>!i.disabled)),t=o.find((o=>o.value===i&&!o.disabled));if(!e&&!t)return;const s=t||e;for(const i of o)i.setButtonTabindex(i===s?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return t(u,{key:"8159d4f48203cf480bb5ecb52759ea985882c4a2",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},t("slot",{key:"5705208f63515b8ba56b26c36a41de2caa5e3545"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_radio-group-label-color:var(--radio-group-label-color, var(--mod-radio-group-label-color, var(--ds-input-label-color-base)));--_radio-group-label-family:var(--radio-group-label-family, var(--mod-radio-group-label-family, var(--ds-input-label-family)));--_radio-group-label-weight:var(--radio-group-label-weight, var(--mod-radio-group-label-weight, var(--ds-input-label-weight)));--_radio-group-label-line-height:var(--radio-group-label-line-height, var(--mod-radio-group-label-line-height, var(--ds-input-label-line-height)));--_radio-group-label-size:var(--radio-group-label-size, var(--mod-radio-group-label-size, var(--ds-input-label-size-device)));--_radio-group-description-color:var(--radio-group-description-color, var(--mod-radio-group-description-color, var(--ds-input-description-color-base)));--_radio-group-description-family:var(--radio-group-description-family, var(--mod-radio-group-description-family, var(--ds-input-description-family)));--_radio-group-description-weight:var(--radio-group-description-weight, var(--mod-radio-group-description-weight, var(--ds-input-description-weight)));--_radio-group-description-line-height:var(--radio-group-description-line-height, var(--mod-radio-group-description-line-height, var(--ds-input-description-line-height)));--_radio-group-description-size:var(--radio-group-description-size, var(--mod-radio-group-description-size, var(--ds-input-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_radio-group-label-color);font-family:var(--_radio-group-label-family);font-weight:var(--_radio-group-label-weight);font-size:var(--_radio-group-label-size);line-height:var(--_radio-group-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_radio-group-description-color);font-family:var(--_radio-group-description-family);font-weight:var(--_radio-group-description-weight);font-size:var(--_radio-group-description-size);line-height:var(--_radio-group-description-line-height)}:host #description ds-icon{--icon-color:var(--_radio-group-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-input-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-input-label-color-disabled);--mod-radio-group-description-color:var(--ds-input-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[1],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[1544],vertical:[4],language:[32],region:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{value:[{valueChanged:0}]}]);r([a("radio-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],z.prototype,"createLogger",null),r([g("boolean"),n("design:type",Boolean)],z.prototype,"allowEmptySelection",void 0),r([c(...b),n("design:type",String)],z.prototype,"color",void 0),r([c(...m),n("design:type",Number)],z.prototype,"cols",void 0),r([c(...m),n("design:type",Number)],z.prototype,"colsMobile",void 0),r([c(...m),n("design:type",Number)],z.prototype,"colsTablet",void 0),r([g("string"),n("design:type",String)],z.prototype,"description",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"disabled",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"invalid",void 0),r([g("string"),n("design:type",String)],z.prototype,"invalidText",void 0),r([g("string"),n("design:type",String)],z.prototype,"label",void 0),r([c(...v),n("design:type",String)],z.prototype,"labelPosition",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"loading",void 0),r([g("string"),n("design:type",String)],z.prototype,"name",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"readonly",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"required",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"tile",void 0),r([c(...y),n("design:type",String)],z.prototype,"tileColor",void 0),r([g("boolean"),n("design:type",Boolean)],z.prototype,"vertical",void 0),r([_(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],z.prototype,"configChanged",null);let k=0;const B=z,C=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(s(i))||customElements.define(s(i),z);break;case"ds-icon":customElements.get(s(i))||f();break;case"ds-spinner":customElements.get(s(i))||w()}}))};export{B as DsRadioGroup,C as defineCustomElement}
+import{p as i,H as o,f as e,h as s,t}from"./p-WO0X5Vmy.js";import{_ as r,L as a,a as n}from"./p-J0mxIuTt.js";import{s as l}from"./p-BwfAXfmz.js";import{i as d,n as h}from"./p-BgzU1loG.js";import{F as m}from"./p-FBQaJyH0.js";import{I as c}from"./p-DU7t9H9h.js";import{R as p,a as g,b as f}from"./p-BFeO6Gq4.js";import{d as b}from"./p-Du7QOHtz.js";import{d as v}from"./p-CYWn3X22.js";import{d as y}from"./p-CvaNxQtw.js";import{T as u}from"./p-DAYd9ty0.js";import{O as w}from"./p-BhbWmCTu.js";import{L as x}from"./p-DIK6Zkg6.js";const _=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dsBlur=e(this,"dsBlur"),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.internals=this.attachInternals(),this.language=y.language,this.region=y.region,this.inputId="ds-rg-"+z++,this.allowEmptySelection=!1,this.color="primary",this.cols=1,this.colsMobile=1,this.colsTablet=1,this.description="",this.disabled=!1,this.invalid=!1,this.invalidText="",this.label="",this.labelPosition="right",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.tile=!1,this.tileColor="",this.vertical=!1,this.handleValueChange=async()=>{this.setRadioTabindex(this.value),this.setRadioChecked()},this.handleClick=i=>{if(i.target.href)return;i.preventDefault();const o=i.target&&i.target.closest("ds-radio");if(o&&!o.disabled&&!o.readonly){const i=o.value;i!==this.value?this.value=i:this.allowEmptySelection&&(this.value=void 0),this.dsChange.emit(this.value),this.internals.setFormValue(this.value)}}}createLogger(i){this.log=i}valueChanged(){this.handleValueChange()}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.passDownAttributes()}componentWillLoad(){this.handleValueChange()}componentWillUpdate(){this.passDownAttributes()}listenToDsChange(i){d(this.el,i.target)&&l(i)}listenToDsFocus(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToDsBlur(i){const{target:o}=i;o&&d(this.el,o)&&h(o,"ds-radio")&&l(i)}listenToReset(i){const o=i.target;(null==o?void 0:o.contains(this.el))&&(this.value=this.initialValue)}listenToKeydown(i){if(i.target&&!this.el.contains(i.target))return;const o=this.getRadios().filter((i=>!i.disabled)),e=i.target.closest("ds-radio");if(e&&o.includes(e)){const s=o.findIndex((i=>i===e)),t=o[s];let r;["ArrowDown","ArrowRight"].includes(i.code)&&(r=s===o.length-1?o[0]:o[s+1]),["ArrowUp","ArrowLeft"].includes(i.code)&&(r=0===s?o[o.length-1]:o[s-1]),r&&o.includes(r)&&(r.setFocus(),this.value=r.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value)),["Space"].includes(i.code)&&(this.value=this.allowEmptySelection&&void 0!==this.value?void 0:t.value,this.dsChange.emit(this.value),this.internals.setFormValue(this.value),i.preventDefault())}}async setValue(i){this.value=i}async configChanged(i){this.language=i.language,this.region=i.region}passDownAttributes(){this.getRadios().forEach((i=>{void 0!==this.disabled&&(i.disabled=this.disabled),void 0!==this.readonly&&(i.readonly=this.readonly),void 0!==this.invalid&&(i.invalid=this.invalid),i.labelPosition=this.labelPosition,i.tile=this.tile,i.tileColor=this.tileColor,i.cols=this.cols,i.colsTablet=this.colsTablet,i.colsMobile=this.colsMobile}))}setRadioChecked(){this.getRadios().forEach((i=>{i.updateState&&i.updateState()}))}setRadioTabindex(i){const o=this.getRadios(),e=o.find((i=>!i.disabled)),s=o.find((o=>o.value===i&&!o.disabled));if(!e&&!s)return;const t=s||e;for(const i of o)i.setButtonTabindex(i===t?0:-1)}getRadios(){return Array.from(this.el.querySelectorAll("ds-radio"))}render(){return s(m,{key:"6b73d9b9050aea5ad17c934f5c57667aa36b65e4",role:"fieldset",disabled:this.disabled,color:this.color,invalid:this.invalid,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-vertical":this.vertical,"is-tile":this.tile},onClick:this.handleClick},s("slot",{key:"6c090a936fab5b14946544e52cf30890f719c2ff"}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)))}:host{display:block}:host #inner{position:relative;display:grid;gap:.25rem}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #container{display:grid;gap:.25rem}@media screen and (min-width: 769px){:host #container{display:-ms-flexbox;display:flex;gap:1rem}}:host(.is-vertical) #container{display:grid;gap:.25rem}:host(.is-danger){--mod-radio-group-description-color:var(--ds-form-description-color-danger)}:host(.is-disabled),:host(.is-disabled) #label,:host(.is-disabled) #description,:host(.is-disabled) #input{pointer-events:none;cursor:default}:host(.is-disabled){--mod-radio-group-label-color:var(--ds-form-label-color-disabled);--mod-radio-group-description-color:var(--ds-form-description-color-disabled)}:host(.is-tile) #container{-ms-flex-wrap:wrap;flex-wrap:wrap}"}},[321,"ds-radio-group",{allowEmptySelection:[4,"allow-empty-selection"],color:[1],cols:[2],colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],description:[1],disabled:[516],invalid:[516],invalidText:[1,"invalid-text"],label:[1],labelPosition:[1,"label-position"],loading:[516],name:[513],readonly:[516],required:[516],tile:[4],tileColor:[1,"tile-color"],value:[1544],vertical:[4],language:[32],region:[32],setValue:[64],configChanged:[64]},[[6,"dsChange","listenToDsChange"],[6,"dsFocus","listenToDsFocus"],[6,"dsBlur","listenToDsBlur"],[6,"reset","listenToReset"],[4,"keydown","listenToKeydown"]],{value:[{valueChanged:0}]}]);r([a("radio-group"),n("design:type",Function),n("design:paramtypes",[Function]),n("design:returntype",void 0)],_.prototype,"createLogger",null),r([u("boolean"),n("design:type",Boolean)],_.prototype,"allowEmptySelection",void 0),r([w(c),n("design:type",String)],_.prototype,"color",void 0),r([w(p),n("design:type",Number)],_.prototype,"cols",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsMobile",void 0),r([w(p),n("design:type",Number)],_.prototype,"colsTablet",void 0),r([u("string"),n("design:type",String)],_.prototype,"description",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"disabled",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"invalid",void 0),r([u("string"),n("design:type",String)],_.prototype,"invalidText",void 0),r([u("string"),n("design:type",String)],_.prototype,"label",void 0),r([w(g),n("design:type",String)],_.prototype,"labelPosition",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"loading",void 0),r([u("string"),n("design:type",String)],_.prototype,"name",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"readonly",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"required",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"tile",void 0),r([w(f),n("design:type",String)],_.prototype,"tileColor",void 0),r([u("boolean"),n("design:type",Boolean)],_.prototype,"vertical",void 0),r([x(),n("design:type",Function),n("design:paramtypes",[Object]),n("design:returntype",Promise)],_.prototype,"configChanged",null);let z=0;const k=_,C=function(){"undefined"!=typeof customElements&&["ds-radio-group","ds-icon","ds-spinner"].forEach((i=>{switch(i){case"ds-radio-group":customElements.get(t(i))||customElements.define(t(i),_);break;case"ds-icon":customElements.get(t(i))||b();break;case"ds-spinner":customElements.get(t(i))||v()}}))};export{k as DsRadioGroup,C as defineCustomElement}