@lifecorner/angular-ui-kit 3.19.0 → 3.19.2

package/fesm2022/lifecorner-angular-ui-kit-combobox.mjs

@@ -407,7 +407,7 @@ var ComboboxComponent = class ComboboxComponent {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n",
+		template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" [decorative]=\"true\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n",
 		styles: [".lc-combobox{display:flex;flex-direction:column;gap:.25rem;position:relative;font-family:var(--font-family-sans)}.lc-combobox__label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary);margin-bottom:.125rem}.lc-combobox__input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md, .375rem);background-color:var(--color-surface-2);padding:.25rem .5rem;transition:border-color .15s,box-shadow .15s;cursor:text}.lc-combobox__input-wrapper:hover{border-color:var(--color-text-secondary)}.lc-combobox__input-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-combobox--error .lc-combobox__input-wrapper{border-color:var(--color-error-default)}.lc-combobox--error .lc-combobox__input-wrapper:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-default) 20%,transparent)}.lc-combobox--disabled .lc-combobox__input-wrapper{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-muted)}.lc-combobox--disabled .lc-combobox__input-wrapper:hover{border-color:var(--color-border)}.lc-combobox__input{flex:1;min-width:80px;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:inherit}.lc-combobox__input::placeholder{color:var(--color-text-tertiary)}.lc-combobox__input:disabled{cursor:not-allowed}.lc-combobox--xs .lc-combobox__input{font-size:var(--font-size-xs, .75rem);height:1.5rem}.lc-combobox--sm .lc-combobox__input{font-size:var(--font-size-sm, .875rem);height:1.75rem}.lc-combobox--md .lc-combobox__input{font-size:var(--font-size-base, 1rem);height:2rem}.lc-combobox--lg .lc-combobox__input{font-size:var(--font-size-lg, 1.125rem);height:2.25rem}.lc-combobox__spinner{flex-shrink:0}.lc-combobox__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--border-radius-sm, .25rem);flex-shrink:0}.lc-combobox__clear:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-surface-hover)}.lc-combobox__clear:disabled{cursor:not-allowed}.lc-combobox__dropdown{margin-top:.25rem;max-height:240px;overflow-y:auto;background-color:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-md, .375rem);box-shadow:var(--elevation-3)}.lc-combobox__group-header{padding:.375rem .75rem;font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.lc-combobox__group-header:first-child{margin-top:0}.lc-combobox__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .1s}.lc-combobox__option--highlighted{background-color:var(--color-surface-hover)}.lc-combobox__option--disabled{opacity:.5;cursor:not-allowed}.lc-combobox__option--create{color:var(--color-primary-600);font-weight:500;border-top:1px solid var(--color-divider)}.lc-combobox__option-icon{flex-shrink:0;color:var(--color-text-tertiary)}.lc-combobox__option-content{display:flex;flex-direction:column;min-width:0}.lc-combobox__option-label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-combobox__option-desc{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-combobox__empty{padding:.75rem;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm, .875rem)}.lc-combobox__helper{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary)}.lc-combobox__error{font-size:var(--font-size-xs, .75rem);color:var(--color-text-error)}\n"],
 		dependencies: [
 			{
@@ -522,7 +522,7 @@ i0.ɵɵngDeclareClassMetadata({
 				useExisting: forwardRef(() => ComboboxComponent),
 				multi: true
 			}],
-			template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n",
+			template: "<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" [decorative]=\"true\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n",
 			styles: [".lc-combobox{display:flex;flex-direction:column;gap:.25rem;position:relative;font-family:var(--font-family-sans)}.lc-combobox__label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary);margin-bottom:.125rem}.lc-combobox__input-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;border:1px solid var(--color-field-border);border-radius:var(--border-radius-md, .375rem);background-color:var(--color-surface-2);padding:.25rem .5rem;transition:border-color .15s,box-shadow .15s;cursor:text}.lc-combobox__input-wrapper:hover{border-color:var(--color-text-secondary)}.lc-combobox__input-wrapper:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent)}.lc-combobox--error .lc-combobox__input-wrapper{border-color:var(--color-error-default)}.lc-combobox--error .lc-combobox__input-wrapper:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error-default) 20%,transparent)}.lc-combobox--disabled .lc-combobox__input-wrapper{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-muted)}.lc-combobox--disabled .lc-combobox__input-wrapper:hover{border-color:var(--color-border)}.lc-combobox__input{flex:1;min-width:80px;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-family:inherit}.lc-combobox__input::placeholder{color:var(--color-text-tertiary)}.lc-combobox__input:disabled{cursor:not-allowed}.lc-combobox--xs .lc-combobox__input{font-size:var(--font-size-xs, .75rem);height:1.5rem}.lc-combobox--sm .lc-combobox__input{font-size:var(--font-size-sm, .875rem);height:1.75rem}.lc-combobox--md .lc-combobox__input{font-size:var(--font-size-base, 1rem);height:2rem}.lc-combobox--lg .lc-combobox__input{font-size:var(--font-size-lg, 1.125rem);height:2.25rem}.lc-combobox__spinner{flex-shrink:0}.lc-combobox__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--border-radius-sm, .25rem);flex-shrink:0}.lc-combobox__clear:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-surface-hover)}.lc-combobox__clear:disabled{cursor:not-allowed}.lc-combobox__dropdown{margin-top:.25rem;max-height:240px;overflow-y:auto;background-color:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-md, .375rem);box-shadow:var(--elevation-3)}.lc-combobox__group-header{padding:.375rem .75rem;font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.lc-combobox__group-header:first-child{margin-top:0}.lc-combobox__option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .1s}.lc-combobox__option--highlighted{background-color:var(--color-surface-hover)}.lc-combobox__option--disabled{opacity:.5;cursor:not-allowed}.lc-combobox__option--create{color:var(--color-primary-600);font-weight:500;border-top:1px solid var(--color-divider)}.lc-combobox__option-icon{flex-shrink:0;color:var(--color-text-tertiary)}.lc-combobox__option-content{display:flex;flex-direction:column;min-width:0}.lc-combobox__option-label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-combobox__option-desc{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-combobox__empty{padding:.75rem;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm, .875rem)}.lc-combobox__helper{font-size:var(--font-size-xs, .75rem);color:var(--color-text-secondary)}.lc-combobox__error{font-size:var(--font-size-xs, .75rem);color:var(--color-text-error)}\n"]
 		}]
 	}],

package/fesm2022/lifecorner-angular-ui-kit-combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-combobox.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/combobox/combobox.component.ts","../../../../libs/angular-ui-kit/src/lib/combobox/combobox.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  output,\n  signal,\n  computed,\n  afterRenderEffect,\n  forwardRef,\n  ElementRef,\n  viewChild,\n  HostListener,\n  inject,\n  untracked,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { Observable, Subject, catchError, debounce, defer, of, switchMap, timer } from 'rxjs';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_PLUS, ICON_X_MARK } from '@lifecorner/angular-ui-kit/icons';\nimport { SpinnerComponent } from '@lifecorner/angular-ui-kit/spinner';\nimport { ChipComponent } from '@lifecorner/angular-ui-kit/chip';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  group?: string;\n  disabled?: boolean;\n}\n\nexport type ComboboxValue = ComboboxOption | ComboboxOption[] | null;\n\nexport type ComboboxSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Combobox / async autocomplete component.\n *\n * Supports free-text input with sync/async option suggestions,\n * single/multiple selection, create new entries, and keyboard navigation.\n * The suggestion list is rendered in a CDK overlay so it is never clipped\n * by `overflow: hidden` ancestors (cards, modals, table cells).\n *\n * @example\n * ```html\n * <lc-combobox\n *   label=\"Assign to user\"\n *   [loadOptions]=\"searchUsers\"\n *   [(value)]=\"assignee\"\n *   allowCreate\n * />\n * ```\n */\n@Component({\n  selector: 'lc-combobox',\n  standalone: true,\n  imports: [OverlayModule, IconComponent, SpinnerComponent, ChipComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_X_MARK, ICON_PLUS])],\n  templateUrl: './combobox.component.html',\n  styleUrls: ['./combobox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ComboboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class ComboboxComponent implements ControlValueAccessor {\n  private static nextId = 0;\n\n  /** Per-instance ids so label/listbox/options can be linked via ARIA */\n  readonly inputId = `lc-combobox-${++ComboboxComponent.nextId}`;\n  readonly listboxId = `${this.inputId}-listbox`;\n  protected readonly createOptionId = `${this.listboxId}-create`;\n\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\n  private readonly dropdownEl = viewChild<ElementRef<HTMLElement>>('dropdownEl');\n\n  private readonly elRef = inject(ElementRef);\n  private readonly querySubject = new Subject<string>();\n\n  /** Sync options */\n  readonly options = input<ComboboxOption[]>([]);\n\n  /** Async option loader */\n  readonly loadOptions = input<((query: string) => Observable<ComboboxOption[]>)>();\n\n  /** Debounce for async queries */\n  readonly debounceMs = input<number>(250);\n\n  /** Minimum characters before triggering search */\n  readonly minChars = input<number>(1);\n\n  /** Placeholder text */\n  readonly placeholder = input<string>('Search…');\n\n  /** Label */\n  readonly label = input<string>();\n\n  /** Helper text */\n  readonly helperText = input<string>();\n\n  /** Error message */\n  readonly error = input<string>();\n\n  /** Disabled state */\n  readonly disabled = input<boolean>(false);\n\n  /** Allow multiple selections */\n  readonly multiple = input<boolean>(false);\n\n  /** Allow creating new entries */\n  readonly allowCreate = input<boolean>(false);\n\n  /** Show loading spinner (controlled) */\n  readonly loading = input<boolean>(false);\n\n  /** Empty state message */\n  readonly emptyMessage = input<string>('No results');\n\n  /** Accessible name of the clear button. */\n  readonly clearAriaLabel = input('Clear');\n\n  /** Label before the query in the \"create\" option (`allowCreate`): `Create \"query\"`. */\n  readonly createOptionLabel = input('Create');\n\n  /** Size */\n  readonly size = input<ComboboxSize>('md');\n\n  /** Value change event */\n  readonly valueChange = output<ComboboxValue>();\n\n  /** Query change event */\n  readonly queryChange = output<string>();\n\n  /** Option selected event */\n  readonly optionSelected = output<ComboboxOption>();\n\n  /** Created event (allowCreate) */\n  readonly created = output<string>();\n\n  /** Internal state */\n  protected query = signal('');\n  protected isOpen = signal(false);\n  protected highlightedIndex = signal(-1);\n  protected asyncOptions = signal<ComboboxOption[]>([]);\n  protected isLoading = signal(false);\n\n  /** Disabled via `setDisabledState` (reactive forms) */\n  private readonly formDisabled = signal(false);\n\n  /** Effective disabled state: `disabled` input OR form control disabled */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  /** Selected values */\n  protected selectedSingle = signal<ComboboxOption | null>(null);\n  protected selectedMultiple = signal<ComboboxOption[]>([]);\n\n  /** Resolved visible options */\n  protected visibleOptions = computed(() => {\n    const q = this.query().toLowerCase();\n    const loader = this.loadOptions();\n\n    let opts: ComboboxOption[];\n    if (loader) {\n      opts = this.asyncOptions();\n    } else {\n      opts = this.options();\n      if (q.length >= this.minChars()) {\n        opts = opts.filter(\n          (o) =>\n            o.label.toLowerCase().includes(q) ||\n            o.value.toLowerCase().includes(q) ||\n            (o.description && o.description.toLowerCase().includes(q))\n        );\n      }\n    }\n\n    // Remove already selected in multiple mode\n    if (this.multiple()) {\n      const selected = new Set(this.selectedMultiple().map((s) => s.value));\n      opts = opts.filter((o) => !selected.has(o.value));\n    }\n\n    return opts;\n  });\n\n  /** Grouped options */\n  protected groupedOptions = computed(() => {\n    const opts = this.visibleOptions();\n    const groups = new Map<string, ComboboxOption[]>();\n\n    for (const opt of opts) {\n      const group = opt.group || '';\n      if (!groups.has(group)) groups.set(group, []);\n      groups.get(group)!.push(opt);\n    }\n\n    return Array.from(groups.entries()).map(([label, items]) => ({\n      label,\n      items,\n    }));\n  });\n\n  /** Flat list for keyboard nav */\n  protected flatOptions = computed(() => {\n    return this.groupedOptions().flatMap((g) => g.items);\n  });\n\n  /** Whether to show \"Create\" option */\n  protected showCreateOption = computed(() => {\n    if (!this.allowCreate()) return false;\n    const q = this.query().trim();\n    if (!q) return false;\n    const exact = this.visibleOptions().some(\n      (o) => o.label.toLowerCase() === q.toLowerCase()\n    );\n    return !exact;\n  });\n\n  /** id of the highlighted option — announced via aria-activedescendant */\n  protected readonly activeDescendantId = computed(() => {\n    if (!this.isOpen()) return null;\n    const i = this.highlightedIndex();\n    if (i < 0) return null;\n    if (i === this.flatOptions().length) {\n      return this.showCreateOption() ? this.createOptionId : null;\n    }\n    return i < this.flatOptions().length ? this.optionId(i) : null;\n  });\n\n  /** ids referenced by aria-describedby (helper / error) */\n  protected readonly describedBy = computed(() => {\n    if (this.error()) return `${this.inputId}-error`;\n    if (this.helperText()) return `${this.inputId}-helper`;\n    return null;\n  });\n\n  /** Container classes */\n  protected containerClasses = computed(() => {\n    const classes = [`lc-combobox`, `lc-combobox--${this.size()}`];\n    if (this.isDisabled()) classes.push('lc-combobox--disabled');\n    if (this.error()) classes.push('lc-combobox--error');\n    if (this.isOpen()) classes.push('lc-combobox--open');\n    return classes.join(' ');\n  });\n\n  protected optionId(index: number): string {\n    return `${this.listboxId}-opt-${index}`;\n  }\n\n  // ControlValueAccessor\n  private onChange: (value: ComboboxValue) => void = () => { /* set by registerOnChange */ };\n  private onTouched: () => void = () => { /* set by registerOnTouched */ };\n\n  constructor() {\n    // Async loading pipe. `debounce` (not `debounceTime`) reads the signal per\n    // emission, so `debounceMs` is honoured after inputs are populated.\n    this.querySubject\n      .pipe(\n        debounce(() => timer(this.debounceMs())),\n        switchMap((q) => {\n          const loader = this.loadOptions();\n          if (!loader || q.length < this.minChars()) {\n            return of([] as ComboboxOption[]);\n          }\n          this.isLoading.set(true);\n          // `defer` turns a synchronously throwing loader into an error\n          // notification; `catchError` keeps the pipe alive for the next query.\n          return defer(() => loader(q)).pipe(catchError(() => of([] as ComboboxOption[])));\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe((results) => {\n        this.asyncOptions.set(results);\n        this.isLoading.set(false);\n      });\n\n    // Keep the highlighted option visible while navigating with the keyboard\n    // (after render, so the option element exists in the overlay pane).\n    afterRenderEffect(() => {\n      const id = this.activeDescendantId();\n      if (!id) return;\n      untracked(() => {\n        // ids are generated from a counter, so no CSS escaping is needed\n        this.dropdownEl()\n          ?.nativeElement.querySelector<HTMLElement>(`#${id}`)\n          ?.scrollIntoView?.({ block: 'nearest' });\n      });\n    });\n  }\n\n  writeValue(value: ComboboxValue): void {\n    if (this.multiple()) {\n      this.selectedMultiple.set(Array.isArray(value) ? value : []);\n    } else {\n      const single = value && !Array.isArray(value) ? value : null;\n      this.selectedSingle.set(single);\n      this.query.set(single ? single.label : '');\n    }\n  }\n\n  registerOnChange(fn: (value: ComboboxValue) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n    if (isDisabled) this.isOpen.set(false);\n  }\n\n  /**\n   * Clear the current selection and query. Emits `null` (single) or `[]`\n   * (multiple) exactly once, like a user-initiated deselect.\n   */\n  clear(): void {\n    this.query.set('');\n    this.highlightedIndex.set(-1);\n    this.isOpen.set(false);\n    const value: ComboboxValue = this.multiple() ? [] : null;\n    if (this.multiple()) {\n      this.selectedMultiple.set([]);\n    } else {\n      this.selectedSingle.set(null);\n    }\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  protected onClearClick(): void {\n    if (this.isDisabled()) return;\n    this.clear();\n    this.inputEl()?.nativeElement.focus();\n  }\n\n  protected onInputChange(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.query.set(value);\n    this.queryChange.emit(value);\n    this.highlightedIndex.set(-1);\n\n    if (this.loadOptions()) {\n      this.querySubject.next(value);\n    }\n\n    if (value.length >= this.minChars()) {\n      this.isOpen.set(true);\n    }\n  }\n\n  protected onInputFocus(): void {\n    if (this.query().length >= this.minChars() || this.options().length > 0) {\n      this.isOpen.set(true);\n    }\n  }\n\n  protected onInputBlur(): void {\n    this.onTouched();\n    // Delay to allow click on dropdown\n    setTimeout(() => this.isOpen.set(false), 200);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const flat = this.flatOptions();\n    const total = flat.length + (this.showCreateOption() ? 1 : 0);\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.isOpen.set(true);\n        if (total > 0) this.highlightedIndex.update((i) => (i + 1) % total);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (total > 0) this.highlightedIndex.update((i) => (i - 1 + total) % total);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.highlightedIndex() >= 0) {\n          if (this.highlightedIndex() === flat.length && this.showCreateOption()) {\n            this.onCreateNew();\n          } else {\n            const opt = flat[this.highlightedIndex()];\n            if (opt && !opt.disabled) {\n              this.selectOption(opt);\n            }\n          }\n        } else if (this.showCreateOption()) {\n          this.onCreateNew();\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen()) {\n          this.isOpen.set(false);\n          this.highlightedIndex.set(-1);\n          // Escape consumed by the list — an enclosing modal must not close too.\n          event.stopPropagation();\n        }\n        break;\n      case 'Tab':\n        if (this.highlightedIndex() >= 0 && this.isOpen()) {\n          const opt = flat[this.highlightedIndex()];\n          if (opt && !opt.disabled) {\n            this.selectOption(opt);\n          }\n        }\n        this.isOpen.set(false);\n        break;\n      case 'Backspace':\n        if (this.multiple() && !this.query() && this.selectedMultiple().length > 0) {\n          this.removeSelected(this.selectedMultiple()[this.selectedMultiple().length - 1]);\n        }\n        break;\n    }\n  }\n\n  protected selectOption(option: ComboboxOption): void {\n    if (this.multiple()) {\n      this.selectedMultiple.update((sel) => [...sel, option]);\n      this.query.set('');\n      const value = this.selectedMultiple();\n      this.onChange(value);\n      this.valueChange.emit(value);\n    } else {\n      this.selectedSingle.set(option);\n      this.query.set(option.label);\n      this.onChange(option);\n      this.valueChange.emit(option);\n    }\n    this.optionSelected.emit(option);\n    this.isOpen.set(false);\n    this.highlightedIndex.set(-1);\n  }\n\n  protected removeSelected(option: ComboboxOption): void {\n    if (this.isDisabled()) return;\n    this.selectedMultiple.update((sel) =>\n      sel.filter((s) => s.value !== option.value)\n    );\n    const value = this.selectedMultiple();\n    this.onChange(value);\n    this.valueChange.emit(value);\n    this.inputEl()?.nativeElement.focus();\n  }\n\n  protected onCreateNew(): void {\n    const q = this.query().trim();\n    if (!q) return;\n    const newOption: ComboboxOption = { value: q, label: q };\n    this.created.emit(q);\n    this.selectOption(newOption);\n  }\n\n  @HostListener('document:click', ['$event'])\n  protected onDocumentClick(event: MouseEvent): void {\n    const target = event.target as Node | null;\n    // The dropdown lives in the CDK overlay container, outside the host element.\n    if (\n      !this.elRef.nativeElement.contains(target) &&\n      !this.dropdownEl()?.nativeElement.contains(target)\n    ) {\n      this.isOpen.set(false);\n    }\n  }\n}\n","<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-combobox.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/combobox/combobox.component.ts","../../../../libs/angular-ui-kit/src/lib/combobox/combobox.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  output,\n  signal,\n  computed,\n  afterRenderEffect,\n  forwardRef,\n  ElementRef,\n  viewChild,\n  HostListener,\n  inject,\n  untracked,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { Observable, Subject, catchError, debounce, defer, of, switchMap, timer } from 'rxjs';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_PLUS, ICON_X_MARK } from '@lifecorner/angular-ui-kit/icons';\nimport { SpinnerComponent } from '@lifecorner/angular-ui-kit/spinner';\nimport { ChipComponent } from '@lifecorner/angular-ui-kit/chip';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  description?: string;\n  icon?: string;\n  group?: string;\n  disabled?: boolean;\n}\n\nexport type ComboboxValue = ComboboxOption | ComboboxOption[] | null;\n\nexport type ComboboxSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Combobox / async autocomplete component.\n *\n * Supports free-text input with sync/async option suggestions,\n * single/multiple selection, create new entries, and keyboard navigation.\n * The suggestion list is rendered in a CDK overlay so it is never clipped\n * by `overflow: hidden` ancestors (cards, modals, table cells).\n *\n * @example\n * ```html\n * <lc-combobox\n *   label=\"Assign to user\"\n *   [loadOptions]=\"searchUsers\"\n *   [(value)]=\"assignee\"\n *   allowCreate\n * />\n * ```\n */\n@Component({\n  selector: 'lc-combobox',\n  standalone: true,\n  imports: [OverlayModule, IconComponent, SpinnerComponent, ChipComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_X_MARK, ICON_PLUS])],\n  templateUrl: './combobox.component.html',\n  styleUrls: ['./combobox.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => ComboboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class ComboboxComponent implements ControlValueAccessor {\n  private static nextId = 0;\n\n  /** Per-instance ids so label/listbox/options can be linked via ARIA */\n  readonly inputId = `lc-combobox-${++ComboboxComponent.nextId}`;\n  readonly listboxId = `${this.inputId}-listbox`;\n  protected readonly createOptionId = `${this.listboxId}-create`;\n\n  private readonly inputEl = viewChild<ElementRef<HTMLInputElement>>('inputEl');\n  private readonly dropdownEl = viewChild<ElementRef<HTMLElement>>('dropdownEl');\n\n  private readonly elRef = inject(ElementRef);\n  private readonly querySubject = new Subject<string>();\n\n  /** Sync options */\n  readonly options = input<ComboboxOption[]>([]);\n\n  /** Async option loader */\n  readonly loadOptions = input<((query: string) => Observable<ComboboxOption[]>)>();\n\n  /** Debounce for async queries */\n  readonly debounceMs = input<number>(250);\n\n  /** Minimum characters before triggering search */\n  readonly minChars = input<number>(1);\n\n  /** Placeholder text */\n  readonly placeholder = input<string>('Search…');\n\n  /** Label */\n  readonly label = input<string>();\n\n  /** Helper text */\n  readonly helperText = input<string>();\n\n  /** Error message */\n  readonly error = input<string>();\n\n  /** Disabled state */\n  readonly disabled = input<boolean>(false);\n\n  /** Allow multiple selections */\n  readonly multiple = input<boolean>(false);\n\n  /** Allow creating new entries */\n  readonly allowCreate = input<boolean>(false);\n\n  /** Show loading spinner (controlled) */\n  readonly loading = input<boolean>(false);\n\n  /** Empty state message */\n  readonly emptyMessage = input<string>('No results');\n\n  /** Accessible name of the clear button. */\n  readonly clearAriaLabel = input('Clear');\n\n  /** Label before the query in the \"create\" option (`allowCreate`): `Create \"query\"`. */\n  readonly createOptionLabel = input('Create');\n\n  /** Size */\n  readonly size = input<ComboboxSize>('md');\n\n  /** Value change event */\n  readonly valueChange = output<ComboboxValue>();\n\n  /** Query change event */\n  readonly queryChange = output<string>();\n\n  /** Option selected event */\n  readonly optionSelected = output<ComboboxOption>();\n\n  /** Created event (allowCreate) */\n  readonly created = output<string>();\n\n  /** Internal state */\n  protected query = signal('');\n  protected isOpen = signal(false);\n  protected highlightedIndex = signal(-1);\n  protected asyncOptions = signal<ComboboxOption[]>([]);\n  protected isLoading = signal(false);\n\n  /** Disabled via `setDisabledState` (reactive forms) */\n  private readonly formDisabled = signal(false);\n\n  /** Effective disabled state: `disabled` input OR form control disabled */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  /** Selected values */\n  protected selectedSingle = signal<ComboboxOption | null>(null);\n  protected selectedMultiple = signal<ComboboxOption[]>([]);\n\n  /** Resolved visible options */\n  protected visibleOptions = computed(() => {\n    const q = this.query().toLowerCase();\n    const loader = this.loadOptions();\n\n    let opts: ComboboxOption[];\n    if (loader) {\n      opts = this.asyncOptions();\n    } else {\n      opts = this.options();\n      if (q.length >= this.minChars()) {\n        opts = opts.filter(\n          (o) =>\n            o.label.toLowerCase().includes(q) ||\n            o.value.toLowerCase().includes(q) ||\n            (o.description && o.description.toLowerCase().includes(q))\n        );\n      }\n    }\n\n    // Remove already selected in multiple mode\n    if (this.multiple()) {\n      const selected = new Set(this.selectedMultiple().map((s) => s.value));\n      opts = opts.filter((o) => !selected.has(o.value));\n    }\n\n    return opts;\n  });\n\n  /** Grouped options */\n  protected groupedOptions = computed(() => {\n    const opts = this.visibleOptions();\n    const groups = new Map<string, ComboboxOption[]>();\n\n    for (const opt of opts) {\n      const group = opt.group || '';\n      if (!groups.has(group)) groups.set(group, []);\n      groups.get(group)!.push(opt);\n    }\n\n    return Array.from(groups.entries()).map(([label, items]) => ({\n      label,\n      items,\n    }));\n  });\n\n  /** Flat list for keyboard nav */\n  protected flatOptions = computed(() => {\n    return this.groupedOptions().flatMap((g) => g.items);\n  });\n\n  /** Whether to show \"Create\" option */\n  protected showCreateOption = computed(() => {\n    if (!this.allowCreate()) return false;\n    const q = this.query().trim();\n    if (!q) return false;\n    const exact = this.visibleOptions().some(\n      (o) => o.label.toLowerCase() === q.toLowerCase()\n    );\n    return !exact;\n  });\n\n  /** id of the highlighted option — announced via aria-activedescendant */\n  protected readonly activeDescendantId = computed(() => {\n    if (!this.isOpen()) return null;\n    const i = this.highlightedIndex();\n    if (i < 0) return null;\n    if (i === this.flatOptions().length) {\n      return this.showCreateOption() ? this.createOptionId : null;\n    }\n    return i < this.flatOptions().length ? this.optionId(i) : null;\n  });\n\n  /** ids referenced by aria-describedby (helper / error) */\n  protected readonly describedBy = computed(() => {\n    if (this.error()) return `${this.inputId}-error`;\n    if (this.helperText()) return `${this.inputId}-helper`;\n    return null;\n  });\n\n  /** Container classes */\n  protected containerClasses = computed(() => {\n    const classes = [`lc-combobox`, `lc-combobox--${this.size()}`];\n    if (this.isDisabled()) classes.push('lc-combobox--disabled');\n    if (this.error()) classes.push('lc-combobox--error');\n    if (this.isOpen()) classes.push('lc-combobox--open');\n    return classes.join(' ');\n  });\n\n  protected optionId(index: number): string {\n    return `${this.listboxId}-opt-${index}`;\n  }\n\n  // ControlValueAccessor\n  private onChange: (value: ComboboxValue) => void = () => { /* set by registerOnChange */ };\n  private onTouched: () => void = () => { /* set by registerOnTouched */ };\n\n  constructor() {\n    // Async loading pipe. `debounce` (not `debounceTime`) reads the signal per\n    // emission, so `debounceMs` is honoured after inputs are populated.\n    this.querySubject\n      .pipe(\n        debounce(() => timer(this.debounceMs())),\n        switchMap((q) => {\n          const loader = this.loadOptions();\n          if (!loader || q.length < this.minChars()) {\n            return of([] as ComboboxOption[]);\n          }\n          this.isLoading.set(true);\n          // `defer` turns a synchronously throwing loader into an error\n          // notification; `catchError` keeps the pipe alive for the next query.\n          return defer(() => loader(q)).pipe(catchError(() => of([] as ComboboxOption[])));\n        }),\n        takeUntilDestroyed()\n      )\n      .subscribe((results) => {\n        this.asyncOptions.set(results);\n        this.isLoading.set(false);\n      });\n\n    // Keep the highlighted option visible while navigating with the keyboard\n    // (after render, so the option element exists in the overlay pane).\n    afterRenderEffect(() => {\n      const id = this.activeDescendantId();\n      if (!id) return;\n      untracked(() => {\n        // ids are generated from a counter, so no CSS escaping is needed\n        this.dropdownEl()\n          ?.nativeElement.querySelector<HTMLElement>(`#${id}`)\n          ?.scrollIntoView?.({ block: 'nearest' });\n      });\n    });\n  }\n\n  writeValue(value: ComboboxValue): void {\n    if (this.multiple()) {\n      this.selectedMultiple.set(Array.isArray(value) ? value : []);\n    } else {\n      const single = value && !Array.isArray(value) ? value : null;\n      this.selectedSingle.set(single);\n      this.query.set(single ? single.label : '');\n    }\n  }\n\n  registerOnChange(fn: (value: ComboboxValue) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n    if (isDisabled) this.isOpen.set(false);\n  }\n\n  /**\n   * Clear the current selection and query. Emits `null` (single) or `[]`\n   * (multiple) exactly once, like a user-initiated deselect.\n   */\n  clear(): void {\n    this.query.set('');\n    this.highlightedIndex.set(-1);\n    this.isOpen.set(false);\n    const value: ComboboxValue = this.multiple() ? [] : null;\n    if (this.multiple()) {\n      this.selectedMultiple.set([]);\n    } else {\n      this.selectedSingle.set(null);\n    }\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  protected onClearClick(): void {\n    if (this.isDisabled()) return;\n    this.clear();\n    this.inputEl()?.nativeElement.focus();\n  }\n\n  protected onInputChange(event: Event): void {\n    const value = (event.target as HTMLInputElement).value;\n    this.query.set(value);\n    this.queryChange.emit(value);\n    this.highlightedIndex.set(-1);\n\n    if (this.loadOptions()) {\n      this.querySubject.next(value);\n    }\n\n    if (value.length >= this.minChars()) {\n      this.isOpen.set(true);\n    }\n  }\n\n  protected onInputFocus(): void {\n    if (this.query().length >= this.minChars() || this.options().length > 0) {\n      this.isOpen.set(true);\n    }\n  }\n\n  protected onInputBlur(): void {\n    this.onTouched();\n    // Delay to allow click on dropdown\n    setTimeout(() => this.isOpen.set(false), 200);\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const flat = this.flatOptions();\n    const total = flat.length + (this.showCreateOption() ? 1 : 0);\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.isOpen.set(true);\n        if (total > 0) this.highlightedIndex.update((i) => (i + 1) % total);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (total > 0) this.highlightedIndex.update((i) => (i - 1 + total) % total);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.highlightedIndex() >= 0) {\n          if (this.highlightedIndex() === flat.length && this.showCreateOption()) {\n            this.onCreateNew();\n          } else {\n            const opt = flat[this.highlightedIndex()];\n            if (opt && !opt.disabled) {\n              this.selectOption(opt);\n            }\n          }\n        } else if (this.showCreateOption()) {\n          this.onCreateNew();\n        }\n        break;\n      case 'Escape':\n        if (this.isOpen()) {\n          this.isOpen.set(false);\n          this.highlightedIndex.set(-1);\n          // Escape consumed by the list — an enclosing modal must not close too.\n          event.stopPropagation();\n        }\n        break;\n      case 'Tab':\n        if (this.highlightedIndex() >= 0 && this.isOpen()) {\n          const opt = flat[this.highlightedIndex()];\n          if (opt && !opt.disabled) {\n            this.selectOption(opt);\n          }\n        }\n        this.isOpen.set(false);\n        break;\n      case 'Backspace':\n        if (this.multiple() && !this.query() && this.selectedMultiple().length > 0) {\n          this.removeSelected(this.selectedMultiple()[this.selectedMultiple().length - 1]);\n        }\n        break;\n    }\n  }\n\n  protected selectOption(option: ComboboxOption): void {\n    if (this.multiple()) {\n      this.selectedMultiple.update((sel) => [...sel, option]);\n      this.query.set('');\n      const value = this.selectedMultiple();\n      this.onChange(value);\n      this.valueChange.emit(value);\n    } else {\n      this.selectedSingle.set(option);\n      this.query.set(option.label);\n      this.onChange(option);\n      this.valueChange.emit(option);\n    }\n    this.optionSelected.emit(option);\n    this.isOpen.set(false);\n    this.highlightedIndex.set(-1);\n  }\n\n  protected removeSelected(option: ComboboxOption): void {\n    if (this.isDisabled()) return;\n    this.selectedMultiple.update((sel) =>\n      sel.filter((s) => s.value !== option.value)\n    );\n    const value = this.selectedMultiple();\n    this.onChange(value);\n    this.valueChange.emit(value);\n    this.inputEl()?.nativeElement.focus();\n  }\n\n  protected onCreateNew(): void {\n    const q = this.query().trim();\n    if (!q) return;\n    const newOption: ComboboxOption = { value: q, label: q };\n    this.created.emit(q);\n    this.selectOption(newOption);\n  }\n\n  @HostListener('document:click', ['$event'])\n  protected onDocumentClick(event: MouseEvent): void {\n    const target = event.target as Node | null;\n    // The dropdown lives in the CDK overlay container, outside the host element.\n    if (\n      !this.elRef.nativeElement.contains(target) &&\n      !this.dropdownEl()?.nativeElement.contains(target)\n    ) {\n      this.isOpen.set(false);\n    }\n  }\n}\n","<div [class]=\"containerClasses()\">\n  @if (label()) {\n    <label class=\"lc-combobox__label\" [for]=\"inputId\">{{ label() }}</label>\n  }\n\n  <div #inputWrapper class=\"lc-combobox__input-wrapper\">\n    <!-- Selected chips (multiple mode) -->\n    @if (multiple()) {\n      @for (sel of selectedMultiple(); track sel.value) {\n        <lc-chip\n          [removable]=\"!isDisabled()\"\n          size=\"sm\"\n          (remove)=\"removeSelected(sel)\"\n        >{{ sel.label }}</lc-chip>\n      }\n    }\n\n    <input\n      #inputEl\n      type=\"text\"\n      class=\"lc-combobox__input\"\n      [id]=\"inputId\"\n      [placeholder]=\"multiple() && selectedMultiple().length > 0 ? '' : placeholder()\"\n      [value]=\"query()\"\n      [disabled]=\"isDisabled()\"\n      role=\"combobox\"\n      [attr.aria-expanded]=\"isOpen()\"\n      [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n      [attr.aria-activedescendant]=\"activeDescendantId()\"\n      [attr.aria-invalid]=\"error() ? true : null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      aria-autocomplete=\"list\"\n      aria-haspopup=\"listbox\"\n      autocomplete=\"off\"\n      (input)=\"onInputChange($event)\"\n      (focus)=\"onInputFocus()\"\n      (blur)=\"onInputBlur()\"\n      (keydown)=\"onKeydown($event)\"\n    />\n\n    @if (isLoading() || loading()) {\n      <lc-spinner size=\"sm\" class=\"lc-combobox__spinner\" />\n    } @else if (!multiple() && selectedSingle()) {\n      <button\n        type=\"button\"\n        class=\"lc-combobox__clear\"\n        [disabled]=\"isDisabled()\"\n        (mousedown)=\"$event.preventDefault()\"\n        (click)=\"onClearClick()\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"clearAriaLabel()\"\n      >\n        <lc-icon name=\"x-mark\" size=\"xs\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n\n  <!-- Dropdown: rendered in the CDK overlay container so overflow-hidden\n       ancestors cannot clip it. Focus stays in the input (mousedown is\n       prevented on the panel), keyboard nav uses aria-activedescendant. -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"inputWrapper\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayMatchWidth]=\"true\"\n    (detach)=\"isOpen.set(false)\"\n  >\n    <div\n      #dropdownEl\n      class=\"lc-combobox__dropdown\"\n      role=\"listbox\"\n      [id]=\"listboxId\"\n      [attr.aria-multiselectable]=\"multiple() ? true : null\"\n      (mousedown)=\"$event.preventDefault()\"\n    >\n      @for (group of groupedOptions(); track group.label) {\n        @if (group.label) {\n          <div class=\"lc-combobox__group-header\" role=\"presentation\">{{ group.label }}</div>\n        }\n        @for (option of group.items; track option.value) {\n          @let idx = flatOptions().indexOf(option);\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n          <div\n            class=\"lc-combobox__option\"\n            [class.lc-combobox__option--highlighted]=\"idx === highlightedIndex()\"\n            [class.lc-combobox__option--disabled]=\"option.disabled\"\n            role=\"option\"\n            [id]=\"optionId(idx)\"\n            [attr.aria-selected]=\"idx === highlightedIndex()\"\n            [attr.aria-disabled]=\"option.disabled\"\n            (click)=\"!option.disabled && selectOption(option)\"\n            (mouseenter)=\"highlightedIndex.set(idx)\"\n          >\n            @if (option.icon) {\n              <lc-icon [name]=\"option.icon\" size=\"sm\" class=\"lc-combobox__option-icon\" [decorative]=\"true\" />\n            }\n            <div class=\"lc-combobox__option-content\">\n              <span class=\"lc-combobox__option-label\">{{ option.label }}</span>\n              @if (option.description) {\n                <span class=\"lc-combobox__option-desc\">{{ option.description }}</span>\n              }\n            </div>\n          </div>\n        }\n      }\n\n      @if (showCreateOption()) {\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays in the input, keyboard selection via aria-activedescendant -->\n        <div\n          class=\"lc-combobox__option lc-combobox__option--create\"\n          [class.lc-combobox__option--highlighted]=\"highlightedIndex() === flatOptions().length\"\n          role=\"option\"\n          [id]=\"createOptionId\"\n          [attr.aria-selected]=\"highlightedIndex() === flatOptions().length\"\n          (click)=\"onCreateNew()\"\n          (mouseenter)=\"highlightedIndex.set(flatOptions().length)\"\n        >\n          <lc-icon name=\"plus\" size=\"sm\" [decorative]=\"true\" />\n          <span>{{ createOptionLabel() }} \"{{ query() }}\"</span>\n        </div>\n      }\n\n      @if (visibleOptions().length === 0 && !showCreateOption() && !isLoading() && !loading()) {\n        <div class=\"lc-combobox__empty\">{{ emptyMessage() }}</div>\n      }\n    </div>\n  </ng-template>\n\n  @if (helperText() && !error()) {\n    <span class=\"lc-combobox__helper\" [id]=\"inputId + '-helper'\">{{ helperText() }}</span>\n  }\n  @if (error()) {\n    <span class=\"lc-combobox__error\" [id]=\"inputId + '-error'\" role=\"alert\">{{ error() }}</span>\n  }\n</div>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-document-viewer.mjs

@@ -449,7 +449,7 @@ var DocumentViewerComponent = class DocumentViewerComponent {
 			"style.height": "height()"
 		} },
 		ngImport: i0,
-		template: "<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n",
+		template: "<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" [decorative]=\"true\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" [decorative]=\"true\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" [decorative]=\"true\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n",
 		styles: [".doc-viewer{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-surface);font-family:var(--typography-font-family, sans-serif)}.doc-viewer__toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0}.doc-viewer__toolbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.doc-viewer__toolbar-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.doc-viewer__filename{font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-viewer__badge{display:inline-flex;padding:.125rem .5rem;background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:999px;font-size:var(--typography-font-size-xs, .75rem);font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none}.doc-viewer__btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.doc-viewer__btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.doc-viewer__zoom{display:flex;align-items:center;gap:.125rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--color-border)}.doc-viewer__zoom-value{min-width:3rem;text-align:center;font-size:var(--typography-font-size-xs, .75rem);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.doc-viewer__content{flex:1;overflow:auto;position:relative;min-height:200px}.doc-viewer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;min-height:200px;color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm, .875rem)}.doc-viewer__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:200px;color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm, .875rem);padding:2rem;text-align:center}.doc-viewer__iframe{width:100%;height:100%;border:none;flex:1}.doc-viewer__image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;padding:1rem}.doc-viewer__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease;transform-origin:center center}.doc-viewer__markdown{padding:1.5rem 2rem;max-width:65rem;overflow-wrap:break-word}.doc-viewer__text{margin:0;padding:1.5rem 2rem;white-space:pre-wrap;word-break:break-word;font-family:var(--typography-font-family-mono, \"SF Mono\", monospace);font-size:var(--typography-font-size-sm, .875rem);line-height:1.6;color:var(--color-text-primary)}.doc-viewer__unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:200px;padding:2rem;color:var(--color-text-tertiary)}.doc-viewer__unsupported-title{font-size:var(--typography-font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-secondary)}.doc-viewer__unsupported-msg{font-size:var(--typography-font-size-sm, .875rem);color:var(--color-text-tertiary);text-align:center}.doc-viewer__download-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;border:1px solid var(--color-primary-500);border-radius:.375rem;background:transparent;color:var(--color-primary-500);font-size:var(--typography-font-size-sm, .875rem);font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.doc-viewer__download-btn:hover{background:var(--color-primary-500);color:#fff}.doc-viewer:fullscreen{height:100vh!important;border-radius:0}\n"],
 		dependencies: [
 			{
@@ -564,7 +564,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class]": "\"doc-viewer\"",
 				"[style.height]": "height()"
 			},
-			template: "<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n",
+			template: "<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" [decorative]=\"true\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" [decorative]=\"true\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" [decorative]=\"true\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n",
 			styles: [".doc-viewer{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-surface);font-family:var(--typography-font-family, sans-serif)}.doc-viewer__toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0}.doc-viewer__toolbar-left{display:flex;align-items:center;gap:.5rem;min-width:0}.doc-viewer__toolbar-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.doc-viewer__filename{font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-viewer__badge{display:inline-flex;padding:.125rem .5rem;background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:999px;font-size:var(--typography-font-size-xs, .75rem);font-weight:500;white-space:nowrap;-webkit-user-select:none;user-select:none}.doc-viewer__btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.doc-viewer__btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.doc-viewer__zoom{display:flex;align-items:center;gap:.125rem;margin-right:.5rem;padding-right:.5rem;border-right:1px solid var(--color-border)}.doc-viewer__zoom-value{min-width:3rem;text-align:center;font-size:var(--typography-font-size-xs, .75rem);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.doc-viewer__content{flex:1;overflow:auto;position:relative;min-height:200px}.doc-viewer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;min-height:200px;color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm, .875rem)}.doc-viewer__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:200px;color:var(--color-text-tertiary);font-size:var(--typography-font-size-sm, .875rem);padding:2rem;text-align:center}.doc-viewer__iframe{width:100%;height:100%;border:none;flex:1}.doc-viewer__image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:auto;padding:1rem}.doc-viewer__image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease;transform-origin:center center}.doc-viewer__markdown{padding:1.5rem 2rem;max-width:65rem;overflow-wrap:break-word}.doc-viewer__text{margin:0;padding:1.5rem 2rem;white-space:pre-wrap;word-break:break-word;font-family:var(--typography-font-family-mono, \"SF Mono\", monospace);font-size:var(--typography-font-size-sm, .875rem);line-height:1.6;color:var(--color-text-primary)}.doc-viewer__unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:100%;min-height:200px;padding:2rem;color:var(--color-text-tertiary)}.doc-viewer__unsupported-title{font-size:var(--typography-font-size-lg, 1.125rem);font-weight:600;color:var(--color-text-secondary)}.doc-viewer__unsupported-msg{font-size:var(--typography-font-size-sm, .875rem);color:var(--color-text-tertiary);text-align:center}.doc-viewer__download-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;border:1px solid var(--color-primary-500);border-radius:.375rem;background:transparent;color:var(--color-primary-500);font-size:var(--typography-font-size-sm, .875rem);font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.doc-viewer__download-btn:hover{background:var(--color-primary-500);color:#fff}.doc-viewer:fullscreen{height:100vh!important;border-radius:0}\n"]
 		}]
 	}],

package/fesm2022/lifecorner-angular-ui-kit-document-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-document-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_EXCLAMATION_TRIANGLE, ICON_FILE, ICON_FILE_TEXT, ICON_PLUS } from '@lifecorner/angular-ui-kit/icons';\nimport { SpinnerComponent } from '@lifecorner/angular-ui-kit/spinner';\nimport { CodeBlockComponent, CodeBlockLanguage } from '@lifecorner/angular-ui-kit/code-block';\nimport { MarkdownComponent } from '@lifecorner/angular-ui-kit/markdown';\nimport { isSafeResourceUrl } from '@lifecorner/angular-ui-kit/internal/url';\n\nexport type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';\n\nconst EXTENSION_TYPE_MAP: Record<string, DocumentType> = {\n  pdf: 'pdf',\n  md: 'markdown',\n  markdown: 'markdown',\n  png: 'image',\n  jpg: 'image',\n  jpeg: 'image',\n  gif: 'image',\n  webp: 'image',\n  svg: 'image',\n  bmp: 'image',\n  ts: 'code',\n  js: 'code',\n  tsx: 'code',\n  jsx: 'code',\n  py: 'code',\n  java: 'code',\n  html: 'code',\n  css: 'code',\n  scss: 'code',\n  json: 'code',\n  sh: 'code',\n  bash: 'code',\n  txt: 'text',\n  log: 'text',\n  csv: 'text',\n};\n\nconst EXTENSION_LANGUAGE_MAP: Record<string, CodeBlockLanguage> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  py: 'python',\n  java: 'java',\n  html: 'html',\n  css: 'css',\n  scss: 'scss',\n  json: 'json',\n  sh: 'bash',\n  bash: 'bash',\n};\n\nconst TYPE_ICONS: Record<string, string> = {\n  pdf: 'document-text',\n  markdown: 'document-text',\n  image: 'photo',\n  text: 'document',\n  code: 'code-bracket',\n  unknown: 'document',\n};\n\n/**\n * Document viewer component for previewing various file types.\n *\n * Features:\n * - Auto-detects file type from URL extension or explicit type input\n * - PDF rendering via browser-native iframe viewer\n * - Markdown rendered through `lc-markdown` (escaped and sanitised — a fetched\n *   `.md` file cannot inject markup)\n * - Image display with zoom controls (25% – 500%)\n * - Code display using the built-in code block component\n * - Plain text display\n * - Toolbar with filename, type badge, zoom, download, and fullscreen\n * - Loading and error states\n * - Dark/light theme support\n *\n * `src` is only ever embedded (iframe) or downloaded when it is a http(s),\n * blob: or relative URL — or a `data:application/pdf` — so a `javascript:` URL\n * handed in as a document can neither run in the frame nor be \"downloaded\".\n *\n * @example\n * ```html\n * <lc-document-viewer src=\"https://example.com/report.pdf\" />\n * <lc-document-viewer [content]=\"markdownString\" type=\"markdown\" filename=\"README.md\" />\n * <lc-document-viewer src=\"/assets/diagram.png\" />\n * ```\n */\n@Component({\n  selector: 'lc-document-viewer',\n  standalone: true,\n  imports: [IconComponent, SpinnerComponent, CodeBlockComponent, MarkdownComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_PLUS, ICON_EXCLAMATION_TRIANGLE, ICON_FILE, ICON_FILE_TEXT])],\n  templateUrl: './document-viewer.component.html',\n  styleUrls: ['./document-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': '\"doc-viewer\"',\n    '[style.height]': 'height()',\n  },\n})\nexport class DocumentViewerComponent implements OnDestroy {\n  /** URL of the document to display (for PDF, images, or remote files) */\n  readonly src = input<string>('');\n\n  /** Direct content string (for markdown, text, or code — takes precedence over src for content-based types) */\n  readonly content = input<string>('');\n\n  /** File type — set to 'auto' to detect from URL extension */\n  readonly type = input<DocumentType>('auto');\n\n  /** Display name shown in the toolbar */\n  readonly filename = input<string>('');\n\n  /** Code language for syntax highlighting (when type is 'code') */\n  readonly language = input<CodeBlockLanguage>('text');\n\n  /** Whether to display the toolbar */\n  readonly showToolbar = input(true);\n\n  /** Whether to show the download button in the toolbar */\n  readonly showDownload = input(true);\n\n  /** Height of the viewer container */\n  readonly height = input('500px');\n\n  /** Accessible name of the zoom-out button. */\n  readonly zoomOutAriaLabel = input('Zoom out');\n\n  /** Accessible name of the zoom-in button. */\n  readonly zoomInAriaLabel = input('Zoom in');\n\n  /** Accessible name of the reset-zoom button. */\n  readonly resetZoomAriaLabel = input('Reset zoom');\n\n  /** Accessible name of the toolbar download button. */\n  readonly downloadAriaLabel = input('Download');\n\n  /** Accessible name of the fullscreen button. */\n  readonly fullscreenAriaLabel = input('Fullscreen');\n\n  /** Accessible name of the fullscreen button while in fullscreen. */\n  readonly exitFullscreenAriaLabel = input('Exit fullscreen');\n\n  /** Shown while the document loads. */\n  readonly loadingLabel = input('Loading document…');\n\n  /** Title shown for file types without a preview. */\n  readonly previewUnavailableTitle = input('Preview not available');\n\n  /** Message shown for file types without a preview. */\n  readonly previewUnavailableMessage = input('This file type cannot be previewed.');\n\n  /** Label of the download button shown instead of a preview. */\n  readonly downloadFileLabel = input('Download file');\n\n  /** Toolbar name when neither `filename` nor a file name in `src` is available. */\n  readonly untitledLabel = input('Document');\n\n  /** Type badge for Markdown documents. */\n  readonly markdownTypeLabel = input('Markdown');\n\n  /** Type badge for images. */\n  readonly imageTypeLabel = input('Image');\n\n  /** Type badge for plain text. */\n  readonly textTypeLabel = input('Text');\n\n  /** Type badge for other files. */\n  readonly fileTypeLabel = input('File');\n\n  /** Prefix of the error shown when fetching the document fails. */\n  readonly loadErrorLabel = input('Failed to load document:');\n\n  /** Error shown when `src` is not an allowed URL (e.g. `javascript:`). */\n  readonly blockedUrlMessage = input('This document URL cannot be displayed');\n\n  // ── Internal state ───────────────────────────────────────────────────────\n\n  protected loading = signal(true);\n  protected error = signal<string | null>(null);\n  protected fetchedContent = signal<string>('');\n  protected zoom = signal(100);\n  protected isFullscreen = signal(false);\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly elementRef = inject(ElementRef);\n  private fullscreenHandler: (() => void) | null = null;\n\n  // ── Computed values ──────────────────────────────────────────────────────\n\n  /** Resolved document type from input or URL extension */\n  protected resolvedType = computed<DocumentType | 'unknown'>(() => {\n    const t = this.type();\n    if (t !== 'auto') return t;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_TYPE_MAP[ext] ? EXTENSION_TYPE_MAP[ext] : 'unknown';\n  });\n\n  /** Display name for the toolbar */\n  protected displayName = computed(() => {\n    if (this.filename()) return this.filename();\n    const src = this.src();\n    if (!src) return this.untitledLabel();\n    try {\n      const url = new URL(src, 'http://localhost');\n      const segments = url.pathname.split('/');\n      return segments[segments.length - 1] || this.untitledLabel();\n    } catch {\n      return src.split('/').pop() || this.untitledLabel();\n    }\n  });\n\n  /** Icon name for the document type */\n  protected typeIcon = computed(() => TYPE_ICONS[this.resolvedType()] || TYPE_ICONS['unknown']);\n\n  /** Type label for the toolbar badge */\n  protected typeLabel = computed(() => {\n    const t = this.resolvedType();\n    switch (t) {\n      case 'pdf': return 'PDF';\n      case 'markdown': return this.markdownTypeLabel();\n      case 'image': return this.imageTypeLabel();\n      case 'text': return this.textTypeLabel();\n      case 'code': return this.resolvedLanguage().toUpperCase();\n      default: return this.fileTypeLabel();\n    }\n  });\n\n  /** Resolved code language */\n  protected resolvedLanguage = computed<CodeBlockLanguage>(() => {\n    const lang = this.language();\n    if (lang !== 'text') return lang;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_LANGUAGE_MAP[ext] ? EXTENSION_LANGUAGE_MAP[ext] : 'text';\n  });\n\n  /** Whether `src` may be embedded in a frame or downloaded at all. */\n  protected srcEmbeddable = computed(() => isSafeResourceUrl(this.src()));\n\n  /**\n   * `src` as the iframe accepts it. Bypassing the resource-URL check is what\n   * lets a PDF URL into an iframe at all; it is only done for URLs that passed\n   * `isSafeResourceUrl` — anything else resolves to an empty frame.\n   */\n  protected safeSrc = computed<SafeResourceUrl>(() => {\n    const src = this.src();\n    return this.sanitizer.bypassSecurityTrustResourceUrl(this.srcEmbeddable() ? src : 'about:blank');\n  });\n\n  /** Effective content: direct content input or fetched content */\n  protected effectiveContent = computed(() => {\n    return this.content() || this.fetchedContent();\n  });\n\n  /** Image transform style for zoom */\n  protected imageTransform = computed(() => {\n    const z = this.zoom() / 100;\n    return `scale(${z})`;\n  });\n\n  /** Whether zoom controls should be shown */\n  protected showZoom = computed(() => {\n    const t = this.resolvedType();\n    return t === 'image';\n  });\n\n  // ── Lifecycle ────────────────────────────────────────────────────────────\n\n  constructor() {\n    // Load whenever the document changes — not just once. A new `src` starts a\n    // fresh load (and cancels the one still in flight, so a slow old response\n    // can't overwrite the new document), resets any earlier error, and re-enters\n    // the loading state; a `content` string short-circuits all of that.\n    effect((onCleanup) => {\n      const type = this.resolvedType();\n      const src = this.src();\n      const content = this.content();\n      const controller = typeof AbortController === 'function' ? new AbortController() : null;\n      onCleanup(() => controller?.abort());\n      untracked(() => this.load(type, src, content, controller));\n    });\n  }\n\n  private load(\n    type: DocumentType | 'unknown',\n    src: string,\n    content: string,\n    controller: AbortController | null,\n  ): void {\n    this.error.set(null);\n    this.fetchedContent.set('');\n\n    if (content) {\n      this.loading.set(false);\n      return;\n    }\n\n    if (!src) {\n      this.loading.set(false);\n      this.error.set('No source or content provided');\n      return;\n    }\n\n    // PDF and images are embedded directly — no fetch needed. They do have to be\n    // embeddable, though: a `javascript:` (or other exotic) URL is refused up\n    // front instead of being handed to an iframe.\n    if (type === 'pdf' || type === 'image') {\n      if (!this.srcEmbeddable()) {\n        this.loading.set(false);\n        this.error.set(this.blockedUrlMessage());\n        return;\n      }\n      // Not \"loading\": the frame/img element only exists once loading is off,\n      // and it is its own load event that would end the state — a deadlock.\n      this.loading.set(false);\n      return;\n    }\n\n    // Fetch text-based content\n    if (type === 'markdown' || type === 'text' || type === 'code') {\n      this.loading.set(true);\n      this.fetchContent(src, controller);\n    } else {\n      this.loading.set(false);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.fullscreenHandler) {\n      document.removeEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  // ── Actions ──────────────────────────────────────────────────────────────\n\n  protected zoomIn(): void {\n    this.zoom.update(z => Math.min(z + 25, 500));\n  }\n\n  protected zoomOut(): void {\n    this.zoom.update(z => Math.max(z - 25, 25));\n  }\n\n  protected resetZoom(): void {\n    this.zoom.set(100);\n  }\n\n  protected download(): void {\n    const src = this.src();\n    // A download is a click the user never sees the target of — only URLs that\n    // could be embedded are worth clicking.\n    if (!src || !this.srcEmbeddable()) return;\n    const a = document.createElement('a');\n    a.href = src;\n    a.download = this.displayName();\n    a.target = '_blank';\n    a.rel = 'noopener noreferrer';\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n  }\n\n  protected toggleFullscreen(): void {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (!document.fullscreenElement) {\n      el.requestFullscreen?.();\n      this.isFullscreen.set(true);\n    } else {\n      document.exitFullscreen?.();\n      this.isFullscreen.set(false);\n    }\n\n    if (!this.fullscreenHandler) {\n      this.fullscreenHandler = () => {\n        this.isFullscreen.set(!!document.fullscreenElement);\n      };\n      document.addEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  protected onIframeLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageError(): void {\n    this.loading.set(false);\n    this.error.set('Failed to load image');\n  }\n\n  // ── Private helpers ──────────────────────────────────────────────────────\n\n  private extractExtension(url: string): string | null {\n    if (!url) return null;\n    try {\n      const pathname = new URL(url, 'http://localhost').pathname;\n      const parts = pathname.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase() : null;\n    } catch {\n      const parts = url.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase().split('?')[0] : null;\n    }\n  }\n\n  private async fetchContent(url: string, controller: AbortController | null): Promise<void> {\n    if (typeof fetch !== 'function') {\n      this.loading.set(false);\n      this.error.set('Failed to load document: fetch is not available');\n      return;\n    }\n    try {\n      const response = await fetch(url, controller ? { signal: controller.signal } : undefined);\n      if (!response.ok) {\n        throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n      }\n      const text = await response.text();\n      // A response for a document that has since been replaced is dropped: the\n      // effect that replaced it aborted this controller and started its own load.\n      if (controller?.signal.aborted) return;\n      this.fetchedContent.set(text);\n      this.loading.set(false);\n    } catch (err) {\n      if (controller?.signal.aborted) return;\n      this.loading.set(false);\n      this.error.set(`${this.loadErrorLabel()} ${err instanceof Error ? err.message : 'Unknown error'}`);\n    }\n  }\n}\n","<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-document-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_EXCLAMATION_TRIANGLE, ICON_FILE, ICON_FILE_TEXT, ICON_PLUS } from '@lifecorner/angular-ui-kit/icons';\nimport { SpinnerComponent } from '@lifecorner/angular-ui-kit/spinner';\nimport { CodeBlockComponent, CodeBlockLanguage } from '@lifecorner/angular-ui-kit/code-block';\nimport { MarkdownComponent } from '@lifecorner/angular-ui-kit/markdown';\nimport { isSafeResourceUrl } from '@lifecorner/angular-ui-kit/internal/url';\n\nexport type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';\n\nconst EXTENSION_TYPE_MAP: Record<string, DocumentType> = {\n  pdf: 'pdf',\n  md: 'markdown',\n  markdown: 'markdown',\n  png: 'image',\n  jpg: 'image',\n  jpeg: 'image',\n  gif: 'image',\n  webp: 'image',\n  svg: 'image',\n  bmp: 'image',\n  ts: 'code',\n  js: 'code',\n  tsx: 'code',\n  jsx: 'code',\n  py: 'code',\n  java: 'code',\n  html: 'code',\n  css: 'code',\n  scss: 'code',\n  json: 'code',\n  sh: 'code',\n  bash: 'code',\n  txt: 'text',\n  log: 'text',\n  csv: 'text',\n};\n\nconst EXTENSION_LANGUAGE_MAP: Record<string, CodeBlockLanguage> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  py: 'python',\n  java: 'java',\n  html: 'html',\n  css: 'css',\n  scss: 'scss',\n  json: 'json',\n  sh: 'bash',\n  bash: 'bash',\n};\n\nconst TYPE_ICONS: Record<string, string> = {\n  pdf: 'document-text',\n  markdown: 'document-text',\n  image: 'photo',\n  text: 'document',\n  code: 'code-bracket',\n  unknown: 'document',\n};\n\n/**\n * Document viewer component for previewing various file types.\n *\n * Features:\n * - Auto-detects file type from URL extension or explicit type input\n * - PDF rendering via browser-native iframe viewer\n * - Markdown rendered through `lc-markdown` (escaped and sanitised — a fetched\n *   `.md` file cannot inject markup)\n * - Image display with zoom controls (25% – 500%)\n * - Code display using the built-in code block component\n * - Plain text display\n * - Toolbar with filename, type badge, zoom, download, and fullscreen\n * - Loading and error states\n * - Dark/light theme support\n *\n * `src` is only ever embedded (iframe) or downloaded when it is a http(s),\n * blob: or relative URL — or a `data:application/pdf` — so a `javascript:` URL\n * handed in as a document can neither run in the frame nor be \"downloaded\".\n *\n * @example\n * ```html\n * <lc-document-viewer src=\"https://example.com/report.pdf\" />\n * <lc-document-viewer [content]=\"markdownString\" type=\"markdown\" filename=\"README.md\" />\n * <lc-document-viewer src=\"/assets/diagram.png\" />\n * ```\n */\n@Component({\n  selector: 'lc-document-viewer',\n  standalone: true,\n  imports: [IconComponent, SpinnerComponent, CodeBlockComponent, MarkdownComponent],\n  viewProviders: [ɵprovideKitIcons([ICON_PLUS, ICON_EXCLAMATION_TRIANGLE, ICON_FILE, ICON_FILE_TEXT])],\n  templateUrl: './document-viewer.component.html',\n  styleUrls: ['./document-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': '\"doc-viewer\"',\n    '[style.height]': 'height()',\n  },\n})\nexport class DocumentViewerComponent implements OnDestroy {\n  /** URL of the document to display (for PDF, images, or remote files) */\n  readonly src = input<string>('');\n\n  /** Direct content string (for markdown, text, or code — takes precedence over src for content-based types) */\n  readonly content = input<string>('');\n\n  /** File type — set to 'auto' to detect from URL extension */\n  readonly type = input<DocumentType>('auto');\n\n  /** Display name shown in the toolbar */\n  readonly filename = input<string>('');\n\n  /** Code language for syntax highlighting (when type is 'code') */\n  readonly language = input<CodeBlockLanguage>('text');\n\n  /** Whether to display the toolbar */\n  readonly showToolbar = input(true);\n\n  /** Whether to show the download button in the toolbar */\n  readonly showDownload = input(true);\n\n  /** Height of the viewer container */\n  readonly height = input('500px');\n\n  /** Accessible name of the zoom-out button. */\n  readonly zoomOutAriaLabel = input('Zoom out');\n\n  /** Accessible name of the zoom-in button. */\n  readonly zoomInAriaLabel = input('Zoom in');\n\n  /** Accessible name of the reset-zoom button. */\n  readonly resetZoomAriaLabel = input('Reset zoom');\n\n  /** Accessible name of the toolbar download button. */\n  readonly downloadAriaLabel = input('Download');\n\n  /** Accessible name of the fullscreen button. */\n  readonly fullscreenAriaLabel = input('Fullscreen');\n\n  /** Accessible name of the fullscreen button while in fullscreen. */\n  readonly exitFullscreenAriaLabel = input('Exit fullscreen');\n\n  /** Shown while the document loads. */\n  readonly loadingLabel = input('Loading document…');\n\n  /** Title shown for file types without a preview. */\n  readonly previewUnavailableTitle = input('Preview not available');\n\n  /** Message shown for file types without a preview. */\n  readonly previewUnavailableMessage = input('This file type cannot be previewed.');\n\n  /** Label of the download button shown instead of a preview. */\n  readonly downloadFileLabel = input('Download file');\n\n  /** Toolbar name when neither `filename` nor a file name in `src` is available. */\n  readonly untitledLabel = input('Document');\n\n  /** Type badge for Markdown documents. */\n  readonly markdownTypeLabel = input('Markdown');\n\n  /** Type badge for images. */\n  readonly imageTypeLabel = input('Image');\n\n  /** Type badge for plain text. */\n  readonly textTypeLabel = input('Text');\n\n  /** Type badge for other files. */\n  readonly fileTypeLabel = input('File');\n\n  /** Prefix of the error shown when fetching the document fails. */\n  readonly loadErrorLabel = input('Failed to load document:');\n\n  /** Error shown when `src` is not an allowed URL (e.g. `javascript:`). */\n  readonly blockedUrlMessage = input('This document URL cannot be displayed');\n\n  // ── Internal state ───────────────────────────────────────────────────────\n\n  protected loading = signal(true);\n  protected error = signal<string | null>(null);\n  protected fetchedContent = signal<string>('');\n  protected zoom = signal(100);\n  protected isFullscreen = signal(false);\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly elementRef = inject(ElementRef);\n  private fullscreenHandler: (() => void) | null = null;\n\n  // ── Computed values ──────────────────────────────────────────────────────\n\n  /** Resolved document type from input or URL extension */\n  protected resolvedType = computed<DocumentType | 'unknown'>(() => {\n    const t = this.type();\n    if (t !== 'auto') return t;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_TYPE_MAP[ext] ? EXTENSION_TYPE_MAP[ext] : 'unknown';\n  });\n\n  /** Display name for the toolbar */\n  protected displayName = computed(() => {\n    if (this.filename()) return this.filename();\n    const src = this.src();\n    if (!src) return this.untitledLabel();\n    try {\n      const url = new URL(src, 'http://localhost');\n      const segments = url.pathname.split('/');\n      return segments[segments.length - 1] || this.untitledLabel();\n    } catch {\n      return src.split('/').pop() || this.untitledLabel();\n    }\n  });\n\n  /** Icon name for the document type */\n  protected typeIcon = computed(() => TYPE_ICONS[this.resolvedType()] || TYPE_ICONS['unknown']);\n\n  /** Type label for the toolbar badge */\n  protected typeLabel = computed(() => {\n    const t = this.resolvedType();\n    switch (t) {\n      case 'pdf': return 'PDF';\n      case 'markdown': return this.markdownTypeLabel();\n      case 'image': return this.imageTypeLabel();\n      case 'text': return this.textTypeLabel();\n      case 'code': return this.resolvedLanguage().toUpperCase();\n      default: return this.fileTypeLabel();\n    }\n  });\n\n  /** Resolved code language */\n  protected resolvedLanguage = computed<CodeBlockLanguage>(() => {\n    const lang = this.language();\n    if (lang !== 'text') return lang;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_LANGUAGE_MAP[ext] ? EXTENSION_LANGUAGE_MAP[ext] : 'text';\n  });\n\n  /** Whether `src` may be embedded in a frame or downloaded at all. */\n  protected srcEmbeddable = computed(() => isSafeResourceUrl(this.src()));\n\n  /**\n   * `src` as the iframe accepts it. Bypassing the resource-URL check is what\n   * lets a PDF URL into an iframe at all; it is only done for URLs that passed\n   * `isSafeResourceUrl` — anything else resolves to an empty frame.\n   */\n  protected safeSrc = computed<SafeResourceUrl>(() => {\n    const src = this.src();\n    return this.sanitizer.bypassSecurityTrustResourceUrl(this.srcEmbeddable() ? src : 'about:blank');\n  });\n\n  /** Effective content: direct content input or fetched content */\n  protected effectiveContent = computed(() => {\n    return this.content() || this.fetchedContent();\n  });\n\n  /** Image transform style for zoom */\n  protected imageTransform = computed(() => {\n    const z = this.zoom() / 100;\n    return `scale(${z})`;\n  });\n\n  /** Whether zoom controls should be shown */\n  protected showZoom = computed(() => {\n    const t = this.resolvedType();\n    return t === 'image';\n  });\n\n  // ── Lifecycle ────────────────────────────────────────────────────────────\n\n  constructor() {\n    // Load whenever the document changes — not just once. A new `src` starts a\n    // fresh load (and cancels the one still in flight, so a slow old response\n    // can't overwrite the new document), resets any earlier error, and re-enters\n    // the loading state; a `content` string short-circuits all of that.\n    effect((onCleanup) => {\n      const type = this.resolvedType();\n      const src = this.src();\n      const content = this.content();\n      const controller = typeof AbortController === 'function' ? new AbortController() : null;\n      onCleanup(() => controller?.abort());\n      untracked(() => this.load(type, src, content, controller));\n    });\n  }\n\n  private load(\n    type: DocumentType | 'unknown',\n    src: string,\n    content: string,\n    controller: AbortController | null,\n  ): void {\n    this.error.set(null);\n    this.fetchedContent.set('');\n\n    if (content) {\n      this.loading.set(false);\n      return;\n    }\n\n    if (!src) {\n      this.loading.set(false);\n      this.error.set('No source or content provided');\n      return;\n    }\n\n    // PDF and images are embedded directly — no fetch needed. They do have to be\n    // embeddable, though: a `javascript:` (or other exotic) URL is refused up\n    // front instead of being handed to an iframe.\n    if (type === 'pdf' || type === 'image') {\n      if (!this.srcEmbeddable()) {\n        this.loading.set(false);\n        this.error.set(this.blockedUrlMessage());\n        return;\n      }\n      // Not \"loading\": the frame/img element only exists once loading is off,\n      // and it is its own load event that would end the state — a deadlock.\n      this.loading.set(false);\n      return;\n    }\n\n    // Fetch text-based content\n    if (type === 'markdown' || type === 'text' || type === 'code') {\n      this.loading.set(true);\n      this.fetchContent(src, controller);\n    } else {\n      this.loading.set(false);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.fullscreenHandler) {\n      document.removeEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  // ── Actions ──────────────────────────────────────────────────────────────\n\n  protected zoomIn(): void {\n    this.zoom.update(z => Math.min(z + 25, 500));\n  }\n\n  protected zoomOut(): void {\n    this.zoom.update(z => Math.max(z - 25, 25));\n  }\n\n  protected resetZoom(): void {\n    this.zoom.set(100);\n  }\n\n  protected download(): void {\n    const src = this.src();\n    // A download is a click the user never sees the target of — only URLs that\n    // could be embedded are worth clicking.\n    if (!src || !this.srcEmbeddable()) return;\n    const a = document.createElement('a');\n    a.href = src;\n    a.download = this.displayName();\n    a.target = '_blank';\n    a.rel = 'noopener noreferrer';\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n  }\n\n  protected toggleFullscreen(): void {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (!document.fullscreenElement) {\n      el.requestFullscreen?.();\n      this.isFullscreen.set(true);\n    } else {\n      document.exitFullscreen?.();\n      this.isFullscreen.set(false);\n    }\n\n    if (!this.fullscreenHandler) {\n      this.fullscreenHandler = () => {\n        this.isFullscreen.set(!!document.fullscreenElement);\n      };\n      document.addEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  protected onIframeLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageError(): void {\n    this.loading.set(false);\n    this.error.set('Failed to load image');\n  }\n\n  // ── Private helpers ──────────────────────────────────────────────────────\n\n  private extractExtension(url: string): string | null {\n    if (!url) return null;\n    try {\n      const pathname = new URL(url, 'http://localhost').pathname;\n      const parts = pathname.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase() : null;\n    } catch {\n      const parts = url.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase().split('?')[0] : null;\n    }\n  }\n\n  private async fetchContent(url: string, controller: AbortController | null): Promise<void> {\n    if (typeof fetch !== 'function') {\n      this.loading.set(false);\n      this.error.set('Failed to load document: fetch is not available');\n      return;\n    }\n    try {\n      const response = await fetch(url, controller ? { signal: controller.signal } : undefined);\n      if (!response.ok) {\n        throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n      }\n      const text = await response.text();\n      // A response for a document that has since been replaced is dropped: the\n      // effect that replaced it aborted this controller and started its own load.\n      if (controller?.signal.aborted) return;\n      this.fetchedContent.set(text);\n      this.loading.set(false);\n    } catch (err) {\n      if (controller?.signal.aborted) return;\n      this.loading.set(false);\n      this.error.set(`${this.loadErrorLabel()} ${err instanceof Error ? err.message : 'Unknown error'}`);\n    }\n  }\n}\n","<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" [decorative]=\"true\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" [decorative]=\"true\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" [decorative]=\"true\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" [decorative]=\"true\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" [decorative]=\"true\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-drawer.mjs

@@ -173,7 +173,7 @@ var DrawerComponent = class DrawerComponent {
 		host: { listeners: { "document:keydown": "onKeydown($event)" } },
 		ngImport: i0,
 		template: "@if (_visible()) {\n  <div class=\"lc-drawer\">\n    <!-- Overlay -->\n    @if (hasOverlay()) {\n      <div\n        class=\"lc-drawer__overlay\"\n        [class.lc-drawer__overlay--visible]=\"open()\"\n        (click)=\"onOverlayClick($event)\"\n        aria-hidden=\"true\"\n      ></div>\n    }\n\n    <!-- Panel. Focus moves in on open and back to the opener when the panel\n         is torn down (cdkTrapFocusAutoCapture); focus is only trapped while\n         the backdrop makes the page behind inert. -->\n    <aside\n      [class]=\"panelClasses()\"\n      [style.width]=\"widthValue()\"\n      role=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || heading() || 'Drawer'\"\n      [attr.aria-modal]=\"hasOverlay() ? 'true' : null\"\n      [cdkTrapFocus]=\"hasOverlay()\"\n      [cdkTrapFocusAutoCapture]=\"true\"\n    >\n      <!-- Header -->\n      @if (heading()) {\n        <header class=\"lc-drawer__header\">\n          <h2 class=\"lc-drawer__heading\">{{ heading() }}</h2>\n          <button\n            type=\"button\"\n            class=\"lc-drawer__close\"\n            (click)=\"close()\"\n            [attr.aria-label]=\"closeAriaLabel()\"\n          >\n            <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n          </button>\n        </header>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"lc-drawer__close lc-drawer__close--floating\"\n          (click)=\"close()\"\n          [attr.aria-label]=\"closeAriaLabel()\"\n        >\n          <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n        </button>\n      }\n\n      <!-- Projected content -->\n      <div class=\"lc-drawer__body\">\n        <ng-content />\n      </div>\n    </aside>\n  </div>\n}\n",
-		styles: ["@charset \"UTF-8\";.lc-drawer{position:fixed;inset:0;z-index:1100;pointer-events:none}.lc-drawer__overlay{position:absolute;inset:0;background:#0000;transition:background .25s ease;pointer-events:auto;cursor:pointer}.lc-drawer__overlay--visible{background:#00000073}.lc-drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background-color:var(--color-surface);background-image:var(--gradient-surface);box-shadow:var(--elevation-4);pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:90vw;overflow:hidden}.lc-drawer__panel--right{right:0;transform:translate(100%);border-left:1px solid var(--color-border-strong)}.lc-drawer__panel--left{left:0;transform:translate(-100%);border-right:1px solid var(--color-border-strong)}.lc-drawer__panel--open{transform:translate(0)}.lc-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.lc-drawer__heading{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.lc-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:var(--border-radius-md, .375rem);color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s}.lc-drawer__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-drawer__close:focus-visible{outline:2px solid var(--color-primary-500, #208497);outline-offset:2px}.lc-drawer__close--floating{position:absolute;top:.75rem;right:.75rem;z-index:1}.lc-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.lc-drawer__panel{max-width:100vw;width:100vw!important}}\n"],
+		styles: ["@charset \"UTF-8\";.lc-drawer{position:fixed;inset:0;z-index:1100;pointer-events:none}.lc-drawer__overlay{position:absolute;inset:0;background:#0000;transition:background .25s ease;pointer-events:auto;cursor:pointer}.lc-drawer__overlay--visible{background:#00000073}.lc-drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background-color:var(--color-surface);background-image:var(--gradient-surface);box-shadow:var(--elevation-4);pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:90vw;overflow:hidden}.lc-drawer__panel--right{right:0;transform:translate(100%);border-left:1px solid var(--color-border-strong)}.lc-drawer__panel--left{left:0;transform:translate(-100%);border-right:1px solid var(--color-border-strong)}.lc-drawer__panel--open{transform:translate(0)}.lc-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:1rem 1.25rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.lc-drawer__heading{margin:0;min-width:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:12 4 3}.lc-drawer__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--size-min-touch-width, 2.75rem);height:var(--size-min-touch-height, 2.75rem);margin:calc((2rem - var(--size-min-touch-height, 2.75rem)) / 2);padding:0;background:none;border:none;border-radius:var(--border-radius-md, .375rem);color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s}.lc-drawer__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-drawer__close:focus-visible{outline:2px solid var(--color-primary-500, #208497);outline-offset:2px}.lc-drawer__close--floating{position:absolute;top:.75rem;right:.75rem;z-index:1}.lc-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.lc-drawer__panel{max-width:100vw;width:100vw!important}}\n"],
 		dependencies: [
 			{
 				kind: "ngmodule",
@@ -219,7 +219,7 @@ i0.ɵɵngDeclareClassMetadata({
 			viewProviders: [ɵprovideKitIcons([ICON_X_MARK])],
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: "@if (_visible()) {\n  <div class=\"lc-drawer\">\n    <!-- Overlay -->\n    @if (hasOverlay()) {\n      <div\n        class=\"lc-drawer__overlay\"\n        [class.lc-drawer__overlay--visible]=\"open()\"\n        (click)=\"onOverlayClick($event)\"\n        aria-hidden=\"true\"\n      ></div>\n    }\n\n    <!-- Panel. Focus moves in on open and back to the opener when the panel\n         is torn down (cdkTrapFocusAutoCapture); focus is only trapped while\n         the backdrop makes the page behind inert. -->\n    <aside\n      [class]=\"panelClasses()\"\n      [style.width]=\"widthValue()\"\n      role=\"dialog\"\n      [attr.aria-label]=\"ariaLabel() || heading() || 'Drawer'\"\n      [attr.aria-modal]=\"hasOverlay() ? 'true' : null\"\n      [cdkTrapFocus]=\"hasOverlay()\"\n      [cdkTrapFocusAutoCapture]=\"true\"\n    >\n      <!-- Header -->\n      @if (heading()) {\n        <header class=\"lc-drawer__header\">\n          <h2 class=\"lc-drawer__heading\">{{ heading() }}</h2>\n          <button\n            type=\"button\"\n            class=\"lc-drawer__close\"\n            (click)=\"close()\"\n            [attr.aria-label]=\"closeAriaLabel()\"\n          >\n            <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n          </button>\n        </header>\n      } @else {\n        <button\n          type=\"button\"\n          class=\"lc-drawer__close lc-drawer__close--floating\"\n          (click)=\"close()\"\n          [attr.aria-label]=\"closeAriaLabel()\"\n        >\n          <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n        </button>\n      }\n\n      <!-- Projected content -->\n      <div class=\"lc-drawer__body\">\n        <ng-content />\n      </div>\n    </aside>\n  </div>\n}\n",
-			styles: ["@charset \"UTF-8\";.lc-drawer{position:fixed;inset:0;z-index:1100;pointer-events:none}.lc-drawer__overlay{position:absolute;inset:0;background:#0000;transition:background .25s ease;pointer-events:auto;cursor:pointer}.lc-drawer__overlay--visible{background:#00000073}.lc-drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background-color:var(--color-surface);background-image:var(--gradient-surface);box-shadow:var(--elevation-4);pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:90vw;overflow:hidden}.lc-drawer__panel--right{right:0;transform:translate(100%);border-left:1px solid var(--color-border-strong)}.lc-drawer__panel--left{left:0;transform:translate(-100%);border-right:1px solid var(--color-border-strong)}.lc-drawer__panel--open{transform:translate(0)}.lc-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.lc-drawer__heading{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.lc-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:var(--border-radius-md, .375rem);color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s}.lc-drawer__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-drawer__close:focus-visible{outline:2px solid var(--color-primary-500, #208497);outline-offset:2px}.lc-drawer__close--floating{position:absolute;top:.75rem;right:.75rem;z-index:1}.lc-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.lc-drawer__panel{max-width:100vw;width:100vw!important}}\n"]
+			styles: ["@charset \"UTF-8\";.lc-drawer{position:fixed;inset:0;z-index:1100;pointer-events:none}.lc-drawer__overlay{position:absolute;inset:0;background:#0000;transition:background .25s ease;pointer-events:auto;cursor:pointer}.lc-drawer__overlay--visible{background:#00000073}.lc-drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;background-color:var(--color-surface);background-image:var(--gradient-surface);box-shadow:var(--elevation-4);pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);max-width:90vw;overflow:hidden}.lc-drawer__panel--right{right:0;transform:translate(100%);border-left:1px solid var(--color-border-strong)}.lc-drawer__panel--left{left:0;transform:translate(-100%);border-right:1px solid var(--color-border-strong)}.lc-drawer__panel--open{transform:translate(0)}.lc-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:1rem 1.25rem;border-bottom:1px solid var(--color-divider);flex-shrink:0}.lc-drawer__heading{margin:0;min-width:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:12 4 3}.lc-drawer__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--size-min-touch-width, 2.75rem);height:var(--size-min-touch-height, 2.75rem);margin:calc((2rem - var(--size-min-touch-height, 2.75rem)) / 2);padding:0;background:none;border:none;border-radius:var(--border-radius-md, .375rem);color:var(--color-text-tertiary);cursor:pointer;transition:background .15s,color .15s}.lc-drawer__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lc-drawer__close:focus-visible{outline:2px solid var(--color-primary-500, #208497);outline-offset:2px}.lc-drawer__close--floating{position:absolute;top:.75rem;right:.75rem;z-index:1}.lc-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.lc-drawer__panel{max-width:100vw;width:100vw!important}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],