@tailng-ui/primitives 0.1.0

package/README.md

@@ -0,0 +1,36 @@
+<div align="center">
+  <img
+    src="https://raw.githubusercontent.com/tailng/tailng-ui/main/apps/tailng-ui/docs/src/assets/logo.svg"
+    width="96"
+    alt="TailNG logo"
+  />
+</div>
+
+# @tailng-ui/primitives
+
+Unstyled accessibility and behavior primitives for TailNG UI.
+
+## TngPress
+
+`TngPress` is a standalone directive that enhances native `button` and `a` elements:
+
+- 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`.
+
+### Usage
+
+```ts
+import { Component } from '@angular/core';
+import { TngPress } from '@tailng-ui/primitives';
+
+@Component({
+  imports: [TngPress],
+  template: `
+    <button tngPress type="button">Action</button>
+    <a tngPress [disabled]="true">Disabled Link Button</a>
+  `,
+})
+export class ExampleComponent {}
+```

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@tailng-ui/primitives",
+  "version": "0.1.0",
+  "peerDependencies": {
+    "@angular/core": "^21.1.0",
+    "@tailng-ui/cdk": "workspace:*",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "types": "./src/index.d.ts",
+  "main": "./src/index.js",
+  "type": "commonjs"
+}

package/src/index.d.ts

@@ -0,0 +1,55 @@
+export * from './lib/navigation/breadcrumb/tng-breadcrumb';
+export * from './lib/navigation/context-menu/tng-context-menu';
+export * from './lib/navigation/dropdown-menu/tng-dropdown-menu';
+export * from './lib/navigation/menu/tng-menu';
+export * from './lib/navigation/menubar/tng-menubar';
+export * from './lib/navigation/navigation-menu/tng-navigation-menu';
+export * from './lib/navigation/tabs/tng-tabs';
+export * from './lib/navigation/toolbar/tng-toolbar';
+export * from './lib/form/listbox/listbox.directive';
+export * from './lib/form/listbox/option.directive';
+export * from './lib/form/listbox/tokens';
+export * from './lib/form/autocomplete';
+export * from './lib/form/button-toggle/tng-button-toggle';
+export * from './lib/form/checkbox/tng-checkbox';
+export * from './lib/form/chips/tng-chips';
+export * from './lib/form/combobox/tng-combobox';
+export * from './lib/form/input/tng-input';
+export * from './lib/form/input-otp/tng-input-otp';
+export * from './lib/form/label/tng-label';
+export * from './lib/form/multiselect/tng-multiselect';
+export * from './lib/form/multi-select';
+export * from './lib/form/radio/tng-radio';
+export * from './lib/form/multi-autocomplete';
+export * from './lib/form/select/tng-select';
+export * from './lib/form/select/tng-select.parts';
+export * from './lib/form/select/tng-select.overlay';
+export * from './lib/form/select/tng-select.listbox';
+export * from './lib/form/select/tng-select.listbox.types';
+export * from './lib/form/slider/tng-slider';
+export * from './lib/form/switch/tng-switch';
+export * from './lib/form/textarea/tng-textarea';
+export * from './lib/form/toggle/tng-toggle';
+export * from './lib/form/toggle-group/tng-toggle-group';
+export * from './lib/layout/accordion/tng-accordion';
+export * from './lib/layout/bottom-sheet/tng-bottom-sheet';
+export * from './lib/layout/card/tng-card';
+export * from './lib/layout/collapsible/tng-collapsible';
+export * from './lib/layout/drawer/tng-drawer';
+export * from './lib/layout/grid/tng-grid';
+export * from './lib/layout/separator/tng-separator';
+export * from './lib/layout/stepper/tng-stepper';
+export * from './lib/layout/tree/tng-tree';
+export * from './lib/overlay/tooltip/tng-tooltip';
+export * from './lib/feedback/empty/tng-empty';
+export * from './lib/feedback/progress-bar/tng-progress-bar';
+export * from './lib/feedback/progress-spinner/tng-progress-spinner';
+export * from './lib/feedback/skeleton/tng-skeleton';
+export * from './lib/feedback/toast/tng-toast';
+export * from './lib/utility/avatar/tng-avatar';
+export * from './lib/utility/badge/tng-badge';
+export * from './lib/utility/press/tng-press';
+export * from './lib/utility/code-block/tng-code-block';
+export * from './lib/utility/copy/tng-copy';
+export * from './lib/utility/tag/tng-tag';
+//# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../libs/tailng-ui/primitives/src/index.ts"],"names":[],"mappings":"AACA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AAGrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAE3D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0CAA0C,CAAC;AAGzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAG3C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAG/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC"}

package/src/index.js

@@ -0,0 +1,61 @@
+// Navigation
+export * from './lib/navigation/breadcrumb/tng-breadcrumb';
+export * from './lib/navigation/context-menu/tng-context-menu';
+export * from './lib/navigation/dropdown-menu/tng-dropdown-menu';
+export * from './lib/navigation/menu/tng-menu';
+export * from './lib/navigation/menubar/tng-menubar';
+export * from './lib/navigation/navigation-menu/tng-navigation-menu';
+export * from './lib/navigation/tabs/tng-tabs';
+export * from './lib/navigation/toolbar/tng-toolbar';
+// Form (listbox first - autocomplete/select depend on it)
+export * from './lib/form/listbox/listbox.directive';
+export * from './lib/form/listbox/option.directive';
+export * from './lib/form/listbox/tokens';
+export * from './lib/form/autocomplete';
+export * from './lib/form/button-toggle/tng-button-toggle';
+export * from './lib/form/checkbox/tng-checkbox';
+export * from './lib/form/chips/tng-chips';
+export * from './lib/form/combobox/tng-combobox';
+export * from './lib/form/input/tng-input';
+export * from './lib/form/input-otp/tng-input-otp';
+export * from './lib/form/label/tng-label';
+export * from './lib/form/multiselect/tng-multiselect';
+export * from './lib/form/multi-select';
+export * from './lib/form/radio/tng-radio';
+export * from './lib/form/multi-autocomplete';
+export * from './lib/form/select/tng-select';
+export * from './lib/form/select/tng-select.parts';
+export * from './lib/form/select/tng-select.overlay';
+export * from './lib/form/select/tng-select.listbox';
+export * from './lib/form/select/tng-select.listbox.types';
+export * from './lib/form/slider/tng-slider';
+export * from './lib/form/switch/tng-switch';
+export * from './lib/form/textarea/tng-textarea';
+export * from './lib/form/toggle/tng-toggle';
+export * from './lib/form/toggle-group/tng-toggle-group';
+// Layout
+export * from './lib/layout/accordion/tng-accordion';
+export * from './lib/layout/bottom-sheet/tng-bottom-sheet';
+export * from './lib/layout/card/tng-card';
+export * from './lib/layout/collapsible/tng-collapsible';
+export * from './lib/layout/drawer/tng-drawer';
+export * from './lib/layout/grid/tng-grid';
+export * from './lib/layout/separator/tng-separator';
+export * from './lib/layout/stepper/tng-stepper';
+export * from './lib/layout/tree/tng-tree';
+// Overlay
+export * from './lib/overlay/tooltip/tng-tooltip';
+// Feedback
+export * from './lib/feedback/empty/tng-empty';
+export * from './lib/feedback/progress-bar/tng-progress-bar';
+export * from './lib/feedback/progress-spinner/tng-progress-spinner';
+export * from './lib/feedback/skeleton/tng-skeleton';
+export * from './lib/feedback/toast/tng-toast';
+// Utility
+export * from './lib/utility/avatar/tng-avatar';
+export * from './lib/utility/badge/tng-badge';
+export * from './lib/utility/press/tng-press';
+export * from './lib/utility/code-block/tng-code-block';
+export * from './lib/utility/copy/tng-copy';
+export * from './lib/utility/tag/tng-tag';
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/tailng-ui/primitives/src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AAErD,0DAA0D;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oCAAoC,CAAC;AACnD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAE3D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0CAA0C,CAAC;AAEzD,SAAS;AACT,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAE3C,UAAU;AACV,cAAc,mCAAmC,CAAC;AAElD,WAAW;AACX,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sDAAsD,CAAC;AACrE,cAAc,sCAAsC,CAAC;AACrD,cAAc,gCAAgC,CAAC;AAE/C,UAAU;AACV,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC","sourcesContent":["// Navigation\nexport * from './lib/navigation/breadcrumb/tng-breadcrumb';\nexport * from './lib/navigation/context-menu/tng-context-menu';\nexport * from './lib/navigation/dropdown-menu/tng-dropdown-menu';\nexport * from './lib/navigation/menu/tng-menu';\nexport * from './lib/navigation/menubar/tng-menubar';\nexport * from './lib/navigation/navigation-menu/tng-navigation-menu';\nexport * from './lib/navigation/tabs/tng-tabs';\nexport * from './lib/navigation/toolbar/tng-toolbar';\n\n// Form (listbox first - autocomplete/select depend on it)\nexport * from './lib/form/listbox/listbox.directive';\nexport * from './lib/form/listbox/option.directive';\nexport * from './lib/form/listbox/tokens';\nexport * from './lib/form/autocomplete';\nexport * from './lib/form/button-toggle/tng-button-toggle';\nexport * from './lib/form/checkbox/tng-checkbox';\nexport * from './lib/form/chips/tng-chips';\nexport * from './lib/form/combobox/tng-combobox';\nexport * from './lib/form/input/tng-input';\nexport * from './lib/form/input-otp/tng-input-otp';\nexport * from './lib/form/label/tng-label';\nexport * from './lib/form/multiselect/tng-multiselect';\nexport * from './lib/form/multi-select';\nexport * from './lib/form/radio/tng-radio';\nexport * from './lib/form/multi-autocomplete';\n\nexport * from './lib/form/select/tng-select';\nexport * from './lib/form/select/tng-select.parts';\nexport * from './lib/form/select/tng-select.overlay';\nexport * from './lib/form/select/tng-select.listbox';\nexport * from './lib/form/select/tng-select.listbox.types';\n\nexport * from './lib/form/slider/tng-slider';\nexport * from './lib/form/switch/tng-switch';\nexport * from './lib/form/textarea/tng-textarea';\nexport * from './lib/form/toggle/tng-toggle';\nexport * from './lib/form/toggle-group/tng-toggle-group';\n\n// Layout\nexport * from './lib/layout/accordion/tng-accordion';\nexport * from './lib/layout/bottom-sheet/tng-bottom-sheet';\nexport * from './lib/layout/card/tng-card';\nexport * from './lib/layout/collapsible/tng-collapsible';\nexport * from './lib/layout/drawer/tng-drawer';\nexport * from './lib/layout/grid/tng-grid';\nexport * from './lib/layout/separator/tng-separator';\nexport * from './lib/layout/stepper/tng-stepper';\nexport * from './lib/layout/tree/tng-tree';\n\n// Overlay\nexport * from './lib/overlay/tooltip/tng-tooltip';\n\n// Feedback\nexport * from './lib/feedback/empty/tng-empty';\nexport * from './lib/feedback/progress-bar/tng-progress-bar';\nexport * from './lib/feedback/progress-spinner/tng-progress-spinner';\nexport * from './lib/feedback/skeleton/tng-skeleton';\nexport * from './lib/feedback/toast/tng-toast';\n\n// Utility\nexport * from './lib/utility/avatar/tng-avatar';\nexport * from './lib/utility/badge/tng-badge';\nexport * from './lib/utility/press/tng-press';\nexport * from './lib/utility/code-block/tng-code-block';\nexport * from './lib/utility/copy/tng-copy';\nexport * from './lib/utility/tag/tng-tag';\n"]}

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

@@ -0,0 +1,16 @@
+export declare class TngEmpty {
+    protected readonly dataSlot: "empty";
+}
+export declare class TngEmptyIcon {
+    protected readonly dataSlot: "empty-icon";
+}
+export declare class TngEmptyTitle {
+    protected readonly dataSlot: "empty-title";
+}
+export declare class TngEmptyDescription {
+    protected readonly dataSlot: "empty-description";
+}
+export declare class TngEmptyActions {
+    protected readonly dataSlot: "empty-actions";
+}
+//# sourceMappingURL=tng-empty.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,68 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding } from '@angular/core';
+let TngEmpty = 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 {
+    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 {
+    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 {
+    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 {
+    dataSlot = 'empty-actions';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngEmptyActions.prototype, "dataSlot", void 0);
+TngEmptyActions = __decorate([
+    Directive({
+        selector: '[tngEmptyActions]',
+        exportAs: 'tngEmptyActions',
+    })
+], TngEmptyActions);
+export { TngEmptyActions };
+//# sourceMappingURL=tng-empty.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,24 @@
+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<{
+    max: number;
+    min: number;
+    value: number;
+}>;
+export declare class TngProgressBar {
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected get ariaValueMaxAttr(): string | null;
+    protected get ariaValueMinAttr(): string | null;
+    protected get ariaValueNowAttr(): string | null;
+    protected get dataIndeterminateAttr(): '' | null;
+    protected readonly dataSlot: "progress-bar";
+    protected readonly roleAttr: "progressbar";
+    private get range();
+}
+export declare class TngProgressBarIndicator {
+    protected readonly dataSlot: "progress-bar-indicator";
+}
+//# sourceMappingURL=tng-progress-bar.d.ts.map

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

@@ -0,0 +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,CAUD;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"}

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

@@ -0,0 +1,100 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Directive, HostBinding, input } from '@angular/core';
+function normalizeFiniteNumber(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+export function normalizeTngProgressBarMin(value) {
+    return normalizeFiniteNumber(value, 0);
+}
+export function normalizeTngProgressBarMax(value) {
+    return normalizeFiniteNumber(value, 100);
+}
+export function resolveTngProgressBarRange(min, max, value) {
+    const resolvedMin = normalizeTngProgressBarMin(min);
+    const resolvedMax = Math.max(normalizeTngProgressBarMax(max), resolvedMin);
+    const resolvedValue = Math.min(Math.max(value, resolvedMin), resolvedMax);
+    return Object.freeze({
+        max: resolvedMax,
+        min: resolvedMin,
+        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),
+    });
+    get ariaValueMaxAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.max);
+    }
+    get ariaValueMinAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.min);
+    }
+    get ariaValueNowAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.value);
+    }
+    get dataIndeterminateAttr() {
+        return this.indeterminate() ? '' : null;
+    }
+    dataSlot = 'progress-bar';
+    roleAttr = 'progressbar';
+    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 {
+    dataSlot = 'progress-bar-indicator';
+};
+__decorate([
+    HostBinding('attr.data-slot')
+], TngProgressBarIndicator.prototype, "dataSlot", void 0);
+TngProgressBarIndicator = __decorate([
+    Directive({
+        selector: '[tngProgressBarIndicator]',
+        exportAs: 'tngProgressBarIndicator',
+    })
+], TngProgressBarIndicator);
+export { TngProgressBarIndicator };
+//# sourceMappingURL=tng-progress-bar.js.map

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

@@ -0,0 +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 resolvedValue = Math.min(Math.max(value, 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"]}

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

@@ -0,0 +1,21 @@
+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<{
+    max: number;
+    min: number;
+    value: number;
+}>;
+export declare class TngProgressSpinner {
+    readonly indeterminate: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    protected get ariaValueMaxAttr(): string | null;
+    protected get ariaValueMinAttr(): string | null;
+    protected get ariaValueNowAttr(): string | null;
+    protected get dataIndeterminateAttr(): '' | null;
+    protected readonly dataSlot: "progress-spinner";
+    protected readonly roleAttr: "progressbar";
+    private get range();
+}
+//# sourceMappingURL=tng-progress-spinner.d.ts.map

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

@@ -0,0 +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,CAUD;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"}

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

@@ -0,0 +1,87 @@
+import { __decorate } from "tslib";
+import { booleanAttribute, Directive, HostBinding, input } from '@angular/core';
+function normalizeFiniteNumber(value, fallback) {
+    return Number.isFinite(value) ? value : fallback;
+}
+export function normalizeTngProgressSpinnerMin(value) {
+    return normalizeFiniteNumber(value, 0);
+}
+export function normalizeTngProgressSpinnerMax(value) {
+    return normalizeFiniteNumber(value, 100);
+}
+export function resolveTngProgressSpinnerRange(min, max, value) {
+    const resolvedMin = normalizeTngProgressSpinnerMin(min);
+    const resolvedMax = Math.max(normalizeTngProgressSpinnerMax(max), resolvedMin);
+    const resolvedValue = Math.min(Math.max(value, resolvedMin), resolvedMax);
+    return Object.freeze({
+        max: resolvedMax,
+        min: resolvedMin,
+        value: resolvedValue,
+    });
+}
+let TngProgressSpinner = class TngProgressSpinner {
+    indeterminate = input(false, {
+        transform: booleanAttribute,
+    });
+    max = input(100, {
+        transform: (value) => normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)),
+    });
+    min = input(0, {
+        transform: (value) => normalizeTngProgressSpinnerMin(typeof value === 'number' ? value : Number(value)),
+    });
+    value = input(0, {
+        transform: (value) => typeof value === 'number' ? value : Number(value),
+    });
+    get ariaValueMaxAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.max);
+    }
+    get ariaValueMinAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.min);
+    }
+    get ariaValueNowAttr() {
+        if (this.indeterminate()) {
+            return null;
+        }
+        return String(this.range.value);
+    }
+    get dataIndeterminateAttr() {
+        return this.indeterminate() ? '' : null;
+    }
+    dataSlot = 'progress-spinner';
+    roleAttr = 'progressbar';
+    get range() {
+        return resolveTngProgressSpinnerRange(this.min(), this.max(), this.value());
+    }
+};
+__decorate([
+    HostBinding('attr.aria-valuemax')
+], TngProgressSpinner.prototype, "ariaValueMaxAttr", null);
+__decorate([
+    HostBinding('attr.aria-valuemin')
+], TngProgressSpinner.prototype, "ariaValueMinAttr", null);
+__decorate([
+    HostBinding('attr.aria-valuenow')
+], TngProgressSpinner.prototype, "ariaValueNowAttr", null);
+__decorate([
+    HostBinding('attr.data-indeterminate')
+], TngProgressSpinner.prototype, "dataIndeterminateAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngProgressSpinner.prototype, "dataSlot", void 0);
+__decorate([
+    HostBinding('attr.role')
+], TngProgressSpinner.prototype, "roleAttr", void 0);
+TngProgressSpinner = __decorate([
+    Directive({
+        selector: '[tngProgressSpinner]',
+        exportAs: 'tngProgressSpinner',
+    })
+], TngProgressSpinner);
+export { TngProgressSpinner };
+//# sourceMappingURL=tng-progress-spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-progress-spinner.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/progress-spinner/tng-progress-spinner.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 normalizeTngProgressSpinnerMin(value: number): number {\n  return normalizeFiniteNumber(value, 0);\n}\n\nexport function normalizeTngProgressSpinnerMax(value: number): number {\n  return normalizeFiniteNumber(value, 100);\n}\n\nexport function resolveTngProgressSpinnerRange(\n  min: number,\n  max: number,\n  value: number,\n): Readonly<{\n  max: number;\n  min: number;\n  value: number;\n}> {\n  const resolvedMin = normalizeTngProgressSpinnerMin(min);\n  const resolvedMax = Math.max(normalizeTngProgressSpinnerMax(max), resolvedMin);\n  const resolvedValue = Math.min(Math.max(value, resolvedMin), resolvedMax);\n\n  return Object.freeze({\n    max: resolvedMax,\n    min: resolvedMin,\n    value: resolvedValue,\n  });\n}\n\n@Directive({\n  selector: '[tngProgressSpinner]',\n  exportAs: 'tngProgressSpinner',\n})\nexport class TngProgressSpinner {\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      normalizeTngProgressSpinnerMax(typeof value === 'number' ? value : Number(value)),\n  });\n  public readonly min = input<number, number | string>(0, {\n    transform: (value: number | string): number =>\n      normalizeTngProgressSpinnerMin(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-spinner' 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 resolveTngProgressSpinnerRange(this.min(), this.max(), this.value());\n  }\n}\n"]}

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

@@ -0,0 +1,11 @@
+export declare function resolveTngSkeletonDataAnimated(animated: boolean): 'false' | 'true';
+export declare function resolveTngSkeletonDataRounded(rounded: boolean): 'false' | 'true';
+export declare class TngSkeleton {
+    readonly animated: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly rounded: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly ariaHiddenAttr: "true";
+    protected get dataAnimatedAttr(): 'false' | 'true';
+    protected get dataRoundedAttr(): 'false' | 'true';
+    protected readonly dataSlot: "skeleton";
+}
+//# sourceMappingURL=tng-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/skeleton/tng-skeleton.ts"],"names":[],"mappings":"AAEA,wBAAgB,8BAA8B,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAElF;AAED,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAEhF;AAED,qBAIa,WAAW;IACtB,SAAgB,QAAQ,8EAErB;IACH,SAAgB,OAAO,8EAEpB;IAGH,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAG,MAAM,CAAU;IAGpD,SAAS,KAAK,gBAAgB,IAAI,OAAO,GAAG,MAAM,CAEjD;IAGD,SAAS,KAAK,eAAe,IAAI,OAAO,GAAG,MAAM,CAEhD;IAGD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,UAAU,CAAU;CACnD"}

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

@@ -0,0 +1,44 @@
+import { __decorate } from "tslib";
+import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';
+export function resolveTngSkeletonDataAnimated(animated) {
+    return animated ? 'true' : 'false';
+}
+export function resolveTngSkeletonDataRounded(rounded) {
+    return rounded ? 'true' : 'false';
+}
+let TngSkeleton = class TngSkeleton {
+    animated = input(true, {
+        transform: booleanAttribute,
+    });
+    rounded = input(true, {
+        transform: booleanAttribute,
+    });
+    ariaHiddenAttr = 'true';
+    get dataAnimatedAttr() {
+        return resolveTngSkeletonDataAnimated(this.animated());
+    }
+    get dataRoundedAttr() {
+        return resolveTngSkeletonDataRounded(this.rounded());
+    }
+    dataSlot = 'skeleton';
+};
+__decorate([
+    HostBinding('attr.aria-hidden')
+], TngSkeleton.prototype, "ariaHiddenAttr", void 0);
+__decorate([
+    HostBinding('attr.data-animated')
+], TngSkeleton.prototype, "dataAnimatedAttr", null);
+__decorate([
+    HostBinding('attr.data-rounded')
+], TngSkeleton.prototype, "dataRoundedAttr", null);
+__decorate([
+    HostBinding('attr.data-slot')
+], TngSkeleton.prototype, "dataSlot", void 0);
+TngSkeleton = __decorate([
+    Directive({
+        selector: '[tngSkeleton]',
+        exportAs: 'tngSkeleton',
+    })
+], TngSkeleton);
+export { TngSkeleton };
+//# sourceMappingURL=tng-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tng-skeleton.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/feedback/skeleton/tng-skeleton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhF,MAAM,UAAU,8BAA8B,CAAC,QAAiB;IAC9D,OAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,6BAA6B,CAAC,OAAgB;IAC5D,OAAO,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACpC,CAAC;AAMM,IAAM,WAAW,GAAjB,MAAM,WAAW;IACN,QAAQ,GAAG,KAAK,CAA4B,IAAI,EAAE;QAChE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,OAAO,GAAG,KAAK,CAA4B,IAAI,EAAE;QAC/D,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IAGgB,cAAc,GAAG,MAAe,CAAC;IAGpD,IAAc,gBAAgB;QAC5B,OAAO,8BAA8B,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzD,CAAC;IAGD,IAAc,eAAe;QAC3B,OAAO,6BAA6B,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACvD,CAAC;IAGkB,QAAQ,GAAG,UAAmB,CAAC;CACnD,CAAA;AAdoB;IADlB,WAAW,CAAC,kBAAkB,CAAC;mDACoB;AAGpD;IADC,WAAW,CAAC,oBAAoB,CAAC;mDAGjC;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;kDAGhC;AAGkB;IADlB,WAAW,CAAC,gBAAgB,CAAC;6CACoB;AAtBvC,WAAW;IAJvB,SAAS,CAAC;QACT,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACW,WAAW,CAuBvB","sourcesContent":["import { Directive, HostBinding, booleanAttribute, input } from '@angular/core';\n\nexport function resolveTngSkeletonDataAnimated(animated: boolean): 'false' | 'true' {\n  return animated ? 'true' : 'false';\n}\n\nexport function resolveTngSkeletonDataRounded(rounded: boolean): 'false' | 'true' {\n  return rounded ? 'true' : 'false';\n}\n\n@Directive({\n  selector: '[tngSkeleton]',\n  exportAs: 'tngSkeleton',\n})\nexport class TngSkeleton {\n  public readonly animated = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n  public readonly rounded = input<boolean, boolean | string>(true, {\n    transform: booleanAttribute,\n  });\n\n  @HostBinding('attr.aria-hidden')\n  protected readonly ariaHiddenAttr = 'true' as const;\n\n  @HostBinding('attr.data-animated')\n  protected get dataAnimatedAttr(): 'false' | 'true' {\n    return resolveTngSkeletonDataAnimated(this.animated());\n  }\n\n  @HostBinding('attr.data-rounded')\n  protected get dataRoundedAttr(): 'false' | 'true' {\n    return resolveTngSkeletonDataRounded(this.rounded());\n  }\n\n  @HostBinding('attr.data-slot')\n  protected readonly dataSlot = 'skeleton' as const;\n}\n"]}