@ng-nest/ui 13.0.8 → 13.0.9

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 (78) hide show
  1. package/collapse/collapse.property.d.ts +16 -1
  2. package/collapse/examples/en_US/default/ghost/README.md +6 -0
  3. package/collapse/examples/en_US/default/icon/README.md +6 -0
  4. package/collapse/examples/zh_CN/default/ghost/README.md +6 -0
  5. package/collapse/examples/zh_CN/default/icon/README.md +6 -0
  6. package/core/animation/connect.d.ts +1 -0
  7. package/core/config/config.d.ts +2 -0
  8. package/esm2020/collapse/collapse-panel.component.mjs +4 -3
  9. package/esm2020/collapse/collapse.component.mjs +3 -3
  10. package/esm2020/collapse/collapse.property.mjs +18 -3
  11. package/esm2020/core/animation/connect.mjs +17 -9
  12. package/esm2020/core/config/config.mjs +1 -1
  13. package/esm2020/dropdown/dropdown.component.mjs +5 -2
  14. package/esm2020/popover/popover.directive.mjs +13 -5
  15. package/esm2020/popover/popover.property.mjs +16 -2
  16. package/esm2020/slider/slider.component.mjs +5 -3
  17. package/esm2020/slider/slider.property.mjs +1 -1
  18. package/esm2020/table/table.component.mjs +7 -3
  19. package/esm2020/table/table.property.mjs +9 -2
  20. package/esm2020/tabs/tabs.component.mjs +4 -4
  21. package/esm2020/tabs/tabs.property.mjs +7 -2
  22. package/esm2020/tag/tag.component.mjs +33 -7
  23. package/esm2020/tag/tag.property.mjs +18 -2
  24. package/esm2020/timeline/timeline.component.mjs +20 -3
  25. package/esm2020/timeline/timeline.property.mjs +1 -1
  26. package/fesm2015/ng-nest-ui-collapse.mjs +22 -6
  27. package/fesm2015/ng-nest-ui-collapse.mjs.map +1 -1
  28. package/fesm2015/ng-nest-ui-core.mjs +17 -9
  29. package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
  30. package/fesm2015/ng-nest-ui-dropdown.mjs +4 -1
  31. package/fesm2015/ng-nest-ui-dropdown.mjs.map +1 -1
  32. package/fesm2015/ng-nest-ui-popover.mjs +27 -5
  33. package/fesm2015/ng-nest-ui-popover.mjs.map +1 -1
  34. package/fesm2015/ng-nest-ui-slider.mjs +4 -2
  35. package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
  36. package/fesm2015/ng-nest-ui-table.mjs +14 -3
  37. package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
  38. package/fesm2015/ng-nest-ui-tabs.mjs +9 -4
  39. package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
  40. package/fesm2015/ng-nest-ui-tag.mjs +49 -7
  41. package/fesm2015/ng-nest-ui-tag.mjs.map +1 -1
  42. package/fesm2015/ng-nest-ui-timeline.mjs +19 -2
  43. package/fesm2015/ng-nest-ui-timeline.mjs.map +1 -1
  44. package/fesm2020/ng-nest-ui-collapse.mjs +22 -6
  45. package/fesm2020/ng-nest-ui-collapse.mjs.map +1 -1
  46. package/fesm2020/ng-nest-ui-core.mjs +17 -9
  47. package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
  48. package/fesm2020/ng-nest-ui-dropdown.mjs +4 -1
  49. package/fesm2020/ng-nest-ui-dropdown.mjs.map +1 -1
  50. package/fesm2020/ng-nest-ui-popover.mjs +27 -5
  51. package/fesm2020/ng-nest-ui-popover.mjs.map +1 -1
  52. package/fesm2020/ng-nest-ui-slider.mjs +4 -2
  53. package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
  54. package/fesm2020/ng-nest-ui-table.mjs +14 -3
  55. package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
  56. package/fesm2020/ng-nest-ui-tabs.mjs +9 -4
  57. package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
  58. package/fesm2020/ng-nest-ui-tag.mjs +49 -7
  59. package/fesm2020/ng-nest-ui-tag.mjs.map +1 -1
  60. package/fesm2020/ng-nest-ui-timeline.mjs +19 -2
  61. package/fesm2020/ng-nest-ui-timeline.mjs.map +1 -1
  62. package/package.json +1 -1
  63. package/popover/popover.directive.d.ts +1 -0
  64. package/popover/popover.property.d.ts +11 -1
  65. package/slider/slider.property.d.ts +5 -0
  66. package/table/table.component.d.ts +1 -0
  67. package/table/table.property.d.ts +11 -1
  68. package/tabs/tabs.property.d.ts +16 -1
  69. package/tag/examples/en_US/default/checked/README.md +6 -0
  70. package/tag/examples/en_US/default/color/README.md +6 -0
  71. package/tag/examples/zh_CN/default/checked/README.md +6 -0
  72. package/tag/examples/zh_CN/default/color/README.md +6 -0
  73. package/tag/tag.component.d.ts +5 -0
  74. package/tag/tag.property.d.ts +23 -1
  75. package/timeline/examples/en_US/default/loading/README.md +6 -0
  76. package/timeline/examples/zh_CN/default/loading/README.md +6 -0
  77. package/timeline/timeline.component.d.ts +1 -0
  78. package/timeline/timeline.property.d.ts +16 -1
@@ -25,10 +25,15 @@ export class XTagProperty extends XProperty {
25
25
  * @en_US Click to close the event
26
26
  */
27
27
  this.close = new EventEmitter();
28
+ /**
29
+ * @zh_CN 选中事件
30
+ * @en_US Selected event
31
+ */
32
+ this.selectedChange = new EventEmitter();
28
33
  }
29
34
  }
30
35
  /** @nocollapse */ /** @nocollapse */ XTagProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
31
- /** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled" }, outputs: { close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
36
+ /** @nocollapse */ /** @nocollapse */ XTagProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagProperty, selector: "ng-component", inputs: { type: "type", size: "size", bordered: "bordered", closable: "closable", dark: "dark", disabled: "disabled", checked: "checked", selected: "selected", style: "style" }, outputs: { close: "close", selectedChange: "selectedChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
32
37
  __decorate([
33
38
  XWithConfig(X_CONFIG_NAME, 'medium')
34
39
  ], XTagProperty.prototype, "size", void 0);
@@ -47,6 +52,9 @@ __decorate([
47
52
  __decorate([
48
53
  XInputBoolean()
49
54
  ], XTagProperty.prototype, "disabled", void 0);
55
+ __decorate([
56
+ XInputBoolean()
57
+ ], XTagProperty.prototype, "checked", void 0);
50
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagProperty, decorators: [{
51
59
  type: Component,
52
60
  args: [{ template: '' }]
@@ -62,7 +70,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
62
70
  type: Input
63
71
  }], disabled: [{
64
72
  type: Input
73
+ }], checked: [{
74
+ type: Input
75
+ }], selected: [{
76
+ type: Input
77
+ }], style: [{
78
+ type: Input
65
79
  }], close: [{
66
80
  type: Output
81
+ }], selectedChange: [{
82
+ type: Output
67
83
  }] } });
68
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGFnL3RhZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQztBQUU1Qjs7R0FFRztBQUVILE1BQU0sT0FBTyxZQUFhLFNBQVEsU0FBUztJQUQzQzs7UUFFRTs7O1dBR0c7UUFDTSxTQUFJLEdBQVUsU0FBUyxDQUFDO1FBMEJqQzs7O1dBR0c7UUFDTyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQUM1Qzs7K0lBcENZLFlBQVk7bUlBQVosWUFBWSxnT0FERixFQUFFO0FBVytCO0lBQTVDLFdBQVcsQ0FBUSxhQUFhLEVBQUUsUUFBUSxDQUFDOzBDQUFjO0FBS0c7SUFBNUQsYUFBYSxFQUFFO0lBQUUsV0FBVyxDQUFXLGFBQWEsRUFBRSxJQUFJLENBQUM7OENBQXFCO0FBSzFCO0lBQXRELFdBQVcsQ0FBVyxhQUFhLENBQUM7SUFBRSxhQUFhLEVBQUU7OENBQXFCO0FBS3BCO0lBQXRELFdBQVcsQ0FBVyxhQUFhLENBQUM7SUFBRSxhQUFhLEVBQUU7MENBQWlCO0FBS3REO0lBQWhCLGFBQWEsRUFBRTs4Q0FBcUI7MkZBOUJuQyxZQUFZO2tCQUR4QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsSUFBSTtzQkFBWixLQUFLO2dCQUtnRCxJQUFJO3NCQUF6RCxLQUFLO2dCQUtnRSxRQUFRO3NCQUE3RSxLQUFLO2dCQUswRCxRQUFRO3NCQUF2RSxLQUFLO2dCQUswRCxJQUFJO3NCQUFuRSxLQUFLO2dCQUtvQixRQUFRO3NCQUFqQyxLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhUeXBlLCBYU2l6ZSwgWFByb3BlcnR5LCBYSW5wdXRCb29sZWFuLCBYQm9vbGVhbiwgWFdpdGhDb25maWcgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUYWdcclxuICogQHNlbGVjdG9yIHgtdGFnXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWFRhZ1ByZWZpeCA9ICd4LXRhZyc7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAndGFnJztcclxuXHJcbi8qKlxyXG4gKiBUYWcgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhUYWdQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+etvuagt+W8j+exu+Wei1xyXG4gICAqIEBlbl9VUyBMYWJlbCBzdHlsZSB0eXBlXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZTogWFR5cGUgPSAnaW5pdGlhbCc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhTaXplPihYX0NPTkZJR19OQU1FLCAnbWVkaXVtJykgc2l6ZT86IFhTaXplO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrovrnmoYZcclxuICAgKiBAZW5fVVMgRGlzcGxheSBCb3JkZXJcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9DT05GSUdfTkFNRSwgdHJ1ZSkgYm9yZGVyZWQhOiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pi+56S65YWz6Zet5oyJ6ZKuXHJcbiAgICogQGVuX1VTIFNob3cgY2xvc2UgYnV0dG9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FKSBAWElucHV0Qm9vbGVhbigpIGNsb3NhYmxlPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOa3seiJsuS4u+mimFxyXG4gICAqIEBlbl9VUyBEYXJrIHRoZW1lXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FKSBAWElucHV0Qm9vbGVhbigpIGRhcms/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g56aB55SoXHJcbiAgICogQGVuX1VTIERpc2FibGVkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBkaXNhYmxlZD86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDngrnlh7vlhbPpl63nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgQ2xpY2sgdG8gY2xvc2UgdGhlIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG59XHJcbiJdfQ==
84
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGFnL3RhZy5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFnQixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsT0FBTyxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQztBQUU1Qjs7R0FFRztBQUVILE1BQU0sT0FBTyxZQUFhLFNBQVEsU0FBUztJQUQzQzs7UUFFRTs7O1dBR0c7UUFDTSxTQUFJLEdBQVUsU0FBUyxDQUFDO1FBeUNqQzs7O1dBR0c7UUFDTyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUMzQzs7O1dBR0c7UUFDTyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FDeEQ7OytJQXhEWSxZQUFZO21JQUFaLFlBQVksNFRBREYsRUFBRTtBQVcrQjtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzswQ0FBYztBQUtHO0lBQTVELGFBQWEsRUFBRTtJQUFFLFdBQVcsQ0FBVyxhQUFhLEVBQUUsSUFBSSxDQUFDOzhDQUFxQjtBQUsxQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzhDQUFxQjtBQUtwQjtJQUF0RCxXQUFXLENBQVcsYUFBYSxDQUFDO0lBQUUsYUFBYSxFQUFFOzBDQUFpQjtBQUt0RDtJQUFoQixhQUFhLEVBQUU7OENBQXFCO0FBS3BCO0lBQWhCLGFBQWEsRUFBRTs2Q0FBb0I7MkZBbkNsQyxZQUFZO2tCQUR4QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsSUFBSTtzQkFBWixLQUFLO2dCQUtnRCxJQUFJO3NCQUF6RCxLQUFLO2dCQUtnRSxRQUFRO3NCQUE3RSxLQUFLO2dCQUswRCxRQUFRO3NCQUF2RSxLQUFLO2dCQUswRCxJQUFJO3NCQUFuRSxLQUFLO2dCQUtvQixRQUFRO3NCQUFqQyxLQUFLO2dCQUtvQixPQUFPO3NCQUFoQyxLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTTtnQkFLRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFR5cGUsIFhTaXplLCBYUHJvcGVydHksIFhJbnB1dEJvb2xlYW4sIFhCb29sZWFuLCBYV2l0aENvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRhZ1xyXG4gKiBAc2VsZWN0b3IgeC10YWdcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbmV4cG9ydCBjb25zdCBYVGFnUHJlZml4ID0gJ3gtdGFnJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0YWcnO1xyXG5cclxuLyoqXHJcbiAqIFRhZyBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWFRhZ1Byb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qCH562+5qC35byP57G75Z6LXHJcbiAgICogQGVuX1VTIExhYmVsIHN0eWxlIHR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlOiBYVHlwZSA9ICdpbml0aWFsJztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFNpemU+KFhfQ09ORklHX05BTUUsICdtZWRpdW0nKSBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekuui+ueahhlxyXG4gICAqIEBlbl9VUyBEaXNwbGF5IEJvcmRlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0NPTkZJR19OQU1FLCB0cnVlKSBib3JkZXJlZCE6IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLrlhbPpl63mjInpkq5cclxuICAgKiBAZW5fVVMgU2hvdyBjbG9zZSBidXR0b25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgY2xvc2FibGU/OiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5rex6Imy5Li76aKYXHJcbiAgICogQGVuX1VTIERhcmsgdGhlbWVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WEJvb2xlYW4+KFhfQ09ORklHX05BTUUpIEBYSW5wdXRCb29sZWFuKCkgZGFyaz86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDnpoHnlKhcclxuICAgKiBAZW5fVVMgRGlzYWJsZWRcclxuICAgKi9cclxuICBASW5wdXQoKSBAWElucHV0Qm9vbGVhbigpIGRpc2FibGVkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWPr+mAieaLqeagh+etvlxyXG4gICAqIEBlbl9VUyBjaGVja2VkXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhJbnB1dEJvb2xlYW4oKSBjaGVja2VkPzogWEJvb2xlYW47XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4rVxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNlbGVjdGVkPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5qC35byPXHJcbiAgICogQGVuX1VTIFN0eWxlXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3R5bGU/OiB7IFtjc3NTdHlsZTogc3RyaW5nXTogYW55IH07XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+WFs+mXreeahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBDbGljayB0byBjbG9zZSB0aGUgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOmAieS4reS6i+S7tlxyXG4gICAqIEBlbl9VUyBTZWxlY3RlZCBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxufVxyXG4iXX0=
@@ -33,15 +33,32 @@ export class XTimelineComponent extends XTimelineProperty {
33
33
  }
34
34
  setData() {
35
35
  XSetData(this.data, this._unSubject).subscribe((x) => {
36
+ this.setDashed(x);
36
37
  this.nodes = x;
37
38
  this.cdr.detectChanges();
38
39
  });
39
40
  }
41
+ setDashed(nodes) {
42
+ const len = nodes.length;
43
+ if (len <= 1)
44
+ return;
45
+ for (let i = 0; i < nodes.length; i++) {
46
+ let node = nodes[i];
47
+ if (!node.loading)
48
+ continue;
49
+ if (i === 0) {
50
+ node.dashed = true;
51
+ }
52
+ else if (i > 0) {
53
+ nodes[i - 1].dashed = true;
54
+ }
55
+ }
56
+ }
40
57
  }
41
58
  /** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTimelineComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
42
- /** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTimelineComponent, selector: "x-timeline", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <div class=\"x-timeline-tail\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{\r\n node.size ? 'x-timeline-' + node.size : ''\r\n }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }, { type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], pipes: { "xTimeAgo": i6.XTimeAgoPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
59
+ /** @nocollapse */ /** @nocollapse */ XTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTimelineComponent, selector: "x-timeline", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline>ul>li:first-child .x-timeline-tail{top:1.25rem}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-tail-dashed{border-left-style:dashed}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-loading .x-timeline-icon{color:var(--x-text-400);font-size:1.25rem;background-color:transparent!important}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }, { type: i3.XLinkComponent, selector: "x-link" }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], pipes: { "xTimeAgo": i6.XTimeAgoPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
43
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTimelineComponent, decorators: [{
44
61
  type: Component,
45
- args: [{ selector: `${XTimelinePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <div class=\"x-timeline-tail\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{\r\n node.size ? 'x-timeline-' + node.size : ''\r\n }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"] }]
62
+ args: [{ selector: `${XTimelinePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #timeline class=\"x-timeline\" [ngClass]=\"classMap\">\r\n <ul>\r\n <li *ngFor=\"let node of nodes; trackBy: trackByNode\" [class.x-timeline-loading]=\"node.loading\">\r\n <div class=\"x-timeline-tail\" [class.x-timeline-tail-dashed]=\"node.dashed\"></div>\r\n <div\r\n class=\"x-timeline-icon {{ node.type ? 'x-timeline-' + node.type : '' }} {{ node.size ? 'x-timeline-' + node.size : '' }}\"\r\n [style.background-color]=\"node.color\"\r\n >\r\n <x-icon *ngIf=\"node.icon && !node.loading\" [type]=\"node.icon\"></x-icon>\r\n <x-icon *ngIf=\"node.loading\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n </div>\r\n <div class=\"x-timeline-wrapper\">\r\n <ng-container *xOutlet=\"wrapper; context: { $node: node }\">\r\n <div class=\"x-timeline-label\">\r\n <x-link *ngIf=\"node.label\">{{ node.label }}</x-link>\r\n <span class=\"x-timeline-time\">{{ node.time | xTimeAgo }}</span>\r\n </div>\r\n <div class=\"x-timeline-content\">{{ node.content }}</div>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".x-timeline{margin:0;padding:0;display:block}.x-timeline>ul{padding-left:.625rem}.x-timeline>ul>li{padding-bottom:1rem;position:relative}.x-timeline>ul>li:last-child .x-timeline-tail{border-left-color:transparent}.x-timeline>ul>li:first-child .x-timeline-tail{top:1.25rem}.x-timeline-tail{position:absolute;height:100%;border-left:.125rem solid var(--x-border)}.x-timeline-tail-dashed{border-left-style:dashed}.x-timeline-icon{position:absolute;background-color:var(--x-border);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--x-white);width:1.375rem;height:1.375rem;border:.0625rem solid var(--x-background-100);left:-.625rem}.x-timeline-wrapper{position:relative;padding-left:1.625rem}.x-timeline-label{display:flex;align-items:center;margin-bottom:.125rem}.x-timeline-label>x-link{margin-right:.325rem}.x-timeline-content{color:var(--x-text-300)}.x-timeline-time{font-size:.75rem;color:var(--x-text-400)}.x-timeline-loading .x-timeline-icon{color:var(--x-text-400);font-size:1.25rem;background-color:transparent!important}.x-timeline-primary{background-color:var(--x-primary)}.x-timeline-success{background-color:var(--x-success)}.x-timeline-warning{background-color:var(--x-warning)}.x-timeline-danger{background-color:var(--x-danger)}.x-timeline-info{background-color:var(--x-info)}.x-timeline-big{width:2.175rem;height:2.175rem;left:-1.025rem;font-size:1.55rem}.x-timeline-large{width:1.875rem;height:1.875rem;left:-.875rem;font-size:1.25rem}.x-timeline-medium{width:1.675rem;height:1.675rem;left:-.775rem;font-size:1.05rem}.x-timeline-small{width:1.5rem;height:1.5rem;left:-.6875rem;font-size:.875rem}.x-timeline-mini{width:1.375rem;height:1.375rem;left:-.625rem;font-size:.75rem}\n"] }]
46
63
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
47
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFJakIsdUJBQXVCLEVBR3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWtCLE1BQU0sa0JBQWtCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7QUFTL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjtJQUd2RCxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLGFBQTZCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBTEQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQU50QyxVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUNwQixlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQVF6QyxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFYixXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUN6QixTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXLENBQUMsTUFBYyxFQUFFLElBQW1CO1FBQzdDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU8sT0FBTztRQUNiLFFBQVEsQ0FBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEUsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7cUpBakNVLGtCQUFrQjt5SUFBbEIsa0JBQWtCLDhGQ3RCL0IsNjlCQXdCQTsyRkRGYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsR0FBRyxlQUFlLEVBQUUsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIE9uQ2hhbmdlc1xyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYVGltZWxpbmVQcmVmaXgsIFhUaW1lbGluZU5vZGUsIFhUaW1lbGluZVByb3BlcnR5IH0gZnJvbSAnLi90aW1lbGluZS5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWFNldERhdGEsIFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYVGltZWxpbmVQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFRpbWVsaW5lQ29tcG9uZW50IGV4dGVuZHMgWFRpbWVsaW5lUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgbm9kZXM6IFhUaW1lbGluZU5vZGVbXSA9IFtdO1xyXG4gIHByaXZhdGUgX3VuU3ViamVjdCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgcHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHsgZGF0YSB9ID0gY2hhbmdlcztcclxuICAgIFhJc0NoYW5nZShkYXRhKSAmJiB0aGlzLnNldERhdGEoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgdHJhY2tCeU5vZGUoX2luZGV4OiBudW1iZXIsIGl0ZW06IFhUaW1lbGluZU5vZGUpIHtcclxuICAgIHJldHVybiBpdGVtLmlkO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREYXRhKCkge1xyXG4gICAgWFNldERhdGE8WFRpbWVsaW5lTm9kZT4odGhpcy5kYXRhLCB0aGlzLl91blN1YmplY3QpLnN1YnNjcmliZSgoeCkgPT4ge1xyXG4gICAgICB0aGlzLm5vZGVzID0geDtcclxuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgI3RpbWVsaW5lIGNsYXNzPVwieC10aW1lbGluZVwiIFtuZ0NsYXNzXT1cImNsYXNzTWFwXCI+XHJcbiAgPHVsPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBub2RlIG9mIG5vZGVzOyB0cmFja0J5OiB0cmFja0J5Tm9kZVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS10YWlsXCI+PC9kaXY+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cIngtdGltZWxpbmUtaWNvbiB7eyBub2RlLnR5cGUgPyAneC10aW1lbGluZS0nICsgbm9kZS50eXBlIDogJycgfX0ge3tcclxuICAgICAgICAgIG5vZGUuc2l6ZSA/ICd4LXRpbWVsaW5lLScgKyBub2RlLnNpemUgOiAnJ1xyXG4gICAgICAgIH19XCJcclxuICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJub2RlLmNvbG9yXCJcclxuICAgICAgPlxyXG4gICAgICAgIDx4LWljb24gKm5nSWY9XCJub2RlLmljb25cIiBbdHlwZV09XCJub2RlLmljb25cIj48L3gtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ4LXRpbWVsaW5lLXdyYXBwZXJcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICp4T3V0bGV0PVwid3JhcHBlcjsgY29udGV4dDogeyAkbm9kZTogbm9kZSB9XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS1sYWJlbFwiPlxyXG4gICAgICAgICAgICA8eC1saW5rICpuZ0lmPVwibm9kZS5sYWJlbFwiPnt7IG5vZGUubGFiZWwgfX08L3gtbGluaz5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ4LXRpbWVsaW5lLXRpbWVcIj57eyBub2RlLnRpbWUgfCB4VGltZUFnbyB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIngtdGltZWxpbmUtY29udGVudFwiPnt7IG5vZGUuY29udGVudCB9fTwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbGk+XHJcbiAgPC91bD5cclxuPC9kaXY+XHJcbiJdfQ==
64
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxpQkFBaUIsRUFJakIsdUJBQXVCLEVBR3hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWtCLE1BQU0sa0JBQWtCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7QUFTL0IsTUFBTSxPQUFPLGtCQUFtQixTQUFRLGlCQUFpQjtJQUd2RCxZQUNTLFFBQW1CLEVBQ25CLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ3RCLGFBQTZCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBTEQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUNuQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQU50QyxVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUNwQixlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQVF6QyxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFYixXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUN6QixTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXLENBQUMsTUFBYyxFQUFFLElBQW1CO1FBQzdDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU8sT0FBTztRQUNiLFFBQVEsQ0FBZ0IsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDbEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUNsQixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUNmLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sU0FBUyxDQUFDLEtBQXNCO1FBQ3RDLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDekIsSUFBSSxHQUFHLElBQUksQ0FBQztZQUFFLE9BQU87UUFDckIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsSUFBSSxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTztnQkFBRSxTQUFTO1lBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDWCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQzthQUNwQjtpQkFBTSxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ2hCLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQzthQUM1QjtTQUNGO0lBQ0gsQ0FBQzs7cUpBaERVLGtCQUFrQjt5SUFBbEIsa0JBQWtCLDhGQ3RCL0IseW9DQXVCQTsyRkREYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsR0FBRyxlQUFlLEVBQUUsaUJBR2YsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBSZW5kZXJlcjIsXHJcbiAgRWxlbWVudFJlZixcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBTaW1wbGVDaGFuZ2VzLFxyXG4gIE9uQ2hhbmdlc1xyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYVGltZWxpbmVQcmVmaXgsIFhUaW1lbGluZU5vZGUsIFhUaW1lbGluZVByb3BlcnR5IH0gZnJvbSAnLi90aW1lbGluZS5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IFhJc0NoYW5nZSwgWFNldERhdGEsIFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBgJHtYVGltZWxpbmVQcmVmaXh9YCxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWFRpbWVsaW5lQ29tcG9uZW50IGV4dGVuZHMgWFRpbWVsaW5lUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgbm9kZXM6IFhUaW1lbGluZU5vZGVbXSA9IFtdO1xyXG4gIHByaXZhdGUgX3VuU3ViamVjdCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgcHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHsgZGF0YSB9ID0gY2hhbmdlcztcclxuICAgIFhJc0NoYW5nZShkYXRhKSAmJiB0aGlzLnNldERhdGEoKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fdW5TdWJqZWN0Lm5leHQoKTtcclxuICAgIHRoaXMuX3VuU3ViamVjdC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxuXHJcbiAgdHJhY2tCeU5vZGUoX2luZGV4OiBudW1iZXIsIGl0ZW06IFhUaW1lbGluZU5vZGUpIHtcclxuICAgIHJldHVybiBpdGVtLmlkO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREYXRhKCkge1xyXG4gICAgWFNldERhdGE8WFRpbWVsaW5lTm9kZT4odGhpcy5kYXRhLCB0aGlzLl91blN1YmplY3QpLnN1YnNjcmliZSgoeCkgPT4ge1xyXG4gICAgICB0aGlzLnNldERhc2hlZCh4KTtcclxuICAgICAgdGhpcy5ub2RlcyA9IHg7XHJcbiAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXREYXNoZWQobm9kZXM6IFhUaW1lbGluZU5vZGVbXSkge1xyXG4gICAgY29uc3QgbGVuID0gbm9kZXMubGVuZ3RoO1xyXG4gICAgaWYgKGxlbiA8PSAxKSByZXR1cm47XHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IG5vZGVzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgIGxldCBub2RlID0gbm9kZXNbaV07XHJcbiAgICAgIGlmICghbm9kZS5sb2FkaW5nKSBjb250aW51ZTtcclxuICAgICAgaWYgKGkgPT09IDApIHtcclxuICAgICAgICBub2RlLmRhc2hlZCA9IHRydWU7XHJcbiAgICAgIH0gZWxzZSBpZiAoaSA+IDApIHtcclxuICAgICAgICBub2Rlc1tpIC0gMV0uZGFzaGVkID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICN0aW1lbGluZSBjbGFzcz1cIngtdGltZWxpbmVcIiBbbmdDbGFzc109XCJjbGFzc01hcFwiPlxyXG4gIDx1bD5cclxuICAgIDxsaSAqbmdGb3I9XCJsZXQgbm9kZSBvZiBub2RlczsgdHJhY2tCeTogdHJhY2tCeU5vZGVcIiBbY2xhc3MueC10aW1lbGluZS1sb2FkaW5nXT1cIm5vZGUubG9hZGluZ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS10YWlsXCIgW2NsYXNzLngtdGltZWxpbmUtdGFpbC1kYXNoZWRdPVwibm9kZS5kYXNoZWRcIj48L2Rpdj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwieC10aW1lbGluZS1pY29uIHt7IG5vZGUudHlwZSA/ICd4LXRpbWVsaW5lLScgKyBub2RlLnR5cGUgOiAnJyB9fSB7eyBub2RlLnNpemUgPyAneC10aW1lbGluZS0nICsgbm9kZS5zaXplIDogJycgfX1cIlxyXG4gICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cIm5vZGUuY29sb3JcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPHgtaWNvbiAqbmdJZj1cIm5vZGUuaWNvbiAmJiAhbm9kZS5sb2FkaW5nXCIgW3R5cGVdPVwibm9kZS5pY29uXCI+PC94LWljb24+XHJcbiAgICAgICAgPHgtaWNvbiAqbmdJZj1cIm5vZGUubG9hZGluZ1wiIHR5cGU9XCJmdG8tbG9hZGVyXCIgW3NwaW5dPVwidHJ1ZVwiPjwveC1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIngtdGltZWxpbmUtd3JhcHBlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKnhPdXRsZXQ9XCJ3cmFwcGVyOyBjb250ZXh0OiB7ICRub2RlOiBub2RlIH1cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ4LXRpbWVsaW5lLWxhYmVsXCI+XHJcbiAgICAgICAgICAgIDx4LWxpbmsgKm5nSWY9XCJub2RlLmxhYmVsXCI+e3sgbm9kZS5sYWJlbCB9fTwveC1saW5rPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIngtdGltZWxpbmUtdGltZVwiPnt7IG5vZGUudGltZSB8IHhUaW1lQWdvIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwieC10aW1lbGluZS1jb250ZW50XCI+e3sgbm9kZS5jb250ZW50IH19PC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9saT5cclxuICA8L3VsPlxyXG48L2Rpdj5cclxuIl19
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
42
42
  }], wrapper: [{
43
43
  type: Input
44
44
  }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90aW1lbGluZS90aW1lbGluZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFrQyxTQUFTLEVBQXFCLFlBQVksRUFBRSxXQUFXLEVBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsSSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRWpDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUFEaEQ7O1FBRUU7OztXQUdHO1FBQ3NCLFNBQUksR0FBeUIsRUFBRSxDQUFDO0tBZ0IxRDs7b0pBckJZLGlCQUFpQjt3SUFBakIsaUJBQWlCLHFKQURQLEVBQUU7QUFNRTtJQUFmLFlBQVksRUFBRTsrQ0FBaUM7QUFVSDtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzsrQ0FBYzsyRkFmeEQsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNQSxJQUFJO3NCQUE1QixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLZ0QsSUFBSTtzQkFBekQsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYVHlwZSwgWFNpemUsIFhEYXRhLCBYVGVtcGxhdGUsIFhQcm9wZXJ0eSwgWElkZW50aXR5UHJvcGVydHksIFhEYXRhQ29udmVydCwgWFdpdGhDb25maWcsIFhEYXRlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaW1lbGluZVxyXG4gKiBAc2VsZWN0b3IgeC10aW1lbGluZVxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhUaW1lbGluZVByZWZpeCA9ICd4LXRpbWVsaW5lJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0aW1lbGluZSc7XHJcblxyXG4vKipcclxuICogVGltZWxpbmUgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhUaW1lbGluZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2uXHJcbiAgICogQGVuX1VTIERhdGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWERhdGFDb252ZXJ0KCkgZGF0YTogWERhdGE8WFRpbWVsaW5lTm9kZT4gPSBbXTtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIFR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlPzogWFR5cGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhTaXplPihYX0NPTkZJR19OQU1FLCAnbWVkaXVtJykgc2l6ZT86IFhTaXplO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhoXlrrnmqKHmnb9cclxuICAgKiBAZW5fVVMgQ29udGVudCB0ZW1wbGF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHdyYXBwZXI/OiBYVGVtcGxhdGU7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04gVGltZWxpbmUg5pWw5o2u5a+56LGhXHJcbiAqIEBlbl9VUyBUaW1lbGluZSDmlbDmja7lr7nosaFcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFRpbWVsaW5lTm9kZSBleHRlbmRzIFhJZGVudGl0eVByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pe26Ze0XHJcbiAgICogQGVuX1VTIFRpbWVcclxuICAgKi9cclxuICB0aW1lPzogWERhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWGheWuuVxyXG4gICAqIEBlbl9VUyBDb250ZW50XHJcbiAgICovXHJcbiAgY29udGVudD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOexu+Wei1xyXG4gICAqIEBlbl9VUyBUeXBlXHJcbiAgICovXHJcbiAgdHlwZT86IFhUeXBlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77moIdcclxuICAgKiBAZW5fVVMgSWNvblxyXG4gICAqL1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOminOiJslxyXG4gICAqIEBlbl9VUyBDb2xvclxyXG4gICAqL1xyXG4gIGNvbG9yPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUucHJvcGVydHkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS90aW1lbGluZS90aW1lbGluZS5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFrQyxTQUFTLEVBQXFCLFlBQVksRUFBRSxXQUFXLEVBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUNsSSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUM7QUFDNUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBRWpDOztHQUVHO0FBRUgsTUFBTSxPQUFPLGlCQUFrQixTQUFRLFNBQVM7SUFEaEQ7O1FBRUU7OztXQUdHO1FBQ3NCLFNBQUksR0FBeUIsRUFBRSxDQUFDO0tBZ0IxRDs7b0pBckJZLGlCQUFpQjt3SUFBakIsaUJBQWlCLHFKQURQLEVBQUU7QUFNRTtJQUFmLFlBQVksRUFBRTsrQ0FBaUM7QUFVSDtJQUE1QyxXQUFXLENBQVEsYUFBYSxFQUFFLFFBQVEsQ0FBQzsrQ0FBYzsyRkFmeEQsaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNQSxJQUFJO3NCQUE1QixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLZ0QsSUFBSTtzQkFBekQsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYVHlwZSwgWFNpemUsIFhEYXRhLCBYVGVtcGxhdGUsIFhQcm9wZXJ0eSwgWElkZW50aXR5UHJvcGVydHksIFhEYXRhQ29udmVydCwgWFdpdGhDb25maWcsIFhEYXRlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBUaW1lbGluZVxyXG4gKiBAc2VsZWN0b3IgeC10aW1lbGluZVxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhUaW1lbGluZVByZWZpeCA9ICd4LXRpbWVsaW5lJztcclxuY29uc3QgWF9DT05GSUdfTkFNRSA9ICd0aW1lbGluZSc7XHJcblxyXG4vKipcclxuICogVGltZWxpbmUgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhUaW1lbGluZVByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2uXHJcbiAgICogQGVuX1VTIERhdGVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWERhdGFDb252ZXJ0KCkgZGF0YTogWERhdGE8WFRpbWVsaW5lTm9kZT4gPSBbXTtcclxuICAvKipcclxuICAgKiBAemhfQ04g57G75Z6LXHJcbiAgICogQGVuX1VTIFR5cGVcclxuICAgKi9cclxuICBASW5wdXQoKSB0eXBlPzogWFR5cGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuFxyXG4gICAqIEBlbl9VUyBTaXplXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhTaXplPihYX0NPTkZJR19OQU1FLCAnbWVkaXVtJykgc2l6ZT86IFhTaXplO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhoXlrrnmqKHmnb9cclxuICAgKiBAZW5fVVMgQ29udGVudCB0ZW1wbGF0ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHdyYXBwZXI/OiBYVGVtcGxhdGU7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBAemhfQ04gVGltZWxpbmUg5pWw5o2u5a+56LGhXHJcbiAqIEBlbl9VUyBUaW1lbGluZSBub2RlIGRhdGFcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgWFRpbWVsaW5lTm9kZSBleHRlbmRzIFhJZGVudGl0eVByb3BlcnR5IHtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pe26Ze0XHJcbiAgICogQGVuX1VTIFRpbWVcclxuICAgKi9cclxuICB0aW1lPzogWERhdGU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWGheWuuVxyXG4gICAqIEBlbl9VUyBDb250ZW50XHJcbiAgICovXHJcbiAgY29udGVudD86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+4XHJcbiAgICogQGVuX1VTIFNpemVcclxuICAgKi9cclxuICBzaXplPzogWFNpemU7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOexu+Wei1xyXG4gICAqIEBlbl9VUyBUeXBlXHJcbiAgICovXHJcbiAgdHlwZT86IFhUeXBlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlm77moIdcclxuICAgKiBAZW5fVVMgSWNvblxyXG4gICAqL1xyXG4gIGljb24/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOminOiJslxyXG4gICAqIEBlbl9VUyBDb2xvclxyXG4gICAqL1xyXG4gIGNvbG9yPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDliqDovb3kuK1cclxuICAgKiBAZW5fVVMgTG9hZGluZ1xyXG4gICAqL1xyXG4gIGxvYWRpbmc/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDov57mjqXnur/mmL7npLromZrnur/vvIzpkojlr7nkuIvkuIDkuKroioLngrnvvIzkuIvkuIDkuKroioLngrnkuLogbG9hZGluZyDnirbmgIHkuZ/kvJrmmL7npLromZrnur9cclxuICAgKiBAZW5fVVMgVGhlIGNvbm5lY3RpbmcgbGluZSBkaXNwbGF5cyBhIGRvdHRlZCBsaW5lLiBGb3IgdGhlIG5leHQgbm9kZSwgdGhlIGRvdHRlZCBsaW5lIHdpbGwgYWxzbyBiZSBkaXNwbGF5ZWQgd2hlbiB0aGUgbmV4dCBub2RlIGlzIGluIGxvYWRpbmcgc3RhdHVzXHJcbiAgICovXHJcbiAgZGFzaGVkPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5YW25a6D6Ieq5a6a5LmJ5bGe5oCnXHJcbiAgICogQGVuX1VTIE90aGVyIHByb3BlcnR5XHJcbiAgICovXHJcbiAgW3Byb3BlcnR5OiBzdHJpbmddOiBhbnk7XHJcbn1cclxuIl19
@@ -2,11 +2,12 @@ import * as i0 from '@angular/core';
2
2
  import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Optional, Host, NgModule } from '@angular/core';
3
3
  import { __decorate } from 'tslib';
4
4
  import * as i1 from '@ng-nest/ui/core';
5
- import { XProperty, XInputBoolean, XIsArray, XDropAnimation } from '@ng-nest/ui/core';
5
+ import { XProperty, XInputBoolean, XWithConfig, XIsArray, XDropAnimation } from '@ng-nest/ui/core';
6
6
  import * as i2 from '@ng-nest/ui/icon';
7
7
  import { XIconModule } from '@ng-nest/ui/icon';
8
8
  import * as i3 from '@ng-nest/ui/outlet';
9
9
  import { XOutletModule } from '@ng-nest/ui/outlet';
10
+ import * as i4 from '@angular/common';
10
11
  import { CommonModule } from '@angular/common';
11
12
 
12
13
  /**
@@ -15,6 +16,7 @@ import { CommonModule } from '@angular/common';
15
16
  * @decorator component
16
17
  */
17
18
  const XCollapsePrefix = 'x-collapse';
19
+ const X_CONFIG_NAME = 'collapse';
18
20
  /**
19
21
  * Collapse Property
20
22
  */
@@ -34,15 +36,29 @@ class XCollapseProperty extends XProperty {
34
36
  }
35
37
  }
36
38
  /** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
37
- /** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
39
+ /** @nocollapse */ /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", icon: "icon", showIcon: "showIcon", ghost: "ghost", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
38
40
  __decorate([
39
41
  XInputBoolean()
40
42
  ], XCollapseProperty.prototype, "accordion", void 0);
43
+ __decorate([
44
+ XInputBoolean(),
45
+ XWithConfig(X_CONFIG_NAME, true)
46
+ ], XCollapseProperty.prototype, "showIcon", void 0);
47
+ __decorate([
48
+ XInputBoolean(),
49
+ XWithConfig(X_CONFIG_NAME, false)
50
+ ], XCollapseProperty.prototype, "ghost", void 0);
41
51
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseProperty, decorators: [{
42
52
  type: Component,
43
53
  args: [{ template: '' }]
44
54
  }], propDecorators: { accordion: [{
45
55
  type: Input
56
+ }], icon: [{
57
+ type: Input
58
+ }], showIcon: [{
59
+ type: Input
60
+ }], ghost: [{
61
+ type: Input
46
62
  }], active: [{
47
63
  type: Input
48
64
  }], activeChange: [{
@@ -109,10 +125,10 @@ class XCollapseComponent extends XCollapseProperty {
109
125
  }
110
126
  }
111
127
  /** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
112
- /** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
128
+ /** @nocollapse */ /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
113
129
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapseComponent, decorators: [{
114
130
  type: Component,
115
- args: [{ selector: `${XCollapsePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}\n"] }]
131
+ args: [{ selector: `${XCollapsePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"] }]
116
132
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
117
133
 
118
134
  class XCollapsePanelComponent extends XCollapsePanelProperty {
@@ -145,10 +161,10 @@ class XCollapsePanelComponent extends XCollapsePanelProperty {
145
161
  }
146
162
  }
147
163
  /** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapsePanelComponent, deps: [{ token: XCollapseComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
148
- /** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
164
+ /** @nocollapse */ /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
149
165
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XCollapsePanelComponent, decorators: [{
150
166
  type: Component,
151
- args: [{ selector: `${XCollapsePanelPrefix}`, animations: [XDropAnimation], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"] }]
167
+ args: [{ selector: `${XCollapsePanelPrefix}`, animations: [XDropAnimation], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"] }]
152
168
  }], ctorParameters: function () {
153
169
  return [{ type: XCollapseComponent, decorators: [{
154
170
  type: Optional
@@ -1 +1 @@
1
- {"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ng-nest-ui-collapse.mjs","sources":["../../../../lib/ng-nest/ui/collapse/collapse.property.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.ts","../../../../lib/ng-nest/ui/collapse/collapse.component.html","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.ts","../../../../lib/ng-nest/ui/collapse/collapse-panel.component.html","../../../../lib/ng-nest/ui/collapse/collapse.module.ts","../../../../lib/ng-nest/ui/collapse/ng-nest-ui-collapse.ts"],"sourcesContent":["import { XProperty, XInputBoolean, XTemplate, XNumber, XBoolean, XWithConfig } from '@ng-nest/ui/core';\r\nimport { Input, EventEmitter, Output, Component } from '@angular/core';\r\n\r\n/**\r\n * Collapse\r\n * @selector x-collapse\r\n * @decorator component\r\n */\r\nexport const XCollapsePrefix = 'x-collapse';\r\nconst X_CONFIG_NAME = 'collapse';\r\n\r\n/**\r\n * Collapse Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapseProperty extends XProperty {\r\n /**\r\n * @zh_CN 是否以手风琴的方式展示,只展开一个面板\r\n * @en_US Whether to display as an accordion, only expand one panel\r\n */\r\n @Input() @XInputBoolean() accordion?: XBoolean;\r\n /**\r\n * @zh_CN 显示的图标\r\n * @en_US The icon displayed on the right\r\n */\r\n @Input() icon?: XTemplate;\r\n /**\r\n * @zh_CN 显示/隐藏图标\r\n * @en_US Show / hide icon\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, true) showIcon?: Boolean;\r\n /**\r\n * @zh_CN 幽灵面板\r\n * @en_US Ghost panel\r\n */\r\n @Input() @XInputBoolean() @XWithConfig<Boolean>(X_CONFIG_NAME, false) ghost?: XBoolean;\r\n /**\r\n * @zh_CN 当前激活的面板序号\r\n * @en_US The serial number of the currently active panel\r\n */\r\n @Input() active: XNumber | XNumber[] = [];\r\n /**\r\n * @zh_CN 激活的面板发生变化的事件\r\n * @en_US The event that the activated panel changes\r\n */\r\n @Output() activeChange = new EventEmitter<XNumber | XNumber[]>();\r\n}\r\n\r\n/**\r\n * Collapse Panel\r\n * @selector x-collapse-panel\r\n * @decorator component\r\n */\r\nexport const XCollapsePanelPrefix = 'x-collapse-panel';\r\n\r\n/**\r\n * Collapse Panel Property\r\n */\r\n@Component({ template: '' })\r\nexport class XCollapsePanelProperty extends XProperty {\r\n /**\r\n * @zh_CN 标题,支持模板自定义\r\n * @en_US Title, support template customization\r\n */\r\n @Input() label?: XTemplate;\r\n /**\r\n * @zh_CN 激活当前面板\r\n * @en_US Activate the current panel\r\n */\r\n @Input() @XInputBoolean() active?: XBoolean;\r\n}\r\n","import { Component, OnInit, ViewEncapsulation, Renderer2, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XCollapsePrefix, XCollapseProperty } from './collapse.property';\r\nimport { XIsArray, XConfigService } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: `${XCollapsePrefix}`,\r\n templateUrl: './collapse.component.html',\r\n styleUrls: ['./collapse.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapseComponent extends XCollapseProperty implements OnInit {\r\n start: number = 0;\r\n panelChanges: Function[] = [];\r\n\r\n constructor(\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef,\r\n public configService: XConfigService\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n if (!XIsArray(this.active)) this.active = [Number(this.active)];\r\n }\r\n\r\n change(num: number, add = true) {\r\n this.active = this.active as number[];\r\n const i = this.active.indexOf(num);\r\n if (i === -1) {\r\n if (add) {\r\n this.active = [...this.active, num];\r\n }\r\n } else {\r\n if (!add) {\r\n this.active.splice(i, 1);\r\n }\r\n }\r\n if (this.accordion && this.active.length === 2) {\r\n const panel = this.panelChanges[this.active[0] as number];\r\n panel && panel();\r\n return;\r\n }\r\n this.activeChange.emit(this.active);\r\n }\r\n}\r\n","<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import {\r\n Component,\r\n OnInit,\r\n ViewEncapsulation,\r\n Renderer2,\r\n ElementRef,\r\n ChangeDetectorRef,\r\n ChangeDetectionStrategy,\r\n Host,\r\n Optional\r\n} from '@angular/core';\r\nimport { XCollapsePanelPrefix, XCollapsePanelProperty } from './collapse.property';\r\nimport { XDropAnimation } from '@ng-nest/ui/core';\r\nimport { XCollapseComponent } from './collapse.component';\r\n\r\n@Component({\r\n selector: `${XCollapsePanelPrefix}`,\r\n templateUrl: './collapse-panel.component.html',\r\n styleUrls: ['./collapse-panel.component.scss'],\r\n animations: [XDropAnimation],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XCollapsePanelComponent extends XCollapsePanelProperty implements OnInit {\r\n index!: number;\r\n\r\n constructor(\r\n @Optional() @Host() public collapseComponent: XCollapseComponent,\r\n public renderer: Renderer2,\r\n public elementRef: ElementRef,\r\n public cdr: ChangeDetectorRef\r\n ) {\r\n super();\r\n }\r\n\r\n ngOnInit() {\r\n this.index = this.collapseComponent.start;\r\n this.collapseComponent.start++;\r\n this.collapseComponent.panelChanges = [\r\n ...this.collapseComponent.panelChanges,\r\n () => {\r\n this.headerClick();\r\n }\r\n ];\r\n if (this.active) this.collapseComponent.change(this.index);\r\n }\r\n\r\n headerClick() {\r\n this.active = !this.active;\r\n if (this.active) this.collapseComponent.change(this.index);\r\n else this.collapseComponent.change(this.index, false);\r\n this.cdr.detectChanges();\r\n }\r\n}\r\n","<div class=\"x-collapse-panel\" [class.x-activated]=\"active\">\r\n <div class=\"x-collapse-panel-header\" (click)=\"headerClick()\">\r\n <div>\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XCollapseComponent } from './collapse.component';\r\nimport { XCollapsePanelComponent } from './collapse-panel.component';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';\r\n\r\n@NgModule({\r\n declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],\r\n exports: [XCollapseComponent, XCollapsePanelComponent],\r\n imports: [CommonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XCollapseModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -389,9 +389,13 @@ const XMoveBoxAnimation = trigger('x-move-box-animation', [
389
389
  ]);
390
390
 
391
391
  // 进场动画
392
- const XDURATION_BASE_EASE_IN = `${XDuration.Fast} ease-in`;
392
+ // const XDURATION_SLOW_EASE_IN = `${XDuration.Slow} ease-in`;
393
+ const XDURATION_BASE_EASE_IN = `${XDuration.Base} ease-in`;
394
+ const XDURATION_FAST_EASE_IN = `${XDuration.Fast} ease-in`;
393
395
  // 移除动画
394
- const XDURATION_BASE_EASE_OUT = `${XDuration.Fast} ease-out`;
396
+ // const XDURATION_SLOW_EASE_OUT = `${XDuration.Slow} ease-out`;
397
+ const XDURATION_BASE_EASE_OUT = `${XDuration.Base} ease-out`;
398
+ const XDURATION_FAST_EASE_OUT = `${XDuration.Fast} ease-out`;
395
399
  const XConnectAnimation = trigger('x-connect-animation', [
396
400
  transition('void => top-start, void => top, void => top-end, void => center', [
397
401
  style({
@@ -399,7 +403,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
399
403
  // transform: 'scaleY(0.8)',
400
404
  // transformOrigin: '0% 100%'
401
405
  }),
402
- animate(XDURATION_BASE_EASE_IN, style({
406
+ animate(XDURATION_FAST_EASE_IN, style({
403
407
  opacity: 1
404
408
  // transform: 'scaleY(1)',
405
409
  // transformOrigin: '0% 100%'
@@ -411,7 +415,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
411
415
  // transform: 'scaleY(1)',
412
416
  // transformOrigin: '0% 100%'
413
417
  }),
414
- animate(XDURATION_BASE_EASE_OUT, style({
418
+ animate(XDURATION_FAST_EASE_OUT, style({
415
419
  opacity: 0
416
420
  // transform: 'scaleY(0.8)',
417
421
  // transformOrigin: '0% 100%'
@@ -467,7 +471,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
467
471
  // transform: 'scale(0)',
468
472
  // transformOrigin: '0% 0%'
469
473
  }),
470
- animate(XDURATION_BASE_EASE_IN, style({
474
+ animate(XDURATION_FAST_EASE_IN, style({
471
475
  opacity: 1
472
476
  // transform: 'scale(1)',
473
477
  // transformOrigin: '30% 30%'
@@ -479,7 +483,7 @@ const XConnectAnimation = trigger('x-connect-animation', [
479
483
  // transform: 'scale(1)',
480
484
  // transformOrigin: '30% 30%'
481
485
  }),
482
- animate(XDURATION_BASE_EASE_OUT, style({
486
+ animate(XDURATION_FAST_EASE_OUT, style({
483
487
  opacity: 0
484
488
  // transform: 'scale(0)',
485
489
  // transformOrigin: '0% 0%'
@@ -487,8 +491,12 @@ const XConnectAnimation = trigger('x-connect-animation', [
487
491
  ])
488
492
  ]);
489
493
  const XConnectBaseAnimation = trigger('x-connect-base-animation', [
490
- transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(XDURATION_BASE_EASE_IN)]),
491
- transition(':leave', [animate(XDURATION_BASE_EASE_OUT, style({ opacity: 0 }))])
494
+ transition(':enter', [style({ opacity: 0, transform: 'scaleY(0.8)' }), animate(XDURATION_FAST_EASE_IN)]),
495
+ transition(':leave', [animate(XDURATION_FAST_EASE_OUT, style({ opacity: 0 }))])
496
+ ]);
497
+ const XBaseAnimation = trigger('x-base-animation', [
498
+ transition(':enter', [style({ opacity: 0, transform: 'scale(0.2)' }), animate(XDURATION_BASE_EASE_IN)]),
499
+ transition(':leave', [animate(XDURATION_BASE_EASE_OUT, style({ opacity: 0, transform: 'scale(0.2)' }))])
492
500
  ]);
493
501
 
494
502
  // 类型判断
@@ -1428,5 +1436,5 @@ function XWithConfig(componentName, innerDefaultValue) {
1428
1436
  * Generated bundle index. Do not edit.
1429
1437
  */
1430
1438
 
1431
- export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
1439
+ export { XAddDays, XAddHours, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XBaseAnimation, XClamp, XClearClass, XCloneDeep, XConfigService, XConnectAnimation, XConnectBaseAnimation, XDataConvert, XDrop, XDropAnimation, XDuration, XFadeAnimation, XGetChildren, XHasIn, XHttpService, XIdentity, XInputBoolean, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XMoveAnimation, XMoveBoxAnimation, XOrderBy, XPreloadingStrategyService, XProperty, XRemove, XRepositoryAbstract, XRepositoryService, XResize, XReuseStrategyService, XSetData, XSlideAnimation, XSliderAnimation, XStorageService, XThemeService, XToBoolean, XToDataConvert, XToDate, XWithConfig, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, chunk, computedStyle, fillDefault, groupBy, guid, mixColors, removeNgTag, reqAnimFrame, setFlex, stripTags, toHex, toRgb, warnIconTypeNotFound, warnSVGTagNotFound };
1432
1440
  //# sourceMappingURL=ng-nest-ui-core.mjs.map