@lifecorner/angular-ui-kit 3.27.1 → 3.28.0

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { Injectable } from "@angular/core";
+import { Injectable, signal } from "@angular/core";
 var OverlayStackService = class OverlayStackService {
 	stack = [];
 	claimed = /* @__PURE__ */ new WeakSet();
@@ -45,6 +45,35 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
-export { OverlayStackService };
+var OverlayInsetsService = class OverlayInsetsService {
+	top = signal(null, ...ngDevMode ? [{ debugName: "top" }] : /* istanbul ignore next */ []);
+	bottom = signal(null, ...ngDevMode ? [{ debugName: "bottom" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: OverlayInsetsService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: OverlayInsetsService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: OverlayInsetsService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+export { OverlayInsetsService, OverlayStackService };
 
 //# sourceMappingURL=lifecorner-angular-ui-kit-internal-overlay.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-internal-overlay.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-stack.service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * Keeps the open overlays (modal, drawer, popover, menu, tooltip, …) in\n * opening order so that a dismiss gesture — Escape, click outside — reaches\n * only the top-most one instead of closing every open layer at once.\n *\n * Every overlay pushes its id when it opens and removes it when it closes or\n * is destroyed. Internal to the library; not part of the public API.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayStackService {\n  private readonly stack: string[] = [];\n\n  /**\n   * Events already consumed by an overlay. All overlays listen on `document`,\n   * where listeners fire in registration order — not z-order — so by the time a\n   * lower overlay's listener runs, the top one may already have closed and left\n   * the stack, making the lower one \"top\" for the very same event.\n   */\n  private readonly claimed = new WeakSet<Event>();\n\n  /** Register `id` as the new top-most overlay (re-pushing moves it to the top). */\n  push(id: string): void {\n    this.remove(id);\n    this.stack.push(id);\n  }\n\n  remove(id: string): void {\n    const index = this.stack.indexOf(id);\n    if (index !== -1) this.stack.splice(index, 1);\n  }\n\n  isTop(id: string): boolean {\n    return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;\n  }\n\n  /**\n   * Whether overlay `id` may act on this dismiss event. True only for the\n   * top-most overlay and only once per event; the caller then closes and, for\n   * keyboard events, stops propagation so nothing outside the stack sees it.\n   */\n  claim(id: string, event: Event): boolean {\n    if (this.claimed.has(event) || !this.isTop(id)) return false;\n    this.claimed.add(event);\n    return true;\n  }\n}\n"],"mappings":";;AAWA,IAAa,sBAAb,MAAa,oBAAmB;CACb,QAAkB,CAAA;CAQlB,0BAAU,IAAI,QAAO;CAGtC,KAAK,IAAU;EACb,KAAK,OAAO,EAAE;EACd,KAAK,MAAM,KAAK,EAAE;CACpB;CAEA,OAAO,IAAU;EACf,MAAM,QAAQ,KAAK,MAAM,QAAQ,EAAE;EACnC,IAAI,UAAU,IAAI,KAAK,MAAM,OAAO,OAAO,CAAC;CAC9C;CAEA,MAAM,IAAU;EACd,OAAO,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,OAAO;CACxE;CAOA,MAAM,IAAY,OAAY;EAC5B,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG,OAAO;EACvD,KAAK,QAAQ,IAAI,KAAK;EACtB,OAAO;CACT;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,YADN;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAD/B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE"}
+{"version":3,"file":"lifecorner-angular-ui-kit-internal-overlay.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-stack.service.ts","../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-insets.service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * Keeps the open overlays (modal, drawer, popover, menu, tooltip, …) in\n * opening order so that a dismiss gesture — Escape, click outside — reaches\n * only the top-most one instead of closing every open layer at once.\n *\n * Every overlay pushes its id when it opens and removes it when it closes or\n * is destroyed. Internal to the library; not part of the public API.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayStackService {\n  private readonly stack: string[] = [];\n\n  /**\n   * Events already consumed by an overlay. All overlays listen on `document`,\n   * where listeners fire in registration order — not z-order — so by the time a\n   * lower overlay's listener runs, the top one may already have closed and left\n   * the stack, making the lower one \"top\" for the very same event.\n   */\n  private readonly claimed = new WeakSet<Event>();\n\n  /** Register `id` as the new top-most overlay (re-pushing moves it to the top). */\n  push(id: string): void {\n    this.remove(id);\n    this.stack.push(id);\n  }\n\n  remove(id: string): void {\n    const index = this.stack.indexOf(id);\n    if (index !== -1) this.stack.splice(index, 1);\n  }\n\n  isTop(id: string): boolean {\n    return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;\n  }\n\n  /**\n   * Whether overlay `id` may act on this dismiss event. True only for the\n   * top-most overlay and only once per event; the caller then closes and, for\n   * keyboard events, stops propagation so nothing outside the stack sees it.\n   */\n  claim(id: string, event: Event): boolean {\n    if (this.claimed.has(event) || !this.isTop(id)) return false;\n    this.claimed.add(event);\n    return true;\n  }\n}\n","import { Injectable, signal } from '@angular/core';\n\n/**\n * The space a fixed overlay keeps free at the top and the bottom of the\n * viewport, as CSS lengths (3.28, AS-34). `lc-app-shell` writes them in the\n * browser: `top` is its header's bottom edge, `bottom` the shown bottom bar's\n * top edge, measured from the viewport's bottom (or the safe-area insets when\n * there is no header or no bar). `lc-toast-outlet` reads them, so its stacks\n * clear the header and the bar even when the app renders the outlet outside\n * the shell (no custom property can inherit there).\n *\n * `null` means \"no shell\": on the server, before the shell has measured,\n * without ResizeObserver and after the shell is destroyed. Internal to the\n * library; not part of the public API and without a semver guarantee.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayInsetsService {\n  /** CSS length kept free above top-edge overlays, e.g. `'56px'`. */\n  readonly top = signal<string | null>(null);\n\n  /** CSS length kept free below bottom-edge overlays, e.g. `'102px'`. */\n  readonly bottom = signal<string | null>(null);\n}\n"],"mappings":";;AAWA,IAAa,sBAAb,MAAa,oBAAmB;CACb,QAAkB,CAAA;CAQlB,0BAAU,IAAI,QAAO;CAGtC,KAAK,IAAU;EACb,KAAK,OAAO,EAAE;EACd,KAAK,MAAM,KAAK,EAAE;CACpB;CAEA,OAAO,IAAU;EACf,MAAM,QAAQ,KAAK,MAAM,QAAQ,EAAE;EACnC,IAAI,UAAU,IAAI,KAAK,MAAM,OAAO,OAAO,CAAC;CAC9C;CAEA,MAAM,IAAU;EACd,OAAO,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,OAAO;CACxE;CAOA,MAAM,IAAY,OAAY;EAC5B,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG,OAAO;EACvD,KAAK,QAAQ,IAAI,KAAK;EACtB,OAAO;CACT;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,YADN;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAD/B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE;;;ACMlC,IAAa,uBAAb,MAAa,qBAAoB;CAEtB,MAAM,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAGjC,SAAS,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CALlC,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,YADP;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EADhC,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE"}

package/fesm2022/lifecorner-angular-ui-kit-rich-text-editor.mjs

@@ -527,8 +527,8 @@ var RichTextEditorComponent = class RichTextEditorComponent {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n",
-		styles: [".lc-rich-text-editor{border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);overflow:hidden;font-family:var(--typography-font-family)}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:0px}.lc-rich-text-editor--disabled{opacity:.6;pointer-events:none}.lc-rich-text-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;gap:var(--lc-density-gap-xs, var(--spacing-1))}.lc-rich-text-editor__toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.lc-rich-text-editor__toolbar-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);width:var(--size-min-touch-height, 2.75rem);height:var(--size-min-touch-height, 2.75rem);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__toolbar-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.lc-rich-text-editor__toolbar-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__toolbar-modes{display:flex;align-items:center;gap:2px;border-left:1px solid var(--color-divider);padding-left:var(--spacing-2);margin-left:var(--spacing-2)}.lc-rich-text-editor__mode-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);min-width:var(--size-min-touch-height, 2.75rem);min-height:var(--size-min-touch-height, 2.75rem);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__mode-btn.active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-rich-text-editor__mode-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__content{overflow-y:auto}.lc-rich-text-editor__rich{padding:var(--lc-density-padding-md, var(--spacing-4));min-height:100%;outline:none;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__rich--empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);opacity:.6;pointer-events:none}.lc-rich-text-editor__rich h1,.lc-rich-text-editor__rich h2,.lc-rich-text-editor__rich h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold);color:var(--color-text-primary)}.lc-rich-text-editor__rich h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__rich h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__rich h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__rich p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich ul,.lc-rich-text-editor__rich ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__rich code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__rich pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-3) 0}.lc-rich-text-editor__rich pre code{background:none;padding:0}.lc-rich-text-editor__rich a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__rich hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__rich img{max-width:100%;border-radius:var(--border-radius-md)}.lc-rich-text-editor__textarea{width:100%;height:100%;min-height:inherit;border:none;outline:none;resize:vertical;padding:var(--lc-density-padding-md, var(--spacing-4));font-family:var(--typography-font-family-mono, monospace);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary);background-color:var(--color-surface);tab-size:2}.lc-rich-text-editor__split{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:inherit}.lc-rich-text-editor__split-editor{border-right:1px solid var(--color-divider);min-height:inherit;resize:none}.lc-rich-text-editor__split-preview{padding:var(--lc-density-padding-md, var(--spacing-4));overflow-y:auto;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__split-preview h1,.lc-rich-text-editor__split-preview h2,.lc-rich-text-editor__split-preview h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold)}.lc-rich-text-editor__split-preview h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__split-preview h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__split-preview h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__split-preview p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview ul,.lc-rich-text-editor__split-preview ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__split-preview code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__split-preview pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto}.lc-rich-text-editor__split-preview pre code{background:none;padding:0}.lc-rich-text-editor__split-preview a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__split-preview hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__footer{display:flex;justify-content:flex-end;gap:var(--lc-density-gap-md, var(--spacing-4));padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));border-top:1px solid var(--color-divider);font-size:var(--typography-font-size-xs);color:var(--color-text-secondary)}@media(forced-colors:active){.lc-rich-text-editor__toolbar-btn:focus-visible,.lc-rich-text-editor__mode-btn:focus-visible{outline-color:Highlight}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:Highlight;outline-color:Highlight}}\n"],
+		template: "<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        [attr.aria-pressed]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        [attr.aria-pressed]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        [attr.aria-pressed]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n",
+		styles: [".lc-rich-text-editor{border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);overflow:hidden;font-family:var(--typography-font-family)}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:0px}.lc-rich-text-editor--disabled{opacity:.6;pointer-events:none}.lc-rich-text-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;gap:var(--lc-density-gap-xs, var(--spacing-1))}.lc-rich-text-editor__toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.lc-rich-text-editor__toolbar-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);width:var(--size-min-touch-height, 2.75rem);height:var(--size-min-touch-height, 2.75rem);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__toolbar-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.lc-rich-text-editor__toolbar-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__toolbar-modes{display:flex;align-items:center;gap:2px;border-left:1px solid var(--color-divider);padding-left:var(--spacing-2);margin-left:var(--spacing-2)}.lc-rich-text-editor__mode-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);min-width:var(--size-min-touch-height, 2.75rem);min-height:var(--size-min-touch-height, 2.75rem);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__mode-btn.active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-rich-text-editor__mode-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__content{overflow-y:auto}.lc-rich-text-editor__rich{padding:var(--lc-density-padding-md, var(--spacing-4));min-height:100%;outline:none;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__rich--empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);opacity:.6;pointer-events:none}.lc-rich-text-editor__rich h1,.lc-rich-text-editor__rich h2,.lc-rich-text-editor__rich h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold);color:var(--color-text-primary)}.lc-rich-text-editor__rich h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__rich h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__rich h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__rich p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich ul,.lc-rich-text-editor__rich ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__rich code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__rich pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-3) 0}.lc-rich-text-editor__rich pre code{background:none;padding:0}.lc-rich-text-editor__rich a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__rich hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__rich img{max-width:100%;border-radius:var(--border-radius-md)}.lc-rich-text-editor__textarea{width:100%;height:100%;min-height:inherit;border:none;outline:none;resize:vertical;padding:var(--lc-density-padding-md, var(--spacing-4));font-family:var(--typography-font-family-mono, monospace);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary);background-color:var(--color-surface);tab-size:2}.lc-rich-text-editor__split{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:inherit}.lc-rich-text-editor__split-editor{border-right:1px solid var(--color-divider);min-height:inherit;resize:none}.lc-rich-text-editor__split-preview{padding:var(--lc-density-padding-md, var(--spacing-4));overflow-y:auto;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__split-preview h1,.lc-rich-text-editor__split-preview h2,.lc-rich-text-editor__split-preview h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold)}.lc-rich-text-editor__split-preview h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__split-preview h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__split-preview h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__split-preview p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview ul,.lc-rich-text-editor__split-preview ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__split-preview code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__split-preview pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto}.lc-rich-text-editor__split-preview pre code{background:none;padding:0}.lc-rich-text-editor__split-preview a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__split-preview hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__footer{display:flex;justify-content:flex-end;gap:var(--lc-density-gap-md, var(--spacing-4));padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));border-top:1px solid var(--color-divider);font-size:var(--typography-font-size-xs);color:var(--color-text-secondary)}@media(forced-colors:active){.lc-rich-text-editor__toolbar-btn:focus-visible,.lc-rich-text-editor__mode-btn:focus-visible{outline-color:Highlight}.lc-rich-text-editor__mode-btn[aria-pressed=true]{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:Highlight}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:Highlight;outline-color:Highlight}}\n"],
 		dependencies: [{
 			kind: "ngmodule",
 			type: CommonModule
@@ -553,8 +553,8 @@ i0.ɵɵngDeclareClassMetadata({
 				useExisting: forwardRef(() => RichTextEditorComponent),
 				multi: true
 			}],
-			template: "<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n",
-			styles: [".lc-rich-text-editor{border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);overflow:hidden;font-family:var(--typography-font-family)}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:0px}.lc-rich-text-editor--disabled{opacity:.6;pointer-events:none}.lc-rich-text-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;gap:var(--lc-density-gap-xs, var(--spacing-1))}.lc-rich-text-editor__toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.lc-rich-text-editor__toolbar-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);width:var(--size-min-touch-height, 2.75rem);height:var(--size-min-touch-height, 2.75rem);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__toolbar-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.lc-rich-text-editor__toolbar-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__toolbar-modes{display:flex;align-items:center;gap:2px;border-left:1px solid var(--color-divider);padding-left:var(--spacing-2);margin-left:var(--spacing-2)}.lc-rich-text-editor__mode-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);min-width:var(--size-min-touch-height, 2.75rem);min-height:var(--size-min-touch-height, 2.75rem);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__mode-btn.active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-rich-text-editor__mode-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__content{overflow-y:auto}.lc-rich-text-editor__rich{padding:var(--lc-density-padding-md, var(--spacing-4));min-height:100%;outline:none;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__rich--empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);opacity:.6;pointer-events:none}.lc-rich-text-editor__rich h1,.lc-rich-text-editor__rich h2,.lc-rich-text-editor__rich h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold);color:var(--color-text-primary)}.lc-rich-text-editor__rich h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__rich h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__rich h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__rich p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich ul,.lc-rich-text-editor__rich ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__rich code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__rich pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-3) 0}.lc-rich-text-editor__rich pre code{background:none;padding:0}.lc-rich-text-editor__rich a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__rich hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__rich img{max-width:100%;border-radius:var(--border-radius-md)}.lc-rich-text-editor__textarea{width:100%;height:100%;min-height:inherit;border:none;outline:none;resize:vertical;padding:var(--lc-density-padding-md, var(--spacing-4));font-family:var(--typography-font-family-mono, monospace);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary);background-color:var(--color-surface);tab-size:2}.lc-rich-text-editor__split{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:inherit}.lc-rich-text-editor__split-editor{border-right:1px solid var(--color-divider);min-height:inherit;resize:none}.lc-rich-text-editor__split-preview{padding:var(--lc-density-padding-md, var(--spacing-4));overflow-y:auto;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__split-preview h1,.lc-rich-text-editor__split-preview h2,.lc-rich-text-editor__split-preview h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold)}.lc-rich-text-editor__split-preview h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__split-preview h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__split-preview h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__split-preview p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview ul,.lc-rich-text-editor__split-preview ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__split-preview code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__split-preview pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto}.lc-rich-text-editor__split-preview pre code{background:none;padding:0}.lc-rich-text-editor__split-preview a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__split-preview hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__footer{display:flex;justify-content:flex-end;gap:var(--lc-density-gap-md, var(--spacing-4));padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));border-top:1px solid var(--color-divider);font-size:var(--typography-font-size-xs);color:var(--color-text-secondary)}@media(forced-colors:active){.lc-rich-text-editor__toolbar-btn:focus-visible,.lc-rich-text-editor__mode-btn:focus-visible{outline-color:Highlight}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:Highlight;outline-color:Highlight}}\n"]
+			template: "<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        [attr.aria-pressed]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        [attr.aria-pressed]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        [attr.aria-pressed]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n",
+			styles: [".lc-rich-text-editor{border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);overflow:hidden;font-family:var(--typography-font-family)}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:var(--color-primary-500);outline:2px solid var(--color-primary-500);outline-offset:0px}.lc-rich-text-editor--disabled{opacity:.6;pointer-events:none}.lc-rich-text-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;gap:var(--lc-density-gap-xs, var(--spacing-1))}.lc-rich-text-editor__toolbar-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.lc-rich-text-editor__toolbar-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);width:var(--size-min-touch-height, 2.75rem);height:var(--size-min-touch-height, 2.75rem);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__toolbar-btn:hover:not(:disabled){background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.lc-rich-text-editor__toolbar-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__toolbar-modes{display:flex;align-items:center;gap:2px;border-left:1px solid var(--color-divider);padding-left:var(--spacing-2);margin-left:var(--spacing-2)}.lc-rich-text-editor__mode-btn{appearance:none;border:none;background:transparent;color:var(--color-text-secondary);min-width:var(--size-min-touch-height, 2.75rem);min-height:var(--size-min-touch-height, 2.75rem);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:background-color .15s ease,color .15s ease}.lc-rich-text-editor__mode-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.lc-rich-text-editor__mode-btn.active{background-color:var(--color-primary-fill);color:var(--color-on-primary)}.lc-rich-text-editor__mode-btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.lc-rich-text-editor__content{overflow-y:auto}.lc-rich-text-editor__rich{padding:var(--lc-density-padding-md, var(--spacing-4));min-height:100%;outline:none;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__rich--empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);opacity:.6;pointer-events:none}.lc-rich-text-editor__rich h1,.lc-rich-text-editor__rich h2,.lc-rich-text-editor__rich h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold);color:var(--color-text-primary)}.lc-rich-text-editor__rich h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__rich h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__rich h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__rich p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich ul,.lc-rich-text-editor__rich ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__rich blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__rich code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__rich pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto;margin:var(--spacing-3) 0}.lc-rich-text-editor__rich pre code{background:none;padding:0}.lc-rich-text-editor__rich a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__rich hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__rich img{max-width:100%;border-radius:var(--border-radius-md)}.lc-rich-text-editor__textarea{width:100%;height:100%;min-height:inherit;border:none;outline:none;resize:vertical;padding:var(--lc-density-padding-md, var(--spacing-4));font-family:var(--typography-font-family-mono, monospace);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary);background-color:var(--color-surface);tab-size:2}.lc-rich-text-editor__split{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:inherit}.lc-rich-text-editor__split-editor{border-right:1px solid var(--color-divider);min-height:inherit;resize:none}.lc-rich-text-editor__split-preview{padding:var(--lc-density-padding-md, var(--spacing-4));overflow-y:auto;font-size:var(--typography-font-size-base);line-height:var(--typography-line-height-relaxed, 1.7);color:var(--color-text-primary)}.lc-rich-text-editor__split-preview h1,.lc-rich-text-editor__split-preview h2,.lc-rich-text-editor__split-preview h3{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2);font-weight:var(--typography-font-weight-bold)}.lc-rich-text-editor__split-preview h1{font-size:var(--typography-font-size-2xl)}.lc-rich-text-editor__split-preview h2{font-size:var(--typography-font-size-xl)}.lc-rich-text-editor__split-preview h3{font-size:var(--typography-font-size-lg)}.lc-rich-text-editor__split-preview p{margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview ul,.lc-rich-text-editor__split-preview ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-3)}.lc-rich-text-editor__split-preview blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-3) 0;color:var(--color-text-secondary);font-style:italic}.lc-rich-text-editor__split-preview code{background-color:var(--color-surface-hover);padding:2px var(--spacing-1);border-radius:var(--border-radius-sm);font-family:var(--typography-font-family-mono, monospace);font-size:.9em}.lc-rich-text-editor__split-preview pre{background-color:var(--color-surface-hover);padding:var(--spacing-3);border-radius:var(--border-radius-md);overflow-x:auto}.lc-rich-text-editor__split-preview pre code{background:none;padding:0}.lc-rich-text-editor__split-preview a{color:var(--color-primary);text-decoration:underline}.lc-rich-text-editor__split-preview hr{border:none;border-top:1px solid var(--color-divider);margin:var(--spacing-4) 0}.lc-rich-text-editor__footer{display:flex;justify-content:flex-end;gap:var(--lc-density-gap-md, var(--spacing-4));padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));border-top:1px solid var(--color-divider);font-size:var(--typography-font-size-xs);color:var(--color-text-secondary)}@media(forced-colors:active){.lc-rich-text-editor__toolbar-btn:focus-visible,.lc-rich-text-editor__mode-btn:focus-visible{outline-color:Highlight}.lc-rich-text-editor__mode-btn[aria-pressed=true]{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:Highlight}.lc-rich-text-editor:has(.lc-rich-text-editor__rich:focus-visible,.lc-rich-text-editor__textarea:focus-visible){border-color:Highlight;outline-color:Highlight}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],

package/fesm2022/lifecorner-angular-ui-kit-rich-text-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lifecorner-angular-ui-kit-rich-text-editor.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/rich-text-editor/rich-text-editor.component.ts","../../../../libs/angular-ui-kit/src/lib/rich-text-editor/rich-text-editor.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ElementRef,\n  SecurityContext,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  linkedSignal,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { isSafeImageUrl, isSafeLinkUrl } from '@lifecorner/angular-ui-kit/internal/url';\nimport { nameWithText } from '@lifecorner/angular-ui-kit/internal/a11y';\n\nexport type RichTextEditorMode = 'rich' | 'markdown' | 'split';\nexport type ToolbarAction =\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strikethrough'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'ul'\n  | 'ol'\n  | 'blockquote'\n  | 'code'\n  | 'codeblock'\n  | 'link'\n  | 'image'\n  | 'hr';\n\nexport interface ToolbarConfig {\n  actions: ToolbarAction[];\n}\n\nconst HTML_ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n};\n\n/** Escapes text for HTML — every character that could open a tag or an attribute. */\nfunction escapeHtml(text: string): string {\n  return text.replace(/[&<>\"']/g, (c) => HTML_ESCAPES[c]);\n}\n\n/**\n * The URL as it may go into `href`/`src`, or null if it must not: only relative\n * URLs and the allow-listed schemes pass (see `safe-url.ts`), so a link in\n * user-supplied markdown can never run script when clicked.\n */\nfunction safeUrl(url: string, image = false): string | null {\n  const value = url.trim();\n  if (!value) return null;\n  return (image ? isSafeImageUrl(value) : isSafeLinkUrl(value)) ? value : null;\n}\n\nconst DEFAULT_TOOLBAR: ToolbarConfig = {\n  actions: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    'h1',\n    'h2',\n    'h3',\n    'ul',\n    'ol',\n    'blockquote',\n    'code',\n    'codeblock',\n    'link',\n    'hr',\n  ],\n};\n\n/**\n * Rich Text Editor with Markdown support.\n *\n * Supports three modes:\n * - `rich`: WYSIWYG editing with toolbar\n * - `markdown`: Raw markdown editing with syntax highlighting\n * - `split`: Side-by-side markdown and preview\n *\n * Implements ControlValueAccessor for reactive form integration.\n * The value is always stored as Markdown.\n *\n * The built-in markdown → HTML conversion escapes the source before it applies\n * any markup and only lets http(s)/mailto/tel and relative URLs through as\n * links, so markdown that arrives from a server or another user cannot inject\n * markup or script. The result is additionally run through Angular's HTML\n * sanitizer before it reaches the DOM.\n *\n * @example\n * ```html\n * <lc-rich-text-editor\n *   [(ngModel)]=\"content\"\n *   mode=\"split\"\n *   placeholder=\"Write something...\" />\n * ```\n */\n@Component({\n  selector: 'lc-rich-text-editor',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './rich-text-editor.component.html',\n  styleUrl: './rich-text-editor.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => RichTextEditorComponent),\n      multi: true,\n    },\n  ],\n})\nexport class RichTextEditorComponent implements ControlValueAccessor {\n  /** Editor mode */\n  mode = input<RichTextEditorMode>('rich');\n\n  /** Placeholder text */\n  placeholder = input<string>('Start typing...');\n\n  /** Minimum height in px */\n  minHeight = input<number>(200);\n\n  /** Maximum height in px (0 = unlimited) */\n  maxHeight = input<number>(0);\n\n  /** Whether the editor is disabled */\n  disabled = input<boolean>(false);\n\n  /** Whether the editor is readonly */\n  readonly = input<boolean>(false);\n\n  /** Toolbar configuration */\n  toolbar = input<ToolbarConfig>(DEFAULT_TOOLBAR);\n\n  /** Whether to show word count */\n  showWordCount = input<boolean>(true);\n\n  /**\n   * Tooltips and accessible names of the toolbar actions, by action\n   * (`{ bold: 'Fett' }`); missing ones keep the English default. A visible\n   * button label with letters or digits that the title doesn't contain is\n   * appended (`Heading 1, H1`, WCAG 2.5.3 Label in Name).\n   * @default {}\n   */\n  actionTitles = input<Partial<Record<ToolbarAction, string>>>({});\n\n  /** Label of the rich-text mode button. */\n  richModeLabel = input('Rich');\n\n  /** Tooltip of the rich-text mode button. */\n  richModeTitle = input('Rich Text');\n\n  /** Label of the Markdown mode button. */\n  markdownModeLabel = input('MD');\n\n  /** Tooltip of the Markdown mode button. */\n  markdownModeTitle = input('Markdown');\n\n  /** Label of the split-view mode button. */\n  splitModeLabel = input('Split');\n\n  /** Tooltip of the split-view mode button. */\n  splitModeTitle = input('Split View');\n\n  /** Accessible name of the Markdown text area. */\n  markdownEditorAriaLabel = input('Markdown editor');\n\n  /** Unit after the word count (`showWordCount`). */\n  wordsLabel = input('words');\n\n  /** Unit after the character count (`showWordCount`). */\n  charactersLabel = input('characters');\n\n  /** Emitted on every content change */\n  readonly contentChange = output<string>();\n\n  private readonly editorArea = viewChild<ElementRef<HTMLTextAreaElement>>('editorArea');\n  private readonly richArea = viewChild<ElementRef<HTMLDivElement>>('richArea');\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /** Internal markdown value */\n  protected markdown = signal('');\n\n  /** Current active mode: follows the `mode` input until the user toggles it. */\n  protected activeMode = linkedSignal<RichTextEditorMode>(() => this.mode());\n\n  /** Disabled through the form control (`setDisabledState`), as opposed to the input. */\n  private readonly formDisabled = signal(false);\n\n  /** Disabled by either route — the one flag the template consults. */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  /** Whether the content can currently be edited at all. */\n  protected readonly editable = computed(() => !this.isDisabled() && !this.readonly());\n\n  /** Word count */\n  protected wordCount = computed(() => {\n    const text = this.markdown().trim();\n    if (!text) return 0;\n    return text.split(/\\s+/).length;\n  });\n\n  /** Character count */\n  protected charCount = computed(() => this.markdown().length);\n\n  /**\n   * Rendered HTML from markdown — escaped by the converter and, on top of that,\n   * passed through Angular's HTML sanitizer, so it is safe to assign to\n   * `innerHTML` directly.\n   */\n  protected renderedHtml = computed(() => this.sanitizeHtml(this.markdownToHtml(this.markdown())));\n\n  // CVA\n  private onChange: (value: string) => void = () => { /* set by registerOnChange */ };\n  private onTouched: () => void = () => { /* set by registerOnTouched */ };\n\n  constructor() {\n    // The rich area lives inside an `@switch`, so it comes and goes with the\n    // mode. Whenever it (re)appears, it starts empty and has to be filled from\n    // the markdown — including the very first time, which is after any\n    // `writeValue` a form control performs before the view exists. Only the\n    // element's presence is tracked: re-rendering on every markdown change would\n    // wipe the caret while the user types in it.\n    effect(() => {\n      const el = this.richArea()?.nativeElement;\n      if (el) untracked(() => this.renderRich(el));\n    });\n  }\n\n  // -- ControlValueAccessor --\n  writeValue(value: string | null | undefined): void {\n    this.markdown.set(value || '');\n    const el = this.richArea()?.nativeElement;\n    if (el) this.renderRich(el);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n\n  // -- Mode switching --\n  protected switchMode(mode: RichTextEditorMode): void {\n    if (this.activeMode() === 'rich' && mode !== 'rich') {\n      // Sync rich content to markdown before the rich area is torn down.\n      const el = this.richArea()?.nativeElement;\n      if (el) this.markdown.set(this.htmlToMarkdown(el.innerHTML));\n    }\n    // Entering rich mode: the effect in the constructor renders the markdown\n    // into the freshly created rich area.\n    this.activeMode.set(mode);\n  }\n\n  // -- Toolbar actions --\n  protected onToolbarAction(action: ToolbarAction): void {\n    if (!this.editable()) return;\n\n    if (this.activeMode() === 'rich') {\n      this.execRichCommand(action);\n    } else {\n      this.insertMarkdownSyntax(action);\n    }\n  }\n\n  private execRichCommand(action: ToolbarAction): void {\n    switch (action) {\n      case 'bold':\n        document.execCommand('bold');\n        break;\n      case 'italic':\n        document.execCommand('italic');\n        break;\n      case 'underline':\n        document.execCommand('underline');\n        break;\n      case 'strikethrough':\n        document.execCommand('strikeThrough');\n        break;\n      case 'h1':\n        document.execCommand('formatBlock', false, 'h1');\n        break;\n      case 'h2':\n        document.execCommand('formatBlock', false, 'h2');\n        break;\n      case 'h3':\n        document.execCommand('formatBlock', false, 'h3');\n        break;\n      case 'ul':\n        document.execCommand('insertUnorderedList');\n        break;\n      case 'ol':\n        document.execCommand('insertOrderedList');\n        break;\n      case 'blockquote':\n        document.execCommand('formatBlock', false, 'blockquote');\n        break;\n      case 'code':\n        document.execCommand('insertHTML', false, '<code>' + this.getSelection() + '</code>');\n        break;\n      case 'codeblock':\n        document.execCommand('insertHTML', false, '<pre><code>' + this.getSelection() + '</code></pre>');\n        break;\n      case 'link': {\n        const url = prompt('Enter URL:');\n        if (url) document.execCommand('createLink', false, url);\n        break;\n      }\n      case 'hr':\n        document.execCommand('insertHorizontalRule');\n        break;\n    }\n    this.syncFromRich();\n  }\n\n  private insertMarkdownSyntax(action: ToolbarAction): void {\n    const textarea = this.editorArea()?.nativeElement;\n    if (!textarea) return;\n\n    const start = textarea.selectionStart;\n    const end = textarea.selectionEnd;\n    const text = this.markdown();\n    const selected = text.substring(start, end);\n\n    let insertion = '';\n    let cursorOffset = 0;\n\n    switch (action) {\n      case 'bold':\n        insertion = `**${selected || 'bold text'}**`;\n        cursorOffset = selected ? insertion.length : 2;\n        break;\n      case 'italic':\n        insertion = `*${selected || 'italic text'}*`;\n        cursorOffset = selected ? insertion.length : 1;\n        break;\n      case 'underline':\n        insertion = `<u>${selected || 'underlined text'}</u>`;\n        cursorOffset = selected ? insertion.length : 3;\n        break;\n      case 'strikethrough':\n        insertion = `~~${selected || 'strikethrough'}~~`;\n        cursorOffset = selected ? insertion.length : 2;\n        break;\n      case 'h1':\n        insertion = `# ${selected || 'Heading 1'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'h2':\n        insertion = `## ${selected || 'Heading 2'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'h3':\n        insertion = `### ${selected || 'Heading 3'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'ul':\n        insertion = `- ${selected || 'List item'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'ol':\n        insertion = `1. ${selected || 'List item'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'blockquote':\n        insertion = `> ${selected || 'Quote'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'code':\n        insertion = `\\`${selected || 'code'}\\``;\n        cursorOffset = selected ? insertion.length : 1;\n        break;\n      case 'codeblock':\n        insertion = `\\`\\`\\`\\n${selected || 'code'}\\n\\`\\`\\``;\n        cursorOffset = 4;\n        break;\n      case 'link':\n        insertion = `[${selected || 'link text'}](url)`;\n        cursorOffset = selected ? insertion.length - 5 : 1;\n        break;\n      case 'image':\n        insertion = `![${selected || 'alt text'}](url)`;\n        cursorOffset = selected ? insertion.length - 5 : 2;\n        break;\n      case 'hr':\n        insertion = `\\n---\\n`;\n        cursorOffset = insertion.length;\n        break;\n    }\n\n    const newText = text.substring(0, start) + insertion + text.substring(end);\n    this.markdown.set(newText);\n    this.emitChange(newText);\n\n    setTimeout(() => {\n      textarea.focus();\n      textarea.setSelectionRange(start + cursorOffset, start + cursorOffset);\n    });\n  }\n\n  // -- Content input handlers --\n  protected onMarkdownInput(event: Event): void {\n    const value = (event.target as HTMLTextAreaElement).value;\n    this.markdown.set(value);\n    this.emitChange(value);\n  }\n\n  protected onRichInput(): void {\n    this.syncFromRich();\n  }\n\n  protected onBlur(): void {\n    this.onTouched();\n  }\n\n  private syncFromRich(): void {\n    const el = this.richArea()?.nativeElement;\n    if (!el) return;\n    const md = this.htmlToMarkdown(el.innerHTML);\n    this.markdown.set(md);\n    this.emitChange(md);\n  }\n\n  /** Puts the current markdown into the rich area, as sanitised HTML. */\n  private renderRich(el: HTMLDivElement): void {\n    el.innerHTML = this.renderedHtml();\n  }\n\n  /**\n   * Angular's HTML sanitizer, as the last line of defence behind the escaping\n   * `markdownToHtml` does itself: whatever it might miss, this strips.\n   */\n  private sanitizeHtml(html: string): string {\n    return this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '';\n  }\n\n  private emitChange(value: string): void {\n    this.onChange(value);\n    this.contentChange.emit(value);\n  }\n\n  private getSelection(): string {\n    return window.getSelection()?.toString() || '';\n  }\n\n  // -- Toolbar label helpers --\n  protected getActionLabel(action: ToolbarAction): string {\n    const labels: Record<ToolbarAction, string> = {\n      bold: 'B',\n      italic: 'I',\n      underline: 'U',\n      strikethrough: 'S',\n      h1: 'H1',\n      h2: 'H2',\n      h3: 'H3',\n      ul: '•',\n      ol: '1.',\n      blockquote: '\"',\n      code: '<>',\n      codeblock: '{ }',\n      link: '🔗',\n      image: '🖼',\n      hr: '—',\n    };\n    return labels[action] || action;\n  }\n\n  protected getActionTitle(action: ToolbarAction): string {\n    const titles: Record<ToolbarAction, string> = {\n      bold: 'Bold',\n      italic: 'Italic',\n      underline: 'Underline',\n      strikethrough: 'Strikethrough',\n      h1: 'Heading 1',\n      h2: 'Heading 2',\n      h3: 'Heading 3',\n      ul: 'Unordered List',\n      ol: 'Ordered List',\n      blockquote: 'Blockquote',\n      code: 'Inline Code',\n      codeblock: 'Code Block',\n      link: 'Insert Link',\n      image: 'Insert Image',\n      hr: 'Horizontal Rule',\n    };\n    return this.actionTitles()[action] || titles[action] || action;\n  }\n\n  /**\n   * Tooltip and accessible name of a toolbar button (AS-33, WCAG 2.5.3 Label\n   * in Name): the title, then the visible label when it has letters or digits\n   * the title doesn't contain (`Heading 1, H1`). Symbol labels keep the title.\n   */\n  protected getActionName(action: ToolbarAction): string {\n    return nameWithText(this.getActionTitle(action), this.getActionLabel(action));\n  }\n\n  // -- Markdown <-> HTML conversion (simple built-in) --\n  /**\n   * Converts the editor's markdown subset to HTML. The source is HTML-escaped\n   * *first*, so nothing in it can open a tag or an attribute; the conversions\n   * below then only ever add markup of their own. Raw HTML in the markdown is\n   * therefore shown as text — with one exception, `<u>`, which the toolbar's\n   * underline action emits (markdown has no underline) and which is let back\n   * through in escaped form only.\n   */\n  protected markdownToHtml(md: string): string {\n    if (!md) return '';\n\n    let html = escapeHtml(md);\n\n    // Code blocks (must be first)\n    html = html.replace(/```(\\w*)\\n([\\s\\S]*?)```/g, '<pre><code class=\"language-$1\">$2</code></pre>');\n\n    // Headings\n    html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');\n    html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');\n    html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');\n\n    // Horizontal rule\n    html = html.replace(/^---$/gm, '<hr>');\n\n    // Bold/Italic\n    html = html.replace(/\\*\\*\\*(.+?)\\*\\*\\*/g, '<strong><em>$1</em></strong>');\n    html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n    html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');\n    html = html.replace(/~~(.+?)~~/g, '<del>$1</del>');\n\n    // Underline: the one raw tag the editor itself writes into the markdown.\n    html = html.replace(/&lt;u&gt;(.+?)&lt;\\/u&gt;/g, '<u>$1</u>');\n\n    // Inline code\n    html = html.replace(/`(.+?)`/g, '<code>$1</code>');\n\n    // Links and images. Only safe URLs become attributes; anything else is\n    // shown as its text — a `javascript:` link that just isn't a link is far\n    // better than one that runs. Quotes are already escaped (see above), so\n    // the URL cannot break out of the attribute either.\n    html = html.replace(/!\\[(.+?)\\]\\((.+?)\\)/g, (_m, alt: string, src: string) => {\n      const url = safeUrl(src, true);\n      return url ? `<img alt=\"${alt}\" src=\"${url}\" />` : alt;\n    });\n    html = html.replace(/\\[(.+?)\\]\\((.+?)\\)/g, (_m, text: string, href: string) => {\n      const url = safeUrl(href);\n      return url ? `<a href=\"${url}\">${text}</a>` : text;\n    });\n\n    // Blockquotes — the marker is `&gt;` by now, the source having been escaped.\n    html = html.replace(/^&gt; (.+)$/gm, '<blockquote>$1</blockquote>');\n\n    // Unordered lists\n    html = html.replace(/^- (.+)$/gm, '<li>$1</li>');\n    html = html.replace(/(<li>.*<\\/li>\\n?)+/g, '<ul>$&</ul>');\n\n    // Ordered lists\n    html = html.replace(/^\\d+\\. (.+)$/gm, '<li>$1</li>');\n\n    // Paragraphs (lines that aren't already wrapped)\n    html = html.replace(/^(?!<[a-z])((?!^\\s*$).+)$/gm, '<p>$1</p>');\n\n    // Clean up empty paragraphs\n    html = html.replace(/<p>\\s*<\\/p>/g, '');\n\n    return html.trim();\n  }\n\n  private htmlToMarkdown(html: string): string {\n    if (!html) return '';\n\n    let md = html;\n\n    // Block elements\n    md = md.replace(/<h1[^>]*>(.*?)<\\/h1>/gi, '# $1\\n');\n    md = md.replace(/<h2[^>]*>(.*?)<\\/h2>/gi, '## $1\\n');\n    md = md.replace(/<h3[^>]*>(.*?)<\\/h3>/gi, '### $1\\n');\n    md = md.replace(/<hr\\s*\\/?>/gi, '---\\n');\n    md = md.replace(/<blockquote[^>]*>(.*?)<\\/blockquote>/gi, '> $1\\n');\n    md = md.replace(/<pre><code[^>]*>([\\s\\S]*?)<\\/code><\\/pre>/gi, '```\\n$1\\n```\\n');\n\n    // Lists\n    md = md.replace(/<ul[^>]*>([\\s\\S]*?)<\\/ul>/gi, '$1');\n    md = md.replace(/<ol[^>]*>([\\s\\S]*?)<\\/ol>/gi, '$1');\n    md = md.replace(/<li[^>]*>(.*?)<\\/li>/gi, '- $1\\n');\n\n    // Inline\n    md = md.replace(/<strong[^>]*>(.*?)<\\/strong>/gi, '**$1**');\n    md = md.replace(/<b[^>]*>(.*?)<\\/b>/gi, '**$1**');\n    md = md.replace(/<em[^>]*>(.*?)<\\/em>/gi, '*$1*');\n    md = md.replace(/<i[^>]*>(.*?)<\\/i>/gi, '*$1*');\n    md = md.replace(/<del[^>]*>(.*?)<\\/del>/gi, '~~$1~~');\n    md = md.replace(/<u[^>]*>(.*?)<\\/u>/gi, '<u>$1</u>');\n    md = md.replace(/<code[^>]*>(.*?)<\\/code>/gi, '`$1`');\n    md = md.replace(/<a[^>]*href=\"([^\"]*)\"[^>]*>(.*?)<\\/a>/gi, '[$2]($1)');\n    md = md.replace(/<img[^>]*alt=\"([^\"]*)\"[^>]*src=\"([^\"]*)\"[^>]*\\/?>/gi, '![$1]($2)');\n\n    // Paragraphs and line breaks\n    md = md.replace(/<p[^>]*>(.*?)<\\/p>/gi, '$1\\n\\n');\n    md = md.replace(/<br\\s*\\/?>/gi, '\\n');\n    md = md.replace(/<div[^>]*>(.*?)<\\/div>/gi, '$1\\n');\n\n    // Strip remaining HTML tags\n    md = md.replace(/<[^>]+>/g, '');\n\n    // Decode HTML entities\n    md = md.replace(/&amp;/g, '&');\n    md = md.replace(/&lt;/g, '<');\n    md = md.replace(/&gt;/g, '>');\n    md = md.replace(/&quot;/g, '\"');\n    md = md.replace(/&nbsp;/g, ' ');\n\n    // Normalize whitespace\n    md = md.replace(/\\n{3,}/g, '\\n\\n');\n\n    return md.trim();\n  }\n}\n","<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n"],"mappings":"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"}
+{"version":3,"file":"lifecorner-angular-ui-kit-rich-text-editor.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/rich-text-editor/rich-text-editor.component.ts","../../../../libs/angular-ui-kit/src/lib/rich-text-editor/rich-text-editor.component.html"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ElementRef,\n  SecurityContext,\n  computed,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  linkedSignal,\n  output,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { isSafeImageUrl, isSafeLinkUrl } from '@lifecorner/angular-ui-kit/internal/url';\nimport { nameWithText } from '@lifecorner/angular-ui-kit/internal/a11y';\n\nexport type RichTextEditorMode = 'rich' | 'markdown' | 'split';\nexport type ToolbarAction =\n  | 'bold'\n  | 'italic'\n  | 'underline'\n  | 'strikethrough'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'ul'\n  | 'ol'\n  | 'blockquote'\n  | 'code'\n  | 'codeblock'\n  | 'link'\n  | 'image'\n  | 'hr';\n\nexport interface ToolbarConfig {\n  actions: ToolbarAction[];\n}\n\nconst HTML_ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n};\n\n/** Escapes text for HTML — every character that could open a tag or an attribute. */\nfunction escapeHtml(text: string): string {\n  return text.replace(/[&<>\"']/g, (c) => HTML_ESCAPES[c]);\n}\n\n/**\n * The URL as it may go into `href`/`src`, or null if it must not: only relative\n * URLs and the allow-listed schemes pass (see `safe-url.ts`), so a link in\n * user-supplied markdown can never run script when clicked.\n */\nfunction safeUrl(url: string, image = false): string | null {\n  const value = url.trim();\n  if (!value) return null;\n  return (image ? isSafeImageUrl(value) : isSafeLinkUrl(value)) ? value : null;\n}\n\nconst DEFAULT_TOOLBAR: ToolbarConfig = {\n  actions: [\n    'bold',\n    'italic',\n    'underline',\n    'strikethrough',\n    'h1',\n    'h2',\n    'h3',\n    'ul',\n    'ol',\n    'blockquote',\n    'code',\n    'codeblock',\n    'link',\n    'hr',\n  ],\n};\n\n/**\n * Rich Text Editor with Markdown support.\n *\n * Supports three modes:\n * - `rich`: WYSIWYG editing with toolbar\n * - `markdown`: Raw markdown editing with syntax highlighting\n * - `split`: Side-by-side markdown and preview\n *\n * Implements ControlValueAccessor for reactive form integration.\n * The value is always stored as Markdown.\n *\n * The built-in markdown → HTML conversion escapes the source before it applies\n * any markup and only lets http(s)/mailto/tel and relative URLs through as\n * links, so markdown that arrives from a server or another user cannot inject\n * markup or script. The result is additionally run through Angular's HTML\n * sanitizer before it reaches the DOM.\n *\n * @example\n * ```html\n * <lc-rich-text-editor\n *   [(ngModel)]=\"content\"\n *   mode=\"split\"\n *   placeholder=\"Write something...\" />\n * ```\n */\n@Component({\n  selector: 'lc-rich-text-editor',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './rich-text-editor.component.html',\n  styleUrl: './rich-text-editor.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => RichTextEditorComponent),\n      multi: true,\n    },\n  ],\n})\nexport class RichTextEditorComponent implements ControlValueAccessor {\n  /** Editor mode */\n  mode = input<RichTextEditorMode>('rich');\n\n  /** Placeholder text */\n  placeholder = input<string>('Start typing...');\n\n  /** Minimum height in px */\n  minHeight = input<number>(200);\n\n  /** Maximum height in px (0 = unlimited) */\n  maxHeight = input<number>(0);\n\n  /** Whether the editor is disabled */\n  disabled = input<boolean>(false);\n\n  /** Whether the editor is readonly */\n  readonly = input<boolean>(false);\n\n  /** Toolbar configuration */\n  toolbar = input<ToolbarConfig>(DEFAULT_TOOLBAR);\n\n  /** Whether to show word count */\n  showWordCount = input<boolean>(true);\n\n  /**\n   * Tooltips and accessible names of the toolbar actions, by action\n   * (`{ bold: 'Fett' }`); missing ones keep the English default. A visible\n   * button label with letters or digits that the title doesn't contain is\n   * appended (`Heading 1, H1`, WCAG 2.5.3 Label in Name).\n   * @default {}\n   */\n  actionTitles = input<Partial<Record<ToolbarAction, string>>>({});\n\n  /** Label of the rich-text mode button. */\n  richModeLabel = input('Rich');\n\n  /** Tooltip of the rich-text mode button. */\n  richModeTitle = input('Rich Text');\n\n  /** Label of the Markdown mode button. */\n  markdownModeLabel = input('MD');\n\n  /** Tooltip of the Markdown mode button. */\n  markdownModeTitle = input('Markdown');\n\n  /** Label of the split-view mode button. */\n  splitModeLabel = input('Split');\n\n  /** Tooltip of the split-view mode button. */\n  splitModeTitle = input('Split View');\n\n  /** Accessible name of the Markdown text area. */\n  markdownEditorAriaLabel = input('Markdown editor');\n\n  /** Unit after the word count (`showWordCount`). */\n  wordsLabel = input('words');\n\n  /** Unit after the character count (`showWordCount`). */\n  charactersLabel = input('characters');\n\n  /** Emitted on every content change */\n  readonly contentChange = output<string>();\n\n  private readonly editorArea = viewChild<ElementRef<HTMLTextAreaElement>>('editorArea');\n  private readonly richArea = viewChild<ElementRef<HTMLDivElement>>('richArea');\n  private readonly sanitizer = inject(DomSanitizer);\n\n  /** Internal markdown value */\n  protected markdown = signal('');\n\n  /** Current active mode: follows the `mode` input until the user toggles it. */\n  protected activeMode = linkedSignal<RichTextEditorMode>(() => this.mode());\n\n  /** Disabled through the form control (`setDisabledState`), as opposed to the input. */\n  private readonly formDisabled = signal(false);\n\n  /** Disabled by either route — the one flag the template consults. */\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  /** Whether the content can currently be edited at all. */\n  protected readonly editable = computed(() => !this.isDisabled() && !this.readonly());\n\n  /** Word count */\n  protected wordCount = computed(() => {\n    const text = this.markdown().trim();\n    if (!text) return 0;\n    return text.split(/\\s+/).length;\n  });\n\n  /** Character count */\n  protected charCount = computed(() => this.markdown().length);\n\n  /**\n   * Rendered HTML from markdown — escaped by the converter and, on top of that,\n   * passed through Angular's HTML sanitizer, so it is safe to assign to\n   * `innerHTML` directly.\n   */\n  protected renderedHtml = computed(() => this.sanitizeHtml(this.markdownToHtml(this.markdown())));\n\n  // CVA\n  private onChange: (value: string) => void = () => { /* set by registerOnChange */ };\n  private onTouched: () => void = () => { /* set by registerOnTouched */ };\n\n  constructor() {\n    // The rich area lives inside an `@switch`, so it comes and goes with the\n    // mode. Whenever it (re)appears, it starts empty and has to be filled from\n    // the markdown — including the very first time, which is after any\n    // `writeValue` a form control performs before the view exists. Only the\n    // element's presence is tracked: re-rendering on every markdown change would\n    // wipe the caret while the user types in it.\n    effect(() => {\n      const el = this.richArea()?.nativeElement;\n      if (el) untracked(() => this.renderRich(el));\n    });\n  }\n\n  // -- ControlValueAccessor --\n  writeValue(value: string | null | undefined): void {\n    this.markdown.set(value || '');\n    const el = this.richArea()?.nativeElement;\n    if (el) this.renderRich(el);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n\n  // -- Mode switching --\n  protected switchMode(mode: RichTextEditorMode): void {\n    if (this.activeMode() === 'rich' && mode !== 'rich') {\n      // Sync rich content to markdown before the rich area is torn down.\n      const el = this.richArea()?.nativeElement;\n      if (el) this.markdown.set(this.htmlToMarkdown(el.innerHTML));\n    }\n    // Entering rich mode: the effect in the constructor renders the markdown\n    // into the freshly created rich area.\n    this.activeMode.set(mode);\n  }\n\n  // -- Toolbar actions --\n  protected onToolbarAction(action: ToolbarAction): void {\n    if (!this.editable()) return;\n\n    if (this.activeMode() === 'rich') {\n      this.execRichCommand(action);\n    } else {\n      this.insertMarkdownSyntax(action);\n    }\n  }\n\n  private execRichCommand(action: ToolbarAction): void {\n    switch (action) {\n      case 'bold':\n        document.execCommand('bold');\n        break;\n      case 'italic':\n        document.execCommand('italic');\n        break;\n      case 'underline':\n        document.execCommand('underline');\n        break;\n      case 'strikethrough':\n        document.execCommand('strikeThrough');\n        break;\n      case 'h1':\n        document.execCommand('formatBlock', false, 'h1');\n        break;\n      case 'h2':\n        document.execCommand('formatBlock', false, 'h2');\n        break;\n      case 'h3':\n        document.execCommand('formatBlock', false, 'h3');\n        break;\n      case 'ul':\n        document.execCommand('insertUnorderedList');\n        break;\n      case 'ol':\n        document.execCommand('insertOrderedList');\n        break;\n      case 'blockquote':\n        document.execCommand('formatBlock', false, 'blockquote');\n        break;\n      case 'code':\n        document.execCommand('insertHTML', false, '<code>' + this.getSelection() + '</code>');\n        break;\n      case 'codeblock':\n        document.execCommand('insertHTML', false, '<pre><code>' + this.getSelection() + '</code></pre>');\n        break;\n      case 'link': {\n        const url = prompt('Enter URL:');\n        if (url) document.execCommand('createLink', false, url);\n        break;\n      }\n      case 'hr':\n        document.execCommand('insertHorizontalRule');\n        break;\n    }\n    this.syncFromRich();\n  }\n\n  private insertMarkdownSyntax(action: ToolbarAction): void {\n    const textarea = this.editorArea()?.nativeElement;\n    if (!textarea) return;\n\n    const start = textarea.selectionStart;\n    const end = textarea.selectionEnd;\n    const text = this.markdown();\n    const selected = text.substring(start, end);\n\n    let insertion = '';\n    let cursorOffset = 0;\n\n    switch (action) {\n      case 'bold':\n        insertion = `**${selected || 'bold text'}**`;\n        cursorOffset = selected ? insertion.length : 2;\n        break;\n      case 'italic':\n        insertion = `*${selected || 'italic text'}*`;\n        cursorOffset = selected ? insertion.length : 1;\n        break;\n      case 'underline':\n        insertion = `<u>${selected || 'underlined text'}</u>`;\n        cursorOffset = selected ? insertion.length : 3;\n        break;\n      case 'strikethrough':\n        insertion = `~~${selected || 'strikethrough'}~~`;\n        cursorOffset = selected ? insertion.length : 2;\n        break;\n      case 'h1':\n        insertion = `# ${selected || 'Heading 1'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'h2':\n        insertion = `## ${selected || 'Heading 2'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'h3':\n        insertion = `### ${selected || 'Heading 3'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'ul':\n        insertion = `- ${selected || 'List item'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'ol':\n        insertion = `1. ${selected || 'List item'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'blockquote':\n        insertion = `> ${selected || 'Quote'}`;\n        cursorOffset = insertion.length;\n        break;\n      case 'code':\n        insertion = `\\`${selected || 'code'}\\``;\n        cursorOffset = selected ? insertion.length : 1;\n        break;\n      case 'codeblock':\n        insertion = `\\`\\`\\`\\n${selected || 'code'}\\n\\`\\`\\``;\n        cursorOffset = 4;\n        break;\n      case 'link':\n        insertion = `[${selected || 'link text'}](url)`;\n        cursorOffset = selected ? insertion.length - 5 : 1;\n        break;\n      case 'image':\n        insertion = `![${selected || 'alt text'}](url)`;\n        cursorOffset = selected ? insertion.length - 5 : 2;\n        break;\n      case 'hr':\n        insertion = `\\n---\\n`;\n        cursorOffset = insertion.length;\n        break;\n    }\n\n    const newText = text.substring(0, start) + insertion + text.substring(end);\n    this.markdown.set(newText);\n    this.emitChange(newText);\n\n    setTimeout(() => {\n      textarea.focus();\n      textarea.setSelectionRange(start + cursorOffset, start + cursorOffset);\n    });\n  }\n\n  // -- Content input handlers --\n  protected onMarkdownInput(event: Event): void {\n    const value = (event.target as HTMLTextAreaElement).value;\n    this.markdown.set(value);\n    this.emitChange(value);\n  }\n\n  protected onRichInput(): void {\n    this.syncFromRich();\n  }\n\n  protected onBlur(): void {\n    this.onTouched();\n  }\n\n  private syncFromRich(): void {\n    const el = this.richArea()?.nativeElement;\n    if (!el) return;\n    const md = this.htmlToMarkdown(el.innerHTML);\n    this.markdown.set(md);\n    this.emitChange(md);\n  }\n\n  /** Puts the current markdown into the rich area, as sanitised HTML. */\n  private renderRich(el: HTMLDivElement): void {\n    el.innerHTML = this.renderedHtml();\n  }\n\n  /**\n   * Angular's HTML sanitizer, as the last line of defence behind the escaping\n   * `markdownToHtml` does itself: whatever it might miss, this strips.\n   */\n  private sanitizeHtml(html: string): string {\n    return this.sanitizer.sanitize(SecurityContext.HTML, html) ?? '';\n  }\n\n  private emitChange(value: string): void {\n    this.onChange(value);\n    this.contentChange.emit(value);\n  }\n\n  private getSelection(): string {\n    return window.getSelection()?.toString() || '';\n  }\n\n  // -- Toolbar label helpers --\n  protected getActionLabel(action: ToolbarAction): string {\n    const labels: Record<ToolbarAction, string> = {\n      bold: 'B',\n      italic: 'I',\n      underline: 'U',\n      strikethrough: 'S',\n      h1: 'H1',\n      h2: 'H2',\n      h3: 'H3',\n      ul: '•',\n      ol: '1.',\n      blockquote: '\"',\n      code: '<>',\n      codeblock: '{ }',\n      link: '🔗',\n      image: '🖼',\n      hr: '—',\n    };\n    return labels[action] || action;\n  }\n\n  protected getActionTitle(action: ToolbarAction): string {\n    const titles: Record<ToolbarAction, string> = {\n      bold: 'Bold',\n      italic: 'Italic',\n      underline: 'Underline',\n      strikethrough: 'Strikethrough',\n      h1: 'Heading 1',\n      h2: 'Heading 2',\n      h3: 'Heading 3',\n      ul: 'Unordered List',\n      ol: 'Ordered List',\n      blockquote: 'Blockquote',\n      code: 'Inline Code',\n      codeblock: 'Code Block',\n      link: 'Insert Link',\n      image: 'Insert Image',\n      hr: 'Horizontal Rule',\n    };\n    return this.actionTitles()[action] || titles[action] || action;\n  }\n\n  /**\n   * Tooltip and accessible name of a toolbar button (AS-33, WCAG 2.5.3 Label\n   * in Name): the title, then the visible label when it has letters or digits\n   * the title doesn't contain (`Heading 1, H1`). Symbol labels keep the title.\n   */\n  protected getActionName(action: ToolbarAction): string {\n    return nameWithText(this.getActionTitle(action), this.getActionLabel(action));\n  }\n\n  // -- Markdown <-> HTML conversion (simple built-in) --\n  /**\n   * Converts the editor's markdown subset to HTML. The source is HTML-escaped\n   * *first*, so nothing in it can open a tag or an attribute; the conversions\n   * below then only ever add markup of their own. Raw HTML in the markdown is\n   * therefore shown as text — with one exception, `<u>`, which the toolbar's\n   * underline action emits (markdown has no underline) and which is let back\n   * through in escaped form only.\n   */\n  protected markdownToHtml(md: string): string {\n    if (!md) return '';\n\n    let html = escapeHtml(md);\n\n    // Code blocks (must be first)\n    html = html.replace(/```(\\w*)\\n([\\s\\S]*?)```/g, '<pre><code class=\"language-$1\">$2</code></pre>');\n\n    // Headings\n    html = html.replace(/^### (.+)$/gm, '<h3>$1</h3>');\n    html = html.replace(/^## (.+)$/gm, '<h2>$1</h2>');\n    html = html.replace(/^# (.+)$/gm, '<h1>$1</h1>');\n\n    // Horizontal rule\n    html = html.replace(/^---$/gm, '<hr>');\n\n    // Bold/Italic\n    html = html.replace(/\\*\\*\\*(.+?)\\*\\*\\*/g, '<strong><em>$1</em></strong>');\n    html = html.replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>');\n    html = html.replace(/\\*(.+?)\\*/g, '<em>$1</em>');\n    html = html.replace(/~~(.+?)~~/g, '<del>$1</del>');\n\n    // Underline: the one raw tag the editor itself writes into the markdown.\n    html = html.replace(/&lt;u&gt;(.+?)&lt;\\/u&gt;/g, '<u>$1</u>');\n\n    // Inline code\n    html = html.replace(/`(.+?)`/g, '<code>$1</code>');\n\n    // Links and images. Only safe URLs become attributes; anything else is\n    // shown as its text — a `javascript:` link that just isn't a link is far\n    // better than one that runs. Quotes are already escaped (see above), so\n    // the URL cannot break out of the attribute either.\n    html = html.replace(/!\\[(.+?)\\]\\((.+?)\\)/g, (_m, alt: string, src: string) => {\n      const url = safeUrl(src, true);\n      return url ? `<img alt=\"${alt}\" src=\"${url}\" />` : alt;\n    });\n    html = html.replace(/\\[(.+?)\\]\\((.+?)\\)/g, (_m, text: string, href: string) => {\n      const url = safeUrl(href);\n      return url ? `<a href=\"${url}\">${text}</a>` : text;\n    });\n\n    // Blockquotes — the marker is `&gt;` by now, the source having been escaped.\n    html = html.replace(/^&gt; (.+)$/gm, '<blockquote>$1</blockquote>');\n\n    // Unordered lists\n    html = html.replace(/^- (.+)$/gm, '<li>$1</li>');\n    html = html.replace(/(<li>.*<\\/li>\\n?)+/g, '<ul>$&</ul>');\n\n    // Ordered lists\n    html = html.replace(/^\\d+\\. (.+)$/gm, '<li>$1</li>');\n\n    // Paragraphs (lines that aren't already wrapped)\n    html = html.replace(/^(?!<[a-z])((?!^\\s*$).+)$/gm, '<p>$1</p>');\n\n    // Clean up empty paragraphs\n    html = html.replace(/<p>\\s*<\\/p>/g, '');\n\n    return html.trim();\n  }\n\n  private htmlToMarkdown(html: string): string {\n    if (!html) return '';\n\n    let md = html;\n\n    // Block elements\n    md = md.replace(/<h1[^>]*>(.*?)<\\/h1>/gi, '# $1\\n');\n    md = md.replace(/<h2[^>]*>(.*?)<\\/h2>/gi, '## $1\\n');\n    md = md.replace(/<h3[^>]*>(.*?)<\\/h3>/gi, '### $1\\n');\n    md = md.replace(/<hr\\s*\\/?>/gi, '---\\n');\n    md = md.replace(/<blockquote[^>]*>(.*?)<\\/blockquote>/gi, '> $1\\n');\n    md = md.replace(/<pre><code[^>]*>([\\s\\S]*?)<\\/code><\\/pre>/gi, '```\\n$1\\n```\\n');\n\n    // Lists\n    md = md.replace(/<ul[^>]*>([\\s\\S]*?)<\\/ul>/gi, '$1');\n    md = md.replace(/<ol[^>]*>([\\s\\S]*?)<\\/ol>/gi, '$1');\n    md = md.replace(/<li[^>]*>(.*?)<\\/li>/gi, '- $1\\n');\n\n    // Inline\n    md = md.replace(/<strong[^>]*>(.*?)<\\/strong>/gi, '**$1**');\n    md = md.replace(/<b[^>]*>(.*?)<\\/b>/gi, '**$1**');\n    md = md.replace(/<em[^>]*>(.*?)<\\/em>/gi, '*$1*');\n    md = md.replace(/<i[^>]*>(.*?)<\\/i>/gi, '*$1*');\n    md = md.replace(/<del[^>]*>(.*?)<\\/del>/gi, '~~$1~~');\n    md = md.replace(/<u[^>]*>(.*?)<\\/u>/gi, '<u>$1</u>');\n    md = md.replace(/<code[^>]*>(.*?)<\\/code>/gi, '`$1`');\n    md = md.replace(/<a[^>]*href=\"([^\"]*)\"[^>]*>(.*?)<\\/a>/gi, '[$2]($1)');\n    md = md.replace(/<img[^>]*alt=\"([^\"]*)\"[^>]*src=\"([^\"]*)\"[^>]*\\/?>/gi, '![$1]($2)');\n\n    // Paragraphs and line breaks\n    md = md.replace(/<p[^>]*>(.*?)<\\/p>/gi, '$1\\n\\n');\n    md = md.replace(/<br\\s*\\/?>/gi, '\\n');\n    md = md.replace(/<div[^>]*>(.*?)<\\/div>/gi, '$1\\n');\n\n    // Strip remaining HTML tags\n    md = md.replace(/<[^>]+>/g, '');\n\n    // Decode HTML entities\n    md = md.replace(/&amp;/g, '&');\n    md = md.replace(/&lt;/g, '<');\n    md = md.replace(/&gt;/g, '>');\n    md = md.replace(/&quot;/g, '\"');\n    md = md.replace(/&nbsp;/g, ' ');\n\n    // Normalize whitespace\n    md = md.replace(/\\n{3,}/g, '\\n\\n');\n\n    return md.trim();\n  }\n}\n","<div class=\"lc-rich-text-editor\" [class.lc-rich-text-editor--disabled]=\"isDisabled()\">\n  <!-- Toolbar -->\n  <div class=\"lc-rich-text-editor__toolbar\">\n    <div class=\"lc-rich-text-editor__toolbar-actions\">\n      @for (action of toolbar().actions; track action) {\n        <button\n          type=\"button\"\n          class=\"lc-rich-text-editor__toolbar-btn\"\n          [title]=\"getActionName(action)\"\n          [attr.aria-label]=\"getActionName(action)\"\n          [disabled]=\"!editable()\"\n          (click)=\"onToolbarAction(action)\"\n        >\n          {{ getActionLabel(action) }}\n        </button>\n      }\n    </div>\n    <div class=\"lc-rich-text-editor__toolbar-modes\">\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'rich'\"\n        [attr.aria-pressed]=\"activeMode() === 'rich'\"\n        (click)=\"switchMode('rich')\"\n        [attr.title]=\"richModeTitle()\"\n      >{{ richModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'markdown'\"\n        [attr.aria-pressed]=\"activeMode() === 'markdown'\"\n        (click)=\"switchMode('markdown')\"\n        [attr.title]=\"markdownModeTitle()\"\n      >{{ markdownModeLabel() }}</button>\n      <button\n        type=\"button\"\n        class=\"lc-rich-text-editor__mode-btn\"\n        [class.active]=\"activeMode() === 'split'\"\n        [attr.aria-pressed]=\"activeMode() === 'split'\"\n        (click)=\"switchMode('split')\"\n        [attr.title]=\"splitModeTitle()\"\n      >{{ splitModeLabel() }}</button>\n    </div>\n  </div>\n\n  <!-- Editor area -->\n  <div\n    class=\"lc-rich-text-editor__content\"\n    [style.min-height.px]=\"minHeight()\"\n    [style.max-height.px]=\"maxHeight() || null\"\n  >\n    @switch (activeMode()) {\n      @case ('rich') {\n        <!-- The rich area is filled from the markdown by the component (see the\n             constructor effect); it must never receive markup Angular hasn't\n             sanitised. `contenteditable` follows the disabled/readonly state —\n             a greyed-out toolbar alone would still let the user type. -->\n        <div\n          #richArea\n          class=\"lc-rich-text-editor__rich\"\n          [attr.contenteditable]=\"editable() ? 'true' : 'false'\"\n          [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n          [attr.aria-readonly]=\"readonly() && !isDisabled() ? 'true' : null\"\n          [attr.data-placeholder]=\"placeholder()\"\n          [class.lc-rich-text-editor__rich--empty]=\"!markdown()\"\n          (input)=\"onRichInput()\"\n          (blur)=\"onBlur()\"\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          [attr.aria-label]=\"placeholder()\"\n        ></div>\n      }\n      @case ('markdown') {\n        <textarea\n          #editorArea\n          class=\"lc-rich-text-editor__textarea\"\n          [placeholder]=\"placeholder()\"\n          [value]=\"markdown()\"\n          [disabled]=\"isDisabled()\"\n          [readOnly]=\"readonly()\"\n          (input)=\"onMarkdownInput($event)\"\n          (blur)=\"onBlur()\"\n          spellcheck=\"false\"\n          [attr.aria-label]=\"markdownEditorAriaLabel()\"\n        ></textarea>\n      }\n      @case ('split') {\n        <div class=\"lc-rich-text-editor__split\">\n          <textarea\n            #editorArea\n            class=\"lc-rich-text-editor__textarea lc-rich-text-editor__split-editor\"\n            [placeholder]=\"placeholder()\"\n            [value]=\"markdown()\"\n            [disabled]=\"isDisabled()\"\n            [readOnly]=\"readonly()\"\n            (input)=\"onMarkdownInput($event)\"\n            (blur)=\"onBlur()\"\n            spellcheck=\"false\"\n            [attr.aria-label]=\"markdownEditorAriaLabel()\"\n          ></textarea>\n          <div\n            class=\"lc-rich-text-editor__split-preview\"\n            [innerHTML]=\"renderedHtml()\"\n          ></div>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Footer -->\n  @if (showWordCount()) {\n    <div class=\"lc-rich-text-editor__footer\">\n      <span>{{ wordCount() }} {{ wordsLabel() }}</span>\n      <span>{{ charCount() }} {{ charactersLabel() }}</span>\n    </div>\n  }\n</div>\n"],"mappings":"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"}

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

@@ -387,7 +387,7 @@ var SelectComponent = class SelectComponent {
 		}],
 		ngImport: i0,
 		template: "<div class=\"lc-select-wrapper\">\n  <div\n    #selectTrigger\n    [class]=\"selectClasses()\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-expanded]=\"isOpen() ? 'true' : 'false'\"\n    [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n    [attr.aria-activedescendant]=\"activeDescendantId()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n    [attr.aria-invalid]=\"error() ? 'true' : null\"\n    [attr.aria-describedby]=\"describedBy()\"\n    [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n    (click)=\"toggle()\"\n    (keydown)=\"onKeyDown($event)\"\n    (blur)=\"onBlur()\"\n  >\n    <div class=\"lc-select__value\">\n      <span [class.lc-select__placeholder]=\"!selectedLabel()\">\n        {{ displayValue() }}\n      </span>\n    </div>\n\n    <div class=\"lc-select__icons\">\n      @if (loading()) {\n        <svg\n          class=\"lc-select__spinner\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <circle\n            class=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            stroke-width=\"4\"\n          ></circle>\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          ></path>\n        </svg>\n      } @else if (value() && !isDisabled() && !multiple()) {\n        <button\n          type=\"button\"\n          class=\"lc-select__clear\"\n          (click)=\"clear(); $event.stopPropagation()\"\n          [attr.aria-label]=\"clearAriaLabel()\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\"\n            />\n          </svg>\n        </button>\n      }\n\n      <svg\n        class=\"lc-select__chevron\"\n        [class.lc-select__chevron--open]=\"isOpen()\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 20 20\"\n        fill=\"currentColor\"\n        aria-hidden=\"true\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n          clip-rule=\"evenodd\"\n        />\n      </svg>\n    </div>\n  </div>\n\n  <!-- Dropdown Panel -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"selectTrigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n    (backdropClick)=\"onClickOutside()\"\n    (detach)=\"close()\"\n  >\n    <div #dropdownPanel class=\"lc-select__dropdown\" [class.lc-select__dropdown--open]=\"isOpen()\">\n      @if (searchable()) {\n        <div class=\"lc-select__search\">\n          <input\n            type=\"text\"\n            class=\"lc-select__search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            aria-autocomplete=\"list\"\n            [attr.aria-controls]=\"listboxId\"\n            [attr.aria-activedescendant]=\"activeDescendantId()\"\n            [attr.aria-label]=\"searchAriaLabel() || (ariaLabel() ? 'Search ' + ariaLabel() : 'Search options')\"\n            [(ngModel)]=\"searchQuery\"\n            (keydown)=\"onKeyDown($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n        </div>\n      }\n\n      <div\n        class=\"lc-select__options\"\n        role=\"listbox\"\n        [id]=\"listboxId\"\n        [attr.aria-label]=\"ariaLabel() || null\"\n        [attr.aria-multiselectable]=\"multiple() ? 'true' : null\"\n      >\n        @if (filteredOptions().length === 0) {\n          <div\n            class=\"lc-select__option lc-select__option--no-results\"\n            role=\"option\"\n            aria-disabled=\"true\"\n            aria-selected=\"false\"\n          >\n            {{ noOptionsLabel() }}\n          </div>\n        } @else {\n          @for (option of filteredOptions(); track option.value; let i = $index) {\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays on the trigger/search, keyboard selection via aria-activedescendant -->\n            <div\n              class=\"lc-select__option\"\n              role=\"option\"\n              [id]=\"optionId(i)\"\n              [attr.aria-selected]=\"isSelected(option) ? 'true' : 'false'\"\n              [attr.aria-disabled]=\"option.disabled ? 'true' : null\"\n              [class.lc-select__option--selected]=\"isSelected(option)\"\n              [class.lc-select__option--highlighted]=\"highlightedIndex() === i\"\n              [class.lc-select__option--disabled]=\"option.disabled\"\n              (click)=\"selectOption(option)\"\n              (mouseenter)=\"highlightedIndex.set(i)\"\n            >\n              @if (multiple()) {\n                <!-- Purely visual: the option itself carries the selected state (role=option\n                     + aria-selected); the checkbox is inert so clicks land on the option. -->\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isSelected(option)\"\n                  [disabled]=\"option.disabled\"\n                  class=\"lc-select__checkbox\"\n                  tabindex=\"-1\"\n                  aria-hidden=\"true\"\n                />\n              }\n              <span class=\"lc-select__option-label\">{{ option.label }}</span>\n              @if (isSelected(option) && !multiple()) {\n                <svg\n                  class=\"lc-select__check\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"currentColor\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    fill-rule=\"evenodd\"\n                    d=\"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z\"\n                    clip-rule=\"evenodd\"\n                  />\n                </svg>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Helper/Error Text -->\n  @if (error() && errorMessage()) {\n    <div class=\"lc-select__error\" [id]=\"selectId + '-error'\" role=\"alert\">\n      {{ errorMessage() }}\n    </div>\n  } @else if (helperText()) {\n    <div class=\"lc-select__helper\" [id]=\"selectId + '-helper'\">\n      {{ helperText() }}\n    </div>\n  }\n</div>\n",
-		styles: [".lc-select-wrapper{display:flex;flex-direction:column;gap:var(--lc-density-gap-xs, var(--spacing-1));width:100%;position:relative}.lc-select{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-2);border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);transition:all var(--animation-duration-base) var(--animation-timing-ease);cursor:pointer;-webkit-user-select:none;user-select:none}.lc-select:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){border-color:var(--color-text-secondary)}.lc-select:focus,.lc-select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0px;border-color:var(--color-primary-500)}.lc-select.lc-select--xs{height:var(--size-interactive-xs-height);padding:var(--size-interactive-xs-padding);padding-right:var(--spacing-8);font-size:var(--size-interactive-xs-font-size)}.lc-select.lc-select--sm{height:var(--size-interactive-sm-height);padding:var(--size-interactive-sm-padding);padding-right:var(--spacing-9);font-size:var(--size-interactive-sm-font-size)}.lc-select.lc-select--md{height:var(--size-interactive-md-height);padding:var(--size-interactive-md-padding);padding-right:var(--spacing-10);font-size:var(--size-interactive-md-font-size)}.lc-select.lc-select--lg{height:var(--size-interactive-lg-height);padding:var(--size-interactive-lg-padding);padding-right:var(--spacing-12);font-size:var(--size-interactive-lg-font-size)}.lc-select.lc-select--filled{background-color:var(--color-surface-sunken);border-color:transparent}.lc-select.lc-select--filled:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){background-color:var(--color-surface-hover);border-color:var(--color-border)}.lc-select.lc-select--filled:focus,.lc-select.lc-select--filled:focus-visible{background-color:var(--color-surface);border-color:var(--color-primary-500)}.lc-select.lc-select--error{border-color:var(--color-error-600)}.lc-select.lc-select--error:focus,.lc-select.lc-select--error:focus-visible{outline-color:var(--color-error-600);border-color:var(--color-error-600)}.lc-select.lc-select--disabled{background-color:var(--color-surface-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.lc-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-select__placeholder{color:var(--color-text-secondary)}.lc-select__icons{position:absolute;right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;pointer-events:none}.lc-select__icons button{pointer-events:auto}.lc-select__spinner{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-select__clear{position:relative;display:var(--lc-select-clear-display, flex);align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-.125rem;padding:.125rem;background:none;background-clip:content-box;border:none;border-radius:calc(var(--border-radius-sm) + .125rem);color:var(--lc-select-clear-fg, var(--color-text-secondary));cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__clear:hover{color:var(--lc-select-clear-hover-fg, var(--color-text-primary));background-color:var(--lc-select-clear-hover-bg, var(--color-surface-hover))}.lc-select__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-select__clear svg{width:1rem;height:1rem}.lc-select__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform var(--animation-duration-base) var(--animation-timing-ease)}.lc-select__chevron.lc-select__chevron--open{transform:rotate(180deg)}.lc-select__dropdown{position:absolute;z-index:1000;margin-top:var(--spacing-1);padding:var(--lc-density-padding-xs, var(--spacing-2));background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);min-width:200px;max-height:320px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:all var(--animation-duration-base) var(--animation-timing-ease);pointer-events:none}.lc-select__dropdown.lc-select__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.lc-select__dropdown::-webkit-scrollbar{width:8px}.lc-select__dropdown::-webkit-scrollbar-track{background:var(--color-surface-sunken);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.lc-select__search{padding:var(--lc-density-padding-xs, var(--spacing-2));border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.lc-select__search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);outline:none;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__search-input:focus{border-color:var(--color-primary-500)}.lc-select__search-input::placeholder{color:var(--color-text-secondary)}.lc-select__options{list-style:none;padding:0;margin:0}.lc-select__option{display:flex;align-items:center;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease);text-align:left;width:100%}.lc-select__option:hover:not(.lc-select__option--disabled){background-color:var(--color-surface-hover)}.lc-select__option.lc-select__option--selected{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50)}.lc-select__option.lc-select__option--highlighted{background-color:var(--color-surface-hover);outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-select__option.lc-select__option--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.lc-select__option-label{flex:1}.lc-select__check{width:1rem;height:1rem;margin-left:var(--spacing-2);flex-shrink:0;color:var(--color-primary-600)}.lc-select__checkbox{margin-right:var(--spacing-2);width:1rem;height:1rem;pointer-events:none}.lc-select__empty{padding:var(--lc-density-padding-md, var(--spacing-4));text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lc-select__error{font-size:var(--font-size-xs);color:var(--color-error-600);margin-top:var(--spacing-1)}.lc-select__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}@media(forced-colors:active){.lc-select__option.lc-select__option--highlighted{outline-color:Highlight}.lc-select__clear:focus-visible{outline-color:Highlight}}\n"],
+		styles: [".lc-select-wrapper{display:flex;flex-direction:column;gap:var(--lc-density-gap-xs, var(--spacing-1));width:100%;position:relative}.lc-select{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-2);border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);transition:all var(--animation-duration-base) var(--animation-timing-ease);cursor:pointer;-webkit-user-select:none;user-select:none}.lc-select:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){border-color:var(--color-text-secondary)}.lc-select:focus,.lc-select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0px;border-color:var(--color-primary-500)}.lc-select.lc-select--xs{height:var(--size-interactive-xs-height);padding:var(--size-interactive-xs-padding);padding-right:var(--spacing-8);font-size:var(--size-interactive-xs-font-size)}.lc-select.lc-select--sm{height:var(--size-interactive-sm-height);padding:var(--size-interactive-sm-padding);padding-right:var(--spacing-9);font-size:var(--size-interactive-sm-font-size)}.lc-select.lc-select--md{height:var(--size-interactive-md-height);padding:var(--size-interactive-md-padding);padding-right:var(--spacing-10);font-size:var(--size-interactive-md-font-size)}.lc-select.lc-select--lg{height:var(--size-interactive-lg-height);padding:var(--size-interactive-lg-padding);padding-right:var(--spacing-12);font-size:var(--size-interactive-lg-font-size)}.lc-select.lc-select--filled{background-color:var(--color-surface-sunken);border-color:var(--color-field-border)}.lc-select.lc-select--filled:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.lc-select.lc-select--filled:focus,.lc-select.lc-select--filled:focus-visible{background-color:var(--color-surface);border-color:var(--color-primary-500)}.lc-select.lc-select--error{border-color:var(--color-error-600)}.lc-select.lc-select--error:focus,.lc-select.lc-select--error:focus-visible{outline-color:var(--color-error-600);border-color:var(--color-error-600)}.lc-select.lc-select--disabled{background-color:var(--color-surface-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.lc-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-select__placeholder{color:var(--color-text-secondary)}.lc-select__icons{position:absolute;right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;pointer-events:none}.lc-select__icons button{pointer-events:auto}.lc-select__spinner{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-select__clear{position:relative;display:var(--lc-select-clear-display, flex);align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-.125rem;padding:.125rem;background:none;background-clip:content-box;border:none;border-radius:calc(var(--border-radius-sm) + .125rem);color:var(--lc-select-clear-fg, var(--color-text-secondary));cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__clear:hover{color:var(--lc-select-clear-hover-fg, var(--color-text-primary));background-color:var(--lc-select-clear-hover-bg, var(--color-surface-hover))}.lc-select__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-select__clear svg{width:1rem;height:1rem}.lc-select__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform var(--animation-duration-base) var(--animation-timing-ease)}.lc-select__chevron.lc-select__chevron--open{transform:rotate(180deg)}.lc-select__dropdown{position:absolute;z-index:1000;margin-top:var(--spacing-1);padding:var(--lc-density-padding-xs, var(--spacing-2));background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);min-width:200px;max-height:320px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:all var(--animation-duration-base) var(--animation-timing-ease);pointer-events:none}.lc-select__dropdown.lc-select__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.lc-select__dropdown::-webkit-scrollbar{width:8px}.lc-select__dropdown::-webkit-scrollbar-track{background:var(--color-surface-sunken);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.lc-select__search{padding:var(--lc-density-padding-xs, var(--spacing-2));border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.lc-select__search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);outline:none;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__search-input:focus{border-color:var(--color-primary-500)}.lc-select__search-input::placeholder{color:var(--color-text-secondary)}.lc-select__options{list-style:none;padding:0;margin:0}.lc-select__option{display:flex;align-items:center;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease);text-align:left;width:100%}.lc-select__option:hover:not(.lc-select__option--disabled){background-color:var(--color-surface-hover)}.lc-select__option.lc-select__option--selected{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50)}.lc-select__option.lc-select__option--highlighted{background-color:var(--color-surface-hover);outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-select__option.lc-select__option--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.lc-select__option-label{flex:1}.lc-select__check{width:1rem;height:1rem;margin-left:var(--spacing-2);flex-shrink:0;color:var(--color-primary-600)}.lc-select__checkbox{margin-right:var(--spacing-2);width:1rem;height:1rem;pointer-events:none}.lc-select__empty{padding:var(--lc-density-padding-md, var(--spacing-4));text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lc-select__error{font-size:var(--font-size-xs);color:var(--color-error-600);margin-top:var(--spacing-1)}.lc-select__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}@media(forced-colors:active){.lc-select__option.lc-select__option--highlighted{outline-color:Highlight}.lc-select__clear:focus-visible{outline-color:Highlight}}\n"],
 		dependencies: [
 			{
 				kind: "ngmodule",
@@ -483,7 +483,7 @@ i0.ɵɵngDeclareClassMetadata({
 				multi: true
 			}],
 			template: "<div class=\"lc-select-wrapper\">\n  <div\n    #selectTrigger\n    [class]=\"selectClasses()\"\n    role=\"combobox\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-expanded]=\"isOpen() ? 'true' : 'false'\"\n    [attr.aria-controls]=\"isOpen() ? listboxId : null\"\n    [attr.aria-activedescendant]=\"activeDescendantId()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-required]=\"required() ? 'true' : null\"\n    [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n    [attr.aria-invalid]=\"error() ? 'true' : null\"\n    [attr.aria-describedby]=\"describedBy()\"\n    [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n    (click)=\"toggle()\"\n    (keydown)=\"onKeyDown($event)\"\n    (blur)=\"onBlur()\"\n  >\n    <div class=\"lc-select__value\">\n      <span [class.lc-select__placeholder]=\"!selectedLabel()\">\n        {{ displayValue() }}\n      </span>\n    </div>\n\n    <div class=\"lc-select__icons\">\n      @if (loading()) {\n        <svg\n          class=\"lc-select__spinner\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <circle\n            class=\"opacity-25\"\n            cx=\"12\"\n            cy=\"12\"\n            r=\"10\"\n            stroke=\"currentColor\"\n            stroke-width=\"4\"\n          ></circle>\n          <path\n            class=\"opacity-75\"\n            fill=\"currentColor\"\n            d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n          ></path>\n        </svg>\n      } @else if (value() && !isDisabled() && !multiple()) {\n        <button\n          type=\"button\"\n          class=\"lc-select__clear\"\n          (click)=\"clear(); $event.stopPropagation()\"\n          [attr.aria-label]=\"clearAriaLabel()\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z\"\n            />\n          </svg>\n        </button>\n      }\n\n      <svg\n        class=\"lc-select__chevron\"\n        [class.lc-select__chevron--open]=\"isOpen()\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 20 20\"\n        fill=\"currentColor\"\n        aria-hidden=\"true\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n          clip-rule=\"evenodd\"\n        />\n      </svg>\n    </div>\n  </div>\n\n  <!-- Dropdown Panel -->\n  <ng-template\n    cdkConnectedOverlay\n    [cdkConnectedOverlayOrigin]=\"selectTrigger\"\n    [cdkConnectedOverlayOpen]=\"isOpen()\"\n    [cdkConnectedOverlayHasBackdrop]=\"true\"\n    [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n    (backdropClick)=\"onClickOutside()\"\n    (detach)=\"close()\"\n  >\n    <div #dropdownPanel class=\"lc-select__dropdown\" [class.lc-select__dropdown--open]=\"isOpen()\">\n      @if (searchable()) {\n        <div class=\"lc-select__search\">\n          <input\n            type=\"text\"\n            class=\"lc-select__search-input\"\n            [placeholder]=\"searchPlaceholder()\"\n            aria-autocomplete=\"list\"\n            [attr.aria-controls]=\"listboxId\"\n            [attr.aria-activedescendant]=\"activeDescendantId()\"\n            [attr.aria-label]=\"searchAriaLabel() || (ariaLabel() ? 'Search ' + ariaLabel() : 'Search options')\"\n            [(ngModel)]=\"searchQuery\"\n            (keydown)=\"onKeyDown($event)\"\n            (click)=\"$event.stopPropagation()\"\n          />\n        </div>\n      }\n\n      <div\n        class=\"lc-select__options\"\n        role=\"listbox\"\n        [id]=\"listboxId\"\n        [attr.aria-label]=\"ariaLabel() || null\"\n        [attr.aria-multiselectable]=\"multiple() ? 'true' : null\"\n      >\n        @if (filteredOptions().length === 0) {\n          <div\n            class=\"lc-select__option lc-select__option--no-results\"\n            role=\"option\"\n            aria-disabled=\"true\"\n            aria-selected=\"false\"\n          >\n            {{ noOptionsLabel() }}\n          </div>\n        } @else {\n          @for (option of filteredOptions(); track option.value; let i = $index) {\n            <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -- listbox option: focus stays on the trigger/search, keyboard selection via aria-activedescendant -->\n            <div\n              class=\"lc-select__option\"\n              role=\"option\"\n              [id]=\"optionId(i)\"\n              [attr.aria-selected]=\"isSelected(option) ? 'true' : 'false'\"\n              [attr.aria-disabled]=\"option.disabled ? 'true' : null\"\n              [class.lc-select__option--selected]=\"isSelected(option)\"\n              [class.lc-select__option--highlighted]=\"highlightedIndex() === i\"\n              [class.lc-select__option--disabled]=\"option.disabled\"\n              (click)=\"selectOption(option)\"\n              (mouseenter)=\"highlightedIndex.set(i)\"\n            >\n              @if (multiple()) {\n                <!-- Purely visual: the option itself carries the selected state (role=option\n                     + aria-selected); the checkbox is inert so clicks land on the option. -->\n                <input\n                  type=\"checkbox\"\n                  [checked]=\"isSelected(option)\"\n                  [disabled]=\"option.disabled\"\n                  class=\"lc-select__checkbox\"\n                  tabindex=\"-1\"\n                  aria-hidden=\"true\"\n                />\n              }\n              <span class=\"lc-select__option-label\">{{ option.label }}</span>\n              @if (isSelected(option) && !multiple()) {\n                <svg\n                  class=\"lc-select__check\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"currentColor\"\n                  aria-hidden=\"true\"\n                >\n                  <path\n                    fill-rule=\"evenodd\"\n                    d=\"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z\"\n                    clip-rule=\"evenodd\"\n                  />\n                </svg>\n              }\n            </div>\n          }\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Helper/Error Text -->\n  @if (error() && errorMessage()) {\n    <div class=\"lc-select__error\" [id]=\"selectId + '-error'\" role=\"alert\">\n      {{ errorMessage() }}\n    </div>\n  } @else if (helperText()) {\n    <div class=\"lc-select__helper\" [id]=\"selectId + '-helper'\">\n      {{ helperText() }}\n    </div>\n  }\n</div>\n",
-			styles: [".lc-select-wrapper{display:flex;flex-direction:column;gap:var(--lc-density-gap-xs, var(--spacing-1));width:100%;position:relative}.lc-select{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-2);border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);transition:all var(--animation-duration-base) var(--animation-timing-ease);cursor:pointer;-webkit-user-select:none;user-select:none}.lc-select:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){border-color:var(--color-text-secondary)}.lc-select:focus,.lc-select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0px;border-color:var(--color-primary-500)}.lc-select.lc-select--xs{height:var(--size-interactive-xs-height);padding:var(--size-interactive-xs-padding);padding-right:var(--spacing-8);font-size:var(--size-interactive-xs-font-size)}.lc-select.lc-select--sm{height:var(--size-interactive-sm-height);padding:var(--size-interactive-sm-padding);padding-right:var(--spacing-9);font-size:var(--size-interactive-sm-font-size)}.lc-select.lc-select--md{height:var(--size-interactive-md-height);padding:var(--size-interactive-md-padding);padding-right:var(--spacing-10);font-size:var(--size-interactive-md-font-size)}.lc-select.lc-select--lg{height:var(--size-interactive-lg-height);padding:var(--size-interactive-lg-padding);padding-right:var(--spacing-12);font-size:var(--size-interactive-lg-font-size)}.lc-select.lc-select--filled{background-color:var(--color-surface-sunken);border-color:transparent}.lc-select.lc-select--filled:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){background-color:var(--color-surface-hover);border-color:var(--color-border)}.lc-select.lc-select--filled:focus,.lc-select.lc-select--filled:focus-visible{background-color:var(--color-surface);border-color:var(--color-primary-500)}.lc-select.lc-select--error{border-color:var(--color-error-600)}.lc-select.lc-select--error:focus,.lc-select.lc-select--error:focus-visible{outline-color:var(--color-error-600);border-color:var(--color-error-600)}.lc-select.lc-select--disabled{background-color:var(--color-surface-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.lc-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-select__placeholder{color:var(--color-text-secondary)}.lc-select__icons{position:absolute;right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;pointer-events:none}.lc-select__icons button{pointer-events:auto}.lc-select__spinner{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-select__clear{position:relative;display:var(--lc-select-clear-display, flex);align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-.125rem;padding:.125rem;background:none;background-clip:content-box;border:none;border-radius:calc(var(--border-radius-sm) + .125rem);color:var(--lc-select-clear-fg, var(--color-text-secondary));cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__clear:hover{color:var(--lc-select-clear-hover-fg, var(--color-text-primary));background-color:var(--lc-select-clear-hover-bg, var(--color-surface-hover))}.lc-select__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-select__clear svg{width:1rem;height:1rem}.lc-select__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform var(--animation-duration-base) var(--animation-timing-ease)}.lc-select__chevron.lc-select__chevron--open{transform:rotate(180deg)}.lc-select__dropdown{position:absolute;z-index:1000;margin-top:var(--spacing-1);padding:var(--lc-density-padding-xs, var(--spacing-2));background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);min-width:200px;max-height:320px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:all var(--animation-duration-base) var(--animation-timing-ease);pointer-events:none}.lc-select__dropdown.lc-select__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.lc-select__dropdown::-webkit-scrollbar{width:8px}.lc-select__dropdown::-webkit-scrollbar-track{background:var(--color-surface-sunken);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.lc-select__search{padding:var(--lc-density-padding-xs, var(--spacing-2));border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.lc-select__search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);outline:none;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__search-input:focus{border-color:var(--color-primary-500)}.lc-select__search-input::placeholder{color:var(--color-text-secondary)}.lc-select__options{list-style:none;padding:0;margin:0}.lc-select__option{display:flex;align-items:center;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease);text-align:left;width:100%}.lc-select__option:hover:not(.lc-select__option--disabled){background-color:var(--color-surface-hover)}.lc-select__option.lc-select__option--selected{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50)}.lc-select__option.lc-select__option--highlighted{background-color:var(--color-surface-hover);outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-select__option.lc-select__option--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.lc-select__option-label{flex:1}.lc-select__check{width:1rem;height:1rem;margin-left:var(--spacing-2);flex-shrink:0;color:var(--color-primary-600)}.lc-select__checkbox{margin-right:var(--spacing-2);width:1rem;height:1rem;pointer-events:none}.lc-select__empty{padding:var(--lc-density-padding-md, var(--spacing-4));text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lc-select__error{font-size:var(--font-size-xs);color:var(--color-error-600);margin-top:var(--spacing-1)}.lc-select__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}@media(forced-colors:active){.lc-select__option.lc-select__option--highlighted{outline-color:Highlight}.lc-select__clear:focus-visible{outline-color:Highlight}}\n"]
+			styles: [".lc-select-wrapper{display:flex;flex-direction:column;gap:var(--lc-density-gap-xs, var(--spacing-1));width:100%;position:relative}.lc-select{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-2);border:1px solid var(--color-field-border);border-radius:var(--border-radius-md);transition:all var(--animation-duration-base) var(--animation-timing-ease);cursor:pointer;-webkit-user-select:none;user-select:none}.lc-select:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){border-color:var(--color-text-secondary)}.lc-select:focus,.lc-select:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0px;border-color:var(--color-primary-500)}.lc-select.lc-select--xs{height:var(--size-interactive-xs-height);padding:var(--size-interactive-xs-padding);padding-right:var(--spacing-8);font-size:var(--size-interactive-xs-font-size)}.lc-select.lc-select--sm{height:var(--size-interactive-sm-height);padding:var(--size-interactive-sm-padding);padding-right:var(--spacing-9);font-size:var(--size-interactive-sm-font-size)}.lc-select.lc-select--md{height:var(--size-interactive-md-height);padding:var(--size-interactive-md-padding);padding-right:var(--spacing-10);font-size:var(--size-interactive-md-font-size)}.lc-select.lc-select--lg{height:var(--size-interactive-lg-height);padding:var(--size-interactive-lg-padding);padding-right:var(--spacing-12);font-size:var(--size-interactive-lg-font-size)}.lc-select.lc-select--filled{background-color:var(--color-surface-sunken);border-color:var(--color-field-border)}.lc-select.lc-select--filled:hover:not(.lc-select--disabled):not(.lc-select--error):not(:focus){background-color:var(--color-surface-hover);border-color:var(--color-text-secondary)}.lc-select.lc-select--filled:focus,.lc-select.lc-select--filled:focus-visible{background-color:var(--color-surface);border-color:var(--color-primary-500)}.lc-select.lc-select--error{border-color:var(--color-error-600)}.lc-select.lc-select--error:focus,.lc-select.lc-select--error:focus-visible{outline-color:var(--color-error-600);border-color:var(--color-error-600)}.lc-select.lc-select--disabled{background-color:var(--color-surface-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.lc-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-select__placeholder{color:var(--color-text-secondary)}.lc-select__icons{position:absolute;right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;pointer-events:none}.lc-select__icons button{pointer-events:auto}.lc-select__spinner{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lc-select__clear{position:relative;display:var(--lc-select-clear-display, flex);align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:-.125rem;padding:.125rem;background:none;background-clip:content-box;border:none;border-radius:calc(var(--border-radius-sm) + .125rem);color:var(--lc-select-clear-fg, var(--color-text-secondary));cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__clear:hover{color:var(--lc-select-clear-hover-fg, var(--color-text-primary));background-color:var(--lc-select-clear-hover-bg, var(--color-surface-hover))}.lc-select__clear:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:0}.lc-select__clear svg{width:1rem;height:1rem}.lc-select__chevron{width:1.25rem;height:1.25rem;color:var(--color-text-secondary);transition:transform var(--animation-duration-base) var(--animation-timing-ease)}.lc-select__chevron.lc-select__chevron--open{transform:rotate(180deg)}.lc-select__dropdown{position:absolute;z-index:1000;margin-top:var(--spacing-1);padding:var(--lc-density-padding-xs, var(--spacing-2));background-color:var(--color-surface);background-image:var(--gradient-surface);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--elevation-4);min-width:200px;max-height:320px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:all var(--animation-duration-base) var(--animation-timing-ease);pointer-events:none}.lc-select__dropdown.lc-select__dropdown--open{opacity:1;transform:translateY(0);pointer-events:auto}.lc-select__dropdown::-webkit-scrollbar{width:8px}.lc-select__dropdown::-webkit-scrollbar-track{background:var(--color-surface-sunken);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-md)}.lc-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.lc-select__search{padding:var(--lc-density-padding-xs, var(--spacing-2));border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.lc-select__search-input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);outline:none;transition:all var(--animation-duration-fast) var(--animation-timing-ease)}.lc-select__search-input:focus{border-color:var(--color-primary-500)}.lc-select__search-input::placeholder{color:var(--color-text-secondary)}.lc-select__options{list-style:none;padding:0;margin:0}.lc-select__option{display:flex;align-items:center;padding:var(--lc-density-padding-xs, var(--spacing-2)) var(--lc-density-padding-sm, var(--spacing-3));font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--animation-duration-fast) var(--animation-timing-ease);text-align:left;width:100%}.lc-select__option:hover:not(.lc-select__option--disabled){background-color:var(--color-surface-hover)}.lc-select__option.lc-select__option--selected{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50)}.lc-select__option.lc-select__option--highlighted{background-color:var(--color-surface-hover);outline:2px solid var(--color-primary-500);outline-offset:-2px}.lc-select__option.lc-select__option--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.5}.lc-select__option-label{flex:1}.lc-select__check{width:1rem;height:1rem;margin-left:var(--spacing-2);flex-shrink:0;color:var(--color-primary-600)}.lc-select__checkbox{margin-right:var(--spacing-2);width:1rem;height:1rem;pointer-events:none}.lc-select__empty{padding:var(--lc-density-padding-md, var(--spacing-4));text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lc-select__error{font-size:var(--font-size-xs);color:var(--color-error-600);margin-top:var(--spacing-1)}.lc-select__helper{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}@media(forced-colors:active){.lc-select__option.lc-select__option--highlighted{outline-color:Highlight}.lc-select__clear:focus-visible{outline-color:Highlight}}\n"]
 		}]
 	}],
 	propDecorators: {