@tekus/design-system 5.23.0 → 5.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-textarea.mjs","sources":["../../../projects/design-system/components/textarea/src/textarea.component.ts","../../../projects/design-system/components/textarea/src/textarea.component.html","../../../projects/design-system/components/textarea/tekus-design-system-components-textarea.ts"],"sourcesContent":["\nimport {\n  Component,\n  input,\n  model,\n  signal,\n  computed,\n  inject,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  ReactiveFormsModule,\n  NgControl,\n} from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { TextareaModule } from 'primeng/textarea';\nimport { MessageModule } from 'primeng/message';\n\n@Component({\n  selector: 'tk-textarea',\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    TextareaModule,\n    FloatLabelModule,\n    MessageModule\n],\n  templateUrl: './textarea.component.html',\n  styleUrl: './textarea.component.scss',\n})\nexport class TextareaComponent\n  implements ControlValueAccessor, OnInit, OnDestroy\n{\n  /* ───────────── Dependency injection ───────────── */\n  private readonly ngControl = inject(NgControl, {\n    self: true,\n    optional: true,\n  });\n\n  constructor() {\n    this.bindValueAccessor();\n  }\n\n  /* ───────────── Inputs / State ───────────── */\n\n  /**\n   * @property {ModelSignal<string>} value\n   * @description\n   * The value of the textarea. Supports two-way binding via signals.\n   */\n  value = model<string>('');\n\n  /**\n   * @property {InputSignal<FormControl>} control\n   * @description\n   * External FormControl used to read/set the textarea value.\n   * If not provided, an internal FormControl is created.\n   */\n  control = input<FormControl>(new FormControl(''));\n\n  /**\n   * @property {InputSignal<string>} label\n   * @description\n   * Label displayed above the textarea.\n   */\n  label = input<string>('');\n\n  /**\n   * @property {InputSignal<string>} id\n   * @description\n   * HTML id attribute for the textarea.\n   * @default 'tk-textarea'\n   */\n  id = input<string>('tk-textarea');\n\n  /**\n   * @property {InputSignal<number>} rows\n   * @description\n   * Number of visible text lines for the textarea.\n   * @default 1\n   */\n  rows = input<number>(1);\n\n  /**\n   * @property {InputSignal<number>} cols\n   * @description\n   * Visible width of the textarea in average character widths.\n   * @default 30\n   */\n  cols = input<number>(30);\n\n  /**\n   * @property {InputSignal<string>} hint\n   * @description\n   * Hint text to display below the textarea.\n   */\n  hint = input<string>('');\n\n  /**\n   * @property {InputSignal<string>} errorMessage\n   * @description\n   * Message to display when the control is invalid and touched.\n   */\n  errorMessage = input<string>('');\n\n  /**\n   * @property {InputSignal<number | null>} maxLength\n   * @description\n   * Maximum number of characters allowed in the textarea.\n   */\n  maxLength = input<number | null>(null);\n\n  /**\n   * @property {boolean} disabled\n   * @description\n   * Whether the textarea is disabled.\n   */\n  disabled = signal<boolean>(false);\n\n  /* ───────────── Derived state ───────────── */\n\n  counterText = computed(() => {\n    const limit = this.maxLength();\n    return limit ? `${this.value().length}/${limit}` : '';\n  });\n\n  /* ───────────── CVA callbacks ───────────── */\n\n  private propagateChange: (value: string) => void = () => {};\n  private propagateTouched: () => void = () => {};\n\n  /* ───────────── Internals ───────────── */\n\n  private syncingFromView = false;\n  private readonly subscriptions = new Subscription();\n\n  /* ───────────── Lifecycle ───────────── */\n\n  ngOnInit(): void {\n    this.initializeFromControl();\n    this.listenToControlChanges();\n  }\n\n  ngOnDestroy(): void {\n    this.subscriptions.unsubscribe();\n  }\n\n  /* ───────────── ControlValueAccessor ───────────── */\n\n  /**\n   * @method writeValue\n   * @description\n   * Writes a new value to the element.\n   * @param value The new value.\n   */\n  writeValue(value: string): void {\n    const safeValue = value ?? '';\n    this.value.set(safeValue);\n    this.control().setValue(safeValue, { emitEvent: false });\n  }\n\n  /**\n   * @method registerOnChange\n   * @description\n   * Registers a callback function that is called when the control's value changes in the UI.\n   * @param fn The callback function.\n   */\n  registerOnChange(fn: (value: string) => void): void {\n    this.propagateChange = fn;\n  }\n\n  /**\n   * @method registerOnTouched\n   * @description\n   * Registers a callback function that is called by the forms API on initialization to update the form model on blur.\n   * @param fn The callback function.\n   */\n  registerOnTouched(fn: () => void): void {\n    this.propagateTouched = fn;\n  }\n\n  /**\n   * @method setDisabledState\n   * @description\n   * Function that is called by the forms API when the control status changes to or from 'DISABLED'.\n   * @param isDisabled The disabled status to set on the element.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n    if (isDisabled) {\n      this.control().disable({ emitEvent: false });\n    } else {\n      this.control().enable({ emitEvent: false });\n    }\n  }\n\n  /* ───────────── Template handlers ───────────── */\n\n  /**\n   * @method onInput\n   * @description\n   * Handles input events to update the model and notify forms.\n   * @param event The input event.\n   */\n  onInput(event: Event): void {\n    const nextValue = (event.target as HTMLTextAreaElement).value;\n    this.syncFromUserInput(nextValue);\n  }\n\n  /**\n   * @method onBlur\n   * @description\n   * Handles blur events to mark the control as touched.\n   */\n  onBlur(): void {\n    this.markControlAsTouched();\n  }\n\n  /* ───────────── Private helpers ───────────── */\n\n  private bindValueAccessor(): void {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private initializeFromControl(): void {\n    const control = this.getControl();\n\n    if (control.value !== null && control.value !== undefined) {\n      this.value.set(control.value);\n    }\n\n    this.disabled.set(control.disabled);\n  }\n\n  private listenToControlChanges(): void {\n    const control = this.getControl();\n\n    this.subscriptions.add(\n      control.valueChanges.subscribe(value => {\n        if (this.syncingFromView) return;\n        if (value !== this.value()) {\n          this.value.set(value ?? '');\n          this.propagateChange(value);\n        }\n      })\n    );\n\n    this.subscriptions.add(\n      control.statusChanges.subscribe(() => {\n        this.disabled.set(control.disabled);\n      })\n    );\n  }\n\n  private syncFromUserInput(value: string): void {\n    this.syncingFromView = true;\n\n    this.value.set(value);\n    this.propagateChange(value);\n\n    const control = this.getControl();\n    control.setValue(value);\n    control.markAsDirty();\n\n    this.syncingFromView = false;\n  }\n\n  private markControlAsTouched(): void {\n    this.propagateTouched();\n    this.getControl().markAsTouched();\n  }\n\n  private getControl(): FormControl {\n    return (this.ngControl?.control as FormControl) || this.control();\n  }\n\n  get effectiveControl(): FormControl {\n    return this.getControl();\n  }\n}\n","<p-floatlabel>\n  <div class=\"tk-textarea-wrapper\">\n    <textarea\n      pTextarea\n      [autoResize]=\"true\"\n      [id]=\"id()\"\n      [rows]=\"rows()\"\n      [cols]=\"cols()\"\n      [value]=\"value()\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.maxlength]=\"maxLength()\"\n      [disabled]=\"disabled()\"\n      [class.p-filled]=\"!!value()\"\n      [class.ng-invalid]=\"effectiveControl.invalid\"\n      [class.ng-dirty]=\"effectiveControl.dirty\"\n      [class.ng-touched]=\"effectiveControl.touched\"></textarea>\n\n    <label [for]=\"id()\">{{ label() }}</label>\n  </div>\n</p-floatlabel>\n\n<div class=\"tk-input-bottom\">\n  <div class=\"tk-input-messages\">\n    @if ((effectiveControl.invalid && (effectiveControl.dirty ||\n    effectiveControl.touched)) && errorMessage()) {\n    <p-message severity=\"error\" size=\"small\" variant=\"simple\">\n      {{ errorMessage() }}\n    </p-message>\n    } @else if (hint()) {\n    <p-message severity=\"secondary\" size=\"small\" variant=\"simple\">\n      {{ hint() }}\n    </p-message>\n    }\n  </div>\n\n  @if (maxLength()) {\n  <p-message\n    severity=\"secondary\"\n    size=\"small\"\n    variant=\"simple\"\n    class=\"tk-character-counter\">\n    {{ counterText() }}\n  </p-message>\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-textarea.mjs","sources":["../../../projects/design-system/components/textarea/src/textarea.component.ts","../../../projects/design-system/components/textarea/src/textarea.component.html","../../../projects/design-system/components/textarea/tekus-design-system-components-textarea.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  input,\n  model,\n  signal,\n  computed,\n  inject,\n  OnInit,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  ReactiveFormsModule,\n  NgControl,\n} from '@angular/forms';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { TextareaModule } from 'primeng/textarea';\nimport { MessageModule } from 'primeng/message';\n\n@Component({\n  selector: 'tk-textarea',\n  imports: [\n    ReactiveFormsModule,\n    TextareaModule,\n    FloatLabelModule,\n    MessageModule,\n  ],\n  templateUrl: './textarea.component.html',\n  styleUrl: './textarea.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaComponent\n  implements ControlValueAccessor, OnInit\n{\n  /* ───────────── Dependency injection ───────────── */\n  private readonly ngControl = inject(NgControl, {\n    self: true,\n    optional: true,\n  });\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    this.bindValueAccessor();\n  }\n\n  /* ───────────── Inputs / State ───────────── */\n\n  /**\n   * @property {ModelSignal<string>} value\n   * @description\n   * The value of the textarea. Supports two-way binding via signals.\n   */\n  value = model<string>('');\n\n  /**\n   * @property {InputSignal<FormControl>} control\n   * @description\n   * External FormControl used to read/set the textarea value.\n   * If not provided, an internal FormControl is created.\n   */\n  control = input<FormControl>(new FormControl(''));\n\n  /**\n   * @property {InputSignal<string>} label\n   * @description\n   * Label displayed above the textarea.\n   */\n  label = input<string>('');\n\n  /**\n   * @property {InputSignal<string>} id\n   * @description\n   * HTML id attribute for the textarea.\n   * @default 'tk-textarea'\n   */\n  id = input<string>('tk-textarea');\n\n  /**\n   * @property {InputSignal<number>} rows\n   * @description\n   * Number of visible text lines for the textarea.\n   * @default 1\n   */\n  rows = input<number>(1);\n\n  /**\n   * @property {InputSignal<number>} cols\n   * @description\n   * Visible width of the textarea in average character widths.\n   * @default 30\n   */\n  cols = input<number>(30);\n\n  /**\n   * @property {InputSignal<string>} hint\n   * @description\n   * Hint text to display below the textarea.\n   */\n  hint = input<string>('');\n\n  /**\n   * @property {InputSignal<string>} errorMessage\n   * @description\n   * Message to display when the control is invalid and touched.\n   */\n  errorMessage = input<string>('');\n\n  /**\n   * @property {InputSignal<number | null>} maxLength\n   * @description\n   * Maximum number of characters allowed in the textarea.\n   */\n  maxLength = input<number | null>(null);\n\n  /**\n   * @property {boolean} disabled\n   * @description\n   * Whether the textarea is disabled.\n   */\n  disabled = signal<boolean>(false);\n\n  /* ───────────── Derived state ───────────── */\n\n  counterText = computed(() => {\n    const limit = this.maxLength();\n    return limit ? `${this.value().length}/${limit}` : '';\n  });\n\n  /* ───────────── CVA callbacks ───────────── */\n\n  private propagateChange: (value: string) => void = () => {};\n  private propagateTouched: () => void = () => {};\n\n  /* ───────────── Internals ───────────── */\n\n  private syncingFromView = false;\n\n  /* ───────────── Lifecycle ───────────── */\n\n  ngOnInit(): void {\n    this.initializeFromControl();\n    this.listenToControlChanges();\n  }\n\n  /* ───────────── ControlValueAccessor ───────────── */\n\n  /**\n   * @method writeValue\n   * @description\n   * Writes a new value to the element.\n   * @param value The new value.\n   */\n  writeValue(value: string): void {\n    const safeValue = value ?? '';\n    this.value.set(safeValue);\n    this.control().setValue(safeValue, { emitEvent: false });\n  }\n\n  /**\n   * @method registerOnChange\n   * @description\n   * Registers a callback function that is called when the control's value changes in the UI.\n   * @param fn The callback function.\n   */\n  registerOnChange(fn: (value: string) => void): void {\n    this.propagateChange = fn;\n  }\n\n  /**\n   * @method registerOnTouched\n   * @description\n   * Registers a callback function that is called by the forms API on initialization to update the form model on blur.\n   * @param fn The callback function.\n   */\n  registerOnTouched(fn: () => void): void {\n    this.propagateTouched = fn;\n  }\n\n  /**\n   * @method setDisabledState\n   * @description\n   * Function that is called by the forms API when the control status changes to or from 'DISABLED'.\n   * @param isDisabled The disabled status to set on the element.\n   */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n    if (isDisabled) {\n      this.control().disable({ emitEvent: false });\n    } else {\n      this.control().enable({ emitEvent: false });\n    }\n  }\n\n  /* ───────────── Template handlers ───────────── */\n\n  /**\n   * @method onInput\n   * @description\n   * Handles input events to update the model and notify forms.\n   * @param event The input event.\n   */\n  onInput(event: Event): void {\n    const nextValue = (event.target as HTMLTextAreaElement).value;\n    this.syncFromUserInput(nextValue);\n  }\n\n  /**\n   * @method onBlur\n   * @description\n   * Handles blur events to mark the control as touched.\n   */\n  onBlur(): void {\n    this.markControlAsTouched();\n  }\n\n  /* ───────────── Private helpers ───────────── */\n\n  private bindValueAccessor(): void {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  private initializeFromControl(): void {\n    const control = this.getControl();\n\n    if (control.value !== null && control.value !== undefined) {\n      this.value.set(control.value);\n    }\n\n    this.disabled.set(control.disabled);\n  }\n\n  private listenToControlChanges(): void {\n    const control = this.getControl();\n\n    control.valueChanges\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(value => {\n        if (this.syncingFromView) return;\n        if (value !== this.value()) {\n          this.value.set(value ?? '');\n          this.propagateChange(value);\n        }\n      });\n\n    control.statusChanges\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.disabled.set(control.disabled);\n      });\n  }\n\n  private syncFromUserInput(value: string): void {\n    this.syncingFromView = true;\n\n    this.value.set(value);\n    this.propagateChange(value);\n\n    const control = this.getControl();\n    control.setValue(value);\n    control.markAsDirty();\n\n    this.syncingFromView = false;\n  }\n\n  private markControlAsTouched(): void {\n    this.propagateTouched();\n    this.getControl().markAsTouched();\n  }\n\n  private getControl(): FormControl {\n    return (this.ngControl?.control as FormControl) || this.control();\n  }\n\n  get effectiveControl(): FormControl {\n    return this.getControl();\n  }\n}\n","<p-floatlabel>\n  <div class=\"tk-textarea-wrapper\">\n    <textarea\n      pTextarea\n      [autoResize]=\"true\"\n      [id]=\"id()\"\n      [rows]=\"rows()\"\n      [cols]=\"cols()\"\n      [value]=\"value()\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onBlur()\"\n      [attr.maxlength]=\"maxLength()\"\n      [disabled]=\"disabled()\"\n      [class.p-filled]=\"!!value()\"\n      [class.ng-invalid]=\"effectiveControl.invalid\"\n      [class.ng-dirty]=\"effectiveControl.dirty\"\n      [class.ng-touched]=\"effectiveControl.touched\"></textarea>\n\n    <label [for]=\"id()\">{{ label() }}</label>\n  </div>\n</p-floatlabel>\n\n<div class=\"tk-input-bottom\">\n  <div class=\"tk-input-messages\">\n    @if ((effectiveControl.invalid && (effectiveControl.dirty ||\n    effectiveControl.touched)) && errorMessage()) {\n    <p-message severity=\"error\" size=\"small\" variant=\"simple\">\n      {{ errorMessage() }}\n    </p-message>\n    } @else if (hint()) {\n    <p-message severity=\"secondary\" size=\"small\" variant=\"simple\">\n      {{ hint() }}\n    </p-message>\n    }\n  </div>\n\n  @if (maxLength()) {\n  <p-message\n    severity=\"secondary\"\n    size=\"small\"\n    variant=\"simple\"\n    class=\"tk-character-counter\">\n    {{ counterText() }}\n  </p-message>\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-toolbar.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { model, signal, input, output, Component } from '@angular/core';
+import { model, signal, input, output, ChangeDetectionStrategy, Component } from '@angular/core';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { combineLatest, distinctUntilChanged, switchMap, EMPTY, timer } from 'rxjs';
 import { ButtonComponent } from '@tekus/design-system/components/button';
@@ -179,11 +179,11 @@ class ToolbarComponent {
         this.reload.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: ToolbarComponent, isStandalone: true, selector: "tk-toolbar", inputs: { searchModel: { classPropertyName: "searchModel", publicName: "searchModel", isSignal: true, isRequired: false, transformFunction: null }, filterModel: { classPropertyName: "filterModel", publicName: "filterModel", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, filterOptionLabel: { classPropertyName: "filterOptionLabel", publicName: "filterOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, filterFloatLabel: { classPropertyName: "filterFloatLabel", publicName: "filterFloatLabel", isSignal: true, isRequired: false, transformFunction: null }, searchFloatLabel: { classPropertyName: "searchFloatLabel", publicName: "searchFloatLabel", isSignal: true, isRequired: false, transformFunction: null }, searchVisible: { classPropertyName: "searchVisible", publicName: "searchVisible", isSignal: true, isRequired: false, transformFunction: null }, filterVisible: { classPropertyName: "filterVisible", publicName: "filterVisible", isSignal: true, isRequired: false, transformFunction: null }, reloadVisible: { classPropertyName: "reloadVisible", publicName: "reloadVisible", isSignal: true, isRequired: false, transformFunction: null }, reloadInterval: { classPropertyName: "reloadInterval", publicName: "reloadInterval", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchModel: "searchModelChange", filterModel: "filterModelChange", reload: "reload" }, ngImport: i0, template: "<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\n</div>\n", styles: [".toolbar{display:flex;justify-content:end;flex-wrap:wrap;gap:var(--tk-spacing-base-50, .5rem);row-gap:var(--tk-spacing-base-150, 1.5rem)}.toolbar__input-container{width:15rem}.toolbar__buttons{display:flex;gap:var(--tk-spacing-base-50, .5rem);margin-top:var(--tk-spacing-base-50, .5rem)}.toolbar__reload-btn{border-radius:var(--tk-borderRadius-s, 8px)!important;position:relative}.toolbar__reload-btn--animating:before{content:\"\";position:absolute;inset:-2px;background:conic-gradient(var(--tk-color-base-sky-300, #92bada) var(--progress, 0%),transparent var(--progress, 0%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;border-radius:inherit;animation:draw-border var(--reload-interval, 5s) infinite linear;pointer-events:none}.toolbar__reload-btn--spinning ::ng-deep tk-icon{display:inline-block;animation:spin 1s infinite linear}@media(max-width:768px){.toolbar{justify-content:flex-start}}@property --progress{syntax: \"<percentage>\"; inherits: false; initial-value: 0%;}@keyframes draw-border{0%{--progress: 0%}to{--progress: 100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .tk-input-bottom{display:none}:host ::ng-deep .p-button-outlined{border:1px solid transparent!important}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: InputTextComponent, selector: "tk-input-text", inputs: ["value", "control", "label", "type", "id", "icon", "clearable", "errorMessage", "hint", "maxLength"], outputs: ["valueChange"] }, { kind: "component", type: SelectComponent, selector: "tk-select", inputs: ["id", "control", "options", "optionLabel", "label", "showClear", "disabled", "errorMessage", "hint", "model"], outputs: ["modelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: ToolbarComponent, isStandalone: true, selector: "tk-toolbar", inputs: { searchModel: { classPropertyName: "searchModel", publicName: "searchModel", isSignal: true, isRequired: false, transformFunction: null }, filterModel: { classPropertyName: "filterModel", publicName: "filterModel", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, filterOptionLabel: { classPropertyName: "filterOptionLabel", publicName: "filterOptionLabel", isSignal: true, isRequired: false, transformFunction: null }, filterFloatLabel: { classPropertyName: "filterFloatLabel", publicName: "filterFloatLabel", isSignal: true, isRequired: false, transformFunction: null }, searchFloatLabel: { classPropertyName: "searchFloatLabel", publicName: "searchFloatLabel", isSignal: true, isRequired: false, transformFunction: null }, searchVisible: { classPropertyName: "searchVisible", publicName: "searchVisible", isSignal: true, isRequired: false, transformFunction: null }, filterVisible: { classPropertyName: "filterVisible", publicName: "filterVisible", isSignal: true, isRequired: false, transformFunction: null }, reloadVisible: { classPropertyName: "reloadVisible", publicName: "reloadVisible", isSignal: true, isRequired: false, transformFunction: null }, reloadInterval: { classPropertyName: "reloadInterval", publicName: "reloadInterval", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchModel: "searchModelChange", filterModel: "filterModelChange", reload: "reload" }, ngImport: i0, template: "<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\n</div>\n", styles: [".toolbar{display:flex;justify-content:end;flex-wrap:wrap;gap:var(--tk-spacing-base-50, .5rem);row-gap:var(--tk-spacing-base-150, 1.5rem)}.toolbar__input-container{width:15rem}.toolbar__buttons{display:flex;gap:var(--tk-spacing-base-50, .5rem);margin-top:var(--tk-spacing-base-50, .5rem)}.toolbar__reload-btn{border-radius:var(--tk-borderRadius-s, 8px)!important;position:relative}.toolbar__reload-btn--animating:before{content:\"\";position:absolute;inset:-2px;background:conic-gradient(var(--tk-color-base-sky-300, #92bada) var(--progress, 0%),transparent var(--progress, 0%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;border-radius:inherit;animation:draw-border var(--reload-interval, 5s) infinite linear;pointer-events:none}.toolbar__reload-btn--spinning ::ng-deep tk-icon{display:inline-block;animation:spin 1s infinite linear}@media(max-width:768px){.toolbar{justify-content:flex-start}}@property --progress{syntax: \"<percentage>\"; inherits: false; initial-value: 0%;}@keyframes draw-border{0%{--progress: 0%}to{--progress: 100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .tk-input-bottom{display:none}:host ::ng-deep .p-button-outlined{border:1px solid transparent!important}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: InputTextComponent, selector: "tk-input-text", inputs: ["value", "control", "label", "type", "id", "icon", "clearable", "errorMessage", "hint", "maxLength"], outputs: ["valueChange"] }, { kind: "component", type: SelectComponent, selector: "tk-select", inputs: ["id", "control", "options", "optionLabel", "label", "showClear", "disabled", "errorMessage", "hint", "model"], outputs: ["modelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-toolbar', imports: [ButtonComponent, InputTextComponent, SelectComponent], template: "<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\n</div>\n", styles: [".toolbar{display:flex;justify-content:end;flex-wrap:wrap;gap:var(--tk-spacing-base-50, .5rem);row-gap:var(--tk-spacing-base-150, 1.5rem)}.toolbar__input-container{width:15rem}.toolbar__buttons{display:flex;gap:var(--tk-spacing-base-50, .5rem);margin-top:var(--tk-spacing-base-50, .5rem)}.toolbar__reload-btn{border-radius:var(--tk-borderRadius-s, 8px)!important;position:relative}.toolbar__reload-btn--animating:before{content:\"\";position:absolute;inset:-2px;background:conic-gradient(var(--tk-color-base-sky-300, #92bada) var(--progress, 0%),transparent var(--progress, 0%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;border-radius:inherit;animation:draw-border var(--reload-interval, 5s) infinite linear;pointer-events:none}.toolbar__reload-btn--spinning ::ng-deep tk-icon{display:inline-block;animation:spin 1s infinite linear}@media(max-width:768px){.toolbar{justify-content:flex-start}}@property --progress{syntax: \"<percentage>\"; inherits: false; initial-value: 0%;}@keyframes draw-border{0%{--progress: 0%}to{--progress: 100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .tk-input-bottom{display:none}:host ::ng-deep .p-button-outlined{border:1px solid transparent!important}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-toolbar', imports: [ButtonComponent, InputTextComponent, SelectComponent], template: "<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\n</div>\n", styles: [".toolbar{display:flex;justify-content:end;flex-wrap:wrap;gap:var(--tk-spacing-base-50, .5rem);row-gap:var(--tk-spacing-base-150, 1.5rem)}.toolbar__input-container{width:15rem}.toolbar__buttons{display:flex;gap:var(--tk-spacing-base-50, .5rem);margin-top:var(--tk-spacing-base-50, .5rem)}.toolbar__reload-btn{border-radius:var(--tk-borderRadius-s, 8px)!important;position:relative}.toolbar__reload-btn--animating:before{content:\"\";position:absolute;inset:-2px;background:conic-gradient(var(--tk-color-base-sky-300, #92bada) var(--progress, 0%),transparent var(--progress, 0%));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;border-radius:inherit;animation:draw-border var(--reload-interval, 5s) infinite linear;pointer-events:none}.toolbar__reload-btn--spinning ::ng-deep tk-icon{display:inline-block;animation:spin 1s infinite linear}@media(max-width:768px){.toolbar{justify-content:flex-start}}@property --progress{syntax: \"<percentage>\"; inherits: false; initial-value: 0%;}@keyframes draw-border{0%{--progress: 0%}to{--progress: 100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host ::ng-deep .tk-input-bottom{display:none}:host ::ng-deep .p-button-outlined{border:1px solid transparent!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchModel", required: false }] }, { type: i0.Output, args: ["searchModelChange"] }], filterModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterModel", required: false }] }, { type: i0.Output, args: ["filterModelChange"] }], filterOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterOptions", required: false }] }], filterOptionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterOptionLabel", required: false }] }], filterFloatLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterFloatLabel", required: false }] }], searchFloatLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFloatLabel", required: false }] }], searchVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchVisible", required: false }] }], filterVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterVisible", required: false }] }], reloadVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadVisible", required: false }] }], reloadInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "reloadInterval", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], reload: [{ type: i0.Output, args: ["reload"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-toolbar.mjs","sources":["../../../projects/design-system/components/toolbar/src/toolbar.component.ts","../../../projects/design-system/components/toolbar/src/toolbar.component.html","../../../projects/design-system/components/toolbar/tekus-design-system-components-toolbar.ts"],"sourcesContent":["import { Component, model, signal, input, output } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport {\n  combineLatest,\n  distinctUntilChanged,\n  EMPTY,\n  switchMap,\n  timer,\n} from 'rxjs';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { SelectComponent } from '@tekus/design-system/components/select';\nimport { InputTextComponent } from '@tekus/design-system/components/input-text';\n\n@Component({\n  selector: 'tk-toolbar',\n  imports: [ButtonComponent, InputTextComponent, SelectComponent],\n  templateUrl: './toolbar.component.html',\n  styleUrl: './toolbar.component.scss',\n})\nexport class ToolbarComponent {\n  /**\n   * @property {ModelSignal<string>} searchModel\n   * @description\n   * Two-way bindable signal for the search input value.\n   * Supports [(searchModel)]=\"variable\" syntax for two-way binding.\n   * @default ''\n   */\n  searchModel = model<string>('');\n\n  /**\n   * @property {ModelSignal<Record<string, string> | null>} filterModel\n   * @description\n   * Two-way bindable signal for the filter select value.\n   * Supports [(filterModel)]=\"variable\" syntax for two-way binding.\n   * @default null\n   */\n  filterModel = model<Record<string, string> | null>(null);\n\n  /**\n   * @property {WritableSignal<boolean>} showSearchInput\n   * @description\n   * Controls the visibility of the search input. Toggles when the search button is clicked.\n   * @default false\n   */\n  showSearchInput = signal<boolean>(false);\n\n  /**\n   * @property {WritableSignal<boolean>} showFilterSelect\n   * @description\n   * Controls the visibility of the filter select. Toggles when the filter button is clicked.\n   * @default false\n   */\n  showFilterSelect = signal<boolean>(false);\n\n  /**\n   * @property {InputSignal<Array<{ label: string; value: string }>>} filterOptions\n   * @description\n   * Array of options available in the filter select dropdown.\n   * Each option is an object with `label` (displayed text) and `value` (internal identifier).\n   *\n   * @default\n   * [\n   *   { label: 'Option 1', value: 'option1' },\n   *   { label: 'Option 2', value: 'option2' },\n   *   { label: 'Option 3', value: 'option3' }\n   * ]\n   */\n  filterOptions = input<Array<{ label: string; value: string }>>([\n    { label: 'Option 1', value: 'option1' },\n    { label: 'Option 2', value: 'option2' },\n    { label: 'Option 3', value: 'option3' },\n  ]);\n\n  /**\n   * @property {InputSignal<string>} filterOptionLabel\n   * @description\n   * Property name used to display the label in the select dropdown options.\n   * This corresponds to the key in each option object that contains the display text.\n   *\n   * @default 'label'\n   */\n  filterOptionLabel = input<string>('label');\n\n  /**\n   * @property {InputSignal<string>} filterFloatLabel\n   * @description\n   * Label text displayed above the filter select input using the FloatLabel wrapper.\n   * This is the placeholder/label that floats when the select is focused or has a value.\n   *\n   * @default 'Filtrar'\n   */\n  filterFloatLabel = input<string>('Filtrar');\n\n  /**\n   * @property {InputSignal<string>} searchFloatLabel\n   * @description\n   * Label text displayed above the search input using the FloatLabel wrapper.\n   * This is the placeholder/label that floats when the search input is focused or has a value.\n   *\n   * @default 'Buscar'\n   */\n  searchFloatLabel = input<string>('Buscar');\n\n  /**\n   * @property {InputSignal<boolean>} searchVisible\n   * @description\n   * Controls the visibility of the search button.\n   * @default true\n   */\n  searchVisible = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} filterVisible\n   * @description\n   * Controls the visibility of the filter button.\n   * @default true\n   */\n  filterVisible = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} reloadVisible\n   * @description\n   * Controls the visibility of the reload button.\n   * @default false\n   */\n  reloadVisible = input<boolean>(false);\n\n  /**\n   * @property {InputSignal<number | null>} reloadInterval\n   * @description\n   * Sets the interval for automatic reload in milliseconds.\n   * If null, automatic reload is disabled.\n   * @default null\n   */\n  reloadInterval = input<number | null>(null);\n\n  /**\n   * @property {InputSignal<boolean>} loading\n   * @description\n   * Controls the loading state of the reload button, triggering a rotation animation.\n   * @default false\n   */\n  loading = input<boolean>(false);\n\n  /**\n   * @property {OutputEmitter<void>} reload\n   * @description\n   * Emits an event when the reload button is clicked or the automatic interval is reached.\n   */\n  reload = output<void>();\n\n  /**\n   * @method constructor\n   * @description\n   * Initializes the automatic reload logic using a declarative RxJS approach.\n   */\n  constructor() {\n    combineLatest([\n      toObservable(this.reloadInterval).pipe(distinctUntilChanged()),\n      toObservable(this.loading).pipe(distinctUntilChanged()),\n    ])\n      .pipe(\n        switchMap(([interval, isLoading]) => {\n          if (isLoading || !interval || interval <= 0) {\n            return EMPTY;\n          }\n          return timer(interval, interval);\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe(() => this.onReload());\n  }\n\n  /**\n   * @method toggleSearchInput\n   * @description\n   * Toggles the visibility of the search input field.\n   */\n  toggleSearchInput(): void {\n    this.showSearchInput.update(value => !value);\n    this.searchModel.set('');\n  }\n\n  /**\n   * @method toggleFilterSelect\n   * @description\n   * Toggles the visibility of the filter select dropdown.\n   */\n  toggleFilterSelect(): void {\n    this.showFilterSelect.update(value => !value);\n    this.filterModel.set(null);\n  }\n\n  /**\n   * @method onSelectedOption\n   * @description\n   * Handles filter select changes and updates the filterModel signal.\n   *\n   * @param value - Selected option value from tk-select\n   */\n  onSelectedOption(value: Record<string, string> | null): void {\n    this.filterModel.set(value);\n  }\n\n  /**\n   * @method onReload\n   * @description\n   * Emits the reload event.\n   */\n  onReload(): void {\n    this.reload.emit();\n  }\n}\n","<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\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-toolbar.mjs","sources":["../../../projects/design-system/components/toolbar/src/toolbar.component.ts","../../../projects/design-system/components/toolbar/src/toolbar.component.html","../../../projects/design-system/components/toolbar/tekus-design-system-components-toolbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, model, signal, input, output } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport {\n  combineLatest,\n  distinctUntilChanged,\n  EMPTY,\n  switchMap,\n  timer,\n} from 'rxjs';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { SelectComponent } from '@tekus/design-system/components/select';\nimport { InputTextComponent } from '@tekus/design-system/components/input-text';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'tk-toolbar',\n  imports: [ButtonComponent, InputTextComponent, SelectComponent],\n  templateUrl: './toolbar.component.html',\n  styleUrl: './toolbar.component.scss',\n})\nexport class ToolbarComponent {\n  /**\n   * @property {ModelSignal<string>} searchModel\n   * @description\n   * Two-way bindable signal for the search input value.\n   * Supports [(searchModel)]=\"variable\" syntax for two-way binding.\n   * @default ''\n   */\n  searchModel = model<string>('');\n\n  /**\n   * @property {ModelSignal<Record<string, string> | null>} filterModel\n   * @description\n   * Two-way bindable signal for the filter select value.\n   * Supports [(filterModel)]=\"variable\" syntax for two-way binding.\n   * @default null\n   */\n  filterModel = model<Record<string, string> | null>(null);\n\n  /**\n   * @property {WritableSignal<boolean>} showSearchInput\n   * @description\n   * Controls the visibility of the search input. Toggles when the search button is clicked.\n   * @default false\n   */\n  showSearchInput = signal<boolean>(false);\n\n  /**\n   * @property {WritableSignal<boolean>} showFilterSelect\n   * @description\n   * Controls the visibility of the filter select. Toggles when the filter button is clicked.\n   * @default false\n   */\n  showFilterSelect = signal<boolean>(false);\n\n  /**\n   * @property {InputSignal<Array<{ label: string; value: string }>>} filterOptions\n   * @description\n   * Array of options available in the filter select dropdown.\n   * Each option is an object with `label` (displayed text) and `value` (internal identifier).\n   *\n   * @default\n   * [\n   *   { label: 'Option 1', value: 'option1' },\n   *   { label: 'Option 2', value: 'option2' },\n   *   { label: 'Option 3', value: 'option3' }\n   * ]\n   */\n  filterOptions = input<Array<{ label: string; value: string }>>([\n    { label: 'Option 1', value: 'option1' },\n    { label: 'Option 2', value: 'option2' },\n    { label: 'Option 3', value: 'option3' },\n  ]);\n\n  /**\n   * @property {InputSignal<string>} filterOptionLabel\n   * @description\n   * Property name used to display the label in the select dropdown options.\n   * This corresponds to the key in each option object that contains the display text.\n   *\n   * @default 'label'\n   */\n  filterOptionLabel = input<string>('label');\n\n  /**\n   * @property {InputSignal<string>} filterFloatLabel\n   * @description\n   * Label text displayed above the filter select input using the FloatLabel wrapper.\n   * This is the placeholder/label that floats when the select is focused or has a value.\n   *\n   * @default 'Filtrar'\n   */\n  filterFloatLabel = input<string>('Filtrar');\n\n  /**\n   * @property {InputSignal<string>} searchFloatLabel\n   * @description\n   * Label text displayed above the search input using the FloatLabel wrapper.\n   * This is the placeholder/label that floats when the search input is focused or has a value.\n   *\n   * @default 'Buscar'\n   */\n  searchFloatLabel = input<string>('Buscar');\n\n  /**\n   * @property {InputSignal<boolean>} searchVisible\n   * @description\n   * Controls the visibility of the search button.\n   * @default true\n   */\n  searchVisible = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} filterVisible\n   * @description\n   * Controls the visibility of the filter button.\n   * @default true\n   */\n  filterVisible = input<boolean>(true);\n\n  /**\n   * @property {InputSignal<boolean>} reloadVisible\n   * @description\n   * Controls the visibility of the reload button.\n   * @default false\n   */\n  reloadVisible = input<boolean>(false);\n\n  /**\n   * @property {InputSignal<number | null>} reloadInterval\n   * @description\n   * Sets the interval for automatic reload in milliseconds.\n   * If null, automatic reload is disabled.\n   * @default null\n   */\n  reloadInterval = input<number | null>(null);\n\n  /**\n   * @property {InputSignal<boolean>} loading\n   * @description\n   * Controls the loading state of the reload button, triggering a rotation animation.\n   * @default false\n   */\n  loading = input<boolean>(false);\n\n  /**\n   * @property {OutputEmitter<void>} reload\n   * @description\n   * Emits an event when the reload button is clicked or the automatic interval is reached.\n   */\n  reload = output<void>();\n\n  /**\n   * @method constructor\n   * @description\n   * Initializes the automatic reload logic using a declarative RxJS approach.\n   */\n  constructor() {\n    combineLatest([\n      toObservable(this.reloadInterval).pipe(distinctUntilChanged()),\n      toObservable(this.loading).pipe(distinctUntilChanged()),\n    ])\n      .pipe(\n        switchMap(([interval, isLoading]) => {\n          if (isLoading || !interval || interval <= 0) {\n            return EMPTY;\n          }\n          return timer(interval, interval);\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe(() => this.onReload());\n  }\n\n  /**\n   * @method toggleSearchInput\n   * @description\n   * Toggles the visibility of the search input field.\n   */\n  toggleSearchInput(): void {\n    this.showSearchInput.update(value => !value);\n    this.searchModel.set('');\n  }\n\n  /**\n   * @method toggleFilterSelect\n   * @description\n   * Toggles the visibility of the filter select dropdown.\n   */\n  toggleFilterSelect(): void {\n    this.showFilterSelect.update(value => !value);\n    this.filterModel.set(null);\n  }\n\n  /**\n   * @method onSelectedOption\n   * @description\n   * Handles filter select changes and updates the filterModel signal.\n   *\n   * @param value - Selected option value from tk-select\n   */\n  onSelectedOption(value: Record<string, string> | null): void {\n    this.filterModel.set(value);\n  }\n\n  /**\n   * @method onReload\n   * @description\n   * Emits the reload event.\n   */\n  onReload(): void {\n    this.reload.emit();\n  }\n}\n","<div class=\"toolbar\">\n  @if (showSearchInput() && searchVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-input-text\n        [label]=\"searchFloatLabel()\"\n        icon=\"magnifying-glass\"\n        [clearable]=\"true\"\n        [value]=\"searchModel()\"\n        (valueChange)=\"searchModel.set($event)\">\n      </tk-input-text>\n    </div>\n  }\n  @if (showFilterSelect() && filterVisible()) {\n    <div class=\"toolbar__input-container\">\n      <tk-select\n        [options]=\"filterOptions()\"\n        [optionLabel]=\"filterOptionLabel()\"\n        [label]=\"filterFloatLabel()\"\n        (modelChange)=\"onSelectedOption($event ?? null)\">\n      </tk-select>\n    </div>\n  }\n  <div class=\"toolbar__buttons\">\n    @if (searchVisible()) {\n      <tk-button\n        [icon]=\"'magnifying-glass'\"\n        severity=\"secondary\"\n        [variant]=\"!showSearchInput() ? 'outlined' : undefined\"\n        (clicked)=\"toggleSearchInput()\">\n      </tk-button>\n    }\n    @if (filterVisible()) {\n      <tk-button\n        [icon]=\"'filter'\"\n        severity=\"secondary\"\n        [variant]=\"!showFilterSelect() ? 'outlined' : undefined\"\n        (clicked)=\"toggleFilterSelect()\">\n      </tk-button>\n    }\n    @if (reloadVisible()) {\n      <tk-button\n        class=\"toolbar__reload-btn\"\n        [class.toolbar__reload-btn--animating]=\"\n          reloadInterval() && reloadInterval()! > 0 && !loading()\n        \"\n        [class.toolbar__reload-btn--spinning]=\"loading()\"\n        [style.--reload-interval]=\"(reloadInterval() ?? 0) + 'ms'\"\n        [icon]=\"'arrows-rotate'\"\n        severity=\"secondary\"\n        variant=\"outlined\"\n        (clicked)=\"onReload()\">\n      </tk-button>\n    }\n  </div>\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-tooltip.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Tooltip } from 'primeng/tooltip';
 
 class TooltipComponent {
@@ -22,11 +22,11 @@ class TooltipComponent {
         this.position = input('top', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: TooltipComponent, isStandalone: true, selector: "tk-tooltip", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"], dependencies: [{ kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.3", type: TooltipComponent, isStandalone: true, selector: "tk-tooltip", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"], dependencies: [{ kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-tooltip', imports: [Tooltip], template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-tooltip', imports: [Tooltip], template: "<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host{display:inline-block}.tk-tooltip-wrapper{display:inline-block}\n"] }]
         }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-tooltip.mjs","sources":["../../../projects/design-system/components/tooltip/src/tooltip.component.ts","../../../projects/design-system/components/tooltip/src/tooltip.component.html","../../../projects/design-system/components/tooltip/tekus-design-system-components-tooltip.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { Tooltip } from 'primeng/tooltip';\n\n/**\n * @component TooltipComponent\n * @description\n * Wrapper component that applies a PrimeNG tooltip to its projected content.\n * It allows defining the tooltip text and its position relative to the content.\n *\n * @usage\n * ```html\n * <tk-tooltip content=\"Tooltip text\" position=\"top\">\n *   <button>Hover me</button>\n * </tk-tooltip>\n * ```\n */\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n@Component({\n  selector: 'tk-tooltip',\n  imports: [Tooltip],\n  templateUrl: './tooltip.component.html',\n  styleUrl: './tooltip.component.scss'\n})\nexport class TooltipComponent {\n  /**\n   * @property {string} content\n   * @description\n   * The text to be displayed in the tooltip.\n   *\n   * @required\n   */\n  content = input.required<string>();\n\n  /**\n   * @property {TooltipPosition} position\n   * @description\n   * Position of the tooltip relative to the element.\n   *\n   * @default 'top'\n   */\n  position = input<TooltipPosition>('top');\n}\n","<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAwBa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;AAOE;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAU;AAElC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,KAAK,+EAAC;AACzC,IAAA;8GAlBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxB7B,uIAGA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDiBY,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;+BACE,YAAY,EAAA,OAAA,EACb,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA;;;AEpBpB;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-tooltip.mjs","sources":["../../../projects/design-system/components/tooltip/src/tooltip.component.ts","../../../projects/design-system/components/tooltip/src/tooltip.component.html","../../../projects/design-system/components/tooltip/tekus-design-system-components-tooltip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { Tooltip } from 'primeng/tooltip';\n\n/**\n * @component TooltipComponent\n * @description\n * Wrapper component that applies a PrimeNG tooltip to its projected content.\n * It allows defining the tooltip text and its position relative to the content.\n *\n * @usage\n * ```html\n * <tk-tooltip content=\"Tooltip text\" position=\"top\">\n *   <button>Hover me</button>\n * </tk-tooltip>\n * ```\n */\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'tk-tooltip',\n  imports: [Tooltip],\n  templateUrl: './tooltip.component.html',\n  styleUrl: './tooltip.component.scss'\n})\nexport class TooltipComponent {\n  /**\n   * @property {string} content\n   * @description\n   * The text to be displayed in the tooltip.\n   *\n   * @required\n   */\n  content = input.required<string>();\n\n  /**\n   * @property {TooltipPosition} position\n   * @description\n   * Position of the tooltip relative to the element.\n   *\n   * @default 'top'\n   */\n  position = input<TooltipPosition>('top');\n}\n","<span [pTooltip]=\"content()\" [tooltipPosition]=\"position()\" class=\"tk-tooltip-wrapper\">\n  <ng-content></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAyBa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQE;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAU;AAElC;;;;;;AAMG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAkB,KAAK,+EAAC;AACzC,IAAA;8GAlBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzB7B,uIAGA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDkBY,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,YAAY,EAAA,OAAA,EACb,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,uIAAA,EAAA,MAAA,EAAA,CAAA,wEAAA,CAAA,EAAA;;;AErBpB;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ButtonComponent } from '@tekus/design-system/components/button';
 import { TagComponent } from '@tekus/design-system/components/tag';
 
@@ -21,11 +21,11 @@ class TopbarComponent {
         this.description = input(null, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TopbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: TopbarComponent, isStandalone: true, selector: "tk-topbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: TagComponent, selector: "tk-tag", inputs: ["value", "severity", "truncationLimit"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.3", type: TopbarComponent, isStandalone: true, selector: "tk-topbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "component", type: TagComponent, selector: "tk-tag", inputs: ["value", "severity", "truncationLimit"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TopbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-topbar', standalone: true, imports: [ButtonComponent, TagComponent], template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tk-topbar', imports: [ButtonComponent, TagComponent], template: "<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n", styles: [".tk-topbar{display:flex;flex-direction:column;gap:var(--tk-spacing-gap-s, .25rem);padding:var(--tk-spacing-paddingY-m, 1rem) var(--tk-spacing-paddingX-m, 1rem);background:var(--tk-color-background-soft, #f2f1f1);border-radius:var(--tk-borderRadius-s, .5rem)}.tk-topbar__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__title{margin:0;flex:1 1 auto;min-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tk-font-size-headers-l, 2rem);font-weight:var(--tk-font-weight-600, 600);color:var(--tk-color-text-default, #191a1b)}.tk-topbar__actions{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem);margin-left:auto}@media(max-width:768px){.tk-topbar__header{flex-wrap:wrap}.tk-topbar__actions{width:100%;margin-left:0}}.tk-topbar__meta{display:flex;align-items:center;gap:var(--tk-spacing-gap-m, 1rem);width:100%}.tk-topbar__tags{display:flex;align-items:center;gap:var(--tk-spacing-gap-s, .25rem)}.tk-topbar__description{margin:0;font-size:var(--tk-font-size-paragraph-s, .875rem);font-weight:var(--tk-font-weight-400, 400);color:var(--tk-color-text-default, #191a1b)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], tags: [{ type: i0.Input, args: [{ isSignal: true, alias: "tags", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-topbar.mjs","sources":["../../../projects/design-system/components/topbar/src/topbar.component.ts","../../../projects/design-system/components/topbar/src/topbar.component.html","../../../projects/design-system/components/topbar/tekus-design-system-components-topbar.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { TagComponent } from '@tekus/design-system/components/tag';\nimport { TopbarAction, TopbarTag } from './topbar.types';\n\n/**\n * @component TopbarComponent\n * @description\n * Layout component that renders a title with optional actions and metadata.\n * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.\n */\n@Component({\n  selector: 'tk-topbar',\n  standalone: true,\n  imports: [ButtonComponent, TagComponent],\n  templateUrl: './topbar.component.html',\n  styleUrl: './topbar.component.scss',\n})\nexport class TopbarComponent {\n  /** Main title text for the topbar. */\n  title = input.required<string>();\n\n  /** Optional list of actions displayed in the header. */\n  actions = input<TopbarAction[] | null>(null);\n\n  /** Optional list of tags displayed in the meta section. */\n  tags = input<TopbarTag[] | null>(null);\n\n  /** Optional description displayed in the meta section. */\n  description = input<string | null>(null);\n}\n","<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;AAKG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;;AAGhC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAwB,IAAI,8EAAC;;AAG5C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;AAGtC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACzC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB5B,mrCA4CA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,eAAe,yKAAE,YAAY,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAI5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,mrCAAA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA;;;AEd1C;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-topbar.mjs","sources":["../../../projects/design-system/components/topbar/src/topbar.component.ts","../../../projects/design-system/components/topbar/src/topbar.component.html","../../../projects/design-system/components/topbar/tekus-design-system-components-topbar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { TagComponent } from '@tekus/design-system/components/tag';\nimport { TopbarAction, TopbarTag } from './topbar.types';\n\n/**\n * @component TopbarComponent\n * @description\n * Layout component that renders a title with optional actions and metadata.\n * It composes `tk-button` and `tk-tag` and uses only design tokens for styles.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'tk-topbar',\n  imports: [ButtonComponent, TagComponent],\n  templateUrl: './topbar.component.html',\n  styleUrl: './topbar.component.scss',\n})\nexport class TopbarComponent {\n  /** Main title text for the topbar. */\n  title = input.required<string>();\n\n  /** Optional list of actions displayed in the header. */\n  actions = input<TopbarAction[] | null>(null);\n\n  /** Optional list of tags displayed in the meta section. */\n  tags = input<TopbarTag[] | null>(null);\n\n  /** Optional description displayed in the meta section. */\n  description = input<string | null>(null);\n}\n","<div class=\"tk-topbar\">\n  <div class=\"tk-topbar__header\">\n    <h2 class=\"tk-topbar__title\">{{ title() }}</h2>\n\n    @if (actions()?.length) {\n    <div class=\"tk-topbar__actions\">\n      @for (action of actions(); track $index) {\n        @if (action.type === 'primary') {\n        <tk-button\n          [label]=\"action.label\"\n          severity=\"primary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        } @else {\n        <tk-button\n          [icon]=\"action.icon\"\n          severity=\"secondary\"\n          [tooltipText]=\"action.tooltipText\"\n          (clicked)=\"action.onClick()\">\n        </tk-button>\n        }\n      }\n    </div>\n    }\n  </div>\n\n  @if (tags()?.length || description()) {\n  <div class=\"tk-topbar__meta\">\n    @if (tags()?.length) {\n    <div class=\"tk-topbar__tags\">\n      @for (tag of tags(); track $index) {\n      <tk-tag\n        [value]=\"tag.label\"\n        [severity]=\"tag.variant ?? 'secondary'\"></tk-tag>\n      }\n    </div>\n    }\n    @if (description()) {\n    <p class=\"tk-topbar__description\">{{ description() }}</p>\n    }\n  </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAKA;;;;;AAKG;MAQU,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAU;;AAGhC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAwB,IAAI,8EAAC;;AAG5C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;;AAGtC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAgB,IAAI,kFAAC;AACzC,IAAA;8GAZY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB5B,mrCA4CA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BY,eAAe,yKAAE,YAAY,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;sCACS,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,WAAW,WACZ,CAAC,eAAe,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,mrCAAA,EAAA,MAAA,EAAA,CAAA,8rCAAA,CAAA,EAAA;;;AEd1C;;AAEG;;;;"}

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

@@ -1,7 +1,9 @@
-import { provideAppInitializer, inject, DOCUMENT } from '@angular/core';
+import * as i0 from '@angular/core';
+import { provideAppInitializer, inject, DOCUMENT, signal, Injectable } from '@angular/core';
 import { PrimeNG } from 'primeng/config';
 import { definePreset } from '@primeuix/themes';
 import Aura from '@primeuix/themes/aura';
+import { Subject } from 'rxjs';
 
 var GapGutter;
 (function (GapGutter) {
@@ -288,6 +290,11 @@ function themeFactory(config, document) {
                 darkModeSelector: false,
             },
         });
+        // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)
+        config.zIndex.modal = 1100;
+        config.zIndex.overlay = 12000;
+        config.zIndex.menu = 1100;
+        config.zIndex.tooltip = 1100;
     };
 }
 function provideTkTheme() {
@@ -298,9 +305,76 @@ function provideTkTheme() {
     });
 }
 
+/**
+ * Reference to a dialog/drawer opened via a service.
+ * Supports both Observable-style subscription and Signal-based state.
+ */
+class TkDialogRef {
+    // eslint-disable-next-line @angular-eslint/prefer-inject
+    constructor(componentRef) {
+        this.componentRef = componentRef;
+        this.closedSubject = new Subject();
+        this.resultSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "resultSignal" }] : /* istanbul ignore next */ []));
+        this.isClosedSignal = signal(false, ...(ngDevMode ? [{ debugName: "isClosedSignal" }] : /* istanbul ignore next */ []));
+        /**
+         * Signal that holds the result of the dialog after it closes.
+         */
+        this.result = this.resultSignal.asReadonly();
+        /**
+         * Signal that indicates if the dialog has been closed.
+         */
+        this.isClosed = this.isClosedSignal.asReadonly();
+    }
+    /**
+     * The instance of the component opened in the dialog.
+     */
+    get componentInstance() {
+        return this.componentRef.instance;
+    }
+    /**
+     * Closes the dialog, optionally passing a result back.
+     * Internal implementation calls the component's tryClose to respect guards.
+     */
+    close(result) {
+        const instance = this.componentRef.instance;
+        if (instance && typeof instance.tryClose === 'function') {
+            instance.tryClose(result);
+        }
+    }
+    /**
+     * Subscribes to the closure event.
+     * This maintains compatibility with existing service.open(...).subscribe() patterns
+     * using the modern RxJS signature.
+     */
+    subscribe(nextOrObserver) {
+        if (typeof nextOrObserver === 'function') {
+            return this.closedSubject.subscribe({ next: nextOrObserver });
+        }
+        return this.closedSubject.subscribe(nextOrObserver);
+    }
+    /**
+     * Internal method to emit the result and update reactive state.
+     * Not intended for public use outside the opening service.
+     */
+    emitClose(result) {
+        if (this.isClosedSignal()) {
+            return;
+        }
+        this.resultSignal.set(result === null ? undefined : result);
+        this.isClosedSignal.set(true);
+        this.closedSubject.next(result === null ? undefined : result);
+        this.closedSubject.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TkDialogRef, deps: [{ token: i0.ComponentRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TkDialogRef }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImport: i0, type: TkDialogRef, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.ComponentRef }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkPreset, provideTkTheme };
+export { Breakpoints, GapGutter, Gutter, PaddingGridContainer, TkDialogRef, TkPreset, provideTkTheme };
 //# sourceMappingURL=tekus-design-system-core-types.mjs.map

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 '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\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    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-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-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\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          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\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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"}
+{"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/src/interception/dialog-ref.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 '@primeuix/themes';\nimport type { Preset } from '@primeuix/themes/types';\nimport Aura from '@primeuix/themes/aura';\n\nconst tkOverrides = {\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    sky:{\n      50: 'var(--tk-color-base-sky-50)',\n      100: 'var(--tk-color-base-sky-100)',\n      200: 'var(--tk-color-base-sky-200)',\n      300: 'var(--tk-color-base-sky-300)',\n      400: 'var(--tk-color-base-sky-400)',\n      500: 'var(--tk-color-base-sky-500)',\n      600: 'var(--tk-color-base-sky-600)',\n      700: 'var(--tk-color-base-sky-700)',\n      800: 'var(--tk-color-base-sky-800)',\n      900: 'var(--tk-color-base-sky-900)',\n      950: 'var(--tk-color-base-sky-950)',\n    },\n    orange:{\n      50: 'var(--tk-color-base-yellow-50)',\n      100: 'var(--tk-color-base-yellow-100)',\n      200: 'var(--tk-color-base-yellow-200)',\n      300: 'var(--tk-color-base-yellow-300)',\n      400: 'var(--tk-color-base-yellow-400)',\n      500: 'var(--tk-color-base-yellow-500)',\n      600: 'var(--tk-color-base-yellow-600)',\n      700: 'var(--tk-color-base-yellow-700)',\n      800: 'var(--tk-color-base-yellow-800)',\n      900: 'var(--tk-color-base-yellow-900)',\n      950: 'var(--tk-color-base-yellow-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-100)',\n              hoverBackground: 'var(--tk-color-base-surface-400)',\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          outlined: {\n            secondary: {\n                hoverBackground: 'var(--tk-color-base-surface-200)',\n                activeBackground: 'var(--tk-color-base-surface-200)',\n                borderColor: 'var(--tk-color-base-surface-200)',\n            },\n          },\n        }\n      },\n    },\n    tag: {\n      root: {\n        fontWeight: 'var(--tk-font-weight-400)',\n        borderRadius: 'var(--tk-borderRadius-full)',\n      },\n      colorScheme: {\n        light: {\n          secondary:{\n            color: 'var(--tk-color-base-surface-950)',\n          }\n        },\n      },\n    },\n    message: {\n      text: {\n      fontWeight: '400',\n      },\n      colorScheme: {\n        light: {\n          error:{\n            color: 'var(--tk-color-base-red-700)',\n            simple: {\n              color: 'var(--tk-color-base-red-700)',\n            }\n          },\n          secondary:{\n            color: 'var(--tk-color-base-surface-600)',\n            simple: {\n              color: 'var(--tk-color-base-surface-600)',\n            }\n          }\n        },\n      },\n    },\n    tooltip: {\n      colorScheme: {\n        light: {\n          root: {\n            background: 'var(--tk-color-base-surface-700)',\n          }\n        }\n      }\n    },\n    checkbox: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    radiobutton: {\n      colorScheme: {\n        light: {\n          root: {\n            borderColor: 'var(--tk-color-base-surface-400)',\n            checkedBackground: 'var(--tk-color-base-primary-500)',\n            checkedBorderColor: 'var(--tk-color-base-primary-500)',\n            checkedHoverBackground: 'var(--tk-color-base-primary-600)',\n            checkedHoverBorderColor: 'var(--tk-color-base-primary-600)',\n            disabledBackground: 'var(--tk-color-base-surface-100)',\n            disabledBorderColor: 'var(--tk-color-base-surface-300)',\n            checkedDisabledBackground: 'var(--tk-color-base-surface-100)',\n            checkedDisabledBorderColor: 'var(--tk-color-base-surface-300)',\n          }\n        }\n      }\n    },\n    panel: {\n      root: {\n        background: 'var(--tk-color-background-soft)',\n        borderRadius: 'var(--tk-borderRadius-s)',\n        borderColor: 'var(--tk-color-transparent)',\n      },\n      header: {\n        background: 'transparent',\n        color: 'var(--tk-color-text-default)',\n        borderColor: 'var(--tk-color-transparent)',\n        borderWidth: '0',\n        padding: 'var(--tk-spacing-paddingY-m)',\n        fontWeight: 'var(--tk-font-weight-600)',\n        fontSize: 'var(--tk-font-size-paragraph-m)',\n      },\n      toggleableHeader: {\n        padding: 'var(--tk-spacing-paddingY-s) var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-l)',\n      },\n    },\n    drawer: {\n      header: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n      content: {\n        padding: 'var(--tk-spacing-paddingX-m)',\n      },\n    },\n  },\n};\n\nexport const TkPreset: Preset = definePreset(Aura, tkOverrides as Preset);\n","import { inject, provideAppInitializer, DOCUMENT } from '@angular/core';\n\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    // Ensure PrimeNG overlays appear above Material Dialogs (Z-Index 1000)\n    config.zIndex.modal = 1100;\n    config.zIndex.overlay = 12000;\n    config.zIndex.menu = 1100;\n    config.zIndex.tooltip = 1100;\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","import { ComponentRef, signal, Injectable } from '@angular/core';\nimport { Subject, PartialObserver, Subscription } from 'rxjs';\n\n/**\n * Reference to a dialog/drawer opened via a service.\n * Supports both Observable-style subscription and Signal-based state.\n */\n@Injectable()\nexport class TkDialogRef<T, R = unknown> {\n  private readonly closedSubject = new Subject<R | undefined>();\n  private readonly resultSignal = signal<R | undefined>(undefined);\n  private readonly isClosedSignal = signal<boolean>(false);\n\n  /**\n   * Signal that holds the result of the dialog after it closes.\n   */\n  readonly result = this.resultSignal.asReadonly();\n\n  /**\n   * Signal that indicates if the dialog has been closed.\n   */\n  readonly isClosed = this.isClosedSignal.asReadonly();\n\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(public readonly componentRef: ComponentRef<T>) {}\n\n  /**\n   * The instance of the component opened in the dialog.\n   */\n  get componentInstance(): T {\n    return this.componentRef.instance;\n  }\n\n  /**\n   * Closes the dialog, optionally passing a result back.\n   * Internal implementation calls the component's tryClose to respect guards.\n   */\n  close(result?: R): void {\n    const instance = this.componentRef.instance as unknown as {\n      tryClose?: (result?: R) => void;\n    };\n    if (instance && typeof instance.tryClose === 'function') {\n      instance.tryClose(result);\n    }\n  }\n\n  /**\n   * Subscribes to the closure event.\n   * This maintains compatibility with existing service.open(...).subscribe() patterns\n   * using the modern RxJS signature.\n   */\n  subscribe(\n    nextOrObserver?:\n      | ((value: R | undefined) => void)\n      | PartialObserver<R | undefined>\n  ): Subscription {\n    if (typeof nextOrObserver === 'function') {\n      return this.closedSubject.subscribe({ next: nextOrObserver });\n    }\n    return this.closedSubject.subscribe(nextOrObserver);\n  }\n\n  /**\n   * Internal method to emit the result and update reactive state.\n   * Not intended for public use outside the opening service.\n   */\n  emitClose(result?: R): void {\n    if (this.isClosedSignal()) {\n      return;\n    }\n    this.resultSignal.set(result === null ? undefined : result);\n    this.isClosedSignal.set(true);\n    this.closedSubject.next(result === null ? undefined : result);\n    this.closedSubject.complete();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}