@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

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

@@ -8,7 +8,6 @@ import { hasParent } from "../../../utils/helpers";
 import { DateMask, MaskComponentAdapter } from "../../../utils/mask";
 import { inputSetBlur, inputSetFocus } from "../../../utils/form-input";
 import { defaultBalAriaForm } from "../../../utils/form";
-import { ListenTo } from "../../../utils/listen";
 export class InputDate {
     constructor() {
         this.inputId = `bal-i-date-${inputDateIds++}`;
@@ -108,14 +107,14 @@ export class InputDate {
     render() {
         const block = BEM.block('input-date');
         const native = block.element('native');
-        return (h(Host, { key: '14148968dbe8593f608bb83cb80431c1af6c10cb', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '7a9307a111eb7eaca7d043e6102220f83ed407ef', class: {
+        return (h(Host, { key: 'c1401f0c7df85ca5d78649b764215e27aa6790ae', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '37c33527ad82e2f74b19f734f2a752cc49a8a352', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
                 'is-clickable': this.clickable && !(this.disabled || this.readonly),
                 'bal-focusable': !this.disabled,
                 'has-icon-right': this.hasIconRight,
-            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), h("input", { key: '23e89b524f1cd68f76461720e386034d1872689a', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
+            }, "data-testid": "bal-date-input", ref: el => (this.nativeInput = el), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, required: this.required, disabled: this.disabled, readonly: this.readonly, autoComplete: this.autocomplete }, this.maskAdapter.attributes, this.inheritedAttributes, { placeholder: this.placeholder, value: this.inputValue, onKeyDown: event => this.maskAdapter.bindKeyDown(event), onClick: event => this.maskAdapter.bindClick(event), onFocus: event => this.maskAdapter.bindFocus(event), onBlur: event => this.maskAdapter.bindBlur(event), onPaste: event => this.maskAdapter.bindPaste(event) })), h("input", { key: 'c2b6921f78a345008b3475273f19dfe1dcd59373', type: "date", class: Object.assign({}, native.class()), name: this.name, min: this.min, max: this.max, value: this.value, tabindex: -1, "aria-hidden": "true" })));
     }
     static get is() { return "bal-input-date"; }
     static get originalStyleUrls() {
@@ -144,6 +143,8 @@ export class InputDate {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -162,6 +163,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -180,6 +183,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true` the attribute required is added to the native input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -198,6 +203,8 @@ export class InputDate {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -216,6 +223,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -234,6 +243,8 @@ export class InputDate {
                     "tags": [],
                     "text": "The text to display when the select is empty."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -251,6 +262,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true` the input gets a clickable cursor style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -269,6 +282,8 @@ export class InputDate {
                     "tags": [],
                     "text": "The minimum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\nsuch as `1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the minimum could just be the year, such as `1994`.\nDefaults to the beginning of the year, 100 years ago from today."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false
             },
@@ -286,6 +301,8 @@ export class InputDate {
                     "tags": [],
                     "text": "The maximum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\n`1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the maximum could just be the year, such as `1994`.\nDefaults to the end of this year."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false
             },
@@ -308,6 +325,8 @@ export class InputDate {
                     "tags": [],
                     "text": "Indicates whether the value of the control can be automatically completed by the browser."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
@@ -329,6 +348,8 @@ export class InputDate {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-icon-right",
                 "reflect": false,
                 "defaultValue": "false"
@@ -347,6 +368,8 @@ export class InputDate {
                     "tags": [],
                     "text": "The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -365,6 +388,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true`, in Angular reactive forms the control will not be set invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
@@ -383,6 +408,8 @@ export class InputDate {
                     "tags": [],
                     "text": "If `true`, it returns the string `INVALID_VALUE` within the balChange event if the input provided is not valid."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "allow-invalid-value",
                 "reflect": false,
                 "defaultValue": "false"
@@ -626,6 +653,21 @@ export class InputDate {
                 "methodName": "valueChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "reset",
+                "method": "resetHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-input-date'),
@@ -639,16 +681,4 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", Promise)
 ], InputDate.prototype, "configChanged", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], InputDate.prototype, "resetHandler", null);
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
-    __metadata("design:returntype", void 0)
-], InputDate.prototype, "listenOnClick", null);
 let inputDateIds = 0;

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

@@ -9,7 +9,6 @@ import { ACTION_KEYS, isCtrlOrCommandKey, NUMBER_KEYS } from "../../utils/consta
 import { BEM } from "../../utils/bem";
 import { Logger } from "../../utils/log";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ListenTo } from "../../utils/listen";
 export class Input {
     constructor() {
         this.inputId = `bal-input-${InputIds++}`;
@@ -305,7 +304,7 @@ export class Input {
         }
         const block = BEM.block('input');
         const id = this.ariaForm.controlId || this.inputId;
-        return (h(Host, { key: '06b94d64ecb7003f68c3402a530476419acb6298', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'ae1f579c3c8bded3c7b9c9a7eeea0e3989f17bb5', class: {
+        return (h(Host, { key: '6c244fcb460677d230891144d73b5688392106db', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '608a42d4c22e631f8504d743e0545016ab87e336', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
@@ -343,6 +342,8 @@ export class Input {
                     "tags": [],
                     "text": "The name of the control, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
@@ -361,6 +362,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -379,6 +382,8 @@ export class Input {
                     "tags": [],
                     "text": "Defines the text align of the input value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "text-align",
                 "reflect": false,
                 "defaultValue": "'left'"
@@ -402,6 +407,8 @@ export class Input {
                     "tags": [],
                     "text": "Defines the type of the input (text, number, email ...)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'text'"
@@ -420,6 +427,8 @@ export class Input {
                     "tags": [],
                     "text": "If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accept",
                 "reflect": false
             },
@@ -437,6 +446,8 @@ export class Input {
                     "tags": [],
                     "text": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autocapitalize",
                 "reflect": false,
                 "defaultValue": "'off'"
@@ -460,6 +471,8 @@ export class Input {
                     "tags": [],
                     "text": "Indicates whether the value of the control can be automatically completed by the browser."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
@@ -483,6 +496,8 @@ export class Input {
                     "tags": [],
                     "text": "Whether auto correction should be enabled when the user is entering/editing the text value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autocorrect",
                 "reflect": false,
                 "defaultValue": "'off'"
@@ -501,6 +516,8 @@ export class Input {
                     "tags": [],
                     "text": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"
@@ -519,6 +536,8 @@ export class Input {
                     "tags": [],
                     "text": "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`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
@@ -537,6 +556,8 @@ export class Input {
                     "tags": [],
                     "text": "Instructional text that shows before the input has a value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": false
             },
@@ -554,6 +575,8 @@ export class Input {
                     "tags": [],
                     "text": "The maximum value, which must not be less than its minimum (min attribute) value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max",
                 "reflect": false
             },
@@ -571,6 +594,8 @@ export class Input {
                     "tags": [],
                     "text": "Defines the max length of the value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "max-length",
                 "reflect": false
             },
@@ -588,6 +613,8 @@ export class Input {
                     "tags": [],
                     "text": "The minimum value, which must not be greater than its maximum (max attribute) value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min",
                 "reflect": false
             },
@@ -605,6 +632,8 @@ export class Input {
                     "tags": [],
                     "text": "Defines the min length of the value."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "min-length",
                 "reflect": false
             },
@@ -622,6 +651,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "multiple",
                 "reflect": false
             },
@@ -639,6 +670,8 @@ export class Input {
                     "tags": [],
                     "text": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "pattern",
                 "reflect": false
             },
@@ -656,6 +689,8 @@ export class Input {
                     "tags": [],
                     "text": "A regular expression that the key of the key press event is checked against and if not matching the expression the event will be prevented."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "allowed-key-press",
                 "reflect": false
             },
@@ -673,6 +708,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true`, the user must fill in a value before submitting a form."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
@@ -691,6 +728,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true`, the element will have its spelling and grammar checked."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "spellcheck",
                 "reflect": false,
                 "defaultValue": "false"
@@ -709,6 +748,8 @@ export class Input {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -727,6 +768,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
@@ -745,6 +788,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true` the input gets a clickable cursor style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -763,6 +808,8 @@ export class Input {
                     "tags": [],
                     "text": "Adds a suffix the the input-value after blur."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "suffix",
                 "reflect": false
             },
@@ -783,6 +830,8 @@ export class Input {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "has-icon-right",
                 "reflect": false,
                 "defaultValue": "false"
@@ -806,6 +855,8 @@ export class Input {
                     "tags": [],
                     "text": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inputmode",
                 "reflect": false
             },
@@ -823,6 +874,8 @@ export class Input {
                     "tags": [],
                     "text": "The value of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": true,
                 "defaultValue": "undefined"
@@ -846,6 +899,8 @@ export class Input {
                     "tags": [],
                     "text": "Mask of the input field. It defines what the user can enter and how the format looks like. Currently, only for Switzerland formatted with addition of Belgian enterprisenumber and IBAN.\nFormatting for 'contract-number': '99/1.234.567-1'\nFormatting for 'claim-number': ('73/001217/16.9')\nFormatting for 'offer-number': ('98/7.654.321')\nFormatting for 'be-enterprise-number': ('1234.567.890')\nFormatting for 'be-iban': ('BE68 5390 0754 7034')"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mask",
                 "reflect": false,
                 "defaultValue": "undefined"
@@ -864,6 +919,8 @@ export class Input {
                     "tags": [],
                     "text": "If `true`, in Angular reactive forms the control will not be set invalid"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
@@ -1077,6 +1134,21 @@ export class Input {
                 "methodName": "debounceChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }, {
+                "name": "reset",
+                "method": "resetHandler",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
 __decorate([
     Logger('bal-input'),
@@ -1084,16 +1156,4 @@ __decorate([
     __metadata("design:paramtypes", [Function]),
     __metadata("design:returntype", void 0)
 ], Input.prototype, "createLogger", null);
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], Input.prototype, "listenOnClick", null);
-__decorate([
-    ListenTo('reset', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], Input.prototype, "resetHandler", null);
 let InputIds = 0;

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

@@ -12,7 +12,7 @@ export class InputGroup {
         const hasDanger = this.invalid;
         const disabledClass = 'is-disabled';
         const hasDisabled = this.disabled || this.readonly;
-        return (h(Host, { key: 'b5038db22ec5c61a3f23e8d49e7e010c1095caf7', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, h("slot", { key: '190951b467b003b066c34894295a5ef15304353b' })));
+        return (h(Host, { key: '0ee1d4bf529641edcf403b31ae080d90151736af', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, h("slot", { key: 'c73c35476a90aab9e77835b1028e4fa26e3946af' })));
     }
     static get is() { return "bal-input-group"; }
     static get originalStyleUrls() {
@@ -41,6 +41,8 @@ export class InputGroup {
                     "tags": [],
                     "text": "If `true` the component gets a invalid style."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
@@ -59,6 +61,8 @@ export class InputGroup {
                     "tags": [],
                     "text": "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."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
@@ -77,6 +81,8 @@ export class InputGroup {
                     "tags": [],
                     "text": "If `true` the element can not mutated, meaning the user can not edit the control."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"