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

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

@@ -2,63 +2,18 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 export class Text {
     constructor() {
-        /**
-         * PUBLIC API
-         * ------------------------------------------------------
-         */
-        /**
-         * Defines the size of the paragraph
-         */
         this.size = '';
-        /**
-         * If `true` the text has heading font family
-         */
         this.heading = false;
-        /**
-         * When true, the text will be truncated with a text overflow ellipsis instead of wrapping.
-         * Please note that text overflow can only occur in block or inline-block level elements,
-         * as these elements require a width to overflow.
-         */
         this.noWrap = false;
-        /**
-         * If `true` the text is bold
-         */
         this.bold = false;
-        /**
-         * If `true` the text is shown as a display inline
-         */
         this.inline = false;
-        /**
-         * Defines the color of the text.
-         */
         this.color = '';
-        /**
-         * Defines at which position the heading has spacing.
-         */
         this.space = '';
-        /**
-         * If `true` the color gets inverted for dark backgrounds
-         */
         this.inverted = false;
-        /**
-         * If `true` adds a text shadow to improve readability on image background
-         * */
         this.shadow = 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 = undefined;
-        /**
-         * If `true` the component gets a invalid style.
-         */
         this.invalid = undefined;
-        /**
-         * @internal
-         */
         this.hovered = false;
-        /**
-         * @internal
-         */
         this.pressed = false;
     }
     /**
@@ -115,7 +70,6 @@ export class Text {
         return {
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTextSize",
@@ -135,12 +89,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "heading": {
                 "type": "boolean",
-                "attribute": "heading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -155,12 +109,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "heading",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "noWrap": {
                 "type": "boolean",
-                "attribute": "no-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -175,12 +129,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "no-wrap",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "bold": {
                 "type": "boolean",
-                "attribute": "bold",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -195,12 +149,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "bold",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inline": {
                 "type": "boolean",
-                "attribute": "inline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -215,12 +169,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inline",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTextColor",
@@ -240,12 +194,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTextSpace",
@@ -265,12 +219,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "space",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -285,12 +239,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -305,12 +259,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -325,12 +279,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -345,12 +299,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "hovered": {
                 "type": "boolean",
-                "attribute": "hovered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -368,12 +322,12 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "hovered",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "pressed": {
                 "type": "boolean",
-                "attribute": "pressed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -391,6 +345,7 @@ export class Text {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "pressed",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -11,56 +11,6 @@ export class Textarea {
         this.inheritedAttributes = {};
         this.inputValue = this.value;
         this.initialValue = this.value || '';
-        this.focused = false;
-        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;
-        /**
-         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
-         */
-        this.autocapitalize = 'none';
-        /**
-         * Indicates whether the value of the control can be automatically completed by the browser.
-         */
-        this.autocomplete = 'off';
-        /**
-         * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
-         */
-        this.autofocus = false;
-        /**
-         * Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
-         */
-        this.debounce = 0;
-        /**
-         * 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;
-        /**
-         * If `true`, the user must fill in a value before submitting a form.
-         */
-        this.required = false;
-        /**
-         * If `true` the input gets a clickable cursor style
-         */
-        this.clickable = false;
-        /**
-         * The value of the textarea.
-         */
-        this.value = '';
-        /**
-         * 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) {
@@ -79,6 +29,27 @@ export class Textarea {
         };
         this.onClick = (ev) => inputHandleClick(this, ev);
         this.handleClick = (ev) => inputHandleHostClick(this, ev);
+        this.focused = false;
+        this.ariaForm = defaultBalAriaForm;
+        this.name = this.inputId;
+        this.invalid = false;
+        this.autocapitalize = 'none';
+        this.autocomplete = 'off';
+        this.autofocus = false;
+        this.debounce = 0;
+        this.placeholder = undefined;
+        this.maxLength = undefined;
+        this.minLength = undefined;
+        this.disabled = false;
+        this.readonly = false;
+        this.cols = undefined;
+        this.rows = undefined;
+        this.wrap = undefined;
+        this.required = false;
+        this.clickable = false;
+        this.inputmode = undefined;
+        this.value = '';
+        this.autoInvalidOff = false;
     }
     debounceChanged() {
         this.balChange = debounceEvent(this.balChange, this.debounce);
@@ -153,7 +124,6 @@ export class Textarea {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,12 +138,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -188,12 +158,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "autocapitalize": {
                 "type": "string",
-                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -208,12 +178,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "autocapitalize",
                 "reflect": false,
                 "defaultValue": "'none'"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocomplete",
@@ -233,12 +203,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autofocus": {
                 "type": "boolean",
-                "attribute": "autofocus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -253,12 +223,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
-                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -273,12 +243,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -293,11 +263,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "placeholder",
                 "reflect": false
             },
             "maxLength": {
                 "type": "number",
-                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -312,11 +282,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "max-length",
                 "reflect": false
             },
             "minLength": {
                 "type": "number",
-                "attribute": "min-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -331,11 +301,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "min-length",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -350,12 +320,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -370,12 +340,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "cols": {
                 "type": "number",
-                "attribute": "cols",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -390,11 +360,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "cols",
                 "reflect": false
             },
             "rows": {
                 "type": "number",
-                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -409,11 +379,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "rows",
                 "reflect": false
             },
             "wrap": {
                 "type": "string",
-                "attribute": "wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTextareaWrap",
@@ -433,11 +403,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "wrap",
                 "reflect": false
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -452,12 +422,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "clickable": {
                 "type": "boolean",
-                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -472,12 +442,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inputmode": {
                 "type": "string",
-                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTextareaInputMode",
@@ -497,11 +467,11 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inputmode",
                 "reflect": false
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -516,12 +486,12 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -536,6 +506,7 @@ export class Textarea {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
             }