@baloise/ds-core 17.0.0 → 17.1.0

package/dist/html.html-data.json

@@ -150,6 +150,10 @@
             }
           ]
         },
+        {
+          "name": "expanded",
+          "description": "If `true` the button is aligned over the whole width"
+        },
         {
           "name": "open-icon",
           "description": "BalIcon of the open trigger button"
@@ -1476,6 +1480,174 @@
           "name": "auto-invalid-off",
           "description": "If `true`, in Angular reactive forms the control will not be set invalid"
         },
+        {
+          "name": "autocomplete",
+          "description": "Indicates whether the value of the control can be automatically completed by the browser.",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "honorific-prefix"
+            },
+            {
+              "name": "given-name"
+            },
+            {
+              "name": "additional-name"
+            },
+            {
+              "name": "family-name"
+            },
+            {
+              "name": "honorific-suffix"
+            },
+            {
+              "name": "nickname"
+            },
+            {
+              "name": "username"
+            },
+            {
+              "name": "new-password"
+            },
+            {
+              "name": "current-password"
+            },
+            {
+              "name": "one-time-code"
+            },
+            {
+              "name": "organization-title"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "street-address"
+            },
+            {
+              "name": "address-line1"
+            },
+            {
+              "name": "address-line2"
+            },
+            {
+              "name": "address-line3"
+            },
+            {
+              "name": "address-level4"
+            },
+            {
+              "name": "address-level3"
+            },
+            {
+              "name": "address-level2"
+            },
+            {
+              "name": "address-level1"
+            },
+            {
+              "name": "country"
+            },
+            {
+              "name": "country-name"
+            },
+            {
+              "name": "postal-code"
+            },
+            {
+              "name": "cc-name"
+            },
+            {
+              "name": "cc-given-name"
+            },
+            {
+              "name": "cc-additional-name"
+            },
+            {
+              "name": "cc-family-name"
+            },
+            {
+              "name": "cc-number"
+            },
+            {
+              "name": "cc-exp"
+            },
+            {
+              "name": "cc-exp-month"
+            },
+            {
+              "name": "cc-exp-year"
+            },
+            {
+              "name": "cc-csc"
+            },
+            {
+              "name": "cc-type"
+            },
+            {
+              "name": "transaction-currency"
+            },
+            {
+              "name": "transaction-amount"
+            },
+            {
+              "name": "language"
+            },
+            {
+              "name": "bday"
+            },
+            {
+              "name": "bday-day"
+            },
+            {
+              "name": "bday-month"
+            },
+            {
+              "name": "bday-year"
+            },
+            {
+              "name": "sex"
+            },
+            {
+              "name": "tel-country-code"
+            },
+            {
+              "name": "tel-national"
+            },
+            {
+              "name": "tel-area-code"
+            },
+            {
+              "name": "tel-local"
+            },
+            {
+              "name": "tel-extension"
+            },
+            {
+              "name": "impp"
+            },
+            {
+              "name": "photo"
+            }
+          ]
+        },
         {
           "name": "close-on-select",
           "description": "Closes the datepicker popover after selection"
@@ -1961,6 +2133,10 @@
           "name": "icon",
           "description": "If `true` there will be on trigger icon visible"
         },
+        {
+          "name": "inline-label",
+          "description": "Defines a inline label to be shown before the value"
+        },
         {
           "name": "invalid",
           "description": "If `true`, the component will be shown as invalid"
@@ -1989,6 +2165,24 @@
           "name": "required",
           "description": "If `true`, the user must fill in a value before submitting a form."
         },
+        {
+          "name": "size",
+          "description": "Defines the size of the control.",
+          "values": [
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "theme",
+          "description": "Defines the color style of the control",
+          "values": [
+            {
+              "name": "purple"
+            }
+          ]
+        },
         {
           "name": "value",
           "description": "The value of the selected options."
@@ -6593,6 +6787,14 @@
           "name": "prevent",
           "description": "Tell's if the linking is done by a router."
         },
+        {
+          "name": "sub-label",
+          "description": "Sub label for the tab."
+        },
+        {
+          "name": "svg",
+          "description": "source for the svg icon"
+        },
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.",
@@ -6680,6 +6882,10 @@
           "name": "debounce",
           "description": "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`."
         },
+        {
+          "name": "dim-inactive-elements",
+          "description": "if true, inactive elements will have their opacity reduced"
+        },
         {
           "name": "expanded",
           "description": "If `true` the field expands over the whole width."
@@ -7031,6 +7237,174 @@
           "name": "autocapitalize",
           "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user."
         },
+        {
+          "name": "autocomplete",
+          "description": "Indicates whether the value of the control can be automatically completed by the browser.",
+          "values": [
+            {
+              "name": "on"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "url"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "name"
+            },
+            {
+              "name": "honorific-prefix"
+            },
+            {
+              "name": "given-name"
+            },
+            {
+              "name": "additional-name"
+            },
+            {
+              "name": "family-name"
+            },
+            {
+              "name": "honorific-suffix"
+            },
+            {
+              "name": "nickname"
+            },
+            {
+              "name": "username"
+            },
+            {
+              "name": "new-password"
+            },
+            {
+              "name": "current-password"
+            },
+            {
+              "name": "one-time-code"
+            },
+            {
+              "name": "organization-title"
+            },
+            {
+              "name": "organization"
+            },
+            {
+              "name": "street-address"
+            },
+            {
+              "name": "address-line1"
+            },
+            {
+              "name": "address-line2"
+            },
+            {
+              "name": "address-line3"
+            },
+            {
+              "name": "address-level4"
+            },
+            {
+              "name": "address-level3"
+            },
+            {
+              "name": "address-level2"
+            },
+            {
+              "name": "address-level1"
+            },
+            {
+              "name": "country"
+            },
+            {
+              "name": "country-name"
+            },
+            {
+              "name": "postal-code"
+            },
+            {
+              "name": "cc-name"
+            },
+            {
+              "name": "cc-given-name"
+            },
+            {
+              "name": "cc-additional-name"
+            },
+            {
+              "name": "cc-family-name"
+            },
+            {
+              "name": "cc-number"
+            },
+            {
+              "name": "cc-exp"
+            },
+            {
+              "name": "cc-exp-month"
+            },
+            {
+              "name": "cc-exp-year"
+            },
+            {
+              "name": "cc-csc"
+            },
+            {
+              "name": "cc-type"
+            },
+            {
+              "name": "transaction-currency"
+            },
+            {
+              "name": "transaction-amount"
+            },
+            {
+              "name": "language"
+            },
+            {
+              "name": "bday"
+            },
+            {
+              "name": "bday-day"
+            },
+            {
+              "name": "bday-month"
+            },
+            {
+              "name": "bday-year"
+            },
+            {
+              "name": "sex"
+            },
+            {
+              "name": "tel-country-code"
+            },
+            {
+              "name": "tel-national"
+            },
+            {
+              "name": "tel-area-code"
+            },
+            {
+              "name": "tel-local"
+            },
+            {
+              "name": "tel-extension"
+            },
+            {
+              "name": "impp"
+            },
+            {
+              "name": "photo"
+            }
+          ]
+        },
         {
           "name": "autofocus",
           "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."

package/dist/types/components/bal-accordion/bal-accordion-trigger/bal-accordion-trigger.d.ts

@@ -15,6 +15,10 @@ export declare class AccordionTrigger implements ComponentInterface, Loggable {
      * Trigger will be a bal-button
      */
     button: boolean;
+    /**
+     * If `true` the button is aligned over the whole width
+     */
+    expanded: boolean;
     /**
      * Label of the open trigger button
      */

package/dist/types/components/bal-date/bal-date.d.ts

@@ -57,6 +57,10 @@ export declare class Date implements ComponentInterface, Loggable, BalAriaFormLi
      * Closes the datepicker popover after selection
      */
     closeOnSelect: boolean;
+    /**
+     * Indicates whether the value of the control can be automatically completed by the browser.
+     */
+    autocomplete: BalProps.BalInputAutocomplete;
     /**
      * The value of the form field, which accepts ISO 8601 date strings (YYYY-MM-DD).
      */

package/dist/types/components/bal-dropdown/bal-dropdown.d.ts

@@ -20,6 +20,7 @@ export declare class Dropdown implements ComponentInterface, Loggable, BalConfig
     hasFocus: boolean;
     isExpanded: boolean;
     isAutoFilled: boolean;
+    isKeyboardMode: boolean;
     inputLabel: string;
     ariaForm: BalAriaForm;
     language: BalLanguage;
@@ -51,10 +52,22 @@ export declare class Dropdown implements ComponentInterface, Loggable, BalConfig
      * Defines the placeholder of the component. Only shown when the value is empty
      */
     placeholder: string;
+    /**
+     * Defines a inline label to be shown before the value
+     */
+    inlineLabel: string;
     /**
      * If `true` there will be on trigger icon visible
      */
     icon: string;
+    /**
+     * Defines the size of the control.
+     */
+    size: BalProps.BalDropdownSize;
+    /**
+     * Defines the color style of the control
+     */
+    theme: BalProps.BalDropdownTheme;
     /**
      * If `true`, the user cannot interact with the option.
      */

package/dist/types/components/bal-dropdown/bal-dropdown.interfaces.d.ts

@@ -1,4 +1,7 @@
-declare namespace BalProps { }
+declare namespace BalProps {
+    type BalDropdownSize = '' | 'small';
+    type BalDropdownTheme = '' | 'purple';
+}
 declare namespace BalEvents {
     interface BalDropdownCustomEvent<T> extends CustomEvent<T> {
         detail: T;

package/dist/types/components/bal-footer/bal-footer.d.ts

@@ -18,6 +18,10 @@ export declare class Footer implements BalConfigObserver, Loggable {
      * If `true` the legal Baloise links will be hidden.
      */
     hideLinks: boolean;
+    /**
+     * If provided, the footer links will be overridden.
+     */
+    overrideLinks: FooterLink[] | undefined;
     /**
      * If `true` the social media links will be shown.
      */

package/dist/types/components/bal-segment/bal-segment.d.ts

@@ -86,6 +86,7 @@ export declare class Segment implements ComponentInterface, BalWindowResizeObser
     hasFocus: boolean;
     focusInListener(ev: FocusEvent): void;
     focusOutListener(ev: FocusEvent): void;
+    listenToDidAnimate(ev: UIEvent): void;
     breakpointListener(breakpoints: BalBreakpoints): void;
     windowResizeListener(): void;
     listenOnKeyDownOutside(): void;

package/dist/types/components/bal-tabs/bal-tab-item/bal-tab-item.d.ts

@@ -55,6 +55,14 @@ export declare class TabItem {
      * A11y attributes for the native tab element.
      */
     aria?: BalProps.BalTabItemAria;
+    /**
+     * Sub label for the tab.
+     */
+    subLabel: string;
+    /**
+     * source for the svg icon
+     */
+    svg: string;
     /**
      * Emitted when the link element has clicked
      */
@@ -85,6 +93,8 @@ export declare class TabItem {
         trackingData: Attributes;
         noPanel: boolean;
         aria: BalProps.BalTabItemAria;
+        subLabel: string;
+        svg: string;
     };
     render(): any;
 }

package/dist/types/components/bal-tabs/bal-tab.type.d.ts

@@ -20,6 +20,8 @@ export interface BalTabOption {
     hidden?: boolean;
     noPanel?: boolean;
     aria?: BalProps.BalTabItemAria;
+    subLabel?: string;
+    svg?: string;
 }
 export interface TabLineProps {
     context?: BalProps.BalTabsContext;

package/dist/types/components/bal-tabs/bal-tabs.d.ts

@@ -100,6 +100,10 @@ export declare class Tabs implements ComponentInterface, Loggable, BalConfigObse
      */
     selectOnMobile: boolean;
     value?: string;
+    /**
+     * if true, inactive elements will have their opacity reduced
+     */
+    dimInactiveElements: boolean;
     protected valueChanged(newValue?: string, oldValue?: string): Promise<void>;
     /**
      * Emitted when the changes has finished.

package/dist/types/components/bal-tabs/components/tab-button.d.ts

@@ -17,5 +17,7 @@ export interface TabButtonProps {
     iconPosition: BalProps.BalTabsIconPosition;
     context?: BalProps.BalTabsContext;
     onSelectTab: (ev: MouseEvent, item: BalTabOption) => void;
+    hasSubLabelInGroup: boolean;
+    dimInactiveElements: boolean;
 }
 export declare const TabButton: FunctionalComponent<TabButtonProps>;

package/dist/types/components/bal-tabs/components/tab-nav.d.ts

@@ -18,6 +18,7 @@ export interface TabNavProps {
     spaceless: boolean;
     expanded: boolean;
     isLinkList: boolean;
+    dimInactiveElements: boolean;
     verticalColSize: BalProps.BalTabsColSize;
     iconPosition: BalProps.BalTabsIconPosition;
     context?: BalProps.BalTabsContext;

package/dist/types/components/bal-textarea/bal-textarea.d.ts

@@ -22,6 +22,10 @@ export declare class Textarea implements ComponentInterface, FormInput<string |
      * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
      */
     autocapitalize: string;
+    /**
+     * Indicates whether the value of the control can be automatically completed by the browser.
+     */
+    autocomplete: BalProps.BalInputAutocomplete;
     /**
      * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
      */