@ng-nest/ui 20.1.0 → 20.1.2

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 (121) hide show
  1. package/alert/index.d.ts +21 -2
  2. package/auto-complete/index.d.ts +3 -3
  3. package/avatar/index.d.ts +64 -2
  4. package/bubble/index.d.ts +190 -0
  5. package/calendar/index.d.ts +2 -1
  6. package/cascade/index.d.ts +3 -3
  7. package/color-picker/index.d.ts +3 -3
  8. package/core/index.d.ts +21 -4
  9. package/date-picker/index.d.ts +4 -4
  10. package/dropdown/index.d.ts +4 -4
  11. package/fesm2022/ng-nest-ui-affix.mjs +11 -13
  12. package/fesm2022/ng-nest-ui-affix.mjs.map +1 -1
  13. package/fesm2022/ng-nest-ui-alert.mjs +28 -15
  14. package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
  15. package/fesm2022/ng-nest-ui-anchor.mjs +18 -22
  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-auto-complete.mjs +13 -13
  19. package/fesm2022/ng-nest-ui-avatar.mjs +28 -16
  20. package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
  21. package/fesm2022/ng-nest-ui-back-top.mjs +10 -10
  22. package/fesm2022/ng-nest-ui-badge.mjs +10 -10
  23. package/fesm2022/ng-nest-ui-base-form.mjs +7 -7
  24. package/fesm2022/ng-nest-ui-bubble.mjs +374 -0
  25. package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -0
  26. package/fesm2022/ng-nest-ui-button.mjs +16 -16
  27. package/fesm2022/ng-nest-ui-calendar.mjs +10 -10
  28. package/fesm2022/ng-nest-ui-card.mjs +10 -10
  29. package/fesm2022/ng-nest-ui-carousel.mjs +16 -16
  30. package/fesm2022/ng-nest-ui-cascade.mjs +13 -13
  31. package/fesm2022/ng-nest-ui-checkbox.mjs +11 -11
  32. package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
  33. package/fesm2022/ng-nest-ui-collapse.mjs +16 -16
  34. package/fesm2022/ng-nest-ui-color-picker.mjs +16 -16
  35. package/fesm2022/ng-nest-ui-color.mjs +10 -10
  36. package/fesm2022/ng-nest-ui-comment.mjs +16 -16
  37. package/fesm2022/ng-nest-ui-container.mjs +31 -31
  38. package/fesm2022/ng-nest-ui-core.mjs +21 -18
  39. package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
  40. package/fesm2022/ng-nest-ui-crumb.mjs +10 -10
  41. package/fesm2022/ng-nest-ui-date-picker.mjs +49 -49
  42. package/fesm2022/ng-nest-ui-description.mjs +16 -16
  43. package/fesm2022/ng-nest-ui-dialog.mjs +40 -40
  44. package/fesm2022/ng-nest-ui-doc.mjs +7 -7
  45. package/fesm2022/ng-nest-ui-drag.mjs +10 -10
  46. package/fesm2022/ng-nest-ui-drawer.mjs +31 -31
  47. package/fesm2022/ng-nest-ui-dropdown.mjs +13 -13
  48. package/fesm2022/ng-nest-ui-empty.mjs +10 -10
  49. package/fesm2022/ng-nest-ui-examples.mjs +7 -7
  50. package/fesm2022/ng-nest-ui-find.mjs +10 -10
  51. package/fesm2022/ng-nest-ui-form.mjs +16 -16
  52. package/fesm2022/ng-nest-ui-highlight.mjs +13 -13
  53. package/fesm2022/ng-nest-ui-i18n.mjs +13 -13
  54. package/fesm2022/ng-nest-ui-icon.mjs +13 -13
  55. package/fesm2022/ng-nest-ui-image.mjs +19 -19
  56. package/fesm2022/ng-nest-ui-inner.mjs +10 -10
  57. package/fesm2022/ng-nest-ui-input-number.mjs +10 -10
  58. package/fesm2022/ng-nest-ui-input.mjs +18 -18
  59. package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
  60. package/fesm2022/ng-nest-ui-keyword.mjs +10 -10
  61. package/fesm2022/ng-nest-ui-layout.mjs +16 -16
  62. package/fesm2022/ng-nest-ui-link.mjs +10 -10
  63. package/fesm2022/ng-nest-ui-list.mjs +19 -19
  64. package/fesm2022/ng-nest-ui-loading.mjs +16 -11
  65. package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
  66. package/fesm2022/ng-nest-ui-menu.mjs +16 -16
  67. package/fesm2022/ng-nest-ui-message-box.mjs +10 -10
  68. package/fesm2022/ng-nest-ui-message.mjs +10 -10
  69. package/fesm2022/ng-nest-ui-notification.mjs +10 -10
  70. package/fesm2022/ng-nest-ui-outlet.mjs +7 -7
  71. package/fesm2022/ng-nest-ui-page-header.mjs +10 -10
  72. package/fesm2022/ng-nest-ui-pagination.mjs +10 -10
  73. package/fesm2022/ng-nest-ui-pattern.mjs +7 -7
  74. package/fesm2022/ng-nest-ui-popconfirm.mjs +10 -10
  75. package/fesm2022/ng-nest-ui-popover.mjs +13 -13
  76. package/fesm2022/ng-nest-ui-portal.mjs +7 -7
  77. package/fesm2022/ng-nest-ui-progress.mjs +10 -10
  78. package/fesm2022/ng-nest-ui-radio.mjs +10 -10
  79. package/fesm2022/ng-nest-ui-rate.mjs +10 -10
  80. package/fesm2022/ng-nest-ui-resizable.mjs +10 -10
  81. package/fesm2022/ng-nest-ui-result.mjs +10 -10
  82. package/fesm2022/ng-nest-ui-ripple.mjs +10 -10
  83. package/fesm2022/ng-nest-ui-scrollable.mjs +7 -7
  84. package/fesm2022/ng-nest-ui-select.mjs +13 -13
  85. package/fesm2022/ng-nest-ui-sender.mjs +189 -0
  86. package/fesm2022/ng-nest-ui-sender.mjs.map +1 -0
  87. package/fesm2022/ng-nest-ui-skeleton.mjs +10 -10
  88. package/fesm2022/ng-nest-ui-slider-select.mjs +10 -10
  89. package/fesm2022/ng-nest-ui-slider.mjs +10 -10
  90. package/fesm2022/ng-nest-ui-statistic.mjs +16 -16
  91. package/fesm2022/ng-nest-ui-steps.mjs +10 -10
  92. package/fesm2022/ng-nest-ui-switch.mjs +10 -10
  93. package/fesm2022/ng-nest-ui-table-view.mjs +58 -58
  94. package/fesm2022/ng-nest-ui-table.mjs +34 -34
  95. package/fesm2022/ng-nest-ui-tabs.mjs +25 -25
  96. package/fesm2022/ng-nest-ui-tag.mjs +10 -10
  97. package/fesm2022/ng-nest-ui-text-retract.mjs +10 -10
  98. package/fesm2022/ng-nest-ui-textarea.mjs +11 -11
  99. package/fesm2022/ng-nest-ui-theme.mjs +10 -10
  100. package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
  101. package/fesm2022/ng-nest-ui-time-picker.mjs +16 -16
  102. package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
  103. package/fesm2022/ng-nest-ui-timeline.mjs +10 -10
  104. package/fesm2022/ng-nest-ui-tooltip.mjs +13 -13
  105. package/fesm2022/ng-nest-ui-transfer.mjs +10 -10
  106. package/fesm2022/ng-nest-ui-tree-file.mjs +10 -10
  107. package/fesm2022/ng-nest-ui-tree-select.mjs +13 -13
  108. package/fesm2022/ng-nest-ui-tree.mjs +19 -19
  109. package/fesm2022/ng-nest-ui-typography.mjs +10 -10
  110. package/fesm2022/ng-nest-ui-upload.mjs +13 -13
  111. package/fesm2022/ng-nest-ui.mjs +2 -0
  112. package/fesm2022/ng-nest-ui.mjs.map +1 -1
  113. package/index.d.ts +2 -0
  114. package/loading/index.d.ts +6 -1
  115. package/message-box/index.d.ts +5 -4
  116. package/package.json +21 -13
  117. package/select/index.d.ts +3 -3
  118. package/sender/index.d.ts +169 -0
  119. package/steps/index.d.ts +2 -1
  120. package/time-picker/index.d.ts +3 -3
  121. package/tree-select/index.d.ts +3 -3
@@ -75,10 +75,10 @@ class XDescriptionProperty extends XPropertyFunction(X_DESCRIPTION_CONFIG_NAME)
75
75
  */
76
76
  this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
77
77
  }
78
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
79
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: XDescriptionProperty, isStandalone: true, selector: "x-description-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
78
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
79
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XDescriptionProperty, isStandalone: true, selector: "x-description-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
80
80
  }
81
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionProperty, decorators: [{
81
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionProperty, decorators: [{
82
82
  type: Component,
83
83
  args: [{ selector: `${XDescriptionPrefix}-property`, template: '' }]
84
84
  }] });
@@ -212,10 +212,10 @@ class XDescriptionItemProperty {
212
212
  */
213
213
  this.heading = input(false, ...(ngDevMode ? [{ debugName: "heading", transform: XToBoolean }] : [{ transform: XToBoolean }]));
214
214
  }
215
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
216
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: XDescriptionItemProperty, isStandalone: true, selector: "x-description-item-property", inputs: { gridArea: { classPropertyName: "gridArea", publicName: "gridArea", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, flex: { classPropertyName: "flex", publicName: "flex", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
215
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemProperty, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
216
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XDescriptionItemProperty, isStandalone: true, selector: "x-description-item-property", inputs: { gridArea: { classPropertyName: "gridArea", publicName: "gridArea", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, flex: { classPropertyName: "flex", publicName: "flex", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
217
217
  }
218
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
218
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemProperty, decorators: [{
219
219
  type: Component,
220
220
  args: [{ selector: `${XDescriptionItemPrefix}-property`, template: '' }]
221
221
  }] });
@@ -225,14 +225,14 @@ class XDescriptionItemComponent extends XDescriptionItemProperty {
225
225
  super(...arguments);
226
226
  this.content = viewChild.required(TemplateRef);
227
227
  }
228
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
229
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.4", type: XDescriptionItemComponent, isStandalone: true, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
228
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
229
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: XDescriptionItemComponent, isStandalone: true, selector: "x-description-item", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
230
230
  <ng-template>
231
231
  <ng-content></ng-content>
232
232
  </ng-template>
233
233
  `, isInline: true, styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
234
234
  }
235
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
235
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionItemComponent, decorators: [{
236
236
  type: Component,
237
237
  args: [{ selector: `${XDescriptionItemPrefix}`, template: `
238
238
  <ng-template>
@@ -274,20 +274,20 @@ class XDescriptionComponent extends XDescriptionProperty {
274
274
  classes[`x-direction-${item.direction()}`] = true;
275
275
  return classes;
276
276
  }
277
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
278
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: XDescriptionComponent, isStandalone: true, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
277
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
278
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: XDescriptionComponent, isStandalone: true, selector: "x-description", queries: [{ propertyName: "items", predicate: XDescriptionItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
279
279
  }
280
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionComponent, decorators: [{
280
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionComponent, decorators: [{
281
281
  type: Component,
282
282
  args: [{ selector: `${XDescriptionPrefix}`, imports: [NgClass, NgTemplateOutlet, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-description\" [class.x-description-bordered]=\"bordered()\" [ngClass]=\"classMap()\">\r\n @if (title()) {\r\n <div class=\"x-description-header\">\r\n <div class=\"x-description-title\" *xOutlet=\"title()\">\r\n {{ title() }}\r\n </div>\r\n </div>\r\n }\r\n <div class=\"x-description-grid\" [style.grid-template-columns]=\"gridTemplateColumnsSignal()\">\r\n @for (item of items(); track item) {\r\n <div\r\n class=\"x-description-item\"\r\n [style.grid-area]=\"item.gridArea() ? item.gridArea() : '1 / ' + ($index + 1)\"\r\n [class.x-description-item-heading]=\"item.heading()\"\r\n [ngClass]=\"setFlex(item)\"\r\n >\r\n <div class=\"x-description-item-label\">\r\n <ng-container *xOutlet=\"item.label()\">{{ item.label() }}</ng-container>\r\n </div>\r\n <div class=\"x-description-item-content\">\r\n <ng-template [ngTemplateOutlet]=\"item.content()\"></ng-template>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".x-description{margin:0;padding:0}.x-description-header{display:flex;align-items:center}.x-description-title{font-weight:700}.x-description-grid{display:grid;grid-auto-flow:row}.x-description-item{display:flex;align-items:baseline}.x-description-item.x-flex{display:flex}.x-description-item.x-justify-start{justify-content:flex-start}.x-description-item.x-justify-center{justify-content:center}.x-description-item.x-justify-end{justify-content:flex-end}.x-description-item.x-justify-space-between{justify-content:space-between}.x-description-item.x-justify-space-around{justify-content:space-around}.x-description-item.x-align-start{align-items:flex-start}.x-description-item.x-align-center{align-items:center}.x-description-item.x-align-end{align-items:flex-end}.x-description-item.x-direction-column{flex-direction:column}.x-description-item.x-direction-column-reverse{flex-direction:column-reverse}.x-description-item.x-direction-row{flex-direction:row}.x-description-item.x-direction-row-reverse{flex-direction:row-reverse}.x-description-item-heading{background-color:var(--x-background-a100)}.x-description-bordered .x-description-item{border:var(--x-border-width) var(--x-border-style) var(--x-border);margin-left:calc(var(--x-border-width) * -1);margin-top:calc(var(--x-border-width) * -1)}.x-description-big .x-description-header{padding:var(--x-padding-big) 0}.x-description-big .x-description-item{padding:calc(var(--x-padding-big) / 2) 0}.x-description-big.x-description-bordered .x-description-item{padding:var(--x-padding-big)}.x-description-large .x-description-header{padding:var(--x-padding-large) 0}.x-description-large .x-description-item{padding:calc(var(--x-padding-large) / 2) 0}.x-description-large.x-description-bordered .x-description-item{padding:var(--x-padding-large)}.x-description-medium .x-description-header{padding:var(--x-padding-medium) 0}.x-description-medium .x-description-item{padding:calc(var(--x-padding-medium) / 2) 0}.x-description-medium.x-description-bordered .x-description-item{padding:var(--x-padding-medium)}.x-description-small .x-description-header{padding:var(--x-padding-small) 0}.x-description-small .x-description-item{padding:calc(var(--x-padding-small) / 2) 0}.x-description-small.x-description-bordered .x-description-item{padding:var(--x-padding-small)}.x-description-mini .x-description-header{padding:var(--x-padding-mini) 0}.x-description-mini .x-description-item{padding:calc(var(--x-padding-mini) / 2) 0}.x-description-mini.x-description-bordered .x-description-item{padding:var(--x-padding-mini)}\n"] }]
283
283
  }] });
284
284
 
285
285
  class XDescriptionModule {
286
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
287
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionModule, imports: [XDescriptionComponent, XDescriptionItemComponent], exports: [XDescriptionComponent, XDescriptionItemComponent] }); }
288
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionModule }); }
286
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
287
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, imports: [XDescriptionComponent, XDescriptionItemComponent], exports: [XDescriptionComponent, XDescriptionItemComponent] }); }
288
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule }); }
289
289
  }
290
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDescriptionModule, decorators: [{
290
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDescriptionModule, decorators: [{
291
291
  type: NgModule,
292
292
  args: [{
293
293
  imports: [XDescriptionComponent, XDescriptionItemComponent],
@@ -197,10 +197,10 @@ class XDialogProperty extends XPropertyFunction(X_DIALOG_CONFIG_NAME) {
197
197
  */
198
198
  this.closeDone = output();
199
199
  }
200
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
201
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: XDialogProperty, isStandalone: true, selector: "x-dialog-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, effect: { classPropertyName: "effect", publicName: "effect", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, showConfirm: { classPropertyName: "showConfirm", publicName: "showConfirm", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, backdropClose: { classPropertyName: "backdropClose", publicName: "backdropClose", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, buttonsCenter: { classPropertyName: "buttonsCenter", publicName: "buttonsCenter", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, maximize: { classPropertyName: "maximize", publicName: "maximize", isSignal: true, isRequired: false, transformFunction: null }, beforeClose: { classPropertyName: "beforeClose", publicName: "beforeClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", cancel: "cancel", confirm: "confirm", close: "close", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
200
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
201
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: XDialogProperty, isStandalone: true, selector: "x-dialog-property", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, effect: { classPropertyName: "effect", publicName: "effect", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null }, cancelText: { classPropertyName: "cancelText", publicName: "cancelText", isSignal: true, isRequired: false, transformFunction: null }, showConfirm: { classPropertyName: "showConfirm", publicName: "showConfirm", isSignal: true, isRequired: false, transformFunction: null }, confirmText: { classPropertyName: "confirmText", publicName: "confirmText", isSignal: true, isRequired: false, transformFunction: null }, backdropClose: { classPropertyName: "backdropClose", publicName: "backdropClose", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, buttonsCenter: { classPropertyName: "buttonsCenter", publicName: "buttonsCenter", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, maximize: { classPropertyName: "maximize", publicName: "maximize", isSignal: true, isRequired: false, transformFunction: null }, beforeClose: { classPropertyName: "beforeClose", publicName: "beforeClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", cancel: "cancel", confirm: "confirm", close: "close", showDone: "showDone", closeDone: "closeDone" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
202
202
  }
203
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogProperty, decorators: [{
203
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogProperty, decorators: [{
204
204
  type: Component,
205
205
  args: [{ selector: `${XDialogPrefix}-property`, template: '' }]
206
206
  }] });
@@ -215,10 +215,10 @@ const X_DIALOG_CONTAINER = new InjectionToken('X_DIALOG_CONTAINER');
215
215
  * Dialog Container Property
216
216
  */
217
217
  class XDialogContainerProperty extends XProperty {
218
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
219
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: XDialogContainerProperty, isStandalone: true, selector: "x-dialog-container-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
218
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
219
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: XDialogContainerProperty, isStandalone: true, selector: "x-dialog-container-property", usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
220
220
  }
221
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContainerProperty, decorators: [{
221
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContainerProperty, decorators: [{
222
222
  type: Component,
223
223
  args: [{ selector: `${XDialogContainerPrefix}-property`, template: '' }]
224
224
  }] });
@@ -432,10 +432,10 @@ class XDialogComponent extends XDialogProperty {
432
432
  !this.destroy() && this.showDone.emit($event);
433
433
  }
434
434
  }
435
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
436
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: XDialogComponent, isStandalone: true, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible", "class": "this.clsName" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n @if (container && hasBackdrop()) {\r\n <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible()\" (click)=\"onClose('close')\"></div>\r\n }\r\n <div\r\n class=\"x-dialog\"\r\n [@x-move-box-animation]=\"placement()\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n [class.x-dialog-maximize]=\"isMaximize()\"\r\n [class.x-dialog-default-maximize]=\"isDefaultMaximize()\"\r\n [ngStyle]=\"getStyle()\"\r\n >\r\n <x-alert\r\n [draggable]=\"draggableSignal() && dialogBox['draggable']\"\r\n [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n [minWidth]=\"dialogBox['minWidth']\"\r\n [minHeight]=\"dialogBox['minHeight']\"\r\n [dragBoundary]=\"'.cdk-overlay-container'\"\r\n [title]=\"title()\"\r\n [content]=\"contentTpl\"\r\n [type]=\"type()\"\r\n [effect]=\"effect()\"\r\n [hideClose]=\"hideClose()\"\r\n [closeText]=\"closeText()\"\r\n [operationTpl]=\"operationTpl\"\r\n (close)=\"onClose('close')\"\r\n (dragEnded)=\"onDragEnded($event)\"\r\n [showIcon]=\"false\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n <div class=\"x-dialog-inner\">\r\n <div class=\"x-dialog-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter()\">\r\n <ng-container *xOutlet=\"footer()\">\r\n @if (showCancel() || showConfirm()) {\r\n <x-buttons space=\"0.5rem\">\r\n @if (showCancel()) {\r\n <x-button class=\"x-dialog-cancel\" (click)=\"onClose('cancel')\" flat plain>{{ getCancelText() }}</x-button>\r\n }\r\n @if (showConfirm()) {\r\n <x-button class=\"x-dialog-confirm\" type=\"primary\" flat (click)=\"onClose('confirm')\">{{\r\n getConfirmText()\r\n }}</x-button>\r\n }\r\n </x-buttons>\r\n }\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n @if (maximizeSignal()) {\r\n <x-button\r\n size=\"small\"\r\n flat\r\n [icon]=\"isMaximize() ? 'fto-minimize' : 'fto-maximize'\"\r\n [onlyIcon]=\"true\"\r\n (click)=\"onSize()\"\r\n class=\"x-dialog-maximize\"\r\n ></x-button>\r\n }\r\n</ng-template>\r\n\r\n@if (container && visible()) {\r\n <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0}.x-dialog{width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important;flex:initial}.x-dialog-default-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
435
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
436
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: XDialogComponent, isStandalone: true, selector: "x-dialog", host: { properties: { "class.x-dialog-visible": "this.getVisible", "class": "this.clsName" } }, viewQueries: [{ propertyName: "dialogTpl", first: true, predicate: ["dialogTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #dialogTpl>\r\n @if (container && hasBackdrop()) {\r\n <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible()\" (click)=\"onClose('close')\"></div>\r\n }\r\n <div\r\n class=\"x-dialog\"\r\n [@x-move-box-animation]=\"placement()\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n [class.x-dialog-maximize]=\"isMaximize()\"\r\n [class.x-dialog-default-maximize]=\"isDefaultMaximize()\"\r\n [ngStyle]=\"getStyle()\"\r\n >\r\n <x-alert\r\n [draggable]=\"draggableSignal() && dialogBox['draggable']\"\r\n [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n [minWidth]=\"dialogBox['minWidth']\"\r\n [minHeight]=\"dialogBox['minHeight']\"\r\n [dragBoundary]=\"'.cdk-overlay-container'\"\r\n [title]=\"title()\"\r\n [content]=\"contentTpl\"\r\n [type]=\"type()\"\r\n [effect]=\"effect()\"\r\n [hideClose]=\"hideClose()\"\r\n [closeText]=\"closeText()\"\r\n [operationTpl]=\"operationTpl\"\r\n (close)=\"onClose('close')\"\r\n (dragEnded)=\"onDragEnded($event)\"\r\n [showIcon]=\"false\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n <div class=\"x-dialog-inner\">\r\n <div class=\"x-dialog-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter()\">\r\n <ng-container *xOutlet=\"footer()\">\r\n @if (showCancel() || showConfirm()) {\r\n <x-buttons space=\"0.5rem\">\r\n @if (showCancel()) {\r\n <x-button class=\"x-dialog-cancel\" (click)=\"onClose('cancel')\" flat plain>{{ getCancelText() }}</x-button>\r\n }\r\n @if (showConfirm()) {\r\n <x-button class=\"x-dialog-confirm\" type=\"primary\" flat (click)=\"onClose('confirm')\">{{\r\n getConfirmText()\r\n }}</x-button>\r\n }\r\n </x-buttons>\r\n }\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n @if (maximizeSignal()) {\r\n <x-button\r\n size=\"small\"\r\n flat\r\n [icon]=\"isMaximize() ? 'fto-minimize' : 'fto-maximize'\"\r\n [onlyIcon]=\"true\"\r\n (click)=\"onSize()\"\r\n class=\"x-dialog-maximize\"\r\n ></x-button>\r\n }\r\n</ng-template>\r\n\r\n@if (container && visible()) {\r\n <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0}.x-dialog{width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important;flex:initial}.x-dialog-default-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: XAlertComponent, selector: "x-alert" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "component", type: XButtonsComponent, selector: "x-buttons" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XMoveBoxAnimation, XOpacityAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
437
437
  }
438
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogComponent, decorators: [{
438
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogComponent, decorators: [{
439
439
  type: Component,
440
440
  args: [{ selector: `${XDialogPrefix}`, imports: [NgStyle, NgTemplateOutlet, XAlertComponent, XButtonComponent, XButtonsComponent, XOutletDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation, XOpacityAnimation], template: "<ng-template #dialogTpl>\r\n @if (container && hasBackdrop()) {\r\n <div class=\"x-dialog-backdrop\" [@x-opacity-animation]=\"visible()\" (click)=\"onClose('close')\"></div>\r\n }\r\n <div\r\n class=\"x-dialog\"\r\n [@x-move-box-animation]=\"placement()\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n [class.x-dialog-maximize]=\"isMaximize()\"\r\n [class.x-dialog-default-maximize]=\"isDefaultMaximize()\"\r\n [ngStyle]=\"getStyle()\"\r\n >\r\n <x-alert\r\n [draggable]=\"draggableSignal() && dialogBox['draggable']\"\r\n [dragFreeDragPosition]=\"dialogBox['distance']\"\r\n [minWidth]=\"dialogBox['minWidth']\"\r\n [minHeight]=\"dialogBox['minHeight']\"\r\n [dragBoundary]=\"'.cdk-overlay-container'\"\r\n [title]=\"title()\"\r\n [content]=\"contentTpl\"\r\n [type]=\"type()\"\r\n [effect]=\"effect()\"\r\n [hideClose]=\"hideClose()\"\r\n [closeText]=\"closeText()\"\r\n [operationTpl]=\"operationTpl\"\r\n (close)=\"onClose('close')\"\r\n (dragEnded)=\"onDragEnded($event)\"\r\n [showIcon]=\"false\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #contentTpl>\r\n <div class=\"x-dialog-inner\">\r\n <div class=\"x-dialog-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"x-dialog-buttons\" [class.x-dialog-buttons-center]=\"buttonsCenter()\">\r\n <ng-container *xOutlet=\"footer()\">\r\n @if (showCancel() || showConfirm()) {\r\n <x-buttons space=\"0.5rem\">\r\n @if (showCancel()) {\r\n <x-button class=\"x-dialog-cancel\" (click)=\"onClose('cancel')\" flat plain>{{ getCancelText() }}</x-button>\r\n }\r\n @if (showConfirm()) {\r\n <x-button class=\"x-dialog-confirm\" type=\"primary\" flat (click)=\"onClose('confirm')\">{{\r\n getConfirmText()\r\n }}</x-button>\r\n }\r\n </x-buttons>\r\n }\r\n </ng-container>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #operationTpl>\r\n @if (maximizeSignal()) {\r\n <x-button\r\n size=\"small\"\r\n flat\r\n [icon]=\"isMaximize() ? 'fto-minimize' : 'fto-maximize'\"\r\n [onlyIcon]=\"true\"\r\n (click)=\"onSize()\"\r\n class=\"x-dialog-maximize\"\r\n ></x-button>\r\n }\r\n</ng-template>\r\n\r\n@if (container && visible()) {\r\n <ng-container *ngTemplateOutlet=\"dialogTpl\"></ng-container>\r\n}\r\n", styles: [".x-dialog{margin:0;padding:0}.x-dialog{width:100%;height:100%}.x-dialog>x-alert{height:100%}.x-dialog>x-alert .x-alert{min-height:100%;height:fit-content;align-items:inherit;padding:0}.x-dialog>x-alert .x-alert-inner{min-height:100%;display:flex;flex-direction:column}.x-dialog>x-alert .x-alert-title{padding:1rem 1rem 0}.x-dialog>x-alert .x-alert-content{flex:1;display:flex;flex-direction:column;padding:0 1rem .5rem}.x-dialog-inner{display:flex;flex-direction:column;margin:.5rem 0;flex:1}.x-dialog-buttons{display:flex;justify-content:flex-end}.x-dialog-buttons>x-buttons{margin-top:1rem;align-self:flex-end}.x-dialog-buttons-center{justify-content:center}.x-dialog-content{display:inline-flex;flex-direction:column;flex:1;max-height:70vh;overflow:auto;min-height:2rem}.x-dialog-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}.x-dialog-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important}.x-dialog-default-maximize .x-dialog-content{max-height:calc(100vh - 7.875rem)!important;height:calc(100vh - 7.875rem)!important;flex:initial}.x-dialog-default-maximize>x-alert .x-alert{left:0!important;top:0!important;border-radius:0!important}\n"] }]
441
441
  }], ctorParameters: () => [], propDecorators: { getVisible: [{
@@ -451,15 +451,15 @@ class XDialogContainerComponent extends XDialogContainerProperty {
451
451
  super(...arguments);
452
452
  this._has = true;
453
453
  }
454
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
455
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: XDialogContainerComponent, isStandalone: true, selector: "x-dialog-container", host: { properties: { "class.x-dialog-container": "this._has" } }, providers: [
454
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
455
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: XDialogContainerComponent, isStandalone: true, selector: "x-dialog-container", host: { properties: { "class.x-dialog-container": "this._has" } }, providers: [
456
456
  {
457
457
  provide: X_DIALOG_CONTAINER,
458
458
  useExisting: XDialogContainerComponent
459
459
  }
460
460
  ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-dialog-container{margin:0;padding:0}.x-dialog-container{position:relative;z-index:1;box-sizing:border-box;display:block;overflow:hidden}.x-dialog-container x-dialog{display:flex;position:absolute;width:100%;height:100%;z-index:-1;transition:z-index .4s;top:0;left:0}.x-dialog-container .x-dialog{position:absolute;display:block;outline:0;z-index:1001;width:initial;height:initial}.x-dialog-container .x-dialog-top,.x-dialog-container .x-dialog-bottom{justify-content:center}.x-dialog-container .x-dialog-center{justify-content:center;align-items:center}.x-dialog-container .x-dialog-left,.x-dialog-container .x-dialog-right{align-items:center}.x-dialog-container .x-dialog-visible{display:flex;z-index:1000}.x-dialog-container .x-dialog-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;background:#00000052}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
461
461
  }
462
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContainerComponent, decorators: [{
462
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContainerComponent, decorators: [{
463
463
  type: Component,
464
464
  args: [{ selector: 'x-dialog-container', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
465
465
  {
@@ -577,10 +577,10 @@ class XDialogCloseDirective {
577
577
  onCloseClick() {
578
578
  this.dialogRef && this.dialogRef.close();
579
579
  }
580
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
581
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogCloseDirective, isStandalone: true, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
580
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
581
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogCloseDirective, isStandalone: true, selector: "[x-dialog-close]", host: { listeners: { "click": "onCloseClick($event)" } }, ngImport: i0 }); }
582
582
  }
583
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogCloseDirective, decorators: [{
583
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogCloseDirective, decorators: [{
584
584
  type: Directive,
585
585
  args: [{
586
586
  selector: `[x-dialog-close]`
@@ -593,10 +593,10 @@ class XDialogTitleDirective {
593
593
  constructor() {
594
594
  this._has = true;
595
595
  }
596
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
597
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogTitleDirective, isStandalone: true, selector: "[x-dialog-title], x-dialog-title", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 }); }
596
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
597
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogTitleDirective, isStandalone: true, selector: "[x-dialog-title], x-dialog-title", host: { properties: { "class.x-dialog-portal-title": "this._has" } }, ngImport: i0 }); }
598
598
  }
599
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogTitleDirective, decorators: [{
599
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogTitleDirective, decorators: [{
600
600
  type: Directive,
601
601
  args: [{
602
602
  selector: `[x-dialog-title], x-dialog-title`
@@ -609,10 +609,10 @@ class XDialogContentDirective {
609
609
  constructor() {
610
610
  this._has = true;
611
611
  }
612
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
613
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogContentDirective, isStandalone: true, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 }); }
612
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
613
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogContentDirective, isStandalone: true, selector: "[x-dialog-content], x-dialog-content", host: { properties: { "class.x-dialog-portal-content": "this._has" } }, ngImport: i0 }); }
614
614
  }
615
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogContentDirective, decorators: [{
615
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogContentDirective, decorators: [{
616
616
  type: Directive,
617
617
  args: [{
618
618
  selector: `[x-dialog-content], x-dialog-content`
@@ -625,10 +625,10 @@ class XDialogActionsDirective {
625
625
  constructor() {
626
626
  this._has = true;
627
627
  }
628
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
629
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogActionsDirective, isStandalone: true, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 }); }
628
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
629
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogActionsDirective, isStandalone: true, selector: "[x-dialog-actions], x-dialog-actions", host: { properties: { "class.x-dialog-portal-actions": "this._has" } }, ngImport: i0 }); }
630
630
  }
631
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogActionsDirective, decorators: [{
631
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogActionsDirective, decorators: [{
632
632
  type: Directive,
633
633
  args: [{
634
634
  selector: `[x-dialog-actions], x-dialog-actions`
@@ -644,10 +644,10 @@ class XDialogDragHandleDirective {
644
644
  get getDraggable() {
645
645
  return !this.dialogRef?.fullscreen && this.dialogRef?.option.draggable;
646
646
  }
647
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
648
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogDragHandleDirective, isStandalone: true, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, hostDirectives: [{ directive: i1.CdkDragHandle, inputs: ["cdkDragHandleDisabled", "xDialogDragHandleDisabled"] }], ngImport: i0 }); }
647
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
648
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogDragHandleDirective, isStandalone: true, selector: "[x-dialog-drag-handle], x-dialog-drag-handle", host: { properties: { "class.x-dialog-portal-drag-handle": "this.getDraggable" } }, hostDirectives: [{ directive: i1.CdkDragHandle, inputs: ["cdkDragHandleDisabled", "xDialogDragHandleDisabled"] }], ngImport: i0 }); }
649
649
  }
650
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
650
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogDragHandleDirective, decorators: [{
651
651
  type: Directive,
652
652
  args: [{
653
653
  selector: `[x-dialog-drag-handle], x-dialog-drag-handle`,
@@ -669,10 +669,10 @@ class XDialogFullscreenDirective {
669
669
  onFullscreenClick() {
670
670
  this.dialogRef && this.dialogRef.onFullscreen();
671
671
  }
672
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
673
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDialogFullscreenDirective, isStandalone: true, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 }); }
672
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogFullscreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
673
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDialogFullscreenDirective, isStandalone: true, selector: "[x-dialog-fullscreen], x-dialog-fullscreen", host: { listeners: { "click": "onFullscreenClick($event)" } }, ngImport: i0 }); }
674
674
  }
675
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
675
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogFullscreenDirective, decorators: [{
676
676
  type: Directive,
677
677
  args: [{
678
678
  selector: `[x-dialog-fullscreen], x-dialog-fullscreen`
@@ -741,10 +741,10 @@ class XDialogPortalComponent extends BasePortalOutlet {
741
741
  y: this.distance.y + event.distance.y
742
742
  };
743
743
  }
744
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
745
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.4", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { placement: "placementChange" }, host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.getPlacement" } }, queries: [{ propertyName: "handles", predicate: XDialogDragHandleDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"x-dialog-portal\"\r\n #dragRef\r\n cdkDrag\r\n [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n [cdkDragRootElement]=\"'.cdk-overlay-pane'\"\r\n [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n [style.minWidth]=\"dialogBox['minWidth']\"\r\n [style.minHeight]=\"dialogBox['minHeight']\"\r\n [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0}.x-dialog-portal{width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
744
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
745
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: XDialogPortalComponent, isStandalone: true, selector: "x-dialog-portal", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { placement: "placementChange" }, host: { listeners: { "@x-move-box-animation.done": "done($event)", "@x-move-box-animation.start": "start($event)" }, properties: { "@x-move-box-animation": "this.getPlacement" } }, queries: [{ propertyName: "handles", predicate: XDialogDragHandleDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }, { propertyName: "dragRef", first: true, predicate: CdkDrag, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"x-dialog-portal\"\r\n #dragRef\r\n cdkDrag\r\n [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n [cdkDragRootElement]=\"'.cdk-overlay-pane'\"\r\n [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n [style.minWidth]=\"dialogBox['minWidth']\"\r\n [style.minHeight]=\"dialogBox['minHeight']\"\r\n [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0}.x-dialog-portal{width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
746
746
  }
747
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogPortalComponent, decorators: [{
747
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogPortalComponent, decorators: [{
748
748
  type: Component,
749
749
  args: [{ selector: 'x-dialog-portal', imports: [DragDropModule, PortalModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<div\r\n class=\"x-dialog-portal\"\r\n #dragRef\r\n cdkDrag\r\n [cdkDragBoundary]=\"'.cdk-overlay-container'\"\r\n [cdkDragDisabled]=\"!option.draggable && !dialogBox['draggable']\"\r\n [cdkDragRootElement]=\"'.cdk-overlay-pane'\"\r\n [cdkDragFreeDragPosition]=\"dialogBox['distance']\"\r\n (cdkDragEnded)=\"onDragEnded($event)\"\r\n [style.minWidth]=\"dialogBox['minWidth']\"\r\n [style.minHeight]=\"dialogBox['minHeight']\"\r\n [style.maxWidth]=\"dialogBox['maxWidth']\"\r\n [style.maxHeight]=\"dialogBox['maxHeight']\"\r\n>\r\n <ng-template cdkPortalOutlet></ng-template>\r\n</div>\r\n", styles: [".x-dialog-portal{margin:0;padding:0}.x-dialog-portal{width:100%;height:100%;display:block;padding:1rem;box-sizing:border-box;min-height:inherit;max-height:inherit;background-color:var(--x-background-100);box-shadow:var(--x-box-shadow);border-radius:var(--x-border-small-radius)}.x-dialog-portal-title{font-weight:600;color:var(--x-text-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:3rem;line-height:3rem;display:block;align-items:center;margin:-1rem -1rem 0;padding:0 1rem}.x-dialog-portal-content{display:block;margin:0 -1rem;padding:0 1rem;max-height:70vh;overflow:auto;color:var(--x-text-300);line-height:1.325rem}.x-dialog-portal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-sizing:content-box;margin:0 -1rem -1rem;padding:0 1rem;height:4rem}.x-dialog-portal-actions[align=center]{justify-content:center}.x-dialog-portal-actions[align=start]{justify-content:flex-start}.x-dialog-portal-actions x-button:not(:first-child){margin-left:1rem}.x-dialog-portal-drag-handle{cursor:move}.x-dialog-portal-fullscreen{margin:0!important}.x-dialog-portal-fullscreen .x-dialog-portal{left:0!important;top:0!important;border-radius:0}.x-dialog-portal-fullscreen .x-dialog-portal-content{max-height:calc(100vh - 7rem)!important;height:calc(100vh - 7rem)!important}x-dialog-portal{width:100%;height:100%}\n"] }]
750
750
  }], propDecorators: { getPlacement: [{
@@ -759,8 +759,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
759
759
  }] } });
760
760
 
761
761
  class XDialogModule {
762
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
763
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XDialogModule, imports: [XDialogComponent,
762
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
763
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent,
764
764
  XDialogContainerComponent,
765
765
  XDialogCloseDirective,
766
766
  XDialogTitleDirective,
@@ -775,9 +775,9 @@ class XDialogModule {
775
775
  XDialogActionsDirective,
776
776
  XDialogDragHandleDirective,
777
777
  XDialogFullscreenDirective] }); }
778
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogModule, imports: [XDialogComponent] }); }
778
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogModule, imports: [XDialogComponent] }); }
779
779
  }
780
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogModule, decorators: [{
780
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogModule, decorators: [{
781
781
  type: NgModule,
782
782
  args: [{
783
783
  exports: [
@@ -893,10 +893,10 @@ class XDialogService {
893
893
  }
894
894
  return false;
895
895
  }
896
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
897
- /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogService, providedIn: 'root' }); }
896
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
897
+ /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogService, providedIn: 'root' }); }
898
898
  }
899
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDialogService, decorators: [{
899
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDialogService, decorators: [{
900
900
  type: Injectable,
901
901
  args: [{ providedIn: 'root' }]
902
902
  }], ctorParameters: () => [] });
@@ -12,10 +12,10 @@ class XDocComponent {
12
12
  constructor() {
13
13
  this.className = XDocPrefix;
14
14
  }
15
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDocComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.4", type: XDocComponent, isStandalone: true, selector: "x-doc", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0}.x-doc{padding:0 3rem;display:block;font-size:var(--x-font-size)}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 var(--x-font-size);clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:var(--x-font-size);font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:var(--x-font-size) 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:var(--x-font-size) 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li:not(:first-child){margin-top:.25rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:1rem 1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:var(--x-font-size);background-color:var(--x-background-a100);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{position:relative;padding:0 .5rem;color:var(--x-danger);background:var(--x-danger-900);border-radius:var(--x-border-small-radius);display:inline-block}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
15
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDocComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: XDocComponent, isStandalone: true, selector: "x-doc", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0}.x-doc{padding:0 3rem;display:block;font-size:var(--x-font-size)}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 var(--x-font-size);clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:var(--x-font-size);font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:var(--x-font-size) 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:var(--x-font-size) 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li:not(:first-child){margin-top:.25rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:1rem 1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:var(--x-font-size);background-color:var(--x-background-a100);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{position:relative;padding:0 .5rem;color:var(--x-danger);background:var(--x-danger-900);border-radius:var(--x-border-small-radius);display:inline-block}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDocComponent, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDocComponent, decorators: [{
19
19
  type: Component,
20
20
  args: [{ selector: XDocPrefix, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-doc{margin:0;padding:0}.x-doc{padding:0 3rem;display:block;font-size:var(--x-font-size)}.x-doc>x-anchor>.x-anchor{justify-content:center}.x-doc>x-anchor>.x-anchor>.x-anchor-content{width:calc(100% - 15rem);max-width:55rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h1{font-size:1.5rem;font-weight:500;margin:2.25rem 0 1rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content h2{font-size:1.375rem;font-weight:500;margin:2rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h3{font-size:1.125rem;font-weight:500;margin:1.5rem 0 1rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h4{font-size:1rem;font-weight:500;margin:1.125rem 0 var(--x-font-size);clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content h5{font-size:var(--x-font-size);font-weight:500;margin:1rem 0 .625rem;clear:both}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p{font-weight:400;margin:var(--x-font-size) 0 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul{margin:var(--x-font-size) 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li{list-style-type:circle;margin-left:1.25rem;line-height:1.75rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content>ul>li:not(:first-child){margin-top:.25rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote{margin:0;position:relative;padding:1rem 1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-content blockquote>p{margin:0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>blockquote{margin-top:var(--x-font-size);background-color:var(--x-background-a100);border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border);color:var(--x-text-400)}.x-doc>x-anchor>.x-anchor>.x-anchor-content li>code,.x-doc>x-anchor>.x-anchor>.x-anchor-content p>code{position:relative;padding:0 .5rem;color:var(--x-danger);background:var(--x-danger-900);border-radius:var(--x-border-small-radius);display:inline-block}.x-doc>x-anchor>.x-anchor>.x-anchor-content>p>x-tree-file{font-family:Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre{display:flex;overflow:auto;width:100%}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-text-300);color:var(--x-background-100);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-text-300);text-shadow:none}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-bash:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-text-300)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-primary-900);color:var(--x-primary);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-primary-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-primary:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-primary)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-success-900);color:var(--x-success);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-success-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-success:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-success)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-danger-900);color:var(--x-danger);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-danger-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-danger:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-danger)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-warning-900);color:var(--x-warning);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-warning-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-warning:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-warning)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info{flex:1;position:relative;border-radius:var(--x-border-radius);padding:var(--x-font-size) 1rem;background-color:var(--x-info-900);color:var(--x-info);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-color:var(--x-info-800);text-shadow:none;padding:.5rem .5rem .5rem var(--x-font-size);white-space:normal;font-family:var(--x-font-family)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>pre code.language-info:before{content:\" \";position:absolute;top:calc(var(--x-border-width) * -1);left:calc(var(--x-border-width) * -1);height:calc(100% + var(--x-border-width) * 2);width:.25rem;border-top-left-radius:var(--x-border-radius);border-bottom-left-radius:var(--x-border-radius);background-color:var(--x-info)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table{width:100%;background:var(--x-background);border-collapse:collapse;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>th,.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr>td{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);text-align:left;padding:.5rem 0}.x-doc>x-anchor>.x-anchor>.x-anchor-content>table tr th{white-space:nowrap;color:var(--x-text)}.x-doc>x-anchor>.x-anchor>.x-anchor-affix{padding-left:1.5rem}.x-doc>x-anchor>.x-anchor>.x-anchor-affix .x-link>span{width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
21
21
  }], propDecorators: { className: [{
@@ -24,11 +24,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImpor
24
24
  }] } });
25
25
 
26
26
  class XDocModule {
27
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
28
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XDocModule, imports: [XDocComponent], exports: [XDocComponent] }); }
29
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDocModule }); }
27
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDocModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
28
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XDocModule, imports: [XDocComponent], exports: [XDocComponent] }); }
29
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDocModule }); }
30
30
  }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDocModule, decorators: [{
31
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDocModule, decorators: [{
32
32
  type: NgModule,
33
33
  args: [{
34
34
  exports: [XDocComponent],
@@ -19,10 +19,10 @@ class XDragProperty {
19
19
  this.dragMoved = output();
20
20
  this.dragEnded = output();
21
21
  }
22
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragProperty, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
23
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDragProperty, isStandalone: true, selector: "[x-drag]", outputs: { dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded" }, ngImport: i0 }); }
22
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragProperty, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
23
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDragProperty, isStandalone: true, selector: "[x-drag]", outputs: { dragStarted: "dragStarted", dragMoved: "dragMoved", dragEnded: "dragEnded" }, ngImport: i0 }); }
24
24
  }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragProperty, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragProperty, decorators: [{
26
26
  type: Directive,
27
27
  args: [{ selector: '[x-drag]' }]
28
28
  }] });
@@ -72,20 +72,20 @@ class XDragDirective extends XDragProperty {
72
72
  this.unSubject.next();
73
73
  this.unSubject.complete();
74
74
  }
75
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
76
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.4", type: XDragDirective, isStandalone: true, selector: "[x-drag]", usesInheritance: true, ngImport: i0 }); }
75
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
76
+ /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: XDragDirective, isStandalone: true, selector: "[x-drag]", usesInheritance: true, ngImport: i0 }); }
77
77
  }
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragDirective, decorators: [{
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragDirective, decorators: [{
79
79
  type: Directive,
80
80
  args: [{ selector: '[x-drag]' }]
81
81
  }] });
82
82
 
83
83
  class XDragModule {
84
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
85
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XDragModule, imports: [XDragDirective], exports: [XDragDirective] }); }
86
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragModule }); }
84
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
85
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: XDragModule, imports: [XDragDirective], exports: [XDragDirective] }); }
86
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragModule }); }
87
87
  }
88
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XDragModule, decorators: [{
88
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: XDragModule, decorators: [{
89
89
  type: NgModule,
90
90
  args: [{
91
91
  exports: [XDragDirective],