@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250630

package/components/bal-time-input.js

@@ -1,8 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { _ as __decorate, a as __metadata } from './tslib.es6.js';
-import { l as lodash_isnil } from './index3.js';
+import { i as isNil } from './index2.js';
+import { d as defaultConfig } from './config.default.js';
+import { L as ListenToConfig } from './config.decorator.js';
 import { g as getInputTarget, c as inputHandleFocus, d as inputHandleBlur, e as inputHandleChange, s as stopEventBubbling, j as inputListenOnClick, k as inputHandleReset, i as inputSetFocus, a as inputSetBlur } from './form-input.js';
-import { o as debounceEvent } from './helpers.js';
+import { k as debounceEvent } from './helpers.js';
 import { i as inheritAttributes } from './attributes.js';
 import { i as isCtrlOrCommandKey, N as NUMBER_KEYS, A as ACTION_KEYS } from './keys.constant.js';
 import { B as BEM } from './bem.js';
@@ -12,11 +14,8 @@ import { L as Logger } from './log.js';
 import { a as ariaBooleanToString } from './aria.js';
 import { d as defineCustomElement$3 } from './bal-icon2.js';
 import { d as defineCustomElement$2 } from './bal-input-group2.js';
-import { d as defaultConfig } from './config.default.js';
-import { L as ListenToConfig } from './config.decorator.js';
 
 const balTimeInputCss = ":root{--bal-time-input-native-placeholder-background-before:var(--bal-color-white);--bal-time-input-native-placeholder-background-disabled-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-danger-before:var(--bal-color-danger-1);--bal-time-input-native-placeholder-background-disabled-danger-before:var(--bal-color-grey-2);--bal-time-input-native-placeholder-background-hover-before:var(--bal-color-grey-1);--bal-time-input-native-text-color:var(--bal-color-primary-3);--bal-time-input-native-text-color-focus-value:var(--bal-color-primary);--bal-time-input-native-text-color-disabled:var(--bal-color-grey-5);--bal-time-input-native-text-color-disabled-value:var(--bal-color-grey-4);--bal-time-input-native-placeholder-text-color-disabled-before:var(--bal-color-grey-5);--bal-time-input-native-placeholder-text-color-before:var(--bal-color-primary-3)}.bal-time-input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:relative;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;width:100%;padding:0;font-family:var(--bal-font-family-text)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper{display:flex}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-clear-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-inner-spin-button{display:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper::-webkit-calendar-picker-indicator{display:none;background:none}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-focus::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field,.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-focus-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-hour-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.is-disabled::-webkit-datetime-edit-text.has-value::-webkit-datetime-edit-text::-webkit-datetime-edit-minute-field{color:var(--bal-time-input-native-text-color-disabled-value)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before{color:var(--bal-time-input-native-placeholder-text-color-disabled-before);background:var(--bal-time-input-native-placeholder-background-disabled-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-danger::before{background:var(--bal-time-input-native-placeholder-background-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before.is-disabled.is-danger::before{background:var(--bal-time-input-native-placeholder-background-disabled-danger-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before:hover::before{background:var(--bal-time-input-native-placeholder-background-hover-before)}.bal-time-input__native::-webkit-datetime-edit-fields-wrapper.show-placeholder.is-disabled::before::before{color:var(--bal-time-input-native-placeholder-text-color-before);content:attr(placeholder);pointer-events:none;position:absolute;background:var(--bal-time-input-native-placeholder-background-before)}";
-const BalTimeInputStyle0 = balTimeInputCss;
 
 const TimeInput = /*@__PURE__*/ proxyCustomElement(class TimeInput extends HTMLElement {
     constructor() {
@@ -32,6 +31,42 @@ const TimeInput = /*@__PURE__*/ proxyCustomElement(class TimeInput extends HTMLE
         this.inheritedAttributes = {};
         this.inputValue = this.value;
         this.initialValue = '';
+        this.focused = false;
+        this.language = defaultConfig.language;
+        this.region = defaultConfig.region;
+        this.ariaForm = defaultBalAriaForm;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * If `true` the component gets a invalid style.
+         */
+        this.invalid = false;
+        /**
+         * If `true`, the user must fill in a value before submitting a form.
+         */
+        this.required = false;
+        /**
+         * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = false;
+        /**
+         * Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+         */
+        this.debounce = 0;
+        /**
+         * The value of the input.
+         */
+        this.value = undefined;
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         this.onInput = (ev) => {
             const input = getInputTarget(ev);
             if (input) {
@@ -51,24 +86,12 @@ const TimeInput = /*@__PURE__*/ proxyCustomElement(class TimeInput extends HTMLE
             }
         };
         this.onKeydown = (ev) => {
-            if (!lodash_isnil(ev) && !isCtrlOrCommandKey(ev)) {
+            if (!isNil(ev) && !isCtrlOrCommandKey(ev)) {
                 if (!this.getAllowedKeys().includes(ev.key)) {
                     return stopEventBubbling(ev);
                 }
             }
         };
-        this.focused = false;
-        this.language = defaultConfig.language;
-        this.region = defaultConfig.region;
-        this.ariaForm = defaultBalAriaForm;
-        this.name = this.inputId;
-        this.invalid = false;
-        this.required = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.debounce = 0;
-        this.value = undefined;
-        this.autoInvalidOff = false;
     }
     createLogger(log) {
         this.log = log;
@@ -152,7 +175,7 @@ const TimeInput = /*@__PURE__*/ proxyCustomElement(class TimeInput extends HTMLE
     static get watchers() { return {
         "debounce": ["debounceChanged"]
     }; }
-    static get style() { return BalTimeInputStyle0; }
+    static get style() { return balTimeInputCss; }
 }, [0, "bal-time-input", {
         "name": [1],
         "invalid": [4],

package/components/bal-toast.js

@@ -4,7 +4,6 @@ import { d as defineCustomElement$3 } from './bal-close2.js';
 import { d as defineCustomElement$2 } from './bal-icon2.js';
 
 const balToastCss = ":root{--bal-toast-font-size:var(--bal-text-size-small);--bal-toast-title-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-title-font-family:var(--bal-font-family-title);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary);--bal-toast-width:100%;--bal-toast-width-tablet:28.75rem;--bal-toast-width-desktop:30rem}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal);max-width:var(--bal-toast-width);width:var(--bal-toast-width)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:var(--bal-toast-width-tablet);width:var(--bal-toast-width-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:var(--bal-toast-width-desktop);width:var(--bal-toast-width-desktop)}}.bal-toast__inner--color-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--color-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--color-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--color-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--color-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}.bal-toast__label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:.125rem;margin-left:2rem;margin-right:2.5rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:var(--bal-toast-title-font-size);font-family:var(--bal-toast-font-family)}.bal-toast__label>strong,.bal-toast__label>b,.bal-toast__label>h2{font-family:var(--bal-toast-title-font-family);font-size:var(--bal-toast-title-font-size);line-height:var(--bal-text-line-height-title)}.bal-toast__label>span,.bal-toast__label>p{font-family:var(--bal-toast-font-family);font-size:var(--bal-toast-font-size);line-height:var(--bal-text-line-height-text)}.bal-toast__close.bal-close{position:absolute;top:1.8rem;right:1rem;margin-top:-0.75rem}.bal-toast__inner:before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1rem;content:\"\";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-toast__inner--color-primary:before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-toast__inner--color-info:before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')}.bal-toast__inner--color-success:before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')}.bal-toast__inner--color-warning:before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}.bal-toast__inner--color-danger:before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}";
-const BalToastStyle0 = balToastCss;
 
 const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
     constructor() {
@@ -12,10 +11,26 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
         this.__registerHost();
         this.balClose = createEvent(this, "balClose", 7);
         this.toastId = `bal-toast-${toastIds++}`;
+        /**
+         * The theme type of the toast.
+         * Color type primary is deprecated, please use info instead.
+         */
         this.color = '';
+        /**
+         * The duration of the toast in milliseconds.
+         */
         this.duration = 0;
+        /**
+         * If `true` the toast has a cross icon to close the toast.
+         */
         this.closable = true;
+        /**
+         * Content message
+         */
         this.message = '';
+        /**
+         * @internal Handler for on close event
+         */
         this.closeHandler = () => void 0;
     }
     async componentWillLoad() {
@@ -46,13 +61,13 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
         return (h(Host, { key: 'eb7fe679079d5de67858228b482b05ab4b6c849b', id: this.toastId, class: Object.assign({}, block.class()) }, h("div", { key: 'fbac27668a9f3fb3cc4051dc7ae081576b35bac6', role: "status", class: Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(`color-${this.color}`).class(!!this.color)) }, h("span", { key: '6885d0419d28ca866491bc74b66878ea4a41f933', class: Object.assign({}, labelEl.class()), "data-testid": "bal-toast-label", innerHTML: this.message }, h("slot", { key: '6c51a2580ab8c313f8395613b07b110108a9f95b' })), this.closable !== false ? (h("bal-close", { class: Object.assign({}, closeEl.class()), onClick: () => this.close(), inverted: false, "data-testid": "bal-toast-close" })) : (''))));
     }
     get element() { return this; }
-    static get style() { return BalToastStyle0; }
+    static get style() { return balToastCss; }
 }, [4, "bal-toast", {
         "color": [1],
         "duration": [2],
         "closable": [4],
         "message": [1],
-        "closeHandler": [16],
+        "closeHandler": [16, "close-handler"],
         "closeIn": [64],
         "close": [64]
     }]);

package/components/bal-tooltip.js

@@ -46,7 +46,6 @@ const hideElement = (element) => {
 };
 
 const balTooltipCss = ":host{--bal-tooltip-container-background:var(--bal-color-primary-6);--bal-tooltip-max-width:auto;--bal-tooltip-radius:var(--bal-radius-normal);--bal-tooltip-shadow:var(--bal-shadow-normal);--bal-tooltip-arrow-background:var(--bal-color-primary-6);--bal-tooltip-font-family:var(--bal-font-family-text);--bal-tooltip-font-size:var(--bal-text-size-small)}:host{position:static;display:inline;z-index:var(--bal-z-index-tooltip)}.bal-tooltip__container{background-color:var(--bal-tooltip-container-background);display:none;visibility:hidden;color:#fff;padding:var(--bal-space-x-small);border-radius:var(--bal-tooltip-radius);-webkit-box-shadow:var(--bal-tooltip-shadow);box-shadow:var(--bal-tooltip-shadow);width:var(--bal-tooltip-max-width);position:absolute;top:0;left:0}.bal-tooltip__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 8rem)}.bal-tooltip__inner__content{width:100%;font-family:var(--bal-tooltip-font-family);font-size:var(--bal-tooltip-font-size)}.bal-tooltip__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:.5rem;height:.5rem;background:var(--bal-tooltip-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-tooltip-variant-popover-trigger,.bal-tooltip-permanent-trigger{z-index:calc(var(--bal-z-index-tooltip) + 1) !important;position:relative !important}";
-const BalTooltipStyle0 = balTooltipCss;
 
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLElement {
     constructor() {
@@ -56,12 +55,30 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
         this.balWillAnimate = createEvent(this, "balWillAnimate", 7);
         this.balDidAnimate = createEvent(this, "balDidAnimate", 7);
         this.tooltipId = `bal-to-${tooltipIds++}`;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * Id of the reference element default is the trigger element.
+         */
         this.reference = '';
+        /**
+         * If set it turns a tooltip into a fullscreen or a drawer on touch devices
+         */
         this.placement = 'bottom';
+        /**
+         * Offset form trigger to tooltip.
+         */
         this.offset = 0;
+        /**
+         * @internal
+         */
         this.demo = false;
+        /**
+         * Internal active state
+         */
         this.presented = false;
-        this.contentWidth = undefined;
     }
     createLogger(log) {
         this.log = log;
@@ -216,7 +233,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
                         top: y != null && arrowPosition.y != null ? `${arrowPosition.y}px` : '',
                         right: '',
                         bottom: '',
-                        [staticSide]: `${-4}px`,
+                        [staticSide]: `${ -4}px`,
                     });
                 }
             });
@@ -248,7 +265,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends HTMLEleme
     static get watchers() { return {
         "contentWidth": ["contentWidthChanged"]
     }; }
-    static get style() { return BalTooltipStyle0; }
+    static get style() { return balTooltipCss; }
 }, [1, "bal-tooltip", {
         "reference": [1],
         "placement": [1],

package/components/breakpoints.subject.js

@@ -1,82 +1,8 @@
-import { k as debounce, l as addEventListener, r as removeEventListener } from './helpers.js';
+import { B as BalWindowResizeListener } from './window-resize.listener.js';
 import { b as balBrowser } from './browser.js';
-import { b as balDevice } from './device.js';
-import { L as ListenerAbstract, S as Subject } from './listener.js';
-import { b as balBreakpointDesktop, a as balBreakpointHighDefinition, c as balBreakpointWidescreen, d as balBreakpointFullhd$1, e as balBreakpointTablet } from './tokens.esm.js';
-
-class BalWindowResizeHandler {
-    constructor(options = {}) {
-        this.previousWidth = balBrowser.window.width;
-        this.previousHeight = balBrowser.window.height;
-        this.previousIsLandscape = this.isLandscape;
-        this.options = {
-            onlyListenToWidthChanges: false,
-        };
-        this.options = Object.assign(Object.assign({}, this.options), options);
-    }
-    async hasResized() {
-        if (balDevice.hasTouchScreen) {
-            if (!this.sameWidth || this.previousIsLandscape !== this.isLandscape) {
-                this.resetPreviousValues();
-                return true;
-            }
-        }
-        else {
-            if (this.options.onlyListenToWidthChanges) {
-                if (!this.sameWidth) {
-                    this.resetPreviousValues();
-                    return true;
-                }
-            }
-            else {
-                if (!this.sameWidth || !this.sameHeight) {
-                    this.resetPreviousValues();
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-    get isLandscape() {
-        return balBrowser.window.width > balBrowser.window.height;
-    }
-    get sameWidth() {
-        return this.previousWidth === balBrowser.window.width;
-    }
-    get sameHeight() {
-        return this.previousHeight === balBrowser.window.height;
-    }
-    resetPreviousValues() {
-        this.previousWidth = balBrowser.window.width;
-        this.previousHeight = balBrowser.window.height;
-        this.previousIsLandscape = this.isLandscape;
-    }
-}
-
-class BalWindowResizeListener extends ListenerAbstract {
-    constructor() {
-        super(...arguments);
-        this.resizeHandler = new BalWindowResizeHandler({ onlyListenToWidthChanges: true });
-        this.debouncedNotify = debounce(() => this.notify(), 100);
-        this.notify = async () => {
-            if (await this.resizeHandler.hasResized()) {
-                super.notify(undefined);
-            }
-        };
-    }
-    connect(el) {
-        super.connect(el);
-        if (this.el) {
-            addEventListener(this.el, 'resize', this.debouncedNotify, { passive: true });
-        }
-    }
-    disconnect() {
-        super.disconnect();
-        if (this.el) {
-            removeEventListener(this.el, 'resize', this.debouncedNotify);
-        }
-    }
-}
+import { b as balBreakpointFullhd$1, a as balBreakpointWidescreen, c as balBreakpointHighDefinition, d as balBreakpointTablet, e as balBreakpointDesktop } from './tokens.esm.js';
+import { S as Subject } from './listener.js';
+import { q as debounce } from './helpers.js';
 
 const toNumber = (pixel) => parseInt(pixel.slice(0, -2), 10);
 const breakpointTablet = toNumber(balBreakpointTablet);
@@ -248,4 +174,4 @@ class BalBreakpointSubject extends Subject {
 }
 const balBreakpointSubject = new BalBreakpointSubject();
 
-export { BalWindowResizeListener as B, balBreakpointSubject as a, balBreakpoints as b, BalBreakpointSubject as c, BalBreakpointsUtil as d };
+export { BalBreakpointSubject as B, balBreakpointSubject as a, balBreakpoints as b, BalBreakpointsUtil as c };

package/components/config.default.js

@@ -1,5 +1,5 @@
 import { d as defaultLoggerConfig } from './log.js';
-import { h as balIconClose, i as balIconInfoCircle, j as balIconPlus, k as balIconMinus, l as balIconEdit, m as balIconTrash, n as balIconNavGoLeft, p as balIconNavGoRight, q as balIconNavGoDown, r as balIconNavGoUp, x as balIconCheck, y as balIconDate, z as balIconDocument, A as balIconUpload, B as balIconMenuBars, C as balIconFacebook, D as balIconInstagram, E as balIconLinkedin, F as balIconTwitter, G as balIconX, H as balIconXing, I as balIconYoutube, J as balIconWeb, t as balIconCaretDown, v as balIconCaretLeft, w as balIconCaretRight, s as balIconCaretUp } from './config.utils.js';
+import { h as balIconCaretUp, i as balIconCaretRight, j as balIconCaretLeft, k as balIconCaretDown, l as balIconWeb, m as balIconYoutube, n as balIconXing, p as balIconX, q as balIconTwitter, r as balIconLinkedin, s as balIconInstagram, t as balIconFacebook, v as balIconMenuBars, w as balIconUpload, x as balIconDocument, y as balIconDate, z as balIconCheck, A as balIconNavGoUp, B as balIconNavGoDown, C as balIconNavGoRight, D as balIconNavGoLeft, E as balIconTrash, F as balIconEdit, G as balIconMinus, H as balIconPlus, I as balIconInfoCircle, J as balIconClose } from './config.utils.js';
 
 const defaultIcons = {
     balIconClose,

package/components/config.utils.js

@@ -98,4 +98,4 @@ const updateBalAnimated = (animated) => {
     }
 };
 
-export { balIconUpload as A, balIconMenuBars as B, balIconFacebook as C, balIconInstagram as D, balIconLinkedin as E, balIconTwitter as F, balIconX as G, balIconXing as H, balIconYoutube as I, balIconWeb as J, attachComponentToConfig as K, detachComponentFromConfig as L, attachToConfig as a, updateBalAnimated as b, updateBalIcons as c, detachFromConfig as d, updateBalLanguage as e, updateBalRegion as f, useBalConfig as g, balIconClose as h, balIconInfoCircle as i, balIconPlus as j, balIconMinus as k, balIconEdit as l, balIconTrash as m, balIconNavGoLeft as n, onBalConfigChange as o, balIconNavGoRight as p, balIconNavGoDown as q, balIconNavGoUp as r, balIconCaretUp as s, balIconCaretDown as t, updateBalAllowedLanguages as u, balIconCaretLeft as v, balIconCaretRight as w, balIconCheck as x, balIconDate as y, balIconDocument as z };
+export { balIconNavGoUp as A, balIconNavGoDown as B, balIconNavGoRight as C, balIconNavGoLeft as D, balIconTrash as E, balIconEdit as F, balIconMinus as G, balIconPlus as H, balIconInfoCircle as I, balIconClose as J, attachComponentToConfig as K, detachComponentFromConfig as L, attachToConfig as a, updateBalAnimated as b, updateBalIcons as c, detachFromConfig as d, updateBalLanguage as e, updateBalRegion as f, useBalConfig as g, balIconCaretUp as h, balIconCaretRight as i, balIconCaretLeft as j, balIconCaretDown as k, balIconWeb as l, balIconYoutube as m, balIconXing as n, onBalConfigChange as o, balIconX as p, balIconTwitter as q, balIconLinkedin as r, balIconInstagram as s, balIconFacebook as t, updateBalAllowedLanguages as u, balIconMenuBars as v, balIconUpload as w, balIconDocument as x, balIconDate as y, balIconCheck as z };