@cdevhub/ngx-tw 0.2.0

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

@@ -0,0 +1,241 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, inject, ElementRef, DestroyRef, computed, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { tv } from 'tailwind-variants';
+
+const itemVariants = tv({
+    slots: {
+        root: 'flex w-full text-fg',
+        // Leading is a layout slot only: `shrink-0` + optional `mt-*` nudge for baseline
+        // alignment. No `flex` / `items-*` here — those would conflict with the consumer's
+        // own tile styling (e.g. `flex items-center justify-center` on an icon tile).
+        leading: 'shrink-0',
+        content: 'flex min-w-0 flex-col',
+        title: 'text-fg font-medium',
+        description: 'text-fg-muted',
+        trailing: 'flex shrink-0',
+    },
+    variants: {
+        size: {
+            sm: {
+                root: 'gap-2 py-1.5',
+                content: 'gap-0',
+                title: 'text-sm truncate',
+                description: 'text-xs truncate',
+                trailing: 'gap-1.5',
+            },
+            md: {
+                root: 'gap-3 py-2',
+                leading: 'mt-0.5',
+                content: 'gap-1',
+                title: 'text-sm',
+                description: 'text-sm',
+                trailing: 'gap-2',
+            },
+            lg: {
+                root: 'gap-3 py-3',
+                leading: 'mt-0.5',
+                content: 'gap-1',
+                title: 'text-base font-semibold',
+                description: 'text-sm',
+                trailing: 'gap-2',
+            },
+        },
+        align: {
+            start: {
+                root: 'items-start',
+                trailing: 'items-start',
+            },
+            center: {
+                root: 'items-center',
+                leading: 'mt-0',
+                trailing: 'items-center',
+            },
+        },
+        interactive: {
+            true: {
+                root: '-mx-2 cursor-pointer rounded-md px-2 transition-colors duration-normal hover:bg-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 motion-reduce:transition-none',
+            },
+            false: {},
+        },
+        disabled: {
+            true: {
+                root: 'pointer-events-none opacity-50',
+            },
+            false: {},
+        },
+        current: {
+            true: {
+                root: 'bg-primary-soft ring-2 ring-inset ring-primary-border',
+            },
+            false: {},
+        },
+    },
+    compoundVariants: [
+        { size: 'sm', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },
+        { size: 'md', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },
+        { size: 'lg', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },
+    ],
+    defaultVariants: {
+        size: 'md',
+        align: 'start',
+        interactive: false,
+        disabled: false,
+        current: false,
+    },
+}, { twMerge: true });
+class ItemComponent {
+    /** Density and typography scale. `'sm'` is compact with truncated single-line title and description (table rows). `'md'` is the default list-item size. `'lg'` is the section-header scale with a larger title. Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Vertical alignment of the leading and trailing slots relative to the content stack. `'start'` aligns them with the title baseline (recommended when a description is present). `'center'` vertically centers them on the whole block (recommended for single-line items). Defaults to `'start'`. */
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, the item is keyboard-activatable: adds `role="button"`, `tabindex="0"`, a hover background, pointer cursor, and a visible focus ring. Click and Enter/Space emit `selected`. Defaults to `false`.
+     *
+     * Do not project additional focusable elements (buttons, links, inputs) into `[twItemLeading]` or `[twItemTrailing]` when this is `true` — they create nested interactive controls that fail AXE. For action-row patterns, keep `interactive` as `false` and let the projected control carry the semantics instead.
+     *
+     * For `role="menuitem"`, `role="option"`, or other listbox/menu semantics, do not use `tw-item` — the menu, select, and command-palette components own those roles and the keyboard contracts that come with them.
+     */
+    interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Disables an interactive item. Applies `opacity-50`, `pointer-events-none`, and sets `aria-disabled`. Only meaningful when `interactive` is `true`. Defaults to `false`. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** When `true`, marks the item as the visually highlighted "current" row (e.g. selected list entry, active settings tab). Applies a low-prominence primary tint, an inset ring, and `aria-current="true"`. Stacks cleanly with `interactive` (the focus ring sits on top of the current ring). Defaults to `false`. */
+    current = input(false, { ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Fires when an interactive item is activated via click, Enter, or Space. Payload is the originating DOM event. Does not emit when `interactive` is `false` or `disabled` is `true`. */
+    selected = output();
+    elementRef = inject(ElementRef);
+    focusMonitor = inject(FocusMonitor);
+    destroyRef = inject(DestroyRef);
+    variantResult = computed(() => itemVariants({
+        size: this.size(),
+        align: this.align(),
+        interactive: this.interactive(),
+        disabled: this.disabled(),
+        current: this.current(),
+    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    rootClasses = computed(() => this.variantResult().root(), ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    leadingClasses = computed(() => this.variantResult().leading(), ...(ngDevMode ? [{ debugName: "leadingClasses" }] : /* istanbul ignore next */ []));
+    contentClasses = computed(() => this.variantResult().content(), ...(ngDevMode ? [{ debugName: "contentClasses" }] : /* istanbul ignore next */ []));
+    titleClasses = computed(() => this.variantResult().title(), ...(ngDevMode ? [{ debugName: "titleClasses" }] : /* istanbul ignore next */ []));
+    descriptionClasses = computed(() => this.variantResult().description(), ...(ngDevMode ? [{ debugName: "descriptionClasses" }] : /* istanbul ignore next */ []));
+    trailingClasses = computed(() => this.variantResult().trailing(), ...(ngDevMode ? [{ debugName: "trailingClasses" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.focusMonitor.monitor(this.elementRef);
+        this.destroyRef.onDestroy(() => {
+            this.focusMonitor.stopMonitoring(this.elementRef);
+        });
+    }
+    onActivate(event) {
+        if (!this.interactive() || this.disabled())
+            return;
+        this.selected.emit(event);
+    }
+    onKeydown(event) {
+        if (!this.interactive() || this.disabled())
+            return;
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.selected.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: ItemComponent, isStandalone: true, selector: "tw-item", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "click": "onActivate($event)", "keydown": "onKeydown($event)" }, properties: { "class": "rootClasses()", "attr.role": "interactive() ? \"button\" : null", "attr.tabindex": "interactive() && !disabled() ? 0 : null", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-current": "current() ? \"true\" : null" } }, ngImport: i0, template: `
+    <ng-content select="[twItemLeading]" />
+    <div [class]="contentClasses()">
+      <ng-content select="[twItemTitle]" />
+      <ng-content select="[twItemDescription]" />
+    </div>
+    <ng-content select="[twItemTrailing]" />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'rootClasses()',
+                        '[attr.role]': 'interactive() ? "button" : null',
+                        '[attr.tabindex]': 'interactive() && !disabled() ? 0 : null',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.aria-current]': 'current() ? "true" : null',
+                        '(click)': 'onActivate($event)',
+                        '(keydown)': 'onKeydown($event)',
+                    },
+                    template: `
+    <ng-content select="[twItemLeading]" />
+    <div [class]="contentClasses()">
+      <ng-content select="[twItemTitle]" />
+      <ng-content select="[twItemDescription]" />
+    </div>
+    <ng-content select="[twItemTrailing]" />
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });
+class ItemLeadingDirective {
+    item = inject(ItemComponent);
+    classes = this.item.leadingClasses;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemLeadingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ItemLeadingDirective, isStandalone: true, selector: "[twItemLeading]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemLeadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twItemLeading]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+class ItemTitleDirective {
+    item = inject(ItemComponent);
+    classes = this.item.titleClasses;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ItemTitleDirective, isStandalone: true, selector: "[twItemTitle]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twItemTitle]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+class ItemDescriptionDirective {
+    item = inject(ItemComponent);
+    classes = this.item.descriptionClasses;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ItemDescriptionDirective, isStandalone: true, selector: "[twItemDescription]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twItemDescription]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+class ItemTrailingDirective {
+    item = inject(ItemComponent);
+    classes = this.item.trailingClasses;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemTrailingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: ItemTrailingDirective, isStandalone: true, selector: "[twItemTrailing]", host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ItemTrailingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[twItemTrailing]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ItemComponent, ItemDescriptionDirective, ItemLeadingDirective, ItemTitleDirective, ItemTrailingDirective };
+//# sourceMappingURL=cdevhub-ngx-tw-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-item.mjs","sources":["../../../projects/ngx-tw/item/item.ts","../../../projects/ngx-tw/item/cdevhub-ngx-tw-item.ts"],"sourcesContent":["import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  output,\n  type OnInit,\n} from '@angular/core';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { tv } from 'tailwind-variants';\nimport type { TwSize } from '@cdevhub/ngx-tw/core';\n\n/** Density / typography scale for `tw-item`. A narrower subset of `TwSize` — the three sizes that match real use cases (table row, list item, section header). */\nexport type ItemSize = Extract<TwSize, 'sm' | 'md' | 'lg'>;\n\n/** Vertical alignment of the leading and trailing slots relative to the title/description stack. */\nexport type ItemAlign = 'start' | 'center';\n\nconst itemVariants = tv(\n  {\n    slots: {\n      root: 'flex w-full text-fg',\n      // Leading is a layout slot only: `shrink-0` + optional `mt-*` nudge for baseline\n      // alignment. No `flex` / `items-*` here — those would conflict with the consumer's\n      // own tile styling (e.g. `flex items-center justify-center` on an icon tile).\n      leading: 'shrink-0',\n      content: 'flex min-w-0 flex-col',\n      title: 'text-fg font-medium',\n      description: 'text-fg-muted',\n      trailing: 'flex shrink-0',\n    },\n    variants: {\n      size: {\n        sm: {\n          root: 'gap-2 py-1.5',\n          content: 'gap-0',\n          title: 'text-sm truncate',\n          description: 'text-xs truncate',\n          trailing: 'gap-1.5',\n        },\n        md: {\n          root: 'gap-3 py-2',\n          leading: 'mt-0.5',\n          content: 'gap-1',\n          title: 'text-sm',\n          description: 'text-sm',\n          trailing: 'gap-2',\n        },\n        lg: {\n          root: 'gap-3 py-3',\n          leading: 'mt-0.5',\n          content: 'gap-1',\n          title: 'text-base font-semibold',\n          description: 'text-sm',\n          trailing: 'gap-2',\n        },\n      },\n      align: {\n        start: {\n          root: 'items-start',\n          trailing: 'items-start',\n        },\n        center: {\n          root: 'items-center',\n          leading: 'mt-0',\n          trailing: 'items-center',\n        },\n      },\n      interactive: {\n        true: {\n          root: '-mx-2 cursor-pointer rounded-md px-2 transition-colors duration-normal hover:bg-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 motion-reduce:transition-none',\n        },\n        false: {},\n      },\n      disabled: {\n        true: {\n          root: 'pointer-events-none opacity-50',\n        },\n        false: {},\n      },\n      current: {\n        true: {\n          root: 'bg-primary-soft ring-2 ring-inset ring-primary-border',\n        },\n        false: {},\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },\n      { size: 'md', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },\n      { size: 'lg', align: 'center', class: { leading: 'mt-0', root: 'items-center' } },\n    ],\n    defaultVariants: {\n      size: 'md',\n      align: 'start',\n      interactive: false,\n      disabled: false,\n      current: false,\n    },\n  },\n  { twMerge: true },\n);\n\n@Component({\n  selector: 'tw-item',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'rootClasses()',\n    '[attr.role]': 'interactive() ? \"button\" : null',\n    '[attr.tabindex]': 'interactive() && !disabled() ? 0 : null',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-current]': 'current() ? \"true\" : null',\n    '(click)': 'onActivate($event)',\n    '(keydown)': 'onKeydown($event)',\n  },\n  template: `\n    <ng-content select=\"[twItemLeading]\" />\n    <div [class]=\"contentClasses()\">\n      <ng-content select=\"[twItemTitle]\" />\n      <ng-content select=\"[twItemDescription]\" />\n    </div>\n    <ng-content select=\"[twItemTrailing]\" />\n  `,\n})\nexport class ItemComponent implements OnInit {\n  /** Density and typography scale. `'sm'` is compact with truncated single-line title and description (table rows). `'md'` is the default list-item size. `'lg'` is the section-header scale with a larger title. Defaults to `'md'`. */\n  readonly size = input<ItemSize>('md');\n\n  /** Vertical alignment of the leading and trailing slots relative to the content stack. `'start'` aligns them with the title baseline (recommended when a description is present). `'center'` vertically centers them on the whole block (recommended for single-line items). Defaults to `'start'`. */\n  readonly align = input<ItemAlign>('start');\n\n  /**\n   * When `true`, the item is keyboard-activatable: adds `role=\"button\"`, `tabindex=\"0\"`, a hover background, pointer cursor, and a visible focus ring. Click and Enter/Space emit `selected`. Defaults to `false`.\n   *\n   * Do not project additional focusable elements (buttons, links, inputs) into `[twItemLeading]` or `[twItemTrailing]` when this is `true` — they create nested interactive controls that fail AXE. For action-row patterns, keep `interactive` as `false` and let the projected control carry the semantics instead.\n   *\n   * For `role=\"menuitem\"`, `role=\"option\"`, or other listbox/menu semantics, do not use `tw-item` — the menu, select, and command-palette components own those roles and the keyboard contracts that come with them.\n   */\n  readonly interactive = input(false, { transform: booleanAttribute });\n\n  /** Disables an interactive item. Applies `opacity-50`, `pointer-events-none`, and sets `aria-disabled`. Only meaningful when `interactive` is `true`. Defaults to `false`. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /** When `true`, marks the item as the visually highlighted \"current\" row (e.g. selected list entry, active settings tab). Applies a low-prominence primary tint, an inset ring, and `aria-current=\"true\"`. Stacks cleanly with `interactive` (the focus ring sits on top of the current ring). Defaults to `false`. */\n  readonly current = input(false, { transform: booleanAttribute });\n\n  /** Fires when an interactive item is activated via click, Enter, or Space. Payload is the originating DOM event. Does not emit when `interactive` is `false` or `disabled` is `true`. */\n  readonly selected = output<Event>();\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly focusMonitor = inject(FocusMonitor);\n  private readonly destroyRef = inject(DestroyRef);\n\n  private readonly variantResult = computed(() =>\n    itemVariants({\n      size: this.size(),\n      align: this.align(),\n      interactive: this.interactive(),\n      disabled: this.disabled(),\n      current: this.current(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly leadingClasses = computed(() => this.variantResult().leading());\n  readonly contentClasses = computed(() => this.variantResult().content());\n  readonly titleClasses = computed(() => this.variantResult().title());\n  readonly descriptionClasses = computed(() => this.variantResult().description());\n  readonly trailingClasses = computed(() => this.variantResult().trailing());\n\n  ngOnInit(): void {\n    this.focusMonitor.monitor(this.elementRef);\n    this.destroyRef.onDestroy(() => {\n      this.focusMonitor.stopMonitoring(this.elementRef);\n    });\n  }\n\n  onActivate(event: Event): void {\n    if (!this.interactive() || this.disabled()) return;\n    this.selected.emit(event);\n  }\n\n  onKeydown(event: KeyboardEvent): void {\n    if (!this.interactive() || this.disabled()) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.selected.emit(event);\n    }\n  }\n}\n\n@Directive({\n  selector: '[twItemLeading]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class ItemLeadingDirective {\n  private readonly item = inject(ItemComponent);\n  readonly classes = this.item.leadingClasses;\n}\n\n@Directive({\n  selector: '[twItemTitle]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class ItemTitleDirective {\n  private readonly item = inject(ItemComponent);\n  readonly classes = this.item.titleClasses;\n}\n\n@Directive({\n  selector: '[twItemDescription]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class ItemDescriptionDirective {\n  private readonly item = inject(ItemComponent);\n  readonly classes = this.item.descriptionClasses;\n}\n\n@Directive({\n  selector: '[twItemTrailing]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class ItemTrailingDirective {\n  private readonly item = inject(ItemComponent);\n  readonly classes = this.item.trailingClasses;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}