@baloise/ds-core 19.3.0-nightly.20250704 → 19.3.0

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

@@ -16,19 +16,6 @@ export class Dropdown {
         this.inheritedAttributes = {};
         this.initialValue = [];
         this.nativeOptions = [];
-        this.rawOptions = [];
-        this.choices = [];
-        this.rawValue = [];
-        this.hasFocus = false;
-        this.isExpanded = false;
-        this.isAutoFilled = false;
-        this.isKeyboardMode = false;
-        this.inputLabel = '';
-        this.ariaForm = defaultBalAriaForm;
-        this.language = defaultConfig.language;
-        this.region = defaultConfig.region;
-        this.httpFormSubmit = defaultConfig.httpFormSubmit;
-        this.labelToFocus = '';
         this.valueUtil = new DropdownValueUtil();
         this.eventsUtil = new DropdownEventsUtil();
         this.popupUtil = new DropdownPopupUtil();
@@ -36,91 +23,6 @@ export class Dropdown {
         this.formSubmitUtil = new DropdownFormSubmitUtil();
         this.focusUtil = new DropdownFocusUtil();
         this.autoFillUtil = new DropdownAutoFillUtil();
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * Indicates whether the value of the control can be automatically completed by the browser.
-         */
-        this.autocomplete = 'off';
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        /**
-         * Defines the placeholder of the component. Only shown when the value is empty
-         */
-        this.placeholder = '';
-        /**
-         * Defines a inline label to be shown before the value
-         */
-        this.inlineLabel = '';
-        /**
-         * If `true` there will be on trigger icon visible
-         */
-        this.icon = 'caret-down';
-        /**
-         * Defines the size of the control.
-         */
-        this.size = '';
-        /**
-         * Defines the color style of the control
-         */
-        this.theme = '';
-        /**
-         * If `true`, the user cannot interact with the option.
-         */
-        this.disabled = false;
-        /**
-         * If `true` the element can not mutated, meaning the user can not edit the control.
-         */
-        this.readonly = false;
-        /**
-         * If `true`, the user can select multiple options.
-         */
-        this.multiple = false;
-        /**
-         * If `true`, the selected options are shown as chips
-         */
-        this.chips = false;
-        /**
-         * If `true`, a cross at the end is visible to clear the selection
-         */
-        this.clearable = false;
-        /**
-         * If `true`, the component will be shown as invalid
-         */
-        this.invalid = false;
-        /**
-         * If `true`, the user must fill in a value before submitting a form.
-         */
-        this.required = false;
-        /**
-         * Defines if the select is in a loading state.
-         */
-        this.loading = false;
-        /**
-         * Defines the filter logic of the list
-         */
-        this.filter = 'includes';
-        /**
-         * Defines the max height of the list element
-         */
-        this.contentHeight = 262;
-        /**
-         * @internal
-         * Set this to `true` when the component is placed on a dark background.
-         */
-        this.inverted = false;
-        /**
-         * Steps can be passed as a property or through HTML markup.
-         */
-        this.options = [];
-        /**
-         * The value of the selected options.
-         */
-        this.value = [];
         /**
          * LIFECYCLE
          * ------------------------------------------------------
@@ -218,6 +120,39 @@ export class Dropdown {
                 }
             }
         };
+        this.rawOptions = [];
+        this.choices = [];
+        this.rawValue = [];
+        this.hasFocus = false;
+        this.isExpanded = false;
+        this.isAutoFilled = false;
+        this.isKeyboardMode = false;
+        this.inputLabel = '';
+        this.ariaForm = defaultBalAriaForm;
+        this.language = defaultConfig.language;
+        this.region = defaultConfig.region;
+        this.httpFormSubmit = defaultConfig.httpFormSubmit;
+        this.labelToFocus = '';
+        this.autocomplete = 'off';
+        this.name = this.inputId;
+        this.placeholder = '';
+        this.inlineLabel = '';
+        this.icon = 'caret-down';
+        this.size = '';
+        this.theme = '';
+        this.disabled = false;
+        this.readonly = false;
+        this.multiple = false;
+        this.chips = false;
+        this.clearable = false;
+        this.invalid = false;
+        this.required = false;
+        this.loading = false;
+        this.filter = 'includes';
+        this.contentHeight = 262;
+        this.inverted = false;
+        this.options = [];
+        this.value = [];
     }
     createLogger(log) {
         this.log = log;
@@ -373,7 +308,6 @@ export class Dropdown {
         return {
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocomplete",
@@ -393,12 +327,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -413,12 +347,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -433,12 +367,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "placeholder",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "inlineLabel": {
                 "type": "string",
-                "attribute": "inline-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -453,12 +387,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inline-label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -473,12 +407,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "'caret-down'"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalDropdownSize",
@@ -498,12 +432,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalDropdownTheme",
@@ -523,12 +457,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -543,12 +477,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -563,12 +497,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -583,12 +517,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "multiple",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "chips": {
                 "type": "boolean",
-                "attribute": "chips",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -603,12 +537,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "chips",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "clearable": {
                 "type": "boolean",
-                "attribute": "clearable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -623,12 +557,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "clearable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -643,12 +577,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -663,12 +597,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -683,12 +617,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "filter": {
                 "type": "string",
-                "attribute": "filter",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalOptionListFilter",
@@ -708,12 +642,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "filter",
                 "reflect": false,
                 "defaultValue": "'includes'"
             },
             "contentHeight": {
                 "type": "number",
-                "attribute": "content-height",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -728,12 +662,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "content-height",
                 "reflect": false,
                 "defaultValue": "262"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -751,12 +685,12 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalOption[]",
@@ -781,7 +715,6 @@ export class Dropdown {
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -796,6 +729,7 @@ export class Dropdown {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "[]"
             }

package/dist/collection/components/bal-field/bal-field-control/bal-field-control.js

@@ -1,23 +1,9 @@
 import { h, Host } from "@stencil/core";
 export class FieldControl {
     constructor() {
-        /**
-         * @deprecated
-         * Baloise icon for the right side of the input
-         */
         this.iconRight = '';
-        /**
-         * @deprecated
-         * Baloise icon for the left side of the input
-         */
         this.iconLeft = '';
-        /**
-         * If `true` on mobile devices the form control children are aligned verticaly and expanded to the full width
-         */
         this.expandedOnMobile = undefined;
-        /**
-         * If `true` a loading spinner is visible at the end of the input
-         */
         this.loading = false;
     }
     get buildIconLeftTemplate() {
@@ -48,7 +34,6 @@ export class FieldControl {
         return {
             "iconRight": {
                 "type": "string",
-                "attribute": "icon-right",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,12 +51,12 @@ export class FieldControl {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "icon-right",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "iconLeft": {
                 "type": "string",
-                "attribute": "icon-left",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,12 +74,12 @@ export class FieldControl {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "icon-left",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "expandedOnMobile": {
                 "type": "boolean",
-                "attribute": "expanded-on-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -109,12 +94,12 @@ export class FieldControl {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "expanded-on-mobile",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -129,6 +114,7 @@ export class FieldControl {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/bal-field/bal-field-hint/bal-field-hint.js

@@ -2,17 +2,8 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 export class FieldHint {
     constructor() {
-        /**
-         * Text of the inputs label
-         */
         this.subject = '';
-        /**
-         * Text for the close button.
-         */
         this.closeLabel = 'Close';
-        /**
-         * Disables the close button for tablet and desktop
-         */
         this.small = false;
     }
     render() {
@@ -25,7 +16,6 @@ export class FieldHint {
         return {
             "subject": {
                 "type": "string",
-                "attribute": "subject",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,12 +30,12 @@ export class FieldHint {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "subject",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "closeLabel": {
                 "type": "string",
-                "attribute": "close-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,12 +50,12 @@ export class FieldHint {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "close-label",
                 "reflect": false,
                 "defaultValue": "'Close'"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -80,6 +70,7 @@ export class FieldHint {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "small",
                 "reflect": false,
                 "defaultValue": "false"
             }