@ng-nest/ui 21.0.13 → 22.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/fesm2022/ng-nest-ui-affix.mjs +12 -12
- package/fesm2022/ng-nest-ui-affix.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-alert.mjs +46 -34
- package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-anchor.mjs +43 -31
- package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-api.mjs +7 -7
- package/fesm2022/ng-nest-ui-attachments.mjs +74 -48
- package/fesm2022/ng-nest-ui-attachments.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-auto-complete.mjs +114 -70
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-avatar.mjs +47 -32
- package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-back-top.mjs +23 -18
- package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-badge.mjs +30 -23
- package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-base-form.mjs +75 -44
- package/fesm2022/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-bubble.mjs +76 -48
- package/fesm2022/ng-nest-ui-bubble.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-button.mjs +53 -42
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-calendar.mjs +30 -20
- package/fesm2022/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-card.mjs +21 -16
- package/fesm2022/ng-nest-ui-card.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-carousel.mjs +68 -46
- package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +121 -73
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-checkbox.mjs +54 -38
- package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-collapse.mjs +38 -30
- package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +119 -72
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color.mjs +22 -16
- package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-comment.mjs +23 -21
- package/fesm2022/ng-nest-ui-comment.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-container.mjs +40 -37
- package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-contextmenu.mjs +71 -45
- package/fesm2022/ng-nest-ui-contextmenu.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-core.mjs +24 -21
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-coversations.mjs +25 -18
- package/fesm2022/ng-nest-ui-coversations.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-crumb.mjs +15 -13
- package/fesm2022/ng-nest-ui-crumb.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-date-picker.mjs +425 -256
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-description.mjs +42 -31
- package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +106 -82
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-divider.mjs +24 -17
- package/fesm2022/ng-nest-ui-divider.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-doc.mjs +7 -7
- package/fesm2022/ng-nest-ui-drag.mjs +10 -10
- package/fesm2022/ng-nest-ui-drawer.mjs +52 -43
- package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +94 -58
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-empty.mjs +14 -12
- package/fesm2022/ng-nest-ui-empty.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-examples.mjs +7 -7
- package/fesm2022/ng-nest-ui-find.mjs +111 -71
- package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-form.mjs +45 -33
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-highlight.mjs +26 -20
- package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-i18n.mjs +16 -15
- package/fesm2022/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-icon.mjs +28 -21
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-image.mjs +57 -51
- package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-inner.mjs +11 -11
- package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input-number.mjs +63 -42
- package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input.mjs +130 -85
- package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-keyword.mjs +19 -15
- package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-layout.mjs +37 -31
- package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-link.mjs +23 -18
- package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-list.mjs +137 -89
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-loading.mjs +36 -25
- package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-menu.mjs +68 -45
- package/fesm2022/ng-nest-ui-menu.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message-box.mjs +10 -10
- package/fesm2022/ng-nest-ui-message.mjs +10 -10
- package/fesm2022/ng-nest-ui-notification.mjs +10 -10
- package/fesm2022/ng-nest-ui-outlet.mjs +11 -9
- package/fesm2022/ng-nest-ui-outlet.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-page-header.mjs +20 -15
- package/fesm2022/ng-nest-ui-page-header.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pagination.mjs +69 -48
- package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pattern.mjs +7 -7
- package/fesm2022/ng-nest-ui-popconfirm.mjs +40 -27
- package/fesm2022/ng-nest-ui-popconfirm.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popover.mjs +57 -38
- package/fesm2022/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-portal.mjs +7 -7
- package/fesm2022/ng-nest-ui-progress.mjs +60 -41
- package/fesm2022/ng-nest-ui-progress.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-prompts.mjs +18 -15
- package/fesm2022/ng-nest-ui-prompts.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-radio.mjs +50 -35
- package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-rate.mjs +43 -29
- package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-resizable.mjs +18 -16
- package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-result.mjs +22 -16
- package/fesm2022/ng-nest-ui-result.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-ripple.mjs +14 -13
- package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-scrollable.mjs +41 -24
- package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +197 -118
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-sender.mjs +43 -31
- package/fesm2022/ng-nest-ui-sender.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-skeleton.mjs +17 -15
- package/fesm2022/ng-nest-ui-skeleton.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider-select.mjs +85 -53
- package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider.mjs +58 -37
- package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-splitter.mjs +32 -24
- package/fesm2022/ng-nest-ui-splitter.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-statistic.mjs +44 -30
- package/fesm2022/ng-nest-ui-statistic.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-steps.mjs +30 -22
- package/fesm2022/ng-nest-ui-steps.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-suggestion.mjs +23 -20
- package/fesm2022/ng-nest-ui-suggestion.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-switch.mjs +35 -25
- package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table-view.mjs +78 -69
- package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table.mjs +320 -205
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tabs.mjs +74 -56
- package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tag.mjs +30 -23
- package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-text-retract.mjs +19 -15
- package/fesm2022/ng-nest-ui-text-retract.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-textarea.mjs +69 -44
- package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-theme.mjs +34 -23
- package/fesm2022/ng-nest-ui-theme.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-thought-chain.mjs +26 -19
- package/fesm2022/ng-nest-ui-thought-chain.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
- package/fesm2022/ng-nest-ui-time-picker.mjs +164 -96
- package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
- package/fesm2022/ng-nest-ui-timeline.mjs +26 -19
- package/fesm2022/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tooltip.mjs +53 -35
- package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-transfer.mjs +66 -40
- package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-file.mjs +39 -28
- package/fesm2022/ng-nest-ui-tree-file.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-select.mjs +186 -111
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree.mjs +166 -105
- package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-typography.mjs +16 -13
- package/fesm2022/ng-nest-ui-typography.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-upload.mjs +81 -53
- package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-watermark.mjs +45 -35
- package/fesm2022/ng-nest-ui-watermark.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-welcome.mjs +22 -16
- package/fesm2022/ng-nest-ui-welcome.mjs.map +1 -1
- package/package.json +7 -6
- package/types/ng-nest-ui-base-form.d.ts +3 -3
- package/types/ng-nest-ui-carousel.d.ts +1 -1
- package/types/ng-nest-ui-container.d.ts +1 -1
- package/types/ng-nest-ui-core.d.ts +1 -1
- package/types/ng-nest-ui-dialog.d.ts +1 -1
- package/types/ng-nest-ui-drawer.d.ts +1 -1
- package/types/ng-nest-ui-form.d.ts +12 -12
- package/types/ng-nest-ui-layout.d.ts +1 -1
- package/types/ng-nest-ui-list.d.ts +1 -1
- package/types/ng-nest-ui-portal.d.ts +3 -3
- package/types/ng-nest-ui-table-view.d.ts +1 -1
- package/types/ng-nest-ui-table.d.ts +1 -1
- package/types/ng-nest-ui-tabs.d.ts +1 -1
- package/types/ng-nest-ui-tree.d.ts +1 -1
|
@@ -41,10 +41,10 @@ class XNotificationComponent {
|
|
|
41
41
|
});
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
45
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
44
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XNotificationComponent, isStandalone: true, selector: "x-notification", ngImport: i0, template: "<div class=\"x-notification\">\r\n <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n <x-alert [style.display]=\"'none'\"></x-alert>\r\n @for (item of notification.list; track item) {\r\n <x-alert\r\n [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n (animationend)=\"moveDone($event)\"\r\n (mouseenter)=\"onEnter(item)\"\r\n (mouseleave)=\"onLeave(item)\"\r\n (close)=\"onClose(item)\"\r\n [hide]=\"item.hide!\"\r\n [title]=\"item.title\"\r\n [content]=\"item.content\"\r\n [type]=\"item.type!\"\r\n [effect]=\"item.effect!\"\r\n [hideClose]=\"item.hideClose!\"\r\n [closeText]=\"item.closeText\"\r\n [showIcon]=\"item.showIcon!\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"], dependencies: [{ kind: "component", type: XAlertComponent, selector: "x-alert" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
49
|
args: [{ selector: `${XNotificationPrefix}`, imports: [XAlertComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-notification\">\r\n <!-- TODO The style of x-alert will be cleared when the leave animation starts. This ensures that the style will definitely be loaded -->\r\n <x-alert [style.display]=\"'none'\"></x-alert>\r\n @for (item of notification.list; track item) {\r\n <x-alert\r\n [animate.enter]=\"`x-move-${item.placement}-enter`\"\r\n [animate.leave]=\"`x-move-${item.placement}-leave`\"\r\n (animationend)=\"moveDone($event)\"\r\n (mouseenter)=\"onEnter(item)\"\r\n (mouseleave)=\"onLeave(item)\"\r\n (close)=\"onClose(item)\"\r\n [hide]=\"item.hide!\"\r\n [title]=\"item.title\"\r\n [content]=\"item.content\"\r\n [type]=\"item.type!\"\r\n [effect]=\"item.effect!\"\r\n [hideClose]=\"item.hideClose!\"\r\n [closeText]=\"item.closeText\"\r\n [showIcon]=\"item.showIcon!\"\r\n [duration]=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n }\r\n</div>\r\n", styles: [".x-notification{margin:0;padding:0}.x-notification>x-alert{padding:.25rem}.x-notification>x-alert>.x-alert{box-shadow:var(--x-box-shadow)}.x-notification>x-alert .x-alert-icon.x-icon{margin-top:.125rem;font-size:1.25rem;align-self:flex-start}.x-notification-portal x-notification{width:100%}\n"] }]
|
|
50
50
|
}] });
|
|
@@ -140,20 +140,20 @@ class XNotificationService {
|
|
|
140
140
|
return;
|
|
141
141
|
this.notifications[option.placement].ref?.componentRef?.instance.onClose(option);
|
|
142
142
|
}
|
|
143
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
144
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
143
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
144
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationService, providedIn: 'root' }); }
|
|
145
145
|
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationService, decorators: [{
|
|
147
147
|
type: Injectable,
|
|
148
148
|
args: [{ providedIn: 'root' }]
|
|
149
149
|
}] });
|
|
150
150
|
|
|
151
151
|
class XNotificationModule {
|
|
152
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
153
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
154
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
152
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
153
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XNotificationModule }); }
|
|
154
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationModule }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XNotificationModule, decorators: [{
|
|
157
157
|
type: NgModule,
|
|
158
158
|
args: [{
|
|
159
159
|
exports: [],
|
|
@@ -3,8 +3,10 @@ import { input, inject, ViewContainerRef, TemplateRef, Directive, NgModule } fro
|
|
|
3
3
|
|
|
4
4
|
class XOutletDirective {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.xOutletContext = input(
|
|
7
|
-
|
|
6
|
+
this.xOutletContext = input(/* @ts-ignore */
|
|
7
|
+
...(ngDevMode ? [undefined, { debugName: "xOutletContext" }] : /* istanbul ignore next */ []));
|
|
8
|
+
this.xOutlet = input(/* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [undefined, { debugName: "xOutlet" }] : /* istanbul ignore next */ []));
|
|
8
10
|
this.viewContainer = inject(ViewContainerRef);
|
|
9
11
|
this.templateRef = inject((TemplateRef));
|
|
10
12
|
}
|
|
@@ -63,20 +65,20 @@ class XOutletDirective {
|
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
}
|
|
66
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
67
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
68
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XOutletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
69
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: XOutletDirective, isStandalone: true, selector: "[xOutlet]", inputs: { xOutletContext: { classPropertyName: "xOutletContext", publicName: "xOutletContext", isSignal: true, isRequired: false, transformFunction: null }, xOutlet: { classPropertyName: "xOutlet", publicName: "xOutlet", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
|
|
68
70
|
}
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XOutletDirective, decorators: [{
|
|
70
72
|
type: Directive,
|
|
71
73
|
args: [{ selector: '[xOutlet]' }]
|
|
72
74
|
}], propDecorators: { xOutletContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "xOutletContext", required: false }] }], xOutlet: [{ type: i0.Input, args: [{ isSignal: true, alias: "xOutlet", required: false }] }] } });
|
|
73
75
|
|
|
74
76
|
class XOutletModule {
|
|
75
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
76
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
77
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
77
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XOutletModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
78
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XOutletModule, imports: [XOutletDirective], exports: [XOutletDirective] }); }
|
|
79
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XOutletModule }); }
|
|
78
80
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XOutletModule, decorators: [{
|
|
80
82
|
type: NgModule,
|
|
81
83
|
args: [{
|
|
82
84
|
exports: [XOutletDirective],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-outlet.mjs","sources":["../../../../lib/ng-nest/ui/outlet/outlet.directive.ts","../../../../lib/ng-nest/ui/outlet/outlet.module.ts","../../../../lib/ng-nest/ui/outlet/outlet.property.ts","../../../../lib/ng-nest/ui/outlet/ng-nest-ui-outlet.ts"],"sourcesContent":["import {\r\n Directive,\r\n TemplateRef,\r\n ViewContainerRef,\r\n SimpleChanges,\r\n EmbeddedViewRef,\r\n OnChanges,\r\n SimpleChange,\r\n inject,\r\n input\r\n} from '@angular/core';\r\n\r\n@Directive({ selector: '[xOutlet]' })\r\nexport class XOutletDirective implements OnChanges {\r\n xOutletContext = input<any>();\r\n xOutlet = input<TemplateRef<any> | any>();\r\n private embeddedViewRef!: EmbeddedViewRef<any>;\r\n private viewContainer = inject(ViewContainerRef);\r\n private templateRef = inject(TemplateRef<any>);\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const shouldRecreateView = (ctxChanges: SimpleChanges): boolean => {\r\n const { xOutletContext, xOutlet } = ctxChanges;\r\n let shouldOutletRecreate = false;\r\n if (xOutlet) {\r\n if (xOutlet.firstChange) {\r\n shouldOutletRecreate = true;\r\n } else {\r\n const isPreviousOutlet = xOutlet.previousValue instanceof TemplateRef;\r\n const isCurrentOutlet = xOutlet.currentValue instanceof TemplateRef;\r\n shouldOutletRecreate = isPreviousOutlet || isCurrentOutlet;\r\n }\r\n }\r\n const hasContextShapeChanged = (ctxChange: SimpleChange): boolean => {\r\n const prevCtxKeys = Object.keys(ctxChange.previousValue || {});\r\n const currCtxKeys = Object.keys(ctxChange.currentValue || {});\r\n if (prevCtxKeys.length === currCtxKeys.length) {\r\n for (const propName of currCtxKeys) {\r\n if (prevCtxKeys.indexOf(propName) === -1) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n const shouldContextRecreate = xOutletContext && hasContextShapeChanged(xOutletContext);\r\n return shouldContextRecreate || shouldOutletRecreate;\r\n };\r\n const recreateView = shouldRecreateView(changes);\r\n if (recreateView) {\r\n this.recreateView();\r\n } else {\r\n this.updateContext();\r\n }\r\n }\r\n\r\n private recreateView(): void {\r\n this.viewContainer.clear();\r\n const isTemplateRef = this.xOutlet() instanceof TemplateRef;\r\n const templateRef = isTemplateRef ? this.xOutlet() : this.templateRef;\r\n this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext());\r\n }\r\n\r\n private updateContext(): void {\r\n const newCtx = this.xOutletContext();\r\n const oldCtx = this.embeddedViewRef!.context;\r\n if (newCtx) {\r\n for (const propName of Object.keys(newCtx)) {\r\n oldCtx[propName] = newCtx[propName];\r\n }\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XOutletDirective } from './outlet.directive';\r\n\r\n@NgModule({\r\n exports: [XOutletDirective],\r\n imports: [XOutletDirective]\r\n})\r\nexport class XOutletModule {}\r\n","/**\r\n * Outlet 指令名称\r\n * @selector x-outlet\r\n * @decorator directive\r\n */\r\nexport const XOutletPrefix = 'x-outlet';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-outlet.mjs","sources":["../../../../lib/ng-nest/ui/outlet/outlet.directive.ts","../../../../lib/ng-nest/ui/outlet/outlet.module.ts","../../../../lib/ng-nest/ui/outlet/outlet.property.ts","../../../../lib/ng-nest/ui/outlet/ng-nest-ui-outlet.ts"],"sourcesContent":["import {\r\n Directive,\r\n TemplateRef,\r\n ViewContainerRef,\r\n SimpleChanges,\r\n EmbeddedViewRef,\r\n OnChanges,\r\n SimpleChange,\r\n inject,\r\n input\r\n} from '@angular/core';\r\n\r\n@Directive({ selector: '[xOutlet]' })\r\nexport class XOutletDirective implements OnChanges {\r\n xOutletContext = input<any>();\r\n xOutlet = input<TemplateRef<any> | any>();\r\n private embeddedViewRef!: EmbeddedViewRef<any>;\r\n private viewContainer = inject(ViewContainerRef);\r\n private templateRef = inject(TemplateRef<any>);\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const shouldRecreateView = (ctxChanges: SimpleChanges): boolean => {\r\n const { xOutletContext, xOutlet } = ctxChanges;\r\n let shouldOutletRecreate = false;\r\n if (xOutlet) {\r\n if (xOutlet.firstChange) {\r\n shouldOutletRecreate = true;\r\n } else {\r\n const isPreviousOutlet = xOutlet.previousValue instanceof TemplateRef;\r\n const isCurrentOutlet = xOutlet.currentValue instanceof TemplateRef;\r\n shouldOutletRecreate = isPreviousOutlet || isCurrentOutlet;\r\n }\r\n }\r\n const hasContextShapeChanged = (ctxChange: SimpleChange): boolean => {\r\n const prevCtxKeys = Object.keys(ctxChange.previousValue || {});\r\n const currCtxKeys = Object.keys(ctxChange.currentValue || {});\r\n if (prevCtxKeys.length === currCtxKeys.length) {\r\n for (const propName of currCtxKeys) {\r\n if (prevCtxKeys.indexOf(propName) === -1) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n const shouldContextRecreate = xOutletContext && hasContextShapeChanged(xOutletContext);\r\n return shouldContextRecreate || shouldOutletRecreate;\r\n };\r\n const recreateView = shouldRecreateView(changes);\r\n if (recreateView) {\r\n this.recreateView();\r\n } else {\r\n this.updateContext();\r\n }\r\n }\r\n\r\n private recreateView(): void {\r\n this.viewContainer.clear();\r\n const isTemplateRef = this.xOutlet() instanceof TemplateRef;\r\n const templateRef = isTemplateRef ? this.xOutlet() : this.templateRef;\r\n this.embeddedViewRef = this.viewContainer.createEmbeddedView(templateRef, this.xOutletContext());\r\n }\r\n\r\n private updateContext(): void {\r\n const newCtx = this.xOutletContext();\r\n const oldCtx = this.embeddedViewRef!.context;\r\n if (newCtx) {\r\n for (const propName of Object.keys(newCtx)) {\r\n oldCtx[propName] = newCtx[propName];\r\n }\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XOutletDirective } from './outlet.directive';\r\n\r\n@NgModule({\r\n exports: [XOutletDirective],\r\n imports: [XOutletDirective]\r\n})\r\nexport class XOutletModule {}\r\n","/**\r\n * Outlet 指令名称\r\n * @selector x-outlet\r\n * @decorator directive\r\n */\r\nexport const XOutletPrefix = 'x-outlet';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -23,32 +23,36 @@ class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {
|
|
|
23
23
|
* @zh_CN 返回图标
|
|
24
24
|
* @en_US Back icon
|
|
25
25
|
*/
|
|
26
|
-
this.backIcon = input(this.config?.backIcon ?? 'fto-arrow-left',
|
|
26
|
+
this.backIcon = input(this.config?.backIcon ?? 'fto-arrow-left', /* @ts-ignore */
|
|
27
|
+
...(ngDevMode ? [{ debugName: "backIcon" }] : /* istanbul ignore next */ []));
|
|
27
28
|
/**
|
|
28
29
|
* @zh_CN 返回文字
|
|
29
30
|
* @en_US Return text
|
|
30
31
|
*/
|
|
31
|
-
this.backText = input(this.config?.backText ?? '',
|
|
32
|
+
this.backText = input(this.config?.backText ?? '', /* @ts-ignore */
|
|
33
|
+
...(ngDevMode ? [{ debugName: "backText" }] : /* istanbul ignore next */ []));
|
|
32
34
|
/**
|
|
33
35
|
* @zh_CN 标题
|
|
34
36
|
* @en_US Title
|
|
35
37
|
*/
|
|
36
|
-
this.title = input('',
|
|
38
|
+
this.title = input('', /* @ts-ignore */
|
|
39
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
37
40
|
/**
|
|
38
41
|
* @zh_CN 副标题
|
|
39
42
|
* @en_US Subtitle
|
|
40
43
|
*/
|
|
41
|
-
this.subTitle = input('',
|
|
44
|
+
this.subTitle = input('', /* @ts-ignore */
|
|
45
|
+
...(ngDevMode ? [{ debugName: "subTitle" }] : /* istanbul ignore next */ []));
|
|
42
46
|
/**
|
|
43
47
|
* @zh_CN 点击返回的事件
|
|
44
48
|
* @en_US Click to return event
|
|
45
49
|
*/
|
|
46
50
|
this.backClick = output();
|
|
47
51
|
}
|
|
48
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
49
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
52
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XPageHeaderProperty, isStandalone: true, selector: "x-page-header-property", inputs: { backIcon: { classPropertyName: "backIcon", publicName: "backIcon", isSignal: true, isRequired: false, transformFunction: null }, backText: { classPropertyName: "backText", publicName: "backText", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backClick: "backClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
50
54
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderProperty, decorators: [{
|
|
52
56
|
type: Component,
|
|
53
57
|
args: [{ selector: `${XPageHeaderPrefix}-property`, template: '' }]
|
|
54
58
|
}], propDecorators: { backIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "backIcon", required: false }] }], backText: [{ type: i0.Input, args: [{ isSignal: true, alias: "backText", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], backClick: [{ type: i0.Output, args: ["backClick"] }] } });
|
|
@@ -60,22 +64,23 @@ class XPageHeaderComponent extends XPageHeaderProperty {
|
|
|
60
64
|
this.locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.pageHeader)), {
|
|
61
65
|
initialValue: zh_CN.pageHeader
|
|
62
66
|
});
|
|
63
|
-
this.backTextSignal = computed(() => this.backText() || this.locale().back,
|
|
67
|
+
this.backTextSignal = computed(() => this.backText() || this.locale().back, /* @ts-ignore */
|
|
68
|
+
...(ngDevMode ? [{ debugName: "backTextSignal" }] : /* istanbul ignore next */ []));
|
|
64
69
|
}
|
|
65
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
66
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
70
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XPageHeaderComponent, isStandalone: true, selector: "x-page-header", usesInheritance: true, ngImport: i0, template: "<div class=\"x-page-header\">\r\n <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon()\" type=\"text\" (click)=\"backClick.emit($event)\">{{\r\n backTextSignal()\r\n }}</x-button>\r\n <span class=\"x-page-header-divided\"></span>\r\n @if (title()) {\r\n <span class=\"x-page-header-title\">{{ title() }}</span>\r\n }\r\n @if (subTitle()) {\r\n <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n }\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0}.x-page-header{display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:var(--x-font-size)}.x-page-header-divided{margin:0 var(--x-font-size) 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:var(--x-font-size);color:var(--x-text-400);margin-left:.5rem}\n"], dependencies: [{ kind: "component", type: XButtonComponent, selector: "x-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
67
72
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderComponent, decorators: [{
|
|
69
74
|
type: Component,
|
|
70
75
|
args: [{ selector: `${XPageHeaderPrefix}`, imports: [XButtonComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-page-header\">\r\n <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon()\" type=\"text\" (click)=\"backClick.emit($event)\">{{\r\n backTextSignal()\r\n }}</x-button>\r\n <span class=\"x-page-header-divided\"></span>\r\n @if (title()) {\r\n <span class=\"x-page-header-title\">{{ title() }}</span>\r\n }\r\n @if (subTitle()) {\r\n <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n }\r\n</div>\r\n", styles: [".x-page-header{margin:0;padding:0}.x-page-header{display:inline-flex;align-items:center;height:var(--x-height-large)}.x-page-header-backIcon .x-button{font-size:var(--x-font-size)}.x-page-header-divided{margin:0 var(--x-font-size) 0 .25rem;height:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-page-header-title{font-size:1rem}.x-page-header-subTitle{font-size:var(--x-font-size);color:var(--x-text-400);margin-left:.5rem}\n"] }]
|
|
71
76
|
}] });
|
|
72
77
|
|
|
73
78
|
class XPageHeaderModule {
|
|
74
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
75
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
76
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
79
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
80
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent], exports: [XPageHeaderComponent] }); }
|
|
81
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderModule, imports: [XPageHeaderComponent] }); }
|
|
77
82
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XPageHeaderModule, decorators: [{
|
|
79
84
|
type: NgModule,
|
|
80
85
|
args: [{
|
|
81
86
|
exports: [XPageHeaderComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-page-header.mjs","sources":["../../../../lib/ng-nest/ui/page-header/page-header.property.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.html","../../../../lib/ng-nest/ui/page-header/page-header.module.ts","../../../../lib/ng-nest/ui/page-header/ng-nest-ui-page-header.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { XPropertyFunction } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * PageHeader\r\n * @selector x-page-header\r\n * @decorator component\r\n */\r\nexport const XPageHeaderPrefix = 'x-page-header';\r\nconst X_PAGE_HEADER_CONFIG_NAME = 'pageHeader';\r\n\r\n/**\r\n * PageHeader Property\r\n */\r\n@Component({ selector: `${XPageHeaderPrefix}-property`, template: '' })\r\nexport class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 返回图标\r\n * @en_US Back icon\r\n */\r\n readonly backIcon = input<string>(this.config?.backIcon ?? 'fto-arrow-left');\r\n /**\r\n * @zh_CN 返回文字\r\n * @en_US Return text\r\n */\r\n readonly backText = input<string>(this.config?.backText ?? '');\r\n /**\r\n * @zh_CN 标题\r\n * @en_US Title\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 副标题\r\n * @en_US Subtitle\r\n */\r\n readonly subTitle = input<string>('');\r\n /**\r\n * @zh_CN 点击返回的事件\r\n * @en_US Click to return event\r\n */\r\n readonly backClick = output<Event>();\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, computed } from '@angular/core';\r\nimport { XPageHeaderPrefix, XPageHeaderProperty } from './page-header.property';\r\nimport { XI18nService, XI18nPageHeader, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { map } from 'rxjs/operators';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n selector: `${XPageHeaderPrefix}`,\r\n imports: [XButtonComponent],\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPageHeaderComponent extends XPageHeaderProperty {\r\n private i18n = inject(XI18nService);\r\n locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.pageHeader as XI18nPageHeader)), {\r\n initialValue: zh_CN.pageHeader\r\n });\r\n\r\n backTextSignal = computed(() => this.backText() || this.locale().back);\r\n}\r\n","<div class=\"x-page-header\">\r\n <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon()\" type=\"text\" (click)=\"backClick.emit($event)\">{{\r\n backTextSignal()\r\n }}</x-button>\r\n <span class=\"x-page-header-divided\"></span>\r\n @if (title()) {\r\n <span class=\"x-page-header-title\">{{ title() }}</span>\r\n }\r\n @if (subTitle()) {\r\n <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XPageHeaderComponent } from './page-header.component';\r\n\r\n@NgModule({\r\n exports: [XPageHeaderComponent],\r\n imports: [XPageHeaderComponent]\r\n})\r\nexport class XPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAGA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG;AACjC,MAAM,yBAAyB,GAAG,YAAY;AAE9C;;AAEG;MAEU,mBAAoB,SAAQ,iBAAiB,CAAC,yBAAyB,CAAC,CAAA;AADrF,IAAA,WAAA,GAAA;;AAEE;;;AAGG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,gBAAgB
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-page-header.mjs","sources":["../../../../lib/ng-nest/ui/page-header/page-header.property.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.ts","../../../../lib/ng-nest/ui/page-header/page-header.component.html","../../../../lib/ng-nest/ui/page-header/page-header.module.ts","../../../../lib/ng-nest/ui/page-header/ng-nest-ui-page-header.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { XPropertyFunction } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * PageHeader\r\n * @selector x-page-header\r\n * @decorator component\r\n */\r\nexport const XPageHeaderPrefix = 'x-page-header';\r\nconst X_PAGE_HEADER_CONFIG_NAME = 'pageHeader';\r\n\r\n/**\r\n * PageHeader Property\r\n */\r\n@Component({ selector: `${XPageHeaderPrefix}-property`, template: '' })\r\nexport class XPageHeaderProperty extends XPropertyFunction(X_PAGE_HEADER_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 返回图标\r\n * @en_US Back icon\r\n */\r\n readonly backIcon = input<string>(this.config?.backIcon ?? 'fto-arrow-left');\r\n /**\r\n * @zh_CN 返回文字\r\n * @en_US Return text\r\n */\r\n readonly backText = input<string>(this.config?.backText ?? '');\r\n /**\r\n * @zh_CN 标题\r\n * @en_US Title\r\n */\r\n readonly title = input<string>('');\r\n /**\r\n * @zh_CN 副标题\r\n * @en_US Subtitle\r\n */\r\n readonly subTitle = input<string>('');\r\n /**\r\n * @zh_CN 点击返回的事件\r\n * @en_US Click to return event\r\n */\r\n readonly backClick = output<Event>();\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, computed } from '@angular/core';\r\nimport { XPageHeaderPrefix, XPageHeaderProperty } from './page-header.property';\r\nimport { XI18nService, XI18nPageHeader, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { map } from 'rxjs/operators';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n selector: `${XPageHeaderPrefix}`,\r\n imports: [XButtonComponent],\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPageHeaderComponent extends XPageHeaderProperty {\r\n private i18n = inject(XI18nService);\r\n locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.pageHeader as XI18nPageHeader)), {\r\n initialValue: zh_CN.pageHeader\r\n });\r\n\r\n backTextSignal = computed(() => this.backText() || this.locale().back);\r\n}\r\n","<div class=\"x-page-header\">\r\n <x-button class=\"x-page-header-backIcon\" [icon]=\"backIcon()\" type=\"text\" (click)=\"backClick.emit($event)\">{{\r\n backTextSignal()\r\n }}</x-button>\r\n <span class=\"x-page-header-divided\"></span>\r\n @if (title()) {\r\n <span class=\"x-page-header-title\">{{ title() }}</span>\r\n }\r\n @if (subTitle()) {\r\n <span class=\"x-page-header-subTitle\">{{ subTitle() }}</span>\r\n }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XPageHeaderComponent } from './page-header.component';\r\n\r\n@NgModule({\r\n exports: [XPageHeaderComponent],\r\n imports: [XPageHeaderComponent]\r\n})\r\nexport class XPageHeaderModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|