@ng-nest/ui 20.1.7 → 20.2.1

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 (193) hide show
  1. package/auto-complete/index.d.ts +10 -2
  2. package/cascade/index.d.ts +2 -1
  3. package/checkbox/index.d.ts +1 -1
  4. package/collapse/index.d.ts +0 -3
  5. package/color-picker/index.d.ts +2 -1
  6. package/core/index.d.ts +3 -65
  7. package/date-picker/index.d.ts +20 -4
  8. package/dialog/index.d.ts +27 -11
  9. package/drawer/index.d.ts +10 -12
  10. package/dropdown/index.d.ts +2 -1
  11. package/fesm2022/ng-nest-ui-affix.mjs +11 -11
  12. package/fesm2022/ng-nest-ui-alert.mjs +13 -13
  13. package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
  14. package/fesm2022/ng-nest-ui-anchor.mjs +18 -18
  15. package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
  16. package/fesm2022/ng-nest-ui-api.mjs +7 -7
  17. package/fesm2022/ng-nest-ui-api.mjs.map +1 -1
  18. package/fesm2022/ng-nest-ui-attachments.mjs +18 -18
  19. package/fesm2022/ng-nest-ui-auto-complete.mjs +33 -26
  20. package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
  21. package/fesm2022/ng-nest-ui-avatar.mjs +18 -18
  22. package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
  23. package/fesm2022/ng-nest-ui-back-top.mjs +12 -12
  24. package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
  25. package/fesm2022/ng-nest-ui-badge.mjs +13 -13
  26. package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
  27. package/fesm2022/ng-nest-ui-base-form.mjs +8 -8
  28. package/fesm2022/ng-nest-ui-bubble.mjs +20 -20
  29. package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -1
  30. package/fesm2022/ng-nest-ui-button.mjs +19 -19
  31. package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
  32. package/fesm2022/ng-nest-ui-calendar.mjs +11 -11
  33. package/fesm2022/ng-nest-ui-card.mjs +11 -11
  34. package/fesm2022/ng-nest-ui-carousel.mjs +21 -21
  35. package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
  36. package/fesm2022/ng-nest-ui-cascade.mjs +27 -25
  37. package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
  38. package/fesm2022/ng-nest-ui-checkbox.mjs +12 -12
  39. package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
  40. package/fesm2022/ng-nest-ui-collapse.mjs +20 -28
  41. package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
  42. package/fesm2022/ng-nest-ui-color-picker.mjs +31 -29
  43. package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
  44. package/fesm2022/ng-nest-ui-color.mjs +11 -11
  45. package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
  46. package/fesm2022/ng-nest-ui-comment.mjs +18 -18
  47. package/fesm2022/ng-nest-ui-container.mjs +35 -35
  48. package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
  49. package/fesm2022/ng-nest-ui-core.mjs +20 -348
  50. package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
  51. package/fesm2022/ng-nest-ui-coversations.mjs +11 -11
  52. package/fesm2022/ng-nest-ui-crumb.mjs +11 -11
  53. package/fesm2022/ng-nest-ui-date-picker.mjs +92 -78
  54. package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
  55. package/fesm2022/ng-nest-ui-description.mjs +20 -20
  56. package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
  57. package/fesm2022/ng-nest-ui-dialog.mjs +122 -73
  58. package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
  59. package/fesm2022/ng-nest-ui-doc.mjs +7 -7
  60. package/fesm2022/ng-nest-ui-doc.mjs.map +1 -1
  61. package/fesm2022/ng-nest-ui-drag.mjs +11 -11
  62. package/fesm2022/ng-nest-ui-drawer.mjs +67 -84
  63. package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
  64. package/fesm2022/ng-nest-ui-dropdown.mjs +27 -25
  65. package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
  66. package/fesm2022/ng-nest-ui-empty.mjs +11 -11
  67. package/fesm2022/ng-nest-ui-examples.mjs +7 -7
  68. package/fesm2022/ng-nest-ui-examples.mjs.map +1 -1
  69. package/fesm2022/ng-nest-ui-find.mjs +12 -12
  70. package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
  71. package/fesm2022/ng-nest-ui-form.mjs +19 -19
  72. package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
  73. package/fesm2022/ng-nest-ui-highlight.mjs +15 -15
  74. package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
  75. package/fesm2022/ng-nest-ui-i18n.mjs +14 -14
  76. package/fesm2022/ng-nest-ui-icon.mjs +14 -14
  77. package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
  78. package/fesm2022/ng-nest-ui-image.mjs +21 -21
  79. package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
  80. package/fesm2022/ng-nest-ui-inner.mjs +11 -11
  81. package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
  82. package/fesm2022/ng-nest-ui-input-number.mjs +12 -12
  83. package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
  84. package/fesm2022/ng-nest-ui-input.mjs +19 -19
  85. package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
  86. package/fesm2022/ng-nest-ui-keyword.mjs +11 -11
  87. package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
  88. package/fesm2022/ng-nest-ui-layout.mjs +18 -18
  89. package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
  90. package/fesm2022/ng-nest-ui-link.mjs +12 -12
  91. package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
  92. package/fesm2022/ng-nest-ui-list.mjs +23 -23
  93. package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
  94. package/fesm2022/ng-nest-ui-loading.mjs +12 -12
  95. package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
  96. package/fesm2022/ng-nest-ui-menu.mjs +18 -18
  97. package/fesm2022/ng-nest-ui-message-box.mjs +33 -20
  98. package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
  99. package/fesm2022/ng-nest-ui-message.mjs +13 -13
  100. package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
  101. package/fesm2022/ng-nest-ui-notification.mjs +13 -13
  102. package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
  103. package/fesm2022/ng-nest-ui-outlet.mjs +8 -8
  104. package/fesm2022/ng-nest-ui-page-header.mjs +11 -11
  105. package/fesm2022/ng-nest-ui-pagination.mjs +11 -11
  106. package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
  107. package/fesm2022/ng-nest-ui-pattern.mjs +7 -7
  108. package/fesm2022/ng-nest-ui-pattern.mjs.map +1 -1
  109. package/fesm2022/ng-nest-ui-popconfirm.mjs +11 -11
  110. package/fesm2022/ng-nest-ui-popover.mjs +25 -21
  111. package/fesm2022/ng-nest-ui-popover.mjs.map +1 -1
  112. package/fesm2022/ng-nest-ui-portal.mjs +7 -7
  113. package/fesm2022/ng-nest-ui-progress.mjs +11 -11
  114. package/fesm2022/ng-nest-ui-prompts.mjs +11 -11
  115. package/fesm2022/ng-nest-ui-radio.mjs +12 -12
  116. package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
  117. package/fesm2022/ng-nest-ui-rate.mjs +12 -12
  118. package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
  119. package/fesm2022/ng-nest-ui-resizable.mjs +11 -11
  120. package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
  121. package/fesm2022/ng-nest-ui-result.mjs +11 -11
  122. package/fesm2022/ng-nest-ui-ripple.mjs +11 -11
  123. package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
  124. package/fesm2022/ng-nest-ui-scrollable.mjs +8 -8
  125. package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
  126. package/fesm2022/ng-nest-ui-select.mjs +34 -26
  127. package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
  128. package/fesm2022/ng-nest-ui-sender.mjs +15 -15
  129. package/fesm2022/ng-nest-ui-sender.mjs.map +1 -1
  130. package/fesm2022/ng-nest-ui-skeleton.mjs +11 -11
  131. package/fesm2022/ng-nest-ui-slider-select.mjs +13 -13
  132. package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
  133. package/fesm2022/ng-nest-ui-slider.mjs +12 -12
  134. package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
  135. package/fesm2022/ng-nest-ui-statistic.mjs +18 -18
  136. package/fesm2022/ng-nest-ui-steps.mjs +11 -11
  137. package/fesm2022/ng-nest-ui-suggestion.mjs +11 -11
  138. package/fesm2022/ng-nest-ui-switch.mjs +12 -12
  139. package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
  140. package/fesm2022/ng-nest-ui-table-view.mjs +60 -60
  141. package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
  142. package/fesm2022/ng-nest-ui-table.mjs +60 -49
  143. package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
  144. package/fesm2022/ng-nest-ui-tabs.mjs +30 -30
  145. package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
  146. package/fesm2022/ng-nest-ui-tag.mjs +29 -19
  147. package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
  148. package/fesm2022/ng-nest-ui-text-retract.mjs +11 -11
  149. package/fesm2022/ng-nest-ui-textarea.mjs +12 -12
  150. package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
  151. package/fesm2022/ng-nest-ui-theme.mjs +11 -11
  152. package/fesm2022/ng-nest-ui-thought-chain.mjs +11 -11
  153. package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
  154. package/fesm2022/ng-nest-ui-time-picker.mjs +31 -29
  155. package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
  156. package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
  157. package/fesm2022/ng-nest-ui-timeline.mjs +11 -11
  158. package/fesm2022/ng-nest-ui-tooltip.mjs +27 -74
  159. package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
  160. package/fesm2022/ng-nest-ui-transfer.mjs +12 -12
  161. package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
  162. package/fesm2022/ng-nest-ui-tree-file.mjs +11 -11
  163. package/fesm2022/ng-nest-ui-tree-select.mjs +27 -25
  164. package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
  165. package/fesm2022/ng-nest-ui-tree.mjs +23 -23
  166. package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
  167. package/fesm2022/ng-nest-ui-typography.mjs +11 -11
  168. package/fesm2022/ng-nest-ui-upload.mjs +31 -28
  169. package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
  170. package/fesm2022/ng-nest-ui-welcome.mjs +11 -11
  171. package/message/index.d.ts +1 -3
  172. package/message-box/index.d.ts +4 -3
  173. package/notification/index.d.ts +1 -3
  174. package/package.json +52 -52
  175. package/popover/index.d.ts +2 -1
  176. package/radio/index.d.ts +1 -1
  177. package/select/index.d.ts +11 -2
  178. package/style/animates/base.scss +32 -0
  179. package/style/animates/conect.scss +32 -0
  180. package/style/animates/fade.scss +32 -0
  181. package/style/animates/index.scss +11 -0
  182. package/style/animates/move.scss +129 -0
  183. package/style/animates/opacity.scss +26 -0
  184. package/style/animates/slide.scss +113 -0
  185. package/style/core/index.css +353 -0
  186. package/style/core/index.css.map +1 -1
  187. package/style/core/index.scss +1 -6
  188. package/table/index.d.ts +15 -4
  189. package/table-view/index.d.ts +1 -1
  190. package/tag/index.d.ts +6 -1
  191. package/time-picker/index.d.ts +2 -1
  192. package/tooltip/index.d.ts +2 -12
  193. package/tree-select/index.d.ts +2 -1
@@ -75,13 +75,13 @@ class XDescriptionProperty extends XPropertyFunction(X_DESCRIPTION_CONFIG_NAME)
75
75
  */
76
76
  this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
77
77
  }
78
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
79
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XDescriptionProperty, isStandalone: true, selector: "x-description-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
78
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
79
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XDescriptionProperty, isStandalone: true, selector: "x-description-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
80
80
  }
81
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionProperty, decorators: [{
81
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionProperty, decorators: [{
82
82
  type: Component,
83
83
  args: [{ selector: `${XDescriptionPrefix}-property`, template: '' }]
84
- }] });
84
+ }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], gridTemplateColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridTemplateColumns", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
85
85
  /**
86
86
  * Description Item
87
87
  * @selector x-description-item
@@ -212,34 +212,34 @@ class XDescriptionItemProperty {
212
212
  */
213
213
  this.heading = input(false, ...(ngDevMode ? [{ debugName: "heading", transform: XToBoolean }] : [{ transform: XToBoolean }]));
214
214
  }
215
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
216
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XDescriptionItemProperty, isStandalone: true, selector: "x-description-item-property", inputs: { gridArea: { classPropertyName: "gridArea", publicName: "gridArea", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, flex: { classPropertyName: "flex", publicName: "flex", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
215
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
216
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XDescriptionItemProperty, isStandalone: true, selector: "x-description-item-property", inputs: { gridArea: { classPropertyName: "gridArea", publicName: "gridArea", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, flex: { classPropertyName: "flex", publicName: "flex", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
217
217
  }
218
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
219
219
  type: Component,
220
220
  args: [{ selector: `${XDescriptionItemPrefix}-property`, template: '' }]
221
- }] });
221
+ }], propDecorators: { gridArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridArea", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], flex: [{ type: i0.Input, args: [{ isSignal: true, alias: "flex", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }] } });
222
222
 
223
223
  class XDescriptionItemComponent extends XDescriptionItemProperty {
224
224
  constructor() {
225
225
  super(...arguments);
226
226
  this.content = viewChild.required(TemplateRef);
227
227
  }
228
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
229
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: XDescriptionItemComponent, isStandalone: true, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
228
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
229
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.5", type: XDescriptionItemComponent, isStandalone: true, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
230
230
  <ng-template>
231
231
  <ng-content></ng-content>
232
232
  </ng-template>
233
233
  `, isInline: true, styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
234
234
  }
235
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
235
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
236
236
  type: Component,
237
237
  args: [{ selector: `${XDescriptionItemPrefix}`, template: `
238
238
  <ng-template>
239
239
  <ng-content></ng-content>
240
240
  </ng-template>
241
241
  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"] }]
242
- }] });
242
+ }], propDecorators: { content: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
243
243
 
244
244
  class XDescriptionComponent extends XDescriptionProperty {
245
245
  constructor() {
@@ -274,20 +274,20 @@ class XDescriptionComponent extends XDescriptionProperty {
274
274
  classes[`x-direction-${item.direction()}`] = true;
275
275
  return classes;
276
276
  }
277
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
278
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: XDescriptionComponent, isStandalone: true, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
277
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
278
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XDescriptionComponent, isStandalone: true, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
279
279
  }
280
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionComponent, decorators: [{
280
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionComponent, decorators: [{
281
281
  type: Component,
282
282
  args: [{ selector: `${XDescriptionPrefix}`, imports: [NgClass, NgTemplateOutlet, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"] }]
283
- }] });
283
+ }], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => XDescriptionItemComponent), { isSignal: true }] }] } });
284
284
 
285
285
  class XDescriptionModule {
286
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
287
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, imports: [XDescriptionComponent, XDescriptionItemComponent], exports: [XDescriptionComponent, XDescriptionItemComponent] }); }
288
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule }); }
286
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
287
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionModule, imports: [XDescriptionComponent, XDescriptionItemComponent], exports: [XDescriptionComponent, XDescriptionItemComponent] }); }
288
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionModule }); }
289
289
  }
290
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, decorators: [{
290
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XDescriptionModule, decorators: [{
291
291
  type: NgModule,
292
292
  args: [{
293
293
  imports: [XDescriptionComponent, XDescriptionItemComponent],
@@ -1 +1 @@
1
- {"version":3,"file":"ng-nest-ui-description.mjs","sources":["../../../../lib/ng-nest/ui/description/description.property.ts","../../../../lib/ng-nest/ui/description/description-item.component.ts","../../../../lib/ng-nest/ui/description/description.component.ts","../../../../lib/ng-nest/ui/description/description.component.html","../../../../lib/ng-nest/ui/description/description.module.ts","../../../../lib/ng-nest/ui/description/ng-nest-ui-description.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport type { XAlign, XBoolean, XDirection, XJustify, XNumber, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Description\r\n * @selector x-description\r\n * @decorator component\r\n */\r\nexport const XDescriptionPrefix = 'x-description';\r\nconst X_DESCRIPTION_CONFIG_NAME = 'description';\r\n\r\n/**\r\n * Description Property\r\n */\r\n@Component({ selector: `${XDescriptionPrefix}-property`, template: '' })\r\nexport class XDescriptionProperty extends XPropertyFunction(X_DESCRIPTION_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 描述列表的标题,支持自定义模板\r\n * @en_US Describe the title of the list, support custom template\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * <x-description [title]=\"titleTpl\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * <ng-template #titleTpl>Title</ng-template>\r\n * ```\r\n *\r\n */\r\n readonly title = input<XTemplate>();\r\n /**\r\n * @zh_CN 是否展示边框\r\n * @en_US Whether to show column borders\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" bordered>\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN grid 布局下定义列宽度\r\n * @en_US Define column width under grid layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" bordered gridTemplateColumns=\"1fr 1fr\">\r\n * <x-description-item gridArea=\"1/1/2/2\">name</x-description-item>\r\n * <x-description-item gridArea=\"1/2/3/2\">age</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly gridTemplateColumns = input<string>();\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" size=\"big\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n}\r\n\r\n/**\r\n * Description Item\r\n * @selector x-description-item\r\n * @decorator component\r\n */\r\nexport const XDescriptionItemPrefix = 'x-description-item';\r\n\r\n/**\r\n * Description Item Property\r\n */\r\n@Component({ selector: `${XDescriptionItemPrefix}-property`, template: '' })\r\nexport class XDescriptionItemProperty {\r\n /**\r\n * @zh_CN 使用 grid 布局\r\n * @en_US Use grid layout to merge cells\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item gridArea=\"1/1/2/2\">name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly gridArea = input<string>();\r\n /**\r\n * @zh_CN 内容的描述,支持自定义模板\r\n * @en_US Description of content, support custom templates\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item label=\"name1\">name1</x-description-item>\r\n * <x-description-item [label]=\"nameTpl\">name2</x-description-item>\r\n * </x-description>\r\n * <ng-template #nameTpl></ng-template>\r\n * ```\r\n *\r\n */\r\n readonly label = input<XTemplate>();\r\n /**\r\n * @zh_CN flex 布局下的子元素水平排列方式\r\n * @en_US Child element under the horizontal arrangement of the layout flex\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item justify=\"end\">end</x-description-item>\r\n * <x-description-item justify=\"center\">center</x-description-item>\r\n * <x-description-item justify=\"start\">start</x-description-item>\r\n * <x-description-item justify=\"space-around\">space-around</x-description-item>\r\n * <x-description-item justify=\"space-between\">space-between</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly justify = input<XJustify>('start');\r\n /**\r\n * @zh_CN flex 布局下的子元素垂直排列方式\r\n * @en_US Child element under the vertical layout flex arrangement\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item align=\"end\">end</x-description-item>\r\n * <x-description-item align=\"center\">center</x-description-item>\r\n * <x-description-item align=\"start\">start</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly align = input<XAlign>('start');\r\n /**\r\n * @zh_CN flex 布局下的子元素排列方向\r\n * @en_US Child element under the direction of arrangement of the layout flex\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item direction=\"column\">column</x-description-item>\r\n * <x-description-item direction=\"column-reverse\">column-reverse</x-description-item>\r\n * <x-description-item direction=\"row\">row</x-description-item>\r\n * <x-description-item direction=\"row-reverse\">row-reverse</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN 宽度\r\n * @en_US Width\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item width=\"100px\">width100</x-description-item>\r\n * <x-description-item width=\"200px\">width200</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly width = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN flex 比重\r\n * @en_US Flex proportion\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item flex=\"1\">flex1</x-description-item>\r\n * <x-description-item flex=\"2\">flex2</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly flex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 是否是标题\r\n * @en_US Whether it is heading\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item label=\"name\" heading></x-description-item>\r\n * <x-description-item>name1</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly heading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, TemplateRef, viewChild } from '@angular/core';\r\nimport { XDescriptionItemPrefix, XDescriptionItemProperty } from './description.property';\r\n\r\n@Component({\r\n selector: `${XDescriptionItemPrefix}`,\r\n template: `\r\n <ng-template>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n `,\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionItemComponent extends XDescriptionItemProperty {\r\n content = viewChild.required(TemplateRef);\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed, contentChildren } from '@angular/core';\r\nimport { XDescriptionPrefix, XDescriptionProperty } from './description.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n selector: `${XDescriptionPrefix}`,\r\n imports: [NgClass, NgTemplateOutlet, XOutletDirective],\r\n templateUrl: './description.component.html',\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionComponent extends XDescriptionProperty {\r\n items = contentChildren(XDescriptionItemComponent);\r\n\r\n classMap = computed(() => ({\r\n [`${XDescriptionPrefix}-${this.size()}`]: !XIsEmpty(this.size())\r\n }));\r\n\r\n gridTemplateColumnsSignal = computed(() => {\r\n let gridTemplateColumns = this.gridTemplateColumns();\r\n if (gridTemplateColumns) return gridTemplateColumns;\r\n const columns: string[] = [];\r\n this.items().forEach((x) => {\r\n if (x.width()) {\r\n columns.push(x.width());\r\n } else if (x.flex()) {\r\n columns.push(`${x.flex()}fr`);\r\n }\r\n });\r\n return columns.join(' ');\r\n });\r\n\r\n setFlex(item: XDescriptionItemComponent) {\r\n let classes: { [property: string]: boolean } = {};\r\n if (!XIsEmpty(item.justify())) classes[`x-justify-${item.justify()}`] = true;\r\n if (!XIsEmpty(item.align())) classes[`x-align-${item.align()}`] = true;\r\n if (!XIsEmpty(item.direction())) classes[`x-direction-${item.direction()}`] = true;\r\n return classes;\r\n }\r\n}\r\n","<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XDescriptionComponent } from './description.component';\r\n\r\n@NgModule({\r\n imports: [XDescriptionComponent, XDescriptionItemComponent],\r\n exports: [XDescriptionComponent, XDescriptionItemComponent],\r\n})\r\nexport class XDescriptionModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-nest-ui-description.mjs","sources":["../../../../lib/ng-nest/ui/description/description.property.ts","../../../../lib/ng-nest/ui/description/description-item.component.ts","../../../../lib/ng-nest/ui/description/description.component.ts","../../../../lib/ng-nest/ui/description/description.component.html","../../../../lib/ng-nest/ui/description/description.module.ts","../../../../lib/ng-nest/ui/description/ng-nest-ui-description.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport type { XAlign, XBoolean, XDirection, XJustify, XNumber, XSize, XTemplate } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Description\r\n * @selector x-description\r\n * @decorator component\r\n */\r\nexport const XDescriptionPrefix = 'x-description';\r\nconst X_DESCRIPTION_CONFIG_NAME = 'description';\r\n\r\n/**\r\n * Description Property\r\n */\r\n@Component({ selector: `${XDescriptionPrefix}-property`, template: '' })\r\nexport class XDescriptionProperty extends XPropertyFunction(X_DESCRIPTION_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 描述列表的标题,支持自定义模板\r\n * @en_US Describe the title of the list, support custom template\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * <x-description [title]=\"titleTpl\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * <ng-template #titleTpl>Title</ng-template>\r\n * ```\r\n *\r\n */\r\n readonly title = input<XTemplate>();\r\n /**\r\n * @zh_CN 是否展示边框\r\n * @en_US Whether to show column borders\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" bordered>\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN grid 布局下定义列宽度\r\n * @en_US Define column width under grid layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" bordered gridTemplateColumns=\"1fr 1fr\">\r\n * <x-description-item gridArea=\"1/1/2/2\">name</x-description-item>\r\n * <x-description-item gridArea=\"1/2/3/2\">age</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly gridTemplateColumns = input<string>();\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-description title=\"Title\" size=\"big\">\r\n * <x-description-item>name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n}\r\n\r\n/**\r\n * Description Item\r\n * @selector x-description-item\r\n * @decorator component\r\n */\r\nexport const XDescriptionItemPrefix = 'x-description-item';\r\n\r\n/**\r\n * Description Item Property\r\n */\r\n@Component({ selector: `${XDescriptionItemPrefix}-property`, template: '' })\r\nexport class XDescriptionItemProperty {\r\n /**\r\n * @zh_CN 使用 grid 布局\r\n * @en_US Use grid layout to merge cells\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item gridArea=\"1/1/2/2\">name</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly gridArea = input<string>();\r\n /**\r\n * @zh_CN 内容的描述,支持自定义模板\r\n * @en_US Description of content, support custom templates\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item label=\"name1\">name1</x-description-item>\r\n * <x-description-item [label]=\"nameTpl\">name2</x-description-item>\r\n * </x-description>\r\n * <ng-template #nameTpl></ng-template>\r\n * ```\r\n *\r\n */\r\n readonly label = input<XTemplate>();\r\n /**\r\n * @zh_CN flex 布局下的子元素水平排列方式\r\n * @en_US Child element under the horizontal arrangement of the layout flex\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item justify=\"end\">end</x-description-item>\r\n * <x-description-item justify=\"center\">center</x-description-item>\r\n * <x-description-item justify=\"start\">start</x-description-item>\r\n * <x-description-item justify=\"space-around\">space-around</x-description-item>\r\n * <x-description-item justify=\"space-between\">space-between</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly justify = input<XJustify>('start');\r\n /**\r\n * @zh_CN flex 布局下的子元素垂直排列方式\r\n * @en_US Child element under the vertical layout flex arrangement\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item align=\"end\">end</x-description-item>\r\n * <x-description-item align=\"center\">center</x-description-item>\r\n * <x-description-item align=\"start\">start</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly align = input<XAlign>('start');\r\n /**\r\n * @zh_CN flex 布局下的子元素排列方向\r\n * @en_US Child element under the direction of arrangement of the layout flex\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item direction=\"column\">column</x-description-item>\r\n * <x-description-item direction=\"column-reverse\">column-reverse</x-description-item>\r\n * <x-description-item direction=\"row\">row</x-description-item>\r\n * <x-description-item direction=\"row-reverse\">row-reverse</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN 宽度\r\n * @en_US Width\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item width=\"100px\">width100</x-description-item>\r\n * <x-description-item width=\"200px\">width200</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly width = input<string, XNumber>('', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN flex 比重\r\n * @en_US Flex proportion\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item flex=\"1\">flex1</x-description-item>\r\n * <x-description-item flex=\"2\">flex2</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly flex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 是否是标题\r\n * @en_US Whether it is heading\r\n * @example\r\n *\r\n * ```html\r\n * <x-description>\r\n * <x-description-item label=\"name\" heading></x-description-item>\r\n * <x-description-item>name1</x-description-item>\r\n * </x-description>\r\n * ```\r\n *\r\n */\r\n readonly heading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, TemplateRef, viewChild } from '@angular/core';\r\nimport { XDescriptionItemPrefix, XDescriptionItemProperty } from './description.property';\r\n\r\n@Component({\r\n selector: `${XDescriptionItemPrefix}`,\r\n template: `\r\n <ng-template>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n `,\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionItemComponent extends XDescriptionItemProperty {\r\n content = viewChild.required(TemplateRef);\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed, contentChildren } from '@angular/core';\r\nimport { XDescriptionPrefix, XDescriptionProperty } from './description.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\n\r\n@Component({\r\n selector: `${XDescriptionPrefix}`,\r\n imports: [NgClass, NgTemplateOutlet, XOutletDirective],\r\n templateUrl: './description.component.html',\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XDescriptionComponent extends XDescriptionProperty {\r\n items = contentChildren(XDescriptionItemComponent);\r\n\r\n classMap = computed(() => ({\r\n [`${XDescriptionPrefix}-${this.size()}`]: !XIsEmpty(this.size())\r\n }));\r\n\r\n gridTemplateColumnsSignal = computed(() => {\r\n let gridTemplateColumns = this.gridTemplateColumns();\r\n if (gridTemplateColumns) return gridTemplateColumns;\r\n const columns: string[] = [];\r\n this.items().forEach((x) => {\r\n if (x.width()) {\r\n columns.push(x.width());\r\n } else if (x.flex()) {\r\n columns.push(`${x.flex()}fr`);\r\n }\r\n });\r\n return columns.join(' ');\r\n });\r\n\r\n setFlex(item: XDescriptionItemComponent) {\r\n let classes: { [property: string]: boolean } = {};\r\n if (!XIsEmpty(item.justify())) classes[`x-justify-${item.justify()}`] = true;\r\n if (!XIsEmpty(item.align())) classes[`x-align-${item.align()}`] = true;\r\n if (!XIsEmpty(item.direction())) classes[`x-direction-${item.direction()}`] = true;\r\n return classes;\r\n }\r\n}\r\n","<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XDescriptionItemComponent } from './description-item.component';\r\nimport { XDescriptionComponent } from './description.component';\r\n\r\n@NgModule({\r\n imports: [XDescriptionComponent, XDescriptionItemComponent],\r\n exports: [XDescriptionComponent, XDescriptionItemComponent],\r\n})\r\nexport class XDescriptionModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}