@db-ux/ngx-core-components 3.0.1 → 3.0.2-copilot2-e7bf98b

package/components/button/model.d.ts

@@ -1,40 +0,0 @@
-import { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps } from '../../shared/model';
-export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
-export type ButtonVariantType = (typeof ButtonVariantList)[number];
-export declare const ButtonTypeList: readonly ["button", "reset", "submit"];
-export type ButtonTypeType = (typeof ButtonTypeList)[number];
-export type DBButtonDefaultProps = {
-    /**
-     * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).
-     */
-    disabled?: boolean | string;
-    /**
-     * 	Associates the control with a form element
-     */
-    form?: string;
-    /**
-     * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.
-     */
-    name?: string;
-    /**
-     * Define the text next to the icon specified via the icon Property to get hidden.
-     */
-    noText?: boolean | string;
-    /**
-     * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).
-     */
-    type?: ButtonTypeType;
-    /**
-     * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).
-     */
-    value?: string;
-    /**
-     * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.
-     */
-    variant?: ButtonVariantType | string;
-};
-export type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps;
-export type DBButtonDefaultState = {
-    getButtonType: () => ButtonTypeType;
-};
-export type DBButtonState = DBButtonDefaultState & GlobalState;

package/components/card/card.d.ts

@@ -1,25 +0,0 @@
-import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
-import { ClickEvent } from "../../shared/model";
-import type { DBCardProps } from "./model";
-import * as i0 from "@angular/core";
-export declare class DBCard implements AfterViewInit {
-    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: InputSignal<DBCardProps["id"]>;
-    className: InputSignal<DBCardProps["className"]>;
-    behavior: InputSignal<DBCardProps["behavior"]>;
-    elevationLevel: InputSignal<DBCardProps["elevationLevel"]>;
-    spacing: InputSignal<DBCardProps["spacing"]>;
-    click: import("@angular/core").OutputEmitterRef<void | MouseEvent>;
-    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    handleClick(event: ClickEvent<HTMLElement>): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DBCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCard, "db-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "elevationLevel": { "alias": "elevationLevel"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
-}

package/components/card/index.d.ts

@@ -1 +0,0 @@
-export { DBCard } from './card';

package/components/card/model.d.ts

@@ -1,18 +0,0 @@
-import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
-export declare const CardBehaviorList: readonly ["static", "interactive"];
-export type CardBehaviorType = (typeof CardBehaviorList)[number];
-export declare const CardElevationLevelList: readonly ["1", "2", "3"];
-export type CardElevationLevelType = (typeof CardElevationLevelList)[number];
-export type DBCardDefaultProps = {
-    /**
-     * Makes the card interactive
-     */
-    behavior?: CardBehaviorType;
-    /**
-     * Changes the elevation of the card which is equal to `basic-background-level`
-     */
-    elevationLevel?: CardElevationLevelType;
-};
-export type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElement> & SpacingProps;
-export type DBCardDefaultState = {};
-export type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>;

package/components/checkbox/checkbox.d.ts

@@ -1,64 +0,0 @@
-import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
-import { ControlValueAccessor } from '@angular/forms';
-import { ChangeEvent, InteractionEvent } from "../../shared/model";
-import { DBCheckboxProps } from "./model";
-import * as i0 from "@angular/core";
-export declare class DBCheckbox implements AfterViewInit, ControlValueAccessor {
-    private renderer;
-    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    protected readonly getHideProp: (show?: boolean | string) => any;
-    protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
-    protected readonly DEFAULT_VALID_MESSAGE: string;
-    id: InputSignal<DBCheckboxProps["id"]>;
-    invalidMessage: InputSignal<DBCheckboxProps["invalidMessage"]>;
-    message: InputSignal<DBCheckboxProps["message"]>;
-    showMessage: InputSignal<DBCheckboxProps["showMessage"]>;
-    indeterminate: InputSignal<DBCheckboxProps["indeterminate"]>;
-    checked: ModelSignal<DBCheckboxProps["checked"]>;
-    validMessage: InputSignal<DBCheckboxProps["validMessage"]>;
-    validation: InputSignal<DBCheckboxProps["validation"]>;
-    required: InputSignal<DBCheckboxProps["required"]>;
-    className: InputSignal<DBCheckboxProps["className"]>;
-    size: InputSignal<DBCheckboxProps["size"]>;
-    showRequiredAsterisk: InputSignal<DBCheckboxProps["showRequiredAsterisk"]>;
-    showLabel: InputSignal<DBCheckboxProps["showLabel"]>;
-    name: InputSignal<DBCheckboxProps["name"]>;
-    disabled: ModelSignal<DBCheckboxProps["disabled"]>;
-    value: InputSignal<DBCheckboxProps["value"]>;
-    ariaDescribedBy: InputSignal<DBCheckboxProps["ariaDescribedBy"]>;
-    label: InputSignal<DBCheckboxProps["label"]>;
-    messageIcon: InputSignal<DBCheckboxProps["messageIcon"]>;
-    change: import("@angular/core").OutputEmitterRef<void | Event>;
-    blur: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
-    focus: import("@angular/core").OutputEmitterRef<void | FocusEvent>;
-    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    initialized: import("@angular/core").WritableSignal<boolean>;
-    _id: import("@angular/core").WritableSignal<string | undefined>;
-    _messageId: import("@angular/core").WritableSignal<string | undefined>;
-    _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
-    _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
-    _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
-    _descByIds: import("@angular/core").WritableSignal<string | undefined>;
-    _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
-    hasValidState(): boolean;
-    handleValidation(): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>): void;
-    handleBlur(event: InteractionEvent<HTMLInputElement> | any): void;
-    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
-    constructor(renderer: Renderer2);
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    writeValue(value: any): void;
-    propagateChange(_: any): void;
-    registerOnChange(onChange: any): void;
-    registerOnTouched(onTouched: any): void;
-    setDisabledState(disabled: boolean): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DBCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
-}

package/components/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { DBCheckbox } from './checkbox';

package/components/checkbox/model.d.ts

@@ -1,10 +0,0 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
-export type DBCheckboxDefaultProps = {
-    /**
-     * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox
-     */
-    indeterminate?: boolean | string;
-};
-export type DBCheckboxProps = DBCheckboxDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps;
-export type DBCheckboxDefaultState = {};
-export type DBCheckboxState = DBCheckboxDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & InitializedState & FromValidState;

package/components/custom-select/custom-select.d.ts

@@ -1,150 +0,0 @@
-import { ElementRef, AfterViewInit, InputSignal, ModelSignal, Renderer2 } from "@angular/core";
-import { ControlValueAccessor } from '@angular/forms';
-import { ClickEvent, GeneralEvent, InputEvent, InteractionEvent } from "../../shared/model";
-import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
-import * as i0 from "@angular/core";
-export declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor {
-    private renderer;
-    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string) => any;
-    protected readonly getHideProp: (show?: boolean | string) => any;
-    protected readonly DEFAULT_LABEL: string;
-    protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly getOptionKey: (option: {
-        id?: string;
-        value?: string | number | string[] | undefined;
-    }, prefix: string) => string;
-    protected readonly DEFAULT_MESSAGE: string;
-    protected readonly DEFAULT_CLOSE_BUTTON: string;
-    protected readonly stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
-    protected readonly DEFAULT_VALID_MESSAGE: string;
-    id: InputSignal<DBCustomSelectProps["id"]>;
-    invalidMessage: InputSignal<DBCustomSelectProps["invalidMessage"]>;
-    message: InputSignal<DBCustomSelectProps["message"]>;
-    showMessage: InputSignal<DBCustomSelectProps["showMessage"]>;
-    ariaDescribedBy: InputSignal<DBCustomSelectProps["ariaDescribedBy"]>;
-    showNoResults: InputSignal<DBCustomSelectProps["showNoResults"]>;
-    showLoading: InputSignal<DBCustomSelectProps["showLoading"]>;
-    multiple: InputSignal<DBCustomSelectProps["multiple"]>;
-    showSelectAll: InputSignal<DBCustomSelectProps["showSelectAll"]>;
-    showSearch: InputSignal<DBCustomSelectProps["showSearch"]>;
-    values: ModelSignal<DBCustomSelectProps["values"]>;
-    validation: InputSignal<DBCustomSelectProps["validation"]>;
-    options: InputSignal<DBCustomSelectProps["options"]>;
-    searchValue: InputSignal<DBCustomSelectProps["searchValue"]>;
-    selectedLabels: InputSignal<DBCustomSelectProps["selectedLabels"]>;
-    transformSelectedLabels: InputSignal<DBCustomSelectProps["transformSelectedLabels"]>;
-    selectedType: InputSignal<DBCustomSelectProps["selectedType"]>;
-    amountText: InputSignal<DBCustomSelectProps["amountText"]>;
-    validMessage: InputSignal<DBCustomSelectProps["validMessage"]>;
-    required: InputSignal<DBCustomSelectProps["required"]>;
-    selectAllLabel: InputSignal<DBCustomSelectProps["selectAllLabel"]>;
-    removeTagsTexts: InputSignal<DBCustomSelectProps["removeTagsTexts"]>;
-    placement: InputSignal<DBCustomSelectProps["placement"]>;
-    searchFilter: InputSignal<DBCustomSelectProps["searchFilter"]>;
-    className: InputSignal<DBCustomSelectProps["className"]>;
-    formFieldWidth: InputSignal<DBCustomSelectProps["formFieldWidth"]>;
-    variant: InputSignal<DBCustomSelectProps["variant"]>;
-    showRequiredAsterisk: InputSignal<DBCustomSelectProps["showRequiredAsterisk"]>;
-    showLabel: InputSignal<DBCustomSelectProps["showLabel"]>;
-    icon: InputSignal<DBCustomSelectProps["icon"]>;
-    showIcon: InputSignal<DBCustomSelectProps["showIcon"]>;
-    label: InputSignal<DBCustomSelectProps["label"]>;
-    form: InputSignal<DBCustomSelectProps["form"]>;
-    name: InputSignal<DBCustomSelectProps["name"]>;
-    disabled: ModelSignal<DBCustomSelectProps["disabled"]>;
-    open: InputSignal<DBCustomSelectProps["open"]>;
-    dropdownWidth: InputSignal<DBCustomSelectProps["dropdownWidth"]>;
-    searchLabel: InputSignal<DBCustomSelectProps["searchLabel"]>;
-    searchPlaceholder: InputSignal<DBCustomSelectProps["searchPlaceholder"]>;
-    ariaListLabel: InputSignal<DBCustomSelectProps["ariaListLabel"]>;
-    loadingText: InputSignal<DBCustomSelectProps["loadingText"]>;
-    noResultsText: InputSignal<DBCustomSelectProps["noResultsText"]>;
-    mobileCloseButtonText: InputSignal<DBCustomSelectProps["mobileCloseButtonText"]>;
-    showClearSelection: InputSignal<DBCustomSelectProps["showClearSelection"]>;
-    clearSelectionText: InputSignal<DBCustomSelectProps["clearSelectionText"]>;
-    placeholder: InputSignal<DBCustomSelectProps["placeholder"]>;
-    messageIcon: InputSignal<DBCustomSelectProps["messageIcon"]>;
-    amountChange: import("@angular/core").OutputEmitterRef<number | void>;
-    dropdownToggle: import("@angular/core").OutputEmitterRef<void | Event>;
-    optionSelected: import("@angular/core").OutputEmitterRef<void | string[]>;
-    search: import("@angular/core").OutputEmitterRef<void | Event>;
-    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    selectRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    detailsRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    searchInputRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    selectAllRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    _id: import("@angular/core").WritableSignal<string | undefined>;
-    _messageId: import("@angular/core").WritableSignal<string | undefined>;
-    _validMessageId: import("@angular/core").WritableSignal<string | undefined>;
-    _invalidMessageId: import("@angular/core").WritableSignal<string | undefined>;
-    _invalidMessage: import("@angular/core").WritableSignal<string | undefined>;
-    _selectId: import("@angular/core").WritableSignal<string | undefined>;
-    _labelId: import("@angular/core").WritableSignal<string | undefined>;
-    _summaryId: import("@angular/core").WritableSignal<string | undefined>;
-    _placeholderId: import("@angular/core").WritableSignal<string | undefined>;
-    _infoTextId: import("@angular/core").WritableSignal<string | undefined>;
-    _validity: import("@angular/core").WritableSignal<"invalid" | "valid" | "no-validation" | undefined>;
-    _userInteraction: import("@angular/core").WritableSignal<boolean | undefined>;
-    _descByIds: import("@angular/core").WritableSignal<string | undefined>;
-    _selectedLabels: import("@angular/core").WritableSignal<string | undefined>;
-    _selectedLabelsId: import("@angular/core").WritableSignal<string | undefined>;
-    _voiceOverFallback: import("@angular/core").WritableSignal<string | undefined>;
-    _selectedOptions: import("@angular/core").WritableSignal<CustomSelectOptionType[] | undefined>;
-    selectAllEnabled: import("@angular/core").WritableSignal<boolean>;
-    searchEnabled: import("@angular/core").WritableSignal<boolean>;
-    amountOptions: import("@angular/core").WritableSignal<number>;
-    _values: import("@angular/core").WritableSignal<string[] | undefined>;
-    _options: import("@angular/core").WritableSignal<CustomSelectOptionType[] | undefined>;
-    _hasNoOptions: import("@angular/core").WritableSignal<boolean>;
-    _documentClickListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
-    _internalChangeTimestamp: import("@angular/core").WritableSignal<number>;
-    _documentScrollListenerCallbackId: import("@angular/core").WritableSignal<string | undefined>;
-    _observer: import("@angular/core").WritableSignal<IntersectionObserver | undefined>;
-    _searchValue: import("@angular/core").WritableSignal<string | undefined>;
-    selectAllChecked: import("@angular/core").WritableSignal<boolean>;
-    selectAllIndeterminate: import("@angular/core").WritableSignal<boolean>;
-    handleDocumentScroll(event: any): void;
-    hasValidState(): boolean;
-    handleValidation(): void;
-    handleDropdownToggle(event: GeneralEvent<HTMLDetailsElement>): void;
-    getNativeSelectValue(): string;
-    setDescById(descId?: string): void;
-    getSelectAllLabel(): string;
-    getOptionLabel(option: CustomSelectOptionType): string;
-    getOptionChecked(value?: string): boolean | undefined;
-    getTagRemoveLabel(index: number): string;
-    handleTagRemove(option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void): void;
-    handleAutoPlacement(): void;
-    handleArrowDownUp(event: any): void;
-    handleKeyboardPress(event: any): void;
-    handleClose(event?: InteractionEvent<HTMLDetailsElement> | void, forceClose?: boolean): void;
-    handleDocumentClose(event: any): void;
-    handleOptionSelected(values: string[]): void;
-    handleSelect(value?: string): void;
-    handleSelectAll(event: any): void;
-    handleFocusFirstDropdownCheckbox(activeElement?: Element): void;
-    handleOpenByKeyboardFocus(): void;
-    handleSearch(valueOrEvent?: InputEvent<HTMLInputElement> | string | void): void;
-    handleClearAll(event: any): void;
-    handleSummaryFocus(): void;
-    satisfyReact(event: any): void;
-    trackByOption0(_: number, option: any): string;
-    trackByOption1(index: number, option: any): string;
-    trackByOption2(_: number, option: any): string;
-    constructor(renderer: Renderer2);
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    writeValue(value: any): void;
-    propagateChange(_: any): void;
-    registerOnChange(onChange: any): void;
-    registerOnTouched(onTouched: any): void;
-    setDisabledState(disabled: boolean): void;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "ariaListLabel": { "alias": "ariaListLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; }, never, ["*"], true, never>;
-}

package/components/custom-select/index.d.ts

@@ -1 +0,0 @@
-export { DBCustomSelect } from './custom-select';

package/components/custom-select/model.d.ts

@@ -1,220 +0,0 @@
-import { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
-import { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
-import { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
-import { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
-export type CustomSelectOptionType = {
-    /**
-     * Disables this option
-     */
-    disabled?: boolean;
-    /**
-     * Identifier for option
-     */
-    id?: string;
-    /**
-     * If the value is different from the label you want to show to the user.
-     */
-    label?: string;
-    /**
-     * The value for the option
-     */
-    value?: string;
-} & DBCustomSelectListItemExtraProps;
-export declare const SelectedTypeList: readonly ["amount", "text", "tag"];
-export type SelectedTypeType = (typeof SelectedTypeList)[number];
-export type DBCustomSelectEvents = {
-    /**
-     * Optional: if select-type="amount" when amount changes
-     * @param amount The amount of selected checkboxes
-     */
-    onAmountChange?: (amount: number) => void;
-    /**
-     * Optional: if select-type="amount" when amount changes
-     * @param amount The amount of selected checkboxes
-     */
-    amountChange?: (amount: number) => void;
-    /**
-     * Triggers after some option was clicked in dropdown
-     * @param values the changed values
-     */
-    onOptionSelected?: (values: string[]) => void;
-    /**
-     * Triggers after some option was clicked in dropdown
-     * @param values the changed values
-     */
-    optionSelected?: (values: string[]) => void;
-    /**
-     * Informs the user when dropdown was toggled.
-     */
-    onDropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
-    /**
-     * Informs the user when dropdown was toggled.
-     */
-    dropdownToggle?: (event: GeneralEvent<HTMLDetailsElement>) => void;
-    /**
-     * Informs the user when a search was performed.
-     */
-    onSearch?: (event: InputEvent<HTMLInputElement>) => void;
-    /**
-     * Informs the user when a search was performed.
-     */
-    search?: (event: InputEvent<HTMLInputElement>) => void;
-};
-export type DBCustomSelectDefaultProps = {
-    /**
-     * Optional: if select-type="amount" change the shown text
-     */
-    amountText?: string;
-    /**
-     * Overwrite the default aria-label (props.label) for the custom-select-list
-     */
-    ariaListLabel?: string;
-    /**
-     * Label for the clear selection button
-     */
-    clearSelectionText?: string;
-    /**
-     * Changes the behavior of the dropdown with.
-     * Default: fixed 328px
-     * Auto: Based on the size of the form-field
-     */
-    dropdownWidth?: CustomSelectDropdownWidthType | string;
-    /**
-     * Width of the component. Auto width based on children size, full width based on parent elements width.
-     */
-    formFieldWidth?: WidthType | string;
-    /**
-     * Dropdown - hint if data has to be loaded
-     */
-    loadingText?: string;
-    /**
-     * Change the button text for mobile close
-     */
-    mobileCloseButtonText?: string;
-    /**
-     * Enables CustomSelect
-     */
-    multiple?: boolean | string;
-    /**
-     * Dropdown - hint if there are no options
-     */
-    noResultsText?: string;
-    /**
-     * Programmatically open the dropdown. May differ if you don't use onDropdownToggle.
-     */
-    open?: boolean;
-    /**
-     * You should pass in the options as an array.
-     */
-    options?: CustomSelectOptionType[];
-    /**
-     * The `placement` attributes values change the position to absolute and adds a transform based on the placement.
-     */
-    placement?: PlacementVerticalType;
-    /**
-     * Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users
-     */
-    removeTagsTexts?: string[];
-    /**
-     * Optional: Change the filter function for the search input
-     */
-    searchFilter?: (option: CustomSelectOptionType, filterText: string) => boolean;
-    /**
-     * Search label
-     */
-    searchLabel?: string;
-    /**
-     * Search placeholder
-     */
-    searchPlaceholder?: string;
-    /**
-     * Optional: Prefill the value of the search input
-     */
-    searchValue?: string;
-    /**
-     * Select all checkbox label
-     */
-    selectAllLabel?: string;
-    /**
-     * Optional: If you want to show a custom label for the selected values.
-     * You need to define the empty state as well based on selected options.
-     */
-    selectedLabels?: string;
-    /**
-     * Change the selected type for values shown in multi select
-     */
-    selectedType?: SelectedTypeType;
-    /**
-     * Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.
-     */
-    showClearSelection?: boolean;
-    /**
-     * Dropdown - enable loading infotext and spinner
-     */
-    showLoading?: boolean;
-    /**
-     * Dropdown - enable no options infotext
-     */
-    showNoResults?: boolean;
-    /**
-     * Forces search in header.
-     */
-    showSearch?: boolean;
-    /**
-     * Forces select all checkbox (only for multiple).
-     */
-    showSelectAll?: boolean;
-    /**
-     * Optional: If you want to show a custom label based on the selected options.
-     */
-    transformSelectedLabels?: (selectedOptions?: CustomSelectOptionType[]) => string;
-    /**
-     * Initial value for multi select
-     */
-    values?: string[];
-};
-export type DBCustomSelectProps = GlobalProps & CustomFormProps & BaseFormProps & RequiredProps & FormMessageProps & DBCustomSelectDefaultProps & DBCustomSelectEvents & DBCustomSelectFormFieldDefaultProps & IconProps & ShowIconProps & ShowLabelProps;
-export type DBCustomSelectDefaultState = {
-    _validity?: ValidationType;
-    _values?: string[];
-    _options?: CustomSelectOptionType[];
-    _selectedOptions?: CustomSelectOptionType[];
-    _hasNoOptions: boolean;
-    _selectId?: string;
-    _labelId?: string;
-    _summaryId?: string;
-    _placeholderId?: string;
-    _selectedLabels?: string;
-    _selectedLabelsId?: string;
-    _infoTextId?: string;
-    _internalChangeTimestamp: number;
-    _documentClickListenerCallbackId?: string;
-    _searchValue?: string;
-    _userInteraction?: boolean;
-    getNativeSelectValue: () => string;
-    getOptionLabel: (option: CustomSelectOptionType) => string;
-    getOptionChecked: (value?: string) => boolean;
-    getTagRemoveLabel: (index: number) => string;
-    selectAllEnabled: boolean;
-    searchEnabled: boolean;
-    amountOptions: number;
-    setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
-    handleSummaryFocus: () => void;
-    handleSelect: (value?: string) => void;
-    handleSelectAll: (event: any) => void;
-    handleClearAll: (event: any) => void;
-    handleDropdownToggle: (event: any) => void;
-    handleDocumentClose: (event: any) => void;
-    handleOpenByKeyboardFocus: () => void;
-    handleFocusFirstDropdownCheckbox: (activeElement?: Element) => void;
-    handleKeyboardPress: (event: any) => void;
-    handleArrowDownUp: (event: any) => void;
-    handleSearch: (event: any) => void;
-    handleOptionSelected: (_values: string[]) => void;
-    getSelectAllLabel: () => string;
-    selectAllChecked: boolean;
-    selectAllIndeterminate: boolean;
-    handleAutoPlacement: () => void;
-};
-export type DBCustomSelectState = DBCustomSelectDefaultState & GlobalState & FormState & FromValidState & CloseEventState<InteractionEvent<HTMLDetailsElement>> & DocumentScrollState;

package/components/custom-select-dropdown/custom-select-dropdown.d.ts

@@ -1,20 +0,0 @@
-import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
-import { DBCustomSelectDropdownProps } from "./model";
-import * as i0 from "@angular/core";
-export declare class DBCustomSelectDropdown implements AfterViewInit {
-    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: InputSignal<DBCustomSelectDropdownProps["id"]>;
-    className: InputSignal<DBCustomSelectDropdownProps["className"]>;
-    width: InputSignal<DBCustomSelectDropdownProps["width"]>;
-    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectDropdown, "db-custom-select-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/components/custom-select-dropdown/index.d.ts

@@ -1 +0,0 @@
-export { DBCustomSelectDropdown } from './custom-select-dropdown';

package/components/custom-select-dropdown/model.d.ts

@@ -1,15 +0,0 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
-export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
-export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
-export type DBCustomSelectDropdownDefaultProps = {
-    /**
-     * Changes the behavior of the dropdown with.
-     * Default: fixed 328px
-     * Full: Based on the size of the form-field
-     * Auto: Based on the size of the largest list item
-     */
-    width?: CustomSelectDropdownWidthType | string;
-};
-export type DBCustomSelectDropdownProps = DBCustomSelectDropdownDefaultProps & GlobalProps;
-export type DBCustomSelectDropdownDefaultState = {};
-export type DBCustomSelectDropdownState = DBCustomSelectDropdownDefaultState & GlobalState;

package/components/custom-select-form-field/custom-select-form-field.d.ts

@@ -1,19 +0,0 @@
-import { ElementRef, AfterViewInit, InputSignal } from "@angular/core";
-import { DBCustomSelectFormFieldProps } from "./model";
-import * as i0 from "@angular/core";
-export declare class DBCustomSelectFormField implements AfterViewInit {
-    protected readonly cls: (...args: import("../../utils").ClassNameArg[]) => string;
-    id: InputSignal<DBCustomSelectFormFieldProps["id"]>;
-    className: InputSignal<DBCustomSelectFormFieldProps["className"]>;
-    _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DBCustomSelectFormField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DBCustomSelectFormField, "db-custom-select-form-field", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/components/custom-select-form-field/index.d.ts

@@ -1 +0,0 @@
-export { DBCustomSelectFormField } from './custom-select-form-field';

package/components/custom-select-form-field/model.d.ts

@@ -1,5 +0,0 @@
-import { GlobalProps, GlobalState } from '../../shared/model';
-export type DBCustomSelectFormFieldDefaultProps = {};
-export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
-export type DBCustomSelectFormFieldDefaultState = {};
-export type DBCustomSelectFormFieldState = DBCustomSelectFormFieldDefaultState & GlobalState;