@cdevhub/ngx-tw 0.2.0

package/fesm2022/cdevhub-ngx-tw-textarea.mjs

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, numberAttribute, computed, effect, forwardRef, Directive } from '@angular/core';
+import * as i1 from '@angular/cdk/text-field';
+import { CdkTextareaAutosize } from '@angular/cdk/text-field';
+import { tv } from 'tailwind-variants';
+import { TW_FORM_FIELD_CONTROL } from '@cdevhub/ngx-tw/form-field';
+import { InputDirective } from '@cdevhub/ngx-tw/input';
+
+const textareaVariants = tv({
+    base: '',
+    variants: {
+        resize: {
+            none: 'resize-none',
+            vertical: 'resize-y',
+            both: 'resize',
+        },
+    },
+    defaultVariants: {
+        resize: 'vertical',
+    },
+}, { twMerge: true });
+/**
+ * Adapts a native `<textarea>` into an ngx-tw form-field-compatible multi-line
+ * control. Extends {@link InputDirective} — inherits its form-field
+ * integration, error-state machinery, autofill / focus tracking, ARIA wiring,
+ * and standalone styling. Adds textarea-specific behavior: autosize composition
+ * via CDK's `CdkTextareaAutosize`, a `resize` axis for the user-resize handle,
+ * `rows` / `minRows` / `maxRows`, and `maxLength` with a `valueLength` signal
+ * for character counters.
+ *
+ * Like `InputDirective`, this directive deliberately does NOT implement
+ * `ControlValueAccessor`. Angular's built-in `DefaultValueAccessor` attaches to
+ * the native `<textarea>` and handles value I/O for template-driven
+ * (`ngModel`), reactive (`FormControl` / `formControlName`), and signal-forms
+ * (`formField`) bindings — no library glue required.
+ *
+ * Form-control input-cap exception applies (codified in CLAUDE.md): ARIA +
+ * forms baseline plus textarea-specific surface exceeds the 5–6 cap;
+ * `checkbox` is the canonical 12+ exemplar.
+ */
+class TextareaDirective extends InputDirective {
+    cdkAutosize = inject(CdkTextareaAutosize, {
+        self: true,
+        optional: true,
+    });
+    // @internal Re-declares the `size` input inherited from `InputDirective` so
+    // it lands on this directive's own `ɵdir` input metadata. ng-packagr emits
+    // `ɵdir` with only the child's directly declared inputs, so without this the
+    // consumer-side strict template-check rejects `<textarea twTextarea
+    // [size]="…">` with NG8002. Both signals share the same `'md'` default and
+    // the inherited `classes()` computed reads through polymorphism, so runtime
+    // behaviour is unchanged.
+    //
+    // The `@ts-ignore` is needed for a CI-only quirk: under
+    // `noImplicitOverride`, partial compilation resolves `InputDirective`
+    // through the just-built `dist/` d.ts on CI, where TypeScript decides the
+    // base member isn't visible and rejects `override` with TS4113. Locally
+    // the same resolution sees the member, so `@ts-expect-error` would itself
+    // flag as unused. `@ts-ignore` suppresses whichever error fires and is
+    // a no-op when neither does.
+    /** Density of a standalone textarea. Maps to the inline-padding + font scale (`xs` … `xl`). Ignored inside a `<tw-form-field>` — the wrapper's `size` carries density. Defaults to `'md'`. */
+    // @ts-ignore — TS4113 (CI) vs TS4114 (local); see comment above.
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Grows the textarea with its content (composed from CDK's `CdkTextareaAutosize`). When `true` the user-resize handle is forced off — autosize owns the height. Defaults to `false`. */
+    autosize = input(false, { ...(ngDevMode ? { debugName: "autosize" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Minimum number of rows the textarea collapses to when `autosize` is `true`. Ignored when autosize is off. Defaults to `1`. */
+    minRows = input(1, { ...(ngDevMode ? { debugName: "minRows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Maximum number of rows the textarea expands to before scrolling, when `autosize` is `true`. `undefined` removes the cap. Ignored when autosize is off. Defaults to `undefined`. */
+    maxRows = input(undefined, { ...(ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {}), transform: (v) => (v === undefined || v === null || v === '' ? undefined : numberAttribute(v)) });
+    /** Number of rows for the initial render height (native `rows` attribute). Browsers honor this even when `autosize` is `true`, so first paint uses this value. Defaults to `3`. */
+    rows = input(3, { ...(ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Controls the user-resize handle: `'none'` locks the size, `'vertical'` (default) allows vertical drag, `'both'` allows both axes. Forced to `'none'` when `autosize` is `true`. Horizontal-only is intentionally not supported. */
+    resize = input('vertical', ...(ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []));
+    /** Maximum character count. Mirrors to the native `maxlength` attribute when defined and is exposed via the `valueLength` signal so consumers can render a "X / N" hint. Defaults to `undefined`. */
+    maxLength = input(undefined, { ...(ngDevMode ? { debugName: "maxLength" } : /* istanbul ignore next */ {}), transform: (v) => (v === undefined || v === null || v === '' ? undefined : numberAttribute(v)) });
+    /** Current value length, updates on every `input` event. Wire `<span twHint align="end">{{ ta.valueLength() }} / {{ ta.maxLength() }}</span>` for a character counter. */
+    valueLength = computed(() => this.value()?.length ?? 0, ...(ngDevMode ? [{ debugName: "valueLength" }] : /* istanbul ignore next */ []));
+    /** @internal Textarea-specific Tailwind classes (resize axis). Combined with the inherited `classes()` in the host `[class]` binding. */
+    textareaClasses = computed(() => 
+    // Short-circuit the resize/autosize conflict deterministically — don't
+    // rely on tv variant emission order or twMerge "last wins" semantics.
+    this.autosize()
+        ? textareaVariants({ resize: 'none' })
+        : textareaVariants({ resize: this.resize() }), ...(ngDevMode ? [{ debugName: "textareaClasses" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        // Wire the autosize toggle. The CDK directive is always mounted via
+        // hostDirectives; we just flip its `enabled` setter based on our input.
+        effect(() => {
+            if (this.cdkAutosize) {
+                this.cdkAutosize.enabled = this.autosize();
+            }
+        });
+    }
+    /** Triggers a CDK autosize recalculation. Useful after programmatic value changes that bypass the native `(input)` event (e.g., clipboard write APIs). No-op when `autosize` is `false`. */
+    resizeToFitContent(force = false) {
+        if (this.cdkAutosize && this.autosize()) {
+            this.cdkAutosize.resizeToFitContent(force);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: TextareaDirective, isStandalone: true, selector: "textarea[twTextarea]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autosize: { classPropertyName: "autosize", publicName: "autosize", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "_onInput()" }, properties: { "class": "classes() + \" \" + textareaClasses()", "attr.id": "id()", "attr.rows": "rows()", "attr.maxlength": "maxLength() ?? null", "disabled": "disabled()", "attr.aria-invalid": "errorState() || null", "attr.aria-required": "required() || null" } }, providers: [
+            {
+                provide: TW_FORM_FIELD_CONTROL,
+                useExisting: forwardRef(() => TextareaDirective),
+            },
+        ], exportAs: ["twTextarea"], usesInheritance: true, hostDirectives: [{ directive: i1.CdkTextareaAutosize, inputs: ["cdkAutosizeMinRows", "minRows", "cdkAutosizeMaxRows", "maxRows"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TextareaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[twTextarea]',
+                    exportAs: 'twTextarea',
+                    hostDirectives: [
+                        {
+                            directive: CdkTextareaAutosize,
+                            inputs: [
+                                'cdkAutosizeMinRows: minRows',
+                                'cdkAutosizeMaxRows: maxRows',
+                            ],
+                        },
+                    ],
+                    providers: [
+                        {
+                            provide: TW_FORM_FIELD_CONTROL,
+                            useExisting: forwardRef(() => TextareaDirective),
+                        },
+                    ],
+                    host: {
+                        '[class]': 'classes() + " " + textareaClasses()',
+                        '[attr.id]': 'id()',
+                        '[attr.rows]': 'rows()',
+                        '[attr.maxlength]': 'maxLength() ?? null',
+                        '[disabled]': 'disabled()',
+                        '[attr.aria-invalid]': 'errorState() || null',
+                        '[attr.aria-required]': 'required() || null',
+                        '(input)': '_onInput()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autosize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosize", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaDirective };
+//# sourceMappingURL=cdevhub-ngx-tw-textarea.mjs.map

package/fesm2022/cdevhub-ngx-tw-textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-textarea.mjs","sources":["../../../projects/ngx-tw/textarea/textarea.ts","../../../projects/ngx-tw/textarea/cdevhub-ngx-tw-textarea.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  numberAttribute,\n  type Signal,\n} from '@angular/core';\nimport { CdkTextareaAutosize } from '@angular/cdk/text-field';\nimport { tv } from 'tailwind-variants';\nimport type { TwSize } from '@cdevhub/ngx-tw/core';\nimport { TW_FORM_FIELD_CONTROL } from '@cdevhub/ngx-tw/form-field';\nimport { InputDirective } from '@cdevhub/ngx-tw/input';\n\n/**\n * How the user-resize handle behaves on the textarea. `'vertical'` (the\n * default) lets users drag the bottom edge to grow the textarea; `'none'`\n * locks the size; `'both'` allows free resizing on both axes (rarely useful\n * inside a form-field — the textarea can overflow the wrapper). Horizontal\n * is intentionally omitted — it breaks form-field layout in practice.\n */\nexport type TwTextareaResize = 'none' | 'vertical' | 'both';\n\nconst textareaVariants = tv(\n  {\n    base: '',\n    variants: {\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        both: 'resize',\n      },\n    },\n    defaultVariants: {\n      resize: 'vertical',\n    },\n  },\n  { twMerge: true },\n);\n\n/**\n * Adapts a native `<textarea>` into an ngx-tw form-field-compatible multi-line\n * control. Extends {@link InputDirective} — inherits its form-field\n * integration, error-state machinery, autofill / focus tracking, ARIA wiring,\n * and standalone styling. Adds textarea-specific behavior: autosize composition\n * via CDK's `CdkTextareaAutosize`, a `resize` axis for the user-resize handle,\n * `rows` / `minRows` / `maxRows`, and `maxLength` with a `valueLength` signal\n * for character counters.\n *\n * Like `InputDirective`, this directive deliberately does NOT implement\n * `ControlValueAccessor`. Angular's built-in `DefaultValueAccessor` attaches to\n * the native `<textarea>` and handles value I/O for template-driven\n * (`ngModel`), reactive (`FormControl` / `formControlName`), and signal-forms\n * (`formField`) bindings — no library glue required.\n *\n * Form-control input-cap exception applies (codified in CLAUDE.md): ARIA +\n * forms baseline plus textarea-specific surface exceeds the 5–6 cap;\n * `checkbox` is the canonical 12+ exemplar.\n */\n@Directive({\n  selector: 'textarea[twTextarea]',\n  exportAs: 'twTextarea',\n  hostDirectives: [\n    {\n      directive: CdkTextareaAutosize,\n      inputs: [\n        'cdkAutosizeMinRows: minRows',\n        'cdkAutosizeMaxRows: maxRows',\n      ],\n    },\n  ],\n  providers: [\n    {\n      provide: TW_FORM_FIELD_CONTROL,\n      useExisting: forwardRef(() => TextareaDirective),\n    },\n  ],\n  host: {\n    '[class]': 'classes() + \" \" + textareaClasses()',\n    '[attr.id]': 'id()',\n    '[attr.rows]': 'rows()',\n    '[attr.maxlength]': 'maxLength() ?? null',\n    '[disabled]': 'disabled()',\n    '[attr.aria-invalid]': 'errorState() || null',\n    '[attr.aria-required]': 'required() || null',\n    '(input)': '_onInput()',\n  },\n})\nexport class TextareaDirective extends InputDirective {\n  private readonly cdkAutosize = inject(CdkTextareaAutosize, {\n    self: true,\n    optional: true,\n  });\n\n  // @internal Re-declares the `size` input inherited from `InputDirective` so\n  // it lands on this directive's own `ɵdir` input metadata. ng-packagr emits\n  // `ɵdir` with only the child's directly declared inputs, so without this the\n  // consumer-side strict template-check rejects `<textarea twTextarea\n  // [size]=\"…\">` with NG8002. Both signals share the same `'md'` default and\n  // the inherited `classes()` computed reads through polymorphism, so runtime\n  // behaviour is unchanged.\n  //\n  // The `@ts-ignore` is needed for a CI-only quirk: under\n  // `noImplicitOverride`, partial compilation resolves `InputDirective`\n  // through the just-built `dist/` d.ts on CI, where TypeScript decides the\n  // base member isn't visible and rejects `override` with TS4113. Locally\n  // the same resolution sees the member, so `@ts-expect-error` would itself\n  // flag as unused. `@ts-ignore` suppresses whichever error fires and is\n  // a no-op when neither does.\n  /** Density of a standalone textarea. Maps to the inline-padding + font scale (`xs` … `xl`). Ignored inside a `<tw-form-field>` — the wrapper's `size` carries density. Defaults to `'md'`. */\n  // @ts-ignore — TS4113 (CI) vs TS4114 (local); see comment above.\n  override readonly size = input<TwSize>('md');\n\n  /** Grows the textarea with its content (composed from CDK's `CdkTextareaAutosize`). When `true` the user-resize handle is forced off — autosize owns the height. Defaults to `false`. */\n  readonly autosize = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n\n  /** Minimum number of rows the textarea collapses to when `autosize` is `true`. Ignored when autosize is off. Defaults to `1`. */\n  readonly minRows = input<number, unknown>(1, { transform: numberAttribute });\n\n  /** Maximum number of rows the textarea expands to before scrolling, when `autosize` is `true`. `undefined` removes the cap. Ignored when autosize is off. Defaults to `undefined`. */\n  readonly maxRows = input<number | undefined, unknown>(undefined, {\n    transform: (v) => (v === undefined || v === null || v === '' ? undefined : numberAttribute(v)),\n  });\n\n  /** Number of rows for the initial render height (native `rows` attribute). Browsers honor this even when `autosize` is `true`, so first paint uses this value. Defaults to `3`. */\n  readonly rows = input<number, unknown>(3, { transform: numberAttribute });\n\n  /** Controls the user-resize handle: `'none'` locks the size, `'vertical'` (default) allows vertical drag, `'both'` allows both axes. Forced to `'none'` when `autosize` is `true`. Horizontal-only is intentionally not supported. */\n  readonly resize = input<TwTextareaResize>('vertical');\n\n  /** Maximum character count. Mirrors to the native `maxlength` attribute when defined and is exposed via the `valueLength` signal so consumers can render a \"X / N\" hint. Defaults to `undefined`. */\n  readonly maxLength = input<number | undefined, unknown>(undefined, {\n    transform: (v) => (v === undefined || v === null || v === '' ? undefined : numberAttribute(v)),\n  });\n\n  /** Current value length, updates on every `input` event. Wire `<span twHint align=\"end\">{{ ta.valueLength() }} / {{ ta.maxLength() }}</span>` for a character counter. */\n  readonly valueLength: Signal<number> = computed(() => this.value()?.length ?? 0);\n\n  /** @internal Textarea-specific Tailwind classes (resize axis). Combined with the inherited `classes()` in the host `[class]` binding. */\n  readonly textareaClasses = computed(() =>\n    // Short-circuit the resize/autosize conflict deterministically — don't\n    // rely on tv variant emission order or twMerge \"last wins\" semantics.\n    this.autosize()\n      ? textareaVariants({ resize: 'none' })\n      : textareaVariants({ resize: this.resize() }),\n  );\n\n  constructor() {\n    super();\n\n    // Wire the autosize toggle. The CDK directive is always mounted via\n    // hostDirectives; we just flip its `enabled` setter based on our input.\n    effect(() => {\n      if (this.cdkAutosize) {\n        this.cdkAutosize.enabled = this.autosize();\n      }\n    });\n  }\n\n  /** Triggers a CDK autosize recalculation. Useful after programmatic value changes that bypass the native `(input)` event (e.g., clipboard write APIs). No-op when `autosize` is `false`. */\n  resizeToFitContent(force = false): void {\n    if (this.cdkAutosize && this.autosize()) {\n      this.cdkAutosize.resizeToFitContent(force);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AA0BA,MAAM,gBAAgB,GAAG,EAAE,CACzB;AACE,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,MAAM,EAAE,UAAU;AACnB,KAAA;AACF,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;;;;;;;;;;;;;;;;;;AAkBG;AA8BG,MAAO,iBAAkB,SAAQ,cAAc,CAAA;AAClC,IAAA,WAAW,GAAG,MAAM,CAAC,mBAAmB,EAAE;AACzD,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;;;;;;;;;;;;;;;;;;AAmBgB,IAAA,IAAI,GAAG,KAAK,CAAS,IAAI,2EAAC;;IAGnC,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAC/C,SAAS,EAAE,gBAAgB,EAAA,CAC3B;;IAGO,OAAO,GAAG,KAAK,CAAkB,CAAC,+EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;;AAGnE,IAAA,OAAO,GAAG,KAAK,CAA8B,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAC7D,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,GAC9F;;IAGO,IAAI,GAAG,KAAK,CAAkB,CAAC,4EAAI,SAAS,EAAE,eAAe,EAAA,CAAG;;AAGhE,IAAA,MAAM,GAAG,KAAK,CAAmB,UAAU,6EAAC;;AAG5C,IAAA,SAAS,GAAG,KAAK,CAA8B,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,CAAA,EAC/D,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,GAAG,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,GAC9F;;AAGO,IAAA,WAAW,GAAmB,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,IAAI,CAAC,kFAAC;;AAGvE,IAAA,eAAe,GAAG,QAAQ,CAAC;;;IAGlC,IAAI,CAAC,QAAQ;UACT,gBAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE;AACrC,UAAE,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,sFAChD;AAED,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;;;QAIP,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC5C;AACF,QAAA,CAAC,CAAC;IACJ;;IAGA,kBAAkB,CAAC,KAAK,GAAG,KAAK,EAAA;QAC9B,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACvC,YAAA,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC;QAC5C;IACF;wGA9EW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,uCAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAjBjB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,qBAAqB;AAC9B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACjD,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,EAAA,oBAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAYU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBA7B7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE;gCACN,6BAA6B;gCAC7B,6BAA6B;AAC9B,6BAAA;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,qBAAqB;AAC9B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjD,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,qCAAqC;AAChD,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,aAAa,EAAE,QAAQ;AACvB,wBAAA,kBAAkB,EAAE,qBAAqB;AACzC,wBAAA,YAAY,EAAE,YAAY;AAC1B,wBAAA,qBAAqB,EAAE,sBAAsB;AAC7C,wBAAA,sBAAsB,EAAE,oBAAoB;AAC5C,wBAAA,SAAS,EAAE,YAAY;AACxB,qBAAA;AACF,iBAAA;;;AC1FD;;AAEG;;;;"}

package/fesm2022/cdevhub-ngx-tw-theme.mjs

@@ -0,0 +1,178 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, PLATFORM_ID, NgZone, signal, computed, effect, Injectable, input, Directive } from '@angular/core';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+
+/** Ordered list of every {@link TwTheme} value, used by `cycleTheme()` and for UI iteration. */
+const TW_THEMES = ['light', 'dark', 'high-contrast', 'system'];
+/** Ordered list of every {@link TwResolvedTheme} value (i.e. {@link TW_THEMES} minus `'system'`). */
+const TW_RESOLVED_THEMES = ['light', 'dark', 'high-contrast'];
+/** Built-in defaults merged under any user-provided {@link TwThemeConfig} by `provideTheme()`. */
+const DEFAULT_TW_THEME_CONFIG = {
+    defaultTheme: 'system',
+    storageKey: 'ngx-tw-theme',
+    attribute: 'data-theme',
+    target: 'documentElement',
+};
+
+/** Injection token carrying the resolved {@link TwThemeConfig} (storage key, attribute, target element, default theme). */
+const THEME_CONFIG = new InjectionToken('THEME_CONFIG');
+/**
+ * Registers {@link ThemeService} and a {@link THEME_CONFIG} value built by
+ * merging `config` over {@link DEFAULT_TW_THEME_CONFIG}. Call once in the
+ * app's environment providers.
+ */
+function provideTheme(config) {
+    return makeEnvironmentProviders([
+        {
+            provide: THEME_CONFIG,
+            useValue: { ...DEFAULT_TW_THEME_CONFIG, ...config },
+        },
+        ThemeService,
+    ]);
+}
+
+/**
+ * Stateful runtime service that owns the active theme, reacts to OS
+ * `prefers-color-scheme` changes, persists the user selection to
+ * `localStorage`, and writes the resolved theme onto the configured DOM
+ * target as a `data-theme` attribute.
+ *
+ * The selected {@link theme} may be `'system'` (defer to the OS); the
+ * {@link resolvedTheme} computed from it is always one of `'light'`,
+ * `'dark'`, or `'high-contrast'` — never `'system'`. Register via
+ * {@link provideTheme} in the app's environment providers.
+ */
+class ThemeService {
+    config = inject(THEME_CONFIG);
+    document = inject(DOCUMENT);
+    isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
+    ngZone = inject(NgZone);
+    mediaQuery = null;
+    mediaListener = (e) => {
+        this.systemTheme.set(e.matches ? 'dark' : 'light');
+    };
+    /** The user-selected theme (may be `'system'`). */
+    theme = signal(this.loadInitialTheme(), ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    /** The OS color scheme preference. */
+    systemTheme = signal(this.detectSystemTheme(), ...(ngDevMode ? [{ debugName: "systemTheme" }] : /* istanbul ignore next */ []));
+    /** The resolved theme actually applied to the DOM (never `'system'`). */
+    resolvedTheme = computed(() => {
+        const t = this.theme();
+        return t === 'system' ? this.systemTheme() : t;
+    }, ...(ngDevMode ? [{ debugName: "resolvedTheme" }] : /* istanbul ignore next */ []));
+    /** True when the resolved theme is `'dark'`. */
+    isDark = computed(() => this.resolvedTheme() === 'dark', ...(ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []));
+    /** True when the resolved theme is `'light'`. */
+    isLight = computed(() => this.resolvedTheme() === 'light', ...(ngDevMode ? [{ debugName: "isLight" }] : /* istanbul ignore next */ []));
+    /** True when the resolved theme is `'high-contrast'`. */
+    isHighContrast = computed(() => this.resolvedTheme() === 'high-contrast', ...(ngDevMode ? [{ debugName: "isHighContrast" }] : /* istanbul ignore next */ []));
+    /** Snapshot of the full theme state — selected, resolved, system, and boolean flags. */
+    state = computed(() => ({
+        theme: this.theme(),
+        resolvedTheme: this.resolvedTheme(),
+        systemTheme: this.systemTheme(),
+        isDark: this.isDark(),
+        isLight: this.isLight(),
+        isHighContrast: this.isHighContrast(),
+    }), ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (this.isBrowser) {
+            // Register the media-query listener outside the Angular zone — it fires
+            // on OS theme changes, not user interaction, and we don't want zone.js
+            // bookkeeping for every system colour-scheme tick. The listener calls
+            // `signal.set()`, which schedules its own change detection.
+            this.ngZone.runOutsideAngular(() => {
+                this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+                this.mediaQuery.addEventListener('change', this.mediaListener);
+            });
+        }
+        effect(() => {
+            const resolved = this.resolvedTheme();
+            const selected = this.theme();
+            this.applyToDocument(resolved);
+            this.persistTheme(selected);
+        });
+    }
+    /** Sets the selected theme. Pass `'system'` to follow the OS preference. */
+    setTheme(theme) {
+        this.theme.set(theme);
+    }
+    /** Advances the selected theme to the next entry in {@link TW_THEMES}, wrapping around. */
+    cycleTheme() {
+        const current = this.theme();
+        const idx = TW_THEMES.indexOf(current);
+        this.theme.set(TW_THEMES[(idx + 1) % TW_THEMES.length]);
+    }
+    /** Writes the configured theme attribute onto an arbitrary element — used to scope themes to a subtree. */
+    applyToElement(element, theme) {
+        element.setAttribute(this.config.attribute, theme);
+    }
+    ngOnDestroy() {
+        this.mediaQuery?.removeEventListener('change', this.mediaListener);
+    }
+    loadInitialTheme() {
+        if (!this.isBrowser)
+            return this.config.defaultTheme;
+        try {
+            const stored = localStorage.getItem(this.config.storageKey);
+            if (stored && TW_THEMES.includes(stored)) {
+                return stored;
+            }
+        }
+        catch {
+            /* localStorage unavailable */
+        }
+        return this.config.defaultTheme;
+    }
+    detectSystemTheme() {
+        if (!this.isBrowser)
+            return 'light';
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    applyToDocument(theme) {
+        if (!this.isBrowser)
+            return;
+        const target = this.config.target === 'documentElement'
+            ? this.document.documentElement
+            : this.document.body;
+        target.setAttribute(this.config.attribute, theme);
+    }
+    persistTheme(theme) {
+        if (!this.isBrowser)
+            return;
+        try {
+            localStorage.setItem(this.config.storageKey, theme);
+        }
+        catch {
+            /* localStorage unavailable */
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class ThemeDirective {
+    /** Scopes a subtree to a specific resolved theme by writing `data-theme` on the host. Required. */
+    twTheme = input.required(...(ngDevMode ? [{ debugName: "twTheme" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: ThemeDirective, isStandalone: true, selector: "[twTheme]", inputs: { twTheme: { classPropertyName: "twTheme", publicName: "twTheme", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-theme": "twTheme()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twTheme]',
+                    host: {
+                        '[attr.data-theme]': 'twTheme()',
+                    },
+                }]
+        }], propDecorators: { twTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "twTheme", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_TW_THEME_CONFIG, THEME_CONFIG, TW_RESOLVED_THEMES, TW_THEMES, ThemeDirective, ThemeService, provideTheme };
+//# sourceMappingURL=cdevhub-ngx-tw-theme.mjs.map

package/fesm2022/cdevhub-ngx-tw-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-theme.mjs","sources":["../../../projects/ngx-tw/theme/theme.types.ts","../../../projects/ngx-tw/theme/theme.config.ts","../../../projects/ngx-tw/theme/theme.service.ts","../../../projects/ngx-tw/theme/theme.directive.ts","../../../projects/ngx-tw/theme/cdevhub-ngx-tw-theme.ts"],"sourcesContent":["/** The user-selectable theme. `'system'` defers to the OS `prefers-color-scheme` setting. */\nexport type TwTheme = 'light' | 'dark' | 'high-contrast' | 'system';\n\n/** The theme actually applied to the DOM after resolving `'system'` against the OS preference. */\nexport type TwResolvedTheme = 'light' | 'dark' | 'high-contrast';\n\n/** Ordered list of every {@link TwTheme} value, used by `cycleTheme()` and for UI iteration. */\nexport const TW_THEMES = ['light', 'dark', 'high-contrast', 'system'] as const satisfies readonly TwTheme[];\n\n/** Ordered list of every {@link TwResolvedTheme} value (i.e. {@link TW_THEMES} minus `'system'`). */\nexport const TW_RESOLVED_THEMES = ['light', 'dark', 'high-contrast'] as const satisfies readonly TwResolvedTheme[];\n\n/** Runtime configuration for {@link provideTheme}; controls storage, attribute name, target element, and default. */\nexport interface TwThemeConfig {\n  /** The default theme when no preference is stored. Defaults to `'system'`. */\n  defaultTheme: TwTheme;\n  /** localStorage key for persisting theme preference. Defaults to `'ngx-tw-theme'`. */\n  storageKey: string;\n  /** The HTML attribute written to the target element. Defaults to `'data-theme'`. */\n  attribute: string;\n  /** Which element receives the theme attribute. Defaults to `'documentElement'`. */\n  target: 'documentElement' | 'body';\n}\n\n/** Composite snapshot of `ThemeService` state — selected, resolved, system, and boolean flags. */\nexport interface TwThemeState {\n  /** The user-selected theme — may be `'system'`. */\n  readonly theme: TwTheme;\n  /** The theme actually applied to the DOM — never `'system'`. */\n  readonly resolvedTheme: TwResolvedTheme;\n  /** The OS color-scheme preference detected via `prefers-color-scheme`. */\n  readonly systemTheme: TwResolvedTheme;\n  /** True when {@link resolvedTheme} is `'dark'`. */\n  readonly isDark: boolean;\n  /** True when {@link resolvedTheme} is `'light'`. */\n  readonly isLight: boolean;\n  /** True when {@link resolvedTheme} is `'high-contrast'`. */\n  readonly isHighContrast: boolean;\n}\n\n/** Built-in defaults merged under any user-provided {@link TwThemeConfig} by `provideTheme()`. */\nexport const DEFAULT_TW_THEME_CONFIG: TwThemeConfig = {\n  defaultTheme: 'system',\n  storageKey: 'ngx-tw-theme',\n  attribute: 'data-theme',\n  target: 'documentElement',\n};\n","import { InjectionToken, makeEnvironmentProviders, type EnvironmentProviders } from '@angular/core';\nimport { type TwThemeConfig, DEFAULT_TW_THEME_CONFIG } from './theme.types';\nimport { ThemeService } from './theme.service';\n\n/** Injection token carrying the resolved {@link TwThemeConfig} (storage key, attribute, target element, default theme). */\nexport const THEME_CONFIG = new InjectionToken<TwThemeConfig>('THEME_CONFIG');\n\n/**\n * Registers {@link ThemeService} and a {@link THEME_CONFIG} value built by\n * merging `config` over {@link DEFAULT_TW_THEME_CONFIG}. Call once in the\n * app's environment providers.\n */\nexport function provideTheme(config?: Partial<TwThemeConfig>): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: THEME_CONFIG,\n      useValue: { ...DEFAULT_TW_THEME_CONFIG, ...config },\n    },\n    ThemeService,\n  ]);\n}\n","import {\n  Injectable,\n  NgZone,\n  computed,\n  effect,\n  inject,\n  signal,\n  PLATFORM_ID,\n  type OnDestroy,\n} from '@angular/core';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { THEME_CONFIG } from './theme.config';\nimport { TW_THEMES, type TwTheme, type TwResolvedTheme, type TwThemeState } from './theme.types';\n\n/**\n * Stateful runtime service that owns the active theme, reacts to OS\n * `prefers-color-scheme` changes, persists the user selection to\n * `localStorage`, and writes the resolved theme onto the configured DOM\n * target as a `data-theme` attribute.\n *\n * The selected {@link theme} may be `'system'` (defer to the OS); the\n * {@link resolvedTheme} computed from it is always one of `'light'`,\n * `'dark'`, or `'high-contrast'` — never `'system'`. Register via\n * {@link provideTheme} in the app's environment providers.\n */\n@Injectable()\nexport class ThemeService implements OnDestroy {\n  private readonly config = inject(THEME_CONFIG);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly ngZone = inject(NgZone);\n\n  private mediaQuery: MediaQueryList | null = null;\n  private readonly mediaListener = (e: MediaQueryListEvent) => {\n    this.systemTheme.set(e.matches ? 'dark' : 'light');\n  };\n\n  /** The user-selected theme (may be `'system'`). */\n  readonly theme = signal<TwTheme>(this.loadInitialTheme());\n\n  /** The OS color scheme preference. */\n  readonly systemTheme = signal<TwResolvedTheme>(this.detectSystemTheme());\n\n  /** The resolved theme actually applied to the DOM (never `'system'`). */\n  readonly resolvedTheme = computed<TwResolvedTheme>(() => {\n    const t = this.theme();\n    return t === 'system' ? this.systemTheme() : t;\n  });\n\n  /** True when the resolved theme is `'dark'`. */\n  readonly isDark = computed(() => this.resolvedTheme() === 'dark');\n  /** True when the resolved theme is `'light'`. */\n  readonly isLight = computed(() => this.resolvedTheme() === 'light');\n  /** True when the resolved theme is `'high-contrast'`. */\n  readonly isHighContrast = computed(() => this.resolvedTheme() === 'high-contrast');\n\n  /** Snapshot of the full theme state — selected, resolved, system, and boolean flags. */\n  readonly state = computed<TwThemeState>(() => ({\n    theme: this.theme(),\n    resolvedTheme: this.resolvedTheme(),\n    systemTheme: this.systemTheme(),\n    isDark: this.isDark(),\n    isLight: this.isLight(),\n    isHighContrast: this.isHighContrast(),\n  }));\n\n  constructor() {\n    if (this.isBrowser) {\n      // Register the media-query listener outside the Angular zone — it fires\n      // on OS theme changes, not user interaction, and we don't want zone.js\n      // bookkeeping for every system colour-scheme tick. The listener calls\n      // `signal.set()`, which schedules its own change detection.\n      this.ngZone.runOutsideAngular(() => {\n        this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n        this.mediaQuery.addEventListener('change', this.mediaListener);\n      });\n    }\n\n    effect(() => {\n      const resolved = this.resolvedTheme();\n      const selected = this.theme();\n      this.applyToDocument(resolved);\n      this.persistTheme(selected);\n    });\n  }\n\n  /** Sets the selected theme. Pass `'system'` to follow the OS preference. */\n  setTheme(theme: TwTheme): void {\n    this.theme.set(theme);\n  }\n\n  /** Advances the selected theme to the next entry in {@link TW_THEMES}, wrapping around. */\n  cycleTheme(): void {\n    const current = this.theme();\n    const idx = TW_THEMES.indexOf(current);\n    this.theme.set(TW_THEMES[(idx + 1) % TW_THEMES.length]);\n  }\n\n  /** Writes the configured theme attribute onto an arbitrary element — used to scope themes to a subtree. */\n  applyToElement(element: HTMLElement, theme: TwResolvedTheme): void {\n    element.setAttribute(this.config.attribute, theme);\n  }\n\n  ngOnDestroy(): void {\n    this.mediaQuery?.removeEventListener('change', this.mediaListener);\n  }\n\n  private loadInitialTheme(): TwTheme {\n    if (!this.isBrowser) return this.config.defaultTheme;\n    try {\n      const stored = localStorage.getItem(this.config.storageKey);\n      if (stored && (TW_THEMES as readonly string[]).includes(stored)) {\n        return stored as TwTheme;\n      }\n    } catch {\n      /* localStorage unavailable */\n    }\n    return this.config.defaultTheme;\n  }\n\n  private detectSystemTheme(): TwResolvedTheme {\n    if (!this.isBrowser) return 'light';\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n\n  private applyToDocument(theme: TwResolvedTheme): void {\n    if (!this.isBrowser) return;\n    const target =\n      this.config.target === 'documentElement'\n        ? this.document.documentElement\n        : this.document.body;\n    target.setAttribute(this.config.attribute, theme);\n  }\n\n  private persistTheme(theme: TwTheme): void {\n    if (!this.isBrowser) return;\n    try {\n      localStorage.setItem(this.config.storageKey, theme);\n    } catch {\n      /* localStorage unavailable */\n    }\n  }\n}\n","import { Directive, input } from '@angular/core';\nimport type { TwResolvedTheme } from './theme.types';\n\n@Directive({\n  selector: '[twTheme]',\n  host: {\n    '[attr.data-theme]': 'twTheme()',\n  },\n})\nexport class ThemeDirective {\n  /** Scopes a subtree to a specific resolved theme by writing `data-theme` on the host. Required. */\n  readonly twTheme = input.required<TwResolvedTheme>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}