@baloise/ds-core 19.8.2 → 19.8.3

package/dist/collection/components/bal-hint/bal-hint.css

@@ -1 +1 @@
-@media(hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background: var(--bal-color-grey-2);--bal-hint-content-border-color: var(--bal-color-grey-2);--bal-hint-icon-color-hover: var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{user-select:none;cursor:pointer}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:flex;gap:1.5rem;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}
+@media(hover: hover)and (pointer: fine){.bal-hint__icon:focus-visible:not(:active){box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-hint-content-background: var(--bal-color-grey-2);--bal-hint-content-border-color: var(--bal-color-grey-2);--bal-hint-icon-color-hover: var(--bal-color-light-blue-5)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{user-select:none;cursor:pointer;z-index:var(--bal-z-index-popup) !important}.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle{fill:var(--bal-hint-icon-color-hover)}.bal-hint .bal-popup__container{z-index:var(--bal-z-index-popup);background:var(--bal-hint-content-background);border:8px solid var(--bal-hint-content-border-color)}.bal-hint__content{width:auto;max-width:30rem;min-width:16.25rem;display:flex;gap:1.5rem;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__content__text__field{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text);font-size:var(--bal-text-size-normal)}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}

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

@@ -140,7 +140,6 @@ export class Hint {
         return {
             "closeLabel": {
                 "type": "string",
-                "attribute": "close-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -155,11 +154,11 @@ export class Hint {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "close-label"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -175,6 +174,7 @@ export class Hint {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "small",
                 "defaultValue": "false"
             }
         };

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

@@ -199,7 +199,6 @@ export class Icon {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": true,
                 "complexType": {
                     "original": "string | undefined",
@@ -215,11 +214,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "name",
                 "defaultValue": "undefined"
             },
             "svg": {
                 "type": "string",
-                "attribute": "svg",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -235,11 +234,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "svg",
                 "defaultValue": "''"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalIconSize",
@@ -260,11 +259,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalIconColor",
@@ -285,11 +284,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "''"
             },
             "colorHovered": {
                 "type": "string",
-                "attribute": "color-hovered",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalIconColor",
@@ -310,11 +309,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color-hovered",
                 "defaultValue": "''"
             },
             "colorPressed": {
                 "type": "string",
-                "attribute": "color-pressed",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalIconColor",
@@ -335,11 +334,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color-pressed",
                 "defaultValue": "''"
             },
             "tile": {
                 "type": "boolean",
-                "attribute": "tile",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -355,11 +354,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "tile",
                 "defaultValue": "false"
             },
             "tileColor": {
                 "type": "string",
-                "attribute": "tile-color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalIconTileColor",
@@ -380,11 +379,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "tile-color",
                 "defaultValue": "''"
             },
             "inline": {
                 "type": "boolean",
-                "attribute": "inline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -400,11 +399,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inline",
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -420,11 +419,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "turn": {
                 "type": "boolean",
-                "attribute": "turn",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -440,11 +439,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "turn",
                 "defaultValue": "false"
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -460,11 +459,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shadow",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -480,11 +479,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "undefined"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -500,11 +499,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "undefined"
             },
             "hovered": {
                 "type": "boolean",
-                "attribute": "hovered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -523,11 +522,11 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hovered",
                 "defaultValue": "false"
             },
             "pressed": {
                 "type": "boolean",
-                "attribute": "pressed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -546,6 +545,7 @@ export class Icon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "pressed",
                 "defaultValue": "false"
             }
         };

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

@@ -143,14 +143,14 @@ export class InputDate {
     render() {
         const block = BEM.block('input-date');
         const native = block.element('native');
-        return (h(Host, { key: '65f50fc8af2534f6f07ef820652c7c455b125599', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '287ac458a75949d8f47c07f5b50a5dedd6d20d55', class: {
+        return (h(Host, { key: '49ea7a0000fe4b32077a9f4615dc27dc323c1f9c', onClick: (event) => this.maskAdapter.bindHostClick(event), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '337864d4fefa8918d6ac0cfd86520575f66ba191', 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": ariaBooleanToString(this.disabled), 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: '577199c3e31fcc8b715ea8a06e0d5e6595caad20', 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": ariaBooleanToString(this.disabled), 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: '825df1bb8dd5ddd9d2f6b6b7a242f1ab674d003c', 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() {
@@ -167,7 +167,6 @@ export class InputDate {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,11 +182,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -203,11 +202,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -223,11 +222,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -243,11 +242,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -263,11 +262,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -282,11 +281,11 @@ export class InputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "clickable": {
                 "type": "boolean",
-                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -302,11 +301,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clickable",
                 "defaultValue": "false"
             },
             "min": {
                 "type": "string",
-                "attribute": "min",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -321,11 +320,11 @@ export class InputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min"
             },
             "max": {
                 "type": "string",
-                "attribute": "max",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -340,11 +339,11 @@ export class InputDate {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocomplete",
@@ -365,11 +364,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "'off'"
             },
             "hasIconRight": {
                 "type": "boolean",
-                "attribute": "has-icon-right",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -388,11 +387,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-icon-right",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | undefined",
@@ -408,11 +407,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "undefined"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -428,11 +427,11 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             },
             "allowInvalidValue": {
                 "type": "boolean",
-                "attribute": "allow-invalid-value",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -448,6 +447,7 @@ export class InputDate {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "allow-invalid-value",
                 "defaultValue": "false"
             }
         };