@ng-nest/ui 20.1.6 → 20.2.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 (203) hide show
  1. package/attachments/index.d.ts +277 -0
  2. package/auto-complete/index.d.ts +11 -2
  3. package/card/index.d.ts +12 -2
  4. package/cascade/index.d.ts +2 -1
  5. package/collapse/index.d.ts +0 -3
  6. package/color-picker/index.d.ts +2 -1
  7. package/core/index.d.ts +41 -43
  8. package/date-picker/index.d.ts +20 -4
  9. package/dialog/index.d.ts +8 -10
  10. package/drawer/index.d.ts +10 -12
  11. package/dropdown/index.d.ts +32 -9
  12. package/fesm2022/ng-nest-ui-affix.mjs +11 -11
  13. package/fesm2022/ng-nest-ui-alert.mjs +13 -13
  14. package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
  15. package/fesm2022/ng-nest-ui-anchor.mjs +18 -18
  16. package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
  17. package/fesm2022/ng-nest-ui-api.mjs +7 -7
  18. package/fesm2022/ng-nest-ui-api.mjs.map +1 -1
  19. package/fesm2022/ng-nest-ui-attachments.mjs +331 -0
  20. package/fesm2022/ng-nest-ui-attachments.mjs.map +1 -0
  21. package/fesm2022/ng-nest-ui-auto-complete.mjs +36 -26
  22. package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
  23. package/fesm2022/ng-nest-ui-avatar.mjs +18 -18
  24. package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
  25. package/fesm2022/ng-nest-ui-back-top.mjs +12 -12
  26. package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
  27. package/fesm2022/ng-nest-ui-badge.mjs +13 -13
  28. package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
  29. package/fesm2022/ng-nest-ui-base-form.mjs +8 -8
  30. package/fesm2022/ng-nest-ui-bubble.mjs +20 -20
  31. package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -1
  32. package/fesm2022/ng-nest-ui-button.mjs +19 -19
  33. package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
  34. package/fesm2022/ng-nest-ui-calendar.mjs +11 -11
  35. package/fesm2022/ng-nest-ui-card.mjs +20 -14
  36. package/fesm2022/ng-nest-ui-card.mjs.map +1 -1
  37. package/fesm2022/ng-nest-ui-carousel.mjs +21 -21
  38. package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
  39. package/fesm2022/ng-nest-ui-cascade.mjs +27 -25
  40. package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
  41. package/fesm2022/ng-nest-ui-checkbox.mjs +12 -12
  42. package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
  43. package/fesm2022/ng-nest-ui-collapse.mjs +20 -28
  44. package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
  45. package/fesm2022/ng-nest-ui-color-picker.mjs +31 -29
  46. package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
  47. package/fesm2022/ng-nest-ui-color.mjs +11 -11
  48. package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
  49. package/fesm2022/ng-nest-ui-comment.mjs +18 -18
  50. package/fesm2022/ng-nest-ui-container.mjs +35 -35
  51. package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
  52. package/fesm2022/ng-nest-ui-core.mjs +48 -148
  53. package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
  54. package/fesm2022/ng-nest-ui-coversations.mjs +11 -11
  55. package/fesm2022/ng-nest-ui-crumb.mjs +11 -11
  56. package/fesm2022/ng-nest-ui-date-picker.mjs +92 -78
  57. package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
  58. package/fesm2022/ng-nest-ui-description.mjs +20 -20
  59. package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
  60. package/fesm2022/ng-nest-ui-dialog.mjs +68 -67
  61. package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
  62. package/fesm2022/ng-nest-ui-doc.mjs +7 -7
  63. package/fesm2022/ng-nest-ui-doc.mjs.map +1 -1
  64. package/fesm2022/ng-nest-ui-drag.mjs +11 -11
  65. package/fesm2022/ng-nest-ui-drawer.mjs +67 -84
  66. package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
  67. package/fesm2022/ng-nest-ui-dropdown.mjs +182 -58
  68. package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
  69. package/fesm2022/ng-nest-ui-empty.mjs +11 -11
  70. package/fesm2022/ng-nest-ui-examples.mjs +7 -7
  71. package/fesm2022/ng-nest-ui-examples.mjs.map +1 -1
  72. package/fesm2022/ng-nest-ui-find.mjs +12 -12
  73. package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
  74. package/fesm2022/ng-nest-ui-form.mjs +19 -19
  75. package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
  76. package/fesm2022/ng-nest-ui-highlight.mjs +15 -15
  77. package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
  78. package/fesm2022/ng-nest-ui-i18n.mjs +14 -14
  79. package/fesm2022/ng-nest-ui-icon.mjs +14 -14
  80. package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
  81. package/fesm2022/ng-nest-ui-image.mjs +22 -22
  82. package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
  83. package/fesm2022/ng-nest-ui-inner.mjs +11 -11
  84. package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
  85. package/fesm2022/ng-nest-ui-input-number.mjs +12 -12
  86. package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
  87. package/fesm2022/ng-nest-ui-input.mjs +19 -19
  88. package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
  89. package/fesm2022/ng-nest-ui-keyword.mjs +11 -11
  90. package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
  91. package/fesm2022/ng-nest-ui-layout.mjs +18 -18
  92. package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
  93. package/fesm2022/ng-nest-ui-link.mjs +12 -12
  94. package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
  95. package/fesm2022/ng-nest-ui-list.mjs +52 -28
  96. package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
  97. package/fesm2022/ng-nest-ui-loading.mjs +12 -12
  98. package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
  99. package/fesm2022/ng-nest-ui-menu.mjs +18 -18
  100. package/fesm2022/ng-nest-ui-message-box.mjs +10 -10
  101. package/fesm2022/ng-nest-ui-message.mjs +10 -10
  102. package/fesm2022/ng-nest-ui-notification.mjs +10 -10
  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 +17 -12
  115. package/fesm2022/ng-nest-ui-prompts.mjs.map +1 -1
  116. package/fesm2022/ng-nest-ui-radio.mjs +12 -12
  117. package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
  118. package/fesm2022/ng-nest-ui-rate.mjs +12 -12
  119. package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
  120. package/fesm2022/ng-nest-ui-resizable.mjs +11 -11
  121. package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
  122. package/fesm2022/ng-nest-ui-result.mjs +11 -11
  123. package/fesm2022/ng-nest-ui-ripple.mjs +11 -11
  124. package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
  125. package/fesm2022/ng-nest-ui-scrollable.mjs +8 -8
  126. package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
  127. package/fesm2022/ng-nest-ui-select.mjs +37 -26
  128. package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
  129. package/fesm2022/ng-nest-ui-sender.mjs +19 -18
  130. package/fesm2022/ng-nest-ui-sender.mjs.map +1 -1
  131. package/fesm2022/ng-nest-ui-skeleton.mjs +11 -11
  132. package/fesm2022/ng-nest-ui-slider-select.mjs +13 -13
  133. package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
  134. package/fesm2022/ng-nest-ui-slider.mjs +12 -12
  135. package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
  136. package/fesm2022/ng-nest-ui-statistic.mjs +18 -18
  137. package/fesm2022/ng-nest-ui-steps.mjs +11 -11
  138. package/fesm2022/ng-nest-ui-suggestion.mjs +110 -0
  139. package/fesm2022/ng-nest-ui-suggestion.mjs.map +1 -0
  140. package/fesm2022/ng-nest-ui-switch.mjs +12 -12
  141. package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
  142. package/fesm2022/ng-nest-ui-table-view.mjs +60 -60
  143. package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
  144. package/fesm2022/ng-nest-ui-table.mjs +58 -47
  145. package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
  146. package/fesm2022/ng-nest-ui-tabs.mjs +30 -30
  147. package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
  148. package/fesm2022/ng-nest-ui-tag.mjs +22 -18
  149. package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
  150. package/fesm2022/ng-nest-ui-text-retract.mjs +11 -11
  151. package/fesm2022/ng-nest-ui-textarea.mjs +12 -12
  152. package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
  153. package/fesm2022/ng-nest-ui-theme.mjs +11 -11
  154. package/fesm2022/ng-nest-ui-thought-chain.mjs +121 -0
  155. package/fesm2022/ng-nest-ui-thought-chain.mjs.map +1 -0
  156. package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
  157. package/fesm2022/ng-nest-ui-time-picker.mjs +31 -29
  158. package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
  159. package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
  160. package/fesm2022/ng-nest-ui-timeline.mjs +36 -14
  161. package/fesm2022/ng-nest-ui-timeline.mjs.map +1 -1
  162. package/fesm2022/ng-nest-ui-tooltip.mjs +27 -74
  163. package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
  164. package/fesm2022/ng-nest-ui-transfer.mjs +12 -12
  165. package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
  166. package/fesm2022/ng-nest-ui-tree-file.mjs +11 -11
  167. package/fesm2022/ng-nest-ui-tree-select.mjs +27 -25
  168. package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
  169. package/fesm2022/ng-nest-ui-tree.mjs +23 -23
  170. package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
  171. package/fesm2022/ng-nest-ui-typography.mjs +11 -11
  172. package/fesm2022/ng-nest-ui-upload.mjs +221 -24
  173. package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
  174. package/fesm2022/ng-nest-ui-welcome.mjs +11 -11
  175. package/fesm2022/ng-nest-ui.mjs +4 -0
  176. package/fesm2022/ng-nest-ui.mjs.map +1 -1
  177. package/index.d.ts +4 -0
  178. package/list/index.d.ts +30 -18
  179. package/package.json +44 -32
  180. package/popover/index.d.ts +2 -1
  181. package/prompts/index.d.ts +17 -2
  182. package/select/index.d.ts +12 -2
  183. package/sender/index.d.ts +1 -0
  184. package/style/animates/base.scss +32 -0
  185. package/style/animates/conect.scss +32 -0
  186. package/style/animates/fade.scss +32 -0
  187. package/style/animates/index.scss +11 -0
  188. package/style/animates/move.scss +129 -0
  189. package/style/animates/opacity.scss +26 -0
  190. package/style/animates/slide.scss +113 -0
  191. package/style/core/index.css +353 -0
  192. package/style/core/index.css.map +1 -1
  193. package/style/core/index.scss +1 -6
  194. package/suggestion/index.d.ts +96 -0
  195. package/table/index.d.ts +15 -4
  196. package/table-view/index.d.ts +1 -1
  197. package/tag/index.d.ts +2 -1
  198. package/thought-chain/index.d.ts +107 -0
  199. package/time-picker/index.d.ts +2 -1
  200. package/timeline/index.d.ts +35 -19
  201. package/tooltip/index.d.ts +2 -12
  202. package/tree-select/index.d.ts +2 -1
  203. package/upload/index.d.ts +39 -2
@@ -248,13 +248,13 @@ class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {
248
248
  */
249
249
  this.attrType = input(this.config?.attrType ?? 'button', ...(ngDevMode ? [{ debugName: "attrType" }] : []));
250
250
  }
251
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
252
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XButtonProperty, isStandalone: true, selector: "x-button-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, onlyIcon: { classPropertyName: "onlyIcon", publicName: "onlyIcon", isSignal: true, isRequired: false, transformFunction: null }, activated: { classPropertyName: "activated", publicName: "activated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, attrType: { classPropertyName: "attrType", publicName: "attrType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
251
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
252
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XButtonProperty, isStandalone: true, selector: "x-button-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, onlyIcon: { classPropertyName: "onlyIcon", publicName: "onlyIcon", isSignal: true, isRequired: false, transformFunction: null }, activated: { classPropertyName: "activated", publicName: "activated", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, plain: { classPropertyName: "plain", publicName: "plain", isSignal: true, isRequired: false, transformFunction: null }, flat: { classPropertyName: "flat", publicName: "flat", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null }, circle: { classPropertyName: "circle", publicName: "circle", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, attrType: { classPropertyName: "attrType", publicName: "attrType", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
253
253
  }
254
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonProperty, decorators: [{
254
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonProperty, decorators: [{
255
255
  type: Component,
256
256
  args: [{ selector: `${XButtonPrefix}-property`, template: '' }]
257
- }] });
257
+ }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], onlyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyIcon", required: false }] }], activated: [{ type: i0.Input, args: [{ isSignal: true, alias: "activated", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], plain: [{ type: i0.Input, args: [{ isSignal: true, alias: "plain", required: false }] }], flat: [{ type: i0.Input, args: [{ isSignal: true, alias: "flat", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], round: [{ type: i0.Input, args: [{ isSignal: true, alias: "round", required: false }] }], circle: [{ type: i0.Input, args: [{ isSignal: true, alias: "circle", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], attrType: [{ type: i0.Input, args: [{ isSignal: true, alias: "attrType", required: false }] }] } });
258
258
  /**
259
259
  * Buttons
260
260
  * @selector x-buttons
@@ -326,13 +326,13 @@ class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {
326
326
  */
327
327
  this.round = input(this.config?.round ?? false, ...(ngDevMode ? [{ debugName: "round", transform: XToBoolean }] : [{ transform: XToBoolean }]));
328
328
  }
329
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
330
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XButtonsProperty, isStandalone: true, selector: "x-buttons-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, hiddenBorder: { classPropertyName: "hiddenBorder", publicName: "hiddenBorder", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
329
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
330
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XButtonsProperty, isStandalone: true, selector: "x-buttons-property", inputs: { space: { classPropertyName: "space", publicName: "space", isSignal: true, isRequired: false, transformFunction: null }, hiddenBorder: { classPropertyName: "hiddenBorder", publicName: "hiddenBorder", isSignal: true, isRequired: false, transformFunction: null }, boxShadow: { classPropertyName: "boxShadow", publicName: "boxShadow", isSignal: true, isRequired: false, transformFunction: null }, round: { classPropertyName: "round", publicName: "round", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
331
331
  }
332
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonsProperty, decorators: [{
332
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonsProperty, decorators: [{
333
333
  type: Component,
334
334
  args: [{ selector: `${XButtonsPrefix}-property`, template: '' }]
335
- }] });
335
+ }], propDecorators: { space: [{ type: i0.Input, args: [{ isSignal: true, alias: "space", required: false }] }], hiddenBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenBorder", required: false }] }], boxShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "boxShadow", required: false }] }], round: [{ type: i0.Input, args: [{ isSignal: true, alias: "round", required: false }] }] } });
336
336
 
337
337
  class XButtonsComponent extends XButtonsProperty {
338
338
  constructor() {
@@ -357,10 +357,10 @@ class XButtonsComponent extends XButtonsProperty {
357
357
  get getMarginRight() {
358
358
  return '-' + this.space();
359
359
  }
360
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
361
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: XButtonsComponent, isStandalone: true, selector: "x-buttons", host: { properties: { "class": "this.className", "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder", "class.x-buttons-box-shadow": "this.getBoxShadow", "class.x-buttons-round": "this.getRound", "style.marginLeft": "this.getMarginLeft", "style.marginRight": "this.getMarginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
360
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
361
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.5", type: XButtonsComponent, isStandalone: true, selector: "x-buttons", host: { properties: { "class": "this.className", "class.x-buttons-space": "this.getSpace", "class.x-buttons-hiddenBorder": "this.getHiddenBorder", "class.x-buttons-box-shadow": "this.getBoxShadow", "class.x-buttons-round": "this.getRound", "style.marginLeft": "this.getMarginLeft", "style.marginRight": "this.getMarginRight" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
362
362
  }
363
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonsComponent, decorators: [{
363
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonsComponent, decorators: [{
364
364
  type: Component,
365
365
  args: [{ selector: `${XButtonsPrefix}`, template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-buttons{margin:0;padding:0}.x-buttons{display:inline-flex;position:relative}.x-buttons:not(.x-buttons-space)>x-button .x-button{border-radius:0;position:relative;box-shadow:none!important}.x-buttons:not(.x-buttons-space)>x-button .x-button-round{border-radius:0}.x-buttons:not(.x-buttons-space)>x-button .x-button:focus,.x-buttons:not(.x-buttons-space)>x-button .x-button-activated{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:hover{z-index:1}.x-buttons:not(.x-buttons-space)>x-button:active{z-index:2}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:first-child .x-button-round{border-top-left-radius:5rem;border-bottom-left-radius:5rem}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:var(--x-border-radius);border-bottom-right-radius:var(--x-border-radius)}.x-buttons:not(.x-buttons-space)>x-button:last-child .x-button-round{border-top-right-radius:5rem;border-bottom-right-radius:5rem}.x-buttons-hiddenBorder>x-button .x-button{border:none;padding:0 var(--x-padding-small);background-color:transparent;box-shadow:none!important}.x-buttons-hiddenBorder>x-button .x-button-icon>.x-icon{font-size:1.125rem}.x-buttons-hiddenBorder>x-button .x-button-icon:hover{color:var(--x-primary)}.x-buttons-box-shadow:not(.x-buttons-space){border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow)}.x-buttons-round:not(.x-buttons-space){border-radius:5rem}.x-buttons>x-button:not(:first-child)>.x-button-primary{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-success{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-warning{border-left-color:#fff3}.x-buttons>x-button:not(:first-child)>.x-button-danger{border-left-color:#fff3}\n"] }]
366
366
  }], propDecorators: { className: [{
@@ -431,13 +431,13 @@ class XButtonComponent extends XButtonProperty {
431
431
  ngOnDestroy() {
432
432
  this.focusMontitor.stopMonitoring(this.buttonRef());
433
433
  }
434
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
435
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
434
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
435
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XButtonComponent, isStandalone: true, selector: "x-button", host: { properties: { "style.marginLeft": "this.marginLeft", "style.marginRight": "this.marginRight", "style.pointerEvents": "this.pointerEvents" } }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["buttonRef"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "directive", type: XRippleDirective, selector: "[x-ripple]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
436
436
  }
437
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonComponent, decorators: [{
437
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonComponent, decorators: [{
438
438
  type: Component,
439
439
  args: [{ selector: `${XButtonPrefix}`, imports: [NgClass, XIconComponent, XRippleDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}x-button{display:inline-block;line-height:initial}.x-button{margin:0;padding:0}.x-button{position:relative;border:none;outline:none;border-radius:var(--x-border-radius);font-size:var(--x-font-size-small);text-align:center;background-clip:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:manipulation;box-shadow:var(--x-box-shadow);width:100%}.x-button:focus{outline:none}.x-button>.x-icon{font-size:1rem;vertical-align:-.1875rem}.x-button.x-direction-row>.x-icon{margin-right:.25rem;margin-left:-.25rem}.x-button.x-direction-row-reverse>.x-icon{margin-right:-.25rem;margin-left:.25rem}.x-button-loading{margin-right:.25rem;margin-left:-.25rem;font-size:1rem;vertical-align:-.1875rem}.x-button-circular{width:1rem;height:1rem;animation:loading-rotate 2s linear infinite}.x-button-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke-linecap:round}.x-button-transition{will-change:color,background-color,border,box-shadow;transition:color var(--x-animation-duration-base) ease-in-out,background-color var(--x-animation-duration-base) ease-in-out,border var(--x-animation-duration-base) ease-in-out,box-shadow var(--x-animation-duration-base) ease-in-out}.x-button-disabled{transform:none!important;opacity:.6}.x-button-round{border-radius:5rem}.x-button-circle{border-radius:50%;padding:0!important}.x-button-circle.x-size-big{width:var(--x-height-big)}.x-button-circle.x-size-large{width:var(--x-height-large)}.x-button-circle.x-size-medium{width:var(--x-height-medium)}.x-button-circle.x-size-small{width:var(--x-height-small)}.x-button-circle.x-size-mini{width:var(--x-height-mini)}.x-button-circle .x-button-loading{margin-right:0;margin-left:0}.x-button-icon-not-content.x-direction-row>.x-icon{margin-right:0;margin-left:0}.x-button-icon-not-content .x-button-loading{margin-right:0;margin-left:0}.x-button-only-icon,.x-button-only-icon.x-button-initial,.x-button-text{color:var(--x-text);border:none;background-color:transparent;box-shadow:none}.x-button-only-icon:hover,.x-button-only-icon:active,.x-button-only-icon.x-button-initial:hover,.x-button-only-icon.x-button-initial:active,.x-button-text:hover,.x-button-text:active{color:var(--x-primary);background-color:var(--x-background-a200);border-color:transparent}.x-button-only-icon:hover .x-button-path,.x-button-only-icon:active .x-button-path,.x-button-only-icon.x-button-initial:hover .x-button-path,.x-button-only-icon.x-button-initial:active .x-button-path,.x-button-text:hover .x-button-path,.x-button-text:active .x-button-path{stroke:var(--x-primary)}.x-button-closable{color:var(--x-text-400);box-shadow:none;background:none}.x-button-closable:hover{background:none;color:var(--x-text)}.x-button-disabled.x-button-activated.x-button-initial,.x-button-disabled.x-button-activated.x-button-initial:hover,.x-button-disabled.x-button-activated.x-button-initial:active{color:var(--x-primary-700);cursor:not-allowed;background-image:none;background-color:var(--x-background);border-color:var(--x-primary-700);box-shadow:none}.x-button-disabled.x-button-text,.x-button-disabled.x-button-only-icon,.x-button-disabled.x-button-text:hover,.x-button-disabled.x-button-text:active,.x-button-disabled.x-button-only-icon:hover,.x-button-disabled.x-button-only-icon:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:transparent;box-shadow:none}.x-button.x-size-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-button.x-size-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-button.x-size-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-button.x-size-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-button.x-size-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-button-initial{color:var(--x-text);background-color:var(--x-background-100);border-color:var(--x-border)}.x-button-initial .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial.cdk-program-focused:not(.x-button-disabled),.x-button-initial.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-initial:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain{color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-plain .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled),.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a300);border-color:var(--x-primary)}.x-button-initial-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain:active:not(.x-button-disabled){color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-primary-a100)}.x-button-initial-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-plain.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-a400);border-color:var(--x-border);box-shadow:none}.x-button-initial-plain.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial-plain.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial-text{box-shadow:none;color:var(--x-text);background-color:transparent;border-color:var(--x-border)}.x-button-initial-text .x-button-path{stroke:var(--x-text)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-text.cdk-program-focused:not(.x-button-disabled),.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-text);background-color:var(--x-background-a200);border-color:var(--x-border)}.x-button-initial-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-initial-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-initial-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-text)}.x-button-initial-text.x-button-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-border);box-shadow:none}.x-button-initial-flat{box-shadow:none}.x-button-initial-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-initial-flat.cdk-program-focused:not(.x-button-disabled),.x-button-initial-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-initial.x-button-activated{z-index:2;color:var(--x-text);background-color:var(--x-background-a600);border-color:var(--x-border)}.x-button-initial.x-button-activated .x-button-path{stroke:var(--x-text)}.x-button-initial .x-ripple-element{background-color:var(--x-text-800)}.x-button-primary{color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-100);border-color:var(--x-primary-100)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary.cdk-program-focused:not(.x-button-disabled),.x-button-primary.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-primary:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary.x-button-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500);box-shadow:none}.x-button-primary-plain{color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-plain .x-button-path{stroke:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled),.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-primary-a100);border-color:var(--x-primary-a100)}.x-button-primary-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-primary-plain.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary-text{box-shadow:none;color:var(--x-primary);background-color:transparent;border-color:var(--x-primary-600)}.x-button-primary-text .x-button-path{stroke:var(--x-primary)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-text.cdk-program-focused:not(.x-button-disabled),.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-primary);background-color:var(--x-primary-900);border-color:var(--x-primary-600)}.x-button-primary-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-primary-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-primary-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-primary)}.x-button-primary-text.x-button-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-primary-800);box-shadow:none}.x-button-primary-flat{box-shadow:none}.x-button-primary-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-primary-flat.cdk-program-focused:not(.x-button-disabled),.x-button-primary-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-primary.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-primary);border-color:var(--x-primary)}.x-button-primary.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-primary .x-ripple-element{background-color:var(--x-primary-500)}.x-button-success{color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-100);border-color:var(--x-success-100)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success.cdk-program-focused:not(.x-button-disabled),.x-button-success.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-success:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success.x-button-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500);box-shadow:none}.x-button-success-plain{color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-plain .x-button-path{stroke:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-plain.cdk-program-focused:not(.x-button-disabled),.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-success-a100);border-color:var(--x-success-a100)}.x-button-success-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-success-plain.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800);box-shadow:none}.x-button-success-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success-text{box-shadow:none;color:var(--x-success);background-color:transparent;border-color:var(--x-success-600)}.x-button-success-text .x-button-path{stroke:var(--x-success)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-text.cdk-program-focused:not(.x-button-disabled),.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-success);background-color:var(--x-success-900);border-color:var(--x-success-600)}.x-button-success-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-success-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-success-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-success)}.x-button-success-text.x-button-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-success-800);box-shadow:none}.x-button-success-flat{box-shadow:none}.x-button-success-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-success-flat.cdk-program-focused:not(.x-button-disabled),.x-button-success-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-success.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-success);border-color:var(--x-success)}.x-button-success.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-success .x-ripple-element{background-color:var(--x-success-500)}.x-button-warning{color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-100);border-color:var(--x-warning-100)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning.cdk-program-focused:not(.x-button-disabled),.x-button-warning.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-warning:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning.x-button-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500);box-shadow:none}.x-button-warning-plain{color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-plain .x-button-path{stroke:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled),.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-warning-a100);border-color:var(--x-warning-a100)}.x-button-warning-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-warning-plain.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning-text{box-shadow:none;color:var(--x-warning);background-color:transparent;border-color:var(--x-warning-600)}.x-button-warning-text .x-button-path{stroke:var(--x-warning)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-text.cdk-program-focused:not(.x-button-disabled),.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-warning);background-color:var(--x-warning-900);border-color:var(--x-warning-600)}.x-button-warning-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-warning-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-warning-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-warning)}.x-button-warning-text.x-button-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-warning-800);box-shadow:none}.x-button-warning-flat{box-shadow:none}.x-button-warning-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-warning-flat.cdk-program-focused:not(.x-button-disabled),.x-button-warning-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-warning.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-warning);border-color:var(--x-warning)}.x-button-warning.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-warning .x-ripple-element{background-color:var(--x-warning-500)}.x-button-danger{color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-100);border-color:var(--x-danger-100)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger.cdk-program-focused:not(.x-button-disabled),.x-button-danger.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-danger:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger.x-button-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500);box-shadow:none}.x-button-danger-plain{color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-plain .x-button-path{stroke:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled),.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-danger-a100);border-color:var(--x-danger-a100)}.x-button-danger-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-danger-plain.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger-text{box-shadow:none;color:var(--x-danger);background-color:transparent;border-color:var(--x-danger-600)}.x-button-danger-text .x-button-path{stroke:var(--x-danger)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-text.cdk-program-focused:not(.x-button-disabled),.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-danger);background-color:var(--x-danger-900);border-color:var(--x-danger-600)}.x-button-danger-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-danger-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-danger-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-danger)}.x-button-danger-text.x-button-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-danger-800);box-shadow:none}.x-button-danger-flat{box-shadow:none}.x-button-danger-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-danger-flat.cdk-program-focused:not(.x-button-disabled),.x-button-danger-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-danger.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-danger);border-color:var(--x-danger)}.x-button-danger.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-danger .x-ripple-element{background-color:var(--x-danger-500)}.x-button-info{color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-100);border-color:var(--x-info-100)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info.cdk-program-focused:not(.x-button-disabled),.x-button-info.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:var(--x-box-shadow-hover)}.x-button-info:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info.x-button-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500);box-shadow:none}.x-button-info-plain{color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-plain .x-button-path{stroke:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-plain.cdk-program-focused:not(.x-button-disabled),.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-plain.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-plain.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain:active:not(.x-button-disabled){color:var(--x-white);background-color:var(--x-info-a100);border-color:var(--x-info-a100)}.x-button-info-plain:active:not(.x-button-disabled) .x-button-path{stroke:var(--x-white)}.x-button-info-plain.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800);box-shadow:none}.x-button-info-plain.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info-plain.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info-text{box-shadow:none;color:var(--x-info);background-color:transparent;border-color:var(--x-info-600)}.x-button-info-text .x-button-path{stroke:var(--x-info)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-text.cdk-program-focused:not(.x-button-disabled),.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none;color:var(--x-info);background-color:var(--x-info-900);border-color:var(--x-info-600)}.x-button-info-text:hover:not(.x-button-disabled):not(.x-button-activated) .x-button-path,.x-button-info-text.cdk-program-focused:not(.x-button-disabled) .x-button-path,.x-button-info-text.cdk-keyboard-focused:not(.x-button-disabled) .x-button-path{stroke:var(--x-info)}.x-button-info-text.x-button-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:transparent;border-color:var(--x-info-800);box-shadow:none}.x-button-info-flat{box-shadow:none}.x-button-info-flat:hover:not(.x-button-disabled):not(.x-button-activated),.x-button-info-flat.cdk-program-focused:not(.x-button-disabled),.x-button-info-flat.cdk-keyboard-focused:not(.x-button-disabled){box-shadow:none}.x-button-info.x-button-activated{z-index:2;color:var(--x-white);background-color:var(--x-info);border-color:var(--x-info)}.x-button-info.x-button-activated .x-button-path{stroke:var(--x-white)}.x-button-info .x-ripple-element{background-color:var(--x-info-500)}\n"] }]
440
- }], ctorParameters: () => [], propDecorators: { marginLeft: [{
440
+ }], ctorParameters: () => [], propDecorators: { buttonRef: [{ type: i0.ViewChild, args: ['buttonRef', { ...{ read: (ElementRef) }, isSignal: true }] }], contentRef: [{ type: i0.ViewChild, args: ['content', { ...{ read: (ElementRef) }, isSignal: true }] }], marginLeft: [{
441
441
  type: HostBinding,
442
442
  args: ['style.marginLeft']
443
443
  }], marginRight: [{
@@ -449,11 +449,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
449
449
  }] } });
450
450
 
451
451
  class XButtonModule {
452
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
453
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XButtonModule, imports: [XButtonComponent, XButtonsComponent], exports: [XButtonComponent, XButtonsComponent] }); }
454
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonModule, imports: [XButtonComponent] }); }
452
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
453
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XButtonModule, imports: [XButtonComponent, XButtonsComponent], exports: [XButtonComponent, XButtonsComponent] }); }
454
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonModule, imports: [XButtonComponent] }); }
455
455
  }
456
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XButtonModule, decorators: [{
456
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XButtonModule, decorators: [{
457
457
  type: NgModule,
458
458
  args: [{
459
459
  exports: [XButtonComponent, XButtonsComponent],
@@ -1 +1 @@
1
- {"version":3,"file":"ng-nest-ui-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XDirection, XSize, XNumber, XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_BUTTON_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n * @example\r\n *\r\n * ```html\r\n * <x-button>Initial</x-button>\r\n * <x-button type=\"primary\">Primary</x-button>\r\n * <x-button type=\"success\">Success</x-button>\r\n * <x-button type=\"warning\">Warning</x-button>\r\n * <x-button type=\"danger\">Danger</x-button>\r\n * <x-button type=\"info\">Info</x-button>\r\n * <x-button [type]=\"'primary'\">Primary</x-button>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XButtonType>(this.config?.type ?? 'initial');\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\"></x-button>\r\n * <x-button icon=\"fto-edit\">Edit</x-button>\r\n * <x-button [icon]=\"'fto-edit'\">Edit</x-button>\r\n * ```\r\n *\r\n */\r\n readonly icon = input<string>('');\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-button title=\"information\"></x-button>\r\n * <x-button [title]=\"'information'\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 按钮中元素的布局方式\r\n * @en_US Button elements in the layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-button direction=\"column\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"column-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button [direction]=\"row\" icon=\"edit\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n * @example\r\n *\r\n * ```html\r\n * <x-button tabindex=\"0\"></x-button>\r\n * <x-button [tabindex]=\"0\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly tabindex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-button size=\"big\">Big</x-button>\r\n * <x-button size=\"large\">Large</x-button>\r\n * <x-button size=\"medium\">Medium</x-button>\r\n * <x-button size=\"small\">Small</x-button>\r\n * <x-button size=\"mini\">Mini</x-button>\r\n * <x-button [size]=\"'medium'\">Medium</x-button>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\" onlyIcon></x-button>\r\n * <x-button icon=\"fto-edit\" onlyIcon=\"true\"></x-button>\r\n * <x-button icon=\"fto-edit\" [onlyIcon]=\"true\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly onlyIcon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button activated>Button</x-button>\r\n * <x-button activated=\"true\">Button</x-button>\r\n * <x-button [activated]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly activated = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button disabled>Button</x-button>\r\n * <x-button disabled=\"true\">Button</x-button>\r\n * <x-button [disabled]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button plain>Button</x-button>\r\n * <x-button plain=\"true\">Button</x-button>\r\n * <x-button [plain]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly plain = input<boolean, XBoolean>(this.config?.plain ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 平铺按钮\r\n * @en_US Flat button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button flat>Button</x-button>\r\n * <x-button flat=\"true\">Button</x-button>\r\n * <x-button [flat]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly flat = input<boolean, XBoolean>(this.config?.flat ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 文字按钮\r\n * @en_US Text button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button text>Button</x-button>\r\n * <x-button text=\"true\">Button</x-button>\r\n * <x-button [text]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly text = input<boolean, XBoolean>(this.config?.text ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button round>Button</x-button>\r\n * <x-button round=\"true\">Button</x-button>\r\n * <x-button [round]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button circle>Button</x-button>\r\n * <x-button circle=\"true\">Button</x-button>\r\n * <x-button [circle]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly circle = input<boolean, XBoolean>(this.config?.circle ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n * @example\r\n *\r\n * ```html\r\n * <x-button loading>Button</x-button>\r\n * <x-button loading=\"true\">Button</x-button>\r\n * <x-button [loading]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly loading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button closable>Button</x-button>\r\n * <x-button closable=\"true\">Button</x-button>\r\n * <x-button [closable]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly closable = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 按钮类型属性 submit, button, reset\r\n * @en_US Button type attribute. submit, button, reset\r\n * @example\r\n *\r\n * ```html\r\n * <x-button attrType=\"button\">Button</x-button>\r\n * <x-button attrType=\"submit\">Button</x-button>\r\n * <x-button attrType=\"reset\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly attrType = input<XButtonAttrType>(this.config?.attrType ?? 'button');\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * - `'submit'` : 此类型用于提交表单数据\r\n * - `'reset'` : 此类型用于重置表单中的数据\r\n * - `'button'` : 此类型用于自定义按钮行为\r\n * @en_US Button attr type\r\n * - `'submit'` : This type is used to submit the form data\r\n * - `'reset'` : This type is used to reset the form data\r\n * - `'button'` : This type is used to the custom button\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_BUTTONS_CONFIG_NAME = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮间距\r\n * @en_US Button spacing\r\n * @example\r\n *\r\n * ```html\r\n * // ex: 10,'10px','1rem'\r\n * <x-buttons space=\"1rem\">\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly space = input<string, XNumber>(this.config?.space ?? '', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons hiddenBorder>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly hiddenBorder = input<boolean, XBoolean>(this.config?.hiddenBorder ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示阴影\r\n * @en_US show box shadow\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons boxShadow>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly boxShadow = input<boolean, XBoolean>(this.config?.boxShadow ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons round>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty {\r\n @HostBinding('class') className = XButtonsPrefix;\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return !!this.space();\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder();\r\n }\r\n @HostBinding('class.x-buttons-box-shadow') get getBoxShadow() {\r\n return this.boxShadow();\r\n }\r\n @HostBinding('class.x-buttons-round') get getRound() {\r\n return this.round();\r\n }\r\n @HostBinding('style.marginLeft') get getMarginLeft() {\r\n return '-' + this.space();\r\n }\r\n @HostBinding('style.marginRight') get getMarginRight() {\r\n return '-' + this.space();\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n inject,\r\n AfterViewInit,\r\n OnDestroy,\r\n computed,\r\n HostBinding,\r\n signal,\r\n viewChild,\r\n AfterContentChecked,\r\n afterEveryRender\r\n} from '@angular/core';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XRippleDirective } from '@ng-nest/ui/ripple';\r\nimport { NgClass } from '@angular/common';\r\nimport { FocusMonitor } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n imports: [NgClass, XIconComponent, XRippleDirective],\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements AfterViewInit, AfterContentChecked, OnDestroy {\r\n buttonRef = viewChild.required('buttonRef', { read: ElementRef<HTMLElement> });\r\n contentRef = viewChild.required('content', { read: ElementRef<HTMLElement> });\r\n private buttons = inject(XButtonsComponent, { optional: true, host: true });\r\n private focusMontitor = inject(FocusMonitor);\r\n contentIsEmpty = signal(false);\r\n transition = signal(false);\r\n\r\n @HostBinding('style.marginLeft') get marginLeft() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.marginRight') get marginRight() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.pointerEvents') get pointerEvents() {\r\n return this.disabledComputed() ? 'none' : '';\r\n }\r\n\r\n constructor() {\r\n super();\r\n afterEveryRender(() => {\r\n this.transition.set(true);\r\n });\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XButtonPrefix}-${this.type()}`]: !XIsEmpty(this.type()) && !this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-plain`]: !XIsEmpty(this.type()) && this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-text`]: !XIsEmpty(this.type()) && this.text(),\r\n [`${XButtonPrefix}-${this.type()}-flat`]: !XIsEmpty(this.type()) && this.flat(),\r\n [`x-size-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`x-direction-${this.direction()}`]: !XIsEmpty(this.direction())\r\n }));\r\n\r\n roundSignal = computed(() => {\r\n return this.buttons?.round() || this.round();\r\n });\r\n\r\n disabledComputed = computed(() => {\r\n return this.loading() || this.disabled();\r\n });\r\n\r\n ngAfterViewInit() {\r\n this.focusMontitor.monitor(this.buttonRef(), true);\r\n }\r\n\r\n ngAfterContentChecked() {\r\n this.contentIsEmpty.set(XIsEmpty(this.contentRef().nativeElement.innerHTML.trim()));\r\n }\r\n\r\n ngOnDestroy() {\r\n this.focusMontitor.stopMonitoring(this.buttonRef());\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@NgModule({\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [XButtonComponent, XButtonsComponent]\r\n})\r\nexport class XButtonModule {}\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-button.mjs","sources":["../../../../lib/ng-nest/ui/button/button.property.ts","../../../../lib/ng-nest/ui/button/buttons.component.ts","../../../../lib/ng-nest/ui/button/button.component.ts","../../../../lib/ng-nest/ui/button/button.component.html","../../../../lib/ng-nest/ui/button/button.module.ts","../../../../lib/ng-nest/ui/button/ng-nest-ui-button.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { XPropertyFunction, XToNumber, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport type { XDirection, XSize, XNumber, XBoolean, XType } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Button\r\n * @selector x-button\r\n * @decorator component\r\n */\r\nexport const XButtonPrefix = 'x-button';\r\nconst X_BUTTON_CONFIG_NAME = 'button';\r\n\r\n/**\r\n * Button Property\r\n */\r\n@Component({ selector: `${XButtonPrefix}-property`, template: '' })\r\nexport class XButtonProperty extends XPropertyFunction(X_BUTTON_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n * @example\r\n *\r\n * ```html\r\n * <x-button>Initial</x-button>\r\n * <x-button type=\"primary\">Primary</x-button>\r\n * <x-button type=\"success\">Success</x-button>\r\n * <x-button type=\"warning\">Warning</x-button>\r\n * <x-button type=\"danger\">Danger</x-button>\r\n * <x-button type=\"info\">Info</x-button>\r\n * <x-button [type]=\"'primary'\">Primary</x-button>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XButtonType>(this.config?.type ?? 'initial');\r\n /**\r\n * @zh_CN 图标\r\n * @en_US Icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\"></x-button>\r\n * <x-button icon=\"fto-edit\">Edit</x-button>\r\n * <x-button [icon]=\"'fto-edit'\">Edit</x-button>\r\n * ```\r\n *\r\n */\r\n readonly icon = input<string>('');\r\n /**\r\n * @zh_CN 提示\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-button title=\"information\"></x-button>\r\n * <x-button [title]=\"'information'\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 按钮中元素的布局方式\r\n * @en_US Button elements in the layout\r\n * @example\r\n *\r\n * ```html\r\n * <x-button direction=\"column\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"column-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row\" icon=\"edit\">Button</x-button>\r\n * <x-button direction=\"row-reverse\" icon=\"edit\">Button</x-button>\r\n * <x-button [direction]=\"row\" icon=\"edit\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly direction = input<XDirection>('row');\r\n /**\r\n * @zh_CN tab 键控制次序\r\n * @en_US Tab key control order\r\n * @example\r\n *\r\n * ```html\r\n * <x-button tabindex=\"0\"></x-button>\r\n * <x-button [tabindex]=\"0\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly tabindex = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n * @example\r\n *\r\n * ```html\r\n * <x-button size=\"big\">Big</x-button>\r\n * <x-button size=\"large\">Large</x-button>\r\n * <x-button size=\"medium\">Medium</x-button>\r\n * <x-button size=\"small\">Small</x-button>\r\n * <x-button size=\"mini\">Mini</x-button>\r\n * <x-button [size]=\"'medium'\">Medium</x-button>\r\n * ```\r\n *\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 仅显示图标\r\n * @en_US Icon only\r\n * @example\r\n *\r\n * ```html\r\n * <x-button icon=\"fto-edit\" onlyIcon></x-button>\r\n * <x-button icon=\"fto-edit\" onlyIcon=\"true\"></x-button>\r\n * <x-button icon=\"fto-edit\" [onlyIcon]=\"true\"></x-button>\r\n * ```\r\n *\r\n */\r\n readonly onlyIcon = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 激活的按钮(样式差异)\r\n * @en_US Active button (style difference)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button activated>Button</x-button>\r\n * <x-button activated=\"true\">Button</x-button>\r\n * <x-button [activated]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly activated = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用按钮\r\n * @en_US Disable button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button disabled>Button</x-button>\r\n * <x-button disabled=\"true\">Button</x-button>\r\n * <x-button [disabled]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 朴素按钮\r\n * @en_US Plain button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button plain>Button</x-button>\r\n * <x-button plain=\"true\">Button</x-button>\r\n * <x-button [plain]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly plain = input<boolean, XBoolean>(this.config?.plain ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 平铺按钮\r\n * @en_US Flat button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button flat>Button</x-button>\r\n * <x-button flat=\"true\">Button</x-button>\r\n * <x-button [flat]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly flat = input<boolean, XBoolean>(this.config?.flat ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 文字按钮\r\n * @en_US Text button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button text>Button</x-button>\r\n * <x-button text=\"true\">Button</x-button>\r\n * <x-button [text]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly text = input<boolean, XBoolean>(this.config?.text ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button round>Button</x-button>\r\n * <x-button round=\"true\">Button</x-button>\r\n * <x-button [round]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆型按钮(配合图标来使用)\r\n * @en_US Round button (use with icon)\r\n * @example\r\n *\r\n * ```html\r\n * <x-button circle>Button</x-button>\r\n * <x-button circle=\"true\">Button</x-button>\r\n * <x-button [circle]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly circle = input<boolean, XBoolean>(this.config?.circle ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 加载中\r\n * @en_US Loading\r\n * @example\r\n *\r\n * ```html\r\n * <x-button loading>Button</x-button>\r\n * <x-button loading=\"true\">Button</x-button>\r\n * <x-button [loading]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly loading = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 关闭按钮\r\n * @en_US Close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-button closable>Button</x-button>\r\n * <x-button closable=\"true\">Button</x-button>\r\n * <x-button [closable]=\"true\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly closable = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 按钮类型属性 submit, button, reset\r\n * @en_US Button type attribute. submit, button, reset\r\n * @example\r\n *\r\n * ```html\r\n * <x-button attrType=\"button\">Button</x-button>\r\n * <x-button attrType=\"submit\">Button</x-button>\r\n * <x-button attrType=\"reset\">Button</x-button>\r\n * ```\r\n *\r\n */\r\n readonly attrType = input<XButtonAttrType>(this.config?.attrType ?? 'button');\r\n}\r\n\r\n/**\r\n * @zh_CN 按钮类型\r\n * @en_US Button type\r\n */\r\nexport type XButtonType = XType;\r\n\r\n/**\r\n * @zh_CN 按钮类型属性\r\n * - `'submit'` : 此类型用于提交表单数据\r\n * - `'reset'` : 此类型用于重置表单中的数据\r\n * - `'button'` : 此类型用于自定义按钮行为\r\n * @en_US Button attr type\r\n * - `'submit'` : This type is used to submit the form data\r\n * - `'reset'` : This type is used to reset the form data\r\n * - `'button'` : This type is used to the custom button\r\n */\r\nexport type XButtonAttrType = 'submit' | 'button' | 'reset';\r\n\r\n/**\r\n * Buttons\r\n * @selector x-buttons\r\n * @decorator component\r\n */\r\nexport const XButtonsPrefix = 'x-buttons';\r\nconst X_BUTTONS_CONFIG_NAME = 'buttons';\r\n\r\n/**\r\n * Buttons Property\r\n */\r\n@Component({ selector: `${XButtonsPrefix}-property`, template: '' })\r\nexport class XButtonsProperty extends XPropertyFunction(X_BUTTONS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 按钮间距\r\n * @en_US Button spacing\r\n * @example\r\n *\r\n * ```html\r\n * // ex: 10,'10px','1rem'\r\n * <x-buttons space=\"1rem\">\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly space = input<string, XNumber>(this.config?.space ?? '', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 隐藏边框\r\n * @en_US Hide border\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons hiddenBorder>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly hiddenBorder = input<boolean, XBoolean>(this.config?.hiddenBorder ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示阴影\r\n * @en_US show box shadow\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons boxShadow>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly boxShadow = input<boolean, XBoolean>(this.config?.boxShadow ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 圆角按钮\r\n * @en_US Round button\r\n * @example\r\n *\r\n * ```html\r\n * <x-buttons round>\r\n * <x-button>Button1</button>\r\n * <x-button>Button2</button>\r\n * </x-buttons>\r\n * ```\r\n *\r\n */\r\n readonly round = input<boolean, XBoolean>(this.config?.round ?? false, { transform: XToBoolean });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding } from '@angular/core';\r\nimport { XButtonsPrefix, XButtonsProperty } from './button.property';\r\n\r\n@Component({\r\n selector: `${XButtonsPrefix}`,\r\n template: '<ng-content></ng-content>',\r\n styleUrls: ['./buttons.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonsComponent extends XButtonsProperty {\r\n @HostBinding('class') className = XButtonsPrefix;\r\n @HostBinding('class.x-buttons-space') get getSpace() {\r\n return !!this.space();\r\n }\r\n @HostBinding('class.x-buttons-hiddenBorder') get getHiddenBorder() {\r\n return this.hiddenBorder();\r\n }\r\n @HostBinding('class.x-buttons-box-shadow') get getBoxShadow() {\r\n return this.boxShadow();\r\n }\r\n @HostBinding('class.x-buttons-round') get getRound() {\r\n return this.round();\r\n }\r\n @HostBinding('style.marginLeft') get getMarginLeft() {\r\n return '-' + this.space();\r\n }\r\n @HostBinding('style.marginRight') get getMarginRight() {\r\n return '-' + this.space();\r\n }\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n ElementRef,\r\n inject,\r\n AfterViewInit,\r\n OnDestroy,\r\n computed,\r\n HostBinding,\r\n signal,\r\n viewChild,\r\n AfterContentChecked,\r\n afterEveryRender\r\n} from '@angular/core';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { XButtonPrefix, XButtonProperty } from './button.property';\r\nimport { XButtonsComponent } from './buttons.component';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XRippleDirective } from '@ng-nest/ui/ripple';\r\nimport { NgClass } from '@angular/common';\r\nimport { FocusMonitor } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n selector: `${XButtonPrefix}`,\r\n imports: [NgClass, XIconComponent, XRippleDirective],\r\n templateUrl: './button.component.html',\r\n styleUrls: ['./button.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XButtonComponent extends XButtonProperty implements AfterViewInit, AfterContentChecked, OnDestroy {\r\n buttonRef = viewChild.required('buttonRef', { read: ElementRef<HTMLElement> });\r\n contentRef = viewChild.required('content', { read: ElementRef<HTMLElement> });\r\n private buttons = inject(XButtonsComponent, { optional: true, host: true });\r\n private focusMontitor = inject(FocusMonitor);\r\n contentIsEmpty = signal(false);\r\n transition = signal(false);\r\n\r\n @HostBinding('style.marginLeft') get marginLeft() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.marginRight') get marginRight() {\r\n return this.buttons?.space();\r\n }\r\n @HostBinding('style.pointerEvents') get pointerEvents() {\r\n return this.disabledComputed() ? 'none' : '';\r\n }\r\n\r\n constructor() {\r\n super();\r\n afterEveryRender(() => {\r\n this.transition.set(true);\r\n });\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XButtonPrefix}-${this.type()}`]: !XIsEmpty(this.type()) && !this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-plain`]: !XIsEmpty(this.type()) && this.plain(),\r\n [`${XButtonPrefix}-${this.type()}-text`]: !XIsEmpty(this.type()) && this.text(),\r\n [`${XButtonPrefix}-${this.type()}-flat`]: !XIsEmpty(this.type()) && this.flat(),\r\n [`x-size-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`x-direction-${this.direction()}`]: !XIsEmpty(this.direction())\r\n }));\r\n\r\n roundSignal = computed(() => {\r\n return this.buttons?.round() || this.round();\r\n });\r\n\r\n disabledComputed = computed(() => {\r\n return this.loading() || this.disabled();\r\n });\r\n\r\n ngAfterViewInit() {\r\n this.focusMontitor.monitor(this.buttonRef(), true);\r\n }\r\n\r\n ngAfterContentChecked() {\r\n this.contentIsEmpty.set(XIsEmpty(this.contentRef().nativeElement.innerHTML.trim()));\r\n }\r\n\r\n ngOnDestroy() {\r\n this.focusMontitor.stopMonitoring(this.buttonRef());\r\n }\r\n}\r\n","<button\r\n #buttonRef\r\n class=\"x-button\"\r\n [tabindex]=\"tabindex()\"\r\n [ngClass]=\"classMap()\"\r\n [class.x-button-only-icon]=\"onlyIcon()\"\r\n [class.x-button-activated]=\"activated()\"\r\n [class.x-button-disabled]=\"disabledComputed()\"\r\n [class.x-button-round]=\"roundSignal()\"\r\n [class.x-button-circle]=\"circle()\"\r\n [class.x-button-icon]=\"icon() && !contentIsEmpty()\"\r\n [class.x-button-icon-not-content]=\"icon() && contentIsEmpty()\"\r\n [class.x-button-closable]=\"closable()\"\r\n [class.x-button-transition]=\"transition()\"\r\n [title]=\"title()\"\r\n x-ripple\r\n [type]=\"type()\"\r\n [disabled]=\"disabledComputed()\"\r\n [attr.type]=\"attrType()\"\r\n [attr.disabled]=\"disabledComputed() || null\"\r\n>\r\n @if (direction() === 'row' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n @if (loading()) {\r\n <span class=\"x-button-loading\">\r\n <svg class=\"x-button-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-button-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n </span>\r\n }\r\n <span #content><ng-content></ng-content></span>\r\n @if (direction() === 'row-reverse' && icon() && !loading()) {\r\n <x-icon [type]=\"icon()\"></x-icon>\r\n }\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { XButtonComponent } from './button.component';\r\nimport { XButtonsComponent } from './buttons.component';\r\n\r\n@NgModule({\r\n exports: [XButtonComponent, XButtonsComponent],\r\n imports: [XButtonComponent, XButtonsComponent]\r\n})\r\nexport class XButtonModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}