@baloise/ds-core 19.3.0 → 19.4.0

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

@@ -17,7 +17,59 @@ export class Popup {
         this.fullscreenVariantRenderer = new VariantRenderer(new FullscreenVariantRenderer());
         this.drawerVariantRenderer = new VariantRenderer(new DrawerVariantRenderer());
         this.lastVariant = 'popover';
+        this.activeClosable = false;
+        this.activeBackdropDismiss = false;
+        this.activeVariant = 'popover';
+        this.minContainerWidth = '16.25rem';
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * Label or title of the popup element
+         */
+        this.label = '';
+        /**
+         * Defines the variant / type of popup
+         */
+        this.variant = 'popover';
+        /**
+         * If set it turns a popover into a fullscreen or a drawer on touch devices
+         */
+        this.placement = 'bottom';
+        /**
+         * If `true`, it shows a little indicator to the trigger element.
+         */
+        this.arrow = false;
+        /**
+         * If `true`, a backdrop will be displayed behind the modal.
+         */
+        this.backdrop = false;
+        /**
+         * Offset form trigger to popup.
+         */
+        this.offset = 0;
+        /**
+         * If `true`, the modal can be closed with the escape key or the little close button.
+         */
+        this.closable = false;
+        /**
+         * If `true`, the modal can be closed with the click outside of the modal
+         */
+        this.backdropDismiss = false;
+        /**
+         * If `true` the popup is open.
+         */
+        this.active = false;
+        /**
+         * Internal active state
+         */
+        this.presented = false;
         this.initialActive = this.active;
+        /**
+         * @internal
+         */
+        this.demo = false;
         /**
          * LISTENERS
          * ------------------------------------------------------
@@ -39,25 +91,6 @@ export class Popup {
                 this.dismiss();
             }
         };
-        this.activeClosable = false;
-        this.activeBackdropDismiss = false;
-        this.activeVariant = 'popover';
-        this.trigger = undefined;
-        this.lastTrigger = undefined;
-        this.minContainerWidth = '16.25rem';
-        this.label = '';
-        this.reference = undefined;
-        this.variant = 'popover';
-        this.placement = 'bottom';
-        this.arrow = false;
-        this.backdrop = false;
-        this.offset = 0;
-        this.closable = false;
-        this.backdropDismiss = false;
-        this.active = false;
-        this.presented = false;
-        this.contentWidth = undefined;
-        this.demo = false;
     }
     createLogger(log) {
         this.log = log;
@@ -322,6 +355,7 @@ export class Popup {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -336,12 +370,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "reference": {
                 "type": "string",
+                "attribute": "reference",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -356,11 +390,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "reference",
                 "reflect": false
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopupVariant",
@@ -380,12 +414,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'popover'"
             },
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopupPlacement",
@@ -405,12 +439,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "arrow": {
                 "type": "boolean",
+                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -425,12 +459,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "arrow",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "backdrop": {
                 "type": "boolean",
+                "attribute": "backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -445,12 +479,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "backdrop",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "offset": {
                 "type": "number",
+                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -465,12 +499,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "offset",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "closable": {
                 "type": "boolean",
+                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -485,12 +519,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "backdropDismiss": {
                 "type": "boolean",
+                "attribute": "backdrop-dismiss",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -505,12 +539,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "backdrop-dismiss",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "active": {
                 "type": "boolean",
+                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -525,12 +559,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "contentWidth": {
                 "type": "number",
+                "attribute": "content-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -545,11 +579,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "content-width",
                 "reflect": false
             },
             "demo": {
                 "type": "boolean",
+                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -567,7 +601,6 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "demo",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/bal-progress-bar/bal-progress-bar.js

@@ -8,8 +8,21 @@ export class ProgressBar {
     constructor() {
         this.animated = true;
         this.isTouch = balBreakpoints.isTouch; // need this part to improve a none side effect import
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * The value of the bar in percentage. So min is 0 and 100 would be the max value.
+         */
         this.value = 0;
+        /**
+         * The background color
+         */
         this.background = 'white';
+        /**
+         * The progress bar color
+         */
         this.color = 'primary';
     }
     /**
@@ -76,6 +89,7 @@ export class ProgressBar {
         return {
             "value": {
                 "type": "number",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -90,12 +104,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "background": {
                 "type": "string",
+                "attribute": "background",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalProgressBarBackground",
@@ -115,12 +129,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "background",
                 "reflect": false,
                 "defaultValue": "'white'"
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalProgressBarColor",
@@ -140,7 +154,6 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'primary'"
             }

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

@@ -13,6 +13,59 @@ export class RadioGroup {
     constructor() {
         this.inputId = `bal-rg-${radioGroupIds++}`;
         this.inheritedAttributes = {};
+        this.ariaForm = defaultBalAriaForm;
+        /**
+         * Defines the layout of the radio button
+         */
+        this.interface = undefined;
+        /**
+         * If `true`, the radios can be deselected.
+         */
+        this.allowEmptySelection = false;
+        /**
+         * The name of the control, which is submitted with the form data.
+         */
+        this.name = this.inputId;
+        /**
+         * Displays the checkboxes vertically
+         */
+        this.vertical = false;
+        /**
+         * If `true`, the controls will be vertically on mobile devices.
+         */
+        this.verticalOnMobile = false;
+        /**
+         * Uses the whole width
+         */
+        this.expanded = 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.invalid = undefined;
+        /**
+         * 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 element can not mutated, meaning the user can not edit the control.
+         */
+        this.readonly = undefined;
+        /**
+         * Defines the column size like the grid.
+         */
+        this.columns = 1;
+        /**
+         * Defines the column size for tablet and bigger like the grid.
+         */
+        this.columnsTablet = 1;
+        /**
+         * Defines the column size for mobile and bigger like the grid.
+         */
+        this.columnsMobile = 1;
+        /**
+         * If `true`, in Angular reactive forms the control will not be set invalid
+         */
+        this.autoInvalidOff = false;
         /**
          * LISTENERS
          * ------------------------------------------------------
@@ -66,22 +119,6 @@ export class RadioGroup {
                 this.balChange.emit(this.value);
             }
         };
-        this.ariaForm = defaultBalAriaForm;
-        this.options = undefined;
-        this.interface = undefined;
-        this.allowEmptySelection = false;
-        this.name = this.inputId;
-        this.vertical = false;
-        this.verticalOnMobile = false;
-        this.expanded = false;
-        this.invalid = undefined;
-        this.disabled = undefined;
-        this.readonly = undefined;
-        this.value = undefined;
-        this.columns = 1;
-        this.columnsTablet = 1;
-        this.columnsMobile = 1;
-        this.autoInvalidOff = false;
     }
     createLogger(log) {
         this.log = log;
@@ -296,6 +333,7 @@ export class RadioGroup {
         return {
             "options": {
                 "type": "unknown",
+                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalRadioOption[]",
@@ -319,6 +357,7 @@ export class RadioGroup {
             },
             "interface": {
                 "type": "string",
+                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupInterface",
@@ -338,12 +377,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "interface",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "allowEmptySelection": {
                 "type": "boolean",
+                "attribute": "allow-empty-selection",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -358,12 +397,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "allow-empty-selection",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -378,12 +417,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.inputId"
             },
             "vertical": {
                 "type": "boolean",
+                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -398,12 +437,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "vertical",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "verticalOnMobile": {
                 "type": "boolean",
+                "attribute": "vertical-on-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -418,12 +457,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "vertical-on-mobile",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -438,12 +477,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -458,12 +497,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -478,12 +517,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -498,12 +537,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "any | null",
@@ -518,11 +557,11 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "columns": {
                 "type": "number",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -542,12 +581,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "columns",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "columnsTablet": {
                 "type": "number",
+                "attribute": "columns-tablet",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -567,12 +606,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "columns-tablet",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "columnsMobile": {
                 "type": "number",
+                "attribute": "columns-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -592,12 +631,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "columns-mobile",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "autoInvalidOff": {
                 "type": "boolean",
+                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -612,7 +651,6 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
             }