@tociva/tailng-cdk 0.11.0 → 0.12.0

package/fesm2022/tociva-tailng-cdk-a11y.mjs

@@ -1,22 +1,85 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
+import * as i0 from '@angular/core';
+import { input, inject, ElementRef, Injector, effect, runInInjectionContext, afterNextRender, Directive } from '@angular/core';
+import { FocusTrapFactory } from '@angular/cdk/a11y';
+
+const createTngFocusTrap = (factory, element, options = {}) => {
+    const previousActive = options.restoreFocus === false
+        ? null
+        : document.activeElement;
+    // CDK 21: create(element, deferCaptureElements?: boolean)
+    const trap = factory.create(element, !!options.deferCaptureElements);
+    const activate = () => {
+        if (options.autoCapture !== false) {
+            trap.focusInitialElementWhenReady();
+        }
+    };
+    const destroy = () => {
+        trap.destroy();
+        if (previousActive && typeof previousActive.focus === 'function') {
+            previousActive.focus();
+        }
+    };
+    return { trap, activate, destroy };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib"), exports);
+
+class TngFocusTrap {
+    /** Enable / disable focus trapping */
+    tngFocusTrap = input(true, ...(ngDevMode ? [{ debugName: "tngFocusTrap" }] : []));
+    /** CDK 21: FocusTrapFactory.create(element, deferCaptureElements?: boolean) */
+    deferCaptureElements = input(false, ...(ngDevMode ? [{ debugName: "deferCaptureElements" }] : []));
+    /** tailng behavior */
+    autoCapture = input(true, ...(ngDevMode ? [{ debugName: "autoCapture" }] : []));
+    /** tailng behavior */
+    restoreFocus = input(true, ...(ngDevMode ? [{ debugName: "restoreFocus" }] : []));
+    host = inject((ElementRef));
+    injector = inject(Injector);
+    // Inject CDK factory in injection context (field initializer)
+    focusTrapFactory = inject(FocusTrapFactory);
+    handle = null;
+    constructor() {
+        effect(() => {
+            const enabled = this.tngFocusTrap();
+            if (!enabled) {
+                this.disable();
+                return;
+            }
+            // afterNextRender needs injection context
+            runInInjectionContext(this.injector, () => {
+                afterNextRender(() => this.enable());
+            });
+        });
+    }
+    enable() {
+        if (this.handle)
+            return;
+        this.handle = createTngFocusTrap(this.focusTrapFactory, this.host.nativeElement, {
+            deferCaptureElements: this.deferCaptureElements(),
+            autoCapture: this.autoCapture(),
+            restoreFocus: this.restoreFocus(),
+        });
+        this.handle.activate();
+    }
+    disable() {
+        this.handle?.destroy();
+        this.handle = null;
+    }
+    ngOnDestroy() {
+        this.disable();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngFocusTrap, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: TngFocusTrap, isStandalone: true, selector: "[tngFocusTrap]", inputs: { tngFocusTrap: { classPropertyName: "tngFocusTrap", publicName: "tngFocusTrap", isSignal: true, isRequired: false, transformFunction: null }, deferCaptureElements: { classPropertyName: "deferCaptureElements", publicName: "deferCaptureElements", isSignal: true, isRequired: false, transformFunction: null }, autoCapture: { classPropertyName: "autoCapture", publicName: "autoCapture", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngFocusTrap, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngFocusTrap]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { tngFocusTrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngFocusTrap", required: false }] }], deferCaptureElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "deferCaptureElements", required: false }] }], autoCapture: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCapture", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { TngFocusTrap, createTngFocusTrap };
 //# sourceMappingURL=tociva-tailng-cdk-a11y.mjs.map

package/fesm2022/tociva-tailng-cdk-a11y.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-cdk-a11y.mjs","sources":["../../../../libs/cdk/a11y/src/public-api.ts","../../../../libs/cdk/a11y/src/tociva-tailng-cdk-a11y.ts"],"sourcesContent":["export * from './lib';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}
+{"version":3,"file":"tociva-tailng-cdk-a11y.mjs","sources":["../../../../libs/cdk/a11y/src/lib/focus-trap/focus-trap.util.ts","../../../../libs/cdk/a11y/src/lib/focus-trap/focus-trap.directive.ts","../../../../libs/cdk/a11y/src/tociva-tailng-cdk-a11y.ts"],"sourcesContent":["import { FocusTrap, FocusTrapFactory } from '@angular/cdk/a11y';\n\nexport type TngFocusTrapOptions = {\n  /** CDK 21 signature uses this boolean */\n  deferCaptureElements?: boolean;\n\n  /** tailng behavior */\n  autoCapture?: boolean;\n\n  /** tailng behavior */\n  restoreFocus?: boolean;\n};\n\nexport type TngFocusTrapHandle = {\n  trap: FocusTrap;\n  activate: () => void;\n  destroy: () => void;\n};\n\nexport const createTngFocusTrap = (\n  factory: FocusTrapFactory,\n  element: HTMLElement,\n  options: TngFocusTrapOptions = {},\n): TngFocusTrapHandle => {\n  const previousActive =\n    options.restoreFocus === false\n      ? null\n      : (document.activeElement as HTMLElement | null);\n\n  // CDK 21: create(element, deferCaptureElements?: boolean)\n  const trap = factory.create(element, !!options.deferCaptureElements);\n\n  const activate = () => {\n    if (options.autoCapture !== false) {\n      trap.focusInitialElementWhenReady();\n    }\n  };\n\n  const destroy = () => {\n    trap.destroy();\n    if (previousActive && typeof previousActive.focus === 'function') {\n      previousActive.focus();\n    }\n  };\n\n  return { trap, activate, destroy };\n};\n","import {\n  Directive,\n  ElementRef,\n  Injector,\n  OnDestroy,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  runInInjectionContext,\n} from '@angular/core';\nimport { FocusTrapFactory } from '@angular/cdk/a11y';\nimport {\n  createTngFocusTrap,\n  TngFocusTrapHandle,\n} from './focus-trap.util';\n\n@Directive({\n  selector: '[tngFocusTrap]',\n  standalone: true,\n})\nexport class TngFocusTrap implements OnDestroy {\n  /** Enable / disable focus trapping */\n  readonly tngFocusTrap = input(true);\n\n  /** CDK 21: FocusTrapFactory.create(element, deferCaptureElements?: boolean) */\n  readonly deferCaptureElements = input(false);\n\n  /** tailng behavior */\n  readonly autoCapture = input(true);\n\n  /** tailng behavior */\n  readonly restoreFocus = input(true);\n\n  private readonly host = inject(ElementRef<HTMLElement>);\n  private readonly injector = inject(Injector);\n\n  // Inject CDK factory in injection context (field initializer)\n  private readonly focusTrapFactory = inject(FocusTrapFactory);\n\n  private handle: TngFocusTrapHandle | null = null;\n\n  constructor() {\n    effect(() => {\n      const enabled = this.tngFocusTrap();\n\n      if (!enabled) {\n        this.disable();\n        return;\n      }\n\n      // afterNextRender needs injection context\n      runInInjectionContext(this.injector, () => {\n        afterNextRender(() => this.enable());\n      });\n    });\n  }\n\n  private enable(): void {\n    if (this.handle) return;\n\n    this.handle = createTngFocusTrap(\n      this.focusTrapFactory,\n      this.host.nativeElement,\n      {\n        deferCaptureElements: this.deferCaptureElements(),\n        autoCapture: this.autoCapture(),\n        restoreFocus: this.restoreFocus(),\n      },\n    );\n\n    this.handle.activate();\n  }\n\n  private disable(): void {\n    this.handle?.destroy();\n    this.handle = null;\n  }\n\n  ngOnDestroy(): void {\n    this.disable();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tociva-tailng-cdk-keyboard.mjs

@@ -1,22 +1,54 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+function handleListKeyboardEvent(event, state) {
+    const { activeIndex, itemCount, loop = false } = state;
+    if (itemCount <= 0) {
+        return { type: 'noop' };
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib"), exports);
+    switch (event.key) {
+        case 'ArrowDown': {
+            event.preventDefault();
+            const next = activeIndex < itemCount - 1
+                ? activeIndex + 1
+                : loop
+                    ? 0
+                    : activeIndex;
+            return { type: 'move', index: next };
+        }
+        case 'ArrowUp': {
+            event.preventDefault();
+            const prev = activeIndex > 0
+                ? activeIndex - 1
+                : loop
+                    ? itemCount - 1
+                    : activeIndex;
+            return { type: 'move', index: prev };
+        }
+        case 'Home': {
+            event.preventDefault();
+            return { type: 'move', index: 0 };
+        }
+        case 'End': {
+            event.preventDefault();
+            return { type: 'move', index: itemCount - 1 };
+        }
+        case 'Enter': {
+            if (activeIndex >= 0 && activeIndex < itemCount) {
+                event.preventDefault();
+                return { type: 'select', index: activeIndex };
+            }
+            return { type: 'noop' };
+        }
+        case 'Escape': {
+            event.preventDefault();
+            return { type: 'close' };
+        }
+        default:
+            return { type: 'noop' };
+    }
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { handleListKeyboardEvent };
 //# sourceMappingURL=tociva-tailng-cdk-keyboard.mjs.map

package/fesm2022/tociva-tailng-cdk-keyboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-cdk-keyboard.mjs","sources":["../../../../libs/cdk/keyboard/src/public-api.ts","../../../../libs/cdk/keyboard/src/tociva-tailng-cdk-keyboard.ts"],"sourcesContent":["export * from './lib';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}
+{"version":3,"file":"tociva-tailng-cdk-keyboard.mjs","sources":["../../../../libs/cdk/keyboard/src/lib/keyboard-navigation.ts","../../../../libs/cdk/keyboard/src/tociva-tailng-cdk-keyboard.ts"],"sourcesContent":["\nexport type KeyboardAction =\n  | { type: 'move'; index: number }\n  | { type: 'select'; index: number }\n  | { type: 'close' }\n  | { type: 'noop' };\n\nexport interface KeyboardNavigationState {\n  activeIndex: number;\n  itemCount: number;\n  loop?: boolean; // optional: wrap around\n}\n\nexport function handleListKeyboardEvent(\n  event: KeyboardEvent,\n  state: KeyboardNavigationState\n): KeyboardAction {\n  const { activeIndex, itemCount, loop = false } = state;\n\n  if (itemCount <= 0) {\n    return { type: 'noop' };\n  }\n\n  switch (event.key) {\n    case 'ArrowDown': {\n      event.preventDefault();\n\n      const next =\n        activeIndex < itemCount - 1\n          ? activeIndex + 1\n          : loop\n            ? 0\n            : activeIndex;\n\n      return { type: 'move', index: next };\n    }\n\n    case 'ArrowUp': {\n      event.preventDefault();\n\n      const prev =\n        activeIndex > 0\n          ? activeIndex - 1\n          : loop\n            ? itemCount - 1\n            : activeIndex;\n\n      return { type: 'move', index: prev };\n    }\n\n    case 'Home': {\n      event.preventDefault();\n      return { type: 'move', index: 0 };\n    }\n\n    case 'End': {\n      event.preventDefault();\n      return { type: 'move', index: itemCount - 1 };\n    }\n\n    case 'Enter': {\n      if (activeIndex >= 0 && activeIndex < itemCount) {\n        event.preventDefault();\n        return { type: 'select', index: activeIndex };\n      }\n      return { type: 'noop' };\n    }\n\n    case 'Escape': {\n      event.preventDefault();\n      return { type: 'close' };\n    }\n\n    default:\n      return { type: 'noop' };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAaM,SAAU,uBAAuB,CACrC,KAAoB,EACpB,KAA8B,EAAA;IAE9B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,KAAK;AAEtD,IAAA,IAAI,SAAS,IAAI,CAAC,EAAE;AAClB,QAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;IACzB;AAEA,IAAA,QAAQ,KAAK,CAAC,GAAG;QACf,KAAK,WAAW,EAAE;YAChB,KAAK,CAAC,cAAc,EAAE;AAEtB,YAAA,MAAM,IAAI,GACR,WAAW,GAAG,SAAS,GAAG;kBACtB,WAAW,GAAG;AAChB,kBAAE;AACA,sBAAE;sBACA,WAAW;YAEnB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;QACtC;QAEA,KAAK,SAAS,EAAE;YACd,KAAK,CAAC,cAAc,EAAE;AAEtB,YAAA,MAAM,IAAI,GACR,WAAW,GAAG;kBACV,WAAW,GAAG;AAChB,kBAAE;sBACE,SAAS,GAAG;sBACZ,WAAW;YAEnB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;QACtC;QAEA,KAAK,MAAM,EAAE;YACX,KAAK,CAAC,cAAc,EAAE;YACtB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE;QACnC;QAEA,KAAK,KAAK,EAAE;YACV,KAAK,CAAC,cAAc,EAAE;YACtB,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE;QAC/C;QAEA,KAAK,OAAO,EAAE;YACZ,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,GAAG,SAAS,EAAE;gBAC/C,KAAK,CAAC,cAAc,EAAE;gBACtB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE;YAC/C;AACA,YAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB;QAEA,KAAK,QAAQ,EAAE;YACb,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;QAC1B;AAEA,QAAA;AACE,YAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;;AAE7B;;AC5EA;;AAEG;;;;"}

package/fesm2022/tociva-tailng-cdk-scroll.mjs

@@ -1,22 +1,27 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+function scrollActiveIntoView({ container, activeIndex, itemSelector = '[data-index]', behavior = 'auto', }) {
+    if (!container)
+        return;
+    if (activeIndex < 0)
+        return;
+    const item = container.querySelector(`${itemSelector}="${activeIndex}"`);
+    if (!item)
+        return;
+    const containerRect = container.getBoundingClientRect();
+    const itemRect = item.getBoundingClientRect();
+    // Already fully visible
+    if (itemRect.top >= containerRect.top &&
+        itemRect.bottom <= containerRect.bottom) {
+        return;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib"), exports);
+    item.scrollIntoView({
+        block: 'nearest',
+        behavior,
+    });
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { scrollActiveIntoView };
 //# sourceMappingURL=tociva-tailng-cdk-scroll.mjs.map

package/fesm2022/tociva-tailng-cdk-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-cdk-scroll.mjs","sources":["../../../../libs/cdk/scroll/src/public-api.ts","../../../../libs/cdk/scroll/src/tociva-tailng-cdk-scroll.ts"],"sourcesContent":["export * from './lib'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}
+{"version":3,"file":"tociva-tailng-cdk-scroll.mjs","sources":["../../../../libs/cdk/scroll/src/lib/scroll-active-into-view.ts","../../../../libs/cdk/scroll/src/tociva-tailng-cdk-scroll.ts"],"sourcesContent":["export interface ScrollActiveIntoViewOptions {\n  container: HTMLElement | null | undefined;\n  activeIndex: number;\n  itemSelector?: string; // default: [data-index]\n  behavior?: ScrollBehavior; // default: 'auto'\n}\n\nexport function scrollActiveIntoView({\n  container,\n  activeIndex,\n  itemSelector = '[data-index]',\n  behavior = 'auto',\n}: ScrollActiveIntoViewOptions): void {\n  if (!container) return;\n  if (activeIndex < 0) return;\n\n  const item = container.querySelector<HTMLElement>(\n    `${itemSelector}=\"${activeIndex}\"`\n  );\n\n  if (!item) return;\n\n  const containerRect = container.getBoundingClientRect();\n  const itemRect = item.getBoundingClientRect();\n\n  // Already fully visible\n  if (\n    itemRect.top >= containerRect.top &&\n    itemRect.bottom <= containerRect.bottom\n  ) {\n    return;\n  }\n\n  item.scrollIntoView({\n    block: 'nearest',\n    behavior,\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAOM,SAAU,oBAAoB,CAAC,EACnC,SAAS,EACT,WAAW,EACX,YAAY,GAAG,cAAc,EAC7B,QAAQ,GAAG,MAAM,GACW,EAAA;AAC5B,IAAA,IAAI,CAAC,SAAS;QAAE;IAChB,IAAI,WAAW,GAAG,CAAC;QAAE;AAErB,IAAA,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAClC,CAAA,EAAG,YAAY,CAAA,EAAA,EAAK,WAAW,CAAA,CAAA,CAAG,CACnC;AAED,IAAA,IAAI,CAAC,IAAI;QAAE;AAEX,IAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE;AACvD,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE;;AAG7C,IAAA,IACE,QAAQ,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG;AACjC,QAAA,QAAQ,CAAC,MAAM,IAAI,aAAa,CAAC,MAAM,EACvC;QACA;IACF;IAEA,IAAI,CAAC,cAAc,CAAC;AAClB,QAAA,KAAK,EAAE,SAAS;QAChB,QAAQ;AACT,KAAA,CAAC;AACJ;;ACrCA;;AAEG;;;;"}

package/fesm2022/tociva-tailng-cdk-util.mjs

@@ -1,22 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib"), exports);
+const coerceBoolean = (value) => value != null && `${value}` !== 'false';
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { coerceBoolean };
 //# sourceMappingURL=tociva-tailng-cdk-util.mjs.map

package/fesm2022/tociva-tailng-cdk-util.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-cdk-util.mjs","sources":["../../../../libs/cdk/util/src/public-api.ts","../../../../libs/cdk/util/src/tociva-tailng-cdk-util.ts"],"sourcesContent":["export * from './lib'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}
+{"version":3,"file":"tociva-tailng-cdk-util.mjs","sources":["../../../../libs/cdk/util/src/lib/coerce.ts","../../../../libs/cdk/util/src/tociva-tailng-cdk-util.ts"],"sourcesContent":["export const coerceBoolean = (value: unknown): boolean => value != null && `${value}` !== 'false';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,aAAa,GAAG,CAAC,KAAc,KAAc,KAAK,IAAI,IAAI,IAAI,CAAA,EAAG,KAAK,CAAA,CAAE,KAAK;;ACA1F;;AAEG;;;;"}

package/fesm2022/tociva-tailng-cdk.mjs

@@ -1,22 +1,20 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports$1) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./info/info.component"), exports);
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+
+class TngInfo {
+    docsUrl = 'https://tailng.dev';
+    githubUrl = 'https://github.com/tociva/tailng';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngInfo, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TngInfo, isStandalone: true, selector: "tng-info", ngImport: i0, template: "<div class=\"rounded border p-4 text-sm\">\n  <h3 class=\"font-semibold\">tailng UI</h3>\n\n  <p class=\"mt-2\">\n    A modern Angular UI library powered by Tailwind CSS.\n  </p>\n\n  <ul class=\"mt-3 space-y-1\">\n    <li>\n      Docs:\n      <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n        {{ docsUrl }}\n      </a>\n    </li>\n    <li>\n      GitHub:\n      <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n        {{ githubUrl }}\n      </a>\n    </li>\n  </ul>\n</div>" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TngInfo, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'tng-info', template: "<div class=\"rounded border p-4 text-sm\">\n  <h3 class=\"font-semibold\">tailng UI</h3>\n\n  <p class=\"mt-2\">\n    A modern Angular UI library powered by Tailwind CSS.\n  </p>\n\n  <ul class=\"mt-3 space-y-1\">\n    <li>\n      Docs:\n      <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n        {{ docsUrl }}\n      </a>\n    </li>\n    <li>\n      GitHub:\n      <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n        {{ githubUrl }}\n      </a>\n    </li>\n  </ul>\n</div>" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
+
+export { TngInfo };
 //# sourceMappingURL=tociva-tailng-cdk.mjs.map

package/fesm2022/tociva-tailng-cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tociva-tailng-cdk.mjs","sources":["../../../../libs/cdk/src/public-api.ts","../../../../libs/cdk/src/tociva-tailng-cdk.ts"],"sourcesContent":["export * from './info/info.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA,CAAA;;ACAA;;AAEG"}
+{"version":3,"file":"tociva-tailng-cdk.mjs","sources":["../../../../libs/cdk/src/info/info.component.ts","../../../../libs/cdk/src/info/info.component.html","../../../../libs/cdk/src/tociva-tailng-cdk.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  standalone: true,\n  selector: 'tng-info',\n  templateUrl: './info.component.html',\n})\nexport class TngInfo {\n  readonly docsUrl = 'https://tailng.dev';\n  readonly githubUrl = 'https://github.com/tociva/tailng';\n}","<div class=\"rounded border p-4 text-sm\">\n  <h3 class=\"font-semibold\">tailng UI</h3>\n\n  <p class=\"mt-2\">\n    A modern Angular UI library powered by Tailwind CSS.\n  </p>\n\n  <ul class=\"mt-3 space-y-1\">\n    <li>\n      Docs:\n      <a [href]=\"docsUrl\" target=\"_blank\" class=\"underline\">\n        {{ docsUrl }}\n      </a>\n    </li>\n    <li>\n      GitHub:\n      <a [href]=\"githubUrl\" target=\"_blank\" class=\"underline\">\n        {{ githubUrl }}\n      </a>\n    </li>\n  </ul>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAOa,OAAO,CAAA;IACT,OAAO,GAAG,oBAAoB;IAC9B,SAAS,GAAG,kCAAkC;uGAF5C,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,oECPpB,ggBAqBM,EAAA,CAAA;;2FDdO,OAAO,EAAA,UAAA,EAAA,CAAA;kBALnB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,UAAU,EAAA,QAAA,EAAA,ggBAAA,EAAA;;;AEJtB;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tociva/tailng-cdk",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Headless Angular utilities and primitives for Tailng",
   "license": "MIT",
   "repository": {