@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

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

@@ -1,105 +0,0 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { HTMLStencilElement } from '../../../stencil-public-runtime';
-import { type LogInstance } from "../../../utils/index";
-import { DsComponentInterface, DsConfigObserver, DsConfigState, DsLanguage, DsRegion } from "../../../global/index";
-import { TabsColor, TabsChangeDetail, TabsVerticalColSize } from '../tabs.interfaces';
-/**
- * Tabs coordinates ds-tab and ds-tab-panel children into an accessible tabbed interface, supporting panels and navigation variants.
- *
- * @slot - ds-tab-panel children (panels variant).
- * @slot tab - ds-tab children; managed automatically by ds-tabs.
- * @part tablist - The tablist container.
- */
-export declare class Tabs implements DsComponentInterface, DsConfigObserver {
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    language: DsLanguage;
-    region: DsRegion;
-    /**
-     * PUBLIC PROPERTY API
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Accent color applied to the bottom border track and selected indicator.
-     */
-    readonly color?: TabsColor;
-    /**
-     * If `true`, tab buttons expand to fill the available width equally.
-     */
-    readonly fullwidth: boolean;
-    /**
-     * If `true`, the component adapts for use on a dark (primary) background — all labels and the indicator become white.
-     */
-    readonly inverted: boolean;
-    /**
-     * Accessible label for the navigation landmark (navigation variant only).
-     */
-    readonly label: string;
-    /**
-     * The `name` of the currently selected ds-tab (panels variant).
-     */
-    value?: string | null;
-    /**
-     * If `true`, the tablist is displayed vertically on the left side.
-     */
-    readonly vertical: boolean;
-    /**
-     * The col size of the tablist in vertical mode.
-     */
-    readonly verticalColSize: TabsVerticalColSize;
-    /**
-     * Emitted when the selected tab changes (panels variant only).
-     */
-    dsChange: EventEmitter<TabsChangeDetail>;
-    /**
-     * @internal define config for the component
-     */
-    configChanged(state: DsConfigState): Promise<void>;
-    private canScrollLeft;
-    private canScrollRight;
-    private tablistEl?;
-    private indicatorEl?;
-    private resizeObserver?;
-    componentDidLoad(): void;
-    componentDidUpdate(): void;
-    disconnectedCallback(): void;
-    /**
-     * PROPERTY VALIDATION
-     * ------------------------------------------------------
-     */
-    /**
-     * PUBLIC LISTENERS
-     * ─────────────────────────────────────────────────────
-     */
-    listenToDsTabSelect(ev: CustomEvent<{
-        name: string;
-    }>): void;
-    /**
-     * PRIVATE METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    private getTabs;
-    private getPanels;
-    private isNavigation;
-    private setup;
-    private updateChildren;
-    private activateTab;
-    private focusSelectedTab;
-    private initCarousel;
-    private checkOverflow;
-    private moveIndicator;
-    private scrollPrev;
-    private scrollNext;
-    /**
-     * EVENT HANDLERS
-     * ─────────────────────────────────────────────────────
-     */
-    private handleKeyDown;
-    private handleSlotChange;
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render(): any;
-}

package/dist/types/components/tabs/tabs/tabs.i18n.d.ts

@@ -1,7 +0,0 @@
-import { I18n } from '../../../interfaces';
-interface I18nDsTabs {
-    scrollLeft: string;
-    scrollRight: string;
-}
-export declare const i18nDsTabs: I18n<I18nDsTabs>;
-export {};

package/dist/types/components/tag/tag-group/tag-group.d.ts

@@ -1,18 +0,0 @@
-import { HTMLStencilElement } from '../../../stencil-public-runtime';
-import { type LogInstance } from "../../../utils/index";
-import { DsComponentInterface } from "../../../global/index";
-/**
- * Tag Group arranges multiple tag elements in a horizontal or wrapping layout.
- *
- * @slot - The ds-tag elements to display inside the group.
- */
-export declare class TagGroup implements DsComponentInterface {
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render(): any;
-}

package/dist/types/components/tag/tag.d.ts

@@ -1,59 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { HTMLStencilElement } from '../../stencil-public-runtime';
-import { type LogInstance } from "../../utils/index";
-import { type TagColor, type TagSize, type TagPlacement, type TagCloseClickDetail } from './tag.interfaces';
-import { DsComponentInterface } from "../../global/index";
-/**
- * Tag renders a compact label element for categorizing, filtering, or marking content with optional close button.
- *
- * @slot - The tag label text.
- * @part label - The tag content element.
- */
-export declare class Tag implements DsComponentInterface {
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    private inheritedAttributesClose;
-    /**
-     * PUBLIC PROPERTY API
-     * ------------------------------------------------------
-     */
-    /**
-     * The theme type of the tag.
-     */
-    readonly closable: boolean;
-    /**
-     * The theme type of the tag.
-     */
-    readonly color?: TagColor;
-    /**
-     * 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.
-     */
-    readonly disabled: boolean;
-    /**
-     * Overwrites the default color to invalid style
-     */
-    readonly invalid: boolean;
-    /**
-     * Choosing left or center the tag is aligned to that side in the ds-card.
-     */
-    readonly position?: TagPlacement;
-    /**
-     * The size of the tag element
-     */
-    readonly size?: TagSize;
-    /**
-     * Emitted when the input got clicked.
-     */
-    dsCloseClick: EventEmitter<TagCloseClickDetail>;
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    componentWillLoad(): void;
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render(): any;
-}

package/dist/types/components/text/text.d.ts

@@ -1,78 +0,0 @@
-import { HTMLStencilElement } from '../../stencil-public-runtime';
-import { type LogInstance } from "../../utils/index";
-import { DsComponentInterface } from "../../global/index";
-import { TextSize, TextColor, TextSpace, TextAlign } from './text.interfaces';
-/**
- * Text renders paragraph and article content with flexible sizing, styling, and semantic emphasis options.
- *
- * @slot - The text content.
- * @part text - The text container element.
- */
-export declare class Text implements DsComponentInterface {
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    /**
-     * PUBLIC PROPERTY API
-     * ------------------------------------------------------
-     */
-    /**
-     * If `true` the component gets a invalid style.
-     */
-    readonly align?: TextAlign;
-    /**
-     * If `true` the text is bold
-     */
-    readonly bold: boolean;
-    /**
-     * Defines the color of the text.
-     */
-    readonly color?: TextColor;
-    /**
-     * 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.
-     */
-    readonly disabled: boolean;
-    /**
-     * If `true` the text has heading font family
-     */
-    readonly heading: boolean;
-    /**
-     * If `true` the text is shown as a display inline
-     */
-    readonly inline: boolean;
-    /**
-     * If `true` the component gets a invalid style.
-     */
-    readonly invalid: boolean;
-    /**
-     * If `true` the color gets inverted for dark backgrounds
-     */
-    readonly inverted: boolean;
-    /**
-     * When true, the text will be truncated with a text overflow ellipsis instead of wrapping.
-     * Please note that text overflow can only occur in block or inline-block level elements,
-     * as these elements require a width to overflow.
-     */
-    readonly noWrap: boolean;
-    /**
-     * If `true` adds a text shadow to improve readability on image background
-     */
-    readonly shadow: boolean;
-    /**
-     * Defines the size of the paragraph
-     */
-    size?: TextSize;
-    /**
-     * Defines at which position the heading has spacing.
-     */
-    readonly space?: TextSpace;
-    /**
-     * If `true` the text has subtitle font family
-     */
-    readonly subtitle: boolean;
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render(): any;
-}

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

@@ -1,195 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { HTMLStencilElement } from '../../stencil-public-runtime';
-import { FormControlInterface, type LogInstance } from "../../utils/index";
-import { DsComponentInterface, DsConfigState, DsLanguage, DsRegion } from "../../global/index";
-import { FieldInterface } from '../input/field.util';
-import { InputColor, InputAutocomplete } from '../input/input.interfaces';
-import { TextareaWrap, TextareaInputMode, TextareaBlurDetail, TextareaKeyPressDetail, TextareaFocusDetail, TextareaClickDetail, TextareaInputDetail, TextareaChangeDetail } from './textarea.interfaces';
-/**
- * Textarea renders a multi-line text input field with validation, resizing, and optional help/error messaging.
- *
- * @slot - The textarea field content and surrounding elements.
- * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
- * @part textarea - The native HTML textarea element.
- * @part prefix - The prefix wrapper (if used).
- * @part suffix - The suffix wrapper (if used).
- */
-export declare class Textarea implements DsComponentInterface, FieldInterface, FormControlInterface<string | null> {
-    inputId: string;
-    private inheritedAttributes;
-    private control;
-    private disconnectInvalidTextSlotWatcher?;
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    internals: ElementInternals;
-    focused: boolean;
-    hasInvalidTextSlotContent: boolean;
-    language: DsLanguage;
-    region: DsRegion;
-    /**
-     * PUBLIC PROPERTY API
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Indicates whether and how the text value should be automatically capitalized.
-     */
-    readonly autocapitalize: string;
-    /**
-     * Indicates whether the value of the control can be automatically completed by the browser.
-     */
-    readonly autocomplete: InputAutocomplete;
-    /**
-     * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
-     */
-    readonly autofocus: boolean;
-    /**
-     * If `true`, in Angular reactive forms the control will not be set invalid.
-     */
-    readonly autoInvalidOff: boolean;
-    /**
-     * Defines the color state of the textarea.
-     */
-    readonly color: InputColor;
-    /**
-     * The visible width of the text control, in average character widths.
-     */
-    readonly cols?: number;
-    /**
-     * Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke.
-     */
-    readonly debounce: number;
-    debounceChanged(): void;
-    /**
-     * The description displayed below the textarea field.
-     */
-    readonly description: string;
-    /**
-     * If `true`, the element is not mutable, focusable, or even submitted with the form.
-     */
-    readonly disabled: boolean;
-    /**
-     * A hint to the browser for which keyboard to display.
-     */
-    readonly inputmode?: TextareaInputMode;
-    /**
-     * If `true` the component gets an invalid style.
-     */
-    readonly invalid: boolean;
-    /**
-     * Text shown in the description area when `invalid` is true.
-     */
-    readonly invalidText: string;
-    /**
-     * The label displayed above the textarea field.
-     */
-    readonly label: string;
-    /**
-     * Specifies the maximum number of characters that the user can enter.
-     */
-    readonly maxLength?: number;
-    /**
-     * Specifies the minimum number of characters that the user can enter.
-     */
-    readonly minLength?: number;
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    readonly name: string;
-    /**
-     * Instructional text that shows before the textarea has a value.
-     */
-    readonly placeholder: string;
-    /**
-     * If `true` the element can not be mutated, meaning the user can not edit the control.
-     */
-    readonly readonly: boolean;
-    /**
-     * If `true`, the user must fill in a value before submitting a form.
-     */
-    readonly required: boolean;
-    /**
-     * The number of visible text lines for the control.
-     */
-    readonly rows?: number;
-    /**
-     * The value of the textarea.
-     */
-    value: string | null;
-    /**
-     * Indicates how the control wraps text.
-     */
-    readonly wrap?: TextareaWrap;
-    /**
-     * Emitted when a keyboard input occurred.
-     */
-    dsBlur: EventEmitter<TextareaBlurDetail>;
-    /**
-     * Emitted when the textarea value has changed.
-     */
-    dsChange: EventEmitter<TextareaChangeDetail>;
-    /**
-     * Emitted when the textarea has been clicked.
-     */
-    dsClick: EventEmitter<TextareaClickDetail>;
-    /**
-     * Emitted when the textarea has focus.
-     */
-    dsFocus: EventEmitter<TextareaFocusDetail>;
-    /**
-     * Emitted when a keyboard input occurred.
-     */
-    dsInput: EventEmitter<TextareaInputDetail>;
-    /**
-     * Emitted when a keyboard key has been pressed.
-     */
-    dsKeyPress: EventEmitter<TextareaKeyPressDetail>;
-    /**
-     * LIFECYCLE
-     * ─────────────────────────────────────────────────────
-     */
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    /**
-     * PUBLIC LISTENERS
-     * ─────────────────────────────────────────────────────
-     */
-    listenToClick(ev: UIEvent): void;
-    listenToReset(ev: UIEvent): void;
-    /**
-     * PUBLIC METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Sets focus on the native `textarea` element.
-     */
-    setFocus(): Promise<void>;
-    /**
-     * Sets blur on the native `textarea` element.
-     * @internal
-     */
-    setBlur(): Promise<void>;
-    /**
-     * Returns the native `<textarea>` element used under the hood.
-     */
-    getInputElement(): Promise<HTMLTextAreaElement>;
-    /**
-     * @internal define config for the component
-     */
-    configChanged(state: DsConfigState): Promise<void>;
-    /**
-     * EVENT HANDLERS
-     * ─────────────────────────────────────────────────────
-     */
-    private handleClick;
-    private handleFocus;
-    private handleBlur;
-    private handleInput;
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render(): any;
-}

package/dist/types/components/toggle/toggle.d.ts

@@ -1,110 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { type LogInstance } from "../../utils/index";
-import { DsComponentInterface } from "../../global/index";
-import { ToggleLabelPosition, ToggleFocusDetail, ToggleBlurDetail, ToggleChangeDetail } from './toggle.interfaces';
-import { HTMLStencilElement } from '../../stencil-public-runtime';
-/**
- * Toggle renders a switch-like form control for toggling between on/off states with optional label and help text.
- *
- * @slot - The toggle label content.
- * @slot helper - The helper or hint text below the toggle.
- * @part label - The label element wrapping the toggle.
- * @part input - The native HTML checkbox input element.
- * @part slot - The content slot wrapper.
- */
-export declare class Toggle implements DsComponentInterface {
-    inputId: string;
-    private inheritAttributes;
-    private nativeInput?;
-    private initialValue;
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    internals: ElementInternals;
-    focused: boolean;
-    /**
-     * PUBLIC PROPERTY API
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * If `true`, in Angular reactive forms the control will not be set invalid
-     */
-    readonly autoInvalidOff: boolean;
-    /**
-     * If `true`, the toggle is selected.
-     */
-    checked: boolean;
-    /**
-     * If `true`, the toggle is dense and has less size.
-     */
-    readonly dense: boolean;
-    /**
-     * 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.
-     */
-    readonly disabled: boolean;
-    /**
-     * If `true` the component gets a invalid style.
-     */
-    readonly invalid: boolean;
-    /**
-     * Label of the toggle item.
-     */
-    readonly label: string;
-    /**
-     * Defines the position of the label, either before or after the toggle input. Default is after.
-     */
-    readonly labelPosition: ToggleLabelPosition;
-    /**
-     * The name of the control, which is submitted with the form data.
-     */
-    readonly name: string;
-    /**
-     * If `true` the element can not mutated, meaning the user can not edit the control.
-     */
-    readonly readonly: boolean;
-    /**
-     * If `true`, the user must fill in a value before submitting a form.
-     */
-    readonly required: boolean;
-    /**
-     * A DOMString representing the value of the toggle. This is not displayed on the
-     * client-side, but on the server this is the value given to the data
-     * submitted with the toggle's name.
-     */
-    readonly value: string | number;
-    /**
-     * Emitted when the toggle loses focus.
-     */
-    dsBlur: EventEmitter<ToggleBlurDetail>;
-    /**
-     * Emitted when the value property has changed.
-     */
-    dsChange: EventEmitter<ToggleChangeDetail>;
-    /**
-     * Emitted when the toggle has focus.
-     */
-    dsFocus: EventEmitter<ToggleFocusDetail>;
-    /**
-     * LIFECYCLE
-     * ─────────────────────────────────────────────────────
-     */
-    connectedCallback(): void;
-    componentWillLoad(): void;
-    /**
-     * PUBLIC LISTENERS
-     * ─────────────────────────────────────────────────────
-     */
-    listenToReset(ev: UIEvent): void;
-    /**
-     * EVENT HANDLERS
-     * ─────────────────────────────────────────────────────
-     */
-    private handleBlur;
-    private handleChange;
-    private handleFocus;
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render(): any;
-}

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,85 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { HTMLStencilElement } from '../../stencil-public-runtime';
-import { DsComponentInterface } from "../../global/index";
-import { type LogInstance } from "../../utils/index";
-import { type TooltipPlacement, type TooltipDidAnimateDetail, type TooltipWillAnimateDetail } from './tooltip.interfaces';
-/**
- * Tooltip displays contextual information when users hover over, focus on, or tap a trigger element.
- *
- * @slot - The tooltip content text.
- * @part container - The floating tooltip container element.
- * @part content - The inner content wrapper element.
- */
-export declare class Tooltip implements DsComponentInterface {
-    private tooltipId;
-    private containerEl;
-    private cleanup?;
-    log: LogInstance;
-    createLogger(log: LogInstance): void;
-    el: HTMLStencilElement;
-    /**
-     * Internal presented state
-     */
-    presented: boolean;
-    /**
-     * PUBLIC PROPERTY API
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Id of the reference element. Defaults to the trigger element.
-     */
-    readonly reference: string;
-    /**
-     * Preferred placement of the tooltip relative to the trigger.
-     */
-    readonly placement: TooltipPlacement;
-    /**
-     * Offset in pixels from the trigger element to the tooltip.
-     */
-    readonly offset: number;
-    /**
-     * Defines the maximum width of the tooltip content in pixels.
-     */
-    readonly contentWidth: number | undefined;
-    /**
-     * When true, the tooltip is shown immediately on load without user interaction.
-     */
-    readonly open: boolean;
-    contentWidthChanged(newValue: number | undefined): void;
-    /**
-     * Emitted before the animation starts.
-     */
-    dsWillAnimate: EventEmitter<TooltipWillAnimateDetail>;
-    /**
-     * Emitted after the animation has finished.
-     */
-    dsDidAnimate: EventEmitter<TooltipDidAnimateDetail>;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    /**
-     * PUBLIC METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Shows the tooltip and positions it relative to the trigger element.
-     */
-    present(): Promise<boolean>;
-    /**
-     * Hides the tooltip and cleans up the position updater.
-     */
-    dismiss(): Promise<boolean>;
-    /**
-     * Recomputes the tooltip position using floating-ui.
-     */
-    update(): Promise<boolean>;
-    /**
-     * GETTERS
-     * ─────────────────────────────────────────────────────
-     */
-    private get triggerElement();
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render(): any;
-}