@alauda/ui 6.4.8-beta.54 → 6.4.8-beta.56
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/core/animation/animation-consts.d.ts +1 -1
- package/dialog/dialog-animations.d.ts +27 -0
- package/dialog/dialog-config.d.ts +0 -31
- package/dialog/dialog.service.d.ts +3 -0
- package/esm2020/back-top/back-top.component.mjs +2 -2
- package/esm2020/core/animation/animation-consts.mjs +1 -1
- package/esm2020/dialog/dialog-animations.mjs +50 -16
- package/esm2020/dialog/dialog-config.mjs +1 -41
- package/esm2020/dialog/dialog.component.mjs +11 -18
- package/esm2020/dialog/dialog.service.mjs +8 -5
- package/esm2020/types.mjs +6 -1
- package/esm2020/utils/animations.mjs +2 -0
- package/esm2020/utils/fn.mjs +3 -4
- package/fesm2015/alauda-ui.mjs +68 -70
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +68 -70
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme/_mixin.scss +4 -5
- package/types.d.ts +6 -0
- package/utils/animations.d.ts +2 -0
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -62,6 +62,11 @@ const ComponentSize = {
|
|
|
62
62
|
*/
|
|
63
63
|
Empty: '',
|
|
64
64
|
};
|
|
65
|
+
const AnimationDuration = {
|
|
66
|
+
Base: 'base',
|
|
67
|
+
Fast: 'fast',
|
|
68
|
+
Slow: 'slow',
|
|
69
|
+
};
|
|
65
70
|
|
|
66
71
|
const ButtonType = {
|
|
67
72
|
Default: 'default',
|
|
@@ -164,10 +169,9 @@ function getElementOffset(elem) {
|
|
|
164
169
|
return { top: 0, left: 0 };
|
|
165
170
|
}
|
|
166
171
|
const rect = elem.getBoundingClientRect();
|
|
167
|
-
const win = elem.ownerDocument.defaultView;
|
|
168
172
|
return {
|
|
169
|
-
top: rect.top
|
|
170
|
-
left: rect.left
|
|
173
|
+
top: rect.top,
|
|
174
|
+
left: rect.left,
|
|
171
175
|
};
|
|
172
176
|
}
|
|
173
177
|
|
|
@@ -2194,10 +2198,10 @@ class BackTopComponent {
|
|
|
2194
2198
|
}
|
|
2195
2199
|
}
|
|
2196
2200
|
BackTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$2.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2197
|
-
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"back_top\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;
|
|
2201
|
+
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"back_top\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2198
2202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
2199
2203
|
type: Component,
|
|
2200
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"back_top\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;
|
|
2204
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon\n icon=\"back_top\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
|
|
2201
2205
|
}], ctorParameters: function () { return [{ type: i1$2.CdkScrollable, decorators: [{
|
|
2202
2206
|
type: Optional
|
|
2203
2207
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
|
@@ -5579,6 +5583,25 @@ class DialogConfig extends BaseDialogConfig {
|
|
|
5579
5583
|
this.fitViewport = false;
|
|
5580
5584
|
}
|
|
5581
5585
|
}
|
|
5586
|
+
|
|
5587
|
+
class ConfirmDialogConfig extends BaseDialogConfig {
|
|
5588
|
+
constructor() {
|
|
5589
|
+
super(...arguments);
|
|
5590
|
+
this.cancelButton = true;
|
|
5591
|
+
this.confirmType = ConfirmType.Primary;
|
|
5592
|
+
this.confirmText = 'OK';
|
|
5593
|
+
this.cancelText = 'Cancel';
|
|
5594
|
+
}
|
|
5595
|
+
}
|
|
5596
|
+
|
|
5597
|
+
const AnimationDurationMap = {
|
|
5598
|
+
slow: '0.3s',
|
|
5599
|
+
base: '0.24s',
|
|
5600
|
+
fast: '0.2s',
|
|
5601
|
+
};
|
|
5602
|
+
|
|
5603
|
+
const getAnimationQueryMetadatas = (classNames, query) => classNames?.map(className => query(className));
|
|
5604
|
+
|
|
5582
5605
|
const ZOOM_CLASS_NAME_MAP = {
|
|
5583
5606
|
enter: 'aui-zoom-enter',
|
|
5584
5607
|
enterActive: 'aui-zoom-enter-active',
|
|
@@ -5603,59 +5626,36 @@ const FADE_SLOW_CLASS_NAME_MAP = {
|
|
|
5603
5626
|
leave: 'aui-fade-slow-leave',
|
|
5604
5627
|
leaveActive: 'aui-fade-slow-leave-active',
|
|
5605
5628
|
};
|
|
5606
|
-
const
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
const DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS = 'aui-dialog-overlay-pane--fit-viewport';
|
|
5621
|
-
const DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
|
|
5622
|
-
|
|
5623
|
-
class ConfirmDialogConfig extends BaseDialogConfig {
|
|
5624
|
-
constructor() {
|
|
5625
|
-
super(...arguments);
|
|
5626
|
-
this.cancelButton = true;
|
|
5627
|
-
this.confirmType = ConfirmType.Primary;
|
|
5628
|
-
this.confirmText = 'OK';
|
|
5629
|
-
this.cancelText = 'Cancel';
|
|
5630
|
-
}
|
|
5631
|
-
}
|
|
5632
|
-
|
|
5633
|
-
const AnimationDurationMap = {
|
|
5634
|
-
slow: '0.3s',
|
|
5635
|
-
base: '0.24s',
|
|
5636
|
-
fast: '0.2s',
|
|
5637
|
-
};
|
|
5638
|
-
|
|
5639
|
-
const getAnimationQueryMetadatas = (config) => {
|
|
5640
|
-
const animationMetadatas = [];
|
|
5641
|
-
Object.keys(config).forEach(key => {
|
|
5642
|
-
const classNames = config[key];
|
|
5643
|
-
classNames.forEach(className => {
|
|
5644
|
-
animationMetadatas.push(query(className, animate(AnimationDurationMap[key], style({})), {
|
|
5645
|
-
optional: true,
|
|
5646
|
-
}));
|
|
5647
|
-
});
|
|
5648
|
-
});
|
|
5649
|
-
return animationMetadatas;
|
|
5650
|
-
};
|
|
5629
|
+
const ANIMATION_DURATION_BASE_CLASSES = [
|
|
5630
|
+
'.aui-dialog--small',
|
|
5631
|
+
'.aui-dialog--medium',
|
|
5632
|
+
'.aui-dialog--fit-content',
|
|
5633
|
+
];
|
|
5634
|
+
const ANIMATION_DURATION_SLOW_CLASSES = [
|
|
5635
|
+
'.aui-dialog--big',
|
|
5636
|
+
'.aui-dialog--large',
|
|
5637
|
+
'.aui-dialog--fullscreen',
|
|
5638
|
+
'.aui-dialog--fit-viewport',
|
|
5639
|
+
];
|
|
5640
|
+
const getAnimationQueryMetadata = (duration) => (className) => query(className, animate(duration, style({})), {
|
|
5641
|
+
optional: true,
|
|
5642
|
+
});
|
|
5651
5643
|
const dialogAnimations = {
|
|
5652
5644
|
dialogContainer: trigger('dialogContainer', [
|
|
5653
5645
|
state('void, exit', style({})),
|
|
5654
5646
|
state('enter', style({})),
|
|
5655
|
-
transition('* => enter',
|
|
5656
|
-
|
|
5647
|
+
transition('* => enter', [
|
|
5648
|
+
...getAnimationQueryMetadatas(ANIMATION_DURATION_BASE_CLASSES, getAnimationQueryMetadata(AnimationDurationMap.base)),
|
|
5649
|
+
...getAnimationQueryMetadatas(ANIMATION_DURATION_SLOW_CLASSES, getAnimationQueryMetadata(AnimationDurationMap.slow)),
|
|
5650
|
+
]),
|
|
5651
|
+
transition('* => void, * => exit', [
|
|
5652
|
+
...getAnimationQueryMetadatas(ANIMATION_DURATION_BASE_CLASSES, getAnimationQueryMetadata(AnimationDurationMap.base)),
|
|
5653
|
+
...getAnimationQueryMetadatas(ANIMATION_DURATION_SLOW_CLASSES, getAnimationQueryMetadata(AnimationDurationMap.slow)),
|
|
5654
|
+
]),
|
|
5657
5655
|
]),
|
|
5658
5656
|
};
|
|
5657
|
+
// Whitelist dom elements that are allowed to transition with transform
|
|
5658
|
+
const WHITELIST_TRANSFORM_ANIMATION_ELEMENTS = ['BUTTON'];
|
|
5659
5659
|
|
|
5660
5660
|
function throwDialogContentAlreadyAttachedError() {
|
|
5661
5661
|
throw new Error('Attempting to attach dialog content after content is already attached');
|
|
@@ -5698,20 +5698,12 @@ class DialogComponent {
|
|
|
5698
5698
|
: {};
|
|
5699
5699
|
}
|
|
5700
5700
|
get zoomClassMap() {
|
|
5701
|
-
return
|
|
5702
|
-
DialogSize.Small,
|
|
5703
|
-
DialogSize.Medium,
|
|
5704
|
-
DialogSize.FitContent,
|
|
5705
|
-
].includes(this.config.size)
|
|
5701
|
+
return ANIMATION_DURATION_BASE_CLASSES.includes(this.config.size)
|
|
5706
5702
|
? ZOOM_CLASS_NAME_MAP
|
|
5707
5703
|
: ZOOM_SLOW_CLASS_NAME_MAP;
|
|
5708
5704
|
}
|
|
5709
5705
|
get fadeClassMap() {
|
|
5710
|
-
return
|
|
5711
|
-
DialogSize.Small,
|
|
5712
|
-
DialogSize.Medium,
|
|
5713
|
-
DialogSize.FitContent,
|
|
5714
|
-
].includes(this.config.size)
|
|
5706
|
+
return ANIMATION_DURATION_BASE_CLASSES.includes(this.config.size)
|
|
5715
5707
|
? FADE_CLASS_NAME_MAP
|
|
5716
5708
|
: FADE_SLOW_CLASS_NAME_MAP;
|
|
5717
5709
|
}
|
|
@@ -5745,10 +5737,13 @@ class DialogComponent {
|
|
|
5745
5737
|
this.state = 'exit';
|
|
5746
5738
|
}
|
|
5747
5739
|
blurActiveElement() {
|
|
5740
|
+
const activeElement = document.activeElement;
|
|
5748
5741
|
if (document) {
|
|
5749
5742
|
this.elementFocusedBeforeModalWasOpened =
|
|
5750
|
-
|
|
5751
|
-
|
|
5743
|
+
WHITELIST_TRANSFORM_ANIMATION_ELEMENTS.includes(activeElement.tagName)
|
|
5744
|
+
? activeElement
|
|
5745
|
+
: null;
|
|
5746
|
+
activeElement.blur();
|
|
5752
5747
|
}
|
|
5753
5748
|
}
|
|
5754
5749
|
cleanAnimationClass() {
|
|
@@ -5810,7 +5805,7 @@ class DialogComponent {
|
|
|
5810
5805
|
}
|
|
5811
5806
|
}
|
|
5812
5807
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
5813
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;
|
|
5808
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@.disabled": "config.noAnimation", "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
5814
5809
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
|
|
5815
5810
|
type: Component,
|
|
5816
5811
|
args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, animations: [dialogAnimations.dialogContainer], host: {
|
|
@@ -5818,7 +5813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
5818
5813
|
'[@dialogContainer]': 'state',
|
|
5819
5814
|
'(@dialogContainer.start)': 'onAnimationStart($event)',
|
|
5820
5815
|
'(@dialogContainer.done)': 'onAnimationDone($event)',
|
|
5821
|
-
}, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;
|
|
5816
|
+
}, template: "<div\n [ngClass]=\"rootClass\"\n [ngStyle]=\"customStyle\"\n>\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.cdk-overlay-pane.aui-dialog-overlay-pane{display:flex;justify-content:center;align-items:normal}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{display:flex;justify-content:center;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active,.aui-zoom-leave.aui-zoom-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active,.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active,.aui-fade-leave.aui-fade-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active,.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-play-state:running;pointer-events:none}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}\n"] }]
|
|
5822
5817
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { portalOutlet: [{
|
|
5823
5818
|
type: ViewChild,
|
|
5824
5819
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -6012,10 +6007,10 @@ class DialogService {
|
|
|
6012
6007
|
positionStrategy: this.overlay.position().global(),
|
|
6013
6008
|
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
6014
6009
|
hasBackdrop: dialogConfig.hasBackdrop && !this.openDialogs.length,
|
|
6015
|
-
backdropClass: DIALOG_BACKDROP_CLASS,
|
|
6010
|
+
backdropClass: DialogService.DIALOG_BACKDROP_CLASS,
|
|
6016
6011
|
panelClass: dialogConfig.fitViewport || dialogConfig.size === DialogSize.Fullscreen
|
|
6017
|
-
? DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS
|
|
6018
|
-
: DIALOG_OVERLAY_PANE_CLASS,
|
|
6012
|
+
? DialogService.DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS
|
|
6013
|
+
: DialogService.DIALOG_OVERLAY_PANE_CLASS,
|
|
6019
6014
|
width: '100vw',
|
|
6020
6015
|
height: '100vh',
|
|
6021
6016
|
};
|
|
@@ -6062,6 +6057,9 @@ class DialogService {
|
|
|
6062
6057
|
this.openDialogs.splice(index, 1);
|
|
6063
6058
|
}
|
|
6064
6059
|
}
|
|
6060
|
+
DialogService.DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
|
|
6061
|
+
DialogService.DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
|
|
6062
|
+
DialogService.DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS = 'aui-dialog-overlay-pane--fit-viewport';
|
|
6065
6063
|
DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService, deps: [{ token: i1$2.Overlay }, { token: i0.Injector }, { token: i1$2.ScrollDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6066
6064
|
DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService });
|
|
6067
6065
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService, decorators: [{
|
|
@@ -11811,5 +11809,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
|
|
|
11811
11809
|
* Generated bundle index. Do not edit.
|
|
11812
11810
|
*/
|
|
11813
11811
|
|
|
11814
|
-
export {
|
|
11812
|
+
export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AnimationDuration, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, BackTopComponent, BackTopModule, BaseDialogConfig, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CssVarPipe, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerComponent, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogComponent, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputAddonAfterDirective, InputAddonBeforeDirective, InputComponent, InputGroupComponent, InputModule, InputPrefixDirective, InputSuffixDirective, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuGroupTitleDirective, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, RgbColorPipe, RgbaColorPipe, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TableScrollableDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyDirective, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualForOfDirective, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, cssVar, en, getAnchorTreeItems, getElementOffset, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isString, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, publishRef, rgbColor, rgbaColor, scrollIntoView, sleep, watchContentExist, zh };
|
|
11815
11813
|
//# sourceMappingURL=alauda-ui.mjs.map
|