raise-common-lib 0.0.237-beta → 0.0.239-beta
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/bundles/raise-common-lib.umd.js +144 -44
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/actions/toolbar-item/index.component.js +1 -1
- package/esm2015/lib/layout/drawer/index.component.js +67 -13
- package/esm2015/lib/layout/rs-stepper/constants.js +1 -1
- package/esm2015/lib/layout/rs-stepper/index.component.js +39 -21
- package/esm2015/lib/service/drawer.service.js +27 -10
- package/esm5/lib/actions/toolbar-item/index.component.js +1 -1
- package/esm5/lib/layout/drawer/index.component.js +79 -14
- package/esm5/lib/layout/rs-stepper/constants.js +1 -1
- package/esm5/lib/layout/rs-stepper/index.component.js +40 -22
- package/esm5/lib/service/drawer.service.js +28 -10
- package/fesm2015/raise-common-lib.js +131 -42
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +145 -45
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/drawer/index.component.d.ts +3 -1
- package/lib/layout/rs-stepper/constants.d.ts +2 -0
- package/lib/layout/rs-stepper/index.component.d.ts +4 -2
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/style/syncfusion.min.css +1 -1
|
@@ -3613,9 +3613,7 @@
|
|
|
3613
3613
|
if (data === void 0) { data = {}; }
|
|
3614
3614
|
/** @type {?} */
|
|
3615
3615
|
var drawer = this.uniqueDrawerComponent;
|
|
3616
|
-
if (!this.checkChange("show", { component: component, config: config, data: data }) ||
|
|
3617
|
-
!drawer ||
|
|
3618
|
-
drawer.isOpened) {
|
|
3616
|
+
if (!this.checkChange("show", { component: component, config: config, data: data }) || !drawer) {
|
|
3619
3617
|
return {
|
|
3620
3618
|
instance: null,
|
|
3621
3619
|
result: null,
|
|
@@ -3630,14 +3628,29 @@
|
|
|
3630
3628
|
function (resolve) {
|
|
3631
3629
|
/** @type {?} */
|
|
3632
3630
|
var cacheKey = _this.cacheKey;
|
|
3633
|
-
|
|
3631
|
+
/** @type {?} */
|
|
3632
|
+
var resolves = _this.resultPromiseResolveMap.get(cacheKey) || [];
|
|
3633
|
+
/** @type {?} */
|
|
3634
|
+
var resolveFn = (/**
|
|
3634
3635
|
* @param {?} value
|
|
3635
3636
|
* @return {?}
|
|
3636
3637
|
*/
|
|
3637
3638
|
function (value) {
|
|
3638
3639
|
resolve(value);
|
|
3639
|
-
|
|
3640
|
-
|
|
3640
|
+
/** @type {?} */
|
|
3641
|
+
var caches = _this.resultPromiseResolveMap.get(cacheKey) || [];
|
|
3642
|
+
/** @type {?} */
|
|
3643
|
+
var index = caches.findIndex((/**
|
|
3644
|
+
* @param {?} cache
|
|
3645
|
+
* @return {?}
|
|
3646
|
+
*/
|
|
3647
|
+
function (cache) { return cache === resolveFn; }));
|
|
3648
|
+
caches.splice(index, 1);
|
|
3649
|
+
if (index === 0) {
|
|
3650
|
+
_this.resultPromiseResolveMap.delete(cacheKey);
|
|
3651
|
+
}
|
|
3652
|
+
});
|
|
3653
|
+
_this.resultPromiseResolveMap.set(cacheKey, __spread(resolves, [resolveFn]));
|
|
3641
3654
|
})),
|
|
3642
3655
|
};
|
|
3643
3656
|
};
|
|
@@ -3651,7 +3664,9 @@
|
|
|
3651
3664
|
/** @type {?} */
|
|
3652
3665
|
var drawer = this.uniqueDrawerComponent;
|
|
3653
3666
|
/** @type {?} */
|
|
3654
|
-
var
|
|
3667
|
+
var resolves = this.resultPromiseResolveMap.get(this.cacheKey) || [];
|
|
3668
|
+
/** @type {?} */
|
|
3669
|
+
var resolve = resolves.slice(-1)[0];
|
|
3655
3670
|
if (resolve && this.checkChange("hide")) {
|
|
3656
3671
|
resolve({ type: "hide" });
|
|
3657
3672
|
drawer && drawer.back();
|
|
@@ -3669,7 +3684,9 @@
|
|
|
3669
3684
|
/** @type {?} */
|
|
3670
3685
|
var drawer = this.uniqueDrawerComponent;
|
|
3671
3686
|
/** @type {?} */
|
|
3672
|
-
var
|
|
3687
|
+
var resolves = this.resultPromiseResolveMap.get(this.cacheKey) || [];
|
|
3688
|
+
/** @type {?} */
|
|
3689
|
+
var resolve = resolves.slice(-1)[0];
|
|
3673
3690
|
if (resolve && this.checkChange("complete", { data: data })) {
|
|
3674
3691
|
resolve({ type: "complete", data: data });
|
|
3675
3692
|
drawer && drawer.back();
|
|
@@ -3699,7 +3716,7 @@
|
|
|
3699
3716
|
function (cacheKey) {
|
|
3700
3717
|
/** @type {?} */
|
|
3701
3718
|
var drawer = this.uniqueDrawerComponent;
|
|
3702
|
-
drawer && drawer.
|
|
3719
|
+
drawer && drawer.deleteAllCache(cacheKey);
|
|
3703
3720
|
this.resultPromiseResolveMap.delete(cacheKey);
|
|
3704
3721
|
};
|
|
3705
3722
|
/**
|
|
@@ -4553,7 +4570,9 @@
|
|
|
4553
4570
|
*/
|
|
4554
4571
|
function (config) {
|
|
4555
4572
|
/** @type {?} */
|
|
4556
|
-
var
|
|
4573
|
+
var caches = this.componentRefMap.get(this.service.cacheKey) || [];
|
|
4574
|
+
/** @type {?} */
|
|
4575
|
+
var cache = caches.slice(-1)[0];
|
|
4557
4576
|
if (cache) {
|
|
4558
4577
|
cache.config = __assign({}, cache.config, config);
|
|
4559
4578
|
this.setCache(cache);
|
|
@@ -4592,10 +4611,15 @@
|
|
|
4592
4611
|
headerEl: headerEl,
|
|
4593
4612
|
topEl: topEl,
|
|
4594
4613
|
};
|
|
4614
|
+
/** @type {?} */
|
|
4615
|
+
var caches = this.componentRefMap.get(this.service.cacheKey) || [];
|
|
4616
|
+
this.componentRefMap.set(this.service.cacheKey, __spread(caches, [cache]));
|
|
4617
|
+
// 如果是第一个缓存，打开抽屉
|
|
4618
|
+
if (caches.length === 0) {
|
|
4619
|
+
this.toggleOpenStatus(true, true);
|
|
4620
|
+
}
|
|
4621
|
+
this.toggleCache(cache);
|
|
4595
4622
|
this.setComponentData(componentRef, data);
|
|
4596
|
-
this.componentRefMap.set(this.service.cacheKey, cache);
|
|
4597
|
-
this.setCache(cache);
|
|
4598
|
-
this.toggleOpenStatus(true, true);
|
|
4599
4623
|
return componentRef.instance;
|
|
4600
4624
|
};
|
|
4601
4625
|
/**
|
|
@@ -4615,43 +4639,101 @@
|
|
|
4615
4639
|
*/
|
|
4616
4640
|
function () {
|
|
4617
4641
|
this.deleteCache(this.service.cacheKey);
|
|
4618
|
-
|
|
4642
|
+
// 如果有上一个缓存，设置为当前缓存，否则关闭抽屉
|
|
4643
|
+
/** @type {?} */
|
|
4644
|
+
var caches = this.componentRefMap.get(this.service.cacheKey) || [];
|
|
4645
|
+
/** @type {?} */
|
|
4646
|
+
var cache = caches.slice(-1)[0];
|
|
4647
|
+
if (cache) {
|
|
4648
|
+
this.toggleCache(cache);
|
|
4649
|
+
}
|
|
4650
|
+
else {
|
|
4651
|
+
this.toggleOpenStatus(false, true);
|
|
4652
|
+
}
|
|
4619
4653
|
};
|
|
4620
4654
|
/**
|
|
4655
|
+
* @private
|
|
4621
4656
|
* @param {?} cacheKey
|
|
4622
4657
|
* @return {?}
|
|
4623
4658
|
*/
|
|
4624
4659
|
DrawerComponent.prototype.deleteCache = /**
|
|
4660
|
+
* @private
|
|
4625
4661
|
* @param {?} cacheKey
|
|
4626
4662
|
* @return {?}
|
|
4627
4663
|
*/
|
|
4628
4664
|
function (cacheKey) {
|
|
4629
4665
|
/** @type {?} */
|
|
4630
|
-
var
|
|
4666
|
+
var caches = this.componentRefMap.get(cacheKey) || [];
|
|
4667
|
+
/** @type {?} */
|
|
4668
|
+
var cache = caches.slice(-1)[0];
|
|
4631
4669
|
if (cache) {
|
|
4632
4670
|
this.destroyDynamicComponent(cache.ref);
|
|
4671
|
+
caches.pop();
|
|
4672
|
+
}
|
|
4673
|
+
if (caches.length === 0) {
|
|
4674
|
+
this.componentRefMap.delete(cacheKey);
|
|
4633
4675
|
}
|
|
4634
|
-
this.componentRefMap.delete(cacheKey);
|
|
4635
4676
|
};
|
|
4636
4677
|
/**
|
|
4678
|
+
* @private
|
|
4679
|
+
* @param {?} cache
|
|
4637
4680
|
* @return {?}
|
|
4638
4681
|
*/
|
|
4639
|
-
DrawerComponent.prototype.
|
|
4682
|
+
DrawerComponent.prototype.toggleCache = /**
|
|
4683
|
+
* @private
|
|
4684
|
+
* @param {?} cache
|
|
4640
4685
|
* @return {?}
|
|
4641
4686
|
*/
|
|
4642
|
-
function () {
|
|
4687
|
+
function (cache) {
|
|
4643
4688
|
this.componentRefMap.forEach((/**
|
|
4689
|
+
* @param {?} caches
|
|
4690
|
+
* @return {?}
|
|
4691
|
+
*/
|
|
4692
|
+
function (caches) {
|
|
4693
|
+
caches.forEach((/**
|
|
4694
|
+
* @param {?} c
|
|
4695
|
+
* @return {?}
|
|
4696
|
+
*/
|
|
4697
|
+
function (c) {
|
|
4698
|
+
c.ref.location.nativeElement.style.display = c === cache ? "" : "none";
|
|
4699
|
+
}));
|
|
4700
|
+
}));
|
|
4701
|
+
this.setCache(cache);
|
|
4702
|
+
};
|
|
4703
|
+
/**
|
|
4704
|
+
* @param {?} cacheKey
|
|
4705
|
+
* @return {?}
|
|
4706
|
+
*/
|
|
4707
|
+
DrawerComponent.prototype.deleteAllCache = /**
|
|
4708
|
+
* @param {?} cacheKey
|
|
4709
|
+
* @return {?}
|
|
4710
|
+
*/
|
|
4711
|
+
function (cacheKey) {
|
|
4712
|
+
var _this = this;
|
|
4713
|
+
/** @type {?} */
|
|
4714
|
+
var caches = this.componentRefMap.get(cacheKey) || [];
|
|
4715
|
+
caches.forEach((/**
|
|
4644
4716
|
* @param {?} cache
|
|
4645
4717
|
* @return {?}
|
|
4646
4718
|
*/
|
|
4647
4719
|
function (cache) {
|
|
4648
|
-
cache.ref
|
|
4720
|
+
_this.destroyDynamicComponent(cache.ref);
|
|
4649
4721
|
}));
|
|
4722
|
+
this.componentRefMap.delete(cacheKey);
|
|
4723
|
+
};
|
|
4724
|
+
/**
|
|
4725
|
+
* @return {?}
|
|
4726
|
+
*/
|
|
4727
|
+
DrawerComponent.prototype.onRouteChange = /**
|
|
4728
|
+
* @return {?}
|
|
4729
|
+
*/
|
|
4730
|
+
function () {
|
|
4731
|
+
/** @type {?} */
|
|
4732
|
+
var caches = this.componentRefMap.get(this.service.cacheKey) || [];
|
|
4650
4733
|
/** @type {?} */
|
|
4651
|
-
var cache =
|
|
4734
|
+
var cache = caches.slice(-1)[0];
|
|
4652
4735
|
if (cache) {
|
|
4653
|
-
cache
|
|
4654
|
-
this.setCache(cache);
|
|
4736
|
+
this.toggleCache(cache);
|
|
4655
4737
|
this.toggleOpenStatus(true);
|
|
4656
4738
|
}
|
|
4657
4739
|
else {
|
|
@@ -5020,7 +5102,7 @@
|
|
|
5020
5102
|
{ type: core.Component, args: [{
|
|
5021
5103
|
selector: "rs-toolbar-item",
|
|
5022
5104
|
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"toolbar-action-menu-content\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"toolbar-action-image\"\r\n *ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
5023
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;line-height:24px!important
|
|
5105
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;line-height:24px!important}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}.toolbar-action-item .toolbar-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;min-width:auto!important;height:24px!important;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}::ng-deep .toolbar-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .toolbar-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}"]
|
|
5024
5106
|
}] }
|
|
5025
5107
|
];
|
|
5026
5108
|
ToolbarItemComponent.propDecorators = {
|
|
@@ -22215,6 +22297,10 @@
|
|
|
22215
22297
|
this.ref = ref;
|
|
22216
22298
|
this.steps = [];
|
|
22217
22299
|
this.currentStep = 0;
|
|
22300
|
+
/**
|
|
22301
|
+
* Layout direction: 'horizontal' (default) or 'vertical'
|
|
22302
|
+
*/
|
|
22303
|
+
this.orientation = "horizontal";
|
|
22218
22304
|
this.stepClick = new core.EventEmitter();
|
|
22219
22305
|
this.unlockedStep = 0; //已解锁的最大步骤
|
|
22220
22306
|
this.showBtn = false;
|
|
@@ -22246,10 +22332,12 @@
|
|
|
22246
22332
|
*/
|
|
22247
22333
|
function () {
|
|
22248
22334
|
var _this = this;
|
|
22249
|
-
|
|
22250
|
-
|
|
22251
|
-
|
|
22252
|
-
|
|
22335
|
+
if (this.orientation === "horizontal") {
|
|
22336
|
+
setTimeout((/**
|
|
22337
|
+
* @return {?}
|
|
22338
|
+
*/
|
|
22339
|
+
function () { return _this.checkBtnShow(true); }));
|
|
22340
|
+
}
|
|
22253
22341
|
};
|
|
22254
22342
|
/**
|
|
22255
22343
|
* @param {?} changes
|
|
@@ -22263,14 +22351,16 @@
|
|
|
22263
22351
|
var _this = this;
|
|
22264
22352
|
if (changes["currentStep"] && !changes["currentStep"].firstChange) {
|
|
22265
22353
|
this.syncUnlockedStep();
|
|
22266
|
-
|
|
22267
|
-
|
|
22268
|
-
|
|
22269
|
-
|
|
22270
|
-
|
|
22354
|
+
if (this.orientation === "horizontal") {
|
|
22355
|
+
setTimeout((/**
|
|
22356
|
+
* @return {?}
|
|
22357
|
+
*/
|
|
22358
|
+
function () { return _this.scrollToStep(); }));
|
|
22359
|
+
}
|
|
22271
22360
|
}
|
|
22272
|
-
if (
|
|
22273
|
-
changes["
|
|
22361
|
+
if (this.orientation === "horizontal" &&
|
|
22362
|
+
((changes["steps"] && changes["steps"].currentValue) ||
|
|
22363
|
+
changes["currentStep"])) {
|
|
22274
22364
|
setTimeout((/**
|
|
22275
22365
|
* @return {?}
|
|
22276
22366
|
*/
|
|
@@ -22309,10 +22399,12 @@
|
|
|
22309
22399
|
if (step.step <= this.unlockedStep) {
|
|
22310
22400
|
this.currentStep = step.step;
|
|
22311
22401
|
this.stepClick.emit(step);
|
|
22312
|
-
|
|
22313
|
-
|
|
22314
|
-
|
|
22315
|
-
|
|
22402
|
+
if (this.orientation === "horizontal") {
|
|
22403
|
+
setTimeout((/**
|
|
22404
|
+
* @return {?}
|
|
22405
|
+
*/
|
|
22406
|
+
function () { return _this.scrollToStep(index); }));
|
|
22407
|
+
}
|
|
22316
22408
|
}
|
|
22317
22409
|
};
|
|
22318
22410
|
/**
|
|
@@ -22372,15 +22464,17 @@
|
|
|
22372
22464
|
this.onScroll();
|
|
22373
22465
|
};
|
|
22374
22466
|
/**
|
|
22375
|
-
* @param {?}
|
|
22467
|
+
* @param {?} _event
|
|
22376
22468
|
* @return {?}
|
|
22377
22469
|
*/
|
|
22378
22470
|
RSStepperComponent.prototype.onResize = /**
|
|
22379
|
-
* @param {?}
|
|
22471
|
+
* @param {?} _event
|
|
22380
22472
|
* @return {?}
|
|
22381
22473
|
*/
|
|
22382
|
-
function (
|
|
22383
|
-
this.
|
|
22474
|
+
function (_event) {
|
|
22475
|
+
if (this.orientation === "horizontal") {
|
|
22476
|
+
this.checkBtnShow();
|
|
22477
|
+
}
|
|
22384
22478
|
};
|
|
22385
22479
|
/**
|
|
22386
22480
|
* @param {?=} init
|
|
@@ -22459,8 +22553,8 @@
|
|
|
22459
22553
|
RSStepperComponent.decorators = [
|
|
22460
22554
|
{ type: core.Component, args: [{
|
|
22461
22555
|
selector: "rs-stepper",
|
|
22462
|
-
template: "<div class=\"rs-stepper\">\r\n <div class=\"steps-wrap\">\r\n
|
|
22463
|
-
styles: [".rs-stepper{font-family:Arial;width:100
|
|
22556
|
+
template: "<div class=\"rs-stepper\" [ngClass]=\"{ 'rs-stepper--vertical': orientation === 'vertical' }\">\r\n <!-- Horizontal stepper -->\r\n <ng-container *ngIf=\"orientation === 'horizontal'\">\r\n <div class=\"steps-wrap\">\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtStart || !showBtn\"\r\n (click)=\"scrollLeft()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M10.4995 3.99955L7.24219 8.24219L10.4995 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n <div\r\n class=\"steps-content\"\r\n [ngClass]=\"{\r\n leftMask: showBtn && !isAtStart,\r\n rightMask: showBtn && !isAtEnd,\r\n bothMask: showBtn && !isAtStart && showBtn && !isAtEnd\r\n }\"\r\n #menu\r\n (scroll)=\"onScroll()\"\r\n >\r\n <ng-container *ngFor=\"let item of steps; let i = index\">\r\n <div\r\n class=\"step\"\r\n [ngClass]=\"{\r\n done: item.step <= unlockedStep,\r\n active: item.step === currentStep\r\n }\"\r\n (click)=\"onStepClick(item, i)\"\r\n >\r\n <div\r\n class=\"step-label\"\r\n [matTooltip]=\"item.label !== item.displayTitle ? item.label : ''\"\r\n matTooltipPosition=\"above\"\r\n >\r\n {{ item.displayTitle }}\r\n </div>\r\n </div>\r\n <div class=\"step-arrow\" *ngIf=\"i < steps.length - 1\">\r\n <img src=\"/assets/img/step-arrow.svg\" />\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div\r\n class=\"row-btn\"\r\n [class.hidden]=\"isAtEnd || !showBtn\"\r\n (click)=\"scrollRight()\"\r\n >\r\n <div class=\"hover\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#1F7BFF\"\r\n />\r\n </svg>\r\n </div>\r\n <div class=\"normal\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"17\"\r\n height=\"16\"\r\n viewBox=\"0 0 17 16\"\r\n fill=\"none\"\r\n >\r\n <path\r\n d=\"M7.50045 3.99955L10.7578 8.24219L7.50045 12.4848\"\r\n stroke=\"#6B6B6B\"\r\n />\r\n </svg>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Vertical stepper (Figma RAISE-UI-Kits: right border, \"Step N\" + title) -->\r\n <div class=\"steps-wrap steps-wrap--vertical\" *ngIf=\"orientation === 'vertical'\">\r\n <ol class=\"steps-vertical\" role=\"list\">\r\n <li\r\n *ngFor=\"let item of steps; let i = index\"\r\n class=\"step-vertical\"\r\n [ngClass]=\"{\r\n 'step-vertical--done': item.step <= unlockedStep,\r\n 'step-vertical--active': item.step === currentStep\r\n }\"\r\n (click)=\"onStepClick(item, i)\"\r\n >\r\n <span class=\"step-vertical__number\">Step {{ item.step + 1 }}</span>\r\n <span\r\n class=\"step-vertical__label\"\r\n [matTooltip]=\"item.label !== (item.displayTitle || item.label) ? item.label : ''\"\r\n matTooltipPosition=\"right\"\r\n >\r\n {{ item.displayTitle || item.label }}\r\n </span>\r\n </li>\r\n </ol>\r\n </div>\r\n</div>\r\n",
|
|
22557
|
+
styles: [".rs-stepper{font-family:var(--rs-font-family,Arial);width:100%}.rs-stepper:not(.rs-stepper--vertical){border-bottom:1px solid var(--rs-border-color)}.rs-stepper.rs-stepper--vertical{border-bottom:none}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto}.rs-stepper .steps-wrap .steps-content{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;gap:8px}.rs-stepper .steps-wrap .steps-content.leftMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%);mask-image:linear-gradient(90deg,transparent,#fff 10%,#d8d3d3 100%)}.rs-stepper .steps-wrap .steps-content.rightMask{-webkit-mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent);mask-image:linear-gradient(90deg,#fff 0,#fff 90%,transparent)}.rs-stepper .steps-wrap .steps-content.bothMask{-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent)!important}.rs-stepper .steps-wrap .steps-content::-webkit-scrollbar{width:0;height:0}.rs-stepper .steps-wrap .step{flex:0 0 auto}.rs-stepper .steps-wrap .step .step-label{color:var(--rs-labels-color);font-size:12px;font-weight:400;line-height:22px;text-align:center;white-space:nowrap;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .steps-wrap .step.done{cursor:pointer}.rs-stepper .steps-wrap .step.done .step-label{color:var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step.active .step-label{color:var(--rs-active-labels-color);font-weight:700;border-bottom:1px solid var(--rs-active-labels-color)}.rs-stepper .steps-wrap .step-arrow{flex:0 0 auto;padding:0 12px 12px;display:flex;align-items:center}.rs-stepper .row-btn{margin-bottom:12px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:4px;border:1px solid #bdc4ca;flex-shrink:0;cursor:pointer;visibility:visible}.rs-stepper .row-btn .hover{display:none}.rs-stepper .row-btn .normal{display:flex}.rs-stepper .row-btn:hover{background-color:rgba(31,123,255,.04)}.rs-stepper .row-btn:hover .normal{display:none}.rs-stepper .row-btn:hover .hover{display:flex}.rs-stepper .row-btn.hidden{visibility:hidden}.rs-stepper .steps-wrap--vertical{display:block;padding:0}.rs-stepper .steps-vertical{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.rs-stepper .step-vertical{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:4px 12px 4px 0;border-right:2px solid var(--rs-border-color);cursor:default;text-align:right;font-family:var(--rs-font-family,Arial);font-size:11px;line-height:14px;color:var(--rs-labels-color);transition:background-color .15s,border-radius .15s}.rs-stepper .step-vertical.step-vertical--done{cursor:pointer;border-right-color:var(--rs-active-labels-color);color:var(--rs-active-labels-color)}.rs-stepper .step-vertical.step-vertical--done:hover{background-color:rgba(31,123,255,.04);border-top-left-radius:var(--rs-input-border-radius,4px);border-bottom-left-radius:var(--rs-input-border-radius,4px)}.rs-stepper .step-vertical.step-vertical--active{border-right-color:var(--rs-active-labels-color);color:var(--rs-active-labels-color)}.rs-stepper .step-vertical.step-vertical--active .step-vertical__label{font-weight:700}.rs-stepper .step-vertical__number{flex-shrink:0;font-weight:400}.rs-stepper .step-vertical__label{min-width:0;font-weight:400;word-break:break-word}.rs-stepper .step-vertical--active .step-vertical__label{font-weight:700}"]
|
|
22464
22558
|
}] }
|
|
22465
22559
|
];
|
|
22466
22560
|
/** @nocollapse */
|
|
@@ -22472,6 +22566,7 @@
|
|
|
22472
22566
|
menu: [{ type: core.ViewChild, args: ["menu", { static: false },] }],
|
|
22473
22567
|
steps: [{ type: core.Input }],
|
|
22474
22568
|
currentStep: [{ type: core.Input }],
|
|
22569
|
+
orientation: [{ type: core.Input }],
|
|
22475
22570
|
stepClick: [{ type: core.Output }],
|
|
22476
22571
|
unlockedStep: [{ type: core.Input }],
|
|
22477
22572
|
containerRefId: [{ type: core.Input }],
|
|
@@ -22486,6 +22581,11 @@
|
|
|
22486
22581
|
RSStepperComponent.prototype.steps;
|
|
22487
22582
|
/** @type {?} */
|
|
22488
22583
|
RSStepperComponent.prototype.currentStep;
|
|
22584
|
+
/**
|
|
22585
|
+
* Layout direction: 'horizontal' (default) or 'vertical'
|
|
22586
|
+
* @type {?}
|
|
22587
|
+
*/
|
|
22588
|
+
RSStepperComponent.prototype.orientation;
|
|
22489
22589
|
/** @type {?} */
|
|
22490
22590
|
RSStepperComponent.prototype.stepClick;
|
|
22491
22591
|
/** @type {?} */
|