@tekus/design-system 5.30.0 → 5.32.0

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

@@ -1 +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  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  OnInit,\n  inject,\n  input,\n  model,\n  signal,\n  computed,\n  output,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  FormsModule,\n  ReactiveFormsModule,\n  FormControl,\n  ControlValueAccessor,\n  NgControl,\n} from '@angular/forms';\n\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faCalendarDay, faClock } from '@fortawesome/pro-regular-svg-icons';\n\nexport type DateValue = Date | [Date, Date] | null;\n\n@Component({\n  selector: 'tk-date-picker',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    DatePickerModule,\n    FloatLabelModule,\n    FaIconComponent,\n  ],\n  templateUrl: './date-picker.component.html',\n  styleUrl: './date-picker.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * @component DatePickerComponent\n * @description\n * A wrapper around PrimeNG's DatePicker component with support for single-date,\n * range selection, and time-only modes. It uses Angular Signals for reactivity\n * and strictly implements the ControlValueAccessor interface via NgControl.\n */\nexport class DatePickerComponent implements OnInit, ControlValueAccessor {\n  /** Internal references and injections */\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  /**\n   * @property {InputSignal<'date' | 'time' | 'both'>} variant\n   * @description\n   * Defines the visual and functional mode:\n   * - `'date'`: standard date/range picker\n   * - `'time'`: time-only picker\n   * - `'both'`: date and time picker\n   * @default 'date'\n   */\n  variant = input<'date' | 'time' | 'both'>('date');\n\n  /**\n   * @property {InputSignal<'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  selectionMode = input<'single' | 'range'>('range');\n\n  /**\n   * @property {InputSignal<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  readonlyInput = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} showClear\n   * @description\n   * Displays a clear button that resets the datepicker value.\n   * @default true\n   */\n  showClear = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} showIcon\n   * @description\n   * Shows the calendar or clock icon inside the input.\n   * @default true\n   */\n  showIcon = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<string>} dateFormat\n   * @description\n   * Format used by PrimeNG for displaying dates.\n   * @default 'dd/mm/yy'\n   */\n  dateFormat = input<string>('dd/mm/yy');\n\n  /**\n   * @property {InputSignal<string>} timeFormat\n   * @description\n   * Format used by PrimeNG for displaying times.\n   * @default 'HH:mm'\n   */\n  timeFormat = input<string>('HH:mm');\n\n  /**\n   * @property {InputSignal<number>} stepHour\n   * @description\n   * Hours to skip when clicking up/down.\n   * @default 1\n   */\n  stepHour = input<number>(1);\n\n  /**\n   * @property {InputSignal<number>} stepMinute\n   * @description\n   * Minutes to skip when clicking up/down.\n   * @default 1\n   */\n  stepMinute = input<number>(1);\n\n  /**\n   * @property {InputSignal<number>} stepSecond\n   * @description\n   * Seconds to skip when clicking up/down.\n   * @default 1\n   */\n  stepSecond = input<number>(1);\n\n  /**\n   * @property {InputSignal<boolean>} showSeconds\n   * @description\n   * Whether to show seconds in the time picker.\n   * Only applicable when hourFormat is '24'.\n   * @default false\n   */\n  showSeconds = input<boolean>(false);\n \n  /**\n   * @property {InputSignal<boolean>} disabled\n   * @description\n   * Whether the component is disabled.\n   * @default false\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * @property {InputSignal<boolean>} inline\n   * @description\n   * Whether to display the datepicker inline.\n   * @default false\n   */\n  inline = input<boolean>(false);\n\n  /**\n   * @property {InputSignal<boolean>} showTime\n   * @description\n   * Whether to show the time picker along with the date picker.\n   * @default false\n   */\n  showTime = input<boolean>(false);\n\n  /**\n   * @property {InputSignal<'12' | '24'>} hourFormat\n   * @description\n   * Format of the hours: '12' or '24'.\n   * @default '24'\n   */\n  hourFormat = input<'12' | '24'>('24');\n\n  /**\n   * @property {InputSignal<string | HTMLElement | null | undefined>} appendTo\n   * @description\n   * Target element to attach the overlay to.\n   * @default 'null'\n   */\n  appendTo = input<string | HTMLElement | null | undefined>('body');\n\n  /**\n   * @property {InputSignal<number>} baseZIndex\n   * @description\n   * Base z-index value for the overlay.\n   * @default 10000\n   */\n  baseZIndex = input<number>(10000);\n\n  /**\n   * @property {InputSignal<Date | null>} maxDate\n   * @description\n   * Maximum selectable date.\n   * @default null\n   */\n  maxDate = input<Date | null>(null);\n\n  /**\n   * @property {InputSignal<Date | null>} minDate\n   * @description\n   * Minimum selectable date.\n   * @default null\n   */\n  minDate = input<Date | null>(null);\n\n  /**\n   * @property {InputSignal<string>} labelText\n   * @description\n   * Label shown by the float-label wrapper.\n   */\n  labelText = input<string>('Select a date');\n\n  /**\n   * @property {InputSignal<FormControl>} control\n   * @description\n   * External FormControl used to read/set the datepicker value.\n   * If not provided, an internal FormControl is created.\n   */\n  control = input<FormControl | undefined>(undefined);\n\n  /**\n   * @property {ModelSignal<DateValue>} modelValue\n   * @description\n   * The value of the datepicker model. Supports two-way binding.\n   */\n  modelValue = model<DateValue>(null);\n\n  /**\n   * @property {OutputRef<DateValue>} handleSelect\n   * @description\n   * Emitted when a value is selected.\n   */\n  handleSelect = output<DateValue>();\n\n  /**\n   * @property {OutputRef<void>} handleClear\n   * @description\n   * Emitted when the value is cleared.\n   */\n  handleClear = output<void>();\n\n  /**\n   * @property {WritableSignal<boolean>} disabledStatus\n   * @description\n   * Internal signal to track disabled state.\n   */\n  disabledStatus = signal<boolean>(false);\n \n  /**\n   * @property {Signal<boolean>} effectiveDisabled\n   * @description\n   * Returns true if either the [disabled] input is true OR the FormControl is disabled.\n   */\n  effectiveDisabled = computed(() => this.disabled() || this.disabledStatus());\n\n  /** Computed properties */\n\n  /**\n   * @property {Signal<'single' | 'range'>} effectiveSelectionMode\n   * @description\n   * Returns 'single' automatically if variant is 'time', otherwise returns the user-provided selectionMode.\n   */\n  effectiveSelectionMode = computed(() => {\n    return this.variant() === 'time' ? 'single' : this.selectionMode();\n  });\n\n  /**\n   * @property {Signal<string>} effectiveDateFormat\n   * @description\n   * Returns the user-provided dateFormat or timeFormat based on the variant.\n   */\n  effectiveDateFormat = computed(() => {\n    return this.variant() === 'time' ? this.timeFormat() : this.dateFormat();\n  });\n\n  /**\n   * @property {Signal<boolean>} effectiveShowSeconds\n   * @description\n   * Returns whether seconds should be shown, restricted to 24h format.\n   */\n  effectiveShowSeconds = computed(() => {\n    return (\n      (this.effectiveShowTime() || this.variant() === 'time') &&\n      this.hourFormat() === '24' &&\n      this.showSeconds()\n    );\n  });\n\n  /**\n   * @property {Signal<boolean>} effectiveShowTime\n   * @description\n   * Returns whether the time picker should be shown.\n   */\n  effectiveShowTime = computed(() => {\n    return this.variant() === 'both' || this.showTime();\n  });\n\n  /**\n   * @property {Signal<FormControl>} effectiveControl\n   * @description\n   * Returns the external FormControl from NgControl or a local fallback.\n   */\n  private readonly internalControl = new FormControl<DateValue>(null);\n  get effectiveControl(): FormControl {\n    return (\n      (this.ngControl?.control as FormControl) ||\n      this.control() ||\n      this.internalControl\n    );\n  }\n\n  /** Icons */\n  faCalendarDay = faCalendarDay;\n  faClock = faClock;\n\n  /** CVA Logic */\n  onChange: (value: DateValue) => void = () => {};\n  onTouched: () => void = () => {};\n  private lastValue: DateValue = null;\n  private isWriting = false;\n\n  ngOnInit(): void {\n    const control = this.effectiveControl;\n\n    // Synchronize initial disabled state\n    this.disabledStatus.set(control.disabled);\n\n    // Watch for status changes (to support [control].disable() etc. from outside)\n    control.statusChanges\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.disabledStatus.set(control.disabled);\n      });\n\n    // Synchronize signal model with initial control value\n    const initialValue = control.value;\n    if (initialValue !== null && initialValue !== undefined) {\n      this.modelValue.set(initialValue);\n      this.lastValue = initialValue;\n    }\n  }\n\n  writeValue(value: DateValue): void {\n    this.isWriting = true;\n    this.modelValue.set(value);\n    this.lastValue = value;\n    this.isWriting = false;\n  }\n\n  registerOnChange(fn: (value: DateValue) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledStatus.set(isDisabled);\n    const control = this.effectiveControl;\n    if (isDisabled && control.enabled) {\n      control.disable({ emitEvent: false });\n    } else if (!isDisabled && control.disabled) {\n      control.enable({ emitEvent: false });\n    }\n  }\n\n  /**\n   * @method onModelChange\n   * @description\n   * Called when the PrimeNG DatePicker template updates the value.\n   */\n  onModelChange(value: DateValue): void {\n    if (this.isWriting) {\n      return;\n    }\n    let finalValue = value;\n\n    // Time cascading logic (single mode only)\n    if (\n      this.selectionMode() === 'single' &&\n      finalValue instanceof Date &&\n      this.lastValue instanceof Date\n    ) {\n      finalValue = this.applyTimeCascading(this.lastValue, finalValue);\n    }\n\n    this.lastValue = finalValue;\n    this.modelValue.set(finalValue);\n    this.onChange(finalValue);\n    this.effectiveControl.setValue(finalValue, { emitEvent: false });\n    this.effectiveControl.markAsDirty();\n\n    if (finalValue === null) {\n      this.handleClear.emit();\n    } else if (this.selectionMode() === 'range') {\n      if (Array.isArray(finalValue)) {\n        const [start, end] = finalValue;\n        if (start instanceof Date && end instanceof Date) {\n          this.handleSelect.emit(finalValue);\n        }\n      }\n    } else if (finalValue instanceof Date) {\n      this.handleSelect.emit(finalValue);\n    }\n  }\n\n  /**\n   * @method applyTimeCascading\n   * @private\n   * @description\n   * Adjusts the date when minutes or seconds wrap around.\n   */\n  private applyTimeCascading(prev: Date, curr: Date): Date {\n    const updated = new Date(curr);\n\n    // Cascade seconds to minutes\n    if (prev.getSeconds() === 59 && updated.getSeconds() === 0) {\n      updated.setMinutes(updated.getMinutes() + 1);\n    } else if (prev.getSeconds() === 0 && updated.getSeconds() === 59) {\n      updated.setMinutes(updated.getMinutes() - 1);\n    }\n\n    // Cascade minutes to hours\n    if (prev.getMinutes() === 59 && updated.getMinutes() === 0) {\n      updated.setHours(updated.getHours() + 1);\n    } else if (prev.getMinutes() === 0 && updated.getMinutes() === 59) {\n      updated.setHours(updated.getHours() - 1);\n    }\n\n    return updated;\n  }\n\n  /**\n   * @method onBlur\n   * @description\n   * Triggered when the component loses focus.\n   */\n  onBlur(): void {\n    this.onTouched();\n    this.effectiveControl.markAsTouched();\n  }\n\n  /**\n   * @method clear\n   * @description\n   * Programmatically clears the value.\n   */\n  clear() {\n    this.onModelChange(null);\n  }\n}\n","<div class=\"datepicker-container\" [class.inline]=\"inline()\">\n  @if (inline()) {\n    <p-datepicker\n      inputId=\"datepicker\"\n      [ngModel]=\"modelValue()\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onBlur()\"\n      [selectionMode]=\"effectiveSelectionMode()\"\n      [readonlyInput]=\"readonlyInput()\"\n      [showClear]=\"showClear()\"\n      [showIcon]=\"showIcon()\"\n      [minDate]=\"minDate()\"\n      [maxDate]=\"maxDate()\"\n      [disabled]=\"effectiveDisabled()\"\n      [dateFormat]=\"effectiveDateFormat()\"\n      [timeOnly]=\"variant() === 'time'\"\n      [inline]=\"true\"\n      [showTime]=\"effectiveShowTime()\"\n      [hourFormat]=\"hourFormat()\"\n      [stepHour]=\"stepHour()\"\n      [stepMinute]=\"stepMinute()\"\n      [stepSecond]=\"stepSecond()\"\n      [showSeconds]=\"effectiveShowSeconds()\">\n    </p-datepicker>\n  } @else {\n    <p-floatlabel>\n      <p-datepicker\n        inputId=\"datepicker\"\n        iconDisplay=\"input\"\n        [ngModel]=\"modelValue()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onBlur()\"\n        [selectionMode]=\"effectiveSelectionMode()\"\n        [readonlyInput]=\"readonlyInput()\"\n        [showClear]=\"showClear()\"\n        [showIcon]=\"showIcon()\"\n        [minDate]=\"minDate()\"\n        [maxDate]=\"maxDate()\"\n        [disabled]=\"effectiveDisabled()\"\n        [dateFormat]=\"effectiveDateFormat()\"\n        [timeOnly]=\"variant() === 'time'\"\n        [showTime]=\"effectiveShowTime()\"\n        [hourFormat]=\"hourFormat()\"\n        [appendTo]=\"appendTo()\"\n        [baseZIndex]=\"baseZIndex()\"\n        [stepHour]=\"stepHour()\"\n        [stepMinute]=\"stepMinute()\"\n        [stepSecond]=\"stepSecond()\"\n        [showSeconds]=\"effectiveShowSeconds()\">\n        <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n          <fa-icon\n            tabindex=\"0\"\n            [icon]=\"variant() === 'time' ? faClock : 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  }\n</div>\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-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  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  OnInit,\n  inject,\n  input,\n  model,\n  signal,\n  computed,\n  output,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { switchMap } from 'rxjs';\nimport {\n  FormsModule,\n  ReactiveFormsModule,\n  FormControl,\n  ControlValueAccessor,\n  NgControl,\n  Validator,\n  ValidationErrors,\n} from '@angular/forms';\n\nimport { DatePickerModule } from 'primeng/datepicker';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { IconComponent } from '@tekus/design-system/components/icon';\n\nexport type DateValue = Date | [Date, Date] | null;\n\nlet _datePickerUid = 0;\n\n/**\n * @description\n * Wrapper around PrimeNG's DatePicker with support for single-date, date-range,\n * and combined date+time modes. Implements `ControlValueAccessor` and `Validator`\n * so it works transparently with reactive forms (`[formControl]`, `[control]`)\n * and template-driven forms (`[(ngModel)]`). A signal model (`[(modelValue)]`)\n * is also available for standalone usage without Angular forms.\n *\n * For time-only selection use `tk-time-picker` instead.\n *\n * @example\n * <!-- Date range with reactive form -->\n * <tk-date-picker\n *   [control]=\"form.controls.stayRange\"\n *   selectionMode=\"range\"\n *   labelText=\"Stay dates\"\n *   [showClear]=\"true\">\n * </tk-date-picker>\n *\n * @example\n * <!-- Combined date + time -->\n * <tk-date-picker\n *   [showTime]=\"true\"\n *   hourFormat=\"24\"\n *   [(modelValue)]=\"appointmentDateTime\"\n *   labelText=\"Appointment\">\n * </tk-date-picker>\n */\n@Component({\n  selector: 'tk-date-picker',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    DatePickerModule,\n    FloatLabelModule,\n    IconComponent,\n  ],\n  templateUrl: './date-picker.component.html',\n  styleUrl: './date-picker.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DatePickerComponent implements OnInit, ControlValueAccessor, Validator {\n  /** @internal */\n  readonly ngControl = inject(NgControl, { self: true, optional: true });\n  /** @internal */\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    toObservable(this.effectiveControl)\n      .pipe(\n        switchMap(ctrl => {\n          this.disabledStatus.set(ctrl.disabled);\n          return ctrl.statusChanges;\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe(() => {\n        this.disabledStatus.set(this.effectiveControl().disabled);\n      });\n\n    effect(() => {\n      this.required();\n      this.minDate();\n      this.maxDate();\n      untracked(() => {\n        this.onValidatorChange();\n        this.effectiveControl().updateValueAndValidity({ emitEvent: false });\n      });\n    });\n  }\n\n  /**\n   * @description\n   * Marks the field as required. When `true`, the component returns a\n   * `{ required: true }` validation error when no date is selected.\n   *\n   * @default false\n   *\n   * @example\n   * <tk-date-picker [required]=\"true\" errorMessage=\"Date is required\" />\n   */\n  required = input<boolean>(false);\n\n  /**\n   * @description\n   * Selection behaviour for the date calendar.\n   * - `'single'` — one date.\n   * - `'range'` — a pair of dates `[start, end]`.\n   *\n   * @default 'range'\n   *\n   * @example\n   * <tk-date-picker selectionMode=\"single\" />\n   */\n  selectionMode = input<'single' | 'range'>('range');\n\n  /**\n   * @description\n   * Shows a clear (×) button that resets the value to `null`.\n   *\n   * @default true\n   *\n   * @example\n   * <tk-date-picker [showClear]=\"false\" />\n   */\n  showClear = input<boolean>(true);\n\n  /**\n   * @description\n   * Shows the calendar icon inside the input field.\n   * When `false`, the overlay can only be opened by clicking the input itself.\n   *\n   * @default true\n   *\n   * @example\n   * <tk-date-picker [showIcon]=\"false\" />\n   */\n  showIcon = input<boolean>(true);\n\n  /**\n   * @description\n   * Date display format forwarded to PrimeNG (e.g. `'dd/mm/yy'`, `'yy-mm-dd'`).\n   *\n   * @default 'dd/mm/yy'\n   *\n   * @example\n   * <tk-date-picker dateFormat=\"yy-mm-dd\" />\n   */\n  dateFormat = input<string>('dd/mm/yy');\n\n  /**\n   * @description Hour increment/decrement step for the time spinner (used when `showTime=true`).\n   * @default 1\n   */\n  stepHour = input<number>(1);\n\n  /**\n   * @description Minute increment/decrement step for the time spinner (used when `showTime=true`).\n   * @default 1\n   */\n  stepMinute = input<number>(1);\n\n  /**\n   * @description Second increment/decrement step for the time spinner (used when `showTime=true`).\n   * @default 1\n   */\n  stepSecond = input<number>(1);\n\n  /**\n   * @description\n   * Whether to show the seconds segment in the time spinner.\n   * Only active when `showTime=true` and `hourFormat=\"24\"`.\n   *\n   * @default false\n   */\n  showSeconds = input<boolean>(false);\n\n  /**\n   * @description\n   * Disables the entire component. Can also be controlled through the bound\n   * form control via `control.disable()` / `control.enable()`.\n   *\n   * @default false\n   *\n   * @example\n   * <tk-date-picker [disabled]=\"isReadonly()\" />\n   */\n  disabled = input<boolean>(false);\n\n  /**\n   * @description\n   * Renders the calendar inline (always visible) instead of in a dropdown overlay.\n   *\n   * @default false\n   *\n   * @example\n   * <tk-date-picker [inline]=\"true\" selectionMode=\"single\" />\n   */\n  inline = input<boolean>(false);\n\n  /**\n   * @description\n   * Adds a time spinner alongside the date calendar.\n   *\n   * @default false\n   *\n   * @example\n   * <tk-date-picker [showTime]=\"true\" hourFormat=\"24\" />\n   */\n  showTime = input<boolean>(false);\n\n  /**\n   * @description\n   * Hour format for the time spinner (only relevant when `showTime=true`).\n   * - `'24'` — 0–23 hours.\n   * - `'12'` — 1–12 hours with AM/PM toggle.\n   *\n   * @default '24'\n   *\n   * @example\n   * <tk-date-picker [showTime]=\"true\" hourFormat=\"12\" />\n   */\n  hourFormat = input<'12' | '24'>('24');\n\n  /**\n   * @description\n   * Target element or CSS selector to which the overlay panel is appended.\n   * Use `'body'` to escape `overflow:hidden` parent containers (e.g. modals).\n   *\n   * @default 'body'\n   *\n   * @example\n   * <tk-date-picker appendTo=\"body\" />\n   */\n  appendTo = input<string | HTMLElement | null | undefined>('body');\n\n  /**\n   * @description Base z-index applied to the overlay panel.\n   * @default 10000\n   */\n  baseZIndex = input<number>(10000);\n\n  /**\n   * @description\n   * Latest selectable date. Enforced both by PrimeNG (disables calendar days)\n   * and by Angular form validation.\n   *\n   * @default null\n   *\n   * @example\n   * <tk-date-picker [maxDate]=\"today\" errorMessage=\"Date cannot be in the future\" />\n   */\n  maxDate = input<Date | null>(null);\n\n  /**\n   * @description\n   * Earliest selectable date. Enforced both by PrimeNG (disables calendar days)\n   * and by Angular form validation.\n   *\n   * @default null\n   *\n   * @example\n   * <tk-date-picker [minDate]=\"today\" errorMessage=\"Date must be today or later\" />\n   */\n  minDate = input<Date | null>(null);\n\n  /**\n   * @description Floating label text shown above the input field.\n   * @default 'Select a date'\n   * @example\n   * <tk-date-picker labelText=\"Check-in date\" />\n   */\n  labelText = input<string>('Select a date');\n\n  /**\n   * @description\n   * Validation error message rendered beneath the field when the bound control\n   * is invalid and the field has been dirtied or touched.\n   *\n   * @default null\n   *\n   * @example\n   * <tk-date-picker [minDate]=\"minDate\" errorMessage=\"Date is required\" />\n   */\n  errorMessage = input<string | null>(null);\n\n  /**\n   * @description\n   * Optional external `FormControl` to bind when not using the standard\n   * `formControl` / `formControlName` / `ngModel` directives.\n   *\n   * @example\n   * <tk-date-picker [control]=\"form.controls.startDate\" />\n   */\n  control = input<FormControl | undefined>(undefined);\n\n  /**\n   * @description\n   * Two-way signal binding for the selected value.\n   * Accepts `Date` (single), `[Date, Date]` (range), or `null` (cleared).\n   *\n   * @example\n   * <tk-date-picker [(modelValue)]=\"selectedDate\" />\n   */\n  modelValue = model<DateValue>(null);\n\n  /**\n   * @description\n   * Emits the selected value whenever a complete selection is made.\n   * In range mode, fires only when both start and end dates are chosen.\n   *\n   * @example\n   * <tk-date-picker (handleSelect)=\"onDateSelected($event)\" />\n   */\n  handleSelect = output<DateValue>();\n\n  /**\n   * @description Emits when the user clears the field via the clear button.\n   * @example\n   * <tk-date-picker (handleClear)=\"onCleared()\" />\n   */\n  handleClear = output<void>();\n\n  /** @internal */\n  disabledStatus = signal<boolean>(false);\n\n  /** @internal */\n  effectiveDisabled = computed(() => this.disabled() || this.disabledStatus());\n\n  /** @internal */\n  effectiveMinDate = computed(() => this.minDate());\n\n  /** @internal */\n  effectiveMaxDate = computed(() => this.maxDate());\n\n  /** @internal */\n  effectiveSelectionMode = computed(() => this.selectionMode());\n\n  /** @internal */\n  effectiveHourFormat = computed<'12' | '24'>(() => this.hourFormat());\n\n  /** @internal */\n  effectiveDateFormat = computed(() => this.dateFormat());\n\n  /** @internal */\n  effectiveShowSeconds = computed(\n    () => this.showTime() && this.hourFormat() === '24' && this.showSeconds()\n  );\n\n  /** @internal */\n  effectiveShowTime = computed(() => this.showTime());\n\n  /** @internal */\n  private readonly internalControl = new FormControl<DateValue>(null);\n\n  /**\n   * @description\n   * Memoised signal returning the active `FormControl` in priority order:\n   * `NgControl` (reactive forms) → `control` input → internal fallback control.\n   */\n  readonly effectiveControl = computed<FormControl>(\n    () => (this.ngControl?.control as FormControl) ?? this.control() ?? this.internalControl\n  );\n\n  /** @internal Unique DOM id used for `inputId` / `for` binding on every instance. */\n  readonly uid = `tk-datepicker-${++_datePickerUid}`;\n\n  /** @internal */ onChange: (value: DateValue) => void = () => {};\n  /** @internal */ onTouched: () => void = () => {};\n  /** @internal */ onValidatorChange: () => void = () => {};\n  /** @internal */ private lastValue: DateValue = null;\n  /** @internal */ private readonly boundValidate = this.validate.bind(this);\n\n  /** @inheritdoc */\n  ngOnInit(): void {\n    const control = this.effectiveControl();\n\n    this.disabledStatus.set(control.disabled);\n\n    const initialValue = control.value;\n    if (initialValue !== null && initialValue !== undefined) {\n      this.modelValue.set(initialValue);\n      this.lastValue = initialValue;\n    }\n\n    if (!this.ngControl) {\n      const currentModel = this.modelValue();\n      if (currentModel !== null && currentModel !== undefined) {\n        this.handleSelect.emit(currentModel);\n        this.onChange(currentModel);\n      }\n    }\n\n    control.addValidators(this.boundValidate);\n    control.updateValueAndValidity({ emitEvent: false });\n    this.destroyRef.onDestroy(() => {\n      control.removeValidators(this.boundValidate);\n    });\n  }\n\n  /** @inheritdoc */\n  writeValue(value: DateValue): void {\n    this.modelValue.set(value);\n    this.lastValue = value;\n  }\n\n  /** @inheritdoc */\n  registerOnChange(fn: (value: DateValue) => void): void {\n    this.onChange = fn;\n  }\n\n  /** @inheritdoc */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @inheritdoc */\n  registerOnValidatorChange(fn: () => void): void {\n    this.onValidatorChange = fn;\n  }\n\n  /** @inheritdoc */\n  validate(): ValidationErrors | null {\n    const value = this.modelValue();\n    if (!value) return this.required() ? { required: true } : null;\n\n    const min = this.minDate();\n    const max = this.maxDate();\n\n    if (value instanceof Date) return this.validateBounds(value, min, max);\n    if (!Array.isArray(value)) return null;\n\n    const [start, end] = value;\n    if (start instanceof Date) {\n      const err = this.validateBounds(start, min, max);\n      if (err) return err;\n    }\n    return end instanceof Date ? this.validateBounds(end, min, max) : null;\n  }\n\n  private validateBounds(date: Date, min: Date | null, max: Date | null): ValidationErrors | null {\n    if (min && date < min) return { minDate: { min, actual: date } };\n    if (max && date > max) return { maxDate: { max, actual: date } };\n    return null;\n  }\n\n  /** @inheritdoc */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledStatus.set(isDisabled);\n    const control = this.effectiveControl();\n    if (isDisabled && control.enabled) {\n      control.disable({ emitEvent: false });\n    } else if (!isDisabled && control.disabled) {\n      control.enable({ emitEvent: false });\n    }\n  }\n\n  /** @description Central change handler for PrimeNG's `ngModelChange`. */\n  onModelChange(value: DateValue): void {\n    let finalValue = value;\n\n    if (\n      this.effectiveSelectionMode() === 'single' &&\n      finalValue instanceof Date &&\n      this.lastValue instanceof Date &&\n      finalValue.toDateString() === this.lastValue.toDateString()\n    ) {\n      finalValue = this.applyTimeCascading(this.lastValue, finalValue);\n    }\n\n    this.lastValue = finalValue;\n    this.modelValue.set(finalValue);\n    this.onChange(finalValue);\n    this.effectiveControl().setValue(finalValue, { emitEvent: false });\n    if (finalValue !== null) {\n      this.effectiveControl().markAsDirty();\n    }\n\n    if (finalValue === null) {\n      this.handleClear.emit();\n    } else if (\n      finalValue instanceof Date ||\n      (Array.isArray(finalValue) && finalValue[0] instanceof Date && finalValue[1] instanceof Date)\n    ) {\n      this.handleSelect.emit(finalValue);\n    }\n  }\n\n  /** @description Marks the control as touched when the user leaves the field. */\n  onBlur(): void {\n    this.onTouched();\n    this.effectiveControl().markAsTouched();\n  }\n\n  /**\n   * @description Programmatically clears the selected value, resetting it to `null`.\n   *\n   * @example\n   * <tk-date-picker #picker />\n   * <button (click)=\"picker.clear()\">Reset</button>\n   */\n  clear() {\n    this.onModelChange(null);\n  }\n\n  /**\n   * @description\n   * Adjusts hours or minutes when the spinner rolls over a unit boundary.\n   */\n  private applyTimeCascading(prev: Date, curr: Date): Date {\n    const updated = new Date(curr);\n\n    if (prev.getSeconds() === 59 && updated.getSeconds() === 0) {\n      updated.setMinutes(updated.getMinutes() + 1);\n    } else if (prev.getSeconds() === 0 && updated.getSeconds() === 59) {\n      updated.setMinutes(updated.getMinutes() - 1);\n    }\n\n    if (prev.getMinutes() === 59 && updated.getMinutes() === 0) {\n      updated.setHours(updated.getHours() + 1);\n    } else if (prev.getMinutes() === 0 && updated.getMinutes() === 59) {\n      updated.setHours(updated.getHours() - 1);\n    }\n\n    return updated;\n  }\n}\n","<div class=\"datepicker-container\" [class.inline]=\"inline()\">\n  @if (inline()) {\n    <p-datepicker\n      [inputId]=\"uid\"\n      [ngModel]=\"modelValue()\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onBlur()\"\n      [selectionMode]=\"effectiveSelectionMode()\"\n      [readonlyInput]=\"true\"\n      [showClear]=\"showClear()\"\n      [showIcon]=\"showIcon()\"\n      [minDate]=\"effectiveMinDate()\"\n      [maxDate]=\"effectiveMaxDate()\"\n      [disabled]=\"effectiveDisabled()\"\n      [dateFormat]=\"effectiveDateFormat()\"\n      [timeOnly]=\"false\"\n      [inline]=\"true\"\n      [showTime]=\"effectiveShowTime()\"\n      [hourFormat]=\"effectiveHourFormat()\"\n      [stepHour]=\"stepHour()\"\n      [stepMinute]=\"stepMinute()\"\n      [stepSecond]=\"stepSecond()\"\n      [showSeconds]=\"effectiveShowSeconds()\">\n    </p-datepicker>\n  } @else {\n    <p-floatlabel>\n      <p-datepicker\n        [inputId]=\"uid\"\n        iconDisplay=\"input\"\n        [ngModel]=\"modelValue()\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onBlur()\"\n        [selectionMode]=\"effectiveSelectionMode()\"\n        [readonlyInput]=\"true\"\n        [showClear]=\"showClear()\"\n        [showIcon]=\"showIcon()\"\n        [minDate]=\"effectiveMinDate()\"\n        [maxDate]=\"effectiveMaxDate()\"\n        [disabled]=\"effectiveDisabled()\"\n        [dateFormat]=\"effectiveDateFormat()\"\n        [timeOnly]=\"false\"\n        [showTime]=\"effectiveShowTime()\"\n        [hourFormat]=\"effectiveHourFormat()\"\n        [appendTo]=\"appendTo()\"\n        [baseZIndex]=\"baseZIndex()\"\n        [stepHour]=\"stepHour()\"\n        [stepMinute]=\"stepMinute()\"\n        [stepSecond]=\"stepSecond()\"\n        [showSeconds]=\"effectiveShowSeconds()\">\n        <ng-template #inputicon let-clickCallBack=\"clickCallBack\">\n          <tk-icon\n            icon=\"calendar-day\"\n            tabindex=\"0\"\n            (keydown.enter)=\"clickCallBack($event)\"\n            (keydown.space)=\"clickCallBack($event)\"\n            (click)=\"clickCallBack($event)\">\n          </tk-icon>\n        </ng-template>\n      </p-datepicker>\n      <label [for]=\"uid\">{{ labelText() }}</label>\n    </p-floatlabel>\n  }\n  @if (errorMessage() && effectiveControl().invalid && (effectiveControl().dirty || effectiveControl().touched)) {\n    <small class=\"p-error\">{{ errorMessage() }}</small>\n  }\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-icon.mjs

@@ -352,6 +352,16 @@ const filterIcon = {
 };
 
 const foldersIcon = {
+    'files': {
+        name: 'faFiles',
+        tags: ['global'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faFiles),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faFiles),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faFiles)
+        }
+    },
     'folders': {
         name: 'faFolders',
         tags: ['global'],
@@ -413,6 +423,19 @@ const eyeIcon = {
     }
 };
 
+const eyeDropperIcon = {
+    'eye-dropper': {
+        name: 'faEyeDropper',
+        tags: ['global'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faEyeDropper),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faEyeDropper),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faEyeDropper)
+        }
+    }
+};
+
 const barsIcon = {
     'bars': {
         name: 'faBars',
@@ -473,6 +496,16 @@ const gearsIcon = {
 };
 
 const downloadIcon = {
+    'upload': {
+        name: 'faUpload',
+        tags: ['global'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faUpload),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faUpload),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faUpload)
+        }
+    },
     'download': {
         name: 'faDownload',
         tags: ['global'],
@@ -538,6 +571,16 @@ const calendarIcon = {
 };
 
 const clockIcon = {
+    'clock': {
+        name: 'faClock',
+        tags: ['global'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faClock),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faClock),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faClock)
+        }
+    },
     'clock-three': {
         name: 'faClockThree',
         tags: ['global'],
@@ -794,6 +837,16 @@ const userIcon = {
             solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faUsers)
         }
     },
+    'address-card': {
+        name: 'faAddressCard',
+        tags: ['user'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faAddressCard),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faAddressCard),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faAddressCard)
+        }
+    },
     'graduation-cap': {
         name: 'faGraduationCap',
         tags: ['user'],
@@ -883,6 +936,26 @@ const chartIcon = {
             solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faChartUser)
         }
     },
+    'grid': {
+        name: 'faGrid2',
+        tags: ['layout'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faGrid2),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faGrid2),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faGrid2)
+        }
+    },
+    'table': {
+        name: 'faTable',
+        tags: ['layout'],
+        source: 'Font awesome',
+        styles: {
+            light: import('@fortawesome/pro-light-svg-icons').then(m => m.faTable),
+            regular: import('@fortawesome/pro-regular-svg-icons').then(m => m.faTable),
+            solid: import('@fortawesome/pro-solid-svg-icons').then(m => m.faTable)
+        }
+    },
     'file-chart-column': {
         name: 'faFileChartColumn',
         tags: [],
@@ -1062,6 +1135,7 @@ const IconCatalog = {
     ...magnifyingGlassIcon,
     ...shuffleIcon,
     ...eyeIcon,
+    ...eyeDropperIcon,
     ...barsIcon,
     ...ellipsisIcon,
     ...gearsIcon,
@@ -1096,7 +1170,7 @@ const IconCatalog = {
     ...editIcon,
     ...globePointerIcon,
     ...gridVerticalIcon,
-    ...loadingIcons
+    ...loadingIcons,
 };
 
 class IconComponent {
@@ -1165,6 +1239,9 @@ class IconComponent {
         else if (iconRef?.source === 'Custom') {
             this.loadIconCustom();
         }
+        else {
+            this.loadIconFaFallback();
+        }
     }
     /**
      * Loads the icon from Font Awesome.
@@ -1177,13 +1254,11 @@ class IconComponent {
             this.iconDefinition.set(null);
             return;
         }
-        ;
         const iconPromise = iconRef?.styles?.[styleIcon];
         if (!iconPromise) {
             this.iconDefinition.set(null);
             return;
         }
-        ;
         iconPromise
             ?.then(icon => this.iconDefinition.set(icon))
             ?.catch(() => this.iconDefinition.set(null));
@@ -1191,7 +1266,7 @@ class IconComponent {
     /**
      * Gets the key style for the icon based on the current styleIcon model.
      *
-    * @returns 'light' | 'regular' | 'solid' | null
+     * @returns 'light' | 'regular' | 'solid' | null
      */
     getKeyStyle() {
         const style = this.styleIcon();
@@ -1203,6 +1278,45 @@ class IconComponent {
             return 'solid';
         return null;
     }
+    /**
+     * Converts a kebab-case icon name to the FontAwesome camelCase key (e.g. 'arrow-right' → 'faArrowRight').
+     */
+    toFaKey(iconName) {
+        return ('fa' +
+            iconName
+                .split('-')
+                .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+                .join(''));
+    }
+    /**
+     * Fallback loader for any FA icon not registered in the catalog.
+     * Dynamically imports the icon by name from the appropriate FA pro package.
+     */
+    async loadIconFaFallback() {
+        const iconName = this.icon();
+        const style = this.getKeyStyle() ?? 'regular';
+        const faKey = this.toFaKey(iconName);
+        this.svgContent.set(null);
+        try {
+            let module;
+            if (style === 'light') {
+                module =
+                    (await import('@fortawesome/pro-light-svg-icons'));
+            }
+            else if (style === 'solid') {
+                module =
+                    (await import('@fortawesome/pro-solid-svg-icons'));
+            }
+            else {
+                module =
+                    (await import('@fortawesome/pro-regular-svg-icons'));
+            }
+            this.iconDefinition.set(module[faKey] ?? null);
+        }
+        catch {
+            this.iconDefinition.set(null);
+        }
+    }
     /**
      * Loads a custom icon from the IconCatalog.
      * Sanitize the SVG content and apply the appropriate color.
@@ -1227,9 +1341,7 @@ class IconComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-icon', imports: [
-                        FontAwesomeModule
-                    ], template: "<div>\n  @if(iconDefinition()){\n\n  <fa-icon\n    class=\"svg-icon svg-icon__fa\"\n    [icon]=\"iconDefinition() ?? ''\"\n    [attr.color]=\"color()\"\n    [size]=\"sizeProp() ?? '1x'\"\n    [attr.disabled]=\"disabled()\"\n    ></fa-icon>\n\n  } @else if(svgContent()){\n\n  <div\n    class=\"svg-icon svg-icon__cu\"\n    [innerHTML]=\"svgContent()\"\n    [style]=\"{\n      '--color': color(),\n      '--size': size()\n    }\"\n    [attr.disabled]=\"disabled()\"\n    [attr.size]=\"size()\"\n    [attr.color]=\"color()\"></div>\n\n  }\n</div>\n", styles: [".svg-icon{display:inline-block;width:fit-content}.svg-icon[color=primary]{color:var(--tk-color-primary-500)}.svg-icon[color=secondary]{color:var(--tk-color-secondary-500)}.svg-icon[color=danger]{color:var(--tk-color-danger-500)}.svg-icon[color=warning]{color:var(--tk-color-warning-700)}.svg-icon[color=info]{color:var(--tk-color-info-500)}.svg-icon[color=light]{color:var(--tk-color-full-white)}.svg-icon[disabled=true],.svg-icon[data-disabled=true]{color:var(--tk-color-neutral-500)!important}.svg-icon__cu[size=\"2xs\"],.svg-icon__cu[data-size=\"2xs\"]{font-size:.625em}.svg-icon__cu[size=xs],.svg-icon__cu[data-size=xs]{font-size:.75em}.svg-icon__cu[size=sm],.svg-icon__cu[data-size=sm]{font-size:.875em}.svg-icon__cu[size=lg],.svg-icon__cu[data-size=lg]{font-size:1.25em}.svg-icon__cu[size=xl],.svg-icon__cu[data-size=xl]{font-size:1.5em}.svg-icon__cu[size=\"2xl\"],.svg-icon__cu[data-size=\"2xl\"]{font-size:2em}.svg-icon__cu[size=\"1x\"],.svg-icon__cu[data-size=\"1x\"]{font-size:1em}.svg-icon__cu[size=\"2x\"],.svg-icon__cu[data-size=\"2x\"]{font-size:2em}.svg-icon__cu[size=\"3x\"],.svg-icon__cu[data-size=\"3x\"]{font-size:3em}.svg-icon__cu[size=\"4x\"],.svg-icon__cu[data-size=\"4x\"]{font-size:4em}.svg-icon__cu[size=\"5x\"],.svg-icon__cu[data-size=\"5x\"]{font-size:5em}svg{width:100%;height:100%}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-icon', imports: [FontAwesomeModule], template: "<div>\n  @if(iconDefinition()){\n\n  <fa-icon\n    class=\"svg-icon svg-icon__fa\"\n    [icon]=\"iconDefinition() ?? ''\"\n    [attr.color]=\"color()\"\n    [size]=\"sizeProp() ?? '1x'\"\n    [attr.disabled]=\"disabled()\"\n    ></fa-icon>\n\n  } @else if(svgContent()){\n\n  <div\n    class=\"svg-icon svg-icon__cu\"\n    [innerHTML]=\"svgContent()\"\n    [style]=\"{\n      '--color': color(),\n      '--size': size()\n    }\"\n    [attr.disabled]=\"disabled()\"\n    [attr.size]=\"size()\"\n    [attr.color]=\"color()\"></div>\n\n  }\n</div>\n", styles: [".svg-icon{display:inline-block;width:fit-content}.svg-icon[color=primary]{color:var(--tk-color-primary-500)}.svg-icon[color=secondary]{color:var(--tk-color-secondary-500)}.svg-icon[color=danger]{color:var(--tk-color-danger-500)}.svg-icon[color=warning]{color:var(--tk-color-warning-700)}.svg-icon[color=info]{color:var(--tk-color-info-500)}.svg-icon[color=light]{color:var(--tk-color-full-white)}.svg-icon[disabled=true],.svg-icon[data-disabled=true]{color:var(--tk-color-neutral-500)!important}.svg-icon__cu[size=\"2xs\"],.svg-icon__cu[data-size=\"2xs\"]{font-size:.625em}.svg-icon__cu[size=xs],.svg-icon__cu[data-size=xs]{font-size:.75em}.svg-icon__cu[size=sm],.svg-icon__cu[data-size=sm]{font-size:.875em}.svg-icon__cu[size=lg],.svg-icon__cu[data-size=lg]{font-size:1.25em}.svg-icon__cu[size=xl],.svg-icon__cu[data-size=xl]{font-size:1.5em}.svg-icon__cu[size=\"2xl\"],.svg-icon__cu[data-size=\"2xl\"]{font-size:2em}.svg-icon__cu[size=\"1x\"],.svg-icon__cu[data-size=\"1x\"]{font-size:1em}.svg-icon__cu[size=\"2x\"],.svg-icon__cu[data-size=\"2x\"]{font-size:2em}.svg-icon__cu[size=\"3x\"],.svg-icon__cu[data-size=\"3x\"]{font-size:3em}.svg-icon__cu[size=\"4x\"],.svg-icon__cu[data-size=\"4x\"]{font-size:4em}.svg-icon__cu[size=\"5x\"],.svg-icon__cu[data-size=\"5x\"]{font-size:5em}svg{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], styleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleIcon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
 
 const tkAdsIcon = `<svg