@baloise/ds-core 19.3.0 → 19.4.0

package/dist/collection/components/bal-data/bal-data-label/bal-data-label.js

@@ -2,6 +2,9 @@ import { Host, h } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 export class DataLabel {
     constructor() {
+        /**
+         * If `true` an asterix is added after the label.
+         */
         this.required = false;
     }
     render() {
@@ -12,6 +15,7 @@ export class DataLabel {
         return {
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -26,7 +30,6 @@ export class DataLabel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/bal-data/bal-data-value/bal-data-value.js

@@ -3,6 +3,18 @@ import isNil from "lodash.isnil";
 import { BEM } from "../../../utils/bem";
 export class DataValue {
     constructor() {
+        /**
+         * If `true` a small button with a edit icon will be shown on the right.
+         */
+        this.editable = false;
+        /**
+         * If `true` the button will get disabled.
+         */
+        this.disabled = false;
+        /**
+         * If `true` the text will break and the height of the item increases.
+         */
+        this.multiline = false;
         this.onClickHandler = (ev) => {
             const input = this.el.querySelector('bal-input');
             if (!isNil(input)) {
@@ -10,9 +22,6 @@ export class DataValue {
             }
             this.balClick.emit(ev);
         };
-        this.editable = false;
-        this.disabled = false;
-        this.multiline = false;
     }
     render() {
         const block = BEM.block('data-value');
@@ -24,6 +33,7 @@ export class DataValue {
         return {
             "editable": {
                 "type": "boolean",
+                "attribute": "editable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -38,12 +48,12 @@ export class DataValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "editable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -58,12 +68,12 @@ export class DataValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "multiline": {
                 "type": "boolean",
+                "attribute": "multiline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -78,7 +88,6 @@ export class DataValue {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "multiline",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -2,9 +2,15 @@ import { Host, h } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 export class Data {
     constructor() {
-        this.inputElements = ['bal-data-item'];
+        /**
+         * If `true` a bottom border is added to the data-item.
+         */
         this.border = false;
+        /**
+         * If `true` the data list is horizontal instead of vertical.
+         */
         this.horizontal = false;
+        this.inputElements = ['bal-data-item'];
     }
     borderHandler() {
         this.updateProps([...this.inputElements], 'border');
@@ -41,6 +47,7 @@ export class Data {
         return {
             "border": {
                 "type": "boolean",
+                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -55,12 +62,12 @@ export class Data {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "horizontal": {
                 "type": "boolean",
+                "attribute": "horizontal",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -75,7 +82,6 @@ export class Data {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "horizontal",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -14,6 +14,23 @@ export class DateCalendar {
     constructor() {
         this.oldMin = '';
         this.oldMax = '';
+        this.selectedDate = '';
+        this.monthFullNames = [];
+        this.weekdays = [];
+        this.months = [];
+        this.years = [];
+        this.calendarGrid = [];
+        this.firstDayOfWeek = 0;
+        this.month = 0;
+        this.year = 0;
+        this.language = defaultConfig.language;
+        this.isCalendarVisible = true;
+        this.isYearListVisible = false;
+        this.isMonthListVisible = false;
+        /**
+         * Callback to determine which date in the datepicker should be selectable.
+         */
+        this.allowedDates = undefined;
         /**
          * EVENT BINDING
          * ------------------------------------------------------
@@ -76,26 +93,6 @@ export class DateCalendar {
             this.isCalendarVisible = true;
             this.generateGridByMonthAndYear(newMonth, this.year);
         };
-        this.selectedDate = '';
-        this.monthFullNames = [];
-        this.weekdays = [];
-        this.months = [];
-        this.years = [];
-        this.calendarGrid = [];
-        this.firstDayOfWeek = 0;
-        this.month = 0;
-        this.year = 0;
-        this.language = defaultConfig.language;
-        this.isCalendarVisible = true;
-        this.isYearListVisible = false;
-        this.isMonthListVisible = false;
-        this.value = undefined;
-        this.defaultDate = undefined;
-        this.allowedDates = undefined;
-        this.min = undefined;
-        this.max = undefined;
-        this.minYearProp = undefined;
-        this.maxYearProp = undefined;
     }
     createLogger(log) {
         this.log = log;
@@ -258,6 +255,7 @@ export class DateCalendar {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -272,11 +270,11 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "defaultDate": {
                 "type": "string",
+                "attribute": "default-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -291,11 +289,11 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "default-date",
                 "reflect": false
             },
             "allowedDates": {
                 "type": "unknown",
+                "attribute": "allowed-dates",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalDateCalendarAllowedDatesCallback | undefined",
@@ -319,6 +317,7 @@ export class DateCalendar {
             },
             "min": {
                 "type": "string",
+                "attribute": "min",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -333,11 +332,11 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": false
             },
             "max": {
                 "type": "string",
+                "attribute": "max",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -352,11 +351,11 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": false
             },
             "minYearProp": {
                 "type": "number",
+                "attribute": "min-year",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -371,11 +370,11 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min-year",
                 "reflect": false
             },
             "maxYearProp": {
                 "type": "number",
+                "attribute": "max-year",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -390,7 +389,6 @@ export class DateCalendar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max-year",
                 "reflect": false
             }
         };

package/dist/collection/components/bal-date/bal-date-calendar-cell/bal-date-calendar-cell.js

@@ -4,6 +4,9 @@ import { BEM } from "../../../utils/bem";
 import { ariaBooleanToString } from "../../../utils/aria";
 export class DateCalendarCell {
     constructor() {
+        this.selected = false;
+        this.today = false;
+        this.disabled = false;
         /**
          * EVENT BINDING
          * ------------------------------------------------------
@@ -16,14 +19,6 @@ export class DateCalendarCell {
                 stopEventBubbling(ev);
             }
         };
-        this.day = undefined;
-        this.month = undefined;
-        this.year = undefined;
-        this.isoDate = undefined;
-        this.fullDate = undefined;
-        this.selected = false;
-        this.today = false;
-        this.disabled = false;
     }
     /**
      * RENDER
@@ -38,6 +33,7 @@ export class DateCalendarCell {
         return {
             "day": {
                 "type": "number",
+                "attribute": "day",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -52,11 +48,11 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "day",
                 "reflect": false
             },
             "month": {
                 "type": "number",
+                "attribute": "month",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -71,11 +67,11 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "month",
                 "reflect": false
             },
             "year": {
                 "type": "number",
+                "attribute": "year",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -90,11 +86,11 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "year",
                 "reflect": false
             },
             "isoDate": {
                 "type": "string",
+                "attribute": "iso-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -109,11 +105,11 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "iso-date",
                 "reflect": false
             },
             "fullDate": {
                 "type": "string",
+                "attribute": "full-date",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -128,11 +124,11 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "full-date",
                 "reflect": false
             },
             "selected": {
                 "type": "boolean",
+                "attribute": "selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -147,12 +143,12 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "today": {
                 "type": "boolean",
+                "attribute": "today",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -167,12 +163,12 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "today",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -187,7 +183,6 @@ export class DateCalendarCell {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             }