@baloise/ds-core 19.3.0 → 19.4.0

package/dist/collection/components/bal-time-input/bal-time-input.js

@@ -17,6 +17,42 @@ export class TimeInput {
         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) {
@@ -42,18 +78,6 @@ export class TimeInput {
                 }
             }
         };
-        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;
@@ -148,6 +172,7 @@ export class TimeInput {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -162,12 +187,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -182,12 +207,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -202,12 +227,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -222,12 +247,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -242,12 +267,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
+                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -262,12 +287,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -282,12 +307,12 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "autoInvalidOff": {
                 "type": "boolean",
+                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -302,7 +327,6 @@ export class TimeInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
             }

package/dist/collection/components/bal-toast/bal-toast.js

@@ -3,10 +3,26 @@ import { BEM } from "../../utils/bem";
 export class Toast {
     constructor() {
         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() {
@@ -51,6 +67,7 @@ export class Toast {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalToastColor",
@@ -70,12 +87,12 @@ export class Toast {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "duration": {
                 "type": "number",
+                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -90,12 +107,12 @@ export class Toast {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "duration",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "closable": {
                 "type": "boolean",
+                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -110,12 +127,12 @@ export class Toast {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closable",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -130,12 +147,12 @@ export class Toast {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "closeHandler": {
                 "type": "unknown",
+                "attribute": "close-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",

package/dist/collection/components/bal-tooltip/bal-tooltip.js

@@ -9,12 +9,30 @@ import { balFloatingUi } from "../../utils/floating-ui";
 export class Tooltip {
     constructor() {
         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;
@@ -213,6 +231,7 @@ export class Tooltip {
         return {
             "reference": {
                 "type": "string",
+                "attribute": "reference",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,12 +246,12 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "reference",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTooltipPlacement",
@@ -252,12 +271,12 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "offset": {
                 "type": "number",
+                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -272,12 +291,12 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "offset",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "demo": {
                 "type": "boolean",
+                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -295,12 +314,12 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "demo",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "contentWidth": {
                 "type": "number",
+                "attribute": "content-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -315,7 +334,6 @@ export class Tooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "content-width",
                 "reflect": false
             }
         };

package/dist/collection/index.js

@@ -2,10 +2,6 @@
  * Config
  */
 export { attachToConfig, defaultConfig, detachFromConfig, onBalConfigChange, setupConfig, updateBalAllowedLanguages, updateBalAnimated, updateBalIcons, updateBalLanguage, updateBalRegion, useBalConfig, } from './utils/config';
-/**
- * Components
- */
-export * from './components';
 /**
  * Types
  */

package/dist/collection/initialize.js

@@ -1,9 +1,10 @@
 import { setPlatformHelpers } from "@stencil/core/internal";
-import { balToastController } from "./components/bal-toast/bal-toast.controller";
+import { tags } from "./tags-all";
 import { balSnackbarController } from "./components/bal-snackbar/bal-snackbar.controller";
+import { balToastController } from "./components/bal-toast/bal-toast.controller";
+import { balBrowser } from "./utils/browser";
 import { setupConfig } from "./utils/config";
 import { VERSION } from "./utils/constants/version.constant";
-import { balBrowser } from "./utils/browser";
 export const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig = undefined, win = {}) => {
     if (Object.keys(win).length === 0 && balBrowser.hasWindow) {
         win = window;
@@ -17,4 +18,34 @@ export const initializeBaloiseDesignSystem = (userConfig = {}, platformConfig =
     win.BaloiseDesignSystem.snackbarController = balSnackbarController;
     win.BaloiseDesignSystem.initialize = () => setupConfig(win.BaloiseDesignSystem.config, win);
     win.BaloiseDesignSystem.version = VERSION;
+    if (userConfig._generateHydrateForCustomElementsOutput) {
+        generateHydrateForCustomElementsOutput(tags);
+    }
+};
+/**
+ * This function generates the CSS needed for custom elements hydration and inserts it into the document head.
+ * The CSS rules include styles for slot fallback and the hydrated class.
+ *
+ * This is copied from the Stencil core library.
+ * src/runtime/bootstrap-lazy.ts
+ */
+const generateHydrateForCustomElementsOutput = (cmpTags = []) => {
+    const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
+    const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+    const win = typeof window !== 'undefined' ? window : {};
+    if (!win.document) {
+        console.warn('Stencil: No document found. Skipping bootstrapping lazy components.');
+        return;
+    }
+    const head = win.document.head;
+    const metaCharset = /* @__PURE__ */ head.querySelector('meta[charset]');
+    const dataStyles = /* @__PURE__ */ win.document.createElement('style');
+    if (cmpTags.length > 0) {
+        dataStyles.textContent += SLOT_FB_CSS;
+        dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
+        if (dataStyles.innerHTML.length) {
+            dataStyles.setAttribute('data-styles', '');
+            head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
+        }
+    }
 };

package/dist/collection/tags-all.js

@@ -0,0 +1,119 @@
+export const tags = [
+    "bal-accordion",
+    "bal-accordion-details",
+    "bal-accordion-summary",
+    "bal-accordion-trigger",
+    "bal-app",
+    "bal-badge",
+    "bal-button",
+    "bal-button-group",
+    "bal-card",
+    "bal-card-actions",
+    "bal-card-button",
+    "bal-card-content",
+    "bal-card-subtitle",
+    "bal-card-title",
+    "bal-carousel",
+    "bal-carousel-item",
+    "bal-check",
+    "bal-checkbox",
+    "bal-checkbox-group",
+    "bal-close",
+    "bal-content",
+    "bal-data",
+    "bal-data-item",
+    "bal-data-label",
+    "bal-data-value",
+    "bal-date",
+    "bal-date-calendar",
+    "bal-date-calendar-cell",
+    "bal-divider",
+    "bal-dropdown",
+    "bal-field",
+    "bal-field-control",
+    "bal-field-hint",
+    "bal-field-label",
+    "bal-field-message",
+    "bal-file-upload",
+    "bal-footer",
+    "bal-form",
+    "bal-form-col",
+    "bal-form-grid",
+    "bal-heading",
+    "bal-hint",
+    "bal-hint-text",
+    "bal-hint-title",
+    "bal-icon",
+    "bal-input",
+    "bal-input-date",
+    "bal-input-group",
+    "bal-input-slider",
+    "bal-input-stepper",
+    "bal-label",
+    "bal-list",
+    "bal-list-item",
+    "bal-list-item-accordion-body",
+    "bal-list-item-accordion-head",
+    "bal-list-item-content",
+    "bal-list-item-icon",
+    "bal-list-item-subtitle",
+    "bal-list-item-title",
+    "bal-logo",
+    "bal-modal",
+    "bal-modal-body",
+    "bal-modal-header",
+    "bal-nav",
+    "bal-nav-link",
+    "bal-nav-link-grid",
+    "bal-nav-link-grid-col",
+    "bal-nav-link-group",
+    "bal-nav-menu-bar",
+    "bal-nav-menu-flyout",
+    "bal-nav-meta-bar",
+    "bal-navbar",
+    "bal-navbar-brand",
+    "bal-navbar-menu",
+    "bal-navbar-menu-end",
+    "bal-navbar-menu-start",
+    "bal-notices",
+    "bal-notification",
+    "bal-number-input",
+    "bal-option",
+    "bal-option-list",
+    "bal-pagination",
+    "bal-popover",
+    "bal-popover-content",
+    "bal-popup",
+    "bal-progress-bar",
+    "bal-radio",
+    "bal-radio-group",
+    "bal-radio-icon",
+    "bal-segment",
+    "bal-segment-item",
+    "bal-select",
+    "bal-select-option",
+    "bal-shape",
+    "bal-sheet",
+    "bal-snackbar",
+    "bal-spinner",
+    "bal-stack",
+    "bal-stage",
+    "bal-stage-back-link",
+    "bal-stage-body",
+    "bal-stage-foot",
+    "bal-stage-head",
+    "bal-stage-image",
+    "bal-step-item",
+    "bal-steps",
+    "bal-switch",
+    "bal-tab-item",
+    "bal-table",
+    "bal-tabs",
+    "bal-tag",
+    "bal-tag-group",
+    "bal-text",
+    "bal-textarea",
+    "bal-time-input",
+    "bal-toast",
+    "bal-tooltip"
+];

package/dist/collection/utils/config/config.default.js

@@ -38,5 +38,6 @@ export const defaultConfig = {
     logger: defaultLoggerConfig,
     animated: true,
     httpFormSubmit: true,
+    _generateHydrateForCustomElementsOutput: false,
 };
 export const defaultLocale = `${defaultConfig.language}-${defaultConfig.region}`;

package/dist/collection/utils/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '19.3.0';
+export const VERSION = '19.4.0';

package/dist/esm/_commonjsHelpers-BFTU3MAI.js

@@ -0,0 +1,7 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/esm/{animation.decorator-7fca988f.js → animation.decorator-DtxbEYY8.js}

@@ -1,5 +1,5 @@
-import { k as debounce, q as isChildOfEventTarget, l as addEventListener, r as removeEventListener } from './helpers-51d51cc5.js';
-import { L as ListenerAbstract, a as SingleSubject } from './listener-04842ae9.js';
+import { I as debounce, Y as isChildOfEventTarget, R as addEventListener, S as removeEventListener } from './index-pkPHUz5e.js';
+import { L as ListenerAbstract, a as SingleSubject } from './listener-tzACU3qe.js';
 
 class BalAnimationListener extends ListenerAbstract {
     constructor() {

package/dist/esm/{array-4c09dfe3.js → array-CDfSqLEo.js}

@@ -1,5 +1,5 @@
-import { l as lodash_isnil } from './index-82aff103.js';
-import { i as isEqual } from './index-95ee0c4b.js';
+import { i as isNil } from './index-zWZxKBfo.js';
+import { i as isEqual } from './index-B4k_dH6V.js';
 
 /**
  * Returns `true` if the arrays are equal
@@ -9,7 +9,7 @@ import { i as isEqual } from './index-95ee0c4b.js';
  * ```
  */
 function areArraysEqual(a, b) {
-    if (lodash_isnil(a) || lodash_isnil(b)) {
+    if (isNil(a) || isNil(b)) {
         return false;
     }
     const copyA = [...a].sort();

package/dist/esm/{attributes-a3e70948.js → attributes-C4sZQbkT.js}

@@ -32,9 +32,6 @@ const inheritAttributes = (el, attributes = []) => {
  */
 const inheritTrackingAttributes = (el, ignoreList) => {
     let attributesToInherit = trackingAttributes;
-    if (ignoreList && ignoreList.length > 0) {
-        attributesToInherit = attributesToInherit.filter(attr => !ignoreList.includes(attr));
-    }
     return inheritAttributes(el, attributesToInherit);
 };