@skra/ui 0.2.0

package/fesm2022/skra-ui-tooltip.mjs

@@ -0,0 +1,252 @@
+import * as i0 from '@angular/core';
+import { input, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, ViewContainerRef, Renderer2, effect, DestroyRef, Directive } from '@angular/core';
+import { _attachPositioner } from '@skra/ui/core';
+
+let nextId = 0;
+/**
+ * SkraTooltipPanel — the floating tooltip surface (ADR 0044 native top layer via the Popover API).
+ *
+ * INTERNAL: never placed by consumers in a template. `SkraTooltip` creates it programmatically with
+ * `ViewContainerRef.createComponent` (Angular-idiomatic, in-tree → inherits the design-context cascade
+ * + the O-8 Shadow-DOM bridge per ADR 0044 §3 rule 3) and drives `showPopover()`/`hidePopover()` on the
+ * host element.
+ *
+ * `popover="manual"` (NOT `auto`): a hover/focus tooltip's show/hide is Forge-owned, not click-toggle
+ * light-dismiss. `role="tooltip"` is the AT semantics; the trigger references this panel's `id` via
+ * `aria-describedby` (wired by the directive). The 13-axis Universal Surface (ADR 025) + motion live in
+ * `tooltip.scss`; geometry (`left`/`top` + `data-skra-placement`) is written by `SkraPositioner`.
+ *
+ * Full contract: adr/specs/component-tooltip-spec.md.
+ */
+class SkraTooltipPanel {
+    /** Tooltip text; set by the directive and kept in sync. */
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    /** Stable unique id — target of the trigger's `aria-describedby`. */
+    panelId = `skra-tooltip-${nextId++}`;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTooltipPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraTooltipPanel, isStandalone: true, selector: "skra-tooltip-panel", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip", "popover": "manual" }, properties: { "id": "panelId" } }, ngImport: i0, template: '{{ text() }}', isInline: true, styles: ["@charset \"UTF-8\";:host{position:fixed;margin:0;inset:auto;box-sizing:border-box;background:var(--skra-comp-tooltip-background);color:var(--skra-comp-tooltip-foreground);border-color:var(--skra-comp-tooltip-border-color);border-width:var(--skra-comp-tooltip-border-width);border-style:var(--skra-comp-tooltip-border-style);border-radius:var(--skra-comp-tooltip-radius);padding-block:var(--skra-comp-tooltip-padding-block);padding-inline:var(--skra-comp-tooltip-padding-inline);box-shadow:var(--skra-comp-tooltip-shadow);inline-size:max-content;max-inline-size:var(--skra-comp-tooltip-max-inline-size);font-family:var(--skra-sys-typography-role-body-small-font-family);font-size:var(--skra-sys-typography-role-body-small-font-size);font-weight:var(--skra-sys-typography-role-body-small-font-weight);line-height:var(--skra-sys-typography-role-body-small-line-height);letter-spacing:var(--skra-sys-typography-role-body-small-letter-spacing);opacity:0;transition:opacity var(--skra-comp-tooltip-motion-duration) var(--skra-comp-tooltip-motion-easing),display var(--skra-comp-tooltip-motion-duration) allow-discrete,overlay var(--skra-comp-tooltip-motion-duration) allow-discrete}:host(:popover-open){display:block;opacity:1}@starting-style{:host(:popover-open){opacity:0}}@media(prefers-reduced-motion:reduce){:host{transition-duration:0ms}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTooltipPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'skra-tooltip-panel', standalone: true, template: '{{ text() }}', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        role: 'tooltip',
+                        popover: 'manual',
+                        '[id]': 'panelId',
+                    }, styles: ["@charset \"UTF-8\";:host{position:fixed;margin:0;inset:auto;box-sizing:border-box;background:var(--skra-comp-tooltip-background);color:var(--skra-comp-tooltip-foreground);border-color:var(--skra-comp-tooltip-border-color);border-width:var(--skra-comp-tooltip-border-width);border-style:var(--skra-comp-tooltip-border-style);border-radius:var(--skra-comp-tooltip-radius);padding-block:var(--skra-comp-tooltip-padding-block);padding-inline:var(--skra-comp-tooltip-padding-inline);box-shadow:var(--skra-comp-tooltip-shadow);inline-size:max-content;max-inline-size:var(--skra-comp-tooltip-max-inline-size);font-family:var(--skra-sys-typography-role-body-small-font-family);font-size:var(--skra-sys-typography-role-body-small-font-size);font-weight:var(--skra-sys-typography-role-body-small-font-weight);line-height:var(--skra-sys-typography-role-body-small-line-height);letter-spacing:var(--skra-sys-typography-role-body-small-letter-spacing);opacity:0;transition:opacity var(--skra-comp-tooltip-motion-duration) var(--skra-comp-tooltip-motion-easing),display var(--skra-comp-tooltip-motion-duration) allow-discrete,overlay var(--skra-comp-tooltip-motion-duration) allow-discrete}:host(:popover-open){display:block;opacity:1}@starting-style{:host(:popover-open){opacity:0}}@media(prefers-reduced-motion:reduce){:host{transition-duration:0ms}}\n"] }]
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }] } });
+
+/** A focusable trigger is required (WCAG 2.1.1); used only for the dev-mode nudge. */
+const FOCUSABLE_SELECTOR = 'a[href],area[href],button,input,select,textarea,[tabindex],summary,' +
+    '[contenteditable]:not([contenteditable="false"])';
+/**
+ * SkraTooltip — a supplementary, non-interactive text description on a focusable trigger, shown on
+ * hover AND keyboard focus (ADR 0044 native top layer via the Popover API). Applied to the consumer's
+ * own trigger: `<button skraButton [skraTooltip]="'Settings'">`.
+ *
+ * The bulk of this directive is the WCAG 1.4.13 (Content on Hover or Focus) state machine — the
+ * platform's `popover="manual"` gives top-layer rendering but no dismiss/Escape, so Forge wires it:
+ *   - Dismissible: Escape hides WITHOUT moving focus.
+ *   - Hoverable:   a hide grace-delay lets the pointer travel trigger→panel; hovering the panel keeps it.
+ *   - Persistent:  no auto-timeout.
+ *   - Keyboard:    focus shows immediately (no delay).
+ *
+ * Accessible-name contract (ADR 033, describedby-only): the tooltip is a DESCRIPTION, never the name —
+ * it MERGES its panel id into the trigger's `aria-describedby` (preserving any existing value) and
+ * removes only its own token on destroy. The trigger owns its own accessible name (an icon-only button
+ * still needs its own `aria-label`). No `ariaLabel` input, no `aria-labelledby` wiring.
+ *
+ * The panel is created EAGERLY (hidden) so `aria-describedby` resolves and a screen reader announces
+ * the description on first focus. Positioning is delegated to `SkraPositioner` (single JS path,
+ * geometry-only inline; ADR 0044 §3 rules 4–5). Full contract: adr/specs/component-tooltip-spec.md.
+ */
+class SkraTooltip {
+    /** The tooltip text (bound as `[skraTooltip]="..."`). */
+    skraTooltip = input.required(...(ngDevMode ? [{ debugName: "skraTooltip" }] : /* istanbul ignore next */ []));
+    /** Placement intent; `flip`/`shift` adjust at runtime. */
+    placement = input('top', ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    vcr = inject(ViewContainerRef);
+    renderer = inject(Renderer2);
+    panelRef;
+    panelEl;
+    panelId;
+    positioner;
+    showTimer;
+    hideTimer;
+    docEscapeUnlisten;
+    open = false;
+    hovered = false;
+    focused = false;
+    panelHovered = false;
+    constructor() {
+        // Eager, in-tree panel (ADR 0044 §3 rule 3): inherits the design-context cascade + O-8 bridge.
+        this.panelRef = this.vcr.createComponent(SkraTooltipPanel);
+        this.panelEl = this.panelRef.location.nativeElement;
+        this.panelId = this.panelRef.instance.panelId;
+        // Describedby-only (ADR 033) — merge, never overwrite.
+        this.wireDescribedBy();
+        // Keep the panel text in sync with the input (effect runs after inputs are set).
+        effect(() => this.panelRef.setInput('text', this.skraTooltip()));
+        // Hoverable (WCAG 1.4.13): hovering the panel itself keeps the tooltip open.
+        this.renderer.listen(this.panelEl, 'pointerenter', () => {
+            this.panelHovered = true;
+            clearTimeout(this.hideTimer);
+        });
+        this.renderer.listen(this.panelEl, 'pointerleave', () => {
+            this.panelHovered = false;
+            this.scheduleHide();
+        });
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            this.warnIfTriggerNotFocusable();
+        }
+        inject(DestroyRef).onDestroy(() => this.teardown());
+    }
+    // ── Trigger events ──────────────────────────────────────────────────────────
+    onPointerEnter() {
+        this.hovered = true;
+        this.scheduleShow();
+    }
+    onPointerLeave() {
+        this.hovered = false;
+        this.scheduleHide();
+    }
+    onFocusIn() {
+        this.focused = true;
+        // Keyboard users get it immediately (WCAG 2.1.1) — no show-delay.
+        clearTimeout(this.showTimer);
+        clearTimeout(this.hideTimer);
+        this.show();
+    }
+    onFocusOut() {
+        this.focused = false;
+        this.scheduleHide();
+    }
+    // ── Show / hide state machine ─────────────────────────────────────────────────
+    scheduleShow() {
+        clearTimeout(this.hideTimer);
+        if (this.open)
+            return;
+        clearTimeout(this.showTimer);
+        this.showTimer = setTimeout(() => this.show(), this.cssTimeMs('--skra-comp-tooltip-show-delay'));
+    }
+    scheduleHide() {
+        clearTimeout(this.showTimer);
+        clearTimeout(this.hideTimer);
+        this.hideTimer = setTimeout(() => {
+            // Only hide once nothing keeps it engaged (hoverable + focus coordination).
+            if (!this.hovered && !this.focused && !this.panelHovered)
+                this.hide();
+        }, this.cssTimeMs('--skra-comp-tooltip-hide-delay'));
+    }
+    show() {
+        clearTimeout(this.showTimer);
+        if (this.open)
+            return;
+        this.open = true;
+        this.panelEl.showPopover?.();
+        this.positioner?.destroy();
+        this.positioner = _attachPositioner(this.host.nativeElement, this.panelEl, () => ({
+            placement: this.placement(),
+            offset: this.cssLenPx('--skra-comp-tooltip-offset'),
+            viewportPadding: this.cssLenPx('--skra-comp-tooltip-viewport-padding'),
+        }));
+        // Dismissible (WCAG 1.4.13): Escape hides without moving focus. Transient document listener
+        // (active only while open) so Escape works even for a hover-triggered tooltip whose trigger is
+        // not focused — `popover="manual"` does not provide platform Escape.
+        this.docEscapeUnlisten = this.renderer.listen('document', 'keydown', (event) => {
+            if (event.key === 'Escape')
+                this.hide();
+        });
+    }
+    hide() {
+        clearTimeout(this.showTimer);
+        clearTimeout(this.hideTimer);
+        if (!this.open)
+            return;
+        this.open = false;
+        this.panelEl.hidePopover?.();
+        this.positioner?.destroy();
+        this.positioner = undefined;
+        this.docEscapeUnlisten?.();
+        this.docEscapeUnlisten = undefined;
+    }
+    // ── aria-describedby merge (ADR 033 / ADR 013-style wiring) ───────────────────
+    wireDescribedBy() {
+        const tokens = this.describedByTokens();
+        if (!tokens.includes(this.panelId))
+            tokens.push(this.panelId);
+        this.renderer.setAttribute(this.host.nativeElement, 'aria-describedby', tokens.join(' '));
+    }
+    unwireDescribedBy() {
+        const remaining = this.describedByTokens().filter((t) => t !== this.panelId);
+        if (remaining.length) {
+            this.renderer.setAttribute(this.host.nativeElement, 'aria-describedby', remaining.join(' '));
+        }
+        else {
+            this.renderer.removeAttribute(this.host.nativeElement, 'aria-describedby');
+        }
+    }
+    describedByTokens() {
+        return (this.host.nativeElement.getAttribute('aria-describedby') ?? '')
+            .split(/\s+/)
+            .filter(Boolean);
+    }
+    // ── token resolution helpers (read computed comp tokens at runtime) ───────────
+    cssTimeMs(prop) {
+        const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();
+        if (raw.endsWith('ms'))
+            return parseFloat(raw);
+        if (raw.endsWith('s'))
+            return parseFloat(raw) * 1000;
+        return parseFloat(raw) || 0;
+    }
+    cssLenPx(prop) {
+        const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();
+        if (raw.endsWith('px'))
+            return parseFloat(raw);
+        if (raw.endsWith('rem')) {
+            const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
+            return parseFloat(raw) * rootFontSize;
+        }
+        return parseFloat(raw) || 0;
+    }
+    warnIfTriggerNotFocusable() {
+        const el = this.host.nativeElement;
+        if (!el.matches(FOCUSABLE_SELECTOR)) {
+            console.warn('[skraTooltip] host is not focusable — the tooltip is unreachable by keyboard ' +
+                '(WCAG 2.1.1) and never shows on focus. Apply it to a button/link/form control, ' +
+                'or add tabindex to the trigger.');
+        }
+    }
+    teardown() {
+        clearTimeout(this.showTimer);
+        clearTimeout(this.hideTimer);
+        this.docEscapeUnlisten?.();
+        this.positioner?.destroy();
+        this.unwireDescribedBy();
+        this.panelRef.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.7", type: SkraTooltip, isStandalone: true, selector: "[skraTooltip]", inputs: { skraTooltip: { classPropertyName: "skraTooltip", publicName: "skraTooltip", isSignal: true, isRequired: true, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "pointerenter": "onPointerEnter()", "pointerleave": "onPointerLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" } }, exportAs: ["skraTooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skraTooltip]',
+                    standalone: true,
+                    exportAs: 'skraTooltip',
+                    host: {
+                        '(pointerenter)': 'onPointerEnter()',
+                        '(pointerleave)': 'onPointerLeave()',
+                        '(focusin)': 'onFocusIn()',
+                        '(focusout)': 'onFocusOut()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { skraTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "skraTooltip", required: true }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraTooltip, SkraTooltipPanel };
+//# sourceMappingURL=skra-ui-tooltip.mjs.map

package/fesm2022/skra-ui-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-tooltip.mjs","sources":["../../../../libs/ui/tooltip/src/lib/tooltip/tooltip-panel.ts","../../../../libs/ui/tooltip/src/lib/tooltip/tooltip.ts","../../../../libs/ui/tooltip/src/skra-ui-tooltip.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\n\nlet nextId = 0;\n\n/**\n * SkraTooltipPanel — the floating tooltip surface (ADR 0044 native top layer via the Popover API).\n *\n * INTERNAL: never placed by consumers in a template. `SkraTooltip` creates it programmatically with\n * `ViewContainerRef.createComponent` (Angular-idiomatic, in-tree → inherits the design-context cascade\n * + the O-8 Shadow-DOM bridge per ADR 0044 §3 rule 3) and drives `showPopover()`/`hidePopover()` on the\n * host element.\n *\n * `popover=\"manual\"` (NOT `auto`): a hover/focus tooltip's show/hide is Forge-owned, not click-toggle\n * light-dismiss. `role=\"tooltip\"` is the AT semantics; the trigger references this panel's `id` via\n * `aria-describedby` (wired by the directive). The 13-axis Universal Surface (ADR 025) + motion live in\n * `tooltip.scss`; geometry (`left`/`top` + `data-skra-placement`) is written by `SkraPositioner`.\n *\n * Full contract: adr/specs/component-tooltip-spec.md.\n */\n@Component({\n  selector: 'skra-tooltip-panel',\n  standalone: true,\n  template: '{{ text() }}',\n  styleUrl: './tooltip.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'tooltip',\n    popover: 'manual',\n    '[id]': 'panelId',\n  },\n})\nexport class SkraTooltipPanel {\n  /** Tooltip text; set by the directive and kept in sync. */\n  readonly text = input<string>('');\n\n  /** Stable unique id — target of the trigger's `aria-describedby`. */\n  readonly panelId = `skra-tooltip-${nextId++}`;\n}\n","import {\n  ComponentRef,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  Renderer2,\n  ViewContainerRef,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\n\nimport {\n  _attachPositioner,\n  type SkraPlacement,\n  type _PositionerHandle,\n} from '@skra/ui/core';\nimport { SkraTooltipPanel } from './tooltip-panel';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/** A focusable trigger is required (WCAG 2.1.1); used only for the dev-mode nudge. */\nconst FOCUSABLE_SELECTOR =\n  'a[href],area[href],button,input,select,textarea,[tabindex],summary,' +\n  '[contenteditable]:not([contenteditable=\"false\"])';\n\n/**\n * SkraTooltip — a supplementary, non-interactive text description on a focusable trigger, shown on\n * hover AND keyboard focus (ADR 0044 native top layer via the Popover API). Applied to the consumer's\n * own trigger: `<button skraButton [skraTooltip]=\"'Settings'\">`.\n *\n * The bulk of this directive is the WCAG 1.4.13 (Content on Hover or Focus) state machine — the\n * platform's `popover=\"manual\"` gives top-layer rendering but no dismiss/Escape, so Forge wires it:\n *   - Dismissible: Escape hides WITHOUT moving focus.\n *   - Hoverable:   a hide grace-delay lets the pointer travel trigger→panel; hovering the panel keeps it.\n *   - Persistent:  no auto-timeout.\n *   - Keyboard:    focus shows immediately (no delay).\n *\n * Accessible-name contract (ADR 033, describedby-only): the tooltip is a DESCRIPTION, never the name —\n * it MERGES its panel id into the trigger's `aria-describedby` (preserving any existing value) and\n * removes only its own token on destroy. The trigger owns its own accessible name (an icon-only button\n * still needs its own `aria-label`). No `ariaLabel` input, no `aria-labelledby` wiring.\n *\n * The panel is created EAGERLY (hidden) so `aria-describedby` resolves and a screen reader announces\n * the description on first focus. Positioning is delegated to `SkraPositioner` (single JS path,\n * geometry-only inline; ADR 0044 §3 rules 4–5). Full contract: adr/specs/component-tooltip-spec.md.\n */\n@Directive({\n  selector: '[skraTooltip]',\n  standalone: true,\n  exportAs: 'skraTooltip',\n  host: {\n    '(pointerenter)': 'onPointerEnter()',\n    '(pointerleave)': 'onPointerLeave()',\n    '(focusin)': 'onFocusIn()',\n    '(focusout)': 'onFocusOut()',\n  },\n})\nexport class SkraTooltip {\n  /** The tooltip text (bound as `[skraTooltip]=\"...\"`). */\n  readonly skraTooltip = input.required<string>();\n  /** Placement intent; `flip`/`shift` adjust at runtime. */\n  readonly placement = input<SkraPlacement>('top');\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n\n  private readonly panelRef: ComponentRef<SkraTooltipPanel>;\n  private readonly panelEl: HTMLElement;\n  private readonly panelId: string;\n\n  private positioner?: _PositionerHandle;\n  private showTimer?: ReturnType<typeof setTimeout>;\n  private hideTimer?: ReturnType<typeof setTimeout>;\n  private docEscapeUnlisten?: () => void;\n\n  private open = false;\n  private hovered = false;\n  private focused = false;\n  private panelHovered = false;\n\n  constructor() {\n    // Eager, in-tree panel (ADR 0044 §3 rule 3): inherits the design-context cascade + O-8 bridge.\n    this.panelRef = this.vcr.createComponent(SkraTooltipPanel);\n    this.panelEl = this.panelRef.location.nativeElement as HTMLElement;\n    this.panelId = this.panelRef.instance.panelId;\n\n    // Describedby-only (ADR 033) — merge, never overwrite.\n    this.wireDescribedBy();\n\n    // Keep the panel text in sync with the input (effect runs after inputs are set).\n    effect(() => this.panelRef.setInput('text', this.skraTooltip()));\n\n    // Hoverable (WCAG 1.4.13): hovering the panel itself keeps the tooltip open.\n    this.renderer.listen(this.panelEl, 'pointerenter', () => {\n      this.panelHovered = true;\n      clearTimeout(this.hideTimer);\n    });\n    this.renderer.listen(this.panelEl, 'pointerleave', () => {\n      this.panelHovered = false;\n      this.scheduleHide();\n    });\n\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      this.warnIfTriggerNotFocusable();\n    }\n\n    inject(DestroyRef).onDestroy(() => this.teardown());\n  }\n\n  // ── Trigger events ──────────────────────────────────────────────────────────\n  protected onPointerEnter(): void {\n    this.hovered = true;\n    this.scheduleShow();\n  }\n\n  protected onPointerLeave(): void {\n    this.hovered = false;\n    this.scheduleHide();\n  }\n\n  protected onFocusIn(): void {\n    this.focused = true;\n    // Keyboard users get it immediately (WCAG 2.1.1) — no show-delay.\n    clearTimeout(this.showTimer);\n    clearTimeout(this.hideTimer);\n    this.show();\n  }\n\n  protected onFocusOut(): void {\n    this.focused = false;\n    this.scheduleHide();\n  }\n\n  // ── Show / hide state machine ─────────────────────────────────────────────────\n  private scheduleShow(): void {\n    clearTimeout(this.hideTimer);\n    if (this.open) return;\n    clearTimeout(this.showTimer);\n    this.showTimer = setTimeout(\n      () => this.show(),\n      this.cssTimeMs('--skra-comp-tooltip-show-delay'),\n    );\n  }\n\n  private scheduleHide(): void {\n    clearTimeout(this.showTimer);\n    clearTimeout(this.hideTimer);\n    this.hideTimer = setTimeout(() => {\n      // Only hide once nothing keeps it engaged (hoverable + focus coordination).\n      if (!this.hovered && !this.focused && !this.panelHovered) this.hide();\n    }, this.cssTimeMs('--skra-comp-tooltip-hide-delay'));\n  }\n\n  private show(): void {\n    clearTimeout(this.showTimer);\n    if (this.open) return;\n    this.open = true;\n\n    this.panelEl.showPopover?.();\n\n    this.positioner?.destroy();\n    this.positioner = _attachPositioner(\n      this.host.nativeElement,\n      this.panelEl,\n      () => ({\n        placement: this.placement(),\n        offset: this.cssLenPx('--skra-comp-tooltip-offset'),\n        viewportPadding: this.cssLenPx('--skra-comp-tooltip-viewport-padding'),\n      }),\n    );\n\n    // Dismissible (WCAG 1.4.13): Escape hides without moving focus. Transient document listener\n    // (active only while open) so Escape works even for a hover-triggered tooltip whose trigger is\n    // not focused — `popover=\"manual\"` does not provide platform Escape.\n    this.docEscapeUnlisten = this.renderer.listen(\n      'document',\n      'keydown',\n      (event: KeyboardEvent) => {\n        if (event.key === 'Escape') this.hide();\n      },\n    );\n  }\n\n  private hide(): void {\n    clearTimeout(this.showTimer);\n    clearTimeout(this.hideTimer);\n    if (!this.open) return;\n    this.open = false;\n\n    this.panelEl.hidePopover?.();\n    this.positioner?.destroy();\n    this.positioner = undefined;\n    this.docEscapeUnlisten?.();\n    this.docEscapeUnlisten = undefined;\n  }\n\n  // ── aria-describedby merge (ADR 033 / ADR 013-style wiring) ───────────────────\n  private wireDescribedBy(): void {\n    const tokens = this.describedByTokens();\n    if (!tokens.includes(this.panelId)) tokens.push(this.panelId);\n    this.renderer.setAttribute(\n      this.host.nativeElement,\n      'aria-describedby',\n      tokens.join(' '),\n    );\n  }\n\n  private unwireDescribedBy(): void {\n    const remaining = this.describedByTokens().filter(\n      (t) => t !== this.panelId,\n    );\n    if (remaining.length) {\n      this.renderer.setAttribute(\n        this.host.nativeElement,\n        'aria-describedby',\n        remaining.join(' '),\n      );\n    } else {\n      this.renderer.removeAttribute(\n        this.host.nativeElement,\n        'aria-describedby',\n      );\n    }\n  }\n\n  private describedByTokens(): string[] {\n    return (this.host.nativeElement.getAttribute('aria-describedby') ?? '')\n      .split(/\\s+/)\n      .filter(Boolean);\n  }\n\n  // ── token resolution helpers (read computed comp tokens at runtime) ───────────\n  private cssTimeMs(prop: string): number {\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\n    if (raw.endsWith('ms')) return parseFloat(raw);\n    if (raw.endsWith('s')) return parseFloat(raw) * 1000;\n    return parseFloat(raw) || 0;\n  }\n\n  private cssLenPx(prop: string): number {\n    const raw = getComputedStyle(this.panelEl).getPropertyValue(prop).trim();\n    if (raw.endsWith('px')) return parseFloat(raw);\n    if (raw.endsWith('rem')) {\n      const rootFontSize =\n        parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n      return parseFloat(raw) * rootFontSize;\n    }\n    return parseFloat(raw) || 0;\n  }\n\n  private warnIfTriggerNotFocusable(): void {\n    const el = this.host.nativeElement;\n    if (!el.matches(FOCUSABLE_SELECTOR)) {\n      console.warn(\n        '[skraTooltip] host is not focusable — the tooltip is unreachable by keyboard ' +\n          '(WCAG 2.1.1) and never shows on focus. Apply it to a button/link/form control, ' +\n          'or add tabindex to the trigger.',\n      );\n    }\n  }\n\n  private teardown(): void {\n    clearTimeout(this.showTimer);\n    clearTimeout(this.hideTimer);\n    this.docEscapeUnlisten?.();\n    this.positioner?.destroy();\n    this.unwireDescribedBy();\n    this.panelRef.destroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/skra-ui-typography.mjs

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+class SkraTypography {
+    role = input('body-medium', { ...(ngDevMode ? { debugName: "role" } : /* istanbul ignore next */ {}), alias: 'skraTypography' });
+    severity = input(null, ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
+    truncate = input(null, ...(ngDevMode ? [{ debugName: "truncate" }] : /* istanbul ignore next */ []));
+    lineClamp = input(2, ...(ngDevMode ? [{ debugName: "lineClamp" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTypography, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraTypography, isStandalone: true, selector: "[skraTypography]", inputs: { role: { classPropertyName: "role", publicName: "skraTypography", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, lineClamp: { classPropertyName: "lineClamp", publicName: "lineClamp", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-skra-typo-role": "role()", "attr.data-skra-severity": "severity()", "attr.data-skra-truncate": "truncate()", "attr.data-skra-line-clamp": "truncate() === \"multi\" ? lineClamp() : null" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;font-family:var(--skra-comp-typography-font-family);font-size:var(--skra-comp-typography-font-size);font-weight:var(--skra-comp-typography-font-weight);line-height:var(--skra-comp-typography-line-height);letter-spacing:var(--skra-comp-typography-letter-spacing);color:var(--skra-comp-typography-foreground)}:host([data-skra-typo-role=display-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-large-foreground )}:host([data-skra-typo-role=display-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-medium-foreground )}:host([data-skra-typo-role=display-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-small-foreground )}:host([data-skra-typo-role=headline-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-large-foreground )}:host([data-skra-typo-role=headline-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-medium-foreground )}:host([data-skra-typo-role=headline-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-small-foreground )}:host([data-skra-typo-role=title-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-large-foreground )}:host([data-skra-typo-role=title-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-medium-foreground )}:host([data-skra-typo-role=title-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-small-foreground )}:host([data-skra-typo-role=body-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-large-foreground )}:host([data-skra-typo-role=body-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-medium-foreground )}:host([data-skra-typo-role=body-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-small-foreground )}:host([data-skra-typo-role=label-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-large-foreground )}:host([data-skra-typo-role=label-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-medium-foreground )}:host([data-skra-typo-role=label-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-small-foreground )}:host([data-skra-severity=error]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-error )}:host([data-skra-severity=warning]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-warning )}:host([data-skra-severity=success]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-success )}:host([data-skra-truncate=single]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-skra-truncate=multi]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:host([data-skra-truncate=multi][data-skra-line-clamp=\"3\"]){-webkit-line-clamp:3}:host([data-skra-truncate=multi][data-skra-line-clamp=\"4\"]){-webkit-line-clamp:4}:host([data-skra-truncate=multi][data-skra-line-clamp=\"5\"]){-webkit-line-clamp:5}:host([data-skra-truncate=multi][data-skra-line-clamp=\"6\"]){-webkit-line-clamp:6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraTypography, decorators: [{
+            type: Component,
+            args: [{ selector: '[skraTypography]', standalone: true, imports: [], template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        // ADR 021 — CSP-safe state reflection. The zero-margin reset (ADR 022)
+                        // lives in typography.scss `:host` — host-metadata bare keys would render
+                        // as junk attributes, not styles.
+                        '[attr.data-skra-typo-role]': 'role()',
+                        '[attr.data-skra-severity]': 'severity()',
+                        '[attr.data-skra-truncate]': 'truncate()',
+                        // Line-clamp count — reflected as an enumerated data-attribute, consumed by
+                        // static `-webkit-line-clamp` rules in typography.scss (buckets 2–6). NOT a
+                        // `[style.--var]` binding (ADR 021 iron boundary) — same enumerated-bucket
+                        // approach Grid/Stack use to keep CSP-safe. Values outside 2–6 fall back to
+                        // the base 2-line rule.
+                        '[attr.data-skra-line-clamp]': 'truncate() === "multi" ? lineClamp() : null',
+                    }, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;font-family:var(--skra-comp-typography-font-family);font-size:var(--skra-comp-typography-font-size);font-weight:var(--skra-comp-typography-font-weight);line-height:var(--skra-comp-typography-line-height);letter-spacing:var(--skra-comp-typography-letter-spacing);color:var(--skra-comp-typography-foreground)}:host([data-skra-typo-role=display-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-large-foreground )}:host([data-skra-typo-role=display-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-medium-foreground )}:host([data-skra-typo-role=display-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-display-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-display-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-display-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-display-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-display-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-display-small-foreground )}:host([data-skra-typo-role=headline-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-large-foreground )}:host([data-skra-typo-role=headline-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-medium-foreground )}:host([data-skra-typo-role=headline-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-headline-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-headline-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-headline-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-headline-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-headline-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-headline-small-foreground )}:host([data-skra-typo-role=title-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-large-foreground )}:host([data-skra-typo-role=title-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-medium-foreground )}:host([data-skra-typo-role=title-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-title-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-title-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-title-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-title-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-title-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-title-small-foreground )}:host([data-skra-typo-role=body-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-large-foreground )}:host([data-skra-typo-role=body-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-medium-foreground )}:host([data-skra-typo-role=body-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-body-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-body-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-body-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-body-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-body-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-body-small-foreground )}:host([data-skra-typo-role=label-large]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-large-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-large-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-large-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-large-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-large-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-large-foreground )}:host([data-skra-typo-role=label-medium]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-medium-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-medium-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-medium-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-medium-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-medium-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-medium-foreground )}:host([data-skra-typo-role=label-small]){--skra-comp-typography-font-family: var( --skra-comp-typography-label-small-font-family );--skra-comp-typography-font-size: var( --skra-comp-typography-label-small-font-size );--skra-comp-typography-font-weight: var( --skra-comp-typography-label-small-font-weight );--skra-comp-typography-line-height: var( --skra-comp-typography-label-small-line-height );--skra-comp-typography-letter-spacing: var( --skra-comp-typography-label-small-letter-spacing );--skra-comp-typography-foreground: var( --skra-comp-typography-label-small-foreground )}:host([data-skra-severity=error]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-error )}:host([data-skra-severity=warning]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-warning )}:host([data-skra-severity=success]){--skra-comp-typography-foreground: var( --skra-comp-typography-foreground-success )}:host([data-skra-truncate=single]){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([data-skra-truncate=multi]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:host([data-skra-truncate=multi][data-skra-line-clamp=\"3\"]){-webkit-line-clamp:3}:host([data-skra-truncate=multi][data-skra-line-clamp=\"4\"]){-webkit-line-clamp:4}:host([data-skra-truncate=multi][data-skra-line-clamp=\"5\"]){-webkit-line-clamp:5}:host([data-skra-truncate=multi][data-skra-line-clamp=\"6\"]){-webkit-line-clamp:6}\n"] }]
+        }], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "skraTypography", required: false }] }], severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], lineClamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineClamp", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkraTypography };
+//# sourceMappingURL=skra-ui-typography.mjs.map

package/fesm2022/skra-ui-typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui-typography.mjs","sources":["../../../../libs/ui/typography/src/lib/typography/typography.ts","../../../../libs/ui/typography/src/skra-ui-typography.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n} from '@angular/core';\n\nexport type TypographyRole =\n  | 'display-large'\n  | 'display-medium'\n  | 'display-small'\n  | 'headline-large'\n  | 'headline-medium'\n  | 'headline-small'\n  | 'title-large'\n  | 'title-medium'\n  | 'title-small'\n  | 'body-large'\n  | 'body-medium'\n  | 'body-small'\n  | 'label-large'\n  | 'label-medium'\n  | 'label-small';\n\nexport type TypographySeverity = 'error' | 'warning' | 'success';\nexport type TypographyTruncate = 'single' | 'multi';\n\n@Component({\n  selector: '[skraTypography]',\n  standalone: true,\n  imports: [],\n  template: '<ng-content />',\n  styleUrl: './typography.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    // ADR 021 — CSP-safe state reflection. The zero-margin reset (ADR 022)\n    // lives in typography.scss `:host` — host-metadata bare keys would render\n    // as junk attributes, not styles.\n    '[attr.data-skra-typo-role]': 'role()',\n    '[attr.data-skra-severity]': 'severity()',\n    '[attr.data-skra-truncate]': 'truncate()',\n    // Line-clamp count — reflected as an enumerated data-attribute, consumed by\n    // static `-webkit-line-clamp` rules in typography.scss (buckets 2–6). NOT a\n    // `[style.--var]` binding (ADR 021 iron boundary) — same enumerated-bucket\n    // approach Grid/Stack use to keep CSP-safe. Values outside 2–6 fall back to\n    // the base 2-line rule.\n    '[attr.data-skra-line-clamp]':\n      'truncate() === \"multi\" ? lineClamp() : null',\n  },\n})\nexport class SkraTypography {\n  readonly role = input<TypographyRole>('body-medium', {\n    alias: 'skraTypography',\n  });\n  readonly severity = input<TypographySeverity | null>(null);\n  readonly truncate = input<TypographyTruncate | null>(null);\n  readonly lineClamp = input<number>(2);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAmDa,cAAc,CAAA;IAChB,IAAI,GAAG,KAAK,CAAiB,aAAa,4EACjD,KAAK,EAAE,gBAAgB,EAAA,CACvB;AACO,IAAA,QAAQ,GAAG,KAAK,CAA4B,IAAI,+EAAC;AACjD,IAAA,QAAQ,GAAG,KAAK,CAA4B,IAAI,+EAAC;AACjD,IAAA,SAAS,GAAG,KAAK,CAAS,CAAC,gFAAC;uGAN1B,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,6zBApBf,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAoBf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAxB1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,OAAA,EACP,EAAE,YACD,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,QAAQ,EAAA,IAAA,EACnC;;;;AAIJ,wBAAA,4BAA4B,EAAE,QAAQ;AACtC,wBAAA,2BAA2B,EAAE,YAAY;AACzC,wBAAA,2BAA2B,EAAE,YAAY;;;;;;AAMzC,wBAAA,6BAA6B,EAC3B,6CAA6C;AAChD,qBAAA,EAAA,MAAA,EAAA,CAAA,23TAAA,CAAA,EAAA;;;ACjDH;;AAEG;;;;"}

package/fesm2022/skra-ui.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=skra-ui.mjs.map

package/fesm2022/skra-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skra-ui.mjs","sources":["../../../../libs/ui/src/skra-ui.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/package.json

@@ -0,0 +1,175 @@
+{
+  "name": "@skra/ui",
+  "version": "0.2.0",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "peerDependencies": {
+    "@angular/core": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/cdk": "~21.2.0",
+    "@skra/tokens": "^0.2.0"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.6",
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2022/skra-ui.mjs",
+  "typings": "types/skra-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/skra-ui.d.ts",
+      "default": "./fesm2022/skra-ui.mjs"
+    },
+    "./accordion": {
+      "types": "./types/skra-ui-accordion.d.ts",
+      "default": "./fesm2022/skra-ui-accordion.mjs"
+    },
+    "./alert": {
+      "types": "./types/skra-ui-alert.d.ts",
+      "default": "./fesm2022/skra-ui-alert.mjs"
+    },
+    "./avatar": {
+      "types": "./types/skra-ui-avatar.d.ts",
+      "default": "./fesm2022/skra-ui-avatar.mjs"
+    },
+    "./badge": {
+      "types": "./types/skra-ui-badge.d.ts",
+      "default": "./fesm2022/skra-ui-badge.mjs"
+    },
+    "./button": {
+      "types": "./types/skra-ui-button.d.ts",
+      "default": "./fesm2022/skra-ui-button.mjs"
+    },
+    "./checkbox": {
+      "types": "./types/skra-ui-checkbox.d.ts",
+      "default": "./fesm2022/skra-ui-checkbox.mjs"
+    },
+    "./chip": {
+      "types": "./types/skra-ui-chip.d.ts",
+      "default": "./fesm2022/skra-ui-chip.mjs"
+    },
+    "./combobox": {
+      "types": "./types/skra-ui-combobox.d.ts",
+      "default": "./fesm2022/skra-ui-combobox.mjs"
+    },
+    "./core": {
+      "types": "./types/skra-ui-core.d.ts",
+      "default": "./fesm2022/skra-ui-core.mjs"
+    },
+    "./counter": {
+      "types": "./types/skra-ui-counter.d.ts",
+      "default": "./fesm2022/skra-ui-counter.mjs"
+    },
+    "./datepicker": {
+      "types": "./types/skra-ui-datepicker.d.ts",
+      "default": "./fesm2022/skra-ui-datepicker.mjs"
+    },
+    "./dialog": {
+      "types": "./types/skra-ui-dialog.d.ts",
+      "default": "./fesm2022/skra-ui-dialog.mjs"
+    },
+    "./field": {
+      "types": "./types/skra-ui-field.d.ts",
+      "default": "./fesm2022/skra-ui-field.mjs"
+    },
+    "./icon": {
+      "types": "./types/skra-ui-icon.d.ts",
+      "default": "./fesm2022/skra-ui-icon.mjs"
+    },
+    "./input": {
+      "types": "./types/skra-ui-input.d.ts",
+      "default": "./fesm2022/skra-ui-input.mjs"
+    },
+    "./kbd": {
+      "types": "./types/skra-ui-kbd.d.ts",
+      "default": "./fesm2022/skra-ui-kbd.mjs"
+    },
+    "./layout": {
+      "types": "./types/skra-ui-layout.d.ts",
+      "default": "./fesm2022/skra-ui-layout.mjs"
+    },
+    "./link": {
+      "types": "./types/skra-ui-link.d.ts",
+      "default": "./fesm2022/skra-ui-link.mjs"
+    },
+    "./loading-indicator": {
+      "types": "./types/skra-ui-loading-indicator.d.ts",
+      "default": "./fesm2022/skra-ui-loading-indicator.mjs"
+    },
+    "./menu": {
+      "types": "./types/skra-ui-menu.d.ts",
+      "default": "./fesm2022/skra-ui-menu.mjs"
+    },
+    "./multi-select": {
+      "types": "./types/skra-ui-multi-select.d.ts",
+      "default": "./fesm2022/skra-ui-multi-select.mjs"
+    },
+    "./native-select": {
+      "types": "./types/skra-ui-native-select.d.ts",
+      "default": "./fesm2022/skra-ui-native-select.mjs"
+    },
+    "./popover": {
+      "types": "./types/skra-ui-popover.d.ts",
+      "default": "./fesm2022/skra-ui-popover.mjs"
+    },
+    "./progress": {
+      "types": "./types/skra-ui-progress.d.ts",
+      "default": "./fesm2022/skra-ui-progress.mjs"
+    },
+    "./radio": {
+      "types": "./types/skra-ui-radio.d.ts",
+      "default": "./fesm2022/skra-ui-radio.mjs"
+    },
+    "./rating-display": {
+      "types": "./types/skra-ui-rating-display.d.ts",
+      "default": "./fesm2022/skra-ui-rating-display.mjs"
+    },
+    "./select": {
+      "types": "./types/skra-ui-select.d.ts",
+      "default": "./fesm2022/skra-ui-select.mjs"
+    },
+    "./skeleton": {
+      "types": "./types/skra-ui-skeleton.d.ts",
+      "default": "./fesm2022/skra-ui-skeleton.mjs"
+    },
+    "./star-rating": {
+      "types": "./types/skra-ui-star-rating.d.ts",
+      "default": "./fesm2022/skra-ui-star-rating.mjs"
+    },
+    "./status-dot": {
+      "types": "./types/skra-ui-status-dot.d.ts",
+      "default": "./fesm2022/skra-ui-status-dot.mjs"
+    },
+    "./switch": {
+      "types": "./types/skra-ui-switch.d.ts",
+      "default": "./fesm2022/skra-ui-switch.mjs"
+    },
+    "./tabs": {
+      "types": "./types/skra-ui-tabs.d.ts",
+      "default": "./fesm2022/skra-ui-tabs.mjs"
+    },
+    "./textarea": {
+      "types": "./types/skra-ui-textarea.d.ts",
+      "default": "./fesm2022/skra-ui-textarea.mjs"
+    },
+    "./toast": {
+      "types": "./types/skra-ui-toast.d.ts",
+      "default": "./fesm2022/skra-ui-toast.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/skra-ui-tooltip.d.ts",
+      "default": "./fesm2022/skra-ui-tooltip.mjs"
+    },
+    "./typography": {
+      "types": "./types/skra-ui-typography.d.ts",
+      "default": "./fesm2022/skra-ui-typography.mjs"
+    }
+  },
+  "type": "module"
+}