@lifecorner/angular-ui-kit 3.11.4 → 3.12.0

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

@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component, Directive, TemplateRef, computed, c
 import { NgTemplateOutlet } from "@angular/common";
 import { IconComponent, ɵprovideKitIcons } from "@lifecorner/angular-ui-kit/icon";
 import { ICON_CHEVRON_DOWN } from "@lifecorner/angular-ui-kit/icons";
+import { nameWithText } from "@lifecorner/angular-ui-kit/internal/a11y";
 var AccordionHeaderDirective = class AccordionHeaderDirective {
 	template = inject(TemplateRef);
 	static ɵfac = i0.ɵɵngDeclareFactory({
@@ -89,7 +90,9 @@ var AccordionComponent = class AccordionComponent {
 			if (this.expanded()) this.hasBeenOpened.set(true);
 		});
 	}
-	headerAriaLabel = computed(() => this.ariaLabel() || this.title() || null, ...ngDevMode ? [{ debugName: "headerAriaLabel" }] : /* istanbul ignore next */ []);
+	richHeaderLabel = computed(() => this.headerTemplate() ? (this.ariaLabel() || this.title()).trim() : "", ...ngDevMode ? [{ debugName: "richHeaderLabel" }] : /* istanbul ignore next */ []);
+	headerAriaLabel = computed(() => this.headerTemplate() ? null : nameWithText(this.ariaLabel() || this.title(), this.title()) || null, ...ngDevMode ? [{ debugName: "headerAriaLabel" }] : /* istanbul ignore next */ []);
+	headerLabelledBy = computed(() => this.richHeaderLabel() ? `${this.headerId}-label ${this.headerId}-content` : null, ...ngDevMode ? [{ debugName: "headerLabelledBy" }] : /* istanbul ignore next */ []);
 	shouldRenderBody = computed(() => {
 		if (this.destroyOnClose()) return this.expanded();
 		if (this.lazy()) return this.hasBeenOpened();
@@ -217,7 +220,7 @@ var AccordionComponent = class AccordionComponent {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
+		template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-labelledby]=\"headerLabelledBy()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <!-- The label starts the name and the template's text follows it, so\n             the name contains what is shown (WCAG 2.5.3). -->\n        @if (richHeaderLabel()) {\n          <span hidden [id]=\"headerId + '-label'\">{{ richHeaderLabel() }},</span>\n        }\n        <span class=\"lc-accordion__header-content\" [attr.id]=\"richHeaderLabel() ? headerId + '-content' : null\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerLabelledBy() ?? headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
 		styles: [":host{display:block}.lc-accordion{border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.lc-accordion--outlined{border:1px solid var(--lc-accordion-border, var(--color-border));background:var(--color-surface);box-shadow:var(--elevation-1)}.lc-accordion--outlined:hover:not(.lc-accordion--disabled){box-shadow:var(--elevation-1)}.lc-accordion--flat{border:none;background:transparent}.lc-accordion--disabled{opacity:.5;pointer-events:none}.lc-accordion__heading{display:block;margin:0}.lc-accordion__header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-weight:600;letter-spacing:-.01em;color:var(--lc-accordion-header-fg, var(--color-text-primary));background:var(--lc-accordion-header-bg, transparent);border:var(--lc-accordion-header-border, none);border-radius:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-accordion__header:hover{background-color:var(--lc-accordion-header-hover-bg, var(--color-surface-hover))}.lc-accordion__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--border-radius-md)}.lc-accordion__header:disabled{cursor:not-allowed}.lc-accordion--sm .lc-accordion__header{padding:var(--lc-accordion-header-padding, .625rem .875rem);font-size:.8125rem}.lc-accordion--md .lc-accordion__header{padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-size:.9375rem}.lc-accordion--lg .lc-accordion__header{padding:var(--lc-accordion-header-padding, 1.125rem 1.375rem);font-size:1.0625rem}.lc-accordion__title{flex:1;text-align:left}.lc-accordion__header-content{display:flex;flex:1;min-width:0;align-items:center;gap:.75rem;text-align:left;font-weight:inherit}.lc-accordion__icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .2s ease}.lc-accordion--chevron-leading .lc-accordion__icon{order:-1}.lc-accordion__header:hover .lc-accordion__icon{color:var(--color-text-primary)}.lc-accordion--expanded .lc-accordion__icon{transform:rotate(-180deg)}.lc-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.lc-accordion--expanded .lc-accordion__panel{grid-template-rows:1fr}.lc-accordion__body{min-height:0;overflow:hidden;padding:0 1.125rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .2s ease 50ms,transform .2s ease 50ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .3s}.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .875rem 1.125rem 1rem);opacity:1;transform:translateY(0);visibility:visible;transition:opacity .25s ease 80ms,transform .25s ease 80ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s}.lc-accordion--sm .lc-accordion__body{padding:0 .875rem;font-size:.8125rem}.lc-accordion--sm.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .625rem .875rem .75rem)}.lc-accordion--lg .lc-accordion__body{padding:0 1.375rem;font-size:.9375rem}.lc-accordion--lg.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, 1rem 1.375rem 1.25rem)}\n"],
 		dependencies: [{
 			kind: "component",
@@ -259,7 +262,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [IconComponent, NgTemplateOutlet],
 			viewProviders: [ɵprovideKitIcons([ICON_CHEVRON_DOWN])],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
+			template: "<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-labelledby]=\"headerLabelledBy()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <!-- The label starts the name and the template's text follows it, so\n             the name contains what is shown (WCAG 2.5.3). -->\n        @if (richHeaderLabel()) {\n          <span hidden [id]=\"headerId + '-label'\">{{ richHeaderLabel() }},</span>\n        }\n        <span class=\"lc-accordion__header-content\" [attr.id]=\"richHeaderLabel() ? headerId + '-content' : null\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerLabelledBy() ?? headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n",
 			styles: [":host{display:block}.lc-accordion{border-radius:var(--border-radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.lc-accordion--outlined{border:1px solid var(--lc-accordion-border, var(--color-border));background:var(--color-surface);box-shadow:var(--elevation-1)}.lc-accordion--outlined:hover:not(.lc-accordion--disabled){box-shadow:var(--elevation-1)}.lc-accordion--flat{border:none;background:transparent}.lc-accordion--disabled{opacity:.5;pointer-events:none}.lc-accordion__heading{display:block;margin:0}.lc-accordion__header{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-weight:600;letter-spacing:-.01em;color:var(--lc-accordion-header-fg, var(--color-text-primary));background:var(--lc-accordion-header-bg, transparent);border:var(--lc-accordion-header-border, none);border-radius:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-accordion__header:hover{background-color:var(--lc-accordion-header-hover-bg, var(--color-surface-hover))}.lc-accordion__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--border-radius-md)}.lc-accordion__header:disabled{cursor:not-allowed}.lc-accordion--sm .lc-accordion__header{padding:var(--lc-accordion-header-padding, .625rem .875rem);font-size:.8125rem}.lc-accordion--md .lc-accordion__header{padding:var(--lc-accordion-header-padding, .875rem 1.125rem);font-size:.9375rem}.lc-accordion--lg .lc-accordion__header{padding:var(--lc-accordion-header-padding, 1.125rem 1.375rem);font-size:1.0625rem}.lc-accordion__title{flex:1;text-align:left}.lc-accordion__header-content{display:flex;flex:1;min-width:0;align-items:center;gap:.75rem;text-align:left;font-weight:inherit}.lc-accordion__icon{flex-shrink:0;color:var(--color-text-secondary);transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .2s ease}.lc-accordion--chevron-leading .lc-accordion__icon{order:-1}.lc-accordion__header:hover .lc-accordion__icon{color:var(--color-text-primary)}.lc-accordion--expanded .lc-accordion__icon{transform:rotate(-180deg)}.lc-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.lc-accordion--expanded .lc-accordion__panel{grid-template-rows:1fr}.lc-accordion__body{min-height:0;overflow:hidden;padding:0 1.125rem;color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .2s ease 50ms,transform .2s ease 50ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .3s}.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .875rem 1.125rem 1rem);opacity:1;transform:translateY(0);visibility:visible;transition:opacity .25s ease 80ms,transform .25s ease 80ms,padding .3s cubic-bezier(.25,.46,.45,.94),visibility 0s}.lc-accordion--sm .lc-accordion__body{padding:0 .875rem;font-size:.8125rem}.lc-accordion--sm.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, .625rem .875rem .75rem)}.lc-accordion--lg .lc-accordion__body{padding:0 1.375rem;font-size:.9375rem}.lc-accordion--lg.lc-accordion--expanded .lc-accordion__body{padding:var(--lc-accordion-body-padding, 1rem 1.375rem 1.25rem)}\n"]
 		}]
 	}],

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-accordion.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/accordion/accordion-header.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-content.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.html","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-group.component.ts"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the rich header content for an `<lc-accordion>`.\n *\n * When present, the projected template is rendered inside the header button\n * instead of the plain `title` string. The accordion still owns the disclosure\n * chevron, click/keyboard handling and focus ring — the consumer only supplies\n * the (non-interactive) inner content.\n *\n * A11y constraint: the header is itself a `<button>`, so the template must not\n * contain nested interactive elements (no button/link/input). Text, badges and\n * other non-interactive nodes only.\n *\n * @example\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <div>Body…</div>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionHeader]',\n  standalone: true,\n})\nexport class AccordionHeaderDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the (optionally lazy) body content for an\n * `<lc-accordion>`.\n *\n * Unlike default `<ng-content>` projection — which Angular always instantiates\n * eagerly — a template referenced through this directive is only stamped out\n * when the accordion decides to render its body. That is what makes\n * `[lazy]=\"true\"` and `[destroyOnClose]=\"true\"` possible: expensive children\n * (HTTP-backed panels, charts, live-polling views) are not created until the\n * panel is first opened.\n *\n * @example\n * ```html\n * <lc-accordion [lazy]=\"true\">\n *   <ng-template lcAccordionContent>\n *     <expensive-panel [id]=\"id\" />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionContent]',\n  standalone: true,\n})\nexport class AccordionContentDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  model,\n  computed,\n  signal,\n  contentChild,\n  effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_CHEVRON_DOWN } from '@lifecorner/angular-ui-kit/icons';\nimport { AccordionHeaderDirective } from './accordion-header.directive';\nimport { AccordionContentDirective } from './accordion-content.directive';\n\n/** Unique id source for header/panel wiring (aria-controls / aria-labelledby). */\nlet accordionUid = 0;\n\n/** Where the disclosure chevron sits relative to the header content. */\nexport type AccordionChevronPosition = 'leading' | 'trailing';\n\n/**\n * Accordion component for collapsible content sections.\n *\n * Features:\n * - Expandable/collapsible content panels\n * - Two-way binding for expanded state\n * - Animated expand/collapse transitions\n * - Plain-string `title` **or** a rich projected header (`lcAccordionHeader`)\n * - Eager `<ng-content>` body **or** lazy/destroyable template body\n *   (`lcAccordionContent` + `[lazy]` / `[destroyOnClose]`)\n * - Accessible: header is a real `<button>` inside a heading with\n *   `aria-expanded` / `aria-controls`, keyboard support and a visible focus\n *   ring; the collapsed panel is `inert` (not focusable, hidden from AT)\n *\n * @example Plain (unchanged, fully backward compatible)\n * ```html\n * <lc-accordion title=\"Section Title\" [(expanded)]=\"isOpen\">\n *   <p>Collapsible content here</p>\n * </lc-accordion>\n * ```\n *\n * @example Rich header + lazy body\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\" [lazy]=\"true\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <ng-template lcAccordionContent>\n *     <expensive-panel />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Component({\n  selector: 'lc-accordion',\n  standalone: true,\n  imports: [IconComponent, NgTemplateOutlet],\n  viewProviders: [ɵprovideKitIcons([ICON_CHEVRON_DOWN])],\n  templateUrl: './accordion.component.html',\n  styleUrl: './accordion.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionComponent {\n  /**\n   * Title displayed in the accordion header. Optional: when a\n   * `lcAccordionHeader` template is projected it takes precedence, and `title`\n   * (if set) becomes the header's accessible label fallback.\n   */\n  readonly title = input<string>('');\n\n  /**\n   * Explicit accessible label for the header button. Use this when the header\n   * is a rich template with no meaningful plain-text title. Falls back to\n   * `title` when omitted.\n   */\n  readonly ariaLabel = input<string>('');\n\n  /** Whether the accordion is expanded (two-way binding) */\n  readonly expanded = model<boolean>(false);\n\n  /** Visual variant */\n  readonly variant = input<'outlined' | 'flat'>('outlined');\n\n  /** Size of the header */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Whether the accordion is disabled */\n  readonly disabled = input<boolean>(false);\n\n  /**\n   * Heading level (1–6) announced for the header button, so the accordion\n   * fits into the surrounding document outline.\n   * @default 3\n   */\n  readonly headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(3);\n\n  /**\n   * Where the disclosure chevron sits. `'trailing'` (default) preserves the\n   * original layout. `'leading'` puts the chevron first so a right-aligned\n   * header element (e.g. a timestamp using `margin-left: auto`) stays pinned to\n   * the right edge.\n   */\n  readonly chevronPosition = input<AccordionChevronPosition>('trailing');\n\n  /**\n   * When `true`, a `lcAccordionContent` body is not instantiated until the\n   * panel is first expanded; once created it is kept in the DOM on collapse.\n   * Default `false` = today's behavior (projected immediately). Has no effect\n   * on default `<ng-content>` bodies, which Angular always projects eagerly.\n   */\n  readonly lazy = input<boolean>(false);\n\n  /**\n   * When `true`, a `lcAccordionContent` body is destroyed on collapse and\n   * recreated on the next open. Takes precedence over {@link lazy}.\n   */\n  readonly destroyOnClose = input<boolean>(false);\n\n  /** Rich header template, if projected via `lcAccordionHeader`. */\n  readonly headerTemplate = contentChild(AccordionHeaderDirective);\n\n  /** Lazy/deferred body template, if projected via `lcAccordionContent`. */\n  readonly contentTemplate = contentChild(AccordionContentDirective);\n\n  /** Stable ids wiring the header button to its panel for screen readers. */\n  protected readonly headerId = `lc-accordion-header-${accordionUid}`;\n  protected readonly panelId = `lc-accordion-panel-${accordionUid++}`;\n\n  /** Latches to `true` the first time the panel is opened (for lazy bodies). */\n  private readonly hasBeenOpened = signal(false);\n\n  constructor() {\n    // Record the first open so lazy bodies can render (and stay) afterwards.\n    effect(() => {\n      if (this.expanded()) {\n        this.hasBeenOpened.set(true);\n      }\n    });\n  }\n\n  /** Accessible label for the header button (explicit override, else title). */\n  protected readonly headerAriaLabel = computed(\n    () => this.ariaLabel() || this.title() || null\n  );\n\n  /**\n   * Whether the `lcAccordionContent` body should currently be in the DOM.\n   * - `destroyOnClose`: only while expanded.\n   * - `lazy`: from the first open onward.\n   * - otherwise: always (eager).\n   */\n  protected readonly shouldRenderBody = computed(() => {\n    if (this.destroyOnClose()) return this.expanded();\n    if (this.lazy()) return this.hasBeenOpened();\n    return true;\n  });\n\n  /** Computed CSS classes */\n  protected accordionClasses = computed(() => {\n    const classes = [\n      'lc-accordion',\n      `lc-accordion--${this.variant()}`,\n      `lc-accordion--${this.size()}`,\n      `lc-accordion--chevron-${this.chevronPosition()}`,\n    ];\n    if (this.expanded()) classes.push('lc-accordion--expanded');\n    if (this.disabled()) classes.push('lc-accordion--disabled');\n    return classes.join(' ');\n  });\n\n  /** Toggle expanded state */\n  protected toggle(): void {\n    if (!this.disabled()) {\n      this.expanded.update((v) => !v);\n    }\n  }\n\n  /** Handle keyboard events for accessibility */\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n}\n","<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <span class=\"lc-accordion__header-content\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  contentChildren,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { AccordionComponent } from './accordion.component';\n\n@Component({\n  selector: 'lc-accordion-group',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-group.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionGroupComponent {\n  /** When false (default), only one accordion can be expanded at a time. */\n  readonly multi = input<boolean>(false);\n\n  readonly accordions = contentChildren(AccordionComponent);\n\n  private previousExpanded = new Set<AccordionComponent>();\n\n  constructor() {\n    effect(() => {\n      const accordions = this.accordions();\n      const multi = this.multi();\n\n      // Read expanded state of every child so the effect re-runs on change\n      const currentlyExpanded = accordions.filter((a) => a.expanded());\n\n      if (multi) {\n        this.previousExpanded = new Set(currentlyExpanded);\n        return;\n      }\n\n      // Find newly expanded accordion\n      const newlyExpanded = currentlyExpanded.find(\n        (a) => !this.previousExpanded.has(a)\n      );\n\n      if (newlyExpanded && currentlyExpanded.length > 1) {\n        untracked(() => {\n          accordions.forEach((a) => {\n            if (a !== newlyExpanded && a.expanded()) {\n              a.expanded.set(false);\n            }\n          });\n        });\n      }\n\n      this.previousExpanded = new Set(\n        accordions.filter((a) => a.expanded())\n      );\n    });\n  }\n\n  /** Collapse all accordions. */\n  collapseAll(): void {\n    this.accordions().forEach((a) => a.expanded.set(false));\n  }\n\n  /** Expand all accordions (only meaningful when multi=true). */\n  expandAll(): void {\n    this.accordions().forEach((a) => {\n      if (!a.disabled()) {\n        a.expanded.set(true);\n      }\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-accordion.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/accordion/accordion-header.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-content.directive.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.ts","../../../../libs/angular-ui-kit/src/lib/accordion/accordion.component.html","../../../../libs/angular-ui-kit/src/lib/accordion/accordion-group.component.ts"],"sourcesContent":["import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the rich header content for an `<lc-accordion>`.\n *\n * When present, the projected template is rendered inside the header button\n * instead of the plain `title` string. The accordion still owns the disclosure\n * chevron, click/keyboard handling and focus ring — the consumer only supplies\n * the (non-interactive) inner content.\n *\n * A11y constraint: the header is itself a `<button>`, so the template must not\n * contain nested interactive elements (no button/link/input). Text, badges and\n * other non-interactive nodes only.\n *\n * Name (WCAG 2.5.3 Label in Name): the header is named by the template's\n * text; the accordion's `ariaLabel` (or `title`), if set, comes first through\n * `aria-labelledby`. Separate the template's parts with whitespace\n * (`&ngsp;`), so they read as words (\"Item label Done 12:04\"), and set a\n * label only for context that the template doesn't show.\n *\n * @example\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>&ngsp;\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>&ngsp;\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <div>Body…</div>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionHeader]',\n  standalone: true,\n})\nexport class AccordionHeaderDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import { Directive, TemplateRef, inject } from '@angular/core';\n\n/**\n * Marks an `<ng-template>` as the (optionally lazy) body content for an\n * `<lc-accordion>`.\n *\n * Unlike default `<ng-content>` projection — which Angular always instantiates\n * eagerly — a template referenced through this directive is only stamped out\n * when the accordion decides to render its body. That is what makes\n * `[lazy]=\"true\"` and `[destroyOnClose]=\"true\"` possible: expensive children\n * (HTTP-backed panels, charts, live-polling views) are not created until the\n * panel is first opened.\n *\n * @example\n * ```html\n * <lc-accordion [lazy]=\"true\">\n *   <ng-template lcAccordionContent>\n *     <expensive-panel [id]=\"id\" />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Directive({\n  selector: '[lcAccordionContent]',\n  standalone: true,\n})\nexport class AccordionContentDirective {\n  public readonly template = inject(TemplateRef<unknown>);\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  model,\n  computed,\n  signal,\n  contentChild,\n  effect,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport { ICON_CHEVRON_DOWN } from '@lifecorner/angular-ui-kit/icons';\nimport { AccordionHeaderDirective } from './accordion-header.directive';\nimport { AccordionContentDirective } from './accordion-content.directive';\nimport { nameWithText } from '@lifecorner/angular-ui-kit/internal/a11y';\n\n/** Unique id source for header/panel wiring (aria-controls / aria-labelledby). */\nlet accordionUid = 0;\n\n/** Where the disclosure chevron sits relative to the header content. */\nexport type AccordionChevronPosition = 'leading' | 'trailing';\n\n/**\n * Accordion component for collapsible content sections.\n *\n * Features:\n * - Expandable/collapsible content panels\n * - Two-way binding for expanded state\n * - Animated expand/collapse transitions\n * - Plain-string `title` **or** a rich projected header (`lcAccordionHeader`)\n * - Eager `<ng-content>` body **or** lazy/destroyable template body\n *   (`lcAccordionContent` + `[lazy]` / `[destroyOnClose]`)\n * - Accessible: header is a real `<button>` inside a heading with\n *   `aria-expanded` / `aria-controls`, keyboard support and a visible focus\n *   ring; the collapsed panel is `inert` (not focusable, hidden from AT)\n *\n * @example Plain (unchanged, fully backward compatible)\n * ```html\n * <lc-accordion title=\"Section Title\" [(expanded)]=\"isOpen\">\n *   <p>Collapsible content here</p>\n * </lc-accordion>\n * ```\n *\n * @example Rich header + lazy body\n * ```html\n * <lc-accordion variant=\"flat\" chevronPosition=\"leading\" [lazy]=\"true\">\n *   <ng-template lcAccordionHeader>\n *     <span class=\"title\">Item label</span>&ngsp;\n *     <lc-badge variant=\"success\" size=\"sm\">Done</lc-badge>&ngsp;\n *     <span style=\"margin-left: auto;\">12:04</span>\n *   </ng-template>\n *   <ng-template lcAccordionContent>\n *     <expensive-panel />\n *   </ng-template>\n * </lc-accordion>\n * ```\n */\n@Component({\n  selector: 'lc-accordion',\n  standalone: true,\n  imports: [IconComponent, NgTemplateOutlet],\n  viewProviders: [ɵprovideKitIcons([ICON_CHEVRON_DOWN])],\n  templateUrl: './accordion.component.html',\n  styleUrl: './accordion.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionComponent {\n  /**\n   * Title displayed in the accordion header. Optional: when a\n   * `lcAccordionHeader` template is projected it takes precedence, and `title`\n   * (if set) starts the header's accessible name when `ariaLabel` is empty.\n   * @default ''\n   */\n  readonly title = input<string>('');\n\n  /**\n   * Start of the header button's accessible name; falls back to `title`. A\n   * plain `title` is appended unless contained (WCAG 2.5.3 Label in Name).\n   * With an `lcAccordionHeader` template, the name is this label (or `title`)\n   * followed by the template's text, through `aria-labelledby`. Separate the\n   * template's parts with whitespace (`&ngsp;`), and set a label only for\n   * context that the template doesn't show.\n   * @default ''\n   */\n  readonly ariaLabel = input<string>('');\n\n  /** Whether the accordion is expanded (two-way binding) */\n  readonly expanded = model<boolean>(false);\n\n  /** Visual variant */\n  readonly variant = input<'outlined' | 'flat'>('outlined');\n\n  /** Size of the header */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  /** Whether the accordion is disabled */\n  readonly disabled = input<boolean>(false);\n\n  /**\n   * Heading level (1–6) announced for the header button, so the accordion\n   * fits into the surrounding document outline.\n   * @default 3\n   */\n  readonly headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(3);\n\n  /**\n   * Where the disclosure chevron sits. `'trailing'` (default) preserves the\n   * original layout. `'leading'` puts the chevron first so a right-aligned\n   * header element (e.g. a timestamp using `margin-left: auto`) stays pinned to\n   * the right edge.\n   */\n  readonly chevronPosition = input<AccordionChevronPosition>('trailing');\n\n  /**\n   * When `true`, a `lcAccordionContent` body is not instantiated until the\n   * panel is first expanded; once created it is kept in the DOM on collapse.\n   * Default `false` = today's behavior (projected immediately). Has no effect\n   * on default `<ng-content>` bodies, which Angular always projects eagerly.\n   */\n  readonly lazy = input<boolean>(false);\n\n  /**\n   * When `true`, a `lcAccordionContent` body is destroyed on collapse and\n   * recreated on the next open. Takes precedence over {@link lazy}.\n   */\n  readonly destroyOnClose = input<boolean>(false);\n\n  /** Rich header template, if projected via `lcAccordionHeader`. */\n  readonly headerTemplate = contentChild(AccordionHeaderDirective);\n\n  /** Lazy/deferred body template, if projected via `lcAccordionContent`. */\n  readonly contentTemplate = contentChild(AccordionContentDirective);\n\n  /** Stable ids wiring the header button to its panel for screen readers. */\n  protected readonly headerId = `lc-accordion-header-${accordionUid}`;\n  protected readonly panelId = `lc-accordion-panel-${accordionUid++}`;\n\n  /** Latches to `true` the first time the panel is opened (for lazy bodies). */\n  private readonly hasBeenOpened = signal(false);\n\n  constructor() {\n    // Record the first open so lazy bodies can render (and stay) afterwards.\n    effect(() => {\n      if (this.expanded()) {\n        this.hasBeenOpened.set(true);\n      }\n    });\n  }\n\n  /**\n   * Label that starts a rich header's name (`ariaLabel`, else `title`); empty\n   * without a header template.\n   */\n  protected readonly richHeaderLabel = computed(() =>\n    this.headerTemplate() ? (this.ariaLabel() || this.title()).trim() : '',\n  );\n\n  /**\n   * Accessible label of a plain header button (AS-33, WCAG 2.5.3 Label in\n   * Name): the explicit override, else the title, then the visible title\n   * unless contained. A rich header has none: it is named by its content.\n   */\n  protected readonly headerAriaLabel = computed(() =>\n    this.headerTemplate() ? null : nameWithText(this.ariaLabel() || this.title(), this.title()) || null,\n  );\n\n  /** A labelled rich header: its hidden label, then the template's text. */\n  protected readonly headerLabelledBy = computed(() =>\n    this.richHeaderLabel() ? `${this.headerId}-label ${this.headerId}-content` : null,\n  );\n\n  /**\n   * Whether the `lcAccordionContent` body should currently be in the DOM.\n   * - `destroyOnClose`: only while expanded.\n   * - `lazy`: from the first open onward.\n   * - otherwise: always (eager).\n   */\n  protected readonly shouldRenderBody = computed(() => {\n    if (this.destroyOnClose()) return this.expanded();\n    if (this.lazy()) return this.hasBeenOpened();\n    return true;\n  });\n\n  /** Computed CSS classes */\n  protected accordionClasses = computed(() => {\n    const classes = [\n      'lc-accordion',\n      `lc-accordion--${this.variant()}`,\n      `lc-accordion--${this.size()}`,\n      `lc-accordion--chevron-${this.chevronPosition()}`,\n    ];\n    if (this.expanded()) classes.push('lc-accordion--expanded');\n    if (this.disabled()) classes.push('lc-accordion--disabled');\n    return classes.join(' ');\n  });\n\n  /** Toggle expanded state */\n  protected toggle(): void {\n    if (!this.disabled()) {\n      this.expanded.update((v) => !v);\n    }\n  }\n\n  /** Handle keyboard events for accessibility */\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.disabled()) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n}\n","<div [class]=\"accordionClasses()\">\n  <!-- The heading wrapper gives the disclosure button a heading level (WAI-ARIA accordion pattern). -->\n  <div class=\"lc-accordion__heading\" role=\"heading\" [attr.aria-level]=\"headingLevel()\">\n    <button\n      class=\"lc-accordion__header\"\n      type=\"button\"\n      [id]=\"headerId\"\n      [attr.aria-expanded]=\"expanded()\"\n      [attr.aria-controls]=\"panelId\"\n      [attr.aria-label]=\"headerAriaLabel()\"\n      [attr.aria-labelledby]=\"headerLabelledBy()\"\n      [attr.aria-disabled]=\"disabled()\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n      (keydown)=\"onKeydown($event)\"\n    >\n      @if (headerTemplate(); as header) {\n        <!-- The label starts the name and the template's text follows it, so\n             the name contains what is shown (WCAG 2.5.3). -->\n        @if (richHeaderLabel()) {\n          <span hidden [id]=\"headerId + '-label'\">{{ richHeaderLabel() }},</span>\n        }\n        <span class=\"lc-accordion__header-content\" [attr.id]=\"richHeaderLabel() ? headerId + '-content' : null\">\n          <ng-container *ngTemplateOutlet=\"header.template\"></ng-container>\n        </span>\n      } @else {\n        <span class=\"lc-accordion__title\">{{ title() }}</span>\n      }\n      <lc-icon\n        class=\"lc-accordion__icon\"\n        name=\"chevron-down\"\n        size=\"sm\"\n        [decorative]=\"true\"\n      ></lc-icon>\n    </button>\n  </div>\n\n  <!--\n    A collapsed panel is `inert`: its eagerly projected body stays in the DOM\n    (for the height animation) but is neither focusable nor exposed to AT.\n  -->\n  <div\n    class=\"lc-accordion__panel\"\n    [id]=\"panelId\"\n    role=\"region\"\n    [attr.aria-labelledby]=\"headerLabelledBy() ?? headerId\"\n    [attr.aria-hidden]=\"!expanded()\"\n    [attr.inert]=\"expanded() ? null : ''\"\n  >\n    <div class=\"lc-accordion__body\">\n      @if (contentTemplate(); as content) {\n        @if (shouldRenderBody()) {\n          <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n        }\n      } @else {\n        <ng-content></ng-content>\n      }\n    </div>\n  </div>\n</div>\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  contentChildren,\n  effect,\n  untracked,\n} from '@angular/core';\nimport { AccordionComponent } from './accordion.component';\n\n@Component({\n  selector: 'lc-accordion-group',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-group.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccordionGroupComponent {\n  /** When false (default), only one accordion can be expanded at a time. */\n  readonly multi = input<boolean>(false);\n\n  readonly accordions = contentChildren(AccordionComponent);\n\n  private previousExpanded = new Set<AccordionComponent>();\n\n  constructor() {\n    effect(() => {\n      const accordions = this.accordions();\n      const multi = this.multi();\n\n      // Read expanded state of every child so the effect re-runs on change\n      const currentlyExpanded = accordions.filter((a) => a.expanded());\n\n      if (multi) {\n        this.previousExpanded = new Set(currentlyExpanded);\n        return;\n      }\n\n      // Find newly expanded accordion\n      const newlyExpanded = currentlyExpanded.find(\n        (a) => !this.previousExpanded.has(a)\n      );\n\n      if (newlyExpanded && currentlyExpanded.length > 1) {\n        untracked(() => {\n          accordions.forEach((a) => {\n            if (a !== newlyExpanded && a.expanded()) {\n              a.expanded.set(false);\n            }\n          });\n        });\n      }\n\n      this.previousExpanded = new Set(\n        accordions.filter((a) => a.expanded())\n      );\n    });\n  }\n\n  /** Collapse all accordions. */\n  collapseAll(): void {\n    this.accordions().forEach((a) => a.expanded.set(false));\n  }\n\n  /** Expand all accordions (only meaningful when multi=true). */\n  expandAll(): void {\n    this.accordions().forEach((a) => {\n      if (!a.disabled()) {\n        a.expanded.set(true);\n      }\n    });\n  }\n}\n"],"mappings":";;;;;;AAoCA,IAAa,2BAAb,MAAa,yBAAwB;CACnB,WAAW,OAAO,WAAoB;CAD3C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAwB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAxB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAwB,cAAA;EAAA,UAAA;EAAA,UAAA;CAAA,CAAA;;AAAxB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAJpC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,YAAY;EACb,CAAA;;;ACTD,IAAa,4BAAb,MAAa,0BAAyB;CACpB,WAAW,OAAO,WAAoB;CAD3C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAyB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAzB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAyB,cAAA;EAAA,UAAA;EAAA,UAAA;CAAA,CAAA;;AAAzB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAJrC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,YAAY;EACb,CAAA;;;ACPD,IAAI,eAAe;AAiDnB,IAAa,qBAAb,MAAa,mBAAkB;CAOpB,QAAQ,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAWzB,YAAY,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAG7B,WAAW,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAGhC,UAAU,MAA2B,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAGhD,OAAO,MAA0B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGtC,WAAW,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAOhC,eAAe,MAA6B,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAQ9C,kBAAkB,MAAgC,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAQ7D,OAAO,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAM5B,iBAAiB,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAGtC,iBAAiB,aAAa,0BAAyB,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAGvD,kBAAkB,aAAa,2BAA0B,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAG/C,WAAW,uBAAuB;CAClC,UAAU,sBAAsB;CAGlC,gBAAgB,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAE9C,cAAA;EAEE,aAAY;GACV,IAAI,KAAK,SAAQ,GACf,KAAK,cAAc,IAAI,IAAI;EAE/B,CAAC;CACH;CAMmB,kBAAkB,eACnC,KAAK,eAAc,KAAM,KAAK,UAAS,KAAM,KAAK,MAAK,EAAA,CAAI,KAAI,IAAK,IACrE,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAOkB,kBAAkB,eACnC,KAAK,eAAc,IAAK,OAAO,aAAa,KAAK,UAAS,KAAM,KAAK,MAAK,GAAI,KAAK,MAAK,CAAE,KAAK,MAChG,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CAGkB,mBAAmB,eACpC,KAAK,gBAAe,IAAK,GAAG,KAAK,SAAQ,SAAU,KAAK,SAAQ,YAAa,MAC9E,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAQkB,mBAAmB,eAAc;EAClD,IAAI,KAAK,eAAc,GAAI,OAAO,KAAK,SAAQ;EAC/C,IAAI,KAAK,KAAI,GAAI,OAAO,KAAK,cAAa;EAC1C,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGQ,mBAAmB,eAAc;EACzC,MAAM,UAAU;GACd;GACA,iBAAiB,KAAK,QAAO;GAC7B,iBAAiB,KAAK,KAAI;GAC1B,yBAAyB,KAAK,gBAAe;EAC9C;EACD,IAAI,KAAK,SAAQ,GAAI,QAAQ,KAAK,wBAAwB;EAC1D,IAAI,KAAK,SAAQ,GAAI,QAAQ,KAAK,wBAAwB;EAC1D,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAGQ,SAAM;EACd,IAAI,CAAC,KAAK,SAAQ,GAChB,KAAK,SAAS,QAAQ,MAAM,CAAC,CAAC;CAElC;CAGU,UAAU,OAAoB;EACtC,IAAI,KAAK,SAAQ,GAAI;EACrB,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GAC9C,MAAM,eAAc;GACpB,KAAK,OAAM;EACb;CACF;CAhJW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,cAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,iBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,UAAA,iBAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WA8DU;GAAwB,aAAA;GAAA,UAAA;EAAA,GAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAGvB;GAAyB,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UCpInE;EA4DA,QAAA,CAAA,syGAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDCY;GAAa,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAgB,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;EAAA,eAC1B,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;EAAC,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAK3C,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAT9B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAc,YACZ;GAAI,SACP,CAAC,eAAe,gBAAgB;GAAC,eAC3B,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;GAAC,iBAGrC,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,syGAAA;EAAA,CAAA;CAgER,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,GAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,gBAAA;EAAA,CAAA;EAAA,SAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,iBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,MAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,gBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,gBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,wBAAwB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,iBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAGvB,yBAAyB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA;AEnHnE,IAAa,0BAAb,MAAa,wBAAuB;CAEzB,QAAQ,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE7B,aAAa,gBAAgB,oBAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEjD,mCAAmB,IAAI,IAAG;CAElC,cAAA;EACE,aAAY;GACV,MAAM,aAAa,KAAK,WAAU;GAClC,MAAM,QAAQ,KAAK,MAAK;GAGxB,MAAM,oBAAoB,WAAW,QAAQ,MAAM,EAAE,SAAQ,CAAE;GAE/D,IAAI,OAAO;IACT,KAAK,mBAAmB,IAAI,IAAI,iBAAiB;IACjD;GACF;GAGA,MAAM,gBAAgB,kBAAkB,MACrC,MAAM,CAAC,KAAK,iBAAiB,IAAI,CAAC,CAAC;GAGtC,IAAI,iBAAiB,kBAAkB,SAAS,GAC9C,gBAAe;IACb,WAAW,SAAS,MAAK;KACvB,IAAI,MAAM,iBAAiB,EAAE,SAAQ,GACnC,EAAE,SAAS,IAAI,KAAK;IAExB,CAAC;GACH,CAAC;GAGH,KAAK,mBAAmB,IAAI,IAC1B,WAAW,QAAQ,MAAM,EAAE,SAAQ,CAAE,CAAC;EAE1C,CAAC;CACH;CAGA,cAAW;EACT,KAAK,WAAU,CAAE,CAAC,SAAS,MAAM,EAAE,SAAS,IAAI,KAAK,CAAC;CACxD;CAGA,YAAS;EACP,KAAK,WAAU,CAAE,CAAC,SAAS,MAAK;GAC9B,IAAI,CAAC,EAAE,SAAQ,GACb,EAAE,SAAS,IAAI,IAAI;EAEvB,CAAC;CACH;CAtDW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAuB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAvB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAuB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,WAII;GAAkB,UAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAR9C;EAA2B,UAAA;EAAA,QAAA,CAAA,uDAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAI1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAPnC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAoB,YAClB;GAAI,UACN;GAA2B,iBAEpB,wBAAwB;GAAM,QAAA,CAAA,uDAAA;EAAA,CAAA;CAMT,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,kBAAkB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}

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

@@ -153,7 +153,7 @@ var AlertComponent = class AlertComponent {
 		} },
 		ngImport: i0,
 		template: "@if (visible()) {\n  <div [class]=\"containerClasses()\">\n    @if (showIcon()) {\n      <div class=\"lc-alert__icon\">\n        <lc-icon\n          [name]=\"defaultIcon()\"\n          size=\"md\"\n          [decorative]=\"!iconAriaLabel()\"\n          [ariaLabel]=\"iconAriaLabel()\"\n        />\n      </div>\n    }\n    \n    <div class=\"lc-alert__body\">\n      @if (title()) {\n        <div class=\"lc-alert__title\">{{ title() }}</div>\n      }\n      \n      <div class=\"lc-alert__content\">\n        @if (message()) {\n          {{ message() }}\n        } @else {\n          <ng-content />\n        }\n      </div>\n    </div>\n\n    <div class=\"lc-alert__action\">\n      <ng-content select=\"[slot='action']\" />\n    </div>\n\n    @if (dismissible()) {\n      <button\n        type=\"button\"\n        class=\"lc-alert__close\"\n        [attr.aria-label]=\"closeAriaLabel()\"\n        (click)=\"onCloseClick($event)\"\n      >\n        <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n}\n",
-		styles: [".lc-alert{display:block;width:100%;border-radius:var(--border-radius-md);border-width:1px;border-style:solid;transition:opacity .15s ease-in-out}.lc-alert--hidden{display:none}.lc-alert__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-alert__body{flex:1;min-width:0}.lc-alert__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.lc-alert__content{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.lc-alert--actions-stacked{container:lc-alert/inline-size}.lc-alert--actions-stacked .lc-alert__container{flex-wrap:wrap}.lc-alert--actions-stacked .lc-alert__body{flex:1 1 0}.lc-alert--actions-stacked .lc-alert__action{order:1;flex:1 1 100%;align-self:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2, .5rem);margin-top:var(--spacing-1, .25rem)}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:100%}.lc-alert--actions-stacked.lc-alert--with-icon .lc-alert__action{padding-inline-start:calc(1.5rem + var(--spacing-3, .75rem))}@container lc-alert (width >= 36rem){.lc-alert--actions-stacked .lc-alert__action{flex-direction:row;flex-wrap:wrap;align-items:center}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:auto}}.lc-alert__action{flex-shrink:0;align-self:center}.lc-alert__action:empty{display:none}.lc-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-alert__close:hover{background-color:var(--color-surface-hover)}.lc-alert__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert--success{background-color:#8ea4751f;border-color:#8ea47566;color:var(--color-text-primary)}.lc-alert--success .lc-alert__icon{color:var(--color-success)}.lc-alert--success .lc-alert__close:hover{background-color:#8ea4752e}.lc-alert--error{background-color:#9d0e0e24;border-color:#9d0e0e73;color:var(--color-text-primary)}.lc-alert--error .lc-alert__icon{color:var(--color-error)}.lc-alert--error .lc-alert__close:hover{background-color:#9d0e0e33}.lc-alert--warning{background-color:#e1a04024;border-color:#e1a0406b;color:var(--color-text-primary)}.lc-alert--warning .lc-alert__icon{color:var(--color-warning)}.lc-alert--warning .lc-alert__close:hover{background-color:#e1a04033}.lc-alert--info{background-color:#3b658829;border-color:#3b65886b;color:var(--color-text-primary)}.lc-alert--info .lc-alert__icon{color:var(--color-info)}.lc-alert--info .lc-alert__close:hover{background-color:#3b658838}@media(prefers-reduced-motion:no-preference){.lc-alert--hidden{animation:fadeOut .15s ease-in-out}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"],
+		styles: [".lc-alert{display:block;width:100%;border-radius:var(--border-radius-md);border-width:1px;border-style:solid;transition:opacity .15s ease-in-out}.lc-alert--hidden{display:none}.lc-alert__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-alert__body{flex:1;min-width:0}.lc-alert__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.lc-alert__content{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.lc-alert--actions-stacked{container:lc-alert/inline-size}.lc-alert--actions-stacked .lc-alert__container{flex-wrap:wrap}.lc-alert--actions-stacked .lc-alert__body{flex:1 1 0}.lc-alert--actions-stacked .lc-alert__action{order:1;flex:1 1 100%;align-self:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2, .5rem);margin-top:var(--spacing-1, .25rem)}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:100%}.lc-alert--actions-stacked.lc-alert--with-icon .lc-alert__action{padding-inline-start:calc(24px + var(--spacing-3, .75rem))}@container lc-alert (width >= 36rem){.lc-alert--actions-stacked .lc-alert__action{flex-direction:row;flex-wrap:wrap;align-items:center}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:auto}}.lc-alert__action{flex-shrink:0;align-self:center}.lc-alert__action:empty{display:none}.lc-alert__action>a:where(:not(.btn)){display:flex;align-items:center;width:fit-content;max-width:100%;min-width:var(--size-min-touch-width);min-height:var(--size-min-touch-height);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-link);text-align:start;text-decoration-line:underline;text-decoration-thickness:max(1px,.0625em);text-underline-offset:.15em;overflow-wrap:anywhere;border-radius:var(--border-radius-sm)}.lc-alert__action>a:where(:not(.btn)):hover{color:var(--color-link-hover);text-decoration-thickness:max(2px,.125em)}.lc-alert__action>a:where(:not(.btn)):focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert:has(>.lc-alert__container>.lc-alert__action>a:where(:not(.btn))){container:lc-alert/inline-size}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__action:has(>a:where(:not(.btn))){flex-shrink:1;min-width:0;max-width:50%}@container lc-alert (width < 36rem){.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn))){flex-wrap:wrap}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn)))>.lc-alert__body{flex:1 1 0}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn)))>.lc-alert__action{order:1;flex:1 1 100%;max-width:none;margin-top:var(--spacing-1)}.lc-alert--with-icon:not(.lc-alert--actions-stacked) .lc-alert__action:has(>a:where(:not(.btn))){padding-inline-start:calc(24px + var(--spacing-3))}}.lc-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-alert__close:hover{background-color:var(--color-surface-hover)}.lc-alert__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert--success{background-color:#8ea4751f;border-color:#8ea47566;color:var(--color-text-primary)}.lc-alert--success .lc-alert__icon{color:var(--color-success)}.lc-alert--success .lc-alert__close:hover{background-color:#8ea4752e}.lc-alert--error{background-color:#9d0e0e24;border-color:#9d0e0e73;color:var(--color-text-primary)}.lc-alert--error .lc-alert__icon{color:var(--color-error)}.lc-alert--error .lc-alert__close:hover{background-color:#9d0e0e33}.lc-alert--warning{background-color:#e1a04024;border-color:#e1a0406b;color:var(--color-text-primary)}.lc-alert--warning .lc-alert__icon{color:var(--color-warning)}.lc-alert--warning .lc-alert__close:hover{background-color:#e1a04033}.lc-alert--info{background-color:#3b658829;border-color:#3b65886b;color:var(--color-text-primary)}.lc-alert--info .lc-alert__icon{color:var(--color-info)}.lc-alert--info .lc-alert__close:hover{background-color:#3b658838}@media(prefers-reduced-motion:no-preference){.lc-alert--hidden{animation:fadeOut .15s ease-in-out}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"],
 		dependencies: [{
 			kind: "component",
 			type: IconComponent,
@@ -206,7 +206,7 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.aria-label]": "ariaLabel()"
 			},
 			template: "@if (visible()) {\n  <div [class]=\"containerClasses()\">\n    @if (showIcon()) {\n      <div class=\"lc-alert__icon\">\n        <lc-icon\n          [name]=\"defaultIcon()\"\n          size=\"md\"\n          [decorative]=\"!iconAriaLabel()\"\n          [ariaLabel]=\"iconAriaLabel()\"\n        />\n      </div>\n    }\n    \n    <div class=\"lc-alert__body\">\n      @if (title()) {\n        <div class=\"lc-alert__title\">{{ title() }}</div>\n      }\n      \n      <div class=\"lc-alert__content\">\n        @if (message()) {\n          {{ message() }}\n        } @else {\n          <ng-content />\n        }\n      </div>\n    </div>\n\n    <div class=\"lc-alert__action\">\n      <ng-content select=\"[slot='action']\" />\n    </div>\n\n    @if (dismissible()) {\n      <button\n        type=\"button\"\n        class=\"lc-alert__close\"\n        [attr.aria-label]=\"closeAriaLabel()\"\n        (click)=\"onCloseClick($event)\"\n      >\n        <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n}\n",
-			styles: [".lc-alert{display:block;width:100%;border-radius:var(--border-radius-md);border-width:1px;border-style:solid;transition:opacity .15s ease-in-out}.lc-alert--hidden{display:none}.lc-alert__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-alert__body{flex:1;min-width:0}.lc-alert__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.lc-alert__content{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.lc-alert--actions-stacked{container:lc-alert/inline-size}.lc-alert--actions-stacked .lc-alert__container{flex-wrap:wrap}.lc-alert--actions-stacked .lc-alert__body{flex:1 1 0}.lc-alert--actions-stacked .lc-alert__action{order:1;flex:1 1 100%;align-self:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2, .5rem);margin-top:var(--spacing-1, .25rem)}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:100%}.lc-alert--actions-stacked.lc-alert--with-icon .lc-alert__action{padding-inline-start:calc(1.5rem + var(--spacing-3, .75rem))}@container lc-alert (width >= 36rem){.lc-alert--actions-stacked .lc-alert__action{flex-direction:row;flex-wrap:wrap;align-items:center}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:auto}}.lc-alert__action{flex-shrink:0;align-self:center}.lc-alert__action:empty{display:none}.lc-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-alert__close:hover{background-color:var(--color-surface-hover)}.lc-alert__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert--success{background-color:#8ea4751f;border-color:#8ea47566;color:var(--color-text-primary)}.lc-alert--success .lc-alert__icon{color:var(--color-success)}.lc-alert--success .lc-alert__close:hover{background-color:#8ea4752e}.lc-alert--error{background-color:#9d0e0e24;border-color:#9d0e0e73;color:var(--color-text-primary)}.lc-alert--error .lc-alert__icon{color:var(--color-error)}.lc-alert--error .lc-alert__close:hover{background-color:#9d0e0e33}.lc-alert--warning{background-color:#e1a04024;border-color:#e1a0406b;color:var(--color-text-primary)}.lc-alert--warning .lc-alert__icon{color:var(--color-warning)}.lc-alert--warning .lc-alert__close:hover{background-color:#e1a04033}.lc-alert--info{background-color:#3b658829;border-color:#3b65886b;color:var(--color-text-primary)}.lc-alert--info .lc-alert__icon{color:var(--color-info)}.lc-alert--info .lc-alert__close:hover{background-color:#3b658838}@media(prefers-reduced-motion:no-preference){.lc-alert--hidden{animation:fadeOut .15s ease-in-out}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"]
+			styles: [".lc-alert{display:block;width:100%;border-radius:var(--border-radius-md);border-width:1px;border-style:solid;transition:opacity .15s ease-in-out}.lc-alert--hidden{display:none}.lc-alert__container{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--lc-density-padding-md, var(--spacing-4))}.lc-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.lc-alert__body{flex:1;min-width:0}.lc-alert__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.lc-alert__content{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.lc-alert--actions-stacked{container:lc-alert/inline-size}.lc-alert--actions-stacked .lc-alert__container{flex-wrap:wrap}.lc-alert--actions-stacked .lc-alert__body{flex:1 1 0}.lc-alert--actions-stacked .lc-alert__action{order:1;flex:1 1 100%;align-self:auto;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2, .5rem);margin-top:var(--spacing-1, .25rem)}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:100%}.lc-alert--actions-stacked.lc-alert--with-icon .lc-alert__action{padding-inline-start:calc(24px + var(--spacing-3, .75rem))}@container lc-alert (width >= 36rem){.lc-alert--actions-stacked .lc-alert__action{flex-direction:row;flex-wrap:wrap;align-items:center}.lc-alert--actions-stacked .lc-alert__action>lc-button>.btn{width:auto}}.lc-alert__action{flex-shrink:0;align-self:center}.lc-alert__action:empty{display:none}.lc-alert__action>a:where(:not(.btn)){display:flex;align-items:center;width:fit-content;max-width:100%;min-width:var(--size-min-touch-width);min-height:var(--size-min-touch-height);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-link);text-align:start;text-decoration-line:underline;text-decoration-thickness:max(1px,.0625em);text-underline-offset:.15em;overflow-wrap:anywhere;border-radius:var(--border-radius-sm)}.lc-alert__action>a:where(:not(.btn)):hover{color:var(--color-link-hover);text-decoration-thickness:max(2px,.125em)}.lc-alert__action>a:where(:not(.btn)):focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert:has(>.lc-alert__container>.lc-alert__action>a:where(:not(.btn))){container:lc-alert/inline-size}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__action:has(>a:where(:not(.btn))){flex-shrink:1;min-width:0;max-width:50%}@container lc-alert (width < 36rem){.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn))){flex-wrap:wrap}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn)))>.lc-alert__body{flex:1 1 0}.lc-alert:not(.lc-alert--actions-stacked) .lc-alert__container:has(>.lc-alert__action>a:where(:not(.btn)))>.lc-alert__action{order:1;flex:1 1 100%;max-width:none;margin-top:var(--spacing-1)}.lc-alert--with-icon:not(.lc-alert--actions-stacked) .lc-alert__action:has(>a:where(:not(.btn))){padding-inline-start:calc(24px + var(--spacing-3))}}.lc-alert__close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:var(--spacing-1);margin:calc(var(--spacing-1) * -1);border-radius:var(--border-radius-sm);transition:background-color .15s ease-in-out;display:flex;align-items:center;justify-content:center}.lc-alert__close:hover{background-color:var(--color-surface-hover)}.lc-alert__close:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-alert--success{background-color:#8ea4751f;border-color:#8ea47566;color:var(--color-text-primary)}.lc-alert--success .lc-alert__icon{color:var(--color-success)}.lc-alert--success .lc-alert__close:hover{background-color:#8ea4752e}.lc-alert--error{background-color:#9d0e0e24;border-color:#9d0e0e73;color:var(--color-text-primary)}.lc-alert--error .lc-alert__icon{color:var(--color-error)}.lc-alert--error .lc-alert__close:hover{background-color:#9d0e0e33}.lc-alert--warning{background-color:#e1a04024;border-color:#e1a0406b;color:var(--color-text-primary)}.lc-alert--warning .lc-alert__icon{color:var(--color-warning)}.lc-alert--warning .lc-alert__close:hover{background-color:#e1a04033}.lc-alert--info{background-color:#3b658829;border-color:#3b65886b;color:var(--color-text-primary)}.lc-alert--info .lc-alert__icon{color:var(--color-info)}.lc-alert--info .lc-alert__close:hover{background-color:#3b658838}@media(prefers-reduced-motion:no-preference){.lc-alert--hidden{animation:fadeOut .15s ease-in-out}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}\n"]
 		}]
 	}],
 	propDecorators: {

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-alert.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/alert/alert.component.ts","../../../../libs/angular-ui-kit/src/lib/alert/alert.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  model,\n  output,\n  computed,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport {\n  ICON_CHECK_CIRCLE,\n  ICON_CIRCLE_X,\n  ICON_EXCLAMATION_TRIANGLE,\n  ICON_INFORMATION_CIRCLE,\n  ICON_X_MARK,\n} from '@lifecorner/angular-ui-kit/icons';\n\nexport type AlertVariant = 'success' | 'error' | 'warning' | 'info';\n\n/**\n * Layout of the projected actions (`slot=\"action\"`).\n * - `inline`: one action right of the body, vertically centred (3.2)\n * - `stacked`: the actions in their own row below the title and message;\n *   below 576 px of alert width one per line at full width, 8 px apart,\n *   from 576 px side by side at their natural width\n */\nexport type AlertActionsLayout = 'inline' | 'stacked';\n\n/**\n * Alert component for inline notifications.\n *\n * Features:\n * - Semantic variants (success, warning, error, info)\n * - Optional title and icon display\n * - Auto-mapped variant icons\n * - Dismissible with close button; `visible` is two-way bindable so a\n *   dismissed alert can be shown again\n * - Content projection for custom body\n * - Action slot for a button rendered right of the body (e.g. retry), or\n *   several actions stacked below it (`actionsLayout=\"stacked\"`)\n * - The variant icon is decorative unless `iconAriaLabel` names it (the\n *   title and the colour carry the tone; no built-in English word)\n * - Accessible: `role=\"alert\"` for error / warning, `role=\"status\"` otherwise\n *\n * @example\n * ```html\n * <lc-alert variant=\"success\" title=\"Success!\" [dismissible]=\"true\">\n *   Your changes have been saved.\n * </lc-alert>\n *\n * <lc-alert variant=\"error\" title=\"Laden fehlgeschlagen\">\n *   Die Liste konnte nicht geladen werden.\n *   <lc-button slot=\"action\" variant=\"outline\" size=\"sm\">Erneut versuchen</lc-button>\n * </lc-alert>\n * ```\n */\n@Component({\n  selector: 'lc-alert',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [\n    ɵprovideKitIcons([ICON_X_MARK, ICON_CHECK_CIRCLE, ICON_CIRCLE_X, ICON_EXCLAMATION_TRIANGLE, ICON_INFORMATION_CIRCLE]),\n  ],\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  encapsulation: ViewEncapsulation.None, // Required for dynamic variant class styling\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.role]': 'role()',\n    '[attr.aria-live]': 'ariaLive()',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n})\nexport class AlertComponent {\n  /**\n   * Visual variant of the alert\n   * @default 'info'\n   */\n  variant = input<AlertVariant>('info');\n\n  /**\n   * Alert title (optional)\n   */\n  title = input<string>();\n\n  /**\n   * Alert message (alternative to content projection)\n   */\n  message = input<string>();\n\n  /**\n   * Icon to display (defaults based on variant)\n   */\n  icon = input<string>();\n\n  /**\n   * Whether to show icon\n   * @default true\n   */\n  showIcon = input<boolean>(true);\n\n  /**\n   * Accessible name of the variant icon, e.g. „Warnung“. Leave it unset when\n   * the title already says what kind of message this is: the icon is then\n   * decorative (`aria-hidden`). The kit sets no default text, so no English\n   * word is read on a page in another language.\n   */\n  iconAriaLabel = input<string | undefined>(undefined);\n\n  /**\n   * Layout of the projected actions (`slot=\"action\"`): `inline` — one action\n   * right of the body (3.2); `stacked` — the actions in their own row below\n   * the title and message, one per line at full width and 8 px apart below\n   * 576 px of alert width, side by side at their natural width from there.\n   * @default 'inline'\n   */\n  actionsLayout = input<AlertActionsLayout>('inline');\n\n  /**\n   * Whether the alert can be dismissed\n   * @default false\n   */\n  dismissible = input<boolean>(false);\n\n  /**\n   * ARIA label for accessibility\n   */\n  ariaLabel = input<string>();\n\n  /** Accessible name of the close button (`dismissible`). */\n  closeAriaLabel = input('Close alert');\n\n  /**\n   * Emitted when alert is dismissed\n   */\n  readonly dismissed = output<void>();\n\n  /**\n   * Visibility (two-way bindable). Dismissing sets it to `false`; the parent\n   * can set it back to `true` to show the alert again.\n   */\n  visible = model<boolean>(true);\n\n  /**\n   * Computed host classes\n   */\n  protected hostClasses = computed(() => {\n    const classes = ['lc-alert', `lc-alert--${this.variant()}`];\n    if (this.actionsLayout() === 'stacked') {\n      classes.push('lc-alert--actions-stacked');\n    }\n    if (this.showIcon()) {\n      classes.push('lc-alert--with-icon');\n    }\n    if (!this.visible()) {\n      classes.push('lc-alert--hidden');\n    }\n    return classes.join(' ');\n  });\n\n  /**\n   * Computed container classes\n   */\n  protected containerClasses = computed(() => {\n    return 'lc-alert__container';\n  });\n\n  /** Whether the variant should interrupt the user (error / warning). */\n  private readonly isUrgent = computed(() => {\n    const variant = this.variant();\n    return variant === 'error' || variant === 'warning';\n  });\n\n  /**\n   * Live-region role: `alert` (assertive) only for error / warning,\n   * `status` (polite) for info / success.\n   */\n  protected role = computed(() => (this.isUrgent() ? 'alert' : 'status'));\n\n  /**\n   * Computed ARIA live region priority\n   */\n  protected ariaLive = computed(() => (this.isUrgent() ? 'assertive' : 'polite'));\n\n  /**\n   * Computed default icon based on variant\n   */\n  protected defaultIcon = computed(() => {\n    const icons: Record<AlertVariant, string> = {\n      success: 'check-circle',\n      error: 'x-circle',\n      warning: 'exclamation-triangle',\n      info: 'information-circle',\n    };\n    return this.icon() || icons[this.variant()];\n  });\n\n  /**\n   * Dismiss the alert\n   */\n  dismiss(): void {\n    this.visible.set(false);\n    this.dismissed.emit();\n  }\n\n  /**\n   * Handle close button click\n   */\n  protected onCloseClick(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.dismiss();\n  }\n}\n","@if (visible()) {\n  <div [class]=\"containerClasses()\">\n    @if (showIcon()) {\n      <div class=\"lc-alert__icon\">\n        <lc-icon\n          [name]=\"defaultIcon()\"\n          size=\"md\"\n          [decorative]=\"!iconAriaLabel()\"\n          [ariaLabel]=\"iconAriaLabel()\"\n        />\n      </div>\n    }\n    \n    <div class=\"lc-alert__body\">\n      @if (title()) {\n        <div class=\"lc-alert__title\">{{ title() }}</div>\n      }\n      \n      <div class=\"lc-alert__content\">\n        @if (message()) {\n          {{ message() }}\n        } @else {\n          <ng-content />\n        }\n      </div>\n    </div>\n\n    <div class=\"lc-alert__action\">\n      <ng-content select=\"[slot='action']\" />\n    </div>\n\n    @if (dismissible()) {\n      <button\n        type=\"button\"\n        class=\"lc-alert__close\"\n        [attr.aria-label]=\"closeAriaLabel()\"\n        (click)=\"onCloseClick($event)\"\n      >\n        <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n}\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-alert.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/alert/alert.component.ts","../../../../libs/angular-ui-kit/src/lib/alert/alert.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  input,\n  model,\n  output,\n  computed,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IconComponent, ɵprovideKitIcons } from '@lifecorner/angular-ui-kit/icon';\nimport {\n  ICON_CHECK_CIRCLE,\n  ICON_CIRCLE_X,\n  ICON_EXCLAMATION_TRIANGLE,\n  ICON_INFORMATION_CIRCLE,\n  ICON_X_MARK,\n} from '@lifecorner/angular-ui-kit/icons';\n\nexport type AlertVariant = 'success' | 'error' | 'warning' | 'info';\n\n/**\n * Layout of the projected actions (`slot=\"action\"`).\n * - `inline`: one action right of the body, vertically centred (3.2)\n * - `stacked`: the actions in their own row below the title and message;\n *   below 576 px of alert width one per line at full width, 8 px apart,\n *   from 576 px side by side at their natural width\n */\nexport type AlertActionsLayout = 'inline' | 'stacked';\n\n/**\n * Alert component for inline notifications.\n *\n * Features:\n * - Semantic variants (success, warning, error, info)\n * - Optional title and icon display\n * - Auto-mapped variant icons\n * - Dismissible with close button; `visible` is two-way bindable so a\n *   dismissed alert can be shown again\n * - Content projection for custom body\n * - Action slot for a button rendered right of the body (e.g. retry), or\n *   several actions stacked below it (`actionsLayout=\"stacked\"`); 3.12: a text\n *   link (`<a slot=\"action\" href=\"…\">`) as the one way forward gets a\n *   44 × 44 px target, link colour, an underline and a focus ring\n * - The variant icon is decorative unless `iconAriaLabel` names it (the\n *   title and the colour carry the tone; no built-in English word)\n * - Accessible: `role=\"alert\"` for error / warning, `role=\"status\"` otherwise\n *\n * @example\n * ```html\n * <lc-alert variant=\"success\" title=\"Success!\" [dismissible]=\"true\">\n *   Your changes have been saved.\n * </lc-alert>\n *\n * <lc-alert variant=\"error\" title=\"Laden fehlgeschlagen\">\n *   Die Liste konnte nicht geladen werden.\n *   <lc-button slot=\"action\" variant=\"outline\" size=\"sm\">Erneut versuchen</lc-button>\n * </lc-alert>\n *\n * <lc-alert variant=\"error\" title=\"Senden gerade nicht möglich\">\n *   Wir können Ihre Nachricht gerade nicht senden.\n *   <a slot=\"action\" href=\"mailto:kontakt@beispiel.example\">Schreiben Sie uns an kontakt@beispiel.example</a>\n * </lc-alert>\n * ```\n */\n@Component({\n  selector: 'lc-alert',\n  standalone: true,\n  imports: [IconComponent],\n  viewProviders: [\n    ɵprovideKitIcons([ICON_X_MARK, ICON_CHECK_CIRCLE, ICON_CIRCLE_X, ICON_EXCLAMATION_TRIANGLE, ICON_INFORMATION_CIRCLE]),\n  ],\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  encapsulation: ViewEncapsulation.None, // Required for dynamic variant class styling\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n    '[attr.role]': 'role()',\n    '[attr.aria-live]': 'ariaLive()',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n})\nexport class AlertComponent {\n  /**\n   * Visual variant of the alert\n   * @default 'info'\n   */\n  variant = input<AlertVariant>('info');\n\n  /**\n   * Alert title (optional)\n   */\n  title = input<string>();\n\n  /**\n   * Alert message (alternative to content projection)\n   */\n  message = input<string>();\n\n  /**\n   * Icon to display (defaults based on variant)\n   */\n  icon = input<string>();\n\n  /**\n   * Whether to show icon\n   * @default true\n   */\n  showIcon = input<boolean>(true);\n\n  /**\n   * Accessible name of the variant icon, e.g. „Warnung“. Leave it unset when\n   * the title already says what kind of message this is: the icon is then\n   * decorative (`aria-hidden`). The kit sets no default text, so no English\n   * word is read on a page in another language.\n   */\n  iconAriaLabel = input<string | undefined>(undefined);\n\n  /**\n   * Layout of the projected actions (`slot=\"action\"`): `inline` — one action\n   * right of the body (3.2); `stacked` — the actions in their own row below\n   * the title and message, one per line at full width and 8 px apart below\n   * 576 px of alert width, side by side at their natural width from there.\n   * @default 'inline'\n   */\n  actionsLayout = input<AlertActionsLayout>('inline');\n\n  /**\n   * Whether the alert can be dismissed\n   * @default false\n   */\n  dismissible = input<boolean>(false);\n\n  /**\n   * ARIA label for accessibility\n   */\n  ariaLabel = input<string>();\n\n  /** Accessible name of the close button (`dismissible`). */\n  closeAriaLabel = input('Close alert');\n\n  /**\n   * Emitted when alert is dismissed\n   */\n  readonly dismissed = output<void>();\n\n  /**\n   * Visibility (two-way bindable). Dismissing sets it to `false`; the parent\n   * can set it back to `true` to show the alert again.\n   */\n  visible = model<boolean>(true);\n\n  /**\n   * Computed host classes\n   */\n  protected hostClasses = computed(() => {\n    const classes = ['lc-alert', `lc-alert--${this.variant()}`];\n    if (this.actionsLayout() === 'stacked') {\n      classes.push('lc-alert--actions-stacked');\n    }\n    if (this.showIcon()) {\n      classes.push('lc-alert--with-icon');\n    }\n    if (!this.visible()) {\n      classes.push('lc-alert--hidden');\n    }\n    return classes.join(' ');\n  });\n\n  /**\n   * Computed container classes\n   */\n  protected containerClasses = computed(() => {\n    return 'lc-alert__container';\n  });\n\n  /** Whether the variant should interrupt the user (error / warning). */\n  private readonly isUrgent = computed(() => {\n    const variant = this.variant();\n    return variant === 'error' || variant === 'warning';\n  });\n\n  /**\n   * Live-region role: `alert` (assertive) only for error / warning,\n   * `status` (polite) for info / success.\n   */\n  protected role = computed(() => (this.isUrgent() ? 'alert' : 'status'));\n\n  /**\n   * Computed ARIA live region priority\n   */\n  protected ariaLive = computed(() => (this.isUrgent() ? 'assertive' : 'polite'));\n\n  /**\n   * Computed default icon based on variant\n   */\n  protected defaultIcon = computed(() => {\n    const icons: Record<AlertVariant, string> = {\n      success: 'check-circle',\n      error: 'x-circle',\n      warning: 'exclamation-triangle',\n      info: 'information-circle',\n    };\n    return this.icon() || icons[this.variant()];\n  });\n\n  /**\n   * Dismiss the alert\n   */\n  dismiss(): void {\n    this.visible.set(false);\n    this.dismissed.emit();\n  }\n\n  /**\n   * Handle close button click\n   */\n  protected onCloseClick(event: Event): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.dismiss();\n  }\n}\n","@if (visible()) {\n  <div [class]=\"containerClasses()\">\n    @if (showIcon()) {\n      <div class=\"lc-alert__icon\">\n        <lc-icon\n          [name]=\"defaultIcon()\"\n          size=\"md\"\n          [decorative]=\"!iconAriaLabel()\"\n          [ariaLabel]=\"iconAriaLabel()\"\n        />\n      </div>\n    }\n    \n    <div class=\"lc-alert__body\">\n      @if (title()) {\n        <div class=\"lc-alert__title\">{{ title() }}</div>\n      }\n      \n      <div class=\"lc-alert__content\">\n        @if (message()) {\n          {{ message() }}\n        } @else {\n          <ng-content />\n        }\n      </div>\n    </div>\n\n    <div class=\"lc-alert__action\">\n      <ng-content select=\"[slot='action']\" />\n    </div>\n\n    @if (dismissible()) {\n      <button\n        type=\"button\"\n        class=\"lc-alert__close\"\n        [attr.aria-label]=\"closeAriaLabel()\"\n        (click)=\"onCloseClick($event)\"\n      >\n        <lc-icon name=\"x-mark\" size=\"sm\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n}\n"],"mappings":"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"}

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

@@ -103,12 +103,17 @@ var CalendarComponent = class CalendarComponent {
 		return Array.from({ length: 7 }, (_, i) => {
 			const day = new Date(start);
 			day.setDate(start.getDate() + i);
+			const label = day.toLocaleDateString(loc, {
+				weekday: "short",
+				day: "numeric"
+			});
 			return {
 				date: day,
-				label: day.toLocaleDateString(loc, {
-					weekday: "short",
-					day: "numeric"
-				}),
+				label,
+				ariaLabel: `${label} ${day.toLocaleDateString(loc, {
+					month: "long",
+					year: "numeric"
+				})}`,
 				isToday: this.isSameDay(day, today),
 				events: evts.filter((e) => this.isEventOnDate(e, day))
 			};
@@ -267,7 +272,7 @@ var CalendarComponent = class CalendarComponent {
 			dateClick: "dateClick"
 		},
 		ngImport: i0,
-		template: "<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"dateLabel(day.date)\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n",
+		template: "<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"day.ariaLabel\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n",
 		styles: [".lc-calendar{font-family:var(--typography-font-family, sans-serif);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-surface)}.lc-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.lc-calendar__nav{display:flex;align-items:center;gap:.5rem}.lc-calendar__time-event:focus-visible,.lc-calendar__time-col-header:focus-visible,.lc-calendar__event-dot:focus-visible,.lc-calendar__day-number:focus-visible,.lc-calendar__view-toggle button:focus-visible,.lc-calendar__today-btn:focus-visible,.lc-calendar__nav-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:1px;z-index:2}.lc-calendar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.lc-calendar__nav-btn:hover{background:var(--color-surface-hover)}.lc-calendar__today-btn{padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.lc-calendar__today-btn:hover{background:var(--color-surface-hover)}.lc-calendar__title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-left:.25rem}.lc-calendar__view-toggle{display:flex;border:1px solid var(--color-border);border-radius:.375rem;overflow:hidden}.lc-calendar__view-toggle button{padding:.25rem .75rem;border:none;background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.lc-calendar__view-toggle button:not(:last-child){border-right:1px solid var(--color-border)}.lc-calendar__view-toggle button:hover{background:var(--color-surface-2)}.lc-calendar__view-toggle button.active{background:var(--color-primary-500);color:var(--color-on-primary)}.lc-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border)}.lc-calendar__weekday{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.025em}.lc-calendar__week-row{display:grid;grid-template-columns:repeat(7,1fr)}.lc-calendar__week-row:not(:last-child){border-bottom:1px solid var(--color-divider)}.lc-calendar__day-cell{min-height:5.5rem;padding:.25rem;border-right:1px solid var(--color-divider);cursor:pointer;transition:background .1s}.lc-calendar__day-cell:last-child{border-right:none}.lc-calendar__day-cell:hover{background:var(--color-surface-2)}.lc-calendar__day-cell--today{background:color-mix(in srgb,var(--color-primary-500) 6%,transparent)}.lc-calendar__day-cell--today:hover{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.lc-calendar__day-cell--other{opacity:.4}.lc-calendar__day-number{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;font:inherit;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-radius:50%;cursor:pointer}.lc-calendar__day-number:hover{background:var(--color-surface-hover)}.lc-calendar__day-cell--today .lc-calendar__day-number{background:var(--color-primary-500);color:var(--color-on-primary);font-weight:700}.lc-calendar__event-dot{display:block;width:100%;border:none;font:inherit;text-align:left;font-size:.6875rem;padding:.0625rem .25rem;border-radius:.1875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem;color:var(--color-on-primary);cursor:pointer}.lc-calendar__event-dot--primary{background:var(--color-primary-500)}.lc-calendar__event-dot--secondary{background:var(--color-secondary-500)}.lc-calendar__event-dot--success{background:var(--color-success-default)}.lc-calendar__event-dot--warning{background:var(--color-warning-default)}.lc-calendar__event-dot--error{background:var(--color-error-default)}.lc-calendar__event-dot--info{background:var(--color-info-default)}.lc-calendar__more{font-size:.625rem;color:var(--color-text-tertiary);padding:.0625rem .25rem;cursor:pointer}.lc-calendar__time-grid{overflow:auto;max-height:40rem}.lc-calendar__time-header{display:flex;position:sticky;top:0;z-index:2;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.lc-calendar__time-col-header{flex:1;min-width:0;text-align:center;padding:.5rem .25rem;border:none;border-left:1px solid var(--color-border);background:transparent;font:inherit;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer}.lc-calendar__time-col-header:hover{background:var(--color-surface-hover)}.lc-calendar__time-col-header--today{color:var(--color-primary-500);background:color-mix(in srgb,var(--color-primary-500) 6%,transparent)}.lc-calendar__time-body{display:flex;position:relative}.lc-calendar__time-gutter{width:3.5rem;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface-2)}.lc-calendar__time-label{height:3.75rem;padding:.125rem .375rem 0 0;text-align:right;font-size:.6875rem;color:var(--color-text-tertiary)}.lc-calendar__time-col{flex:1;position:relative;border-left:1px solid var(--color-border)}.lc-calendar__time-col--single{min-width:0}.lc-calendar__time-slot{height:3.75rem;border-bottom:1px solid var(--color-divider);cursor:pointer}.lc-calendar__time-slot:hover{background:var(--color-surface-2)}.lc-calendar__time-event{position:absolute;left:.125rem;right:.125rem;border:none;border-radius:.25rem;padding:.125rem .375rem;font:inherit;font-size:.6875rem;text-align:left;color:var(--color-on-primary);overflow:hidden;cursor:pointer;z-index:1}.lc-calendar__time-event--primary{background:var(--color-primary-500)}.lc-calendar__time-event--secondary{background:var(--color-secondary-500)}.lc-calendar__time-event--success{background:var(--color-success-default)}.lc-calendar__time-event--warning{background:var(--color-warning-default)}.lc-calendar__time-event--error{background:var(--color-error-default)}.lc-calendar__time-event--info{background:var(--color-info-default)}\n"],
 		dependencies: [{
 			kind: "pipe",
@@ -289,7 +294,7 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: true,
 			imports: [SlicePipe],
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"dateLabel(day.date)\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n",
+			template: "<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"day.ariaLabel\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n",
 			styles: [".lc-calendar{font-family:var(--typography-font-family, sans-serif);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background:var(--color-surface)}.lc-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.lc-calendar__nav{display:flex;align-items:center;gap:.5rem}.lc-calendar__time-event:focus-visible,.lc-calendar__time-col-header:focus-visible,.lc-calendar__event-dot:focus-visible,.lc-calendar__day-number:focus-visible,.lc-calendar__view-toggle button:focus-visible,.lc-calendar__today-btn:focus-visible,.lc-calendar__nav-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:1px;z-index:2}.lc-calendar__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,border-color .15s}.lc-calendar__nav-btn:hover{background:var(--color-surface-hover)}.lc-calendar__today-btn{padding:.25rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.lc-calendar__today-btn:hover{background:var(--color-surface-hover)}.lc-calendar__title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-left:.25rem}.lc-calendar__view-toggle{display:flex;border:1px solid var(--color-border);border-radius:.375rem;overflow:hidden}.lc-calendar__view-toggle button{padding:.25rem .75rem;border:none;background:var(--color-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.lc-calendar__view-toggle button:not(:last-child){border-right:1px solid var(--color-border)}.lc-calendar__view-toggle button:hover{background:var(--color-surface-2)}.lc-calendar__view-toggle button.active{background:var(--color-primary-500);color:var(--color-on-primary)}.lc-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border)}.lc-calendar__weekday{padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.025em}.lc-calendar__week-row{display:grid;grid-template-columns:repeat(7,1fr)}.lc-calendar__week-row:not(:last-child){border-bottom:1px solid var(--color-divider)}.lc-calendar__day-cell{min-height:5.5rem;padding:.25rem;border-right:1px solid var(--color-divider);cursor:pointer;transition:background .1s}.lc-calendar__day-cell:last-child{border-right:none}.lc-calendar__day-cell:hover{background:var(--color-surface-2)}.lc-calendar__day-cell--today{background:color-mix(in srgb,var(--color-primary-500) 6%,transparent)}.lc-calendar__day-cell--today:hover{background:color-mix(in srgb,var(--color-primary-500) 12%,transparent)}.lc-calendar__day-cell--other{opacity:.4}.lc-calendar__day-number{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;font:inherit;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);border-radius:50%;cursor:pointer}.lc-calendar__day-number:hover{background:var(--color-surface-hover)}.lc-calendar__day-cell--today .lc-calendar__day-number{background:var(--color-primary-500);color:var(--color-on-primary);font-weight:700}.lc-calendar__event-dot{display:block;width:100%;border:none;font:inherit;text-align:left;font-size:.6875rem;padding:.0625rem .25rem;border-radius:.1875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem;color:var(--color-on-primary);cursor:pointer}.lc-calendar__event-dot--primary{background:var(--color-primary-500)}.lc-calendar__event-dot--secondary{background:var(--color-secondary-500)}.lc-calendar__event-dot--success{background:var(--color-success-default)}.lc-calendar__event-dot--warning{background:var(--color-warning-default)}.lc-calendar__event-dot--error{background:var(--color-error-default)}.lc-calendar__event-dot--info{background:var(--color-info-default)}.lc-calendar__more{font-size:.625rem;color:var(--color-text-tertiary);padding:.0625rem .25rem;cursor:pointer}.lc-calendar__time-grid{overflow:auto;max-height:40rem}.lc-calendar__time-header{display:flex;position:sticky;top:0;z-index:2;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.lc-calendar__time-col-header{flex:1;min-width:0;text-align:center;padding:.5rem .25rem;border:none;border-left:1px solid var(--color-border);background:transparent;font:inherit;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer}.lc-calendar__time-col-header:hover{background:var(--color-surface-hover)}.lc-calendar__time-col-header--today{color:var(--color-primary-500);background:color-mix(in srgb,var(--color-primary-500) 6%,transparent)}.lc-calendar__time-body{display:flex;position:relative}.lc-calendar__time-gutter{width:3.5rem;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface-2)}.lc-calendar__time-label{height:3.75rem;padding:.125rem .375rem 0 0;text-align:right;font-size:.6875rem;color:var(--color-text-tertiary)}.lc-calendar__time-col{flex:1;position:relative;border-left:1px solid var(--color-border)}.lc-calendar__time-col--single{min-width:0}.lc-calendar__time-slot{height:3.75rem;border-bottom:1px solid var(--color-divider);cursor:pointer}.lc-calendar__time-slot:hover{background:var(--color-surface-2)}.lc-calendar__time-event{position:absolute;left:.125rem;right:.125rem;border:none;border-radius:.25rem;padding:.125rem .375rem;font:inherit;font-size:.6875rem;text-align:left;color:var(--color-on-primary);overflow:hidden;cursor:pointer;z-index:1}.lc-calendar__time-event--primary{background:var(--color-primary-500)}.lc-calendar__time-event--secondary{background:var(--color-secondary-500)}.lc-calendar__time-event--success{background:var(--color-success-default)}.lc-calendar__time-event--warning{background:var(--color-warning-default)}.lc-calendar__time-event--error{background:var(--color-error-default)}.lc-calendar__time-event--info{background:var(--color-info-default)}\n"]
 		}]
 	}],

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

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-calendar.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/calendar/calendar.component.ts","../../../../libs/angular-ui-kit/src/lib/calendar/calendar.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  output,\n  computed,\n  signal,\n} from '@angular/core';\nimport { SlicePipe } from '@angular/common';\n\nexport type CalendarView = 'day' | 'week' | 'month';\n\n/** UI strings of the calendar chrome; override individual keys via the `labels` input. */\nexport interface CalendarLabels {\n  today: string;\n  day: string;\n  week: string;\n  month: string;\n  previous: string;\n  next: string;\n}\n\nconst DEFAULT_LABELS: CalendarLabels = {\n  today: 'Heute',\n  day: 'Tag',\n  week: 'Woche',\n  month: 'Monat',\n  previous: 'Zurück',\n  next: 'Weiter',\n};\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: Date | string;\n  end: Date | string;\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';\n  allDay?: boolean;\n}\n\ninterface DayCell {\n  date: Date;\n  isToday: boolean;\n  isCurrentMonth: boolean;\n  events: CalendarEvent[];\n}\n\ninterface HourSlot {\n  hour: number;\n  label: string;\n}\n\n@Component({\n  selector: 'lc-calendar',\n  standalone: true,\n  imports: [SlicePipe],\n  templateUrl: './calendar.component.html',\n  styleUrls: ['./calendar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Calendar component for date-based event display and navigation.\n *\n * Features:\n * - Day, week, and month view modes\n * - Event display with six color variants\n * - Navigation controls for previous/next/today\n * - Configurable first day of week and locale\n * - Time grid for day and week views with hourly slots\n * - Click handlers for events and date cells\n *\n * @example\n * ```html\n * <lc-calendar [events]=\"events\" view=\"month\" [firstDayOfWeek]=\"1\" />\n * ```\n */\nexport class CalendarComponent {\n  /** Current view mode. Two-way bindable; the view toggle writes it and emits `viewChange`. */\n  view = model<CalendarView>('month');\n\n  /** Events to display. */\n  events = input<CalendarEvent[]>([]);\n\n  /** First day of week (0=Sunday, 1=Monday). */\n  firstDayOfWeek = input<number>(1);\n\n  /** Locale for date formatting. */\n  locale = input<string>('de-DE');\n\n  /** Overrides for the built-in UI strings (defaults are German, matching the default locale). */\n  labels = input<Partial<CalendarLabels>>({});\n\n  /** Start hour for day/week view. */\n  startHour = input<number>(6);\n\n  /** End hour for day/week view. */\n  endHour = input<number>(22);\n\n  /** Emits when an event is clicked. */\n  eventClick = output<CalendarEvent>();\n\n  /** Emits when a date cell is clicked. */\n  dateClick = output<Date>();\n\n  protected readonly currentDate = signal(new Date());\n\n  protected readonly text = computed<CalendarLabels>(() => ({ ...DEFAULT_LABELS, ...this.labels() }));\n\n  protected readonly headerTitle = computed(() => {\n    const d = this.currentDate();\n    const loc = this.locale();\n    const v = this.view();\n    if (v === 'month') {\n      return d.toLocaleDateString(loc, { month: 'long', year: 'numeric' });\n    }\n    if (v === 'week') {\n      const start = this.weekStart(d);\n      const end = new Date(start);\n      end.setDate(end.getDate() + 6);\n      return `${start.toLocaleDateString(loc, { day: 'numeric', month: 'short' })} – ${end.toLocaleDateString(loc, { day: 'numeric', month: 'short', year: 'numeric' })}`;\n    }\n    return d.toLocaleDateString(loc, { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });\n  });\n\n  protected readonly weekDayNames = computed(() => {\n    const loc = this.locale();\n    const fdow = this.firstDayOfWeek();\n    return Array.from({ length: 7 }, (_, i) => {\n      const d = new Date(2024, 0, fdow + i); // Jan 2024 starts on Monday\n      return d.toLocaleDateString(loc, { weekday: 'short' });\n    });\n  });\n\n  protected readonly monthGrid = computed(() => {\n    const d = this.currentDate();\n    const evts = this.normalizedEvents();\n    const fdow = this.firstDayOfWeek();\n    const year = d.getFullYear();\n    const month = d.getMonth();\n    const today = new Date();\n\n    const firstOfMonth = new Date(year, month, 1);\n    let startOffset = firstOfMonth.getDay() - fdow;\n    if (startOffset < 0) startOffset += 7;\n\n    const startDate = new Date(year, month, 1 - startOffset);\n    const weeks: DayCell[][] = [];\n\n    for (let w = 0; w < 6; w++) {\n      const week: DayCell[] = [];\n      for (let wd = 0; wd < 7; wd++) {\n        const cellDate = new Date(startDate);\n        cellDate.setDate(startDate.getDate() + w * 7 + wd);\n        week.push({\n          date: cellDate,\n          isToday: this.isSameDay(cellDate, today),\n          isCurrentMonth: cellDate.getMonth() === month,\n          events: evts.filter(e => this.isEventOnDate(e, cellDate)),\n        });\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  });\n\n  protected readonly hourSlots = computed((): HourSlot[] => {\n    const start = this.startHour();\n    const end = this.endHour();\n    return Array.from({ length: end - start }, (_, i) => ({\n      hour: start + i,\n      label: `${String(start + i).padStart(2, '0')}:00`,\n    }));\n  });\n\n  protected readonly weekDays = computed(() => {\n    const d = this.currentDate();\n    const start = this.weekStart(d);\n    const loc = this.locale();\n    const today = new Date();\n    const evts = this.normalizedEvents();\n\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = new Date(start);\n      day.setDate(start.getDate() + i);\n      return {\n        date: day,\n        label: day.toLocaleDateString(loc, { weekday: 'short', day: 'numeric' }),\n        isToday: this.isSameDay(day, today),\n        events: evts.filter(e => this.isEventOnDate(e, day)),\n      };\n    });\n  });\n\n  protected readonly dayEvents = computed(() => {\n    const d = this.currentDate();\n    const evts = this.normalizedEvents();\n    return evts.filter(e => this.isEventOnDate(e, d));\n  });\n\n  private readonly normalizedEvents = computed(() =>\n    this.events().map(e => ({\n      ...e,\n      start: e.start instanceof Date ? e.start : new Date(e.start),\n      end: e.end instanceof Date ? e.end : new Date(e.end),\n    }))\n  );\n\n  protected navigatePrev(): void {\n    this.navigate(-1);\n  }\n\n  protected navigateNext(): void {\n    this.navigate(1);\n  }\n\n  protected navigateToday(): void {\n    this.currentDate.set(new Date());\n  }\n\n  protected setView(v: CalendarView): void {\n    this.view.set(v);\n  }\n\n  protected onEventClick(event: CalendarEvent, e: Event): void {\n    // The event button sits inside a clickable cell/column; don't let it count as a date click too.\n    e.stopPropagation();\n    this.eventClick.emit(event);\n  }\n\n  protected onDateClick(date: Date, e?: Event): void {\n    e?.stopPropagation();\n    this.dateClick.emit(date);\n  }\n\n  /** Full, localized accessible name for a day button (e.g. \"Montag, 15. Januar 2024\"). */\n  protected dateLabel(date: Date): string {\n    return date.toLocaleDateString(this.locale(), {\n      weekday: 'long',\n      day: 'numeric',\n      month: 'long',\n      year: 'numeric',\n    });\n  }\n\n  /** Accessible name for an event button: title plus its time range (or \"all day\"). */\n  protected eventLabel(event: CalendarEvent): string {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const end = event.end instanceof Date ? event.end : new Date(event.end);\n    const loc = this.locale();\n    const opts: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' };\n    return event.allDay\n      ? event.title\n      : `${event.title}, ${start.toLocaleTimeString(loc, opts)} – ${end.toLocaleTimeString(loc, opts)}`;\n  }\n\n  protected eventTop(event: CalendarEvent): number {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const h = start.getHours() - this.startHour();\n    const m = start.getMinutes();\n    return (h * 60 + m);\n  }\n\n  protected eventHeight(event: CalendarEvent): number {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const end = event.end instanceof Date ? event.end : new Date(event.end);\n    const diff = (end.getTime() - start.getTime()) / 60000;\n    return Math.max(diff, 15);\n  }\n\n  private navigate(direction: number): void {\n    const d = new Date(this.currentDate());\n    const v = this.view();\n    if (v === 'month') {\n      d.setMonth(d.getMonth() + direction);\n    } else if (v === 'week') {\n      d.setDate(d.getDate() + direction * 7);\n    } else {\n      d.setDate(d.getDate() + direction);\n    }\n    this.currentDate.set(d);\n  }\n\n  private weekStart(d: Date): Date {\n    const start = new Date(d);\n    const fdow = this.firstDayOfWeek();\n    let diff = start.getDay() - fdow;\n    if (diff < 0) diff += 7;\n    start.setDate(start.getDate() - diff);\n    return start;\n  }\n\n  private isSameDay(a: Date, b: Date): boolean {\n    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n  }\n\n  private isEventOnDate(event: { start: Date; end: Date }, date: Date): boolean {\n    const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n    const endOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59);\n    return event.start <= endOfDay && event.end >= startOfDay;\n  }\n}\n","<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"dateLabel(day.date)\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-calendar.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/calendar/calendar.component.ts","../../../../libs/angular-ui-kit/src/lib/calendar/calendar.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  output,\n  computed,\n  signal,\n} from '@angular/core';\nimport { SlicePipe } from '@angular/common';\n\nexport type CalendarView = 'day' | 'week' | 'month';\n\n/** UI strings of the calendar chrome; override individual keys via the `labels` input. */\nexport interface CalendarLabels {\n  today: string;\n  day: string;\n  week: string;\n  month: string;\n  previous: string;\n  next: string;\n}\n\nconst DEFAULT_LABELS: CalendarLabels = {\n  today: 'Heute',\n  day: 'Tag',\n  week: 'Woche',\n  month: 'Monat',\n  previous: 'Zurück',\n  next: 'Weiter',\n};\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: Date | string;\n  end: Date | string;\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';\n  allDay?: boolean;\n}\n\ninterface DayCell {\n  date: Date;\n  isToday: boolean;\n  isCurrentMonth: boolean;\n  events: CalendarEvent[];\n}\n\ninterface HourSlot {\n  hour: number;\n  label: string;\n}\n\n@Component({\n  selector: 'lc-calendar',\n  standalone: true,\n  imports: [SlicePipe],\n  templateUrl: './calendar.component.html',\n  styleUrls: ['./calendar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Calendar component for date-based event display and navigation.\n *\n * Features:\n * - Day, week, and month view modes\n * - Event display with six color variants\n * - Navigation controls for previous/next/today\n * - Configurable first day of week and locale\n * - Time grid for day and week views with hourly slots\n * - Click handlers for events and date cells\n *\n * @example\n * ```html\n * <lc-calendar [events]=\"events\" view=\"month\" [firstDayOfWeek]=\"1\" />\n * ```\n */\nexport class CalendarComponent {\n  /** Current view mode. Two-way bindable; the view toggle writes it and emits `viewChange`. */\n  view = model<CalendarView>('month');\n\n  /** Events to display. */\n  events = input<CalendarEvent[]>([]);\n\n  /** First day of week (0=Sunday, 1=Monday). */\n  firstDayOfWeek = input<number>(1);\n\n  /** Locale for date formatting. */\n  locale = input<string>('de-DE');\n\n  /** Overrides for the built-in UI strings (defaults are German, matching the default locale). */\n  labels = input<Partial<CalendarLabels>>({});\n\n  /** Start hour for day/week view. */\n  startHour = input<number>(6);\n\n  /** End hour for day/week view. */\n  endHour = input<number>(22);\n\n  /** Emits when an event is clicked. */\n  eventClick = output<CalendarEvent>();\n\n  /** Emits when a date cell is clicked. */\n  dateClick = output<Date>();\n\n  protected readonly currentDate = signal(new Date());\n\n  protected readonly text = computed<CalendarLabels>(() => ({ ...DEFAULT_LABELS, ...this.labels() }));\n\n  protected readonly headerTitle = computed(() => {\n    const d = this.currentDate();\n    const loc = this.locale();\n    const v = this.view();\n    if (v === 'month') {\n      return d.toLocaleDateString(loc, { month: 'long', year: 'numeric' });\n    }\n    if (v === 'week') {\n      const start = this.weekStart(d);\n      const end = new Date(start);\n      end.setDate(end.getDate() + 6);\n      return `${start.toLocaleDateString(loc, { day: 'numeric', month: 'short' })} – ${end.toLocaleDateString(loc, { day: 'numeric', month: 'short', year: 'numeric' })}`;\n    }\n    return d.toLocaleDateString(loc, { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });\n  });\n\n  protected readonly weekDayNames = computed(() => {\n    const loc = this.locale();\n    const fdow = this.firstDayOfWeek();\n    return Array.from({ length: 7 }, (_, i) => {\n      const d = new Date(2024, 0, fdow + i); // Jan 2024 starts on Monday\n      return d.toLocaleDateString(loc, { weekday: 'short' });\n    });\n  });\n\n  protected readonly monthGrid = computed(() => {\n    const d = this.currentDate();\n    const evts = this.normalizedEvents();\n    const fdow = this.firstDayOfWeek();\n    const year = d.getFullYear();\n    const month = d.getMonth();\n    const today = new Date();\n\n    const firstOfMonth = new Date(year, month, 1);\n    let startOffset = firstOfMonth.getDay() - fdow;\n    if (startOffset < 0) startOffset += 7;\n\n    const startDate = new Date(year, month, 1 - startOffset);\n    const weeks: DayCell[][] = [];\n\n    for (let w = 0; w < 6; w++) {\n      const week: DayCell[] = [];\n      for (let wd = 0; wd < 7; wd++) {\n        const cellDate = new Date(startDate);\n        cellDate.setDate(startDate.getDate() + w * 7 + wd);\n        week.push({\n          date: cellDate,\n          isToday: this.isSameDay(cellDate, today),\n          isCurrentMonth: cellDate.getMonth() === month,\n          events: evts.filter(e => this.isEventOnDate(e, cellDate)),\n        });\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  });\n\n  protected readonly hourSlots = computed((): HourSlot[] => {\n    const start = this.startHour();\n    const end = this.endHour();\n    return Array.from({ length: end - start }, (_, i) => ({\n      hour: start + i,\n      label: `${String(start + i).padStart(2, '0')}:00`,\n    }));\n  });\n\n  protected readonly weekDays = computed(() => {\n    const d = this.currentDate();\n    const start = this.weekStart(d);\n    const loc = this.locale();\n    const today = new Date();\n    const evts = this.normalizedEvents();\n\n    return Array.from({ length: 7 }, (_, i) => {\n      const day = new Date(start);\n      day.setDate(start.getDate() + i);\n      const label = day.toLocaleDateString(loc, { weekday: 'short', day: 'numeric' });\n      return {\n        date: day,\n        label,\n        // The visible text, then the day's own month and year (AS-33, WCAG\n        // 2.5.3 Label in Name): \"Mo., 19. Oktober 2026\".\n        ariaLabel: `${label} ${day.toLocaleDateString(loc, { month: 'long', year: 'numeric' })}`,\n        isToday: this.isSameDay(day, today),\n        events: evts.filter(e => this.isEventOnDate(e, day)),\n      };\n    });\n  });\n\n  protected readonly dayEvents = computed(() => {\n    const d = this.currentDate();\n    const evts = this.normalizedEvents();\n    return evts.filter(e => this.isEventOnDate(e, d));\n  });\n\n  private readonly normalizedEvents = computed(() =>\n    this.events().map(e => ({\n      ...e,\n      start: e.start instanceof Date ? e.start : new Date(e.start),\n      end: e.end instanceof Date ? e.end : new Date(e.end),\n    }))\n  );\n\n  protected navigatePrev(): void {\n    this.navigate(-1);\n  }\n\n  protected navigateNext(): void {\n    this.navigate(1);\n  }\n\n  protected navigateToday(): void {\n    this.currentDate.set(new Date());\n  }\n\n  protected setView(v: CalendarView): void {\n    this.view.set(v);\n  }\n\n  protected onEventClick(event: CalendarEvent, e: Event): void {\n    // The event button sits inside a clickable cell/column; don't let it count as a date click too.\n    e.stopPropagation();\n    this.eventClick.emit(event);\n  }\n\n  protected onDateClick(date: Date, e?: Event): void {\n    e?.stopPropagation();\n    this.dateClick.emit(date);\n  }\n\n  /** Full, localized accessible name for a day button (e.g. \"Montag, 15. Januar 2024\"). */\n  protected dateLabel(date: Date): string {\n    return date.toLocaleDateString(this.locale(), {\n      weekday: 'long',\n      day: 'numeric',\n      month: 'long',\n      year: 'numeric',\n    });\n  }\n\n  /** Accessible name for an event button: title plus its time range (or \"all day\"). */\n  protected eventLabel(event: CalendarEvent): string {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const end = event.end instanceof Date ? event.end : new Date(event.end);\n    const loc = this.locale();\n    const opts: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' };\n    return event.allDay\n      ? event.title\n      : `${event.title}, ${start.toLocaleTimeString(loc, opts)} – ${end.toLocaleTimeString(loc, opts)}`;\n  }\n\n  protected eventTop(event: CalendarEvent): number {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const h = start.getHours() - this.startHour();\n    const m = start.getMinutes();\n    return (h * 60 + m);\n  }\n\n  protected eventHeight(event: CalendarEvent): number {\n    const start = event.start instanceof Date ? event.start : new Date(event.start);\n    const end = event.end instanceof Date ? event.end : new Date(event.end);\n    const diff = (end.getTime() - start.getTime()) / 60000;\n    return Math.max(diff, 15);\n  }\n\n  private navigate(direction: number): void {\n    const d = new Date(this.currentDate());\n    const v = this.view();\n    if (v === 'month') {\n      d.setMonth(d.getMonth() + direction);\n    } else if (v === 'week') {\n      d.setDate(d.getDate() + direction * 7);\n    } else {\n      d.setDate(d.getDate() + direction);\n    }\n    this.currentDate.set(d);\n  }\n\n  private weekStart(d: Date): Date {\n    const start = new Date(d);\n    const fdow = this.firstDayOfWeek();\n    let diff = start.getDay() - fdow;\n    if (diff < 0) diff += 7;\n    start.setDate(start.getDate() - diff);\n    return start;\n  }\n\n  private isSameDay(a: Date, b: Date): boolean {\n    return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n  }\n\n  private isEventOnDate(event: { start: Date; end: Date }, date: Date): boolean {\n    const startOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n    const endOfDay = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59);\n    return event.start <= endOfDay && event.end >= startOfDay;\n  }\n}\n","<div class=\"lc-calendar\">\n  <!-- Header -->\n  <div class=\"lc-calendar__header\">\n    <div class=\"lc-calendar__nav\">\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigatePrev()\" [attr.aria-label]=\"text().previous\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <button type=\"button\" class=\"lc-calendar__today-btn\" (click)=\"navigateToday()\">{{ text().today }}</button>\n      <button type=\"button\" class=\"lc-calendar__nav-btn\" (click)=\"navigateNext()\" [attr.aria-label]=\"text().next\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>\n      </button>\n      <span class=\"lc-calendar__title\" aria-live=\"polite\">{{ headerTitle() }}</span>\n    </div>\n    <div class=\"lc-calendar__view-toggle\" role=\"group\">\n      <button type=\"button\" [class.active]=\"view() === 'day'\" [attr.aria-pressed]=\"view() === 'day'\" (click)=\"setView('day')\">{{ text().day }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'week'\" [attr.aria-pressed]=\"view() === 'week'\" (click)=\"setView('week')\">{{ text().week }}</button>\n      <button type=\"button\" [class.active]=\"view() === 'month'\" [attr.aria-pressed]=\"view() === 'month'\" (click)=\"setView('month')\">{{ text().month }}</button>\n    </div>\n  </div>\n\n  <!-- Month View -->\n  @if (view() === 'month') {\n    <div class=\"lc-calendar__month\">\n      <div class=\"lc-calendar__weekdays\" aria-hidden=\"true\">\n        @for (name of weekDayNames(); track name) {\n          <div class=\"lc-calendar__weekday\">{{ name }}</div>\n        }\n      </div>\n      @for (week of monthGrid(); track $index) {\n        <div class=\"lc-calendar__week-row\">\n          @for (cell of week; track cell.date.getTime()) {\n            <!-- The cell stays a mouse target for the whole area; keyboard users reach the\n                 date through the day-number button and each event through its own button. -->\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the whole cell; keyboard users use the day-number button -->\n            <div\n              class=\"lc-calendar__day-cell\"\n              [class.lc-calendar__day-cell--today]=\"cell.isToday\"\n              [class.lc-calendar__day-cell--other]=\"!cell.isCurrentMonth\"\n              (click)=\"onDateClick(cell.date)\"\n            >\n              <button\n                type=\"button\"\n                class=\"lc-calendar__day-number\"\n                [attr.aria-label]=\"dateLabel(cell.date)\"\n                [attr.aria-current]=\"cell.isToday ? 'date' : null\"\n                (click)=\"onDateClick(cell.date, $event)\"\n              >\n                {{ cell.date.getDate() }}\n              </button>\n              @for (evt of cell.events | slice:0:3; track evt.id) {\n                <button\n                  type=\"button\"\n                  class=\"lc-calendar__event-dot\"\n                  [class]=\"'lc-calendar__event-dot lc-calendar__event-dot--' + (evt.color || 'primary')\"\n                  [attr.aria-label]=\"eventLabel(evt)\"\n                  [title]=\"evt.title\"\n                  (click)=\"onEventClick(evt, $event)\"\n                >\n                  {{ evt.title }}\n                </button>\n              }\n              @if (cell.events.length > 3) {\n                <div class=\"lc-calendar__more\">+{{ cell.events.length - 3 }}</div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Week View -->\n  @if (view() === 'week') {\n    <div class=\"lc-calendar__time-grid\">\n      <div class=\"lc-calendar__time-header\">\n        <div class=\"lc-calendar__time-gutter\"></div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <button\n            type=\"button\"\n            class=\"lc-calendar__time-col-header\"\n            [class.lc-calendar__time-col-header--today]=\"day.isToday\"\n            [attr.aria-label]=\"day.ariaLabel\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            (click)=\"onDateClick(day.date)\"\n          >\n            {{ day.label }}\n          </button>\n        }\n      </div>\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        @for (day of weekDays(); track day.date.getTime()) {\n          <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n          <div class=\"lc-calendar__time-col\" (click)=\"onDateClick(day.date)\">\n            @for (slot of hourSlots(); track slot.hour) {\n              <div class=\"lc-calendar__time-slot\"></div>\n            }\n            @for (evt of day.events; track evt.id) {\n              <button\n                type=\"button\"\n                class=\"lc-calendar__time-event\"\n                [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n                [style.top.px]=\"eventTop(evt)\"\n                [style.height.px]=\"eventHeight(evt)\"\n                [attr.aria-label]=\"eventLabel(evt)\"\n                [title]=\"evt.title\"\n                (click)=\"onEventClick(evt, $event)\"\n              >\n                {{ evt.title }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Day View -->\n  @if (view() === 'day') {\n    <div class=\"lc-calendar__time-grid lc-calendar__time-grid--day\">\n      <div class=\"lc-calendar__time-body\">\n        <div class=\"lc-calendar__time-gutter\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-label\">{{ slot.label }}</div>\n          }\n        </div>\n        <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- mouse target for the empty column; events and dates have their own buttons -->\n        <div class=\"lc-calendar__time-col lc-calendar__time-col--single\" (click)=\"onDateClick(currentDate())\">\n          @for (slot of hourSlots(); track slot.hour) {\n            <div class=\"lc-calendar__time-slot\"></div>\n          }\n          @for (evt of dayEvents(); track evt.id) {\n            <button\n              type=\"button\"\n              class=\"lc-calendar__time-event\"\n              [class]=\"'lc-calendar__time-event lc-calendar__time-event--' + (evt.color || 'primary')\"\n              [style.top.px]=\"eventTop(evt)\"\n              [style.height.px]=\"eventHeight(evt)\"\n              [attr.aria-label]=\"eventLabel(evt)\"\n              [title]=\"evt.title\"\n              (click)=\"onEventClick(evt, $event)\"\n            >\n              {{ evt.title }}\n            </button>\n          }\n        </div>\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":";;;AAuBA,MAAM,iBAAiC;CACrC,OAAO;CACP,KAAK;CACL,MAAM;CACN,OAAO;CACP,UAAU;CACV,MAAM;AACP;AA+CD,IAAa,oBAAb,MAAa,kBAAiB;CAE5B,OAAO,MAAoB,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGnC,SAAS,MAAuB,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAGnC,iBAAiB,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,SAAS,MAAc,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAG/B,SAAS,MAA+B,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAG3C,YAAY,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAG5B,UAAU,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAG3B,aAAa,OAAM;CAGnB,YAAY,OAAM;CAEC,cAAc,uBAAO,IAAI,KAAI,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,OAAO,gBAAgC;EAAE,GAAG;EAAgB,GAAG,KAAK,OAAM;CAAE,IAAI,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEhF,cAAc,eAAc;EAC7C,MAAM,IAAI,KAAK,YAAW;EAC1B,MAAM,MAAM,KAAK,OAAM;EACvB,MAAM,IAAI,KAAK,KAAI;EACnB,IAAI,MAAM,SACR,OAAO,EAAE,mBAAmB,KAAK;GAAE,OAAO;GAAQ,MAAM;EAAS,CAAE;EAErE,IAAI,MAAM,QAAQ;GAChB,MAAM,QAAQ,KAAK,UAAU,CAAC;GAC9B,MAAM,MAAM,IAAI,KAAK,KAAK;GAC1B,IAAI,QAAQ,IAAI,QAAO,IAAK,CAAC;GAC7B,OAAO,GAAG,MAAM,mBAAmB,KAAK;IAAE,KAAK;IAAW,OAAO;GAAO,CAAE,EAAC,KAAM,IAAI,mBAAmB,KAAK;IAAE,KAAK;IAAW,OAAO;IAAS,MAAM;GAAS,CAAE;EAClK;EACA,OAAO,EAAE,mBAAmB,KAAK;GAAE,SAAS;GAAQ,KAAK;GAAW,OAAO;GAAQ,MAAM;EAAS,CAAE;CACtG,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,eAAe,eAAc;EAC9C,MAAM,MAAM,KAAK,OAAM;EACvB,MAAM,OAAO,KAAK,eAAc;EAChC,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAC,IAAK,GAAG,MAAK;GAExC,OAAO,IADO,KAAK,MAAM,GAAG,OAAO,CAC5B,CAAA,CAAE,mBAAmB,KAAK,EAAE,SAAS,QAAO,CAAE;EACvD,CAAC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,YAAY,eAAc;EAC3C,MAAM,IAAI,KAAK,YAAW;EAC1B,MAAM,OAAO,KAAK,iBAAgB;EAClC,MAAM,OAAO,KAAK,eAAc;EAChC,MAAM,OAAO,EAAE,YAAW;EAC1B,MAAM,QAAQ,EAAE,SAAQ;EACxB,MAAM,wBAAQ,IAAI,KAAI;EAGtB,IAAI,cAAc,IADO,KAAK,MAAM,OAAO,CACzB,CAAA,CAAa,OAAM,IAAK;EAC1C,IAAI,cAAc,GAAG,eAAe;EAEpC,MAAM,YAAY,IAAI,KAAK,MAAM,OAAO,IAAI,WAAW;EACvD,MAAM,QAAqB,CAAA;EAE3B,KAAK,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK;GAC1B,MAAM,OAAkB,CAAA;GACxB,KAAK,IAAI,KAAK,GAAG,KAAK,GAAG,MAAM;IAC7B,MAAM,WAAW,IAAI,KAAK,SAAS;IACnC,SAAS,QAAQ,UAAU,QAAO,IAAK,IAAI,IAAI,EAAE;IACjD,KAAK,KAAK;KACR,MAAM;KACN,SAAS,KAAK,UAAU,UAAU,KAAK;KACvC,gBAAgB,SAAS,SAAQ,MAAO;KACxC,QAAQ,KAAK,QAAO,MAAK,KAAK,cAAc,GAAG,QAAQ,CAAC;IACzD,CAAA;GACH;GACA,MAAM,KAAK,IAAI;EACjB;EACA,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,YAAY,eAA0B;EACvD,MAAM,QAAQ,KAAK,UAAS;EAC5B,MAAM,MAAM,KAAK,QAAO;EACxB,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAK,IAAK,GAAG,OAAO;GACpD,MAAM,QAAQ;GACd,OAAO,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,EAAC;EAC7C,EAAC;CACJ,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,WAAW,eAAc;EAC1C,MAAM,IAAI,KAAK,YAAW;EAC1B,MAAM,QAAQ,KAAK,UAAU,CAAC;EAC9B,MAAM,MAAM,KAAK,OAAM;EACvB,MAAM,wBAAQ,IAAI,KAAI;EACtB,MAAM,OAAO,KAAK,iBAAgB;EAElC,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAC,IAAK,GAAG,MAAK;GACxC,MAAM,MAAM,IAAI,KAAK,KAAK;GAC1B,IAAI,QAAQ,MAAM,QAAO,IAAK,CAAC;GAC/B,MAAM,QAAQ,IAAI,mBAAmB,KAAK;IAAE,SAAS;IAAS,KAAK;GAAS,CAAE;GAC9E,OAAO;IACL,MAAM;IACN;IAGA,WAAW,GAAG,MAAK,GAAI,IAAI,mBAAmB,KAAK;KAAE,OAAO;KAAQ,MAAM;IAAS,CAAE;IACrF,SAAS,KAAK,UAAU,KAAK,KAAK;IAClC,QAAQ,KAAK,QAAO,MAAK,KAAK,cAAc,GAAG,GAAG,CAAC;GACpD;EACH,CAAC;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,YAAY,eAAc;EAC3C,MAAM,IAAI,KAAK,YAAW;EAE1B,OADa,KAAK,iBACX,CAAA,CAAK,QAAO,MAAK,KAAK,cAAc,GAAG,CAAC,CAAC;CAClD,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEe,mBAAmB,eAClC,KAAK,OAAM,CAAE,CAAC,KAAI,OAAM;EACtB,GAAG;EACH,OAAO,EAAE,iBAAiB,OAAO,EAAE,QAAQ,IAAI,KAAK,EAAE,KAAK;EAC3D,KAAK,EAAE,eAAe,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,GAAG;CACpD,EAAC,GACH,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAES,eAAY;EACpB,KAAK,SAAS,EAAE;CAClB;CAEU,eAAY;EACpB,KAAK,SAAS,CAAC;CACjB;CAEU,gBAAa;EACrB,KAAK,YAAY,oBAAI,IAAI,KAAI,CAAE;CACjC;CAEU,QAAQ,GAAe;EAC/B,KAAK,KAAK,IAAI,CAAC;CACjB;CAEU,aAAa,OAAsB,GAAQ;EAEnD,EAAE,gBAAe;EACjB,KAAK,WAAW,KAAK,KAAK;CAC5B;CAEU,YAAY,MAAY,GAAS;EACzC,GAAG,gBAAe;EAClB,KAAK,UAAU,KAAK,IAAI;CAC1B;CAGU,UAAU,MAAU;EAC5B,OAAO,KAAK,mBAAmB,KAAK,OAAM,GAAI;GAC5C,SAAS;GACT,KAAK;GACL,OAAO;GACP,MAAM;EACP,CAAA;CACH;CAGU,WAAW,OAAoB;EACvC,MAAM,QAAQ,MAAM,iBAAiB,OAAO,MAAM,QAAQ,IAAI,KAAK,MAAM,KAAK;EAC9E,MAAM,MAAM,MAAM,eAAe,OAAO,MAAM,MAAM,IAAI,KAAK,MAAM,GAAG;EACtE,MAAM,MAAM,KAAK,OAAM;EACvB,MAAM,OAAmC;GAAE,MAAM;GAAW,QAAQ;EAAS;EAC7E,OAAO,MAAM,SACT,MAAM,QACN,GAAG,MAAM,MAAK,IAAK,MAAM,mBAAmB,KAAK,IAAI,EAAC,KAAM,IAAI,mBAAmB,KAAK,IAAI;CAClG;CAEU,SAAS,OAAoB;EACrC,MAAM,QAAQ,MAAM,iBAAiB,OAAO,MAAM,QAAQ,IAAI,KAAK,MAAM,KAAK;EAC9E,MAAM,IAAI,MAAM,SAAQ,IAAK,KAAK,UAAS;EAC3C,MAAM,IAAI,MAAM,WAAU;EAC1B,OAAQ,IAAI,KAAK;CACnB;CAEU,YAAY,OAAoB;EACxC,MAAM,QAAQ,MAAM,iBAAiB,OAAO,MAAM,QAAQ,IAAI,KAAK,MAAM,KAAK;EAE9E,MAAM,SADM,MAAM,eAAe,OAAO,MAAM,MAAM,IAAI,KAAK,MAAM,GAAG,EACxD,CAAI,QAAO,IAAK,MAAM,QAAO,KAAM;EACjD,OAAO,KAAK,IAAI,MAAM,EAAE;CAC1B;CAEQ,SAAS,WAAiB;EAChC,MAAM,IAAI,IAAI,KAAK,KAAK,YAAW,CAAE;EACrC,MAAM,IAAI,KAAK,KAAI;EACnB,IAAI,MAAM,SACR,EAAE,SAAS,EAAE,SAAQ,IAAK,SAAS;OAC9B,IAAI,MAAM,QACf,EAAE,QAAQ,EAAE,QAAO,IAAK,YAAY,CAAC;OAErC,EAAE,QAAQ,EAAE,QAAO,IAAK,SAAS;EAEnC,KAAK,YAAY,IAAI,CAAC;CACxB;CAEQ,UAAU,GAAO;EACvB,MAAM,QAAQ,IAAI,KAAK,CAAC;EACxB,MAAM,OAAO,KAAK,eAAc;EAChC,IAAI,OAAO,MAAM,OAAM,IAAK;EAC5B,IAAI,OAAO,GAAG,QAAQ;EACtB,MAAM,QAAQ,MAAM,QAAO,IAAK,IAAI;EACpC,OAAO;CACT;CAEQ,UAAU,GAAS,GAAO;EAChC,OAAO,EAAE,YAAW,MAAO,EAAE,YAAW,KAAM,EAAE,SAAQ,MAAO,EAAE,SAAQ,KAAM,EAAE,QAAO,MAAO,EAAE,QAAO;CAC1G;CAEQ,cAAc,OAAmC,MAAU;EACjE,MAAM,aAAa,IAAI,KAAK,KAAK,YAAW,GAAI,KAAK,SAAQ,GAAI,KAAK,QAAO,CAAE;EAC/E,MAAM,WAAW,IAAI,KAAK,KAAK,YAAW,GAAI,KAAK,SAAQ,GAAI,KAAK,QAAO,GAAI,IAAI,IAAI,EAAE;EACzF,OAAO,MAAM,SAAS,YAAY,MAAM,OAAO;CACjD;CAnOW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA;GAAA,MAAA;GAAA,YAAA;GAAA,WAAA;EAAA;EAAA,UAAA;EAAA,UC7E9B;EA0JA,QAAA,CAAA,otMAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MDlGY;GAAS,MAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAqBR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAxB7B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAa,YACX;GAAI,SACP,CAAC,SAAS;GAAC,iBAGH,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,otMAAA;EAAA,CAAA"}