@tekus/design-system 5.2.0 → 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/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tekus-design-system-components-date-picker.mjs","sources":["../../../projects/design-system/components/date-picker/src/date-picker.component.ts","../../../projects/design-system/components/date-picker/src/date-picker.component.html","../../../projects/design-system/components/date-picker/tekus-design-system-components-date-picker.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  forwardRef,\n} from '@angular/core';\nimport {\n  FormsModule,\n  ReactiveFormsModule,\n  FormControl,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n} from '@angular/forms';\nimport { Subscription } from 'rxjs';\n\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faCalendarDay } from '@fortawesome/pro-regular-svg-icons';\n\nconst TK_DATE_PICKER_VALUE_ACCESSOR = {\n  provide: NG_VALUE_ACCESSOR,\n  useExisting: forwardRef(() => DatePickerComponent),\n  multi: true,\n};\n\nexport type DateValue = Date | [Date, Date] | null;\n@Component({\n  selector: 'tk-date-picker',\n  standalone: true,\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    DatePickerModule,\n    FloatLabelModule,\n    FaIconComponent,\n  ],\n  providers: [TK_DATE_PICKER_VALUE_ACCESSOR],\n  templateUrl: './date-picker.component.html',\n  styleUrls: ['./date-picker.component.scss'],\n})\n/**\n * @component DatePickerComponent\n * @description\n * A wrapper around PrimeNG's DatePicker component with support for single-date\n * and range selection modes. It is compatible with both Reactive Forms (formControlName, [control])\n * and Template-Driven Forms ([(ngModel)]).\n *\n * The component emits:\n * - `handleSelect` when a valid single date or a completed date range is selected.\n * - `handleClear` when the control is cleared (value becomes `null`).\n */\nexport class DatePickerComponent\n  implements OnInit, OnDestroy, ControlValueAccessor\n{\n  /**\n   * @property {'single' | 'range'} selectionMode\n   * @description\n   * Defines how the datepicker behaves:\n   * - `'single'`: select one date\n   * - `'range'`: select a pair of dates [start, end]\n   * @default 'range'\n   */\n  @Input() selectionMode: 'single' | 'range' = 'range';\n\n  /**\n   * @property {boolean} readonlyInput\n   * @description\n   * Disables manual typing in the input and forces the user to select via the calendar.\n   * @default true\n   */\n  @Input() readonlyInput = true;\n\n  /**\n   * @property {boolean} showClear\n   * @description\n   * Displays a clear button that resets the datepicker value.\n   * @default true\n   */\n  @Input() showClear = true;\n\n  /**\n   * @property {boolean} showIcon\n   * @description\n   * Shows the calendar icon inside the input.\n   * @default true\n   */\n  @Input() showIcon = true;\n\n  /**\n   * @property {string} dateFormat\n   * @description\n   * Format used by PrimeNG for displaying dates.\n   * @default 'mm/dd/yy'\n   */\n  @Input() dateFormat = 'mm/dd/yy';\n\n  /**\n   * @property {Date | null} maxDate\n   * @description\n   * Maximum selectable date. When set, the calendar will prevent selecting dates after this value.\n   * Provide a JavaScript Date object. Use `null` to allow any future date.\n   * @default null\n   */\n  @Input() maxDate: Date | null = null;\n\n  /**\n   * @property {Date | null} minDate\n   * @description\n   * Minimum selectable date. When set, the calendar will prevent selecting dates before this value.\n   * Provide a JavaScript Date object. Use `null` to allow any past date.\n   * @default null\n   */\n  @Input() minDate: Date | null = null;\n\n  /**\n   * @property {string} labelText\n   * @description\n   * Label shown by the float-label wrapper.\n   * @default 'Select a date'\n   */\n  @Input() labelText = 'Select a date';\n\n  /**\n   * @private\n   * @property {FormControl<DateValue>} internalControl\n   * @description\n   * The internal FormControl used in the template. It handles value synchronization\n   * for both CVA and the optional external control input.\n   */\n  internalControl = new FormControl<DateValue>(null);\n\n  /**\n   * @private\n   * @property {Subscription} sub\n   * @description Subscription to the valueChanges observable.\n   */\n  private sub!: Subscription;\n\n  // Functions registered by ControlValueAccessor to communicate with the outside form\n  private onChange: (value: DateValue) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  /**\n   * @property {FormControl<DateValue> | null} control\n   * @description\n   * Allows passing an external FormControl (traditional Reactive Forms usage).\n   * If provided, it overrides the internal control.\n   */\n  @Input() set control(ctrl: FormControl<DateValue> | null) {\n    // If the user provides a control, we use that control for everything.\n    if (ctrl) {\n      this.internalControl = ctrl;\n    }\n  }\n  get control(): FormControl<DateValue> {\n    return this.internalControl;\n  }\n\n  /**\n   * @event handleSelect\n   * @description\n   * Emitted when:\n   * - single mode → a valid Date is selected\n   * - range mode → both start and end dates are selected\n   *\n   * Payload:\n   * - Date (single mode)\n   * - [Date, Date] (completed range)\n   */\n  @Output() handleSelect = new EventEmitter<DateValue>();\n\n  /**\n   * @event handleClear\n   * @description\n   * Emitted when the control's value becomes `null`.\n   */\n  @Output() handleClear = new EventEmitter<void>();\n\n  /**\n   * @property faCalendarDay\n   * @description\n   * Icon displayed inside the datepicker input.\n   */\n  faCalendarDay = faCalendarDay;\n\n  /**\n   * @method writeValue\n   * @description Writes a new value from the form model (ngModel or formControl) into the component.\n   */\n  writeValue(value: DateValue): void {\n    if (value !== undefined) {\n      // Use { emitEvent: false } to prevent an unnecessary valueChanges loop.\n      this.internalControl.setValue(value, { emitEvent: false });\n    }\n  }\n\n  /**\n   * @method registerOnChange\n   * @description Registers a callback function to be called when the control's value changes.\n   */\n  registerOnChange(fn: (value: DateValue) => void): void {\n    this.onChange = fn;\n  }\n\n  /**\n   * @method registerOnTouched\n   * @description Registers a callback function to be called when the control receives a blur event (is touched).\n   */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /**\n   * @method setDisabledState\n   * @description Called when the control should be disabled or enabled.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    const actionMap: { [key: string]: () => void } = {\n      true: () => this.internalControl.disable(),\n      false: () => this.internalControl.enable(),\n    };\n    actionMap[String(isDisabled)]();\n  }\n\n  /**\n   * @method ngOnInit\n   * @description\n   * Subscribes to the internal control's valueChanges:\n   * 1. Notifies the external form (CVA) via `this.onChange()`.\n   * 2. Emits the semantic events `handleSelect` or `handleClear`.\n   */\n  ngOnInit(): void {\n    this.sub = this.internalControl.valueChanges.subscribe(value => {\n      // Notify the CVA / External Form\n      this.onChange(value);\n      this.onTouched();\n\n      if (value === null) {\n        this.handleClear.emit();\n        return;\n      }\n      // RANGE MODE\n      if (this.selectionMode === 'range') {\n        if (Array.isArray(value)) {\n          const [start, end] = value;\n          // Emit ONLY when both dates exist\n          if (start instanceof Date && end instanceof Date) {\n            this.handleSelect.emit([start, end]);\n          }\n        }\n        return;\n      }\n      // SINGLE MODE\n      if (this.selectionMode === 'single' && value instanceof Date) {\n        this.handleSelect.emit(value);\n      }\n    });\n  }\n\n  /**\n   * @method ngOnDestroy\n   * @description Cleans up the internal subscription when the component is destroyed.\n   */\n  ngOnDestroy(): void {\n    this.sub?.unsubscribe();\n  }\n\n  /**\n   * @method clear\n   * @description\n   * Programmatically clears the control's value,\n   * which automatically triggers `handleClear`.\n   */\n  clear() {\n    this.internalControl.setValue(null);\n  }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -115,11 +115,11 @@ class ModalComponent {
         this.isOpened = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tk-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, footerButtons: { classPropertyName: "footerButtons", publicName: "footerButtons", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-gap-s, .5rem)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "link"], outputs: ["clicked"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tk-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, footerButtons: { classPropertyName: "footerButtons", publicName: "footerButtons", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "link"], outputs: ["clicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-modal', standalone: true, imports: [DialogModule, ButtonComponent], template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-gap-s, .5rem)}\n"] }]
+            args: [{ selector: 'tk-modal', standalone: true, imports: [DialogModule, ButtonComponent], template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}\n"] }]
         }] });
 
 class ModalService {

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-modal.mjs","sources":["../../../projects/design-system/components/modal/src/modal.component.ts","../../../projects/design-system/components/modal/src/modal.component.html","../../../projects/design-system/components/modal/src/services/modal.service.ts","../../../projects/design-system/components/modal/tekus-design-system-components-modal.ts"],"sourcesContent":["import { Component, computed, input, EventEmitter } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { DialogModule } from 'primeng/dialog';\nimport { ModalFooterButton, ModalSizeType } from './modal.types';\n\n/**\n * @component ModalComponent\n * @description\n * A programmatically controlled modal dialog used for displaying dynamic content, titles, and footer actions.\n * The modal is not instantiated via template bindings, but rather opened through a service with a configuration object.\n *\n * This component supports:\n * - Configurable title and content.\n * - Optional footer buttons with callbacks and return values.\n * - Multiple sizes: `'small' | 'large' | 'full'`.\n * - Closable modal and outside-click behavior.\n * - Passing arbitrary data to the modal instance.\n *\n * @usage\n * ### Open a modal from TypeScript using the modal service\n * ```ts\n * this.modalService.open({\n *   title: 'Demo Modal',\n *   content: 'This modal is opened from TypeScript using the service.',\n *   footerButtons: [\n *     {\n *       label: 'Accept',\n *       severity: 'secondary',\n *       action: () => console.log('Accept clicked'),\n *       returnValue: true,\n *     },\n *     {\n *       label: 'Cancel',\n *       severity: 'danger',\n *       action: () => console.log('Cancel clicked'),\n *       returnValue: false,\n *     },\n *   ],\n *   size: 'small',\n *   closable: true,\n *   closeOnOutsideClick: false,\n * }).subscribe((result) => {\n *   console.log('Modal closed with value:', result);\n * });\n * ```\n */\n\n@Component({\n  selector: 'tk-modal',\n  standalone: true,\n  imports: [DialogModule, ButtonComponent],\n  templateUrl: './modal.component.html',\n  styleUrls: ['./modal.component.scss']\n})\nexport class ModalComponent {\n\n   /** The title displayed at the top of the modal */\n  title = input<string>('');\n  /** The main content of the modal */\n  content = input<string | null>(null);\n  /** Array of footer buttons with label, callback, and return value */\n  footerButtons = input<ModalFooterButton[]>([]);\n  /** Modal size: 'small', 'large', or 'full' */\n  size = input<ModalSizeType>('small');\n  /** Whether the modal can be closed by the user */\n  closable = input<boolean>(true);\n   /** Whether clicking outside closes the modal */\n  closeOnOutsideClick = input<boolean>(false);\n  /** Computed: whether the modal has footer buttons */\n  hasFooter = computed(() => (this.footerButtons() ?? []).length > 0);\n  /** Computed: calculates modal width based on `size` */\n  modalWidth = computed(() => {\n  switch (this.size()) {\n    case 'large':\n      return '67.5rem'; // Large\n    case 'full':\n      return '98vw';    // Full\n    default:\n      return '25rem';   // Small\n  }\n});\n\n  /** Visibility flag */\n  isOpened: boolean = false;\n\n  /** Emits when the modal closes, passing the return value from footer buttons or null */\n  readonly onClose = new EventEmitter<unknown>();\n  private alreadyEmitted = false;\n  private returnValueOnClose: unknown = null;\n\n  /** Opens the modal */\n  open() {\n    this.isOpened = true;\n    this.alreadyEmitted = false;\n    this.returnValueOnClose = null;\n  }\n\n  /** Closes the modal and emits onClose with null */\n handleClose() {\n    if (!this.alreadyEmitted) {\n      this.onClose.emit(null);\n    } else {\n      this.onClose.emit(this.returnValueOnClose);\n    }\n    this.alreadyEmitted = false;\n    this.returnValueOnClose = null;\n  }\n\n  /** Closes the modal without emitting an event */\n  close() {\n    this.isOpened = false;\n  }\n\n  /**\n   * Handles footer button actions.\n   * Executes the action callback, emits `onClose` with the provided returnValue, then closes the modal.\n   * @param action Callback to execute when the button is clicked\n   * @param returnValue Value emitted on modal close\n   */\n  handleAction(action: () => void, returnValue: unknown) {\n    if (action) action();\n    this.alreadyEmitted = true;\n    this.returnValueOnClose = returnValue;\n    this.isOpened = false;\n  }\n}\n","<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n","import {\n  Injectable,\n  ApplicationRef,\n  ComponentRef,\n  Injector,\n  createComponent,\n  EmbeddedViewRef,\n} from '@angular/core';\nimport { ModalComponent } from '../modal.component';\nimport { Observable, Subject } from 'rxjs';\nimport { ModalConfig } from '../modal.types';\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n  private modalRef: ComponentRef<ModalComponent> | null = null;\n\n  constructor(\n    private readonly injector: Injector,\n    private readonly appRef: ApplicationRef\n  ) {}\n\n  get _modalRefForTesting(): ComponentRef<ModalComponent> | null {\n    return this.modalRef;\n  }\n  set _modalRefForTesting(ref: ComponentRef<ModalComponent> | null) {\n    this.modalRef = ref;\n  }\n\n  open(config: ModalConfig): Observable<unknown> {\n  if (this.modalRef) {\n    return this.modalRef.instance.onClose.asObservable();\n  }\n\n    const componentRef = createComponent(ModalComponent, {\n      environmentInjector: this.appRef.injector,\n    });\n\n    this.appRef.attachView(componentRef.hostView);\n\n    const domElem = (componentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    document.body.appendChild(domElem);\n\n    componentRef.setInput('title', config.title);\n    componentRef.setInput('content', config.content ?? null);\n    componentRef.setInput('footerButtons', config.footerButtons ?? []);\n    componentRef.setInput('size', config.size ?? 'small');\n    componentRef.setInput('closable', config.closable ?? true);\n    componentRef.setInput('closeOnOutsideClick', config.closeOnOutsideClick ?? false);\n\n    const close$ = new Subject<unknown>();\n\n    componentRef.instance.onClose.subscribe((value) => {\n      close$.next(value);\n      close$.complete();\n\n      this.appRef.detachView(componentRef.hostView);\n      componentRef.destroy();\n      this.modalRef = null;\n    });\n\n    componentRef.instance.open();\n    this.modalRef = componentRef;\n\n    return close$.asObservable();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-components-modal.mjs","sources":["../../../projects/design-system/components/modal/src/modal.component.ts","../../../projects/design-system/components/modal/src/modal.component.html","../../../projects/design-system/components/modal/src/services/modal.service.ts","../../../projects/design-system/components/modal/tekus-design-system-components-modal.ts"],"sourcesContent":["import { Component, computed, input, EventEmitter } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { DialogModule } from 'primeng/dialog';\nimport { ModalFooterButton, ModalSizeType } from './modal.types';\n\n/**\n * @component ModalComponent\n * @description\n * A programmatically controlled modal dialog used for displaying dynamic content, titles, and footer actions.\n * The modal is not instantiated via template bindings, but rather opened through a service with a configuration object.\n *\n * This component supports:\n * - Configurable title and content.\n * - Optional footer buttons with callbacks and return values.\n * - Multiple sizes: `'small' | 'large' | 'full'`.\n * - Closable modal and outside-click behavior.\n * - Passing arbitrary data to the modal instance.\n *\n * @usage\n * ### Open a modal from TypeScript using the modal service\n * ```ts\n * this.modalService.open({\n *   title: 'Demo Modal',\n *   content: 'This modal is opened from TypeScript using the service.',\n *   footerButtons: [\n *     {\n *       label: 'Accept',\n *       severity: 'secondary',\n *       action: () => console.log('Accept clicked'),\n *       returnValue: true,\n *     },\n *     {\n *       label: 'Cancel',\n *       severity: 'danger',\n *       action: () => console.log('Cancel clicked'),\n *       returnValue: false,\n *     },\n *   ],\n *   size: 'small',\n *   closable: true,\n *   closeOnOutsideClick: false,\n * }).subscribe((result) => {\n *   console.log('Modal closed with value:', result);\n * });\n * ```\n */\n\n@Component({\n  selector: 'tk-modal',\n  standalone: true,\n  imports: [DialogModule, ButtonComponent],\n  templateUrl: './modal.component.html',\n  styleUrls: ['./modal.component.scss']\n})\nexport class ModalComponent {\n\n   /** The title displayed at the top of the modal */\n  title = input<string>('');\n  /** The main content of the modal */\n  content = input<string | null>(null);\n  /** Array of footer buttons with label, callback, and return value */\n  footerButtons = input<ModalFooterButton[]>([]);\n  /** Modal size: 'small', 'large', or 'full' */\n  size = input<ModalSizeType>('small');\n  /** Whether the modal can be closed by the user */\n  closable = input<boolean>(true);\n   /** Whether clicking outside closes the modal */\n  closeOnOutsideClick = input<boolean>(false);\n  /** Computed: whether the modal has footer buttons */\n  hasFooter = computed(() => (this.footerButtons() ?? []).length > 0);\n  /** Computed: calculates modal width based on `size` */\n  modalWidth = computed(() => {\n  switch (this.size()) {\n    case 'large':\n      return '67.5rem'; // Large\n    case 'full':\n      return '98vw';    // Full\n    default:\n      return '25rem';   // Small\n  }\n});\n\n  /** Visibility flag */\n  isOpened: boolean = false;\n\n  /** Emits when the modal closes, passing the return value from footer buttons or null */\n  readonly onClose = new EventEmitter<unknown>();\n  private alreadyEmitted = false;\n  private returnValueOnClose: unknown = null;\n\n  /** Opens the modal */\n  open() {\n    this.isOpened = true;\n    this.alreadyEmitted = false;\n    this.returnValueOnClose = null;\n  }\n\n  /** Closes the modal and emits onClose with null */\n handleClose() {\n    if (!this.alreadyEmitted) {\n      this.onClose.emit(null);\n    } else {\n      this.onClose.emit(this.returnValueOnClose);\n    }\n    this.alreadyEmitted = false;\n    this.returnValueOnClose = null;\n  }\n\n  /** Closes the modal without emitting an event */\n  close() {\n    this.isOpened = false;\n  }\n\n  /**\n   * Handles footer button actions.\n   * Executes the action callback, emits `onClose` with the provided returnValue, then closes the modal.\n   * @param action Callback to execute when the button is clicked\n   * @param returnValue Value emitted on modal close\n   */\n  handleAction(action: () => void, returnValue: unknown) {\n    if (action) action();\n    this.alreadyEmitted = true;\n    this.returnValueOnClose = returnValue;\n    this.isOpened = false;\n  }\n}\n","<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  class=\"tk-modal\"\n>\n  <section>\n    @if (content()) {\n      <p [innerHTML]=\"content()\" class=\"tk-modal__content\"></p>\n    }\n  </section>\n\n  @if (hasFooter()) {\n    <section class=\"tk-modal__footer\">\n      @for (btn of footerButtons()!; track $index) {\n        <tk-button\n          [label]=\"btn.label\"\n          [severity]=\"btn.severity\"\n          (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n          (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n        />\n      }\n    </section>\n  }\n</p-dialog>\n","import {\n  Injectable,\n  ApplicationRef,\n  ComponentRef,\n  Injector,\n  createComponent,\n  EmbeddedViewRef,\n} from '@angular/core';\nimport { ModalComponent } from '../modal.component';\nimport { Observable, Subject } from 'rxjs';\nimport { ModalConfig } from '../modal.types';\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n  private modalRef: ComponentRef<ModalComponent> | null = null;\n\n  constructor(\n    private readonly injector: Injector,\n    private readonly appRef: ApplicationRef\n  ) {}\n\n  get _modalRefForTesting(): ComponentRef<ModalComponent> | null {\n    return this.modalRef;\n  }\n  set _modalRefForTesting(ref: ComponentRef<ModalComponent> | null) {\n    this.modalRef = ref;\n  }\n\n  open(config: ModalConfig): Observable<unknown> {\n  if (this.modalRef) {\n    return this.modalRef.instance.onClose.asObservable();\n  }\n\n    const componentRef = createComponent(ModalComponent, {\n      environmentInjector: this.appRef.injector,\n    });\n\n    this.appRef.attachView(componentRef.hostView);\n\n    const domElem = (componentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    document.body.appendChild(domElem);\n\n    componentRef.setInput('title', config.title);\n    componentRef.setInput('content', config.content ?? null);\n    componentRef.setInput('footerButtons', config.footerButtons ?? []);\n    componentRef.setInput('size', config.size ?? 'small');\n    componentRef.setInput('closable', config.closable ?? true);\n    componentRef.setInput('closeOnOutsideClick', config.closeOnOutsideClick ?? false);\n\n    const close$ = new Subject<unknown>();\n\n    componentRef.instance.onClose.subscribe((value) => {\n      close$.next(value);\n      close$.complete();\n\n      this.appRef.detachView(componentRef.hostView);\n      componentRef.destroy();\n      this.modalRef = null;\n    });\n\n    componentRef.instance.open();\n    this.modalRef = componentRef;\n\n    return close$.asObservable();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-core-types.mjs

@@ -57,7 +57,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-primary-700)',
             800: 'var(--tk-color-base-primary-800)',
             900: 'var(--tk-color-base-primary-900)',
-            950: 'var(--tk-color-base-primary-950)'
+            950: 'var(--tk-color-base-primary-950)',
         },
         red: {
             50: 'var(--tk-color-base-red-50)',
@@ -70,7 +70,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-red-700)',
             800: 'var(--tk-color-base-red-800)',
             900: 'var(--tk-color-base-red-900)',
-            950: 'var(--tk-color-base-red-950)'
+            950: 'var(--tk-color-base-red-950)',
         },
         surface: {
             0: 'var(--tk-color-base-surface-0)',
@@ -84,7 +84,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-surface-700)',
             800: 'var(--tk-color-base-surface-800)',
             900: 'var(--tk-color-base-surface-900)',
-            950: 'var(--tk-color-base-surface-950)'
+            950: 'var(--tk-color-base-surface-950)',
         },
     },
     font: {
@@ -148,7 +148,7 @@ const TkPreset = definePreset(Aura, {
                         borderColor: 'var(--tk-color-base-red-500)',
                         hoverBorderColor: 'var(--tk-color-base-red-600)',
                         activeBorderColor: 'var(--tk-color-base-red-700)',
-                    }
+                    },
                 },
             },
         },
@@ -159,10 +159,10 @@ const TkPreset = definePreset(Aura, {
                         background: 'var(--tk-color-base-surface-0)',
                         borderColor: 'var(--tk-color-base-surface-200)',
                     },
-                }
-            }
-        }
-    }
+                },
+            },
+        },
+    },
 });
 
 function themeFactory(config, document) {
@@ -183,7 +183,8 @@ function themeFactory(config, document) {
             preset: TkPreset,
             options: {
                 prefix: 'tk',
-                darkMode: false
+                darkMode: false,
+                darkModeSelector: false,
             },
         });
     };

package/fesm2022/tekus-design-system-core-types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-core-types.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/types/tekus-design-system-core-types.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)'\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)'\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)'\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-0)',\n              hoverBackground: 'var(--tk-color-base-surface-100)',\n              borderColor: 'var(--tk-color-base-surface-200)',\n              hoverBorderColor: 'var(--tk-color-base-surface-200)',\n              activeBorderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          text: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        },\n        dark: {\n          primary: {\n            background: 'var(--tk-color-base-primary-500)',\n            hoverBackground: 'var(--tk-color-base-primary-400)',\n            activeBackground: 'var(--tk-color-base-primary-400)',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: 'var(--tk-color-base-surface-0)',\n            hoverBackground: 'var(--tk-color-base-surface-200)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n            hoverBorderColor: 'var(--tk-color-base-surface-200)',\n            activeBorderColor: 'var(--tk-color-base-surface-200)',\n          },\n          danger: {\n            background: 'var(--tk-color-base-red-500)',\n            hoverBackground: 'var(--tk-color-base-red-600)',\n            activeBackground: 'var(--tk-color-base-red-700)',\n            borderColor: 'var(--tk-color-base-red-500)',\n            hoverBorderColor: 'var(--tk-color-base-red-600)',\n            activeBorderColor: 'var(--tk-color-base-red-700)',\n          }\n        },\n      },\n    },\n    dialog: {\n      colorScheme: {\n        dark: {\n          root: {\n            background: 'var(--tk-color-base-surface-0)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n          },\n        }\n      }\n    }\n  }\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-core-types.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/types/tekus-design-system-core-types.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-0)',\n              hoverBackground: 'var(--tk-color-base-surface-100)',\n              borderColor: 'var(--tk-color-base-surface-200)',\n              hoverBorderColor: 'var(--tk-color-base-surface-200)',\n              activeBorderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        },\n        dark: {\n          primary: {\n            background: 'var(--tk-color-base-primary-500)',\n            hoverBackground: 'var(--tk-color-base-primary-400)',\n            activeBackground: 'var(--tk-color-base-primary-400)',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: 'var(--tk-color-base-surface-0)',\n            hoverBackground: 'var(--tk-color-base-surface-200)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n            hoverBorderColor: 'var(--tk-color-base-surface-200)',\n            activeBorderColor: 'var(--tk-color-base-surface-200)',\n          },\n          danger: {\n            background: 'var(--tk-color-base-red-500)',\n            hoverBackground: 'var(--tk-color-base-red-600)',\n            activeBackground: 'var(--tk-color-base-red-700)',\n            borderColor: 'var(--tk-color-base-red-500)',\n            hoverBorderColor: 'var(--tk-color-base-red-600)',\n            activeBorderColor: 'var(--tk-color-base-red-700)',\n          },\n        },\n      },\n    },\n    dialog: {\n      colorScheme: {\n        dark: {\n          root: {\n            background: 'var(--tk-color-base-surface-0)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n          },\n        },\n      },\n    },\n  },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-core.mjs

@@ -57,7 +57,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-primary-700)',
             800: 'var(--tk-color-base-primary-800)',
             900: 'var(--tk-color-base-primary-900)',
-            950: 'var(--tk-color-base-primary-950)'
+            950: 'var(--tk-color-base-primary-950)',
         },
         red: {
             50: 'var(--tk-color-base-red-50)',
@@ -70,7 +70,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-red-700)',
             800: 'var(--tk-color-base-red-800)',
             900: 'var(--tk-color-base-red-900)',
-            950: 'var(--tk-color-base-red-950)'
+            950: 'var(--tk-color-base-red-950)',
         },
         surface: {
             0: 'var(--tk-color-base-surface-0)',
@@ -84,7 +84,7 @@ const TkPreset = definePreset(Aura, {
             700: 'var(--tk-color-base-surface-700)',
             800: 'var(--tk-color-base-surface-800)',
             900: 'var(--tk-color-base-surface-900)',
-            950: 'var(--tk-color-base-surface-950)'
+            950: 'var(--tk-color-base-surface-950)',
         },
     },
     font: {
@@ -148,7 +148,7 @@ const TkPreset = definePreset(Aura, {
                         borderColor: 'var(--tk-color-base-red-500)',
                         hoverBorderColor: 'var(--tk-color-base-red-600)',
                         activeBorderColor: 'var(--tk-color-base-red-700)',
-                    }
+                    },
                 },
             },
         },
@@ -159,10 +159,10 @@ const TkPreset = definePreset(Aura, {
                         background: 'var(--tk-color-base-surface-0)',
                         borderColor: 'var(--tk-color-base-surface-200)',
                     },
-                }
-            }
-        }
-    }
+                },
+            },
+        },
+    },
 });
 
 function themeFactory(config, document) {
@@ -183,7 +183,8 @@ function themeFactory(config, document) {
             preset: TkPreset,
             options: {
                 prefix: 'tk',
-                darkMode: false
+                darkMode: false,
+                darkModeSelector: false,
             },
         });
     };

package/fesm2022/tekus-design-system-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)'\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)'\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)'\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-0)',\n              hoverBackground: 'var(--tk-color-base-surface-100)',\n              borderColor: 'var(--tk-color-base-surface-200)',\n              hoverBorderColor: 'var(--tk-color-base-surface-200)',\n              activeBorderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          text: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        },\n        dark: {\n          primary: {\n            background: 'var(--tk-color-base-primary-500)',\n            hoverBackground: 'var(--tk-color-base-primary-400)',\n            activeBackground: 'var(--tk-color-base-primary-400)',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: 'var(--tk-color-base-surface-0)',\n            hoverBackground: 'var(--tk-color-base-surface-200)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n            hoverBorderColor: 'var(--tk-color-base-surface-200)',\n            activeBorderColor: 'var(--tk-color-base-surface-200)',\n          },\n          danger: {\n            background: 'var(--tk-color-base-red-500)',\n            hoverBackground: 'var(--tk-color-base-red-600)',\n            activeBackground: 'var(--tk-color-base-red-700)',\n            borderColor: 'var(--tk-color-base-red-500)',\n            hoverBorderColor: 'var(--tk-color-base-red-600)',\n            activeBorderColor: 'var(--tk-color-base-red-700)',\n          }\n        },\n      },\n    },\n    dialog: {\n      colorScheme: {\n        dark: {\n          root: {\n            background: 'var(--tk-color-base-surface-0)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n          },\n        }\n      }\n    }\n  }\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-core.mjs","sources":["../../../projects/design-system/core/types/src/grids/grid.enum.ts","../../../projects/design-system/core/types/src/breakpoints/breakpoints.ts","../../../projects/design-system/core/types/src/theme/tk-preset.ts","../../../projects/design-system/core/types/src/theme/theme.provider.ts","../../../projects/design-system/core/tekus-design-system-core.ts"],"sourcesContent":["enum GapGutter {\n    normal = '24px',\n    small = '16px',\n    large = '32px',\n    extraLarge = '40px',\n}\n\nenum PaddingGridContainer {\n    large = '32px',\n    medium = '24px',\n    small = '16px'\n}\n\nenum Gutter {\n    normal = 'normal',\n    small = 'small',\n    large = 'large',\n    extraLarge = 'extraLarge',\n\n}\n\nexport {\n    Gutter,\n    GapGutter,\n    PaddingGridContainer\n}","export const Breakpoints = {\n    // Covers all devices with a width less than or equal to 360px.\n    mobileSmall: '(max-width: 360px)',\n\n    // For small phones (e.g., most modern cell phones)\n    mobile: '(min-width: 361px) and (max-width: 424px)',\n\n    // For large phones (e.g., Google Pixel, iPhone Plus/Max)\n    mobileLarge: '(min-width: 425px) and (max-width: 575px)',\n\n    // Vertical tablets and medium-sized devices\n    tabletVertical: '(min-width: 576px) and (max-width: 767px)',\n\n    // Tablets in landscape mode\n    tabletHorizontal: '(min-width: 768px) and (max-width: 991px)',\n\n    // Laptops and small desktops\n    desktopSmall: '(min-width: 992px) and (max-width: 1199px)',\n\n    // Large desks\n    desktop: '(min-width: 1200px) and (max-width: 1399px)',\n\n     // Ultra-wide screens\n    desktopLarge: '(min-width: 1400px)',\n}","import { definePreset } from '@primeng/themes';\nimport Aura from '@primeng/themes/aura';\n\nexport const TkPreset = definePreset(Aura, {\n  semantic: {\n    primary: {\n      50: 'var(--tk-color-base-primary-50)',\n      100: 'var(--tk-color-base-primary-100)',\n      200: 'var(--tk-color-base-primary-200)',\n      300: 'var(--tk-color-base-primary-300)',\n      400: 'var(--tk-color-base-primary-400)',\n      500: 'var(--tk-color-base-primary-500)',\n      600: 'var(--tk-color-base-primary-600)',\n      700: 'var(--tk-color-base-primary-700)',\n      800: 'var(--tk-color-base-primary-800)',\n      900: 'var(--tk-color-base-primary-900)',\n      950: 'var(--tk-color-base-primary-950)',\n    },\n    red: {\n      50: 'var(--tk-color-base-red-50)',\n      100: 'var(--tk-color-base-red-100)',\n      200: 'var(--tk-color-base-red-200)',\n      300: 'var(--tk-color-base-red-300)',\n      400: 'var(--tk-color-base-red-400)',\n      500: 'var(--tk-color-base-red-500)',\n      600: 'var(--tk-color-base-red-600)',\n      700: 'var(--tk-color-base-red-700)',\n      800: 'var(--tk-color-base-red-800)',\n      900: 'var(--tk-color-base-red-900)',\n      950: 'var(--tk-color-base-red-950)',\n    },\n    surface: {\n      0: 'var(--tk-color-base-surface-0)',\n      50: 'var(--tk-color-base-surface-50)',\n      100: 'var(--tk-color-base-surface-100)',\n      200: 'var(--tk-color-base-surface-200)',\n      300: 'var(--tk-color-base-surface-300)',\n      400: 'var(--tk-color-base-surface-400)',\n      500: 'var(--tk-color-base-surface-500)',\n      600: 'var(--tk-color-base-surface-600)',\n      700: 'var(--tk-color-base-surface-700)',\n      800: 'var(--tk-color-base-surface-800)',\n      900: 'var(--tk-color-base-surface-900)',\n      950: 'var(--tk-color-base-surface-950)',\n    },\n  },\n  font: {\n    family: 'var(--tk-font-family)',\n  },\n\n  components: {\n    button: {\n      root: {\n        outline: 'none',\n        boxShadow: 'none',\n        border: 'none',\n        focusBoxShadow: 'none',\n      },\n      label: {\n        color: 'inherit',\n      },\n      colorScheme: {\n        light: {\n          root: {\n            primary: {\n              hoverBackground: 'var(--tk-color-base-primary-400)',\n              activeBackground: 'var(--tk-color-base-primary-400)',\n              hoverBorderColor: 'transparent',\n              activeBorderColor: 'transparent',\n            },\n            secondary: {\n              background: 'var(--tk-color-base-surface-0)',\n              hoverBackground: 'var(--tk-color-base-surface-100)',\n              borderColor: 'var(--tk-color-base-surface-200)',\n              hoverBorderColor: 'var(--tk-color-base-surface-200)',\n              activeBorderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n          text: {\n            secondary: {\n              hoverBackground: 'var(--tk-color-base-surface-200)',\n              activeBackground: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        },\n        dark: {\n          primary: {\n            background: 'var(--tk-color-base-primary-500)',\n            hoverBackground: 'var(--tk-color-base-primary-400)',\n            activeBackground: 'var(--tk-color-base-primary-400)',\n            borderColor: 'transparent',\n            hoverBorderColor: 'transparent',\n            activeBorderColor: 'transparent',\n          },\n          secondary: {\n            background: 'var(--tk-color-base-surface-0)',\n            hoverBackground: 'var(--tk-color-base-surface-200)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n            hoverBorderColor: 'var(--tk-color-base-surface-200)',\n            activeBorderColor: 'var(--tk-color-base-surface-200)',\n          },\n          danger: {\n            background: 'var(--tk-color-base-red-500)',\n            hoverBackground: 'var(--tk-color-base-red-600)',\n            activeBackground: 'var(--tk-color-base-red-700)',\n            borderColor: 'var(--tk-color-base-red-500)',\n            hoverBorderColor: 'var(--tk-color-base-red-600)',\n            activeBorderColor: 'var(--tk-color-base-red-700)',\n          },\n        },\n      },\n    },\n    dialog: {\n      colorScheme: {\n        dark: {\n          root: {\n            background: 'var(--tk-color-base-surface-0)',\n            borderColor: 'var(--tk-color-base-surface-200)',\n          },\n        },\n      },\n    },\n  },\n});\n","import { inject, provideAppInitializer } from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { PrimeNG } from 'primeng/config';\nimport { TkPreset } from './tk-preset';\n\nfunction themeFactory(config: PrimeNG, document: Document): () => void {\n  return () => {\n    const fontLink = document.createElement('link');\n    fontLink.rel = 'stylesheet';\n    fontLink.href =\n      'https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap';\n    document.head.appendChild(fontLink);\n\n    const style = document.createElement('style');\n    style.innerHTML = `\n      body {\n        font-family: 'Poppins', sans-serif;\n      }\n    `;\n    document.head.appendChild(style);\n\n    config.theme.set({\n      preset: TkPreset,\n      options: {\n        prefix: 'tk',\n        darkMode: false,\n        darkModeSelector: false,\n      },\n    });\n  };\n}\n\nexport function provideTkTheme() {\n  return provideAppInitializer(() => {\n    const config = inject(PrimeNG);\n    const document = inject(DOCUMENT);\n    return themeFactory(config, document)();\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tekus/design-system",
   "description": "Tekus design system library",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/core": "^19.2.15",
@@ -43,6 +43,10 @@
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-button.mjs"
     },
+    "./components/date-picker": {
+      "types": "./components/date-picker/index.d.ts",
+      "default": "./fesm2022/tekus-design-system-components-date-picker.mjs"
+    },
     "./components/fallback-view": {
       "types": "./components/fallback-view/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-fallback-view.mjs"
@@ -51,14 +55,14 @@
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-modal.mjs"
     },
-    "./directives/gird-item": {
-      "types": "./directives/gird-item/index.d.ts",
-      "default": "./fesm2022/tekus-design-system-directives-gird-item.mjs"
-    },
     "./core/types": {
       "types": "./core/types/index.d.ts",
       "default": "./fesm2022/tekus-design-system-core-types.mjs"
     },
+    "./directives/gird-item": {
+      "types": "./directives/gird-item/index.d.ts",
+      "default": "./fesm2022/tekus-design-system-directives-gird-item.mjs"
+    },
     "./utils/sanitizer-utils": {
       "types": "./utils/sanitizer-utils/index.d.ts",
       "default": "./fesm2022/tekus-design-system-utils-sanitizer-utils.mjs"