@alauda/ui 6.2.1-beta.6 → 6.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alauda-ui.d.ts +21 -20
- package/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +77 -37
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/esm2015/alauda-ui.js +22 -21
- package/esm2015/alauda-ui.ngsummary.json +1 -1
- package/esm2015/dialog/confirm-dialog/confirm-dialog.component.js +2 -2
- package/esm2015/dialog/confirm-dialog/confirm-dialog.component.ngfactory.js +3 -3
- package/esm2015/dialog/dialog.component.js +1 -1
- package/esm2015/dialog/dialog.component.scss.ngstyle.js +1 -1
- package/esm2015/dialog/dialog.module.ngfactory.js +1 -1
- package/esm2015/dropdown/menu/menu.component.js +1 -1
- package/esm2015/dropdown/menu/menu.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.component.js +6 -4
- package/esm2015/icon/icon.component.ngfactory.js +4 -3
- package/esm2015/icon/icon.component.ngsummary.json +1 -1
- package/esm2015/icon/icon.component.scss.ngstyle.js +1 -1
- package/esm2015/icon/icon.module.ngfactory.js +1 -1
- package/esm2015/inline-alert/inline-alert.component.js +2 -2
- package/esm2015/inline-alert/inline-alert.component.ngfactory.js +2 -2
- package/esm2015/message/message.component.js +2 -2
- package/esm2015/message/message.component.ngfactory.js +2 -2
- package/esm2015/message/message.module.ngfactory.js +1 -1
- package/esm2015/notification/notification.component.js +2 -2
- package/esm2015/notification/notification.component.ngfactory.js +2 -2
- package/esm2015/notification/notification.module.ngfactory.js +1 -1
- package/esm2015/steps/steps.component.js +1 -1
- package/esm2015/steps/steps.component.scss.ngstyle.js +1 -1
- package/esm2015/theme/color.pipe.js +26 -0
- package/esm2015/theme/color.pipe.ngsummary.json +1 -0
- package/esm2015/theme/theme.module.js +4 -3
- package/esm2015/theme/theme.module.ngfactory.js +1 -1
- package/esm2015/theme/theme.module.ngsummary.json +1 -1
- package/fesm2015/alauda-ui.js +40 -13
- package/fesm2015/alauda-ui.js.map +1 -1
- package/icon/icon.component.d.ts +2 -0
- package/package.json +1 -1
- package/theme/color.pipe.d.ts +10 -0
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -566,6 +566,41 @@
|
|
|
566
566
|
{ type: i0.ChangeDetectorRef }
|
|
567
567
|
]; };
|
|
568
568
|
|
|
569
|
+
var RgbColorPipe = /** @class */ (function () {
|
|
570
|
+
function RgbColorPipe() {
|
|
571
|
+
}
|
|
572
|
+
RgbColorPipe.prototype.transform = function (color) {
|
|
573
|
+
return "rgb(var(--aui-color-" + color + "))";
|
|
574
|
+
};
|
|
575
|
+
return RgbColorPipe;
|
|
576
|
+
}());
|
|
577
|
+
RgbColorPipe.decorators = [
|
|
578
|
+
{ type: i0.Pipe, args: [{ name: 'auiRgbColor', pure: true },] }
|
|
579
|
+
];
|
|
580
|
+
var RgbaColorPipe = /** @class */ (function () {
|
|
581
|
+
function RgbaColorPipe() {
|
|
582
|
+
}
|
|
583
|
+
RgbaColorPipe.prototype.transform = function (_a) {
|
|
584
|
+
var _b = __read(_a, 2), color = _b[0], opacity = _b[1];
|
|
585
|
+
return "rgba(var(--aui-color-" + color + "), " + opacity + ")";
|
|
586
|
+
};
|
|
587
|
+
return RgbaColorPipe;
|
|
588
|
+
}());
|
|
589
|
+
RgbaColorPipe.decorators = [
|
|
590
|
+
{ type: i0.Pipe, args: [{ name: 'auiRgbaColor', pure: true },] }
|
|
591
|
+
];
|
|
592
|
+
var CssVarPipe = /** @class */ (function () {
|
|
593
|
+
function CssVarPipe() {
|
|
594
|
+
}
|
|
595
|
+
CssVarPipe.prototype.transform = function (value) {
|
|
596
|
+
return "var(--aui-" + value + ")";
|
|
597
|
+
};
|
|
598
|
+
return CssVarPipe;
|
|
599
|
+
}());
|
|
600
|
+
CssVarPipe.decorators = [
|
|
601
|
+
{ type: i0.Pipe, args: [{ name: 'auiCssVar', pure: true },] }
|
|
602
|
+
];
|
|
603
|
+
|
|
569
604
|
var ThemeModule = /** @class */ (function () {
|
|
570
605
|
function ThemeModule() {
|
|
571
606
|
}
|
|
@@ -574,8 +609,8 @@
|
|
|
574
609
|
ThemeModule.decorators = [
|
|
575
610
|
{ type: i0.NgModule, args: [{
|
|
576
611
|
imports: [common.CommonModule],
|
|
577
|
-
declarations: [ThemePickerPipe],
|
|
578
|
-
exports: [ThemePickerPipe],
|
|
612
|
+
declarations: [ThemePickerPipe, RgbColorPipe, RgbaColorPipe, CssVarPipe],
|
|
613
|
+
exports: [ThemePickerPipe, RgbColorPipe, RgbaColorPipe, CssVarPipe],
|
|
579
614
|
},] }
|
|
580
615
|
];
|
|
581
616
|
|
|
@@ -686,11 +721,11 @@
|
|
|
686
721
|
IconComponent.decorators = [
|
|
687
722
|
{ type: i0.Component, args: [{
|
|
688
723
|
selector: 'aui-icon',
|
|
689
|
-
template: "<svg\n *ngIf=\"icon === 'spinner'; else icons\"\n [attr.class]=\"getClass('aui-icon-spinner')\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n viewBox=\"0 0 200 200\"\n>\n <defs>\n <linearGradient\n [attr.id]=\"'right-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"150\"\n y1=\"20\"\n x2=\"150\"\n y2=\"180\"\n >\n <stop offset=\"0\" style=\"stop-color: #000\" />\n <stop offset=\"1\" style=\"stop-color: #808080\" />\n </linearGradient>\n <linearGradient\n [attr.id]=\"'left-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"50\"\n y1=\"0\"\n x2=\"50\"\n y2=\"180\"\n >\n <stop offset=\"0\" style=\"stop-color: #fff\" />\n <stop offset=\"1\" style=\"stop-color: #808080\" />\n </linearGradient>\n <mask [attr.id]=\"'mask-' + id\">\n <g>\n <path\n [attr.fill]=\"'url(#right-' + id + ')'\"\n d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n />\n <path\n [attr.fill]=\"'url(#left-' + id + ')'\"\n d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n />\n </g>\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"200\"\n height=\"200\"\n [attr.mask]=\"'url(#mask-' + id + ')'\"\n />\n</svg>\n\n<ng-template #icons>\n <svg\n *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n [
|
|
724
|
+
template: "<svg\n *ngIf=\"icon === 'spinner'; else icons\"\n [attr.class]=\"getClass('aui-icon-spinner')\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n viewBox=\"0 0 200 200\"\n>\n <defs>\n <linearGradient\n [attr.id]=\"'right-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"150\"\n y1=\"20\"\n x2=\"150\"\n y2=\"180\"\n >\n <stop offset=\"0\" style=\"stop-color: #000\" />\n <stop offset=\"1\" style=\"stop-color: #808080\" />\n </linearGradient>\n <linearGradient\n [attr.id]=\"'left-' + id\"\n gradientUnits=\"userSpaceOnUse\"\n x1=\"50\"\n y1=\"0\"\n x2=\"50\"\n y2=\"180\"\n >\n <stop offset=\"0\" style=\"stop-color: #fff\" />\n <stop offset=\"1\" style=\"stop-color: #808080\" />\n </linearGradient>\n <mask [attr.id]=\"'mask-' + id\">\n <g>\n <path\n [attr.fill]=\"'url(#right-' + id + ')'\"\n d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n />\n <path\n [attr.fill]=\"'url(#left-' + id + ')'\"\n d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n />\n </g>\n </mask>\n </defs>\n <rect\n x=\"0\"\n y=\"0\"\n width=\"200\"\n height=\"200\"\n [attr.mask]=\"'url(#mask-' + id + ')'\"\n />\n</svg>\n\n<ng-template #icons>\n <svg\n *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n [ngClass]=\"getClass(iconId)\"\n [style.fill]=\"color\"\n [style.width]=\"getWidth()\"\n [style.height]=\"getHeight()\"\n >\n <rect\n *ngIf=\"background\"\n class=\"aui-icon__background\"\n [ngClass]=\"background\"\n [attr.fill]=\"backgroundColor\"\n x=\"0\"\n y=\"0\"\n ></rect>\n <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n </svg>\n</ng-template>\n",
|
|
690
725
|
encapsulation: i0.ViewEncapsulation.None,
|
|
691
726
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
692
727
|
preserveWhitespaces: false,
|
|
693
|
-
styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{-webkit-animation:rotating .5s linear infinite;animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@-webkit-keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"]
|
|
728
|
+
styles: ["aui-icon{vertical-align:bottom}.aui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.aui-icon__background{width:1em;height:1em;fill:#fff}.aui-icon__background.circle{-webkit-clip-path:circle(calc(.5em - 1px));clip-path:circle(calc(.5em - 1px))}.aui-icon__background.triangle{-webkit-clip-path:polygon(.5em 1px,calc(1em - 1px) calc(1em - 1px),1px calc(1em - 1px));clip-path:polygon(.5em 1px,calc(1em - 1px) calc(1em - 1px),1px calc(1em - 1px))}.aui-icon--left{margin-left:var(--aui-spacing-s)}.aui-icon--right{margin-right:var(--aui-spacing-s)}.aui-icon-spinner{-webkit-animation:rotating .5s linear infinite;animation:rotating .5s linear infinite}aui-icon+aui-icon>.aui-icon{margin-left:var(--aui-spacing-s)}@-webkit-keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"]
|
|
694
729
|
},] }
|
|
695
730
|
];
|
|
696
731
|
IconComponent.ctorParameters = function () { return [
|
|
@@ -703,7 +738,9 @@
|
|
|
703
738
|
link: [{ type: i0.Input }],
|
|
704
739
|
margin: [{ type: i0.Input }],
|
|
705
740
|
size: [{ type: i0.Input }],
|
|
706
|
-
color: [{ type: i0.Input }]
|
|
741
|
+
color: [{ type: i0.Input }],
|
|
742
|
+
background: [{ type: i0.Input }],
|
|
743
|
+
backgroundColor: [{ type: i0.Input }]
|
|
707
744
|
};
|
|
708
745
|
|
|
709
746
|
var IconModule = /** @class */ (function () {
|
|
@@ -2680,7 +2717,7 @@
|
|
|
2680
2717
|
ConfirmDialogComponent.decorators = [
|
|
2681
2718
|
{ type: i0.Component, args: [{
|
|
2682
2719
|
selector: 'aui-confirm-dialog',
|
|
2683
|
-
template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon
|
|
2720
|
+
template: "<div [class]=\"bem.block()\">\n <div [class]=\"bem.element('title')\">\n <span [class]=\"bem.element('icon', config.confirmType + '')\">\n <aui-icon\n [icon]=\"iconMap(config.confirmType)\"\n [background]=\"\n iconMap(config.confirmType).endsWith('_triangle_s')\n ? 'triangle'\n : 'circle'\n \"\n ></aui-icon>\n </span>\n <span>{{ config.title }}</span>\n </div>\n <div [class]=\"bem.element('content')\">{{ config.content }}</div>\n <div [class]=\"bem.element('button-wrapper')\">\n <div>\n <button\n [aui-button]=\"config.confirmType\"\n [ngClass]=\"bem.element('confirm-button')\"\n [loading]=\"waitConfirm\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"confirm()\"\n >\n {{ config.confirmText }}\n </button>\n <button\n *ngIf=\"config.cancelButton\"\n aui-button\n [ngClass]=\"bem.element('cancel-button')\"\n [loading]=\"waitCancel\"\n [disabled]=\"waitConfirm || waitCancel\"\n (click)=\"cancel()\"\n >\n {{ config.cancelText }}\n </button>\n </div>\n </div>\n</div>\n",
|
|
2684
2721
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2685
2722
|
encapsulation: i0.ViewEncapsulation.None,
|
|
2686
2723
|
preserveWhitespaces: false,
|
|
@@ -2778,7 +2815,7 @@
|
|
|
2778
2815
|
// tslint:disable-next-line:validate-decorators
|
|
2779
2816
|
changeDetection: i0.ChangeDetectionStrategy.Default,
|
|
2780
2817
|
preserveWhitespaces: false,
|
|
2781
|
-
styles: [".cdk-global-overlay-wrapper,.cdk-overlay-container{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,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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,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),.65)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.65)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}:root .aui-dialog,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{background-color:rgba(0,0,0,.3)}.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-n-8))}.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-n-1));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:
|
|
2818
|
+
styles: [".cdk-global-overlay-wrapper,.cdk-overlay-container{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,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;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,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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,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),.65)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.65)}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.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);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}:root .aui-dialog,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{background-color:rgba(0,0,0,.3)}.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-n-8))}.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-n-1));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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport,.aui-dialog--fullscreen{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-8))}.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}"]
|
|
2782
2819
|
},] }
|
|
2783
2820
|
];
|
|
2784
2821
|
DialogComponent.ctorParameters = function () { return [
|
|
@@ -5256,7 +5293,7 @@
|
|
|
5256
5293
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
5257
5294
|
encapsulation: i0.ViewEncapsulation.None,
|
|
5258
5295
|
preserveWhitespaces: false,
|
|
5259
|
-
styles: ["aui-menu{display:none}.aui-menu{padding:var(--aui-spacing-m);max-width:280px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-menu,html[aui-theme-mode=light] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme:dark){html[aui-theme-mode=system] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-menu--large .aui-menu-item,.aui-menu--large .aui-submenu{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-menu--medium .aui-menu-item,.aui-menu--medium .aui-submenu{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-
|
|
5296
|
+
styles: ["aui-menu{display:none}.aui-menu{padding:var(--aui-spacing-m);max-width:280px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-popper-bg))}:root .aui-menu,html[aui-theme-mode=light] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme:dark){html[aui-theme-mode=system] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-menu{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-menu--large .aui-menu-item,.aui-menu--large .aui-submenu{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-menu--large .aui-menu-item aui-icon,.aui-menu--large .aui-submenu aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-menu--medium .aui-menu-item,.aui-menu--medium .aui-submenu{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--medium .aui-menu-item aui-icon,.aui-menu--medium .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--small .aui-menu-item,.aui-menu--small .aui-submenu{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-menu--small .aui-menu-item aui-icon,.aui-menu--small .aui-submenu aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-menu--mini .aui-menu-item,.aui-menu--mini .aui-submenu{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-menu--mini .aui-menu-item aui-icon,.aui-menu--mini .aui-submenu aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}"]
|
|
5260
5297
|
},] }
|
|
5261
5298
|
];
|
|
5262
5299
|
MenuComponent.propDecorators = {
|
|
@@ -6759,7 +6796,7 @@
|
|
|
6759
6796
|
InlineAlertComponent.decorators = [
|
|
6760
6797
|
{ type: i0.Component, args: [{
|
|
6761
6798
|
selector: 'aui-inline-alert',
|
|
6762
|
-
template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon
|
|
6799
|
+
template: "<div\n *ngIf=\"visible\"\n [class]=\"bem.block(type)\"\n [class.hasTitle]=\"title || titleRef\"\n>\n <aui-icon\n class=\"aui-inline-alert__icon\"\n [icon]=\"iconMap(type)\"\n [background]=\"iconMap(type).endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n <div class=\"aui-inline-alert__body\">\n <div class=\"aui-inline-alert__title\" *ngIf=\"title || titleRef\">\n <ng-container *ngIf=\"title\">{{ title }}</ng-container>\n <ng-content select=\"[auiInlineAlertTitle]\"></ng-content>\n </div>\n <div class=\"aui-inline-alert__content\">\n <ng-container *ngIf=\"content\">{{ content }}</ng-container>\n <ng-content></ng-content>\n </div>\n </div>\n <aui-icon\n *ngIf=\"closable\"\n class=\"aui-inline-alert__close\"\n icon=\"close\"\n (click)=\"closeSelf()\"\n ></aui-icon>\n</div>\n",
|
|
6763
6800
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
6764
6801
|
encapsulation: i0.ViewEncapsulation.None,
|
|
6765
6802
|
preserveWhitespaces: false,
|
|
@@ -7050,7 +7087,7 @@
|
|
|
7050
7087
|
MessageComponent.decorators = [
|
|
7051
7088
|
{ type: i0.Component, args: [{
|
|
7052
7089
|
selector: 'aui-message',
|
|
7053
|
-
template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon
|
|
7090
|
+
template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId\"\n>\n <div [class]=\"bem.element('icon', type)\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('content')\">{{ content }}</div>\n</div>\n",
|
|
7054
7091
|
animations: [MessageAnimations.inOut],
|
|
7055
7092
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7056
7093
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
@@ -7291,7 +7328,7 @@
|
|
|
7291
7328
|
NotificationComponent.decorators = [
|
|
7292
7329
|
{ type: i0.Component, args: [{
|
|
7293
7330
|
selector: 'aui-notification',
|
|
7294
|
-
template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\"
|
|
7331
|
+
template: "<div\n [@inOut]=\"animateState\"\n (@inOut.done)=\"onAnimationEnd($event)\"\n [class]=\"bem.block(type) + ' ' + uniqueId + ' ' + customClass\"\n>\n <div [class]=\"bem.element('icon')\">\n <aui-icon\n [icon]=\"icon\"\n [background]=\"icon.endsWith('_triangle_s') ? 'triangle' : 'circle'\"\n ></aui-icon>\n </div>\n <div [class]=\"bem.element('body')\">\n <div *ngIf=\"title\" [class]=\"bem.element('title')\">{{ title }}</div>\n <div *ngIf=\"content\" [class]=\"bem.element('content')\">{{ content }}</div>\n <ng-template cdkPortalHost></ng-template>\n <ng-template #modalComponent></ng-template>\n </div>\n <div [class]=\"bem.element('close')\">\n <div\n *ngIf=\"duration <= 0 || isHover\"\n [class]=\"bem.element('remove')\"\n (click)=\"remove()\"\n >\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n <div *ngIf=\"duration > 0 && !isHover\" [class]=\"bem.element('duration')\">\n {{ remains > 0 ? remains : 1 }}s\n </div>\n </div>\n <div *ngIf=\"footerPortal\" [class]=\"bem.element('footer')\">\n <ng-template [cdkPortalOutlet]=\"footerPortal\"></ng-template>\n </div>\n</div>\n",
|
|
7295
7332
|
animations: [MessageAnimations.inOut],
|
|
7296
7333
|
encapsulation: i0.ViewEncapsulation.None,
|
|
7297
7334
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
@@ -12444,7 +12481,7 @@
|
|
|
12444
12481
|
template: "<div\n class=\"aui-steps aui-steps--{{ orientation || 'horizontal' }} aui-steps--{{\n type || 'step'\n }}\"\n>\n <ng-container *ngFor=\"let step of steps; let i = index; let isLast = last\">\n <div\n class=\"aui-step\"\n (click)=\"select(i)\"\n [class.isLastActive]=\"isLastActive(i, steps)\"\n [class.clickable]=\"isSelectable(i)\"\n >\n <div class=\"aui-step__indicator\">\n <ng-container *ngIf=\"isProgress\">\n <ng-container [ngSwitch]=\"getIcon(i, step.state)\">\n <span\n class=\"aui-step__indicator-number aui-step__indicator-number--{{\n step.state\n }}\"\n *ngSwitchCase=\"'number'\"\n [class.selected]=\"getActiveIndex() === i\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--{{\n step.state\n }}\"\n *ngSwitchDefault\n [class.selected]=\"getActiveIndex() === i\"\n [icon]=\"getIcon(i, step.state)\"\n ></aui-icon>\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"!isProgress\">\n <span\n class=\"aui-step__indicator-number\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i >= _currentIndex\"\n >\n {{ i + 1 }}\n </span>\n <aui-icon\n class=\"aui-step__indicator-icon aui-step__indicator-icon--done\"\n [class.selected]=\"_currentIndex === i\"\n *ngIf=\"i < _currentIndex\"\n [icon]=\"getIcon(i, 'done')\"\n ></aui-icon>\n </ng-container>\n <div\n *ngIf=\"!isLast && isVertical\"\n class=\"aui-steps__vertical-line aui-steps__vertical-line--{{\n step.state\n }}\"\n ></div>\n </div>\n <div\n class=\"aui-step__info aui-step__info--{{\n isProgress\n ? step.state || 'default'\n : i < _currentIndex\n ? 'done'\n : 'default'\n }}\"\n [class.aui-step__info--selected]=\"getActiveIndex() === i\"\n >\n <div class=\"aui-step__name\">\n {{ step.label }}\n </div>\n <div class=\"aui-step__description\" *ngIf=\"step.description\">\n {{ step.description }}\n </div>\n </div>\n </div>\n <div\n *ngIf=\"!isLast && !isVertical\"\n class=\"aui-steps__horizontal-line\"\n ></div>\n </ng-container>\n</div>\n",
|
|
12445
12482
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12446
12483
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12447
|
-
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);display:flex;justify-content:center;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl);line-height:var(--aui-line-height-l)}.aui-step__indicator-number.selected{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary));color:#fff}.aui-step__indicator-icon{font-size:var(--aui-icon-size-xl);display:inline-flex;border-radius:50%}.aui-step__indicator-icon--done,.aui-step__indicator-icon--pending{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-step__indicator-icon--done.selected,.aui-step__indicator-icon--pending.selected{background-color:#fff}.aui-step__indicator-icon--error{background-color:rgb(var(--aui-color-r-6));color:rgb(var(--aui-color-red))}.aui-step__indicator-icon--error.selected{background-color:#fff}.aui-step__indicator-icon--pending{transform-origin:center;-webkit-animation:spin
|
|
12484
|
+
styles: ["@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aui-step{display:flex;align-items:center;font-weight:var(--aui-font-weight-normal)}.aui-step__indicator{margin-right:var(--aui-spacing-m);width:24px;height:24px;display:inline-flex;color:rgb(var(--aui-color-n-4))}.aui-step__indicator-number{border-radius:50%;border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);display:flex;justify-content:center;width:var(--aui-icon-size-xl);height:var(--aui-icon-size-xl);line-height:var(--aui-line-height-l)}.aui-step__indicator-number.selected{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary));color:#fff}.aui-step__indicator-icon{font-size:var(--aui-icon-size-xl);display:inline-flex;border-radius:50%}.aui-step__indicator-icon--done,.aui-step__indicator-icon--pending{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-step__indicator-icon--done.selected,.aui-step__indicator-icon--pending.selected{background-color:#fff}.aui-step__indicator-icon--error{background-color:rgb(var(--aui-color-r-6));color:rgb(var(--aui-color-red))}.aui-step__indicator-icon--error.selected{background-color:#fff}.aui-step__indicator-icon--pending{transform-origin:center;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.aui-step__name{font-size:var(--aui-font-size-l);max-width:128px}.aui-step__description{font-size:var(--aui-font-size-s);margin-top:var(--aui-spacing-s);line-height:var(--aui-line-height-s)}.aui-step__info{color:rgb(var(--aui-color-n-4))}.aui-step__info--done,.aui-step__info--error,.aui-step__info--pending,.aui-step__info--selected{color:rgb(var(--aui-color-n-1))}.aui-step__info--selected .aui-step__name{font-weight:var(--aui-font-weight-bold)}.aui-step.clickable{cursor:pointer}.aui-steps--progress .aui-step.clickable .aui-step__info:hover{color:rgb(var(--aui-color-primary))}.aui-steps__horizontal-line{height:1px;background-color:rgb(var(--aui-color-n-7));flex:1;max-width:240px;margin:0 var(--aui-spacing-l)}.aui-steps__vertical-line{min-height:12px;width:1px;background-color:rgb(var(--aui-color-n-7));margin-top:var(--aui-spacing-s);flex:1}.aui-steps__vertical-line--done{background-color:rgb(var(--aui-color-green))}.aui-steps__vertical-line--error{background-color:rgb(var(--aui-color-red))}.aui-steps__vertical-line--pending{background-color:rgb(var(--aui-color-primary))}.aui-steps--horizontal{padding:0 120px;display:flex;justify-content:center;align-items:center}.aui-steps--vertical{max-width:200px}.aui-steps--vertical .aui-step{align-items:stretch}.aui-steps--vertical .aui-step:not(:last-child){margin-bottom:var(--aui-spacing-s)}.aui-steps--vertical .aui-step__indicator{height:auto;display:flex;align-items:center;flex-direction:column}.aui-steps--vertical .aui-step__indicator-icon--done{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-steps--vertical .aui-step__indicator-icon--done.selected{background-color:#fff}.aui-steps--vertical .aui-step__info{padding-bottom:13px}.aui-steps--vertical .aui-step.isLastActive .aui-steps__vertical-line{background-color:rgb(var(--aui-color-n-7))}"]
|
|
12448
12485
|
},] }
|
|
12449
12486
|
];
|
|
12450
12487
|
StepsComponent.propDecorators = {
|
|
@@ -12734,31 +12771,34 @@
|
|
|
12734
12771
|
exports.ɵ0 = ɵ0;
|
|
12735
12772
|
exports.ɵ1 = ɵ1;
|
|
12736
12773
|
exports.ɵ2 = ɵ2;
|
|
12737
|
-
exports.ɵa =
|
|
12738
|
-
exports.ɵb =
|
|
12739
|
-
exports.ɵ
|
|
12740
|
-
exports.ɵ
|
|
12741
|
-
exports.ɵ
|
|
12742
|
-
exports.ɵ
|
|
12743
|
-
exports.ɵ
|
|
12744
|
-
exports.ɵ
|
|
12745
|
-
exports.ɵ
|
|
12746
|
-
exports.ɵ
|
|
12747
|
-
exports.ɵ
|
|
12748
|
-
exports.ɵ
|
|
12749
|
-
exports.ɵ
|
|
12750
|
-
exports.ɵ
|
|
12751
|
-
exports.ɵ
|
|
12752
|
-
exports.ɵ
|
|
12753
|
-
exports.ɵ
|
|
12754
|
-
exports.ɵ
|
|
12755
|
-
exports.ɵ
|
|
12756
|
-
exports.ɵ
|
|
12757
|
-
exports.ɵ
|
|
12758
|
-
exports.ɵ
|
|
12759
|
-
exports.ɵ
|
|
12760
|
-
exports.ɵ
|
|
12761
|
-
exports.ɵ
|
|
12774
|
+
exports.ɵa = RgbColorPipe;
|
|
12775
|
+
exports.ɵb = RgbaColorPipe;
|
|
12776
|
+
exports.ɵba = _isNumberValue;
|
|
12777
|
+
exports.ɵbb = DatePickerComponent;
|
|
12778
|
+
exports.ɵc = CssVarPipe;
|
|
12779
|
+
exports.ɵd = TablePlaceholderDefDirective;
|
|
12780
|
+
exports.ɵe = TablePlaceholderOutlet;
|
|
12781
|
+
exports.ɵf = TableExpandButtonCellComponent;
|
|
12782
|
+
exports.ɵg = TableExpandPanelCellComponent;
|
|
12783
|
+
exports.ɵh = TooltipCopyDirective;
|
|
12784
|
+
exports.ɵi = DialogComponent;
|
|
12785
|
+
exports.ɵj = ConfirmDialogComponent;
|
|
12786
|
+
exports.ɵk = BaseRadio;
|
|
12787
|
+
exports.ɵl = InputAddonBeforeDirective;
|
|
12788
|
+
exports.ɵm = InputAddonAfterDirective;
|
|
12789
|
+
exports.ɵn = InputPrefixDirective;
|
|
12790
|
+
exports.ɵo = InputSuffixDirective;
|
|
12791
|
+
exports.ɵp = SharedModule;
|
|
12792
|
+
exports.ɵq = ClickOutsideDirective;
|
|
12793
|
+
exports.ɵr = AutosizeDirective;
|
|
12794
|
+
exports.ɵs = BaseSelect;
|
|
12795
|
+
exports.ɵt = MenuGroupTitleDirective;
|
|
12796
|
+
exports.ɵu = MessageWrapperComponent;
|
|
12797
|
+
exports.ɵv = MessageComponent;
|
|
12798
|
+
exports.ɵw = MessageAnimations;
|
|
12799
|
+
exports.ɵx = BaseMessage;
|
|
12800
|
+
exports.ɵy = NotificationWrapperComponent;
|
|
12801
|
+
exports.ɵz = VirtualForOfDirective;
|
|
12762
12802
|
|
|
12763
12803
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
12764
12804
|
|