@tekus/design-system 5.1.3 → 5.3.0

package/components/date-picker/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/date-picker" />
+export * from './public-api';

package/components/date-picker/public-api.d.ts

@@ -0,0 +1 @@
+export * from './src/date-picker.component';

package/components/date-picker/src/date-picker.component.d.ts

@@ -0,0 +1,156 @@
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { FormControl, ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export type DateValue = Date | [Date, Date] | null;
+export declare class DatePickerComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    /**
+     * @property {'single' | 'range'} selectionMode
+     * @description
+     * Defines how the datepicker behaves:
+     * - `'single'`: select one date
+     * - `'range'`: select a pair of dates [start, end]
+     * @default 'range'
+     */
+    selectionMode: 'single' | 'range';
+    /**
+     * @property {boolean} readonlyInput
+     * @description
+     * Disables manual typing in the input and forces the user to select via the calendar.
+     * @default true
+     */
+    readonlyInput: boolean;
+    /**
+     * @property {boolean} showClear
+     * @description
+     * Displays a clear button that resets the datepicker value.
+     * @default true
+     */
+    showClear: boolean;
+    /**
+     * @property {boolean} showIcon
+     * @description
+     * Shows the calendar icon inside the input.
+     * @default true
+     */
+    showIcon: boolean;
+    /**
+     * @property {string} dateFormat
+     * @description
+     * Format used by PrimeNG for displaying dates.
+     * @default 'mm/dd/yy'
+     */
+    dateFormat: string;
+    /**
+     * @property {Date | null} maxDate
+     * @description
+     * Maximum selectable date. When set, the calendar will prevent selecting dates after this value.
+     * Provide a JavaScript Date object. Use `null` to allow any future date.
+     * @default null
+     */
+    maxDate: Date | null;
+    /**
+     * @property {Date | null} minDate
+     * @description
+     * Minimum selectable date. When set, the calendar will prevent selecting dates before this value.
+     * Provide a JavaScript Date object. Use `null` to allow any past date.
+     * @default null
+     */
+    minDate: Date | null;
+    /**
+     * @property {string} labelText
+     * @description
+     * Label shown by the float-label wrapper.
+     * @default 'Select a date'
+     */
+    labelText: string;
+    /**
+     * @private
+     * @property {FormControl<DateValue>} internalControl
+     * @description
+     * The internal FormControl used in the template. It handles value synchronization
+     * for both CVA and the optional external control input.
+     */
+    internalControl: FormControl<DateValue>;
+    /**
+     * @private
+     * @property {Subscription} sub
+     * @description Subscription to the valueChanges observable.
+     */
+    private sub;
+    private onChange;
+    private onTouched;
+    /**
+     * @property {FormControl<DateValue> | null} control
+     * @description
+     * Allows passing an external FormControl (traditional Reactive Forms usage).
+     * If provided, it overrides the internal control.
+     */
+    set control(ctrl: FormControl<DateValue> | null);
+    get control(): FormControl<DateValue>;
+    /**
+     * @event handleSelect
+     * @description
+     * Emitted when:
+     * - single mode → a valid Date is selected
+     * - range mode → both start and end dates are selected
+     *
+     * Payload:
+     * - Date (single mode)
+     * - [Date, Date] (completed range)
+     */
+    handleSelect: EventEmitter<DateValue>;
+    /**
+     * @event handleClear
+     * @description
+     * Emitted when the control's value becomes `null`.
+     */
+    handleClear: EventEmitter<void>;
+    /**
+     * @property faCalendarDay
+     * @description
+     * Icon displayed inside the datepicker input.
+     */
+    faCalendarDay: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    /**
+     * @method writeValue
+     * @description Writes a new value from the form model (ngModel or formControl) into the component.
+     */
+    writeValue(value: DateValue): void;
+    /**
+     * @method registerOnChange
+     * @description Registers a callback function to be called when the control's value changes.
+     */
+    registerOnChange(fn: (value: DateValue) => void): void;
+    /**
+     * @method registerOnTouched
+     * @description Registers a callback function to be called when the control receives a blur event (is touched).
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * @method setDisabledState
+     * @description Called when the control should be disabled or enabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * @method ngOnInit
+     * @description
+     * Subscribes to the internal control's valueChanges:
+     * 1. Notifies the external form (CVA) via `this.onChange()`.
+     * 2. Emits the semantic events `handleSelect` or `handleClear`.
+     */
+    ngOnInit(): void;
+    /**
+     * @method ngOnDestroy
+     * @description Cleans up the internal subscription when the component is destroyed.
+     */
+    ngOnDestroy(): void;
+    /**
+     * @method clear
+     * @description
+     * Programmatically clears the control's value,
+     * which automatically triggers `handleClear`.
+     */
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "tk-date-picker", never, { "selectionMode": { "alias": "selectionMode"; "required": false; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, { "handleSelect": "handleSelect"; "handleClear": "handleClear"; }, never, never, true, never>;
+}

package/components/modal/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/modal" />
+export * from './public-api';

package/components/modal/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './src/modal.component';
+export * from './src/services/modal.service';
+export * from './src/modal.types';

package/components/modal/src/modal.component.d.ts

@@ -0,0 +1,83 @@
+import { EventEmitter } from '@angular/core';
+import { ModalFooterButton, ModalSizeType } from './modal.types';
+import * as i0 from "@angular/core";
+/**
+ * @component ModalComponent
+ * @description
+ * A programmatically controlled modal dialog used for displaying dynamic content, titles, and footer actions.
+ * The modal is not instantiated via template bindings, but rather opened through a service with a configuration object.
+ *
+ * This component supports:
+ * - Configurable title and content.
+ * - Optional footer buttons with callbacks and return values.
+ * - Multiple sizes: `'small' | 'large' | 'full'`.
+ * - Closable modal and outside-click behavior.
+ * - Passing arbitrary data to the modal instance.
+ *
+ * @usage
+ * ### Open a modal from TypeScript using the modal service
+ * ```ts
+ * this.modalService.open({
+ *   title: 'Demo Modal',
+ *   content: 'This modal is opened from TypeScript using the service.',
+ *   footerButtons: [
+ *     {
+ *       label: 'Accept',
+ *       severity: 'secondary',
+ *       action: () => console.log('Accept clicked'),
+ *       returnValue: true,
+ *     },
+ *     {
+ *       label: 'Cancel',
+ *       severity: 'danger',
+ *       action: () => console.log('Cancel clicked'),
+ *       returnValue: false,
+ *     },
+ *   ],
+ *   size: 'small',
+ *   closable: true,
+ *   closeOnOutsideClick: false,
+ * }).subscribe((result) => {
+ *   console.log('Modal closed with value:', result);
+ * });
+ * ```
+ */
+export declare class ModalComponent {
+    /** The title displayed at the top of the modal */
+    title: import("@angular/core").InputSignal<string>;
+    /** The main content of the modal */
+    content: import("@angular/core").InputSignal<string | null>;
+    /** Array of footer buttons with label, callback, and return value */
+    footerButtons: import("@angular/core").InputSignal<ModalFooterButton[]>;
+    /** Modal size: 'small', 'large', or 'full' */
+    size: import("@angular/core").InputSignal<ModalSizeType>;
+    /** Whether the modal can be closed by the user */
+    closable: import("@angular/core").InputSignal<boolean>;
+    /** Whether clicking outside closes the modal */
+    closeOnOutsideClick: import("@angular/core").InputSignal<boolean>;
+    /** Computed: whether the modal has footer buttons */
+    hasFooter: import("@angular/core").Signal<boolean>;
+    /** Computed: calculates modal width based on `size` */
+    modalWidth: import("@angular/core").Signal<"67.5rem" | "98vw" | "25rem">;
+    /** Visibility flag */
+    isOpened: boolean;
+    /** Emits when the modal closes, passing the return value from footer buttons or null */
+    readonly onClose: EventEmitter<unknown>;
+    private alreadyEmitted;
+    private returnValueOnClose;
+    /** Opens the modal */
+    open(): void;
+    /** Closes the modal and emits onClose with null */
+    handleClose(): void;
+    /** Closes the modal without emitting an event */
+    close(): void;
+    /**
+     * Handles footer button actions.
+     * Executes the action callback, emits `onClose` with the provided returnValue, then closes the modal.
+     * @param action Callback to execute when the button is clicked
+     * @param returnValue Value emitted on modal close
+     */
+    handleAction(action: () => void, returnValue: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "tk-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/modal/src/modal.types.d.ts

@@ -0,0 +1,16 @@
+export type ModalSizeType = 'small' | 'large' | 'full';
+export type SeverityType = 'primary' | 'secondary' | 'danger';
+export interface ModalFooterButton {
+    label: string;
+    severity: SeverityType;
+    action: () => void;
+    returnValue?: unknown;
+}
+export interface ModalConfig {
+    title: string;
+    content?: string;
+    footerButtons?: ModalFooterButton[];
+    size?: ModalSizeType;
+    closable?: boolean;
+    closeOnOutsideClick?: boolean;
+}

package/components/modal/src/services/modal.service.d.ts

@@ -0,0 +1,16 @@
+import { ApplicationRef, ComponentRef, Injector } from '@angular/core';
+import { ModalComponent } from '../modal.component';
+import { Observable } from 'rxjs';
+import { ModalConfig } from '../modal.types';
+import * as i0 from "@angular/core";
+export declare class ModalService {
+    private readonly injector;
+    private readonly appRef;
+    private modalRef;
+    constructor(injector: Injector, appRef: ApplicationRef);
+    get _modalRefForTesting(): ComponentRef<ModalComponent> | null;
+    set _modalRefForTesting(ref: ComponentRef<ModalComponent> | null);
+    open(config: ModalConfig): Observable<unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
+}

package/fesm2022/tekus-design-system-components-button.mjs

@@ -102,11 +102,11 @@ class ButtonComponent {
             this.clicked.emit('mouse');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ButtonComponent, isStandalone: true, selector: "tk-button", inputs: { label: "label", disabled: "disabled", type: "type", severity: "severity", link: "link" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n", styles: [":host ::ng-deep .p-button.p-button-primary .p-button-label,:host ::ng-deep .p-button.p-button-secondary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{color:var(--tk-surface-0, #ffffff)!important}:host ::ng-deep .p-button.p-button-link .p-button-label{color:var(--tk-primary-500, #16006f)!important}:host ::ng-deep .p-button.p-button-link:hover .p-button-label{color:var(--tk-primary-400, #45338c)!important}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ButtonComponent, isStandalone: true, selector: "tk-button", inputs: { label: "label", disabled: "disabled", type: "type", severity: "severity", link: "link" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n", styles: [":host ::ng-deep .p-button.p-button-primary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{color:var(--tk-color-base-surface-0, #ffffff)!important}:host ::ng-deep .p-button.p-button-link .p-button-label{color:var(--tk-color-base-primary-500, #16006f)!important}:host ::ng-deep .p-button.p-button-link:hover .p-button-label{color:var(--tk-color-base-primary-400, #45338c)!important}:host ::ng-deep .p-button.p-button-secondary .p-button-label{color:var(--tk-color-base-surface-500, #8a8a8b)!important}:host ::ng-deep .p-button.p-button-secondary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{font-weight:var(--tk-font-weight-400, 400)}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-button', standalone: true, imports: [ButtonModule], template: "<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n", styles: [":host ::ng-deep .p-button.p-button-primary .p-button-label,:host ::ng-deep .p-button.p-button-secondary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{color:var(--tk-surface-0, #ffffff)!important}:host ::ng-deep .p-button.p-button-link .p-button-label{color:var(--tk-primary-500, #16006f)!important}:host ::ng-deep .p-button.p-button-link:hover .p-button-label{color:var(--tk-primary-400, #45338c)!important}\n"] }]
+            args: [{ selector: 'tk-button', standalone: true, imports: [ButtonModule], template: "<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n", styles: [":host ::ng-deep .p-button.p-button-primary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{color:var(--tk-color-base-surface-0, #ffffff)!important}:host ::ng-deep .p-button.p-button-link .p-button-label{color:var(--tk-color-base-primary-500, #16006f)!important}:host ::ng-deep .p-button.p-button-link:hover .p-button-label{color:var(--tk-color-base-primary-400, #45338c)!important}:host ::ng-deep .p-button.p-button-secondary .p-button-label{color:var(--tk-color-base-surface-500, #8a8a8b)!important}:host ::ng-deep .p-button.p-button-secondary .p-button-label,:host ::ng-deep .p-button.p-button-danger .p-button-label{font-weight:var(--tk-font-weight-400, 400)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], disabled: [{

package/fesm2022/tekus-design-system-components-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-button.mjs","sources":["../../../projects/design-system/components/button/src/button.component.ts","../../../projects/design-system/components/button/src/button.component.html","../../../projects/design-system/components/button/tekus-design-system-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\n\nexport type ButtonSeverity = 'primary' | 'secondary' | 'danger';\n\n/**\n * @component ButtonComponent\n * @description\n * Atomic button component that provides a reusable and customizable button element\n * across the application.\n * It uses PrimeNG’s `ButtonModule` under the hood and allows setting different visual\n * variants (severity), button types, and disabled states.\n *\n * This component ensures consistent design and behavior in all button interactions.\n * It is accessible via both mouse clicks and keyboard actions (Enter/Space).\n *\n * @usage\n * ```html\n * <tk-button\n * label=\"Save\"\n * [severity]=\"'primary'\"\n * [type]=\"'submit'\"\n * (clicked)=\"handleSave()\">\n * </tk-button>\n *\n * <tk-button\n * label=\"Cancel\"\n * [severity]=\"'secondary'\"\n * [disabled]=\"true\">\n * </tk-button>\n * ```\n */\n@Component({\n  selector: 'tk-button',\n  standalone: true,\n  imports: [ButtonModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n})\nexport class ButtonComponent {\n  /**\n   * @property {string} label\n   * @description\n   * Text displayed inside the button.\n   *\n   * @default `'Label'`\n   */\n  @Input() label = 'Label';\n\n  /**\n   * @property {boolean} disabled\n   * @description\n   * Disables the button, preventing user interaction and applying a visual style\n   * that indicates the inactive state.\n   *\n   * @default `false`\n   */\n  @Input() disabled = false;\n\n  /**\n   * @property {'button' | 'submit'} type\n   * @description\n   * Defines the button’s HTML type attribute.\n   * - `'button'`: Standard clickable button (default).\n   * - `'submit'`: Used to submit forms.\n   *\n   * @default `'button'`\n   */\n  @Input() type: 'button' | 'submit' = 'button';\n\n  /**\n   * @property {ButtonSeverity} severity\n   * @description\n   * Defines the visual importance or style of the button.\n   * - `'primary'`:  Default, neutral action.\n   * - `'secondary'`: Secondary option.\n   * - `'danger'`: Destructive or warning actions.\n   *\n   * @default `'secondary'`\n   */\n  @Input() severity: ButtonSeverity = 'primary';\n\n  /**\n   * @property {boolean} link\n   * @description\n   * When true, the button will be styled as a link (text only with underline).\n   *\n   * @default false\n   */\n  @Input() link = false;\n\n  /**\n   * @event clicked\n   * @description\n   * Emits when the button is activated via click or keyboard (Enter/Space),\n   * unless the button is disabled.\n   *\n   * @example\n   * ```html\n   * <tk-button label=\"Click me\" (clicked)=\"handleClick()\"></tk-button>\n   * ```\n   */\n  @Output() clicked = new EventEmitter<'mouse' | 'keyboard'>();\n\n  /**\n   * @method onButtonClick\n   * @description\n   * Handles the native click event. Emits the `clicked` event if the button\n   * is not disabled.\n   */\n  onButtonClick(): void {\n    if (!this.disabled) this.clicked.emit('mouse');\n  }\n}\n","<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;AAQE;;;;;;AAMG;QACM,IAAK,CAAA,KAAA,GAAG,OAAO;AAExB;;;;;;;AAOG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEzB;;;;;;;;AAQG;QACM,IAAI,CAAA,IAAA,GAAwB,QAAQ;AAE7C;;;;;;;;;AASG;QACM,IAAQ,CAAA,QAAA,GAAmB,SAAS;AAE7C;;;;;;AAMG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK;AAErB;;;;;;;;;;AAUG;AACO,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAwB;AAW7D;AATC;;;;;AAKG;IACH,aAAa,GAAA;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;;+GAxErC,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvC5B,8RAWA,EAAA,MAAA,EAAA,CAAA,ubAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDwBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACT,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8RAAA,EAAA,MAAA,EAAA,CAAA,ubAAA,CAAA,EAAA;8BAYd,KAAK,EAAA,CAAA;sBAAb;gBAUQ,QAAQ,EAAA,CAAA;sBAAhB;gBAWQ,IAAI,EAAA,CAAA;sBAAZ;gBAYQ,QAAQ,EAAA,CAAA;sBAAhB;gBASQ,IAAI,EAAA,CAAA;sBAAZ;gBAaS,OAAO,EAAA,CAAA;sBAAhB;;;AEtGH;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-button.mjs","sources":["../../../projects/design-system/components/button/src/button.component.ts","../../../projects/design-system/components/button/src/button.component.html","../../../projects/design-system/components/button/tekus-design-system-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ButtonModule } from 'primeng/button';\n\nexport type ButtonSeverity = 'primary' | 'secondary' | 'danger';\n\n/**\n * @component ButtonComponent\n * @description\n * Atomic button component that provides a reusable and customizable button element\n * across the application.\n * It uses PrimeNG’s `ButtonModule` under the hood and allows setting different visual\n * variants (severity), button types, and disabled states.\n *\n * This component ensures consistent design and behavior in all button interactions.\n * It is accessible via both mouse clicks and keyboard actions (Enter/Space).\n *\n * @usage\n * ```html\n * <tk-button\n * label=\"Save\"\n * [severity]=\"'primary'\"\n * [type]=\"'submit'\"\n * (clicked)=\"handleSave()\">\n * </tk-button>\n *\n * <tk-button\n * label=\"Cancel\"\n * [severity]=\"'secondary'\"\n * [disabled]=\"true\">\n * </tk-button>\n * ```\n */\n@Component({\n  selector: 'tk-button',\n  standalone: true,\n  imports: [ButtonModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n})\nexport class ButtonComponent {\n  /**\n   * @property {string} label\n   * @description\n   * Text displayed inside the button.\n   *\n   * @default `'Label'`\n   */\n  @Input() label = 'Label';\n\n  /**\n   * @property {boolean} disabled\n   * @description\n   * Disables the button, preventing user interaction and applying a visual style\n   * that indicates the inactive state.\n   *\n   * @default `false`\n   */\n  @Input() disabled = false;\n\n  /**\n   * @property {'button' | 'submit'} type\n   * @description\n   * Defines the button’s HTML type attribute.\n   * - `'button'`: Standard clickable button (default).\n   * - `'submit'`: Used to submit forms.\n   *\n   * @default `'button'`\n   */\n  @Input() type: 'button' | 'submit' = 'button';\n\n  /**\n   * @property {ButtonSeverity} severity\n   * @description\n   * Defines the visual importance or style of the button.\n   * - `'primary'`:  Default, neutral action.\n   * - `'secondary'`: Secondary option.\n   * - `'danger'`: Destructive or warning actions.\n   *\n   * @default `'secondary'`\n   */\n  @Input() severity: ButtonSeverity = 'primary';\n\n  /**\n   * @property {boolean} link\n   * @description\n   * When true, the button will be styled as a link (text only with underline).\n   *\n   * @default false\n   */\n  @Input() link = false;\n\n  /**\n   * @event clicked\n   * @description\n   * Emits when the button is activated via click or keyboard (Enter/Space),\n   * unless the button is disabled.\n   *\n   * @example\n   * ```html\n   * <tk-button label=\"Click me\" (clicked)=\"handleClick()\"></tk-button>\n   * ```\n   */\n  @Output() clicked = new EventEmitter<'mouse' | 'keyboard'>();\n\n  /**\n   * @method onButtonClick\n   * @description\n   * Handles the native click event. Emits the `clicked` event if the button\n   * is not disabled.\n   */\n  onButtonClick(): void {\n    if (!this.disabled) this.clicked.emit('mouse');\n  }\n}\n","<p-button\n  class=\"tk-button\"\n  [label]=\"label\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  [severity]=\"link ? null : severity\"\n  [link]=\"link\"\n  (click)=\"onButtonClick()\"\n  (keydown.enter)=\"onButtonClick()\"\n  (keydown.space)=\"onButtonClick()\">\n</p-button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;AAQE;;;;;;AAMG;QACM,IAAK,CAAA,KAAA,GAAG,OAAO;AAExB;;;;;;;AAOG;QACM,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEzB;;;;;;;;AAQG;QACM,IAAI,CAAA,IAAA,GAAwB,QAAQ;AAE7C;;;;;;;;;AASG;QACM,IAAQ,CAAA,QAAA,GAAmB,SAAS;AAE7C;;;;;;AAMG;QACM,IAAI,CAAA,IAAA,GAAG,KAAK;AAErB;;;;;;;;;;AAUG;AACO,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAwB;AAW7D;AATC;;;;;AAKG;IACH,aAAa,GAAA;QACX,IAAI,CAAC,IAAI,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;;+GAxErC,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvC5B,8RAWA,EAAA,MAAA,EAAA,CAAA,orBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDwBY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,eAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACT,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8RAAA,EAAA,MAAA,EAAA,CAAA,orBAAA,CAAA,EAAA;8BAYd,KAAK,EAAA,CAAA;sBAAb;gBAUQ,QAAQ,EAAA,CAAA;sBAAhB;gBAWQ,IAAI,EAAA,CAAA;sBAAZ;gBAYQ,QAAQ,EAAA,CAAA;sBAAhB;gBASQ,IAAI,EAAA,CAAA;sBAAZ;gBAaS,OAAO,EAAA,CAAA;sBAAhB;;;AEtGH;;AAEG;;;;"}

package/fesm2022/tekus-design-system-components-date-picker.mjs

@@ -0,0 +1,266 @@
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i3 from 'primeng/floatlabel';
+import { FloatLabelModule } from 'primeng/floatlabel';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { faCalendarDay } from '@fortawesome/pro-regular-svg-icons';
+
+const TK_DATE_PICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => DatePickerComponent),
+    multi: true,
+};
+/**
+ * @component DatePickerComponent
+ * @description
+ * A wrapper around PrimeNG's DatePicker component with support for single-date
+ * and range selection modes. It is compatible with both Reactive Forms (formControlName, [control])
+ * and Template-Driven Forms ([(ngModel)]).
+ *
+ * The component emits:
+ * - `handleSelect` when a valid single date or a completed date range is selected.
+ * - `handleClear` when the control is cleared (value becomes `null`).
+ */
+class DatePickerComponent {
+    constructor() {
+        /**
+         * @property {'single' | 'range'} selectionMode
+         * @description
+         * Defines how the datepicker behaves:
+         * - `'single'`: select one date
+         * - `'range'`: select a pair of dates [start, end]
+         * @default 'range'
+         */
+        this.selectionMode = 'range';
+        /**
+         * @property {boolean} readonlyInput
+         * @description
+         * Disables manual typing in the input and forces the user to select via the calendar.
+         * @default true
+         */
+        this.readonlyInput = true;
+        /**
+         * @property {boolean} showClear
+         * @description
+         * Displays a clear button that resets the datepicker value.
+         * @default true
+         */
+        this.showClear = true;
+        /**
+         * @property {boolean} showIcon
+         * @description
+         * Shows the calendar icon inside the input.
+         * @default true
+         */
+        this.showIcon = true;
+        /**
+         * @property {string} dateFormat
+         * @description
+         * Format used by PrimeNG for displaying dates.
+         * @default 'mm/dd/yy'
+         */
+        this.dateFormat = 'mm/dd/yy';
+        /**
+         * @property {Date | null} maxDate
+         * @description
+         * Maximum selectable date. When set, the calendar will prevent selecting dates after this value.
+         * Provide a JavaScript Date object. Use `null` to allow any future date.
+         * @default null
+         */
+        this.maxDate = null;
+        /**
+         * @property {Date | null} minDate
+         * @description
+         * Minimum selectable date. When set, the calendar will prevent selecting dates before this value.
+         * Provide a JavaScript Date object. Use `null` to allow any past date.
+         * @default null
+         */
+        this.minDate = null;
+        /**
+         * @property {string} labelText
+         * @description
+         * Label shown by the float-label wrapper.
+         * @default 'Select a date'
+         */
+        this.labelText = 'Select a date';
+        /**
+         * @private
+         * @property {FormControl<DateValue>} internalControl
+         * @description
+         * The internal FormControl used in the template. It handles value synchronization
+         * for both CVA and the optional external control input.
+         */
+        this.internalControl = new FormControl(null);
+        // Functions registered by ControlValueAccessor to communicate with the outside form
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        /**
+         * @event handleSelect
+         * @description
+         * Emitted when:
+         * - single mode → a valid Date is selected
+         * - range mode → both start and end dates are selected
+         *
+         * Payload:
+         * - Date (single mode)
+         * - [Date, Date] (completed range)
+         */
+        this.handleSelect = new EventEmitter();
+        /**
+         * @event handleClear
+         * @description
+         * Emitted when the control's value becomes `null`.
+         */
+        this.handleClear = new EventEmitter();
+        /**
+         * @property faCalendarDay
+         * @description
+         * Icon displayed inside the datepicker input.
+         */
+        this.faCalendarDay = faCalendarDay;
+    }
+    /**
+     * @property {FormControl<DateValue> | null} control
+     * @description
+     * Allows passing an external FormControl (traditional Reactive Forms usage).
+     * If provided, it overrides the internal control.
+     */
+    set control(ctrl) {
+        // If the user provides a control, we use that control for everything.
+        if (ctrl) {
+            this.internalControl = ctrl;
+        }
+    }
+    get control() {
+        return this.internalControl;
+    }
+    /**
+     * @method writeValue
+     * @description Writes a new value from the form model (ngModel or formControl) into the component.
+     */
+    writeValue(value) {
+        if (value !== undefined) {
+            // Use { emitEvent: false } to prevent an unnecessary valueChanges loop.
+            this.internalControl.setValue(value, { emitEvent: false });
+        }
+    }
+    /**
+     * @method registerOnChange
+     * @description Registers a callback function to be called when the control's value changes.
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * @method registerOnTouched
+     * @description Registers a callback function to be called when the control receives a blur event (is touched).
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * @method setDisabledState
+     * @description Called when the control should be disabled or enabled.
+     */
+    setDisabledState(isDisabled) {
+        const actionMap = {
+            true: () => this.internalControl.disable(),
+            false: () => this.internalControl.enable(),
+        };
+        actionMap[String(isDisabled)]();
+    }
+    /**
+     * @method ngOnInit
+     * @description
+     * Subscribes to the internal control's valueChanges:
+     * 1. Notifies the external form (CVA) via `this.onChange()`.
+     * 2. Emits the semantic events `handleSelect` or `handleClear`.
+     */
+    ngOnInit() {
+        this.sub = this.internalControl.valueChanges.subscribe(value => {
+            // Notify the CVA / External Form
+            this.onChange(value);
+            this.onTouched();
+            if (value === null) {
+                this.handleClear.emit();
+                return;
+            }
+            // RANGE MODE
+            if (this.selectionMode === 'range') {
+                if (Array.isArray(value)) {
+                    const [start, end] = value;
+                    // Emit ONLY when both dates exist
+                    if (start instanceof Date && end instanceof Date) {
+                        this.handleSelect.emit([start, end]);
+                    }
+                }
+                return;
+            }
+            // SINGLE MODE
+            if (this.selectionMode === 'single' && value instanceof Date) {
+                this.handleSelect.emit(value);
+            }
+        });
+    }
+    /**
+     * @method ngOnDestroy
+     * @description Cleans up the internal subscription when the component is destroyed.
+     */
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+    }
+    /**
+     * @method clear
+     * @description
+     * Programmatically clears the control's value,
+     * which automatically triggers `handleClear`.
+     */
+    clear() {
+        this.internalControl.setValue(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DatePickerComponent, isStandalone: true, selector: "tk-date-picker", inputs: { selectionMode: "selectionMode", readonlyInput: "readonlyInput", showClear: "showClear", showIcon: "showIcon", dateFormat: "dateFormat", maxDate: "maxDate", minDate: "minDate", labelText: "labelText", control: "control" }, outputs: { handleSelect: "handleSelect", handleClear: "handleClear" }, providers: [TK_DATE_PICKER_VALUE_ACCESSOR], ngImport: i0, template: "<div class=\"datepicker-container\">\n  <p-floatlabel>\n    <p-datepicker\n      inputId=\"datepicker\"\n      iconDisplay=\"input\"\n      [formControl]=\"internalControl\"\n      [selectionMode]=\"selectionMode\"\n      [readonlyInput]=\"readonlyInput\"\n      [showClear]=\"showClear\"\n      [showIcon]=\"showIcon\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [dateFormat]=\"dateFormat\">\n      <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n        <fa-icon\n          tabindex=\"0\"\n          [icon]=\"faCalendarDay\"\n          (keydown.enter)=\"clickCallBack($event)\"\n          (keydown.space)=\"clickCallBack($event)\"\n          (click)=\"clickCallBack($event)\">\n        </fa-icon>\n      </ng-template>\n    </p-datepicker>\n\n    <label for=\"datepicker\">{{ labelText }}</label>\n  </p-floatlabel>\n</div>\n", styles: [":host ::ng-deep .p-datepicker{width:100%}:host ::ng-deep .p-datepicker-input{border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0}:host ::ng-deep .p-datepicker-input:focus{border-color:var(--tk-color-accent-default, #16006f)}:host ::ng-deep .p-datepicker-decade{color:var(--tk-color-text-default, #121214)}:host ::ng-deep .p-datepicker-clear-icon{color:var(--tk-surface-700, #424243);inset-inline-end:2.5rem!important}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input:focus) label{color:var(--tk-primary-500, #16006f)}:host ::ng-deep .p-floatlabel label{color:var(--tk-surface-700, #8a8a8b);font-family:var(--tk-font-family, Poppins, sans-serif);font-size:var(--tk-font-size-2xs, 1rem);font-weight:var(--tk-font-weight-400, 400)}:host ::ng-deep .p-datepicker-day-selected-range{background-color:var(--tk-primary-100, #b7b0d2);color:var(--tk-primary-700, #10004f)}:host ::ng-deep .p-datepicker-panel{top:-383px!important}.datepicker-container{margin-top:var(--tk-spacing-base-200, 2rem)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-date-picker', standalone: true, imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DatePickerModule,
+                        FloatLabelModule,
+                        FaIconComponent,
+                    ], providers: [TK_DATE_PICKER_VALUE_ACCESSOR], template: "<div class=\"datepicker-container\">\n  <p-floatlabel>\n    <p-datepicker\n      inputId=\"datepicker\"\n      iconDisplay=\"input\"\n      [formControl]=\"internalControl\"\n      [selectionMode]=\"selectionMode\"\n      [readonlyInput]=\"readonlyInput\"\n      [showClear]=\"showClear\"\n      [showIcon]=\"showIcon\"\n      [minDate]=\"minDate\"\n      [maxDate]=\"maxDate\"\n      [dateFormat]=\"dateFormat\">\n      <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n        <fa-icon\n          tabindex=\"0\"\n          [icon]=\"faCalendarDay\"\n          (keydown.enter)=\"clickCallBack($event)\"\n          (keydown.space)=\"clickCallBack($event)\"\n          (click)=\"clickCallBack($event)\">\n        </fa-icon>\n      </ng-template>\n    </p-datepicker>\n\n    <label for=\"datepicker\">{{ labelText }}</label>\n  </p-floatlabel>\n</div>\n", styles: [":host ::ng-deep .p-datepicker{width:100%}:host ::ng-deep .p-datepicker-input{border:none;border-bottom:1px solid var(--tk-color-border-default, #cecdcd);border-radius:0}:host ::ng-deep .p-datepicker-input:focus{border-color:var(--tk-color-accent-default, #16006f)}:host ::ng-deep .p-datepicker-decade{color:var(--tk-color-text-default, #121214)}:host ::ng-deep .p-datepicker-clear-icon{color:var(--tk-surface-700, #424243);inset-inline-end:2.5rem!important}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input:focus) label{color:var(--tk-primary-500, #16006f)}:host ::ng-deep .p-floatlabel label{color:var(--tk-surface-700, #8a8a8b);font-family:var(--tk-font-family, Poppins, sans-serif);font-size:var(--tk-font-size-2xs, 1rem);font-weight:var(--tk-font-weight-400, 400)}:host ::ng-deep .p-datepicker-day-selected-range{background-color:var(--tk-primary-100, #b7b0d2);color:var(--tk-primary-700, #10004f)}:host ::ng-deep .p-datepicker-panel{top:-383px!important}.datepicker-container{margin-top:var(--tk-spacing-base-200, 2rem)}\n"] }]
+        }], propDecorators: { selectionMode: [{
+                type: Input
+            }], readonlyInput: [{
+                type: Input
+            }], showClear: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], dateFormat: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], labelText: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], handleSelect: [{
+                type: Output
+            }], handleClear: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DatePickerComponent };
+//# sourceMappingURL=tekus-design-system-components-date-picker.mjs.map