@alauda/ui 6.1.2-beta → 6.1.3-beta.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.
@@ -12432,7 +12432,7 @@
12432
12432
  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",
12433
12433
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
12434
12434
  encapsulation: i0.ViewEncapsulation.None,
12435
- 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;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 4s linear infinite;animation:spin 4s 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))}"]
12435
+ 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 4s linear infinite;animation:spin 4s 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))}"]
12436
12436
  },] }
12437
12437
  ];
12438
12438
  StepsComponent.propDecorators = {