@baloise/ds-core 18.1.0 → 18.2.0-nightly.20250327

package/dist/html.html-data.json

@@ -2966,6 +2966,14 @@
           "name": "svg",
           "description": "Svg content."
         },
+        {
+          "name": "tile",
+          "description": "If `true` the icon acts as a tile with a background color."
+        },
+        {
+          "name": "tile-color",
+          "description": "If `true` the icon acts as a tile with a background color. Default is purple"
+        },
         {
           "name": "turn",
           "description": "If `true` the icon is rotated 180deg"
@@ -3935,6 +3943,10 @@
           "name": "href",
           "description": "Specifies the URL of the page the link goes to"
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "selected",
           "description": "If `true` the list item has a selected theme"
@@ -4711,6 +4723,10 @@
             }
           ]
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "simple",
           "description": ""
@@ -6590,6 +6606,10 @@
           "name": "inverted",
           "description": "If `true` the color gets inverted for dark backgrounds"
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "shadow",
           "description": "If `true` adds a text shadow to improve readability on image background"
@@ -6706,6 +6726,10 @@
           "name": "prevent",
           "description": "Tell's if the linking is done by a router."
         },
+        {
+          "name": "rel",
+          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+        },
         {
           "name": "target",
           "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.",

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

@@ -1,7 +1,11 @@
+import { ComponentInterface } from '../../stencil-public-runtime';
 import { BalConfigObserver, BalConfigState, BalIcons } from '../../utils/config';
 import { BalElementStateInfo } from '../../utils/element-states';
-export declare class Icon implements BalConfigObserver, BalElementStateInfo {
+export declare class Icon implements BalConfigObserver, BalElementStateInfo, ComponentInterface {
     icons: BalIcons;
+    svgContent: string;
+    innerColor: string;
+    innerSize: string;
     /**
      * PUBLIC API
      * ------------------------------------------------------
@@ -10,10 +14,12 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo {
      * Name of the baloise icon.
      */
     name: string;
+    nameChanged(): void;
     /**
      * Svg content.
      */
     svg: string;
+    svgChanged(): void;
     /**
      * Defines the size of the icon.
      */
@@ -22,6 +28,14 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo {
      * The theme type of the button.
      */
     color: BalProps.BalIconColor;
+    /**
+     * If `true` the icon acts as a tile with a background color.
+     */
+    tile: boolean;
+    /**
+     * If `true` the icon acts as a tile with a background color. Default is purple
+     */
+    tileColor: BalProps.BalIconTileColor;
     /**
      * If `true` the icon has display inline style
      */
@@ -54,6 +68,11 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo {
      * @internal
      */
     pressed: boolean;
+    /**
+     * LIFE CYCLE
+     * ------------------------------------------------------
+     */
+    connectedCallback(): void;
     /**
      * LISTENERS
      * ------------------------------------------------------
@@ -66,7 +85,7 @@ export declare class Icon implements BalConfigObserver, BalElementStateInfo {
      * PRIVATE METHODS
      * ------------------------------------------------------
      */
-    private svgContent;
+    private generateSvgContent;
     private parseColor;
     /**
      * RENDER

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

@@ -1,4 +1,5 @@
 declare namespace BalProps {
     type BalIconColor = 'blue' | 'light-blue' | 'success' | 'success-dark' | 'success-darker' | 'danger' | 'danger-dark' | 'danger-darker' | 'warning' | 'warning-dark' | 'warning-darker' | 'white' | 'grey' | 'grey-light' | 'grey-dark' | 'primary' | 'primary-light' | 'primary-dark' | '' | string;
+    type BalIconTileColor = 'purple' | 'red' | 'yellow' | 'green' | '' | string;
     type BalIconSize = 'xsmall' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | '';
 }

package/dist/types/components/bal-list/bal-list-item/bal-list-item.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { AccordionState } from '../../../interfaces';
 import { BalConfigObserver, BalConfigState } from '../../../utils/config';
 import { Loggable, LogInstance } from '../../../utils/log';
-import { AccordionState } from '../../../interfaces';
 export declare class ListItem implements ComponentInterface, BalConfigObserver, Loggable {
     static selectors: {
         accordionHead: string;
@@ -43,6 +43,11 @@ export declare class ListItem implements ComponentInterface, BalConfigObserver,
      * Specifies the URL of the page the link goes to
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Specifies where to open the linked document
      */

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

@@ -42,6 +42,7 @@ declare namespace BalProps {
         htmlTitle?: string;
         ariaLabel?: string;
         href?: string;
+        rel?: string;
         target?: BalProps.BalButtonTarget;
         clickable?: boolean;
         data?: any;
@@ -58,6 +59,7 @@ declare namespace BalEvents {
         label: string;
         value?: string;
         href?: string;
+        rel?: string;
         data?: any;
         target?: BalProps.BalButtonTarget;
     }

package/dist/types/components/bal-nav/components/accordion-button.d.ts

@@ -6,6 +6,7 @@ export interface AccordionButtonProps {
     open: boolean;
     link: boolean;
     href?: string;
+    rel?: string;
     target?: string;
     onClick: (ev: MouseEvent) => void;
 }

package/dist/types/components/bal-nav/models/bal-nav-link-item.d.ts

@@ -8,6 +8,7 @@ export declare class NavLinkItem implements BalProps.BalNavLinkItem {
     active: boolean;
     data: any;
     href?: string;
+    rel?: string;
     target?: BalProps.BalButtonTarget;
     onClick: (ev: MouseEvent) => void;
     onAccordionClick: (ev: MouseEvent) => void;

package/dist/types/components/bal-nav/models/bal-nav-section-link-item.d.ts

@@ -1,5 +1,5 @@
-import { NavLinkItem } from './bal-nav-link-item';
 import { NavLinkItemObserver } from '../bal-nav.types';
+import { NavLinkItem } from './bal-nav-link-item';
 export declare class NavSectionLinkItem extends NavLinkItem implements BalProps.BalNavSectionLinkItem {
     linkItems: NavLinkItem[];
     htmlTitle: string | undefined;

package/dist/types/components/bal-navbar/bal-navbar-brand/bal-navbar-brand.d.ts

@@ -9,6 +9,11 @@ export declare class NavbarBrand {
      * Link of the logo / title.
      */
     href?: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * If `true` the logo is rendered as a button
      */

package/dist/types/components/bal-stage/bal-stage-back-link/bal-stage-back-link.d.ts

@@ -5,6 +5,11 @@ export declare class StageBackLink implements ComponentInterface {
      * Specifies the URL of the page the link goes to
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * If `true` adds a text shadow to improve readability on image background
      * */

package/dist/types/components/bal-steps/bal-step-item/bal-step-item.d.ts

@@ -21,6 +21,11 @@ export declare class StepItem {
      * Link to path.
      */
     href: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+     */
+    rel: string | undefined;
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.
@@ -63,6 +68,7 @@ export declare class StepItem {
         value: string;
         label: string;
         href: string;
+        rel: string;
         target: BalProps.BalButtonTarget;
         active: boolean;
         disabled: boolean;

package/dist/types/components/bal-steps/bal-step.type.d.ts

@@ -4,6 +4,7 @@ export interface BalStepOption {
     value: string;
     label: string;
     href: string;
+    rel?: string;
     target: BalProps.BalButtonTarget;
     active: boolean;
     disabled: boolean;

package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts

@@ -0,0 +1,21 @@
+import { ComponentInterface } from '../../../stencil-public-runtime';
+/**
+ * @internal
+ */
+export declare class DocApp implements ComponentInterface {
+    logComponents: string;
+    logLifecycle: boolean;
+    logEvents: boolean;
+    logRender: boolean;
+    logCustom: boolean;
+    stickyFooter: boolean;
+    region?: string;
+    language?: string;
+    /**
+     * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+     */
+    animated: boolean;
+    connectedCallback(): void;
+    componentDidRender(): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -893,6 +893,20 @@ export namespace Components {
          */
         "space": BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated": boolean;
+        "language"?: string;
+        "logComponents": string;
+        "logCustom": boolean;
+        "logEvents": boolean;
+        "logLifecycle": boolean;
+        "logRender": boolean;
+        "region"?: string;
+        "stickyFooter": boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -1347,6 +1361,14 @@ export namespace Components {
           * Svg content.
          */
         "svg": string;
+        /**
+          * If `true` the icon acts as a tile with a background color.
+         */
+        "tile": boolean;
+        /**
+          * If `true` the icon acts as a tile with a background color. Default is purple
+         */
+        "tileColor": BalProps.BalIconTileColor;
         /**
           * If `true` the icon is rotated 180deg
          */
@@ -1776,6 +1798,10 @@ export namespace Components {
           * Opens the accordion
          */
         "present": () => Promise<void>;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * If `true` the list item has a selected theme
          */
@@ -2045,6 +2071,10 @@ export namespace Components {
           * Size of the logo SVG
          */
         "logoSize": BalProps.BalLogoSize;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * @deprecated Use interface on bal-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
          */
@@ -3022,6 +3052,10 @@ export namespace Components {
           * If `true` the color gets inverted for dark backgrounds
          */
         "inverted": boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * If `true` adds a text shadow to improve readability on image background
          */
@@ -3080,6 +3114,10 @@ export namespace Components {
           * Tell's if the linking is done by a router.
          */
         "prevent": boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel": string | undefined;
         /**
           * Sets the tab active.
          */
@@ -4043,6 +4081,12 @@ declare global {
         prototype: HTMLBalDividerElement;
         new (): HTMLBalDividerElement;
     };
+    interface HTMLBalDocAppElement extends Components.BalDocApp, HTMLStencilElement {
+    }
+    var HTMLBalDocAppElement: {
+        prototype: HTMLBalDocAppElement;
+        new (): HTMLBalDocAppElement;
+    };
     interface HTMLBalDropdownElementEventMap {
         "balChange": BalEvents.BalDropdownChangeDetail;
         "balFocus": BalEvents.BalDropdownFocusDetail;
@@ -5019,6 +5063,7 @@ declare global {
         "bal-date-calendar": HTMLBalDateCalendarElement;
         "bal-date-calendar-cell": HTMLBalDateCalendarCellElement;
         "bal-divider": HTMLBalDividerElement;
+        "bal-doc-app": HTMLBalDocAppElement;
         "bal-dropdown": HTMLBalDropdownElement;
         "bal-field": HTMLBalFieldElement;
         "bal-field-control": HTMLBalFieldControlElement;
@@ -5998,6 +6043,20 @@ declare namespace LocalJSX {
          */
         "space"?: BalProps.BalDividerSpace;
     }
+    interface BalDocApp {
+        /**
+          * Disables all animation inside the bal-app. Can be used for simplify e2e testing.
+         */
+        "animated"?: boolean;
+        "language"?: string;
+        "logComponents"?: string;
+        "logCustom"?: boolean;
+        "logEvents"?: boolean;
+        "logLifecycle"?: boolean;
+        "logRender"?: boolean;
+        "region"?: string;
+        "stickyFooter"?: boolean;
+    }
     interface BalDropdown {
         /**
           * Indicates whether the value of the control can be automatically completed by the browser.
@@ -6430,6 +6489,14 @@ declare namespace LocalJSX {
           * Svg content.
          */
         "svg"?: string;
+        /**
+          * If `true` the icon acts as a tile with a background color.
+         */
+        "tile"?: boolean;
+        /**
+          * If `true` the icon acts as a tile with a background color. Default is purple
+         */
+        "tileColor"?: BalProps.BalIconTileColor;
         /**
           * If `true` the icon is rotated 180deg
          */
@@ -6902,6 +6969,10 @@ declare namespace LocalJSX {
           * Emitted before the animation starts
          */
         "onBalWillAnimate"?: (event: BalListItemCustomEvent<BalEvents.BalListItemWillAnimateDetail>) => void;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * If `true` the list item has a selected theme
          */
@@ -7175,6 +7246,10 @@ declare namespace LocalJSX {
           * Emitted before the animation starts
          */
         "onBalWillAnimate"?: (event: BalNavbarBrandCustomEvent<BalEvents.BalNavbarMenuWillAnimateDetail>) => void;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * @deprecated Use interface on bal-navbar instead. If `true` the navbar does not have a mobil version. Only shows logo and an app title.
          */
@@ -8077,6 +8152,10 @@ declare namespace LocalJSX {
           * If `true` the color gets inverted for dark backgrounds
          */
         "inverted"?: boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * If `true` adds a text shadow to improve readability on image background
          */
@@ -8135,6 +8214,10 @@ declare namespace LocalJSX {
           * Tell's if the linking is done by a router.
          */
         "prevent"?: boolean;
+        /**
+          * Specifies the relationship of the target object to the link object. The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
+         */
+        "rel"?: string | undefined;
         /**
           * Specifies where to display the linked URL. Only applies when an `href` is provided.
          */
@@ -8641,6 +8724,7 @@ declare namespace LocalJSX {
         "bal-date-calendar": BalDateCalendar;
         "bal-date-calendar-cell": BalDateCalendarCell;
         "bal-divider": BalDivider;
+        "bal-doc-app": BalDocApp;
         "bal-dropdown": BalDropdown;
         "bal-field": BalField;
         "bal-field-control": BalFieldControl;
@@ -8763,6 +8847,7 @@ declare module "@stencil/core" {
             "bal-date-calendar": LocalJSX.BalDateCalendar & JSXBase.HTMLAttributes<HTMLBalDateCalendarElement>;
             "bal-date-calendar-cell": LocalJSX.BalDateCalendarCell & JSXBase.HTMLAttributes<HTMLBalDateCalendarCellElement>;
             "bal-divider": LocalJSX.BalDivider & JSXBase.HTMLAttributes<HTMLBalDividerElement>;
+            "bal-doc-app": LocalJSX.BalDocApp & JSXBase.HTMLAttributes<HTMLBalDocAppElement>;
             "bal-dropdown": LocalJSX.BalDropdown & JSXBase.HTMLAttributes<HTMLBalDropdownElement>;
             "bal-field": LocalJSX.BalField & JSXBase.HTMLAttributes<HTMLBalFieldElement>;
             "bal-field-control": LocalJSX.BalFieldControl & JSXBase.HTMLAttributes<HTMLBalFieldControlElement>;