@baloise/ds-core 19.3.0 → 19.4.0

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

@@ -24,6 +24,97 @@ export class Tabs {
         this.tabsId = `bal-tabs-${TabsIds++}`;
         this.inheritAttributes = {};
         this.swiper = new SwiperUtil();
+        this.isAccordionOpen = false;
+        this.accordionState = 1 /* AccordionState.Collapsed */;
+        this.isNavbarOpen = false;
+        this.inNavbar = false;
+        this.inNavbarLight = false;
+        this.enableLineRender = false;
+        this.hasAnimated = false;
+        this.index = 0;
+        this.isMobile = balBreakpoints.isMobile;
+        this.isTablet = balBreakpoints.isTablet;
+        this.language = defaultConfig.language;
+        this.store = [];
+        this.animated = true;
+        /**
+         * PUBLIC PROPERTY API
+         * ------------------------------------------------------
+         */
+        /**
+         * @deprecated Defines the layout of the tabs. Right only works from the breakpoint
+         * high-definition and beyond.
+         */
+        this.float = 'left';
+        /**
+         * If `true` the tabs is a block element and uses 100% of the width
+         */
+        this.fullwidth = false;
+        /**
+         * If `true` the tab items can be open and closed
+         */
+        this.accordion = false;
+        /**
+         * If `true` the tabs have a carousel if they need more space than provided.
+         */
+        this.overflow = true;
+        /**
+         * Tabs can be passed as a property or through HTML markup.
+         */
+        this.options = [];
+        /**
+         * Defines the layout of the tabs.
+         */
+        this.iconPosition = 'horizontal';
+        /**
+         * If `true` the field expands over the whole width.
+         */
+        this.expanded = false;
+        /**
+         * If `true` the tabs container does not have a padding left or right.
+         */
+        this.spaceless = false;
+        /**
+         * If `true` the tabs or tabs can be clicked.
+         */
+        this.clickable = true;
+        /**
+         * If `true` a light border is shown for the tabs.
+         */
+        this.border = false;
+        /**
+         * If `true` the tabs can be uses on dark background
+         */
+        this.inverted = false;
+        /**
+         * If `true` the tabs selected line is optional
+         */
+        this.optionalTabSelection = false;
+        /**
+         * 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`.
+         */
+        this.debounce = 0;
+        /**
+         * If `true` tabs are align vertically.
+         */
+        this.vertical = false;
+        /**
+         * The col size of the tabs on vertical mode.
+         */
+        this.verticalColSize = 'one-third';
+        /**
+         * If `true` the tabs are shown as a select component on mobile
+         */
+        this.selectOnMobile = false;
+        this.value = undefined;
+        /**
+         * if true, inactive elements will have their opacity reduced
+         */
+        this.dimInactiveElements = false;
+        /**
+         * If `true` then  isTabList becomes true even if there is a link in the list.
+         */
+        this.handleAsTabList = false;
         /**
          * LISTENERS
          * ------------------------------------------------------
@@ -232,39 +323,6 @@ export class Tabs {
                 }
             }
         };
-        this.isAccordionOpen = false;
-        this.accordionState = 1 /* AccordionState.Collapsed */;
-        this.isNavbarOpen = false;
-        this.inNavbar = false;
-        this.inNavbarLight = false;
-        this.enableLineRender = false;
-        this.hasAnimated = false;
-        this.index = 0;
-        this.isMobile = balBreakpoints.isMobile;
-        this.isTablet = balBreakpoints.isTablet;
-        this.language = defaultConfig.language;
-        this.store = [];
-        this.animated = true;
-        this.float = 'left';
-        this.fullwidth = false;
-        this.accordion = false;
-        this.overflow = true;
-        this.options = [];
-        this.context = undefined;
-        this.iconPosition = 'horizontal';
-        this.expanded = false;
-        this.spaceless = false;
-        this.clickable = true;
-        this.border = false;
-        this.inverted = false;
-        this.optionalTabSelection = false;
-        this.debounce = 0;
-        this.vertical = false;
-        this.verticalColSize = 'one-third';
-        this.selectOnMobile = false;
-        this.value = undefined;
-        this.dimInactiveElements = false;
-        this.handleAsTabList = false;
     }
     createLogger(log) {
         this.log = log;
@@ -635,6 +693,7 @@ export class Tabs {
         return {
             "float": {
                 "type": "string",
+                "attribute": "float",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTabsFloat",
@@ -657,12 +716,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "float",
                 "reflect": false,
                 "defaultValue": "'left'"
             },
             "fullwidth": {
                 "type": "boolean",
+                "attribute": "fullwidth",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -677,12 +736,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "fullwidth",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "accordion": {
                 "type": "boolean",
+                "attribute": "accordion",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -697,12 +756,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accordion",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "overflow": {
                 "type": "boolean",
+                "attribute": "overflow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -717,12 +776,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "overflow",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "options": {
                 "type": "unknown",
+                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "BalTabOption[]",
@@ -747,6 +806,7 @@ export class Tabs {
             },
             "context": {
                 "type": "string",
+                "attribute": "context",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTabsContext",
@@ -766,11 +826,11 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "context",
                 "reflect": false
             },
             "iconPosition": {
                 "type": "string",
+                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTabsIconPosition",
@@ -790,12 +850,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-position",
                 "reflect": false,
                 "defaultValue": "'horizontal'"
             },
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -810,12 +870,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "spaceless": {
                 "type": "boolean",
+                "attribute": "spaceless",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -830,12 +890,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spaceless",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "clickable": {
                 "type": "boolean",
+                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -850,12 +910,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "border": {
                 "type": "boolean",
+                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -870,12 +930,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
+                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -890,12 +950,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "optionalTabSelection": {
                 "type": "boolean",
+                "attribute": "optional-tab-selection",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -910,12 +970,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "optional-tab-selection",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
+                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -930,12 +990,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "vertical": {
                 "type": "any",
+                "attribute": "vertical",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTabsVertical",
@@ -955,12 +1015,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "vertical",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "verticalColSize": {
                 "type": "string",
+                "attribute": "vertical-col-size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTabsColSize",
@@ -980,12 +1040,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "vertical-col-size",
                 "reflect": false,
                 "defaultValue": "'one-third'"
             },
             "selectOnMobile": {
                 "type": "boolean",
+                "attribute": "select-on-mobile",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1000,12 +1060,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "select-on-mobile",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -1020,12 +1080,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "undefined"
             },
             "dimInactiveElements": {
                 "type": "boolean",
+                "attribute": "dim-inactive-elements",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1040,12 +1100,12 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dim-inactive-elements",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "handleAsTabList": {
                 "type": "boolean",
+                "attribute": "handle-as-tab-list",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1060,7 +1120,6 @@ export class Tabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "handle-as-tab-list",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -6,13 +6,38 @@ export class Tag {
     constructor() {
         this.inheritedAttributes = {};
         this.inheritedAttributesClose = {};
+        /**
+         * The theme type of the tag.
+         */
         this.color = '';
+        /**
+         * The size of the tag element
+         */
         this.size = '';
+        /**
+         * The theme type of the tag.
+         */
         this.closable = false;
+        /**
+         * Overwrites the default color to invalid style
+         */
         this.invalid = 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.disabled = false;
+        /**
+         * Choosing left or center the tag is aligned to that side in the bal-card.
+         */
         this.position = 'left';
+        /**
+         * If `true` a light version of the color is displayed
+         */
         this.light = false;
+        /**
+         * @internal
+         * Sets background color to transparent
+         */
         this.transparent = false;
     }
     componentWillLoad() {
@@ -51,6 +76,7 @@ export class Tag {
         return {
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTagColor",
@@ -70,12 +96,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTagSize",
@@ -95,12 +121,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "closable": {
                 "type": "boolean",
+                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -115,12 +141,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -135,12 +161,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -155,12 +181,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "position": {
                 "type": "string",
+                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalTagPlacement",
@@ -180,12 +206,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "position",
                 "reflect": false,
                 "defaultValue": "'left'"
             },
             "light": {
                 "type": "boolean",
+                "attribute": "light",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -200,12 +226,12 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "light",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "transparent": {
                 "type": "boolean",
+                "attribute": "transparent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -223,7 +249,6 @@ export class Tag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "transparent",
                 "reflect": false,
                 "defaultValue": "false"
             }