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

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

@@ -17,59 +17,7 @@ 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
          * ------------------------------------------------------
@@ -91,6 +39,25 @@ 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;
@@ -355,7 +322,6 @@ export class Popup {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -370,12 +336,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "reference": {
                 "type": "string",
-                "attribute": "reference",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -390,11 +356,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "reference",
                 "reflect": false
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopupVariant",
@@ -414,12 +380,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",
@@ -439,12 +405,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "placement",
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "arrow": {
                 "type": "boolean",
-                "attribute": "arrow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -459,12 +425,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "arrow",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "backdrop": {
                 "type": "boolean",
-                "attribute": "backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -479,12 +445,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "backdrop",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "offset": {
                 "type": "number",
-                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -499,12 +465,12 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "offset",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "closable": {
                 "type": "boolean",
-                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -519,12 +485,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",
@@ -539,12 +505,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",
@@ -559,12 +525,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",
@@ -579,11 +545,11 @@ export class Popup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "content-width",
                 "reflect": false
             },
             "demo": {
                 "type": "boolean",
-                "attribute": "demo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -601,6 +567,7 @@ 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,21 +8,8 @@ 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';
     }
     /**
@@ -89,7 +76,6 @@ export class ProgressBar {
         return {
             "value": {
                 "type": "number",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -104,12 +90,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",
@@ -129,12 +115,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",
@@ -154,6 +140,7 @@ 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,59 +13,6 @@ 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
          * ------------------------------------------------------
@@ -119,6 +66,22 @@ 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;
@@ -333,7 +296,6 @@ export class RadioGroup {
         return {
             "options": {
                 "type": "unknown",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalRadioOption[]",
@@ -357,7 +319,6 @@ export class RadioGroup {
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupInterface",
@@ -377,12 +338,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",
@@ -397,12 +358,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",
@@ -417,12 +378,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",
@@ -437,12 +398,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",
@@ -457,12 +418,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",
@@ -477,12 +438,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -497,12 +458,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -517,12 +478,12 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -537,12 +498,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",
@@ -557,11 +518,11 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "value",
                 "reflect": false
             },
             "columns": {
                 "type": "number",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalRadioGroupColumns",
@@ -581,12 +542,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",
@@ -606,12 +567,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",
@@ -631,12 +592,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",
@@ -651,6 +612,7 @@ export class RadioGroup {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "auto-invalid-off",
                 "reflect": true,
                 "defaultValue": "false"
             }