@tailng-ui/primitives 0.11.0 → 0.13.0

package/README.md

@@ -1,36 +1,122 @@
+# @tailng-ui/primitives
+
+Headless Angular primitives for TailNG UI, providing accessibility-first behavior and stateful interaction contracts without opinionated styling.
+
 <div align="center">
   <img
     src="https://raw.githubusercontent.com/tailng/tailng-ui/main/apps/tailng-ui/docs/src/assets/logo.svg"
-    width="96"
+    width="120"
     alt="TailNG logo"
   />
+
+  <h1>@tailng-ui/primitives</h1>
+
+  <p>
+    <strong>Scalability of Angular. Simplicity of Tailwind.</strong>
+  </p>
+
+  <p>
+    Unstyled, composable primitives for Angular 21+ built with signals and strong accessibility contracts.
+  </p>
+
+  <p>
+    <a href="https://github.com/tailng/tailng-ui">GitHub</a>
+    ·
+    <a href="https://tailng.dev">Documentation</a>
+  </p>
 </div>
 
-# @tailng-ui/primitives
+[![PROD - Release & Deploy (Tailng)](https://github.com/tailng/tailng-ui/actions/workflows/prod-build-deploy.yml/badge.svg)](https://github.com/tailng/tailng-ui/actions/workflows/prod-build-deploy.yml)
+[![NPM Version](https://img.shields.io/npm/v/@tailng-ui/primitives.svg)](https://www.npmjs.com/package/@tailng-ui/primitives)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+`@tailng-ui/primitives` is the headless interaction layer used by TailNG components.  
+Use it when you want full control over markup and styling while keeping robust behavior and accessibility.
 
-Unstyled accessibility and behavior primitives for TailNG UI.
+## Installation
 
-## TngPress
+### pnpm
+
+```bash
+pnpm add @tailng-ui/primitives @tailng-ui/cdk
+```
+
+### yarn
+
+```bash
+yarn add @tailng-ui/primitives @tailng-ui/cdk
+```
+
+### npm
+
+```bash
+npm install @tailng-ui/primitives @tailng-ui/cdk
+```
 
-`TngPress` is a standalone directive that enhances native `button` and `a` elements:
+Peer dependencies:
 
-- Defaults `button[tngPress]` to `type="button"` to avoid accidental form submission.
-- Supports ARIA attributes for toggle/menu disclosure patterns.
-- Handles disabled interaction for anchors and exposes `data-disabled` for styling.
-- Applies button keyboard behavior to anchors without `href`.
+- `@angular/core` `^21.1.0`
+- `tslib` `^2.3.0`
 
-### Usage
+## Design principles
+
+- **Headless-first**: no visual styles, tokens, or CSS framework dependency.
+- **Composable behavior**: each primitive solves one interaction concern cleanly.
+- **A11y as default**: ARIA roles/states and keyboard support are built in.
+- **Signals-oriented Angular APIs**: modern Angular patterns with standalone usage.
+
+## Module coverage
+
+The package exports primitives across major UI categories:
+
+- **Navigation**: breadcrumb, context menu, dropdown menu, menu, menubar, navigation menu, tabs, toolbar.
+- **Form**: listbox/option, autocomplete, button-toggle, checkbox, chips, combobox, input/input-otp, label, multiselect, multi-autocomplete, radio, select, slider, switch, textarea, toggle, toggle-group.
+- **Layout**: accordion, bottom-sheet, card, collapsible, drawer, grid, separator, stepper, tree.
+- **Overlay**: dialog, popover, tooltip.
+- **Feedback**: empty, progress-bar, progress-spinner, skeleton, toast.
+- **Utility**: avatar, badge, code-block, copy, press, tag.
+
+## Quick example (`TngPress`)
+
+`TngPress` enhances native `button` and `a` elements with safer defaults and interaction behavior.
 
 ```ts
 import { Component } from '@angular/core';
 import { TngPress } from '@tailng-ui/primitives';
 
 @Component({
+  standalone: true,
   imports: [TngPress],
   template: `
-    <button tngPress type="button">Action</button>
+    <button tngPress>Action</button>
     <a tngPress [disabled]="true">Disabled Link Button</a>
   `,
 })
 export class ExampleComponent {}
 ```
+
+What it provides:
+
+- Defaults `button[tngPress]` to `type="button"` to prevent accidental form submits.
+- Supports ARIA attributes for toggle/disclosure patterns.
+- Handles disabled interaction on anchor usage and exposes `data-disabled` hooks.
+- Applies expected keyboard behavior to anchor elements used as button-like controls.
+
+## When to use `@tailng-ui/primitives`
+
+Use this package when you want:
+
+- A custom design system with your own CSS architecture.
+- Maximum control over template structure and slot composition.
+- Behavior parity across plain CSS and Tailwind implementations.
+
+Use `@tailng-ui/components` when you want ready-made styled components on top of these primitives.
+
+## Documentation
+
+- Package docs: [https://tailng.dev](https://tailng.dev)
+- Repository: [https://github.com/tailng/tailng-ui](https://github.com/tailng/tailng-ui)
+
+## License
+
+See the repository license at the root of the monorepo.

package/package.json

@@ -1,19 +1,25 @@
 {
   "name": "@tailng-ui/primitives",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/tailng/tailng-ui"
   },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    }
+  },
   "dependencies": {
-    "@tailng-ui/cdk": "^0.11.0"
+    "@tailng-ui/cdk": "^0.12.0"
   },
   "peerDependencies": {
     "@angular/core": "^21.1.0",
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "types": "./src/index.d.ts",
-  "main": "./src/index.js",
-  "type": "commonjs"
+  "sideEffects": false
 }

package/src/lib/feedback/empty/tng-empty.d.ts

@@ -1,16 +1,27 @@
+import * as i0 from "@angular/core";
 export declare class TngEmpty {
     protected readonly dataSlot: "empty";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmpty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngEmpty, "[tngEmpty]", ["tngEmpty"], {}, {}, never, never, true, never>;
 }
 export declare class TngEmptyIcon {
     protected readonly dataSlot: "empty-icon";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyIcon, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngEmptyIcon, "[tngEmptyIcon]", ["tngEmptyIcon"], {}, {}, never, never, true, never>;
 }
 export declare class TngEmptyTitle {
     protected readonly dataSlot: "empty-title";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngEmptyTitle, "[tngEmptyTitle]", ["tngEmptyTitle"], {}, {}, never, never, true, never>;
 }
 export declare class TngEmptyDescription {
     protected readonly dataSlot: "empty-description";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngEmptyDescription, "[tngEmptyDescription]", ["tngEmptyDescription"], {}, {}, never, never, true, never>;
 }
 export declare class TngEmptyActions {
     protected readonly dataSlot: "empty-actions";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngEmptyActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngEmptyActions, "[tngEmptyActions]", ["tngEmptyActions"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-empty.d.ts.map

package/src/lib/feedback/empty/tng-empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-empty.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/empty/tng-empty.ts"],"names":[],"mappings":"AAEA,qBAIa,QAAQ;IAEnB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;CAChD;AAED,qBAIa,YAAY;IAEvB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,YAAY,CAAU;CACrD;AAED,qBAIa,aAAa;IAExB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;CACtD;AAED,qBAIa,mBAAmB;IAE9B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;CAC5D;AAED,qBAIa,eAAe;IAE1B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAU;CACxD"}
+{"version":3,"file":"tng-empty.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/empty/tng-empty.ts"],"names":[],"mappings":";AAEA,qBAKa,QAAQ;IAEnB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,OAAO,CAAU;yCAFpC,QAAQ;2CAAR,QAAQ;CAGpB;AAED,qBAKa,YAAY;IAEvB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,YAAY,CAAU;yCAFzC,YAAY;2CAAZ,YAAY;CAGxB;AAED,qBAKa,aAAa;IAExB,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;yCAF1C,aAAa;2CAAb,aAAa;CAGzB;AAED,qBAKa,mBAAmB;IAE9B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,mBAAmB,CAAU;yCAFhD,mBAAmB;2CAAnB,mBAAmB;CAG/B;AAED,qBAKa,eAAe;IAE1B,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAU;yCAF5C,eAAe;2CAAf,eAAe;CAG3B"}

package/src/lib/feedback/empty/tng-empty.js

@@ -1,68 +1,83 @@
-import { __decorate } from "tslib";
 import { Directive, HostBinding } from '@angular/core';
-let TngEmpty = class TngEmpty {
+import * as i0 from "@angular/core";
+export class TngEmpty {
     dataSlot = 'empty';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngEmpty.prototype, "dataSlot", void 0);
-TngEmpty = __decorate([
-    Directive({
-        selector: '[tngEmpty]',
-        exportAs: 'tngEmpty',
-    })
-], TngEmpty);
-export { TngEmpty };
-let TngEmptyIcon = class TngEmptyIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngEmpty, isStandalone: true, selector: "[tngEmpty]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngEmpty"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmpty, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngEmpty]',
+                    exportAs: 'tngEmpty',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngEmptyIcon {
     dataSlot = 'empty-icon';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngEmptyIcon.prototype, "dataSlot", void 0);
-TngEmptyIcon = __decorate([
-    Directive({
-        selector: '[tngEmptyIcon]',
-        exportAs: 'tngEmptyIcon',
-    })
-], TngEmptyIcon);
-export { TngEmptyIcon };
-let TngEmptyTitle = class TngEmptyTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyIcon, isStandalone: true, selector: "[tngEmptyIcon]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngEmptyIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngEmptyIcon]',
+                    exportAs: 'tngEmptyIcon',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngEmptyTitle {
     dataSlot = 'empty-title';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngEmptyTitle.prototype, "dataSlot", void 0);
-TngEmptyTitle = __decorate([
-    Directive({
-        selector: '[tngEmptyTitle]',
-        exportAs: 'tngEmptyTitle',
-    })
-], TngEmptyTitle);
-export { TngEmptyTitle };
-let TngEmptyDescription = class TngEmptyDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyTitle, isStandalone: true, selector: "[tngEmptyTitle]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngEmptyTitle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngEmptyTitle]',
+                    exportAs: 'tngEmptyTitle',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngEmptyDescription {
     dataSlot = 'empty-description';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngEmptyDescription.prototype, "dataSlot", void 0);
-TngEmptyDescription = __decorate([
-    Directive({
-        selector: '[tngEmptyDescription]',
-        exportAs: 'tngEmptyDescription',
-    })
-], TngEmptyDescription);
-export { TngEmptyDescription };
-let TngEmptyActions = class TngEmptyActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyDescription, isStandalone: true, selector: "[tngEmptyDescription]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngEmptyDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngEmptyDescription]',
+                    exportAs: 'tngEmptyDescription',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
+export class TngEmptyActions {
     dataSlot = 'empty-actions';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngEmptyActions.prototype, "dataSlot", void 0);
-TngEmptyActions = __decorate([
-    Directive({
-        selector: '[tngEmptyActions]',
-        exportAs: 'tngEmptyActions',
-    })
-], TngEmptyActions);
-export { TngEmptyActions };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngEmptyActions, isStandalone: true, selector: "[tngEmptyActions]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngEmptyActions"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngEmptyActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngEmptyActions]',
+                    exportAs: 'tngEmptyActions',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 //# sourceMappingURL=tng-empty.js.map

package/src/lib/feedback/empty/tng-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-empty.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/empty/tng-empty.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAMhD,IAAM,QAAQ,GAAd,MAAM,QAAQ;IAEA,QAAQ,GAAG,OAAgB,CAAC;CAChD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;0CACiB;AAFpC,QAAQ;IAJpB,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,UAAU;KACrB,CAAC;GACW,QAAQ,CAGpB;;AAMM,IAAM,YAAY,GAAlB,MAAM,YAAY;IAEJ,QAAQ,GAAG,YAAqB,CAAC;CACrD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;8CACsB;AAFzC,YAAY;IAJxB,SAAS,CAAC;QACT,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,cAAc;KACzB,CAAC;GACW,YAAY,CAGxB;;AAMM,IAAM,aAAa,GAAnB,MAAM,aAAa;IAEL,QAAQ,GAAG,aAAsB,CAAC;CACtD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;+CACuB;AAF1C,aAAa;IAJzB,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,eAAe;KAC1B,CAAC;GACW,aAAa,CAGzB;;AAMM,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IAEX,QAAQ,GAAG,mBAA4B,CAAC;CAC5D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;qDAC6B;AAFhD,mBAAmB;IAJ/B,SAAS,CAAC;QACT,QAAQ,EAAE,uBAAuB;QACjC,QAAQ,EAAE,qBAAqB;KAChC,CAAC;GACW,mBAAmB,CAG/B;;AAMM,IAAM,eAAe,GAArB,MAAM,eAAe;IAEP,QAAQ,GAAG,eAAwB,CAAC;CACxD,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;iDACyB;AAF5C,eAAe;IAJ3B,SAAS,CAAC;QACT,QAAQ,EAAE,mBAAmB;QAC7B,QAAQ,EAAE,iBAAiB;KAC5B,CAAC;GACW,eAAe,CAG3B","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngEmpty]',\n  exportAs: 'tngEmpty',\n})\nexport class TngEmpty {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyIcon]',\n  exportAs: 'tngEmptyIcon',\n})\nexport class TngEmptyIcon {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-icon' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyTitle]',\n  exportAs: 'tngEmptyTitle',\n})\nexport class TngEmptyTitle {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-title' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyDescription]',\n  exportAs: 'tngEmptyDescription',\n})\nexport class TngEmptyDescription {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-description' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyActions]',\n  exportAs: 'tngEmptyActions',\n})\nexport class TngEmptyActions {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-actions' as const;\n}\n"]}
+{"version":3,"file":"tng-empty.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/empty/tng-empty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAOvD,MAAM,OAAO,QAAQ;IAEA,QAAQ,GAAG,OAAgB,CAAC;uGAFpC,QAAQ;2FAAR,QAAQ;;2FAAR,QAAQ;kBALpB,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB;;AAS/B,MAAM,OAAO,YAAY;IAEJ,QAAQ,GAAG,YAAqB,CAAC;uGAFzC,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBALxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB;;AAS/B,MAAM,OAAO,aAAa;IAEL,QAAQ,GAAG,aAAsB,CAAC;uGAF1C,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBALzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,QAAQ,EAAE,eAAe;oBACzB,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB;;AAS/B,MAAM,OAAO,mBAAmB;IAEX,QAAQ,GAAG,mBAA4B,CAAC;uGAFhD,mBAAmB;2FAAnB,mBAAmB;;2FAAnB,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB;;AAS/B,MAAM,OAAO,eAAe;IAEP,QAAQ,GAAG,eAAwB,CAAC;uGAF5C,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAL3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,IAAI;iBACjB;;sBAEE,WAAW;uBAAC,gBAAgB","sourcesContent":["import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  selector: '[tngEmpty]',\n  exportAs: 'tngEmpty',\n  standalone: true,\n})\nexport class TngEmpty {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyIcon]',\n  exportAs: 'tngEmptyIcon',\n  standalone: true,\n})\nexport class TngEmptyIcon {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-icon' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyTitle]',\n  exportAs: 'tngEmptyTitle',\n  standalone: true,\n})\nexport class TngEmptyTitle {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-title' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyDescription]',\n  exportAs: 'tngEmptyDescription',\n  standalone: true,\n})\nexport class TngEmptyDescription {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-description' as const;\n}\n\n@Directive({\n  selector: '[tngEmptyActions]',\n  exportAs: 'tngEmptyActions',\n  standalone: true,\n})\nexport class TngEmptyActions {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'empty-actions' as const;\n}\n"]}

package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function normalizeTngProgressBarMin(value: number): number;
 export declare function normalizeTngProgressBarMax(value: number): number;
 export declare function resolveTngProgressBarRange(min: number, max: number, value: number): Readonly<{
@@ -17,8 +18,12 @@ export declare class TngProgressBar {
     protected readonly dataSlot: "progress-bar";
     protected readonly roleAttr: "progressbar";
     private get range();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngProgressBar, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngProgressBar, "[tngProgressBar]", ["tngProgressBar"], { "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TngProgressBarIndicator {
     protected readonly dataSlot: "progress-bar-indicator";
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngProgressBarIndicator, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngProgressBarIndicator, "[tngProgressBarIndicator]", ["tngProgressBarIndicator"], {}, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-progress-bar.d.ts.map

package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-bar.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-bar/tng-progress-bar.ts"],"names":[],"mappings":"AAMA,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,0BAA0B,CACxC,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GACZ,QAAQ,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAWD;AAED,qBAIa,cAAc;IACzB,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAGH,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,qBAAqB,IAAI,EAAE,GAAG,IAAI,CAE/C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAErD,OAAO,KAAK,KAAK,GAMhB;CACF;AAED,qBAIa,uBAAuB;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,wBAAwB,CAAU;CACjE"}
+{"version":3,"file":"tng-progress-bar.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-bar/tng-progress-bar.ts"],"names":[],"mappings":";AAMA,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhE;AAED,wBAAgB,0BAA0B,CACxC,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GACZ,QAAQ,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAWD;AAED,qBAKa,cAAc;IACzB,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAGH,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,qBAAqB,IAAI,EAAE,GAAG,IAAI,CAE/C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAErD,OAAO,KAAK,KAAK,GAMhB;yCA7DU,cAAc;2CAAd,cAAc;CA8D1B;AAED,qBAKa,uBAAuB;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,wBAAwB,CAAU;yCAFrD,uBAAuB;2CAAvB,uBAAuB;CAGnC"}

package/src/lib/feedback/progress-bar/tng-progress-bar.js

@@ -1,5 +1,5 @@
-import { __decorate } from "tslib";
 import { booleanAttribute, Directive, HostBinding, input } from '@angular/core';
+import * as i0 from "@angular/core";
 function normalizeFiniteNumber(value, fallback) {
     return Number.isFinite(value) ? value : fallback;
 }
@@ -20,19 +20,11 @@ export function resolveTngProgressBarRange(min, max, value) {
         value: resolvedValue,
     });
 }
-let TngProgressBar = class TngProgressBar {
-    indeterminate = input(false, {
-        transform: booleanAttribute,
-    });
-    max = input(100, {
-        transform: (value) => normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),
-    });
-    min = input(0, {
-        transform: (value) => normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),
-    });
-    value = input(0, {
-        transform: (value) => typeof value === 'number' ? value : Number(value),
-    });
+export class TngProgressBar {
+    indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : {}), transform: (value) => normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)) });
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : {}), transform: (value) => normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)) });
+    value = input(0, { ...(ngDevMode ? { debugName: "value" } : {}), transform: (value) => typeof value === 'number' ? value : Number(value) });
     get ariaValueMaxAttr() {
         if (this.indeterminate()) {
             return null;
@@ -59,43 +51,49 @@ let TngProgressBar = class TngProgressBar {
     get range() {
         return resolveTngProgressBarRange(this.min(), this.max(), this.value());
     }
-};
-__decorate([
-    HostBinding('attr.aria-valuemax')
-], TngProgressBar.prototype, "ariaValueMaxAttr", null);
-__decorate([
-    HostBinding('attr.aria-valuemin')
-], TngProgressBar.prototype, "ariaValueMinAttr", null);
-__decorate([
-    HostBinding('attr.aria-valuenow')
-], TngProgressBar.prototype, "ariaValueNowAttr", null);
-__decorate([
-    HostBinding('attr.data-indeterminate')
-], TngProgressBar.prototype, "dataIndeterminateAttr", null);
-__decorate([
-    HostBinding('attr.data-slot')
-], TngProgressBar.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngProgressBar.prototype, "roleAttr", void 0);
-TngProgressBar = __decorate([
-    Directive({
-        selector: '[tngProgressBar]',
-        exportAs: 'tngProgressBar',
-    })
-], TngProgressBar);
-export { TngProgressBar };
-let TngProgressBarIndicator = class TngProgressBarIndicator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngProgressBar, isStandalone: true, selector: "[tngProgressBar]", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-valuemax": "this.ariaValueMaxAttr", "attr.aria-valuemin": "this.ariaValueMinAttr", "attr.aria-valuenow": "this.ariaValueNowAttr", "attr.data-indeterminate": "this.dataIndeterminateAttr", "attr.data-slot": "this.dataSlot", "attr.role": "this.roleAttr" } }, exportAs: ["tngProgressBar"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngProgressBar]',
+                    exportAs: 'tngProgressBar',
+                    standalone: true,
+                }]
+        }], propDecorators: { indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ariaValueMaxAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemax']
+            }], ariaValueMinAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemin']
+            }], ariaValueNowAttr: [{
+                type: HostBinding,
+                args: ['attr.aria-valuenow']
+            }], dataIndeterminateAttr: [{
+                type: HostBinding,
+                args: ['attr.data-indeterminate']
+            }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+export class TngProgressBarIndicator {
     dataSlot = 'progress-bar-indicator';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngProgressBarIndicator.prototype, "dataSlot", void 0);
-TngProgressBarIndicator = __decorate([
-    Directive({
-        selector: '[tngProgressBarIndicator]',
-        exportAs: 'tngProgressBarIndicator',
-    })
-], TngProgressBarIndicator);
-export { TngProgressBarIndicator };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBarIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngProgressBarIndicator, isStandalone: true, selector: "[tngProgressBarIndicator]", host: { properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngProgressBarIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngProgressBarIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngProgressBarIndicator]',
+                    exportAs: 'tngProgressBarIndicator',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }] } });
 //# sourceMappingURL=tng-progress-bar.js.map

package/src/lib/feedback/progress-bar/tng-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-bar.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-bar/tng-progress-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Directive, HostBinding, input } from '@angular/core';\n\nfunction normalizeFiniteNumber(value: number, fallback: number): number {\n  return Number.isFinite(value) ? value : fallback;\n}\n\nexport function normalizeTngProgressBarMin(value: number): number {\n  return normalizeFiniteNumber(value, 0);\n}\n\nexport function normalizeTngProgressBarMax(value: number): number {\n  return normalizeFiniteNumber(value, 100);\n}\n\nexport function resolveTngProgressBarRange(\n  min: number,\n  max: number,\n  value: number,\n): Readonly<{\n  max: number;\n  min: number;\n  value: number;\n}> {\n  const resolvedMin = normalizeTngProgressBarMin(min);\n  const resolvedMax = Math.max(normalizeTngProgressBarMax(max), resolvedMin);\n  const normalizedValue = normalizeFiniteNumber(value, resolvedMin);\n  const resolvedValue = Math.min(Math.max(normalizedValue, resolvedMin), resolvedMax);\n\n  return Object.freeze({\n    max: resolvedMax,\n    min: resolvedMin,\n    value: resolvedValue,\n  });\n}\n\n@Directive({\n  selector: '[tngProgressBar]',\n  exportAs: 'tngProgressBar',\n})\nexport class TngProgressBar {\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  @HostBinding('attr.aria-valuemax')\n  protected get ariaValueMaxAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.max);\n  }\n\n  @HostBinding('attr.aria-valuemin')\n  protected get ariaValueMinAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.min);\n  }\n\n  @HostBinding('attr.aria-valuenow')\n  protected get ariaValueNowAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.value);\n  }\n\n  @HostBinding('attr.data-indeterminate')\n  protected get dataIndeterminateAttr(): '' | null {\n    return this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'progress-bar' as const;\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'progressbar' as const;\n\n  private get range(): Readonly<{\n    max: number;\n    min: number;\n    value: number;\n  }> {\n    return resolveTngProgressBarRange(this.min(), this.max(), this.value());\n  }\n}\n\n@Directive({\n  selector: '[tngProgressBarIndicator]',\n  exportAs: 'tngProgressBarIndicator',\n})\nexport class TngProgressBarIndicator {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'progress-bar-indicator' as const;\n}\n"]}
+{"version":3,"file":"tng-progress-bar.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-bar/tng-progress-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttribute, Directive, HostBinding, input } from '@angular/core';\n\nfunction normalizeFiniteNumber(value: number, fallback: number): number {\n  return Number.isFinite(value) ? value : fallback;\n}\n\nexport function normalizeTngProgressBarMin(value: number): number {\n  return normalizeFiniteNumber(value, 0);\n}\n\nexport function normalizeTngProgressBarMax(value: number): number {\n  return normalizeFiniteNumber(value, 100);\n}\n\nexport function resolveTngProgressBarRange(\n  min: number,\n  max: number,\n  value: number,\n): Readonly<{\n  max: number;\n  min: number;\n  value: number;\n}> {\n  const resolvedMin = normalizeTngProgressBarMin(min);\n  const resolvedMax = Math.max(normalizeTngProgressBarMax(max), resolvedMin);\n  const normalizedValue = normalizeFiniteNumber(value, resolvedMin);\n  const resolvedValue = Math.min(Math.max(normalizedValue, resolvedMin), resolvedMax);\n\n  return Object.freeze({\n    max: resolvedMax,\n    min: resolvedMin,\n    value: resolvedValue,\n  });\n}\n\n@Directive({\n  selector: '[tngProgressBar]',\n  exportAs: 'tngProgressBar',\n  standalone: true,\n})\nexport class TngProgressBar {\n  public readonly indeterminate = input<boolean, boolean | string>(false, {\n    transform: booleanAttribute,\n  });\n  public readonly max = input<number, number | string>(100, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressBarMin(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly value = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      typeof value === 'number' ? value : Number(value),\n  });\n\n  @HostBinding('attr.aria-valuemax')\n  protected get ariaValueMaxAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.max);\n  }\n\n  @HostBinding('attr.aria-valuemin')\n  protected get ariaValueMinAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.min);\n  }\n\n  @HostBinding('attr.aria-valuenow')\n  protected get ariaValueNowAttr(): string | null {\n    if (this.indeterminate()) {\n      return null;\n    }\n\n    return String(this.range.value);\n  }\n\n  @HostBinding('attr.data-indeterminate')\n  protected get dataIndeterminateAttr(): '' | null {\n    return this.indeterminate() ? '' : null;\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'progress-bar' as const;\n\n  @HostBinding('attr.role')\n  protected readonly roleAttr = 'progressbar' as const;\n\n  private get range(): Readonly<{\n    max: number;\n    min: number;\n    value: number;\n  }> {\n    return resolveTngProgressBarRange(this.min(), this.max(), this.value());\n  }\n}\n\n@Directive({\n  selector: '[tngProgressBarIndicator]',\n  exportAs: 'tngProgressBarIndicator',\n  standalone: true,\n})\nexport class TngProgressBarIndicator {\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'progress-bar-indicator' as const;\n}\n"]}

package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 export declare function normalizeTngProgressSpinnerMin(value: number): number;
 export declare function normalizeTngProgressSpinnerMax(value: number): number;
 export declare function resolveTngProgressSpinnerRange(min: number, max: number, value: number): Readonly<{
@@ -17,5 +18,7 @@ export declare class TngProgressSpinner {
     protected readonly dataSlot: "progress-spinner";
     protected readonly roleAttr: "progressbar";
     private get range();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TngProgressSpinner, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TngProgressSpinner, "[tngProgressSpinner]", ["tngProgressSpinner"], { "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=tng-progress-spinner.d.ts.map

package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tng-progress-spinner.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-spinner/tng-progress-spinner.ts"],"names":[],"mappings":"AAMA,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,8BAA8B,CAC5C,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GACZ,QAAQ,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAWD;AAED,qBAIa,kBAAkB;IAC7B,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAGH,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,qBAAqB,IAAI,EAAE,GAAG,IAAI,CAE/C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,kBAAkB,CAAU;IAG1D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAErD,OAAO,KAAK,KAAK,GAMhB;CACF"}
+{"version":3,"file":"tng-progress-spinner.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-spinner/tng-progress-spinner.ts"],"names":[],"mappings":";AAMA,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,8BAA8B,CAC5C,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,GACZ,QAAQ,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAWD;AAED,qBAKa,kBAAkB;IAC7B,SAAgB,aAAa,8EAE1B;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,GAAG,4EAGhB;IACH,SAAgB,KAAK,4EAGlB;IAGH,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAM9C;IAGD,SAAS,KAAK,qBAAqB,IAAI,EAAE,GAAG,IAAI,CAE/C;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,kBAAkB,CAAU;IAG1D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,aAAa,CAAU;IAErD,OAAO,KAAK,KAAK,GAMhB;yCA7DU,kBAAkB;2CAAlB,kBAAkB;CA8D9B"}