@tailng-ui/components 0.1.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/README.md +83 -5
  2. package/package.json +9 -4
  3. package/src/lib/feedback/empty/tng-empty.component.d.ts.map +1 -1
  4. package/src/lib/feedback/empty/tng-empty.component.js +5 -0
  5. package/src/lib/feedback/empty/tng-empty.component.js.map +1 -1
  6. package/src/lib/feedback/progress-bar/tng-progress-bar.component.d.ts.map +1 -1
  7. package/src/lib/feedback/progress-bar/tng-progress-bar.component.js +1 -0
  8. package/src/lib/feedback/progress-bar/tng-progress-bar.component.js.map +1 -1
  9. package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.d.ts.map +1 -1
  10. package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js +1 -0
  11. package/src/lib/feedback/progress-spinner/tng-progress-spinner.component.js.map +1 -1
  12. package/src/lib/feedback/skeleton/tng-skeleton.component.d.ts.map +1 -1
  13. package/src/lib/feedback/skeleton/tng-skeleton.component.js +1 -0
  14. package/src/lib/feedback/skeleton/tng-skeleton.component.js.map +1 -1
  15. package/src/lib/feedback/toast/tng-toast.component.d.ts +55 -6
  16. package/src/lib/feedback/toast/tng-toast.component.d.ts.map +1 -1
  17. package/src/lib/feedback/toast/tng-toast.component.js +235 -23
  18. package/src/lib/feedback/toast/tng-toast.component.js.map +1 -1
  19. package/src/lib/form/autocomplete/tng-autocomplete.component.js +1 -1
  20. package/src/lib/form/autocomplete/tng-autocomplete.component.js.map +1 -1
  21. package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts.map +1 -1
  22. package/src/lib/form/button-toggle/tng-button-toggle-group.component.js +1 -0
  23. package/src/lib/form/button-toggle/tng-button-toggle-group.component.js.map +1 -1
  24. package/src/lib/form/button-toggle/tng-button-toggle.component.d.ts.map +1 -1
  25. package/src/lib/form/button-toggle/tng-button-toggle.component.js +1 -0
  26. package/src/lib/form/button-toggle/tng-button-toggle.component.js.map +1 -1
  27. package/src/lib/form/checkbox/tng-checkbox.component.d.ts.map +1 -1
  28. package/src/lib/form/checkbox/tng-checkbox.component.js +1 -0
  29. package/src/lib/form/checkbox/tng-checkbox.component.js.map +1 -1
  30. package/src/lib/form/chips/tng-chips.component.d.ts +9 -1
  31. package/src/lib/form/chips/tng-chips.component.d.ts.map +1 -1
  32. package/src/lib/form/chips/tng-chips.component.js +40 -3
  33. package/src/lib/form/chips/tng-chips.component.js.map +1 -1
  34. package/src/lib/form/combobox/tng-combobox.component.d.ts.map +1 -1
  35. package/src/lib/form/combobox/tng-combobox.component.js +1 -0
  36. package/src/lib/form/combobox/tng-combobox.component.js.map +1 -1
  37. package/src/lib/form/index.d.ts +2 -2
  38. package/src/lib/form/index.d.ts.map +1 -1
  39. package/src/lib/form/index.js +2 -2
  40. package/src/lib/form/index.js.map +1 -1
  41. package/src/lib/form/input-otp/index.d.ts +3 -0
  42. package/src/lib/form/input-otp/index.d.ts.map +1 -0
  43. package/src/lib/form/input-otp/index.js +3 -0
  44. package/src/lib/form/input-otp/index.js.map +1 -0
  45. package/src/lib/form/input-otp/tng-input-otp.component.d.ts +79 -7
  46. package/src/lib/form/input-otp/tng-input-otp.component.d.ts.map +1 -1
  47. package/src/lib/form/input-otp/tng-input-otp.component.js +441 -81
  48. package/src/lib/form/input-otp/tng-input-otp.component.js.map +1 -1
  49. package/src/lib/form/label/tng-label.component.d.ts.map +1 -1
  50. package/src/lib/form/label/tng-label.component.js +1 -0
  51. package/src/lib/form/label/tng-label.component.js.map +1 -1
  52. package/src/lib/form/radio/tng-radio.component.d.ts +4 -0
  53. package/src/lib/form/radio/tng-radio.component.d.ts.map +1 -1
  54. package/src/lib/form/radio/tng-radio.component.js +16 -0
  55. package/src/lib/form/radio/tng-radio.component.js.map +1 -1
  56. package/src/lib/form/slider/tng-slider.component.d.ts.map +1 -1
  57. package/src/lib/form/slider/tng-slider.component.js +1 -0
  58. package/src/lib/form/slider/tng-slider.component.js.map +1 -1
  59. package/src/lib/form/switch/tng-switch.component.d.ts.map +1 -1
  60. package/src/lib/form/switch/tng-switch.component.js +1 -0
  61. package/src/lib/form/switch/tng-switch.component.js.map +1 -1
  62. package/src/lib/form/textarea/tng-textarea.component.d.ts +2 -0
  63. package/src/lib/form/textarea/tng-textarea.component.d.ts.map +1 -1
  64. package/src/lib/form/textarea/tng-textarea.component.js +8 -4
  65. package/src/lib/form/textarea/tng-textarea.component.js.map +1 -1
  66. package/src/lib/form/toggle/tng-toggle.component.d.ts.map +1 -1
  67. package/src/lib/form/toggle/tng-toggle.component.js +1 -0
  68. package/src/lib/form/toggle/tng-toggle.component.js.map +1 -1
  69. package/src/lib/form/toggle-group/tng-toggle-group.component.d.ts.map +1 -1
  70. package/src/lib/form/toggle-group/tng-toggle-group.component.js +1 -0
  71. package/src/lib/form/toggle-group/tng-toggle-group.component.js.map +1 -1
  72. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.d.ts.map +1 -1
  73. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js +1 -0
  74. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.component.js.map +1 -1
  75. package/src/lib/layout/card/tng-card.component.d.ts.map +1 -1
  76. package/src/lib/layout/card/tng-card.component.js +10 -0
  77. package/src/lib/layout/card/tng-card.component.js.map +1 -1
  78. package/src/lib/layout/collapsible/tng-collapsible.component.d.ts.map +1 -1
  79. package/src/lib/layout/collapsible/tng-collapsible.component.js +1 -0
  80. package/src/lib/layout/collapsible/tng-collapsible.component.js.map +1 -1
  81. package/src/lib/layout/grid/tng-grid.component.d.ts.map +1 -1
  82. package/src/lib/layout/grid/tng-grid.component.js +1 -0
  83. package/src/lib/layout/grid/tng-grid.component.js.map +1 -1
  84. package/src/lib/layout/separator/tng-separator.component.d.ts.map +1 -1
  85. package/src/lib/layout/separator/tng-separator.component.js +1 -0
  86. package/src/lib/layout/separator/tng-separator.component.js.map +1 -1
  87. package/src/lib/layout/stepper/tng-stepper.component.d.ts.map +1 -1
  88. package/src/lib/layout/stepper/tng-stepper.component.js +1 -0
  89. package/src/lib/layout/stepper/tng-stepper.component.js.map +1 -1
  90. package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts +10 -0
  91. package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.d.ts.map +1 -1
  92. package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js +53 -1
  93. package/src/lib/navigation/breadcrumb/tng-breadcrumb-item.component.js.map +1 -1
  94. package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.d.ts.map +1 -1
  95. package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js +1 -0
  96. package/src/lib/navigation/breadcrumb/tng-breadcrumb-link.component.js.map +1 -1
  97. package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.d.ts.map +1 -1
  98. package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js +1 -0
  99. package/src/lib/navigation/breadcrumb/tng-breadcrumb-list.component.js.map +1 -1
  100. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.d.ts.map +1 -1
  101. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js +1 -0
  102. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator-template.directive.js.map +1 -1
  103. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.d.ts.map +1 -1
  104. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js +1 -0
  105. package/src/lib/navigation/breadcrumb/tng-breadcrumb-separator.component.js.map +1 -1
  106. package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.d.ts.map +1 -1
  107. package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.js +1 -0
  108. package/src/lib/navigation/breadcrumb/tng-breadcrumb.component.js.map +1 -1
  109. package/src/lib/navigation/context-menu/tng-context-menu.component.d.ts +1 -0
  110. package/src/lib/navigation/context-menu/tng-context-menu.component.d.ts.map +1 -1
  111. package/src/lib/navigation/context-menu/tng-context-menu.component.js +21 -4
  112. package/src/lib/navigation/context-menu/tng-context-menu.component.js.map +1 -1
  113. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.d.ts.map +1 -1
  114. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.js +1 -0
  115. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.component.js.map +1 -1
  116. package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.d.ts.map +1 -1
  117. package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js +1 -0
  118. package/src/lib/navigation/navigation-menu/tng-navigation-menu.component.js.map +1 -1
  119. package/src/lib/navigation/toolbar/tng-toolbar.component.d.ts.map +1 -1
  120. package/src/lib/navigation/toolbar/tng-toolbar.component.js +1 -0
  121. package/src/lib/navigation/toolbar/tng-toolbar.component.js.map +1 -1
  122. package/src/lib/overlay/dialog/tng-dialog.component.d.ts.map +1 -1
  123. package/src/lib/overlay/dialog/tng-dialog.component.js +1 -0
  124. package/src/lib/overlay/dialog/tng-dialog.component.js.map +1 -1
  125. package/src/lib/overlay/popover/tng-popover.component.d.ts +14 -19
  126. package/src/lib/overlay/popover/tng-popover.component.d.ts.map +1 -1
  127. package/src/lib/overlay/popover/tng-popover.component.js +25 -105
  128. package/src/lib/overlay/popover/tng-popover.component.js.map +1 -1
  129. package/src/lib/overlay/tng-overlay-focus-handoff.d.ts +10 -0
  130. package/src/lib/overlay/tng-overlay-focus-handoff.d.ts.map +1 -0
  131. package/src/lib/overlay/tng-overlay-focus-handoff.js +3 -0
  132. package/src/lib/overlay/tng-overlay-focus-handoff.js.map +1 -0
  133. package/src/lib/overlay/tng-overlay-runtime.d.ts +2 -2
  134. package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts +1 -18
  135. package/src/lib/overlay/tooltip/tng-tooltip.component.d.ts.map +1 -1
  136. package/src/lib/overlay/tooltip/tng-tooltip.component.js +6 -85
  137. package/src/lib/overlay/tooltip/tng-tooltip.component.js.map +1 -1
  138. package/src/lib/utility/avatar/tng-avatar.component.d.ts.map +1 -1
  139. package/src/lib/utility/avatar/tng-avatar.component.js +9 -1
  140. package/src/lib/utility/avatar/tng-avatar.component.js.map +1 -1
  141. package/src/lib/utility/badge/tng-badge.component.d.ts.map +1 -1
  142. package/src/lib/utility/badge/tng-badge.component.js +1 -0
  143. package/src/lib/utility/badge/tng-badge.component.js.map +1 -1
  144. package/src/lib/utility/button/tng-button.component.d.ts.map +1 -1
  145. package/src/lib/utility/button/tng-button.component.js +1 -0
  146. package/src/lib/utility/button/tng-button.component.js.map +1 -1
  147. package/src/lib/utility/code-block/tng-code-block.component.d.ts.map +1 -1
  148. package/src/lib/utility/code-block/tng-code-block.component.js +1 -0
  149. package/src/lib/utility/code-block/tng-code-block.component.js.map +1 -1
  150. package/src/lib/utility/copy-button/tng-copy-button.component.d.ts.map +1 -1
  151. package/src/lib/utility/copy-button/tng-copy-button.component.js +1 -0
  152. package/src/lib/utility/copy-button/tng-copy-button.component.js.map +1 -1
  153. package/src/lib/utility/tag/tng-tag.component.d.ts +8 -0
  154. package/src/lib/utility/tag/tng-tag.component.d.ts.map +1 -1
  155. package/src/lib/utility/tag/tng-tag.component.js +17 -3
  156. package/src/lib/utility/tag/tng-tag.component.js.map +1 -1
  157. package/src/lib/utility/tree/tng-tree.component.d.ts.map +1 -1
  158. package/src/lib/utility/tree/tng-tree.component.js +1 -0
  159. package/src/lib/utility/tree/tng-tree.component.js.map +1 -1
@@ -1,4 +1,12 @@
1
1
  export declare class TngChipsComponent {
2
- readonly ariaLabel: import("@angular/core").InputSignal<string>;
2
+ private readonly projectedChips;
3
+ readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
4
+ readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
5
+ readonly values: import("@angular/core").InputSignal<readonly unknown[] | undefined>;
6
+ readonly defaultValues: import("@angular/core").InputSignal<readonly unknown[]>;
7
+ readonly chipRemove: import("@angular/core").OutputEmitterRef<unknown>;
8
+ readonly valuesChange: import("@angular/core").OutputEmitterRef<readonly unknown[]>;
9
+ constructor();
10
+ private onProjectedChipRemove;
3
11
  }
4
12
  //# sourceMappingURL=tng-chips.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tng-chips.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/chips/tng-chips.component.ts"],"names":[],"mappings":"AAGA,qBAMa,iBAAiB;IAC5B,SAAgB,SAAS,8CAA0B;CACpD"}
1
+ {"version":3,"file":"tng-chips.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/chips/tng-chips.component.ts"],"names":[],"mappings":"AAGA,qBAOa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAmD;IAElF,SAAgB,SAAS,qDAA0C;IACnE,SAAgB,QAAQ,8EAErB;IACH,SAAgB,MAAM,sEAAoD;IAC1E,SAAgB,aAAa,0DAAiC;IAE9D,SAAgB,UAAU,oDAAqB;IAC/C,SAAgB,YAAY,+DAAgC;;IAkB5D,OAAO,CAAC,qBAAqB;CAoB9B"}
@@ -1,11 +1,48 @@
1
1
  import { __decorate } from "tslib";
2
- import { Component, input } from '@angular/core';
3
- import { TngChips as TngChipsPrimitive } from '@tailng-ui/primitives';
2
+ import { Component, booleanAttribute, contentChildren, effect, input, output } from '@angular/core';
3
+ import { TngChip, TngChips as TngChipsPrimitive } from '@tailng-ui/primitives';
4
4
  let TngChipsComponent = class TngChipsComponent {
5
- ariaLabel = input('Chips');
5
+ projectedChips = contentChildren(TngChip, { descendants: true });
6
+ ariaLabel = input('Selected items');
7
+ disabled = input(false, {
8
+ transform: booleanAttribute,
9
+ });
10
+ values = input(undefined);
11
+ defaultValues = input([]);
12
+ chipRemove = output();
13
+ valuesChange = output();
14
+ constructor() {
15
+ effect((onCleanup) => {
16
+ const subscriptions = this.projectedChips().map((chip) => chip.chipRemove.subscribe((value) => {
17
+ this.onProjectedChipRemove(value);
18
+ }));
19
+ onCleanup(() => {
20
+ for (const subscription of subscriptions) {
21
+ subscription.unsubscribe();
22
+ }
23
+ });
24
+ });
25
+ }
26
+ onProjectedChipRemove(value) {
27
+ if (this.disabled()) {
28
+ return;
29
+ }
30
+ this.chipRemove.emit(value);
31
+ const currentValues = this.values();
32
+ if (currentValues === undefined) {
33
+ return;
34
+ }
35
+ const index = currentValues.findIndex((item) => Object.is(item, value));
36
+ if (index < 0) {
37
+ return;
38
+ }
39
+ const nextValues = [...currentValues.slice(0, index), ...currentValues.slice(index + 1)];
40
+ this.valuesChange.emit(nextValues);
41
+ }
6
42
  };
7
43
  TngChipsComponent = __decorate([
8
44
  Component({
45
+ standalone: true,
9
46
  selector: 'tng-chips',
10
47
  imports: [TngChipsPrimitive],
11
48
  templateUrl: './tng-chips.component.html',
@@ -1 +1 @@
1
- {"version":3,"file":"tng-chips.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/chips/tng-chips.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ/D,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACZ,SAAS,GAAG,KAAK,CAAS,OAAO,CAAC,CAAC;CACpD,CAAA;AAFY,iBAAiB;IAN7B,SAAS,CAAC;QACT,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,WAAW,EAAE,4BAA4B;QACzC,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,iBAAiB,CAE7B","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngChips as TngChipsPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n selector: 'tng-chips',\n imports: [TngChipsPrimitive],\n templateUrl: './tng-chips.component.html',\n styleUrl: './tng-chips.component.css',\n})\nexport class TngChipsComponent {\n public readonly ariaLabel = input<string>('Chips');\n}\n"]}
1
+ {"version":3,"file":"tng-chips.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/chips/tng-chips.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AASxE,IAAM,iBAAiB,GAAvB,MAAM,iBAAiB;IACX,cAAc,GAAG,eAAe,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;IAElE,SAAS,GAAG,KAAK,CAAgB,gBAAgB,CAAC,CAAC;IACnD,QAAQ,GAAG,KAAK,CAA4B,KAAK,EAAE;QACjE,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACa,MAAM,GAAG,KAAK,CAAiC,SAAS,CAAC,CAAC;IAC1D,aAAa,GAAG,KAAK,CAAqB,EAAE,CAAC,CAAC;IAE9C,UAAU,GAAG,MAAM,EAAW,CAAC;IAC/B,YAAY,GAAG,MAAM,EAAsB,CAAC;IAE5D;QACE,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;YACnB,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvD,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC,CAAC,CACH,CAAC;YAEF,SAAS,CAAC,GAAG,EAAE;gBACb,KAAK,MAAM,YAAY,IAAI,aAAa,EAAE,CAAC;oBACzC,YAAY,CAAC,WAAW,EAAE,CAAC;gBAC7B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,qBAAqB,CAAC,KAAc;QAC1C,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE5B,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACpC,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;QACxE,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAG,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;CACF,CAAA;AAjDY,iBAAiB;IAP7B,SAAS,CAAC;QACT,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,CAAC,iBAAiB,CAAC;QAC5B,WAAW,EAAE,4BAA4B;QACzC,QAAQ,EAAE,2BAA2B;KACtC,CAAC;GACW,iBAAiB,CAiD7B","sourcesContent":["import { Component, booleanAttribute, contentChildren, effect, input, output } from '@angular/core';\nimport { TngChip, TngChips as TngChipsPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n standalone: true,\n selector: 'tng-chips',\n imports: [TngChipsPrimitive],\n templateUrl: './tng-chips.component.html',\n styleUrl: './tng-chips.component.css',\n})\nexport class TngChipsComponent {\n private readonly projectedChips = contentChildren(TngChip, { descendants: true });\n\n public readonly ariaLabel = input<string | null>('Selected items');\n public readonly disabled = input<boolean, boolean | string>(false, {\n transform: booleanAttribute,\n });\n public readonly values = input<readonly unknown[] | undefined>(undefined);\n public readonly defaultValues = input<readonly unknown[]>([]);\n\n public readonly chipRemove = output<unknown>();\n public readonly valuesChange = output<readonly unknown[]>();\n\n public constructor() {\n effect((onCleanup) => {\n const subscriptions = this.projectedChips().map((chip) =>\n chip.chipRemove.subscribe((value) => {\n this.onProjectedChipRemove(value);\n }),\n );\n\n onCleanup(() => {\n for (const subscription of subscriptions) {\n subscription.unsubscribe();\n }\n });\n });\n }\n\n private onProjectedChipRemove(value: unknown): void {\n if (this.disabled()) {\n return;\n }\n\n this.chipRemove.emit(value);\n\n const currentValues = this.values();\n if (currentValues === undefined) {\n return;\n }\n\n const index = currentValues.findIndex((item) => Object.is(item, value));\n if (index < 0) {\n return;\n }\n\n const nextValues = [...currentValues.slice(0, index), ...currentValues.slice(index + 1)];\n this.valuesChange.emit(nextValues);\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"tng-combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":"AAGA,qBAMa,oBAAoB;IAC/B,SAAgB,SAAS,8CAA6B;CACvD"}
1
+ {"version":3,"file":"tng-combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":"AAGA,qBAOa,oBAAoB;IAC/B,SAAgB,SAAS,8CAA6B;CACvD"}
@@ -6,6 +6,7 @@ let TngComboboxComponent = class TngComboboxComponent {
6
6
  };
7
7
  TngComboboxComponent = __decorate([
8
8
  Component({
9
+ standalone: true,
9
10
  selector: 'tng-combobox',
10
11
  imports: [TngComboboxPrimitive],
11
12
  templateUrl: './tng-combobox.component.html',
@@ -1 +1 @@
1
- {"version":3,"file":"tng-combobox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAQrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,SAAS,GAAG,KAAK,CAAS,UAAU,CAAC,CAAC;CACvD,CAAA;AAFY,oBAAoB;IANhC,SAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAEhC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngCombobox as TngComboboxPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n selector: 'tng-combobox',\n imports: [TngComboboxPrimitive],\n templateUrl: './tng-combobox.component.html',\n styleUrl: './tng-combobox.component.css',\n})\nexport class TngComboboxComponent {\n public readonly ariaLabel = input<string>('Combobox');\n}\n"]}
1
+ {"version":3,"file":"tng-combobox.component.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/combobox/tng-combobox.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AASrE,IAAM,oBAAoB,GAA1B,MAAM,oBAAoB;IACf,SAAS,GAAG,KAAK,CAAS,UAAU,CAAC,CAAC;CACvD,CAAA;AAFY,oBAAoB;IAPhC,SAAS,CAAC;QACT,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,WAAW,EAAE,+BAA+B;QAC5C,QAAQ,EAAE,8BAA8B;KACzC,CAAC;GACW,oBAAoB,CAEhC","sourcesContent":["import { Component, input } from '@angular/core';\nimport { TngCombobox as TngComboboxPrimitive } from '@tailng-ui/primitives';\n\n@Component({\n standalone: true,\n selector: 'tng-combobox',\n imports: [TngComboboxPrimitive],\n templateUrl: './tng-combobox.component.html',\n styleUrl: './tng-combobox.component.css',\n})\nexport class TngComboboxComponent {\n public readonly ariaLabel = input<string>('Combobox');\n}\n"]}
@@ -12,8 +12,8 @@ export * from './combobox/tng-combobox.component';
12
12
  export { TngComboboxComponent } from './combobox/tng-combobox.component';
13
13
  export * from './input/tng-input.component';
14
14
  export { TngInputComponent } from './input/tng-input.component';
15
- export * from './input-otp/tng-input-otp.component';
16
- export { TngInputOtpComponent } from './input-otp/tng-input-otp.component';
15
+ export * from './input-otp';
16
+ export { TngInputOtpComponent } from './input-otp';
17
17
  export * from './label/tng-label.component';
18
18
  export { TngLabelComponent } from './label/tng-label.component';
19
19
  export * from './multi-autocomplete/tng-multi-autocomplete.component';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAC,MAAM,mDAAmD,CAAC;AACjG,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uDAAuD,CAAC;AACtG,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAC,MAAM,2CAA2C,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAC,MAAM,mDAAmD,CAAC;AACjG,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uDAAuD,CAAC;AACtG,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAC,MAAM,2CAA2C,CAAC"}
@@ -12,8 +12,8 @@ export * from './combobox/tng-combobox.component';
12
12
  export { TngComboboxComponent } from './combobox/tng-combobox.component';
13
13
  export * from './input/tng-input.component';
14
14
  export { TngInputComponent } from './input/tng-input.component';
15
- export * from './input-otp/tng-input-otp.component';
16
- export { TngInputOtpComponent } from './input-otp/tng-input-otp.component';
15
+ export * from './input-otp';
16
+ export { TngInputOtpComponent } from './input-otp';
17
17
  export * from './label/tng-label.component';
18
18
  export { TngLabelComponent } from './label/tng-label.component';
19
19
  export * from './multi-autocomplete/tng-multi-autocomplete.component';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAC,MAAM,mDAAmD,CAAC;AACjG,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AAC1E,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uDAAuD,CAAC;AACtG,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAC,MAAM,2CAA2C,CAAC","sourcesContent":["export * from './autocomplete/tng-autocomplete.component';\nexport { TngAutocompleteComponent } from './autocomplete/tng-autocomplete.component';\nexport * from './button-toggle/tng-button-toggle.component';\nexport { TngButtonToggleComponent } from './button-toggle/tng-button-toggle.component';\nexport * from './button-toggle/tng-button-toggle-group.component';\nexport { TngButtonToggleGroupComponent} from './button-toggle/tng-button-toggle-group.component';\nexport * from './checkbox/tng-checkbox.component';\nexport { TngCheckboxComponent} from './checkbox/tng-checkbox.component';\nexport * from './chips/tng-chips.component';\nexport { TngChipsComponent} from './chips/tng-chips.component';\nexport * from './combobox/tng-combobox.component';\nexport { TngComboboxComponent} from './combobox/tng-combobox.component';\nexport * from './input/tng-input.component';\nexport { TngInputComponent} from './input/tng-input.component';\nexport * from './input-otp/tng-input-otp.component';\nexport { TngInputOtpComponent} from './input-otp/tng-input-otp.component';\nexport * from './label/tng-label.component';\nexport { TngLabelComponent} from './label/tng-label.component';\nexport * from './multi-autocomplete/tng-multi-autocomplete.component';\nexport { TngMultiAutocompleteComponent } from './multi-autocomplete/tng-multi-autocomplete.component';\nexport * from './multiselect/tng-multiselect.component';\nexport { TngMultiSelectComponent } from './multiselect/tng-multiselect.component';\nexport * from './radio/tng-radio.component';\nexport { TngRadioComponent} from './radio/tng-radio.component';\nexport * from './select/tng-select.component';\nexport { TngSelectComponent} from './select/tng-select.component';\nexport * from './slider/tng-slider.component';\nexport { TngSliderComponent} from './slider/tng-slider.component';\nexport * from './switch/tng-switch.component';\nexport { TngSwitchComponent} from './switch/tng-switch.component';\nexport * from './textarea/tng-textarea.component';\nexport { TngTextareaComponent} from './textarea/tng-textarea.component';\nexport * from './toggle/tng-toggle.component';\nexport { TngToggleComponent} from './toggle/tng-toggle.component';\nexport * from './toggle-group/tng-toggle-group.component';\nexport { TngToggleGroupComponent} from './toggle-group/tng-toggle-group.component';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/tailng-ui/components/src/lib/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,6BAA6B,EAAC,MAAM,mDAAmD,CAAC;AACjG,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,uDAAuD,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,uDAAuD,CAAC;AACtG,cAAc,yCAAyC,CAAC;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAClE,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAC,MAAM,2CAA2C,CAAC","sourcesContent":["export * from './autocomplete/tng-autocomplete.component';\nexport { TngAutocompleteComponent } from './autocomplete/tng-autocomplete.component';\nexport * from './button-toggle/tng-button-toggle.component';\nexport { TngButtonToggleComponent } from './button-toggle/tng-button-toggle.component';\nexport * from './button-toggle/tng-button-toggle-group.component';\nexport { TngButtonToggleGroupComponent} from './button-toggle/tng-button-toggle-group.component';\nexport * from './checkbox/tng-checkbox.component';\nexport { TngCheckboxComponent} from './checkbox/tng-checkbox.component';\nexport * from './chips/tng-chips.component';\nexport { TngChipsComponent} from './chips/tng-chips.component';\nexport * from './combobox/tng-combobox.component';\nexport { TngComboboxComponent} from './combobox/tng-combobox.component';\nexport * from './input/tng-input.component';\nexport { TngInputComponent} from './input/tng-input.component';\nexport * from './input-otp';\nexport { TngInputOtpComponent } from './input-otp';\nexport * from './label/tng-label.component';\nexport { TngLabelComponent} from './label/tng-label.component';\nexport * from './multi-autocomplete/tng-multi-autocomplete.component';\nexport { TngMultiAutocompleteComponent } from './multi-autocomplete/tng-multi-autocomplete.component';\nexport * from './multiselect/tng-multiselect.component';\nexport { TngMultiSelectComponent } from './multiselect/tng-multiselect.component';\nexport * from './radio/tng-radio.component';\nexport { TngRadioComponent} from './radio/tng-radio.component';\nexport * from './select/tng-select.component';\nexport { TngSelectComponent} from './select/tng-select.component';\nexport * from './slider/tng-slider.component';\nexport { TngSliderComponent} from './slider/tng-slider.component';\nexport * from './switch/tng-switch.component';\nexport { TngSwitchComponent} from './switch/tng-switch.component';\nexport * from './textarea/tng-textarea.component';\nexport { TngTextareaComponent} from './textarea/tng-textarea.component';\nexport * from './toggle/tng-toggle.component';\nexport { TngToggleComponent} from './toggle/tng-toggle.component';\nexport * from './toggle-group/tng-toggle-group.component';\nexport { TngToggleGroupComponent} from './toggle-group/tng-toggle-group.component';\n"]}
@@ -0,0 +1,3 @@
1
+ export * from './tng-input-otp.component';
2
+ export { TngInputOtpComponent } from './tng-input-otp.component';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/input-otp/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './tng-input-otp.component';
2
+ export { TngInputOtpComponent } from './tng-input-otp.component';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/input-otp/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export * from './tng-input-otp.component';\nexport { TngInputOtpComponent } from './tng-input-otp.component';\n"]}
@@ -1,13 +1,85 @@
1
- export declare function sanitizeTngOtpValue(value: string): string;
2
- export declare function applyTngOtpSlotValue(slots: readonly string[], index: number, nextValue: string): readonly string[];
3
- export declare class TngInputOtpComponent {
1
+ import { AfterViewInit } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ export type TngInputOtpType = 'numeric' | 'alphanumeric' | 'custom';
4
+ export type TngInputOtpInputMode = 'numeric' | 'text' | 'tel' | 'decimal';
5
+ export declare function sanitizeTngOtpCharacters(value: string, mode: TngInputOtpType, pattern: string | RegExp | null): readonly string[];
6
+ export declare function toTngOtpSlots(length: number, value: string): readonly string[];
7
+ export declare function applyTngOtpCharacters(value: string, startIndex: number, characters: readonly string[], maxLength: number): string;
8
+ export declare function removeTngOtpCharacter(value: string, index: number): string;
9
+ export declare function resolveTngOtpEntryIndex(value: string, length: number): number;
10
+ export declare function resolveTngOtpEndIndex(value: string, length: number): number;
11
+ export declare class TngInputOtpComponent implements AfterViewInit, ControlValueAccessor {
12
+ private readonly hostRef;
13
+ private readonly renderer;
14
+ private readonly generatedId;
15
+ private resetUnlisten;
16
+ private hasInitializedUncontrolled;
17
+ private onChangeCallback;
18
+ private onTouchedCallback;
19
+ private readonly uncontrolledValue;
20
+ private readonly formsDisabled;
21
+ private readonly focusedState;
22
+ private readonly focusVisibleState;
23
+ private readonly keyboardInteraction;
24
+ private readonly activeIndexState;
4
25
  readonly length: import("@angular/core").InputSignalWithTransform<number, string | number>;
5
- readonly value: import("@angular/core").InputSignal<string>;
26
+ readonly valueInput: import("@angular/core").InputSignal<string | null | undefined>;
27
+ readonly defaultValue: import("@angular/core").InputSignal<string>;
28
+ readonly type: import("@angular/core").InputSignal<TngInputOtpType>;
29
+ readonly pattern: import("@angular/core").InputSignal<string | RegExp | null>;
30
+ readonly mask: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
31
+ readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
32
+ readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
33
+ readonly required: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
34
+ readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
35
+ readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
36
+ readonly selectOnFocus: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
37
+ readonly placeholderChar: import("@angular/core").InputSignal<string>;
38
+ readonly name: import("@angular/core").InputSignal<string | null>;
39
+ readonly id: import("@angular/core").InputSignal<string | null>;
40
+ readonly form: import("@angular/core").InputSignal<string | null>;
41
+ readonly autocomplete: import("@angular/core").InputSignal<string>;
42
+ readonly inputMode: import("@angular/core").InputSignal<TngInputOtpInputMode | null>;
43
+ readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
44
+ readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
45
+ readonly ariaDescribedby: import("@angular/core").InputSignal<string | null>;
6
46
  readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
7
47
  readonly complete: import("@angular/core").OutputEmitterRef<string>;
48
+ protected readonly disabled: import("@angular/core").Signal<boolean>;
49
+ protected readonly focused: import("@angular/core").Signal<boolean>;
50
+ protected readonly focusVisible: import("@angular/core").Signal<boolean>;
51
+ protected readonly activeIndex: import("@angular/core").Signal<number>;
52
+ protected readonly rootId: import("@angular/core").Signal<string>;
53
+ protected readonly currentValue: import("@angular/core").Signal<string>;
8
54
  protected readonly slots: import("@angular/core").Signal<readonly string[]>;
9
- protected onSlotInput(index: number, event: unknown): void;
10
- protected onSlotKeydown(index: number, event: unknown): void;
11
- protected onSlotsPaste(event: unknown): void;
55
+ protected readonly completionState: import("@angular/core").Signal<import("@tailng-ui/primitives").TngOtpCompletionState>;
56
+ protected readonly resolvedInputMode: import("@angular/core").Signal<TngInputOtpInputMode>;
57
+ protected readonly slotInputType: import("@angular/core").Signal<"text" | "password">;
58
+ private readonly syncUncontrolledState;
59
+ ngAfterViewInit(): void;
60
+ ngOnDestroy(): void;
61
+ writeValue(value: string | null): void;
62
+ registerOnChange(fn: (value: string) => void): void;
63
+ registerOnTouched(fn: () => void): void;
64
+ setDisabledState(isDisabled: boolean): void;
65
+ protected onSlotPointerDown(): void;
66
+ protected onSlotFocus(index: number, event: FocusEvent): void;
67
+ protected onSlotBlur(event: FocusEvent): void;
68
+ protected onSlotKeydown(index: number, event: KeyboardEvent): void;
69
+ protected onSlotInput(index: number, event: Event): void;
70
+ protected onSlotPaste(index: number, event: ClipboardEvent): void;
71
+ protected slotValue(index: number): string;
72
+ protected slotPlaceholder(index: number): string | null;
73
+ protected slotAriaLabel(index: number): string;
74
+ protected isSlotTabbable(index: number): boolean;
75
+ private handleBackspace;
76
+ private handleDelete;
77
+ private commitValue;
78
+ private resolveEditableIndex;
79
+ private focusSlot;
80
+ private syncSlotInputValues;
81
+ private isFocusWithinHost;
82
+ private normalizeAndClamp;
83
+ private attachFormResetListener;
12
84
  }
13
85
  //# sourceMappingURL=tng-input-otp.component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tng-input-otp.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/input-otp/tng-input-otp.component.ts"],"names":[],"mappings":"AAqBA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,SAAS,MAAM,EAAE,CAQnB;AA2DD,qBAMa,oBAAoB;IAC/B,SAAgB,MAAM,4EAGnB;IACH,SAAgB,KAAK,8CAAqB;IAE1C,SAAgB,WAAW,mDAAoB;IAC/C,SAAgB,QAAQ,mDAAoB;IAE5C,SAAS,CAAC,QAAQ,CAAC,KAAK,oDAEtB;IAEF,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAmB1D,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAoB5D,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;CAqB7C"}
1
+ {"version":3,"file":"tng-input-otp.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/input-otp/tng-input-otp.component.ts"],"names":[],"mappings":"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"}