@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.11

package/calendar/models/date-range.model.d.ts

@@ -0,0 +1,26 @@
+/**
+ * A class representing a range of dates.
+ */
+export declare class DateRangeModel {
+    /**
+     * The start date of the range.
+     */
+    readonly start?: Date | undefined;
+    /**
+     * The end date of the range.
+     */
+    readonly end?: Date | undefined;
+    /**
+     * Ensures that objects with a `start` and `end` property can't be assigned to a variable that
+     * expects a `DateRange`
+     */ private disableStructuralEquivalency;
+    constructor(
+    /**
+     * The start date of the range.
+     */
+    start?: Date | undefined, 
+    /**
+     * The end date of the range.
+     */
+    end?: Date | undefined);
+}

package/calendar/models/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './calendar-user-event.model';
+export * from './date-range.model';

package/calendar/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './models/public-api';
+export * from './services/public-api';
+export * from './types/public-api';
+export * from './calendar.component';
+export * from './upd-calendar.module';

package/calendar/services/calendar-range-strategy.service.d.ts

@@ -0,0 +1,35 @@
+import { OptionalType } from '@updevs/sdk/types';
+import { DateRangeModel } from '../models/date-range.model';
+import * as i0 from "@angular/core";
+/**
+ * Provides the default date range selection behavior.
+ */
+export declare class CalendarRangeStrategyService {
+    private readonly dateService;
+    /**
+     * Called when the user has finished selecting a value.
+     * @param date Date that was selected. Will be null if the user cleared the selection.
+     * @param currentRange Range that is currently show in the calendar.
+     */
+    selectionFinished(date: OptionalType<Date>, currentRange: DateRangeModel): DateRangeModel;
+    /**
+     * Called when the user has activated a new date (e.g. by hovering over
+     * it or moving focus) and the calendar tries to display a date range.
+     *
+     * @param activeDate Date that the user has activated. Will be null if the user moved
+     *    focus to an element that's no a calendar cell.
+     * @param currentRange Range that is currently shown in the calendar.
+     */
+    createPreview(activeDate: OptionalType<Date>, currentRange: DateRangeModel): DateRangeModel;
+    /**
+     * Called when the user has dragged a date in the currently selected range to another
+     * date. Returns the date updated range that should result from this interaction.
+     *
+     * @param dragOrigin The date the user started dragging from.
+     * @param originalRange The originally selected date range.
+     * @param newDate The currently targeted date in the drag operation.
+     */
+    createDrag(dragOrigin: Date, originalRange: DateRangeModel, newDate: Date): OptionalType<DateRangeModel>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarRangeStrategyService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarRangeStrategyService>;
+}

package/calendar/services/calendar-signals.service.d.ts

@@ -0,0 +1,24 @@
+import { Signal } from '@angular/core';
+import { OptionalType } from '@updevs/sdk/types';
+import { CalendarViewType } from '../types/calendar-view.type';
+import { DateRangeModel } from '../models/date-range.model';
+import * as i0 from "@angular/core";
+export declare class CalendarSignalsService {
+    get minDate(): Signal<OptionalType<Date>>;
+    set minDate(value: OptionalType<Date>);
+    get maxDate(): Signal<OptionalType<Date>>;
+    set maxDate(value: OptionalType<Date>);
+    get activeDate(): Signal<Date>;
+    set activeDate(value: Date);
+    get selectedDate(): Signal<DateRangeModel | OptionalType<Date>>;
+    set selectedDate(value: OptionalType<DateRangeModel | OptionalType<Date>>);
+    get currentView(): Signal<CalendarViewType>;
+    set currentView(value: CalendarViewType);
+    private readonly minDateSignal;
+    private readonly maxDateSignal;
+    private readonly activeDateSignal;
+    private readonly selectedDateSignal;
+    private readonly currentViewSignal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarSignalsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarSignalsService>;
+}

package/calendar/services/calendar.service.d.ts

@@ -0,0 +1,15 @@
+import { OptionalType } from '@updevs/sdk/types';
+import * as i0 from "@angular/core";
+export declare class CalendarService {
+    /**
+     * When the multi-year view is first opened, the active year will be in view.
+     * So we compute how many years are between the active year and the *slot* where our
+     * "startingYear" will render when paged into view.
+     */
+    getMultiYearActiveOffset(activeDate: Date, minDate: OptionalType<Date>, maxDate: OptionalType<Date>): number;
+    isSameMultiYearView(date1: Date, date2: Date, minDate: OptionalType<Date>, maxDate: OptionalType<Date>): boolean;
+    getStartingYear(minDate: OptionalType<Date>, maxDate: OptionalType<Date>): number;
+    private euclideanModulo;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;
+}

package/calendar/services/public-api.d.ts

@@ -0,0 +1 @@
+export * from './calendar-range-strategy.service';

package/calendar/tools/events-options.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Event options that can be used to bind an active, capturing event.
+ */
+export declare const activeCapturingEventOptions: boolean | AddEventListenerOptions;
+/**
+ * Event options that can be used to bind a passive, capturing event.
+ */
+export declare const passiveCapturingEventOptions: boolean | AddEventListenerOptions;
+/**
+ * Event options that can be used to bind a passive, non-capturing event.
+ */
+export declare const passiveEventOptions: boolean | AddEventListenerOptions;

package/calendar/tools/keyboard-tools.d.ts

@@ -0,0 +1,9 @@
+import { ModifierKeyType } from '../types/modifier-key.type';
+export declare class KeyboardTools {
+    /**
+     * Checks whether a modifier key is pressed.
+     * @param event Event to be checked.
+     * @param modifiers
+     */
+    static hasModifierKey(event: KeyboardEvent, ...modifiers: ModifierKeyType[]): boolean;
+}

package/calendar/tools/passive-listeners.d.ts

@@ -0,0 +1,16 @@
+export declare class PassiveListeners {
+    /** Cached result of whether the user's browser supports passive event listeners. */
+    private static supportsPassiveEvents?;
+    /**
+     * Checks whether the user's browser supports passive event listeners.
+     * See: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
+     */
+    static supportsPassiveEventListeners(): boolean;
+    /**
+     * Normalizes an `AddEventListener` object to something that can be passed
+     * to `addEventListener` on any browser, no matter whether it supports the
+     * `options` parameter.
+     * @param options Object to be normalized.
+     */
+    static normalizePassiveListenerOptions(options: AddEventListenerOptions): AddEventListenerOptions | boolean;
+}

package/calendar/types/calendar-cell-class-function.type.d.ts

@@ -0,0 +1,3 @@
+import { CalendarCellCssClassesType } from './calendar-cell-css-classes.type';
+import { CalendarViewType } from './calendar-view.type';
+export type CalendarCellClassFunctionType = (date: Date, view: CalendarViewType) => CalendarCellCssClassesType;

package/calendar/types/calendar-cell-css-classes.type.d.ts

@@ -0,0 +1,3 @@
+export type CalendarCellCssClassesType = string | string[] | Set<string> | {
+    [key: string]: any;
+};

package/calendar/types/calendar-view.type.d.ts

@@ -0,0 +1 @@
+export type CalendarViewType = 'month' | 'year' | 'multi-year';

package/calendar/types/modifier-key.type.d.ts

@@ -0,0 +1 @@
+export type ModifierKeyType = 'altKey' | 'shiftKey' | 'ctrlKey' | 'metaKey';

package/calendar/types/public-api.d.ts

@@ -0,0 +1 @@
+export * from './calendar-view.type';

package/calendar/upd-calendar.module.d.ts

@@ -0,0 +1,18 @@
+import { TranslocoService } from '@jsverse/transloco';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/calendar-header/calendar-header.component";
+import * as i2 from "./components/calendar-multi-year-view/calendar-multi-year-view.component";
+import * as i3 from "./components/calendar-year-view/calendar-year-view.component";
+import * as i4 from "./components/calendar-month-view/calendar-month-view.component";
+import * as i5 from "./components/calendar-body/calendar-body.component";
+import * as i6 from "./calendar.component";
+import * as i7 from "@angular/common";
+import * as i8 from "@updevs/components/button";
+import * as i9 from "@jsverse/transloco";
+import * as i10 from "@updevs/icons";
+export declare class UpdCalendarModule {
+    constructor(translocoService: TranslocoService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdCalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdCalendarModule, [typeof i1.CalendarHeaderComponent, typeof i2.CalendarMultiYearViewComponent, typeof i3.CalendarYearViewComponent, typeof i4.CalendarMonthViewComponent, typeof i5.CalendarBodyComponent, typeof i6.CalendarComponent], [typeof i7.CommonModule, typeof i8.UpdButtonModule, typeof i9.TranslocoDirective, typeof i10.UpdIconsModule], [typeof i6.CalendarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdCalendarModule>;
+}

package/card/card.component.d.ts

@@ -0,0 +1,54 @@
+import { SimpleChanges, OnInit, OnChanges } from '@angular/core';
+import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType } from '@updevs/sdk/types';
+import { IconModel } from '@updevs/icons';
+import { CardFooterDirective } from './directives/card-footer.directive';
+import { CardHeaderDirective } from './directives/card-header.directive';
+import { HoverEffectType } from './types/hover-effect.type';
+import { CardStateType } from './types/card-state.type';
+import { StatusPositionType } from './types/status-position.type';
+import { RibbonStyleType } from './types/ribbon-style.type';
+import { CardStyleType } from './types/card-style.type';
+import { CardImageDirective } from './directives/card-image.directive';
+import { CardActionsDirective } from './directives/card-actions.directive';
+import * as i0 from "@angular/core";
+export declare class CardComponent implements OnInit, OnChanges {
+    wrapperClasses: string;
+    headerTemplate?: CardHeaderDirective;
+    footerTemplate?: CardFooterDirective;
+    imageTemplate?: CardImageDirective;
+    actionsTemplate?: CardActionsDirective;
+    title?: string;
+    subtitle?: string;
+    hoverEffect?: HoverEffectType;
+    state?: CardStateType;
+    type?: CardStyleType;
+    imagePosition?: TopBottomLeftRightType;
+    bgColor?: BgColorStyleType;
+    stampIcon?: IconModel;
+    stampBackground: BgColorStyleType;
+    statusBackground?: BgColorStyleType;
+    statusPosition: StatusPositionType;
+    ribbonBackground?: BgColorStyleType;
+    ribbonStyle: RibbonStyleType;
+    ribbonIcon?: IconModel;
+    ribbonText?: string;
+    rotate?: 'right' | 'left';
+    removeBorder: boolean;
+    useLightHeader: boolean;
+    /**
+     * Whether the header should be displayed.
+     */
+    showHeader: boolean;
+    isFooterTransparent: boolean;
+    footerText?: string;
+    showProgressBar: boolean;
+    progress?: number;
+    actions: ButtonModel[];
+    classes: string[];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "upd-card", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "hoverEffect": { "alias": "hoverEffect"; "required": false; }; "state": { "alias": "state"; "required": false; }; "type": { "alias": "type"; "required": false; }; "imagePosition": { "alias": "imagePosition"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "stampIcon": { "alias": "stampIcon"; "required": false; }; "stampBackground": { "alias": "stampBackground"; "required": false; }; "statusBackground": { "alias": "statusBackground"; "required": false; }; "statusPosition": { "alias": "statusPosition"; "required": false; }; "ribbonBackground": { "alias": "ribbonBackground"; "required": false; }; "ribbonStyle": { "alias": "ribbonStyle"; "required": false; }; "ribbonIcon": { "alias": "ribbonIcon"; "required": false; }; "ribbonText": { "alias": "ribbonText"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "removeBorder": { "alias": "removeBorder"; "required": false; }; "useLightHeader": { "alias": "useLightHeader"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "isFooterTransparent": { "alias": "isFooterTransparent"; "required": false; }; "footerText": { "alias": "footerText"; "required": false; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, ["headerTemplate", "footerTemplate", "imageTemplate", "actionsTemplate"], ["*"], false, never>;
+}

package/card/directives/card-actions.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CardActionsDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardActionsDirective, "ng-template[updCardActions]", never, {}, {}, never, never, false, never>;
+}

package/card/directives/card-footer.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CardFooterDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardFooterDirective, "ng-template[updCardFooter]", never, {}, {}, never, never, false, never>;
+}

package/card/directives/card-header.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CardHeaderDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardHeaderDirective, "ng-template[updCardHeader]", never, {}, {}, never, never, false, never>;
+}

package/card/directives/card-image.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CardImageDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardImageDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CardImageDirective, "ng-template[updCardImage]", never, {}, {}, never, never, false, never>;
+}

package/card/directives/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './card-actions.directive';
+export * from './card-footer.directive';
+export * from './card-header.directive';
+export * from './card-image.directive';

package/card/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/card/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './directives/public-api';
+export * from './upd-card.module';
+export * from './card.component';

package/card/types/card-state.type.d.ts

@@ -0,0 +1 @@
+export type CardStateType = 'active' | 'inactive';

package/card/types/card-style.type.d.ts

@@ -0,0 +1 @@
+export type CardStyleType = 'stacked';

package/card/types/hover-effect.type.d.ts

@@ -0,0 +1 @@
+export type HoverEffectType = 'default' | 'rotate' | 'pop';

package/card/types/ribbon-style.type.d.ts

@@ -0,0 +1 @@
+export type RibbonStyleType = 'default' | 'top' | 'bottom' | 'bookmark' | 'start';

package/card/types/status-position.type.d.ts

@@ -0,0 +1 @@
+export type StatusPositionType = 'top' | 'bottom' | 'start';

package/card/upd-card.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./card.component";
+import * as i2 from "./directives/card-header.directive";
+import * as i3 from "./directives/card-footer.directive";
+import * as i4 from "./directives/card-image.directive";
+import * as i5 from "./directives/card-actions.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@updevs/icons";
+import * as i8 from "@updevs/components/button";
+export declare class UpdCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdCardModule, [typeof i1.CardComponent, typeof i2.CardHeaderDirective, typeof i3.CardFooterDirective, typeof i4.CardImageDirective, typeof i5.CardActionsDirective], [typeof i6.CommonModule, typeof i7.UpdIconsModule, typeof i8.UpdButtonModule], [typeof i1.CardComponent, typeof i2.CardHeaderDirective, typeof i3.CardFooterDirective, typeof i4.CardImageDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdCardModule>;
+}

package/drag-and-drop/drag-and-drop.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit } from '@angular/core';
+import { TextService } from '@updevs/sdk';
+import { DragAndDropItemModel } from './models/drag-and-drop-item.model';
+import { DragAndDropColumnModel } from './models/drag-and-drop-column.model';
+import { DragAndDropConfig } from './models/drag-and-drop.config';
+import * as i0 from "@angular/core";
+export declare class DragAndDropComponent implements OnInit {
+    config: import("@angular/core").InputSignal<DragAndDropConfig>;
+    columns: import("@angular/core").ModelSignal<DragAndDropColumnModel[]>;
+    readonly showHandler: import("@angular/core").Signal<boolean>;
+    readonly canReorder: import("@angular/core").Signal<boolean>;
+    readonly textService: TextService;
+    private readonly isReordering;
+    private readonly draggedItem;
+    private dragEnterCounter;
+    ngOnInit(): void;
+    canShowHandler(item: DragAndDropItemModel): boolean;
+    startDrag(event: DragEvent, item: DragAndDropItemModel, origin: string): void;
+    endDrag(item: DragAndDropItemModel): void;
+    drop(event: DragEvent, destination: string): void;
+    dragOver(event: DragEvent, destination: string): void;
+    dragEnter(): void;
+    dragLeave(columnName: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DragAndDropComponent, "upd-drag-and-drop", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; }, never, never, false, never>;
+}

package/drag-and-drop/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/drag-and-drop/models/drag-and-drop-column.config.d.ts

@@ -0,0 +1,8 @@
+import { TextModel } from '@updevs/sdk';
+import { DragAndDropItem } from './drag-and-drop-item';
+export interface DragAndDropColumnConfig {
+    name: string;
+    title?: TextModel;
+    items: DragAndDropItem[];
+    canBeEmpty?: boolean;
+}

package/drag-and-drop/models/drag-and-drop-column.model.d.ts

@@ -0,0 +1,10 @@
+import { WritableSignal } from '@angular/core';
+import { TextModel } from '@updevs/sdk';
+import { DragAndDropColumnConfig } from './drag-and-drop-column.config';
+import { DragAndDropItemModel } from './drag-and-drop-item.model';
+export declare class DragAndDropColumnModel {
+    name: string;
+    title?: TextModel;
+    items: WritableSignal<DragAndDropItemModel[]>;
+    constructor(init: DragAndDropColumnConfig);
+}

package/drag-and-drop/models/drag-and-drop-item.d.ts

@@ -0,0 +1,7 @@
+import { TextModel } from '@updevs/sdk';
+export interface DragAndDropItem {
+    name: string;
+    text: TextModel;
+    isDisabled?: boolean;
+    canDrag?: boolean;
+}

package/drag-and-drop/models/drag-and-drop-item.model.d.ts

@@ -0,0 +1,13 @@
+import { TextModel } from '@updevs/sdk';
+import { DragAndDropItem } from './drag-and-drop-item';
+export declare class DragAndDropItemModel implements DragAndDropItem {
+    name: string;
+    text: TextModel;
+    isDisabled: boolean;
+    canDrag: boolean;
+    canBeEmpty: boolean;
+    isBeingDragged: import("@angular/core").WritableSignal<boolean>;
+    origin?: string;
+    get isDraggable(): boolean;
+    constructor(init: DragAndDropItem);
+}

package/drag-and-drop/models/drag-and-drop.config.d.ts

@@ -0,0 +1,6 @@
+import { DragAndDropColumnConfig } from './drag-and-drop-column.config';
+export interface DragAndDropConfig {
+    columns: DragAndDropColumnConfig[];
+    showHandler?: boolean;
+    canReorder?: boolean;
+}

package/drag-and-drop/models/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './drag-and-drop.config';
+export * from './drag-and-drop-column.config';
+export * from './drag-and-drop-column.model';
+export * from './drag-and-drop-item';

package/drag-and-drop/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './models/public-api';
+export * from './drag-and-drop.component';
+export * from './upd-drag-and-drop.module';

package/drag-and-drop/upd-drag-and-drop.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./drag-and-drop.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@updevs/icons";
+export declare class UpdDragAndDropModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdDragAndDropModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdDragAndDropModule, [typeof i1.DragAndDropComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule], [typeof i1.DragAndDropComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdDragAndDropModule>;
+}

package/dropdown/dropdown.component.d.ts

@@ -0,0 +1,76 @@
+import { OnInit, OnChanges, EventEmitter, ElementRef } from '@angular/core';
+import { BaseComponent, ButtonModel, OverflowStrategyType } from '@updevs/sdk/layout';
+import { TopBottomLeftRightType, LeftRightType } from '@updevs/sdk/types';
+import { TextService } from '@updevs/sdk';
+import { DropdownItem } from './models/dropdown-item';
+import * as i0 from "@angular/core";
+export declare class DropdownComponent extends BaseComponent implements OnInit, OnChanges {
+    localWrapperClasses: string;
+    items: DropdownItem[];
+    header?: string;
+    set isOpen(value: boolean);
+    shouldCloseOnOutsideClick: boolean;
+    arrowType?: LeftRightType;
+    wrapperClasses: string;
+    /**
+     * Elements that won't trigger the close of the dropdown if clicked upon.
+     * Only works when `shouldCloseOnOutsideClick` is set to true.
+     */
+    elementsExcludedFromOutsideClick?: HTMLElement[];
+    /**
+     * Minimum height of the component.
+     */
+    minHeight?: number;
+    /**
+     * Maximum height of the component.
+     * If set, scroll bars will be used when the content's size is bigger than the component's.
+     */
+    maxHeight?: number;
+    /**
+     * Minimum width of the component.
+     */
+    minWidth?: number;
+    /**
+     * Maximum width of the component.
+     * If set, scroll bars will be used when the content's size is bigger than the component's.
+     */
+    maxWidth?: number;
+    /**
+     * If set, the position of the dropdown will be set according to this element.
+     */
+    dropdownReference?: ElementRef;
+    /**
+     * If a reference is provided, this will be the position of the dropdown in relation to that reference.
+     */
+    dropdownReferencePosition: TopBottomLeftRightType;
+    readonly isOpenChange: EventEmitter<boolean>;
+    readonly selectedItem: EventEmitter<DropdownItem>;
+    readonly checkboxChanged: EventEmitter<DropdownItem>;
+    textOverflowStrategy: import("@angular/core").InputSignal<OverflowStrategyType>;
+    readonly textService: TextService;
+    get isOpen(): boolean;
+    get overflowClass(): string;
+    private baseWrapperClasses;
+    private _isOpen;
+    private readonly dropdownElement;
+    private readonly ngZone;
+    private readonly elementRef;
+    private readonly renderer;
+    private readonly positioningService;
+    private readonly domEventsService;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    onSelect(item: DropdownItem): void;
+    onCheckboxChange(item: DropdownItem, isChecked: boolean): void;
+    adaptAction(btn: ButtonModel, item: DropdownItem): ButtonModel;
+    private closeOnOutsideClick;
+    private updateStyle;
+    private updateWrapperClasses;
+    private updateOpenState;
+    private updateMaxHeight;
+    private startPositionUpdate;
+    private updatePosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "upd-dropdown", never, { "items": { "alias": "items"; "required": false; }; "header": { "alias": "header"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "shouldCloseOnOutsideClick": { "alias": "shouldCloseOnOutsideClick"; "required": false; }; "arrowType": { "alias": "arrowType"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "elementsExcludedFromOutsideClick": { "alias": "elementsExcludedFromOutsideClick"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "dropdownReference": { "alias": "dropdownReference"; "required": false; }; "dropdownReferencePosition": { "alias": "dropdownReferencePosition"; "required": false; }; "textOverflowStrategy": { "alias": "textOverflowStrategy"; "required": false; "isSignal": true; }; }, { "isOpenChange": "isOpenChange"; "selectedItem": "selectedItem"; "checkboxChanged": "checkboxChanged"; }, never, ["*"], false, never>;
+}

package/dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/dropdown/models/dropdown-action-clicked.model.d.ts

@@ -0,0 +1,6 @@
+import { ButtonModel } from '@updevs/sdk/layout';
+import { DropdownItem } from './dropdown-item';
+export interface DropdownActionClickedModel {
+    button: ButtonModel;
+    item: DropdownItem;
+}

package/dropdown/models/dropdown-item.d.ts

@@ -0,0 +1,24 @@
+import { BgColorStyleType, ButtonModel } from '@updevs/sdk/layout';
+import { IconModel } from '@updevs/icons';
+import { TextModel } from '@updevs/sdk';
+import { DropdownItemType } from './dropdown-item.type';
+import { ToolbarType } from './toolbar.type';
+export interface DropdownItem {
+    id?: any;
+    text?: TextModel;
+    icon?: IconModel;
+    type: DropdownItemType;
+    toolbarType?: ToolbarType;
+    /**
+     * If type is checkbox, and this is set, the switch style will be used.
+     */
+    isSwitch?: boolean;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    leftBoxText?: string;
+    leftBoxImage?: string;
+    badgeColor?: BgColorStyleType;
+    badgeText?: string;
+    isChecked?: boolean;
+    actionButtons?: ButtonModel[];
+}

package/dropdown/models/dropdown-item.type.d.ts

@@ -0,0 +1 @@
+export type DropdownItemType = 'default' | 'radio' | 'checkbox' | 'divider' | 'with-toolbar';

package/dropdown/models/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './dropdown-action-clicked.model';
+export * from './dropdown-item';
+export * from './dropdown-item.type';
+export * from './toolbar.type';

package/dropdown/models/toolbar.type.d.ts

@@ -0,0 +1 @@
+export type ToolbarType = 'grouped' | 'spaced';

package/dropdown/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './models/public-api';
+export * from './dropdown.component';
+export * from './upd-dropdown.module';

package/dropdown/upd-dropdown.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dropdown.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@updevs/icons";
+import * as i4 from "@updevs/components/form-controls/radio";
+import * as i5 from "@updevs/components/form-controls/checkbox";
+import * as i6 from "@updevs/components/button";
+export declare class UpdDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdDropdownModule, [typeof i1.DropdownComponent], [typeof i2.CommonModule, typeof i3.UpdIconsModule, typeof i4.UpdRadioModule, typeof i5.UpdCheckboxModule, typeof i6.UpdButtonModule], [typeof i1.DropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UpdDropdownModule>;
+}

package/esm2022/badge/badge-config.model.mjs

@@ -0,0 +1,14 @@
+export class BadgeConfigModel {
+    constructor(init) {
+        this.bgColor = 'primary';
+        this.isOutline = false;
+        this.isPill = false;
+        this.isNotification = false;
+        this.isBlinking = false;
+        this.customClasses = '';
+        if (!!init) {
+            Object.assign(this, init);
+        }
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UtY29uZmlnLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2JhZGdlL3NyYy9iYWRnZS1jb25maWcubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxPQUFPLGdCQUFnQjtJQVV6QixZQUFZLElBQWtCO1FBVDlCLFlBQU8sR0FBcUIsU0FBUyxDQUFDO1FBR3RDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsa0JBQWEsR0FBRyxFQUFFLENBQUM7UUFHZixJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNULE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQzlCLENBQUM7SUFDTCxDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCZ0NvbG9yU3R5bGVUeXBlLCBDb2xvclN0eWxlVHlwZSB9IGZyb20gJ0B1cGRldnMvc2RrL2xheW91dCc7XG5pbXBvcnQgeyBUZXh0TW9kZWwgfSBmcm9tICdAdXBkZXZzL3Nkayc7XG5cbmltcG9ydCB7IEJhZGdlQ29uZmlnIH0gZnJvbSAnLi9iYWRnZS5jb25maWcnO1xuXG5leHBvcnQgY2xhc3MgQmFkZ2VDb25maWdNb2RlbCBpbXBsZW1lbnRzIEJhZGdlQ29uZmlnIHtcbiAgICBiZ0NvbG9yOiBCZ0NvbG9yU3R5bGVUeXBlID0gJ3ByaW1hcnknO1xuICAgIHRleHRDb2xvcj86IENvbG9yU3R5bGVUeXBlO1xuICAgIHRleHQ/OiBUZXh0TW9kZWw7XG4gICAgaXNPdXRsaW5lID0gZmFsc2U7XG4gICAgaXNQaWxsID0gZmFsc2U7XG4gICAgaXNOb3RpZmljYXRpb24gPSBmYWxzZTtcbiAgICBpc0JsaW5raW5nID0gZmFsc2U7XG4gICAgY3VzdG9tQ2xhc3NlcyA9ICcnO1xuXG4gICAgY29uc3RydWN0b3IoaW5pdD86IEJhZGdlQ29uZmlnKSB7XG4gICAgICAgIGlmICghIWluaXQpIHtcbiAgICAgICAgICAgIE9iamVjdC5hc3NpZ24odGhpcywgaW5pdCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=