@ng-nest/ui 21.0.12 → 22.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +196 -117
- 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 +44 -34
- 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 +3 -2
- 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
|
@@ -27,7 +27,7 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
|
|
|
27
27
|
* ```
|
|
28
28
|
*
|
|
29
29
|
*/
|
|
30
|
-
this.top = input(this.config?.top, { ...(ngDevMode ? { debugName: "top" } : {}), transform: XToCssPixelValue });
|
|
30
|
+
this.top = input(this.config?.top, { ...(ngDevMode ? { debugName: "top" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
|
|
31
31
|
/**
|
|
32
32
|
* @zh_CN 左边距离
|
|
33
33
|
* @en_US Distance from left
|
|
@@ -40,31 +40,31 @@ class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {
|
|
|
40
40
|
* ```
|
|
41
41
|
*
|
|
42
42
|
*/
|
|
43
|
-
this.left = input(this.config?.left, { ...(ngDevMode ? { debugName: "left" } : {}), transform: XToCssPixelValue });
|
|
43
|
+
this.left = input(this.config?.left, { ...(ngDevMode ? { debugName: "left" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
|
|
44
44
|
}
|
|
45
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
46
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
45
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XAffixProperty, isStandalone: true, selector: "x-affix-property", inputs: { top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixProperty, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: `${XAffixPrefix}-property`, template: '' }]
|
|
51
51
|
}], propDecorators: { top: [{ type: i0.Input, args: [{ isSignal: true, alias: "top", required: false }] }], left: [{ type: i0.Input, args: [{ isSignal: true, alias: "left", required: false }] }] } });
|
|
52
52
|
|
|
53
53
|
class XAffixComponent extends XAffixProperty {
|
|
54
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
54
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: XAffixComponent, isStandalone: true, selector: "x-affix", usesInheritance: true, ngImport: i0, template: "<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0}.x-affix{position:sticky;display:inline-block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{ selector: `${XAffixPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-affix{margin:0;padding:0}.x-affix{position:sticky;display:inline-block}\n"] }]
|
|
60
60
|
}] });
|
|
61
61
|
|
|
62
62
|
class XAffixModule {
|
|
63
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
64
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
65
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
63
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
64
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XAffixModule, imports: [XAffixComponent], exports: [XAffixComponent] }); }
|
|
65
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixModule }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAffixModule, decorators: [{
|
|
68
68
|
type: NgModule,
|
|
69
69
|
args: [{
|
|
70
70
|
exports: [XAffixComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-affix.mjs","sources":["../../../../lib/ng-nest/ui/affix/affix.property.ts","../../../../lib/ng-nest/ui/affix/affix.component.ts","../../../../lib/ng-nest/ui/affix/affix.component.html","../../../../lib/ng-nest/ui/affix/affix.module.ts","../../../../lib/ng-nest/ui/affix/ng-nest-ui-affix.ts"],"sourcesContent":["import { XNumber, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\n\r\n/**\r\n * Affix\r\n * @selector x-affix\r\n * @decorator component\r\n */\r\nexport const XAffixPrefix = 'x-affix';\r\nexport const X_AFFIX_CONFIG_NAME = 'affix';\r\n\r\n/**\r\n * Affix Property\r\n */\r\n@Component({ selector: `${XAffixPrefix}-property`, template: '' })\r\nexport class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 顶部距离\r\n * @en_US Distance from top\r\n * @example\r\n * \r\n * ```html\r\n * <x-affix top=\"5rem\">\r\n * <div>有垂直滚动条,我与顶部距离5rem</div>\r\n * </x-affix>\r\n * ```\r\n * \r\n */\r\n readonly top = input<string, XNumber>(this.config?.top!, { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 左边距离\r\n * @en_US Distance from left\r\n * @example\r\n * \r\n * ```html\r\n * <x-affix left=\"5rem\">\r\n * <div>有横向滚动条,我与左边距离5rem</div>\r\n * </x-affix>\r\n * ```\r\n * \r\n */\r\n readonly left = input<string, XNumber>(this.config?.left!, { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\n\r\n@Component({\r\n selector: `${XAffixPrefix}`,\r\n templateUrl: './affix.component.html',\r\n styleUrls: ['./affix.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAffixComponent extends XAffixProperty {}\r\n","<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n exports: [XAffixComponent],\r\n imports: [XAffixComponent]\r\n})\r\nexport class XAffixModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,YAAY,GAAG;AACrB,MAAM,mBAAmB,GAAG;AAEnC;;AAEG;MAEU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAD1E,IAAA,WAAA,GAAA;;AAEE;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,GAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,KAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-affix.mjs","sources":["../../../../lib/ng-nest/ui/affix/affix.property.ts","../../../../lib/ng-nest/ui/affix/affix.component.ts","../../../../lib/ng-nest/ui/affix/affix.component.html","../../../../lib/ng-nest/ui/affix/affix.module.ts","../../../../lib/ng-nest/ui/affix/ng-nest-ui-affix.ts"],"sourcesContent":["import { XNumber, XPropertyFunction, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { Component, input } from '@angular/core';\r\n\r\n/**\r\n * Affix\r\n * @selector x-affix\r\n * @decorator component\r\n */\r\nexport const XAffixPrefix = 'x-affix';\r\nexport const X_AFFIX_CONFIG_NAME = 'affix';\r\n\r\n/**\r\n * Affix Property\r\n */\r\n@Component({ selector: `${XAffixPrefix}-property`, template: '' })\r\nexport class XAffixProperty extends XPropertyFunction(X_AFFIX_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 顶部距离\r\n * @en_US Distance from top\r\n * @example\r\n * \r\n * ```html\r\n * <x-affix top=\"5rem\">\r\n * <div>有垂直滚动条,我与顶部距离5rem</div>\r\n * </x-affix>\r\n * ```\r\n * \r\n */\r\n readonly top = input<string, XNumber>(this.config?.top!, { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 左边距离\r\n * @en_US Distance from left\r\n * @example\r\n * \r\n * ```html\r\n * <x-affix left=\"5rem\">\r\n * <div>有横向滚动条,我与左边距离5rem</div>\r\n * </x-affix>\r\n * ```\r\n * \r\n */\r\n readonly left = input<string, XNumber>(this.config?.left!, { transform: XToCssPixelValue });\r\n}\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';\r\nimport { XAffixPrefix, XAffixProperty } from './affix.property';\r\n\r\n@Component({\r\n selector: `${XAffixPrefix}`,\r\n templateUrl: './affix.component.html',\r\n styleUrls: ['./affix.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAffixComponent extends XAffixProperty {}\r\n","<div #affix class=\"x-affix\" [style.top]=\"top()\" [style.left]=\"left()\">\r\n <ng-content></ng-content>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XAffixComponent } from './affix.component';\r\n\r\n@NgModule({\r\n exports: [XAffixComponent],\r\n imports: [XAffixComponent]\r\n})\r\nexport class XAffixModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACI,MAAM,YAAY,GAAG;AACrB,MAAM,mBAAmB,GAAG;AAEnC;;AAEG;MAEU,cAAe,SAAQ,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;AAD1E,IAAA,WAAA,GAAA;;AAEE;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,GAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,KAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,GAAG;AACzF;;;;;;;;;;;AAWG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,IAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,GAAG;AAC5F,IAAA;iIA3BY,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,sVADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAClD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,YAAY,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;;ACJ3D,MAAO,eAAgB,SAAQ,cAAc,CAAA;iIAAtC,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,0FCV5B,2HAGA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,CAAA,EAAG,YAAY,EAAE,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2HAAA,EAAA,MAAA,EAAA,CAAA,8EAAA,CAAA,EAAA;;;MEDpC,YAAY,CAAA;iIAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAZ,YAAY,EAAA,OAAA,EAAA,CAFb,eAAe,CAAA,EAAA,OAAA,EAAA,CADf,eAAe,CAAA,EAAA,CAAA,CAAA;kIAGd,YAAY,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAJxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe;AAC1B,iBAAA;;;ACND;;AAEG;;;;"}
|
|
@@ -34,7 +34,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
34
34
|
* ```
|
|
35
35
|
*
|
|
36
36
|
*/
|
|
37
|
-
this.hide = input(false, { ...(ngDevMode ? { debugName: "hide" } : {}), transform: XToBoolean });
|
|
37
|
+
this.hide = input(false, { ...(ngDevMode ? { debugName: "hide" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
38
38
|
/**
|
|
39
39
|
* @zh_CN 标题
|
|
40
40
|
* @en_US Title
|
|
@@ -45,7 +45,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
45
45
|
* ```
|
|
46
46
|
*
|
|
47
47
|
*/
|
|
48
|
-
this.title = input(
|
|
48
|
+
this.title = input(/* @ts-ignore */
|
|
49
|
+
...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
|
|
49
50
|
/**
|
|
50
51
|
* @zh_CN 内容
|
|
51
52
|
* @en_US Content
|
|
@@ -56,7 +57,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
56
57
|
* ```
|
|
57
58
|
*
|
|
58
59
|
*/
|
|
59
|
-
this.content = input(
|
|
60
|
+
this.content = input(/* @ts-ignore */
|
|
61
|
+
...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
|
|
60
62
|
/**
|
|
61
63
|
* @zh_CN 类型
|
|
62
64
|
* @en_US Alert type
|
|
@@ -71,7 +73,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
71
73
|
* ```
|
|
72
74
|
*
|
|
73
75
|
*/
|
|
74
|
-
this.type = input('info',
|
|
76
|
+
this.type = input('info', /* @ts-ignore */
|
|
77
|
+
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
75
78
|
/**
|
|
76
79
|
* @zh_CN 主题
|
|
77
80
|
* @en_US Theme
|
|
@@ -84,7 +87,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
84
87
|
* ```
|
|
85
88
|
*
|
|
86
89
|
*/
|
|
87
|
-
this.effect = input(this.config?.effect ?? 'light',
|
|
90
|
+
this.effect = input(this.config?.effect ?? 'light', /* @ts-ignore */
|
|
91
|
+
...(ngDevMode ? [{ debugName: "effect" }] : /* istanbul ignore next */ []));
|
|
88
92
|
/**
|
|
89
93
|
* @zh_CN 形态变体
|
|
90
94
|
* @en_US Variant
|
|
@@ -98,7 +102,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
98
102
|
* ```
|
|
99
103
|
*
|
|
100
104
|
*/
|
|
101
|
-
this.variant = input(this.config?.variant ?? 'shadow',
|
|
105
|
+
this.variant = input(this.config?.variant ?? 'shadow', /* @ts-ignore */
|
|
106
|
+
...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
102
107
|
/**
|
|
103
108
|
* @zh_CN 隐藏关闭按钮
|
|
104
109
|
* @en_US Hide close button
|
|
@@ -109,7 +114,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
109
114
|
* ```
|
|
110
115
|
*
|
|
111
116
|
*/
|
|
112
|
-
this.hideClose = input(this.config?.hideClose ?? false, { ...(ngDevMode ? { debugName: "hideClose" } : {}), transform: XToBoolean });
|
|
117
|
+
this.hideClose = input(this.config?.hideClose ?? false, { ...(ngDevMode ? { debugName: "hideClose" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
113
118
|
/**
|
|
114
119
|
* @zh_CN 使用文本关闭按钮
|
|
115
120
|
* @en_US Use the text to close button
|
|
@@ -120,7 +125,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
120
125
|
* ```
|
|
121
126
|
*
|
|
122
127
|
*/
|
|
123
|
-
this.closeText = input(
|
|
128
|
+
this.closeText = input(/* @ts-ignore */
|
|
129
|
+
...(ngDevMode ? [undefined, { debugName: "closeText" }] : /* istanbul ignore next */ []));
|
|
124
130
|
/**
|
|
125
131
|
* @zh_CN 显示图标
|
|
126
132
|
* @en_US Show icon
|
|
@@ -135,7 +141,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
135
141
|
* ```
|
|
136
142
|
*
|
|
137
143
|
*/
|
|
138
|
-
this.showIcon = input(this.config?.showIcon ?? false, { ...(ngDevMode ? { debugName: "showIcon" } : {}), transform: XToBoolean });
|
|
144
|
+
this.showIcon = input(this.config?.showIcon ?? false, { ...(ngDevMode ? { debugName: "showIcon" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
139
145
|
/**
|
|
140
146
|
* @zh_CN 禁用动画
|
|
141
147
|
* @en_US Disable animation
|
|
@@ -146,7 +152,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
146
152
|
* ```
|
|
147
153
|
*
|
|
148
154
|
*/
|
|
149
|
-
this.disabledAnimation = input(this.config?.disabledAnimation ?? false, { ...(ngDevMode ? { debugName: "disabledAnimation" } : {}), transform: XToBoolean });
|
|
155
|
+
this.disabledAnimation = input(this.config?.disabledAnimation ?? false, { ...(ngDevMode ? { debugName: "disabledAnimation" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
150
156
|
/**
|
|
151
157
|
* @zh_CN 延迟关闭,默认 0 表示不关闭,ms
|
|
152
158
|
* @en_US Delay close, the default value of 0 means do not close. ms
|
|
@@ -157,7 +163,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
157
163
|
* ```
|
|
158
164
|
*
|
|
159
165
|
*/
|
|
160
|
-
this.duration = input(this.config?.duration ?? 0, { ...(ngDevMode ? { debugName: "duration" } : {}), transform: XToNumber });
|
|
166
|
+
this.duration = input(this.config?.duration ?? 0, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: XToNumber });
|
|
161
167
|
/**
|
|
162
168
|
* @zh_CN 手动处理关闭事件
|
|
163
169
|
* @en_US Manually handle close events
|
|
@@ -168,7 +174,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
168
174
|
* ```
|
|
169
175
|
*
|
|
170
176
|
*/
|
|
171
|
-
this.manual = input(false, { ...(ngDevMode ? { debugName: "manual" } : {}), transform: XToBoolean });
|
|
177
|
+
this.manual = input(false, { ...(ngDevMode ? { debugName: "manual" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
172
178
|
/**
|
|
173
179
|
* @zh_CN 拖动提示框
|
|
174
180
|
* @en_US Drag dialog
|
|
@@ -179,7 +185,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
179
185
|
* ```
|
|
180
186
|
*
|
|
181
187
|
*/
|
|
182
|
-
this.draggable = input(this.config?.draggable ?? false, { ...(ngDevMode ? { debugName: "draggable" } : {}), transform: XToBoolean });
|
|
188
|
+
this.draggable = input(this.config?.draggable ?? false, { ...(ngDevMode ? { debugName: "draggable" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
183
189
|
/**
|
|
184
190
|
* @zh_CN 调整提示框大小
|
|
185
191
|
* @en_US Adjust the size of the box
|
|
@@ -190,7 +196,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
190
196
|
* ```
|
|
191
197
|
*
|
|
192
198
|
*/
|
|
193
|
-
this.resizable = input(this.config?.resizable ?? false, { ...(ngDevMode ? { debugName: "resizable" } : {}), transform: XToBoolean });
|
|
199
|
+
this.resizable = input(this.config?.resizable ?? false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: XToBoolean });
|
|
194
200
|
/**
|
|
195
201
|
* @zh_CN 开启 resizable 调整大小,偏移屏幕左边
|
|
196
202
|
* @en_US Open the resizable resize, offset screen left
|
|
@@ -201,7 +207,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
201
207
|
* ```
|
|
202
208
|
*
|
|
203
209
|
*/
|
|
204
|
-
this.offsetLeft = input(0, { ...(ngDevMode ? { debugName: "offsetLeft" } : {}), transform: XToNumber });
|
|
210
|
+
this.offsetLeft = input(0, { ...(ngDevMode ? { debugName: "offsetLeft" } : /* istanbul ignore next */ {}), transform: XToNumber });
|
|
205
211
|
/**
|
|
206
212
|
* @zh_CN 开启 resizable 调整大小,偏移屏幕顶部
|
|
207
213
|
* @en_US Open the resizable resize, offset screen top
|
|
@@ -212,7 +218,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
212
218
|
* ```
|
|
213
219
|
*
|
|
214
220
|
*/
|
|
215
|
-
this.offsetTop = input(0, { ...(ngDevMode ? { debugName: "offsetTop" } : {}), transform: XToNumber });
|
|
221
|
+
this.offsetTop = input(0, { ...(ngDevMode ? { debugName: "offsetTop" } : /* istanbul ignore next */ {}), transform: XToNumber });
|
|
216
222
|
/**
|
|
217
223
|
* @zh_CN 最小宽度
|
|
218
224
|
* @en_US Min width
|
|
@@ -223,7 +229,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
223
229
|
* ```
|
|
224
230
|
*
|
|
225
231
|
*/
|
|
226
|
-
this.minWidth = input(this.config?.minWidth ?? '0', { ...(ngDevMode ? { debugName: "minWidth" } : {}), transform: XToCssPixelValue });
|
|
232
|
+
this.minWidth = input(this.config?.minWidth ?? '0', { ...(ngDevMode ? { debugName: "minWidth" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
|
|
227
233
|
/**
|
|
228
234
|
* @zh_CN 最小高度
|
|
229
235
|
* @en_US Min height
|
|
@@ -234,7 +240,7 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
234
240
|
* ```
|
|
235
241
|
*
|
|
236
242
|
*/
|
|
237
|
-
this.minHeight = input(this.config?.minHeight ?? '0', { ...(ngDevMode ? { debugName: "minHeight" } : {}), transform: XToCssPixelValue });
|
|
243
|
+
this.minHeight = input(this.config?.minHeight ?? '0', { ...(ngDevMode ? { debugName: "minHeight" } : /* istanbul ignore next */ {}), transform: XToCssPixelValue });
|
|
238
244
|
/**
|
|
239
245
|
* @zh_CN 拖动范围限制,父节点选择器或者对象
|
|
240
246
|
* @en_US Drag dialog
|
|
@@ -247,7 +253,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
247
253
|
* ```
|
|
248
254
|
*
|
|
249
255
|
*/
|
|
250
|
-
this.dragBoundary = input(
|
|
256
|
+
this.dragBoundary = input(/* @ts-ignore */
|
|
257
|
+
...(ngDevMode ? [undefined, { debugName: "dragBoundary" }] : /* istanbul ignore next */ []));
|
|
251
258
|
/**
|
|
252
259
|
* @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置
|
|
253
260
|
* @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users
|
|
@@ -258,7 +265,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
258
265
|
* ```
|
|
259
266
|
*
|
|
260
267
|
*/
|
|
261
|
-
this.dragFreeDragPosition = input(
|
|
268
|
+
this.dragFreeDragPosition = input(/* @ts-ignore */
|
|
269
|
+
...(ngDevMode ? [undefined, { debugName: "dragFreeDragPosition" }] : /* istanbul ignore next */ []));
|
|
262
270
|
/**
|
|
263
271
|
* @zh_CN 自定义操作
|
|
264
272
|
* @en_US Custom operation
|
|
@@ -272,7 +280,8 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
272
280
|
* ```
|
|
273
281
|
*
|
|
274
282
|
*/
|
|
275
|
-
this.operationTpl = input(
|
|
283
|
+
this.operationTpl = input(/* @ts-ignore */
|
|
284
|
+
...(ngDevMode ? [undefined, { debugName: "operationTpl" }] : /* istanbul ignore next */ []));
|
|
276
285
|
/**
|
|
277
286
|
* @zh_CN 关闭的事件
|
|
278
287
|
* @en_US Closed event
|
|
@@ -325,10 +334,10 @@ class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {
|
|
|
325
334
|
*/
|
|
326
335
|
this.resizing = output();
|
|
327
336
|
}
|
|
328
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
329
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
337
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
338
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: XAlertProperty, isStandalone: true, selector: "x-alert-property", inputs: { hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, effect: { classPropertyName: "effect", publicName: "effect", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, hideClose: { classPropertyName: "hideClose", publicName: "hideClose", isSignal: true, isRequired: false, transformFunction: null }, closeText: { classPropertyName: "closeText", publicName: "closeText", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, disabledAnimation: { classPropertyName: "disabledAnimation", publicName: "disabledAnimation", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, offsetLeft: { classPropertyName: "offsetLeft", publicName: "offsetLeft", isSignal: true, isRequired: false, transformFunction: null }, offsetTop: { classPropertyName: "offsetTop", publicName: "offsetTop", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null }, dragFreeDragPosition: { classPropertyName: "dragFreeDragPosition", publicName: "dragFreeDragPosition", isSignal: true, isRequired: false, transformFunction: null }, operationTpl: { classPropertyName: "operationTpl", publicName: "operationTpl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", dragEnded: "dragEnded", resizing: "resizing" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
330
339
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertProperty, decorators: [{
|
|
332
341
|
type: Component,
|
|
333
342
|
args: [{ selector: `${XAlertPrefix}-property`, template: '' }]
|
|
334
343
|
}], propDecorators: { hide: [{ type: i0.Input, args: [{ isSignal: true, alias: "hide", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], effect: [{ type: i0.Input, args: [{ isSignal: true, alias: "effect", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], hideClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideClose", required: false }] }], closeText: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeText", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], disabledAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledAnimation", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], manual: [{ type: i0.Input, args: [{ isSignal: true, alias: "manual", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], offsetLeft: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetLeft", required: false }] }], offsetTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetTop", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], dragBoundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragBoundary", required: false }] }], dragFreeDragPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragFreeDragPosition", required: false }] }], operationTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "operationTpl", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], dragEnded: [{ type: i0.Output, args: ["dragEnded"] }], resizing: [{ type: i0.Output, args: ["resizing"] }] } });
|
|
@@ -336,18 +345,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
336
345
|
class XAlertComponent extends XAlertProperty {
|
|
337
346
|
constructor() {
|
|
338
347
|
super();
|
|
339
|
-
this.styleHide = signal(false,
|
|
348
|
+
this.styleHide = signal(false, /* @ts-ignore */
|
|
349
|
+
...(ngDevMode ? [{ debugName: "styleHide" }] : /* istanbul ignore next */ []));
|
|
340
350
|
this.classMap = computed(() => ({
|
|
341
351
|
[`${XAlertPrefix}-${this.type()}`]: !XIsEmpty(this.type()),
|
|
342
352
|
[`x-${this.effect()}`]: !XIsEmpty(this.effect()),
|
|
343
353
|
[`${XAlertPrefix}-icon-medium`]: !XIsEmpty(this.title()) && !XIsEmpty(this.content()) && !XIsEmpty(this.showIcon()),
|
|
344
354
|
[`${XAlertPrefix}-draggable`]: this.draggable(),
|
|
345
355
|
[`${XAlertPrefix}-${this.variant()}`]: !XIsEmpty(this.variant())
|
|
346
|
-
}),
|
|
356
|
+
}), /* @ts-ignore */
|
|
357
|
+
...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
|
|
347
358
|
this.unSubject = new Subject();
|
|
348
359
|
this.isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
|
|
349
360
|
this.destoryRef = inject(DestroyRef);
|
|
350
|
-
this.destory = signal(false,
|
|
361
|
+
this.destory = signal(false, /* @ts-ignore */
|
|
362
|
+
...(ngDevMode ? [{ debugName: "destory" }] : /* istanbul ignore next */ []));
|
|
351
363
|
effect(() => this.setDuration());
|
|
352
364
|
this.destoryRef.onDestroy(() => {
|
|
353
365
|
this.destory.set(true);
|
|
@@ -378,10 +390,10 @@ class XAlertComponent extends XAlertProperty {
|
|
|
378
390
|
!this.destory() && this.close.emit();
|
|
379
391
|
}
|
|
380
392
|
}
|
|
381
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
382
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: XAlertComponent, isStandalone: true, selector: "x-alert", usesInheritance: true, ngImport: i0, template: "@if (!styleHide() && !hide()) {\r\n <div\r\n class=\"x-alert\"\r\n [class.x-alert-has-close]=\"!hideClose()\"\r\n [class.x-alert-icon-content]=\"showIcon() && content()\"\r\n cdkDrag\r\n (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n [cdkDragFreeDragPosition]=\"dragFreeDragPosition()!\"\r\n [cdkDragDisabled]=\"!draggable()\"\r\n [cdkDragBoundary]=\"dragBoundary()!\"\r\n [ngClass]=\"classMap()\"\r\n animate.enter=\"x-connect-enter\"\r\n animate.leave=\"x-connect-leave\"\r\n [class.x-animate-disabled]=\"disabledAnimation()\"\r\n (animationend)=\"onCloseAnimationDone()\"\r\n [xResizable]=\"resizable()!\"\r\n (resizing)=\"resizing.emit($event)\"\r\n [offsetLeft]=\"offsetLeft()\"\r\n [offsetTop]=\"offsetTop()\"\r\n [style.minWidth]=\"minWidth()\"\r\n [style.minHeight]=\"minHeight()\"\r\n >\r\n @if (showIcon()) {\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n }\r\n <ng-template #iconTpl>\r\n @switch (type()) {\r\n @case ('success') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-check-circle\"></x-icon>\r\n }\r\n @case ('info') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-info-circle\"></x-icon>\r\n }\r\n @case ('warning') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-exclamation-circle\"></x-icon>\r\n }\r\n @case ('error') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-close-circle\"></x-icon>\r\n }\r\n @case ('loading') {\r\n <x-icon class=\"x-alert-icon\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n }\r\n }\r\n </ng-template>\r\n <div class=\"x-alert-inner\">\r\n <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title() && content()\">\r\n <ng-container *xOutlet=\"title(); context: { $iconTpl: iconTpl }\">{{ title() }}</ng-container>\r\n </span>\r\n @if (content()) {\r\n <div class=\"x-alert-content\">\r\n <ng-container *xOutlet=\"content(); context: { $iconTpl: iconTpl }\">{{ content() }}</ng-container>\r\n </div>\r\n }\r\n <div class=\"x-alert-close\">\r\n <div class=\"x-alert-operation\" *xOutlet=\"operationTpl()\">{{ operationTpl() }}</div>\r\n @if (!hideClose()) {\r\n <x-button\r\n class=\"x-alert-operation-close\"\r\n size=\"small\"\r\n [icon]=\"!closeText() ? 'fto-x' : ''\"\r\n [type]=\"'text'\"\r\n (click)=\"onClose()\"\r\n closable\r\n >\r\n {{ closeText() }}\r\n </x-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0}.x-alert{background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-has-close .x-alert-title{margin-right:1.425rem}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon-content{align-items:flex-start}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-success.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-success.x-alert-outlined{border-color:var(--x-success-800);background-color:transparent}.x-alert-success.x-alert-filled{border-color:var(--x-success-800)}.x-alert-success.x-alert-borderless{border-color:var(--x-background)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-info.x-alert-outlined{border-color:var(--x-info-800);background-color:transparent}.x-alert-info.x-alert-filled{border-color:var(--x-info-800)}.x-alert-info.x-alert-borderless{border-color:var(--x-background)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-800)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-800);background-color:var(--x-warning)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-800)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-warning.x-alert-outlined{border-color:var(--x-warning-700);background-color:transparent}.x-alert-warning.x-alert-filled{border-color:var(--x-warning-700)}.x-alert-warning.x-alert-borderless{border-color:var(--x-background)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-error.x-alert-outlined{border-color:var(--x-danger-800);background-color:transparent}.x-alert-error.x-alert-filled{border-color:var(--x-danger-800)}.x-alert-error.x-alert-borderless{border-color:var(--x-background)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-loading.x-alert-outlined{border-color:var(--x-info-800);background-color:transparent}.x-alert-loading.x-alert-filled{border-color:var(--x-info-800)}.x-alert-loading.x-alert-borderless{border-color:var(--x-background)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
393
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
394
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: XAlertComponent, isStandalone: true, selector: "x-alert", usesInheritance: true, ngImport: i0, template: "@if (!styleHide() && !hide()) {\r\n <div\r\n class=\"x-alert\"\r\n [class.x-alert-has-close]=\"!hideClose()\"\r\n [class.x-alert-icon-content]=\"showIcon() && content()\"\r\n cdkDrag\r\n (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n [cdkDragFreeDragPosition]=\"dragFreeDragPosition()!\"\r\n [cdkDragDisabled]=\"!draggable()\"\r\n [cdkDragBoundary]=\"dragBoundary()!\"\r\n [ngClass]=\"classMap()\"\r\n animate.enter=\"x-connect-enter\"\r\n animate.leave=\"x-connect-leave\"\r\n [class.x-animate-disabled]=\"disabledAnimation()\"\r\n (animationend)=\"onCloseAnimationDone()\"\r\n [xResizable]=\"resizable()!\"\r\n (resizing)=\"resizing.emit($event)\"\r\n [offsetLeft]=\"offsetLeft()\"\r\n [offsetTop]=\"offsetTop()\"\r\n [style.minWidth]=\"minWidth()\"\r\n [style.minHeight]=\"minHeight()\"\r\n >\r\n @if (showIcon()) {\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n }\r\n <ng-template #iconTpl>\r\n @switch (type()) {\r\n @case ('success') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-check-circle\"></x-icon>\r\n }\r\n @case ('info') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-info-circle\"></x-icon>\r\n }\r\n @case ('warning') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-exclamation-circle\"></x-icon>\r\n }\r\n @case ('error') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-close-circle\"></x-icon>\r\n }\r\n @case ('loading') {\r\n <x-icon class=\"x-alert-icon\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n }\r\n }\r\n </ng-template>\r\n <div class=\"x-alert-inner\">\r\n <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title() && content()\">\r\n <ng-container *xOutlet=\"title(); context: { $iconTpl: iconTpl }\">{{ title() }}</ng-container>\r\n </span>\r\n @if (content()) {\r\n <div class=\"x-alert-content\">\r\n <ng-container *xOutlet=\"content(); context: { $iconTpl: iconTpl }\">{{ content() }}</ng-container>\r\n </div>\r\n }\r\n <div class=\"x-alert-close\">\r\n <div class=\"x-alert-operation\" *xOutlet=\"operationTpl()\">{{ operationTpl() }}</div>\r\n @if (!hideClose()) {\r\n <x-button\r\n class=\"x-alert-operation-close\"\r\n size=\"small\"\r\n [icon]=\"!closeText() ? 'fto-x' : ''\"\r\n [type]=\"'text'\"\r\n (click)=\"onClose()\"\r\n closable\r\n >\r\n {{ closeText() }}\r\n </x-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["x-alert{display:block}.x-alert{margin:0;padding:0}.x-alert{background-color:var(--x-background);border:.0625rem solid var(--x-border-300);border-radius:var(--x-border-radius);padding:.5rem 1rem;position:relative;display:flex;align-items:center}.x-alert-close{position:absolute;top:.425rem;right:.425rem}.x-alert-inner{width:100%}.x-alert-title.x-bold{font-weight:600}.x-alert-has-close .x-alert-title{margin-right:1.425rem}.x-alert-content{font-size:calc(var(--x-font-size) - .0625rem);line-height:1.325rem;margin:.25rem 0 0}.x-alert-icon-content{align-items:flex-start}.x-alert-icon.x-icon{font-size:calc(var(--x-font-size) + .25rem);margin-right:.5rem}.x-alert-icon-medium>.x-icon{font-size:1.75rem}.x-alert-draggable .cdk-drag-handle{cursor:move}.x-alert-success.x-light{color:var(--x-success);background-color:var(--x-success-900)}.x-alert-success.x-light x-button.x-alert-close .x-button{color:var(--x-success-400)}.x-alert-success.x-light x-button.x-alert-close .x-button:hover{color:var(--x-success)}.x-alert-success.x-dark{color:var(--x-success-900);background-color:var(--x-success)}.x-alert-success.x-dark x-button.x-alert-close .x-button{color:var(--x-success-900)}.x-alert-success.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-success.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-success.x-white .x-alert-icon.x-icon{color:var(--x-success)}.x-alert-success.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-success.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-success.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-success.x-alert-outlined{border-color:var(--x-success-800);background-color:transparent}.x-alert-success.x-alert-filled{border-color:var(--x-success-800)}.x-alert-success.x-alert-borderless{border-color:var(--x-background)}.x-alert-info.x-light{color:var(--x-info);background-color:var(--x-info-900)}.x-alert-info.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-info.x-light x-button.x-alert-close .x-button:hover{color:var(--x-info)}.x-alert-info.x-dark{color:var(--x-info-900);background-color:var(--x-info)}.x-alert-info.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-info.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-info.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-info.x-white .x-alert-icon.x-icon{color:var(--x-info)}.x-alert-info.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-info.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-info.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-info.x-alert-outlined{border-color:var(--x-info-800);background-color:transparent}.x-alert-info.x-alert-filled{border-color:var(--x-info-800)}.x-alert-info.x-alert-borderless{border-color:var(--x-background)}.x-alert-warning.x-light{color:var(--x-warning);background-color:var(--x-warning-800)}.x-alert-warning.x-light x-button.x-alert-close .x-button{color:var(--x-warning-400)}.x-alert-warning.x-light x-button.x-alert-close .x-button:hover{color:var(--x-warning)}.x-alert-warning.x-dark{color:var(--x-warning-800);background-color:var(--x-warning)}.x-alert-warning.x-dark x-button.x-alert-close .x-button{color:var(--x-warning-800)}.x-alert-warning.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-warning.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-warning.x-white .x-alert-icon.x-icon{color:var(--x-warning)}.x-alert-warning.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-warning.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-warning.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-warning.x-alert-outlined{border-color:var(--x-warning-700);background-color:transparent}.x-alert-warning.x-alert-filled{border-color:var(--x-warning-700)}.x-alert-warning.x-alert-borderless{border-color:var(--x-background)}.x-alert-error.x-light{color:var(--x-danger);background-color:var(--x-danger-900)}.x-alert-error.x-light x-button.x-alert-close .x-button{color:var(--x-danger-400)}.x-alert-error.x-light x-button.x-alert-close .x-button:hover{color:var(--x-danger)}.x-alert-error.x-dark{color:var(--x-danger-900);background-color:var(--x-danger)}.x-alert-error.x-dark x-button.x-alert-close .x-button{color:var(--x-danger-900)}.x-alert-error.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-error.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-error.x-white .x-alert-icon.x-icon{color:var(--x-danger)}.x-alert-error.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-error.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-error.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-error.x-alert-outlined{border-color:var(--x-danger-800);background-color:transparent}.x-alert-error.x-alert-filled{border-color:var(--x-danger-800)}.x-alert-error.x-alert-borderless{border-color:var(--x-background)}.x-alert-loading.x-light{color:var(--x-primary);background-color:var(--x-info-900)}.x-alert-loading.x-light x-button.x-alert-close .x-button{color:var(--x-info-400)}.x-alert-loading.x-light x-button.x-alert-close .x-button:hover{color:var(--x-primary)}.x-alert-loading.x-dark{color:var(--x-info-900);background-color:var(--x-primary)}.x-alert-loading.x-dark x-button.x-alert-close .x-button{color:var(--x-info-900)}.x-alert-loading.x-dark x-button.x-alert-close .x-button:hover{color:var(--x-background-100)}.x-alert-loading.x-white{color:var(--x-text-300);background-color:var(--x-background)}.x-alert-loading.x-white .x-alert-icon.x-icon{color:var(--x-primary)}.x-alert-loading.x-white x-button.x-alert-close .x-button{color:var(--x-text-400)}.x-alert-loading.x-white x-button.x-alert-close .x-button:hover{color:var(--x-text-300)}.x-alert-loading.x-alert-shadow{box-shadow:var(--x-box-shadow);border-color:transparent}.x-alert-loading.x-alert-outlined{border-color:var(--x-info-800);background-color:transparent}.x-alert-loading.x-alert-filled{border-color:var(--x-info-800)}.x-alert-loading.x-alert-borderless{border-color:var(--x-background)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i1.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XButtonComponent, selector: "x-button" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "directive", type: XResizableDirective, selector: "[xResizable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
383
395
|
}
|
|
384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertComponent, decorators: [{
|
|
385
397
|
type: Component,
|
|
386
398
|
args: [{ selector: `${XAlertPrefix}`, imports: [
|
|
387
399
|
NgClass,
|
|
@@ -395,11 +407,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
395
407
|
}], ctorParameters: () => [] });
|
|
396
408
|
|
|
397
409
|
class XAlertModule {
|
|
398
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
399
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
400
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
410
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
411
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: XAlertModule, imports: [XAlertComponent], exports: [XAlertComponent] }); }
|
|
412
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertModule, imports: [XAlertComponent] }); }
|
|
401
413
|
}
|
|
402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: XAlertModule, decorators: [{
|
|
403
415
|
type: NgModule,
|
|
404
416
|
args: [{
|
|
405
417
|
exports: [XAlertComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-alert.mjs","sources":["../../../../lib/ng-nest/ui/alert/alert.property.ts","../../../../lib/ng-nest/ui/alert/alert.component.ts","../../../../lib/ng-nest/ui/alert/alert.component.html","../../../../lib/ng-nest/ui/alert/alert.module.ts","../../../../lib/ng-nest/ui/alert/ng-nest-ui-alert.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport { Component, ElementRef, input, output } from '@angular/core';\r\nimport type { CdkDragEnd } from '@angular/cdk/drag-drop';\r\nimport type { XResizableEvent } from '@ng-nest/ui/resizable';\r\nimport type { XBoolean, XNumber, XEffect, XTemplate, XStatus } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Alert\r\n * @selector x-alert\r\n * @decorator component\r\n */\r\nexport const XAlertPrefix = 'x-alert';\r\nexport const X_ALERT_CONFIG_NAME = 'alert';\r\n\r\n/**\r\n * Alert Property\r\n */\r\n@Component({ selector: `${XAlertPrefix}-property`, template: '' })\r\nexport class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 隐藏\r\n * @en_US Hide\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"隐藏,看不见\" hide> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly hide = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标题\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"Title\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly title = input<XTemplate>();\r\n /**\r\n * @zh_CN 内容\r\n * @en_US Content\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert content=\"Content\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly content = input<XTemplate>();\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Alert type\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert type=\"success\" > </x-alert>\r\n * <x-alert type=\"info\" > </x-alert>\r\n * <x-alert type=\"warning\" > </x-alert>\r\n * <x-alert type=\"error\" > </x-alert>\r\n * <x-alert type=\"loading\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XAlertType>('info');\r\n /**\r\n * @zh_CN 主题\r\n * @en_US Theme\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert effect=\"light\" > </x-alert>\r\n * <x-alert effect=\"dark\" > </x-alert>\r\n * <x-alert effect=\"white\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly effect = input<XEffect>(this.config?.effect ?? 'light');\r\n /**\r\n * @zh_CN 形态变体\r\n * @en_US Variant\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert variant=\"outlined\" > </x-alert>\r\n * <x-alert variant=\"filled\" > </x-alert>\r\n * <x-alert variant=\"shadow\" > </x-alert>\r\n * <x-alert variant=\"borderless\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly variant = input<XAlertVariant>(this.config?.variant ?? 'shadow');\r\n /**\r\n * @zh_CN 隐藏关闭按钮\r\n * @en_US Hide close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"no close button\" hideClose> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly hideClose = input<boolean, XBoolean>(this.config?.hideClose ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 使用文本关闭按钮\r\n * @en_US Use the text to close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"close button is text\" closeText=\"close\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly closeText = input<string>();\r\n /**\r\n * @zh_CN 显示图标\r\n * @en_US Show icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert type=\"success\" showIcon> </x-alert>\r\n * <x-alert type=\"info\" showIcon> </x-alert>\r\n * <x-alert type=\"warning\" showIcon> </x-alert>\r\n * <x-alert type=\"error\" showIcon> </x-alert>\r\n * <x-alert type=\"loading\" showIcon> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly showIcon = input<boolean, XBoolean>(this.config?.showIcon ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用动画\r\n * @en_US Disable animation\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"disabled animation\" disabledAnimation> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly disabledAnimation = input<boolean, XBoolean>(this.config?.disabledAnimation ?? false, {\r\n transform: XToBoolean\r\n });\r\n /**\r\n * @zh_CN 延迟关闭,默认 0 表示不关闭,ms\r\n * @en_US Delay close, the default value of 0 means do not close. ms\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"duration close\" duration=\"1000\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly duration = input<number, XNumber>(this.config?.duration ?? 0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 手动处理关闭事件\r\n * @en_US Manually handle close events\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"manual close\" manual> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 拖动提示框\r\n * @en_US Drag dialog\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable alert\" draggable> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly draggable = input<boolean, XBoolean>(this.config?.draggable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 调整提示框大小\r\n * @en_US Adjust the size of the box\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly resizable = input<boolean, XBoolean>(this.config?.resizable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 开启 resizable 调整大小,偏移屏幕左边\r\n * @en_US Open the resizable resize, offset screen left\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable offsetLeft=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly offsetLeft = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 开启 resizable 调整大小,偏移屏幕顶部\r\n * @en_US Open the resizable resize, offset screen top\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable offsetTop=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly offsetTop = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 最小宽度\r\n * @en_US Min width\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"alert min-width\" minWidth=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly minWidth = input<string, XNumber>(this.config?.minWidth ?? '0', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 最小高度\r\n * @en_US Min height\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"alert min-height\" minHeight=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly minHeight = input<string, XNumber>(this.config?.minHeight ?? '0', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 拖动范围限制,父节点选择器或者对象\r\n * @en_US Drag dialog\r\n * @example\r\n *\r\n * ```html\r\n * <div #element style=\"width:300px; height: 300px\">\r\n * <x-alert title=\"draggable boundary\" draggable [dragBoundary]=\"element\"> </x-alert>\r\n * </div>\r\n * ```\r\n *\r\n */\r\n readonly dragBoundary = input<string | ElementRef<HTMLElement> | HTMLElement>();\r\n /**\r\n * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable boundary\" draggable [dragFreeDragPosition]=\"{ x: 100, y: 100 }\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly dragFreeDragPosition = input<XAlertDragFreeDragPosition>();\r\n /**\r\n * @zh_CN 自定义操作\r\n * @en_US Custom operation\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"operation template\" [operationTpl]=\"operationTpl\"> </x-alert>\r\n * <ng-template #operationTpl>\r\n * <x-button>Button</x-button>\r\n * </ng-template>\r\n * ```\r\n *\r\n */\r\n readonly operationTpl = input<XTemplate>();\r\n /**\r\n * @zh_CN 关闭的事件\r\n * @en_US Closed event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"operation template\" (close)=\"close()\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * close() {\r\n * console.log(\"close\")\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly close = output();\r\n /**\r\n * @zh_CN 拖动结束的事件\r\n * @en_US Drag end event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable event\" draggable (dragEnded)=\"dragEnded($event)\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * dragEnded(event: CdkDragEnd) {\r\n * console.log(event)\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly dragEnded = output<CdkDragEnd>();\r\n /**\r\n * @zh_CN 改变尺寸事件\r\n * @en_US Change the size event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable event\" resizable (resizing)=\"resizing($event)\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * resizing(event: XResizableEvent) {\r\n * console.log(event)\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly resizing = output<XResizableEvent>();\r\n}\r\n\r\n/**\r\n * Alert Option\r\n * @undocument true\r\n */\r\nexport interface XAlertOption {\r\n /**\r\n * 隐藏\r\n */\r\n hide?: boolean;\r\n /**\r\n * 标题\r\n */\r\n title?: XTemplate;\r\n /**\r\n * 内容\r\n */\r\n content?: XTemplate;\r\n /**\r\n * 类型\r\n */\r\n type?: XAlertType;\r\n /**\r\n * 主题\r\n */\r\n effect?: XEffect;\r\n /**\r\n * 隐藏关闭按钮\r\n */\r\n hideClose?: boolean;\r\n /**\r\n * 关闭按钮文字替换\r\n */\r\n closeText?: string;\r\n /**\r\n * 显示图标\r\n */\r\n showIcon?: boolean;\r\n /**\r\n * 禁用动画\r\n */\r\n disabledAnimation?: boolean;\r\n /**\r\n * 延迟关闭,默认 0 表示不关闭\r\n */\r\n duration?: number;\r\n /**\r\n * 手动处理关闭事件\r\n */\r\n manual?: boolean;\r\n /**\r\n * 拖动提示框\r\n */\r\n draggable?: boolean;\r\n /**\r\n * 调整提示框大小\r\n */\r\n resizable?: boolean;\r\n /**\r\n * 开启 resizable 调整大小,偏移屏幕左边\r\n */\r\n offsetLeft?: string;\r\n /**\r\n * 开启 resizable 调整大小,偏移屏幕顶部\r\n */\r\n offsetTop?: string;\r\n /**\r\n * 最小宽度\r\n */\r\n minWidth?: string;\r\n /**\r\n * 最小高度\r\n */\r\n minHeight?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Type\r\n */\r\nexport type XAlertType = XStatus;\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Variant\r\n */\r\nexport type XAlertVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';\r\n\r\n/**\r\n * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n */\r\nexport type XAlertDragFreeDragPosition = { x: number; y: number };\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n inject,\r\n PLATFORM_ID,\r\n computed,\r\n signal,\r\n effect,\r\n DestroyRef\r\n} from '@angular/core';\r\nimport { XAlertPrefix, XAlertProperty } from './alert.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { of, Subject, Subscription } from 'rxjs';\r\nimport { delay, takeUntil } from 'rxjs/operators';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XResizableDirective } from '@ng-nest/ui/resizable';\r\nimport { NgClass, NgTemplateOutlet, isPlatformBrowser } from '@angular/common';\r\n\r\n@Component({\r\n selector: `${XAlertPrefix}`,\r\n imports: [\r\n NgClass,\r\n NgTemplateOutlet,\r\n DragDropModule,\r\n XIconComponent,\r\n XButtonComponent,\r\n XOutletDirective,\r\n XResizableDirective\r\n ],\r\n templateUrl: './alert.component.html',\r\n styleUrls: ['./alert.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAlertComponent extends XAlertProperty {\r\n styleHide = signal(false);\r\n classMap = computed(() => ({\r\n [`${XAlertPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`x-${this.effect()}`]: !XIsEmpty(this.effect()),\r\n [`${XAlertPrefix}-icon-medium`]: !XIsEmpty(this.title()) && !XIsEmpty(this.content()) && !XIsEmpty(this.showIcon()),\r\n [`${XAlertPrefix}-draggable`]: this.draggable(),\r\n [`${XAlertPrefix}-${this.variant()}`]: !XIsEmpty(this.variant())\r\n }));\r\n\r\n private unSubject = new Subject<void>();\r\n private durationSubscription?: Subscription;\r\n private isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\r\n private destoryRef = inject(DestroyRef);\r\n private destory = signal(false);\r\n\r\n constructor() {\r\n super();\r\n effect(() => this.setDuration());\r\n this.destoryRef.onDestroy(() => {\r\n this.destory.set(true);\r\n this.unSubject.next();\r\n this.unSubject.complete();\r\n });\r\n }\r\n\r\n setDuration() {\r\n if (this.duration() && this.isBrowser) {\r\n this.durationSubscription?.unsubscribe();\r\n this.durationSubscription = of(true)\r\n .pipe(delay(this.duration()), takeUntil(this.unSubject))\r\n .subscribe(() => {\r\n this.onClose();\r\n });\r\n }\r\n }\r\n\r\n onClose() {\r\n if (this.manual()) {\r\n !this.destory() && this.close.emit();\r\n } else {\r\n this.styleHide.set(true);\r\n }\r\n }\r\n\r\n onCloseAnimationDone() {\r\n if (this.hide()) {\r\n !this.destory() && this.close.emit();\r\n }\r\n }\r\n}\r\n","@if (!styleHide() && !hide()) {\r\n <div\r\n class=\"x-alert\"\r\n [class.x-alert-has-close]=\"!hideClose()\"\r\n [class.x-alert-icon-content]=\"showIcon() && content()\"\r\n cdkDrag\r\n (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n [cdkDragFreeDragPosition]=\"dragFreeDragPosition()!\"\r\n [cdkDragDisabled]=\"!draggable()\"\r\n [cdkDragBoundary]=\"dragBoundary()!\"\r\n [ngClass]=\"classMap()\"\r\n animate.enter=\"x-connect-enter\"\r\n animate.leave=\"x-connect-leave\"\r\n [class.x-animate-disabled]=\"disabledAnimation()\"\r\n (animationend)=\"onCloseAnimationDone()\"\r\n [xResizable]=\"resizable()!\"\r\n (resizing)=\"resizing.emit($event)\"\r\n [offsetLeft]=\"offsetLeft()\"\r\n [offsetTop]=\"offsetTop()\"\r\n [style.minWidth]=\"minWidth()\"\r\n [style.minHeight]=\"minHeight()\"\r\n >\r\n @if (showIcon()) {\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n }\r\n <ng-template #iconTpl>\r\n @switch (type()) {\r\n @case ('success') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-check-circle\"></x-icon>\r\n }\r\n @case ('info') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-info-circle\"></x-icon>\r\n }\r\n @case ('warning') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-exclamation-circle\"></x-icon>\r\n }\r\n @case ('error') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-close-circle\"></x-icon>\r\n }\r\n @case ('loading') {\r\n <x-icon class=\"x-alert-icon\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n }\r\n }\r\n </ng-template>\r\n <div class=\"x-alert-inner\">\r\n <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title() && content()\">\r\n <ng-container *xOutlet=\"title(); context: { $iconTpl: iconTpl }\">{{ title() }}</ng-container>\r\n </span>\r\n @if (content()) {\r\n <div class=\"x-alert-content\">\r\n <ng-container *xOutlet=\"content(); context: { $iconTpl: iconTpl }\">{{ content() }}</ng-container>\r\n </div>\r\n }\r\n <div class=\"x-alert-close\">\r\n <div class=\"x-alert-operation\" *xOutlet=\"operationTpl()\">{{ operationTpl() }}</div>\r\n @if (!hideClose()) {\r\n <x-button\r\n class=\"x-alert-operation-close\"\r\n size=\"small\"\r\n [icon]=\"!closeText() ? 'fto-x' : ''\"\r\n [type]=\"'text'\"\r\n (click)=\"onClose()\"\r\n closable\r\n >\r\n {{ closeText() }}\r\n </x-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XAlertComponent } from './alert.component';\r\n\r\n@NgModule({\r\n exports: [XAlertComponent],\r\n imports: [XAlertComponent]\r\n})\r\nexport class XAlertModule {}\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-alert.mjs","sources":["../../../../lib/ng-nest/ui/alert/alert.property.ts","../../../../lib/ng-nest/ui/alert/alert.component.ts","../../../../lib/ng-nest/ui/alert/alert.component.html","../../../../lib/ng-nest/ui/alert/alert.module.ts","../../../../lib/ng-nest/ui/alert/ng-nest-ui-alert.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean, XToCssPixelValue, XToNumber } from '@ng-nest/ui/core';\r\nimport { Component, ElementRef, input, output } from '@angular/core';\r\nimport type { CdkDragEnd } from '@angular/cdk/drag-drop';\r\nimport type { XResizableEvent } from '@ng-nest/ui/resizable';\r\nimport type { XBoolean, XNumber, XEffect, XTemplate, XStatus } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Alert\r\n * @selector x-alert\r\n * @decorator component\r\n */\r\nexport const XAlertPrefix = 'x-alert';\r\nexport const X_ALERT_CONFIG_NAME = 'alert';\r\n\r\n/**\r\n * Alert Property\r\n */\r\n@Component({ selector: `${XAlertPrefix}-property`, template: '' })\r\nexport class XAlertProperty extends XPropertyFunction(X_ALERT_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 隐藏\r\n * @en_US Hide\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"隐藏,看不见\" hide> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly hide = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标题\r\n * @en_US Title\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"Title\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly title = input<XTemplate>();\r\n /**\r\n * @zh_CN 内容\r\n * @en_US Content\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert content=\"Content\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly content = input<XTemplate>();\r\n /**\r\n * @zh_CN 类型\r\n * @en_US Alert type\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert type=\"success\" > </x-alert>\r\n * <x-alert type=\"info\" > </x-alert>\r\n * <x-alert type=\"warning\" > </x-alert>\r\n * <x-alert type=\"error\" > </x-alert>\r\n * <x-alert type=\"loading\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly type = input<XAlertType>('info');\r\n /**\r\n * @zh_CN 主题\r\n * @en_US Theme\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert effect=\"light\" > </x-alert>\r\n * <x-alert effect=\"dark\" > </x-alert>\r\n * <x-alert effect=\"white\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly effect = input<XEffect>(this.config?.effect ?? 'light');\r\n /**\r\n * @zh_CN 形态变体\r\n * @en_US Variant\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert variant=\"outlined\" > </x-alert>\r\n * <x-alert variant=\"filled\" > </x-alert>\r\n * <x-alert variant=\"shadow\" > </x-alert>\r\n * <x-alert variant=\"borderless\" > </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly variant = input<XAlertVariant>(this.config?.variant ?? 'shadow');\r\n /**\r\n * @zh_CN 隐藏关闭按钮\r\n * @en_US Hide close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"no close button\" hideClose> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly hideClose = input<boolean, XBoolean>(this.config?.hideClose ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 使用文本关闭按钮\r\n * @en_US Use the text to close button\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"close button is text\" closeText=\"close\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly closeText = input<string>();\r\n /**\r\n * @zh_CN 显示图标\r\n * @en_US Show icon\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert type=\"success\" showIcon> </x-alert>\r\n * <x-alert type=\"info\" showIcon> </x-alert>\r\n * <x-alert type=\"warning\" showIcon> </x-alert>\r\n * <x-alert type=\"error\" showIcon> </x-alert>\r\n * <x-alert type=\"loading\" showIcon> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly showIcon = input<boolean, XBoolean>(this.config?.showIcon ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用动画\r\n * @en_US Disable animation\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"disabled animation\" disabledAnimation> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly disabledAnimation = input<boolean, XBoolean>(this.config?.disabledAnimation ?? false, {\r\n transform: XToBoolean\r\n });\r\n /**\r\n * @zh_CN 延迟关闭,默认 0 表示不关闭,ms\r\n * @en_US Delay close, the default value of 0 means do not close. ms\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"duration close\" duration=\"1000\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly duration = input<number, XNumber>(this.config?.duration ?? 0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 手动处理关闭事件\r\n * @en_US Manually handle close events\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"manual close\" manual> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 拖动提示框\r\n * @en_US Drag dialog\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable alert\" draggable> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly draggable = input<boolean, XBoolean>(this.config?.draggable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 调整提示框大小\r\n * @en_US Adjust the size of the box\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly resizable = input<boolean, XBoolean>(this.config?.resizable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 开启 resizable 调整大小,偏移屏幕左边\r\n * @en_US Open the resizable resize, offset screen left\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable offsetLeft=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly offsetLeft = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 开启 resizable 调整大小,偏移屏幕顶部\r\n * @en_US Open the resizable resize, offset screen top\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable alert\" resizable offsetTop=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly offsetTop = input<number, XNumber>(0, { transform: XToNumber });\r\n /**\r\n * @zh_CN 最小宽度\r\n * @en_US Min width\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"alert min-width\" minWidth=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly minWidth = input<string, XNumber>(this.config?.minWidth ?? '0', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 最小高度\r\n * @en_US Min height\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"alert min-height\" minHeight=\"100\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly minHeight = input<string, XNumber>(this.config?.minHeight ?? '0', { transform: XToCssPixelValue });\r\n /**\r\n * @zh_CN 拖动范围限制,父节点选择器或者对象\r\n * @en_US Drag dialog\r\n * @example\r\n *\r\n * ```html\r\n * <div #element style=\"width:300px; height: 300px\">\r\n * <x-alert title=\"draggable boundary\" draggable [dragBoundary]=\"element\"> </x-alert>\r\n * </div>\r\n * ```\r\n *\r\n */\r\n readonly dragBoundary = input<string | ElementRef<HTMLElement> | HTMLElement>();\r\n /**\r\n * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable boundary\" draggable [dragFreeDragPosition]=\"{ x: 100, y: 100 }\"> </x-alert>\r\n * ```\r\n *\r\n */\r\n readonly dragFreeDragPosition = input<XAlertDragFreeDragPosition>();\r\n /**\r\n * @zh_CN 自定义操作\r\n * @en_US Custom operation\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"operation template\" [operationTpl]=\"operationTpl\"> </x-alert>\r\n * <ng-template #operationTpl>\r\n * <x-button>Button</x-button>\r\n * </ng-template>\r\n * ```\r\n *\r\n */\r\n readonly operationTpl = input<XTemplate>();\r\n /**\r\n * @zh_CN 关闭的事件\r\n * @en_US Closed event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"operation template\" (close)=\"close()\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * close() {\r\n * console.log(\"close\")\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly close = output();\r\n /**\r\n * @zh_CN 拖动结束的事件\r\n * @en_US Drag end event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"draggable event\" draggable (dragEnded)=\"dragEnded($event)\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * dragEnded(event: CdkDragEnd) {\r\n * console.log(event)\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly dragEnded = output<CdkDragEnd>();\r\n /**\r\n * @zh_CN 改变尺寸事件\r\n * @en_US Change the size event\r\n * @example\r\n *\r\n * ```html\r\n * <x-alert title=\"resizable event\" resizable (resizing)=\"resizing($event)\"> </x-alert>\r\n * ```\r\n *\r\n * ```typescript\r\n * resizing(event: XResizableEvent) {\r\n * console.log(event)\r\n * }\r\n * ```\r\n *\r\n */\r\n readonly resizing = output<XResizableEvent>();\r\n}\r\n\r\n/**\r\n * Alert Option\r\n * @undocument true\r\n */\r\nexport interface XAlertOption {\r\n /**\r\n * 隐藏\r\n */\r\n hide?: boolean;\r\n /**\r\n * 标题\r\n */\r\n title?: XTemplate;\r\n /**\r\n * 内容\r\n */\r\n content?: XTemplate;\r\n /**\r\n * 类型\r\n */\r\n type?: XAlertType;\r\n /**\r\n * 主题\r\n */\r\n effect?: XEffect;\r\n /**\r\n * 隐藏关闭按钮\r\n */\r\n hideClose?: boolean;\r\n /**\r\n * 关闭按钮文字替换\r\n */\r\n closeText?: string;\r\n /**\r\n * 显示图标\r\n */\r\n showIcon?: boolean;\r\n /**\r\n * 禁用动画\r\n */\r\n disabledAnimation?: boolean;\r\n /**\r\n * 延迟关闭,默认 0 表示不关闭\r\n */\r\n duration?: number;\r\n /**\r\n * 手动处理关闭事件\r\n */\r\n manual?: boolean;\r\n /**\r\n * 拖动提示框\r\n */\r\n draggable?: boolean;\r\n /**\r\n * 调整提示框大小\r\n */\r\n resizable?: boolean;\r\n /**\r\n * 开启 resizable 调整大小,偏移屏幕左边\r\n */\r\n offsetLeft?: string;\r\n /**\r\n * 开启 resizable 调整大小,偏移屏幕顶部\r\n */\r\n offsetTop?: string;\r\n /**\r\n * 最小宽度\r\n */\r\n minWidth?: string;\r\n /**\r\n * 最小高度\r\n */\r\n minHeight?: string;\r\n}\r\n\r\n/**\r\n * @zh_CN 类型\r\n * @en_US Type\r\n */\r\nexport type XAlertType = XStatus;\r\n\r\n/**\r\n * @zh_CN 形态变体\r\n * @en_US Variant\r\n */\r\nexport type XAlertVariant = 'outlined' | 'filled' | 'shadow' | 'borderless';\r\n\r\n/**\r\n * @zh_CN 设置投放容器外部的 CdkDrag 的位置。可用于为返回的用户恢复元素的位置\r\n * @en_US Set the location of the CDKDRAG outside the container. Can be used to recover elements for returned users\r\n */\r\nexport type XAlertDragFreeDragPosition = { x: number; y: number };\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n inject,\r\n PLATFORM_ID,\r\n computed,\r\n signal,\r\n effect,\r\n DestroyRef\r\n} from '@angular/core';\r\nimport { XAlertPrefix, XAlertProperty } from './alert.property';\r\nimport { XIsEmpty } from '@ng-nest/ui/core';\r\nimport { of, Subject, Subscription } from 'rxjs';\r\nimport { delay, takeUntil } from 'rxjs/operators';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { XResizableDirective } from '@ng-nest/ui/resizable';\r\nimport { NgClass, NgTemplateOutlet, isPlatformBrowser } from '@angular/common';\r\n\r\n@Component({\r\n selector: `${XAlertPrefix}`,\r\n imports: [\r\n NgClass,\r\n NgTemplateOutlet,\r\n DragDropModule,\r\n XIconComponent,\r\n XButtonComponent,\r\n XOutletDirective,\r\n XResizableDirective\r\n ],\r\n templateUrl: './alert.component.html',\r\n styleUrls: ['./alert.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XAlertComponent extends XAlertProperty {\r\n styleHide = signal(false);\r\n classMap = computed(() => ({\r\n [`${XAlertPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`x-${this.effect()}`]: !XIsEmpty(this.effect()),\r\n [`${XAlertPrefix}-icon-medium`]: !XIsEmpty(this.title()) && !XIsEmpty(this.content()) && !XIsEmpty(this.showIcon()),\r\n [`${XAlertPrefix}-draggable`]: this.draggable(),\r\n [`${XAlertPrefix}-${this.variant()}`]: !XIsEmpty(this.variant())\r\n }));\r\n\r\n private unSubject = new Subject<void>();\r\n private durationSubscription?: Subscription;\r\n private isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\r\n private destoryRef = inject(DestroyRef);\r\n private destory = signal(false);\r\n\r\n constructor() {\r\n super();\r\n effect(() => this.setDuration());\r\n this.destoryRef.onDestroy(() => {\r\n this.destory.set(true);\r\n this.unSubject.next();\r\n this.unSubject.complete();\r\n });\r\n }\r\n\r\n setDuration() {\r\n if (this.duration() && this.isBrowser) {\r\n this.durationSubscription?.unsubscribe();\r\n this.durationSubscription = of(true)\r\n .pipe(delay(this.duration()), takeUntil(this.unSubject))\r\n .subscribe(() => {\r\n this.onClose();\r\n });\r\n }\r\n }\r\n\r\n onClose() {\r\n if (this.manual()) {\r\n !this.destory() && this.close.emit();\r\n } else {\r\n this.styleHide.set(true);\r\n }\r\n }\r\n\r\n onCloseAnimationDone() {\r\n if (this.hide()) {\r\n !this.destory() && this.close.emit();\r\n }\r\n }\r\n}\r\n","@if (!styleHide() && !hide()) {\r\n <div\r\n class=\"x-alert\"\r\n [class.x-alert-has-close]=\"!hideClose()\"\r\n [class.x-alert-icon-content]=\"showIcon() && content()\"\r\n cdkDrag\r\n (cdkDragEnded)=\"dragEnded.emit($event)\"\r\n [cdkDragFreeDragPosition]=\"dragFreeDragPosition()!\"\r\n [cdkDragDisabled]=\"!draggable()\"\r\n [cdkDragBoundary]=\"dragBoundary()!\"\r\n [ngClass]=\"classMap()\"\r\n animate.enter=\"x-connect-enter\"\r\n animate.leave=\"x-connect-leave\"\r\n [class.x-animate-disabled]=\"disabledAnimation()\"\r\n (animationend)=\"onCloseAnimationDone()\"\r\n [xResizable]=\"resizable()!\"\r\n (resizing)=\"resizing.emit($event)\"\r\n [offsetLeft]=\"offsetLeft()\"\r\n [offsetTop]=\"offsetTop()\"\r\n [style.minWidth]=\"minWidth()\"\r\n [style.minHeight]=\"minHeight()\"\r\n >\r\n @if (showIcon()) {\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n }\r\n <ng-template #iconTpl>\r\n @switch (type()) {\r\n @case ('success') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-check-circle\"></x-icon>\r\n }\r\n @case ('info') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-info-circle\"></x-icon>\r\n }\r\n @case ('warning') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-exclamation-circle\"></x-icon>\r\n }\r\n @case ('error') {\r\n <x-icon class=\"x-alert-icon\" type=\"adf-close-circle\"></x-icon>\r\n }\r\n @case ('loading') {\r\n <x-icon class=\"x-alert-icon\" type=\"fto-loader\" [spin]=\"true\"></x-icon>\r\n }\r\n }\r\n </ng-template>\r\n <div class=\"x-alert-inner\">\r\n <span class=\"x-alert-title\" cdkDragHandle [class.x-bold]=\"title() && content()\">\r\n <ng-container *xOutlet=\"title(); context: { $iconTpl: iconTpl }\">{{ title() }}</ng-container>\r\n </span>\r\n @if (content()) {\r\n <div class=\"x-alert-content\">\r\n <ng-container *xOutlet=\"content(); context: { $iconTpl: iconTpl }\">{{ content() }}</ng-container>\r\n </div>\r\n }\r\n <div class=\"x-alert-close\">\r\n <div class=\"x-alert-operation\" *xOutlet=\"operationTpl()\">{{ operationTpl() }}</div>\r\n @if (!hideClose()) {\r\n <x-button\r\n class=\"x-alert-operation-close\"\r\n size=\"small\"\r\n [icon]=\"!closeText() ? 'fto-x' : ''\"\r\n [type]=\"'text'\"\r\n (click)=\"onClose()\"\r\n closable\r\n >\r\n {{ closeText() }}\r\n </x-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XAlertComponent } from './alert.component';\r\n\r\n@NgModule({\r\n exports: [XAlertComponent],\r\n imports: [XAlertComponent]\r\n})\r\nexport class XAlertModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|