raise-common-lib 0.0.201-beta → 0.0.202
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 +181 -109
- 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/layout/page-list/index.component.js +10 -15
- package/esm2015/lib/layout/rs-stepper/constants.js +6 -0
- package/esm2015/lib/layout/rs-stepper/index.component.js +68 -0
- package/esm2015/lib/raise-common-lib.module.js +4 -1
- package/esm2015/public-api.js +3 -1
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/lib/layout/page-list/index.component.js +10 -19
- package/esm5/lib/layout/rs-stepper/constants.js +6 -0
- package/esm5/lib/layout/rs-stepper/index.component.js +75 -0
- package/esm5/lib/raise-common-lib.module.js +4 -1
- package/esm5/public-api.js +3 -1
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +160 -91
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +181 -110
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/page-list/index.component.d.ts +2 -3
- package/lib/layout/rs-stepper/constants.d.ts +5 -0
- package/lib/layout/rs-stepper/index.component.d.ts +12 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/calendar_arrow_down.svg +3 -3
- package/src/assets/img/calendar_arrow_up.svg +3 -3
- package/src/assets/img/step-arrow.svg +3 -0
- package/src/assets/style/syncfusion.min.css +1 -1
- package/src/assets/style/variables.scss +1 -0
|
@@ -2582,99 +2582,6 @@ if (false) {
|
|
|
2582
2582
|
TruncatedTextToggleComponent.prototype.showCollapseBtn;
|
|
2583
2583
|
}
|
|
2584
2584
|
|
|
2585
|
-
/**
|
|
2586
|
-
* @fileoverview added by tsickle
|
|
2587
|
-
* Generated from: lib/form/search-input/index.component.ts
|
|
2588
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2589
|
-
*/
|
|
2590
|
-
var SearchInputComponent = /** @class */ (function () {
|
|
2591
|
-
function SearchInputComponent() {
|
|
2592
|
-
this.placeholder = "";
|
|
2593
|
-
this.hanleSearch = new EventEmitter();
|
|
2594
|
-
this.handleInput = new EventEmitter();
|
|
2595
|
-
this.searchValue = "";
|
|
2596
|
-
}
|
|
2597
|
-
/**
|
|
2598
|
-
* @return {?}
|
|
2599
|
-
*/
|
|
2600
|
-
SearchInputComponent.prototype.ngOnInit = /**
|
|
2601
|
-
* @return {?}
|
|
2602
|
-
*/
|
|
2603
|
-
function () {
|
|
2604
|
-
var _this = this;
|
|
2605
|
-
this.getInfo();
|
|
2606
|
-
this.debouncedInput = debounce((/**
|
|
2607
|
-
* @return {?}
|
|
2608
|
-
*/
|
|
2609
|
-
function () {
|
|
2610
|
-
_this.onSeach();
|
|
2611
|
-
}), 300);
|
|
2612
|
-
};
|
|
2613
|
-
/**
|
|
2614
|
-
* @return {?}
|
|
2615
|
-
*/
|
|
2616
|
-
SearchInputComponent.prototype.getInfo = /**
|
|
2617
|
-
* @return {?}
|
|
2618
|
-
*/
|
|
2619
|
-
function () {
|
|
2620
|
-
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
2621
|
-
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
2622
|
-
};
|
|
2623
|
-
/**
|
|
2624
|
-
* @param {?} e
|
|
2625
|
-
* @return {?}
|
|
2626
|
-
*/
|
|
2627
|
-
SearchInputComponent.prototype.onInput = /**
|
|
2628
|
-
* @param {?} e
|
|
2629
|
-
* @return {?}
|
|
2630
|
-
*/
|
|
2631
|
-
function (e) {
|
|
2632
|
-
this.handleInput.emit(e.value);
|
|
2633
|
-
this.debouncedInput();
|
|
2634
|
-
};
|
|
2635
|
-
/**
|
|
2636
|
-
* @return {?}
|
|
2637
|
-
*/
|
|
2638
|
-
SearchInputComponent.prototype.onSeach = /**
|
|
2639
|
-
* @return {?}
|
|
2640
|
-
*/
|
|
2641
|
-
function () {
|
|
2642
|
-
this.hanleSearch.emit(this.searchValue);
|
|
2643
|
-
};
|
|
2644
|
-
SearchInputComponent.decorators = [
|
|
2645
|
-
{ type: Component, args: [{
|
|
2646
|
-
selector: "rs-search-input",
|
|
2647
|
-
template: "<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
2648
|
-
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2649
|
-
}] }
|
|
2650
|
-
];
|
|
2651
|
-
/** @nocollapse */
|
|
2652
|
-
SearchInputComponent.ctorParameters = function () { return []; };
|
|
2653
|
-
SearchInputComponent.propDecorators = {
|
|
2654
|
-
placeholder: [{ type: Input }],
|
|
2655
|
-
hanleSearch: [{ type: Output }],
|
|
2656
|
-
handleInput: [{ type: Output }]
|
|
2657
|
-
};
|
|
2658
|
-
return SearchInputComponent;
|
|
2659
|
-
}());
|
|
2660
|
-
if (false) {
|
|
2661
|
-
/** @type {?} */
|
|
2662
|
-
SearchInputComponent.prototype.placeholder;
|
|
2663
|
-
/** @type {?} */
|
|
2664
|
-
SearchInputComponent.prototype.hanleSearch;
|
|
2665
|
-
/** @type {?} */
|
|
2666
|
-
SearchInputComponent.prototype.handleInput;
|
|
2667
|
-
/**
|
|
2668
|
-
* @type {?}
|
|
2669
|
-
* @private
|
|
2670
|
-
*/
|
|
2671
|
-
SearchInputComponent.prototype.debouncedInput;
|
|
2672
|
-
/** @type {?} */
|
|
2673
|
-
SearchInputComponent.prototype.searchValue;
|
|
2674
|
-
/** @type {?} */
|
|
2675
|
-
SearchInputComponent.prototype.translation;
|
|
2676
|
-
}
|
|
2677
|
-
|
|
2678
2585
|
/**
|
|
2679
2586
|
* @fileoverview added by tsickle
|
|
2680
2587
|
* Generated from: lib/layout/page-list/index.component.ts
|
|
@@ -2687,6 +2594,7 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
2687
2594
|
this.isInner = false;
|
|
2688
2595
|
this.onGridSearch = new EventEmitter();
|
|
2689
2596
|
this.hasWholeToolbarSlot = false;
|
|
2597
|
+
this.hasLeftContentSlot = false;
|
|
2690
2598
|
}
|
|
2691
2599
|
/**
|
|
2692
2600
|
* @return {?}
|
|
@@ -2715,18 +2623,7 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
2715
2623
|
function () {
|
|
2716
2624
|
// 检测是否传入了 wholeToolbarSlot
|
|
2717
2625
|
this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
|
|
2718
|
-
|
|
2719
|
-
/**
|
|
2720
|
-
* @param {?} value
|
|
2721
|
-
* @return {?}
|
|
2722
|
-
*/
|
|
2723
|
-
RsPageListComponent.prototype.setSearchValue = /**
|
|
2724
|
-
* @param {?} value
|
|
2725
|
-
* @return {?}
|
|
2726
|
-
*/
|
|
2727
|
-
function (value) {
|
|
2728
|
-
this.searchInput.searchValue = value;
|
|
2729
|
-
this.onSeach(value);
|
|
2626
|
+
this.hasLeftContentSlot = !!this.leftContentSlot;
|
|
2730
2627
|
};
|
|
2731
2628
|
/**
|
|
2732
2629
|
* @param {?} value
|
|
@@ -2753,8 +2650,8 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
2753
2650
|
RsPageListComponent.decorators = [
|
|
2754
2651
|
{ type: Component, args: [{
|
|
2755
2652
|
selector: "rs-page-list",
|
|
2756
|
-
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <h1 class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n </ng-template>\r\n <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div
|
|
2757
|
-
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}"]
|
|
2653
|
+
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <h1 class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n </ng-template>\r\n <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"rs-content-wrap\"\r\n [ngClass]=\"{ 'has-left-content': hasLeftContentSlot }\"\r\n >\r\n <div class=\"rs-left-content\" *ngIf=\"hasLeftContentSlot\">\r\n <ng-content select=\"[leftContentSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-content\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <rs-search-input\r\n #searchInput\r\n *ngIf=\"!hideSearch\"\r\n [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n (hanleSearch)=\"onSeach($event)\"\r\n ></rs-search-input>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2654
|
+
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-left-content{height:100%}.rs-page-list-wrap .rs-content-wrap .rs-right-content{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-content-wrap.has-left-content{flex-direction:row}.rs-page-list-wrap .rs-content-wrap.has-left-content .rs-right-content{height:auto;width:0}"]
|
|
2758
2655
|
}] }
|
|
2759
2656
|
];
|
|
2760
2657
|
RsPageListComponent.propDecorators = {
|
|
@@ -2762,7 +2659,7 @@ var RsPageListComponent = /** @class */ (function () {
|
|
|
2762
2659
|
orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
|
|
2763
2660
|
treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
|
|
2764
2661
|
wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
|
|
2765
|
-
|
|
2662
|
+
leftContentSlot: [{ type: ContentChild, args: ["leftContentSlot", { static: false },] }],
|
|
2766
2663
|
pageTitle: [{ type: Input }],
|
|
2767
2664
|
customPageTitle: [{ type: Input }],
|
|
2768
2665
|
hideSearch: [{ type: Input }],
|
|
@@ -2781,7 +2678,7 @@ if (false) {
|
|
|
2781
2678
|
/** @type {?} */
|
|
2782
2679
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
2783
2680
|
/** @type {?} */
|
|
2784
|
-
RsPageListComponent.prototype.
|
|
2681
|
+
RsPageListComponent.prototype.leftContentSlot;
|
|
2785
2682
|
/** @type {?} */
|
|
2786
2683
|
RsPageListComponent.prototype.pageTitle;
|
|
2787
2684
|
/** @type {?} */
|
|
@@ -2795,6 +2692,8 @@ if (false) {
|
|
|
2795
2692
|
/** @type {?} */
|
|
2796
2693
|
RsPageListComponent.prototype.hasWholeToolbarSlot;
|
|
2797
2694
|
/** @type {?} */
|
|
2695
|
+
RsPageListComponent.prototype.hasLeftContentSlot;
|
|
2696
|
+
/** @type {?} */
|
|
2798
2697
|
RsPageListComponent.prototype.translation;
|
|
2799
2698
|
}
|
|
2800
2699
|
|
|
@@ -2912,6 +2811,99 @@ if (false) {
|
|
|
2912
2811
|
RsPageTabComponent.prototype.animation;
|
|
2913
2812
|
}
|
|
2914
2813
|
|
|
2814
|
+
/**
|
|
2815
|
+
* @fileoverview added by tsickle
|
|
2816
|
+
* Generated from: lib/form/search-input/index.component.ts
|
|
2817
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2818
|
+
*/
|
|
2819
|
+
var SearchInputComponent = /** @class */ (function () {
|
|
2820
|
+
function SearchInputComponent() {
|
|
2821
|
+
this.placeholder = "";
|
|
2822
|
+
this.hanleSearch = new EventEmitter();
|
|
2823
|
+
this.handleInput = new EventEmitter();
|
|
2824
|
+
this.searchValue = "";
|
|
2825
|
+
}
|
|
2826
|
+
/**
|
|
2827
|
+
* @return {?}
|
|
2828
|
+
*/
|
|
2829
|
+
SearchInputComponent.prototype.ngOnInit = /**
|
|
2830
|
+
* @return {?}
|
|
2831
|
+
*/
|
|
2832
|
+
function () {
|
|
2833
|
+
var _this = this;
|
|
2834
|
+
this.getInfo();
|
|
2835
|
+
this.debouncedInput = debounce((/**
|
|
2836
|
+
* @return {?}
|
|
2837
|
+
*/
|
|
2838
|
+
function () {
|
|
2839
|
+
_this.onSeach();
|
|
2840
|
+
}), 300);
|
|
2841
|
+
};
|
|
2842
|
+
/**
|
|
2843
|
+
* @return {?}
|
|
2844
|
+
*/
|
|
2845
|
+
SearchInputComponent.prototype.getInfo = /**
|
|
2846
|
+
* @return {?}
|
|
2847
|
+
*/
|
|
2848
|
+
function () {
|
|
2849
|
+
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
2850
|
+
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
2851
|
+
};
|
|
2852
|
+
/**
|
|
2853
|
+
* @param {?} e
|
|
2854
|
+
* @return {?}
|
|
2855
|
+
*/
|
|
2856
|
+
SearchInputComponent.prototype.onInput = /**
|
|
2857
|
+
* @param {?} e
|
|
2858
|
+
* @return {?}
|
|
2859
|
+
*/
|
|
2860
|
+
function (e) {
|
|
2861
|
+
this.handleInput.emit(e.value);
|
|
2862
|
+
this.debouncedInput();
|
|
2863
|
+
};
|
|
2864
|
+
/**
|
|
2865
|
+
* @return {?}
|
|
2866
|
+
*/
|
|
2867
|
+
SearchInputComponent.prototype.onSeach = /**
|
|
2868
|
+
* @return {?}
|
|
2869
|
+
*/
|
|
2870
|
+
function () {
|
|
2871
|
+
this.hanleSearch.emit(this.searchValue);
|
|
2872
|
+
};
|
|
2873
|
+
SearchInputComponent.decorators = [
|
|
2874
|
+
{ type: Component, args: [{
|
|
2875
|
+
selector: "rs-search-input",
|
|
2876
|
+
template: "<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
2877
|
+
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2878
|
+
}] }
|
|
2879
|
+
];
|
|
2880
|
+
/** @nocollapse */
|
|
2881
|
+
SearchInputComponent.ctorParameters = function () { return []; };
|
|
2882
|
+
SearchInputComponent.propDecorators = {
|
|
2883
|
+
placeholder: [{ type: Input }],
|
|
2884
|
+
hanleSearch: [{ type: Output }],
|
|
2885
|
+
handleInput: [{ type: Output }]
|
|
2886
|
+
};
|
|
2887
|
+
return SearchInputComponent;
|
|
2888
|
+
}());
|
|
2889
|
+
if (false) {
|
|
2890
|
+
/** @type {?} */
|
|
2891
|
+
SearchInputComponent.prototype.placeholder;
|
|
2892
|
+
/** @type {?} */
|
|
2893
|
+
SearchInputComponent.prototype.hanleSearch;
|
|
2894
|
+
/** @type {?} */
|
|
2895
|
+
SearchInputComponent.prototype.handleInput;
|
|
2896
|
+
/**
|
|
2897
|
+
* @type {?}
|
|
2898
|
+
* @private
|
|
2899
|
+
*/
|
|
2900
|
+
SearchInputComponent.prototype.debouncedInput;
|
|
2901
|
+
/** @type {?} */
|
|
2902
|
+
SearchInputComponent.prototype.searchValue;
|
|
2903
|
+
/** @type {?} */
|
|
2904
|
+
SearchInputComponent.prototype.translation;
|
|
2905
|
+
}
|
|
2906
|
+
|
|
2915
2907
|
/**
|
|
2916
2908
|
* @fileoverview added by tsickle
|
|
2917
2909
|
* Generated from: lib/layout/grid-box/index.component.ts
|
|
@@ -21722,6 +21714,83 @@ if (false) {
|
|
|
21722
21714
|
RSAsideComponent.prototype.cf;
|
|
21723
21715
|
}
|
|
21724
21716
|
|
|
21717
|
+
/**
|
|
21718
|
+
* @fileoverview added by tsickle
|
|
21719
|
+
* Generated from: lib/layout/rs-stepper/index.component.ts
|
|
21720
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
21721
|
+
*/
|
|
21722
|
+
var RSStepperComponent = /** @class */ (function () {
|
|
21723
|
+
function RSStepperComponent(cf) {
|
|
21724
|
+
this.cf = cf;
|
|
21725
|
+
this.steps = [];
|
|
21726
|
+
this.currentStep = 0;
|
|
21727
|
+
this.stepClick = new EventEmitter();
|
|
21728
|
+
}
|
|
21729
|
+
/**
|
|
21730
|
+
* @return {?}
|
|
21731
|
+
*/
|
|
21732
|
+
RSStepperComponent.prototype.ngOnInit = /**
|
|
21733
|
+
* @return {?}
|
|
21734
|
+
*/
|
|
21735
|
+
function () {
|
|
21736
|
+
var _this = this;
|
|
21737
|
+
this.steps.forEach((/**
|
|
21738
|
+
* @param {?} step
|
|
21739
|
+
* @return {?}
|
|
21740
|
+
*/
|
|
21741
|
+
function (step) {
|
|
21742
|
+
step.displayTitle = _this.cf.setMiddleEllipsis(step.label, 132, 12);
|
|
21743
|
+
}));
|
|
21744
|
+
};
|
|
21745
|
+
/**
|
|
21746
|
+
* @param {?} step
|
|
21747
|
+
* @return {?}
|
|
21748
|
+
*/
|
|
21749
|
+
RSStepperComponent.prototype.onStepClick = /**
|
|
21750
|
+
* @param {?} step
|
|
21751
|
+
* @return {?}
|
|
21752
|
+
*/
|
|
21753
|
+
function (step) {
|
|
21754
|
+
if (step.step < this.currentStep) {
|
|
21755
|
+
this.currentStep = step.step;
|
|
21756
|
+
this.stepClick.emit(step);
|
|
21757
|
+
}
|
|
21758
|
+
};
|
|
21759
|
+
RSStepperComponent.decorators = [
|
|
21760
|
+
{ type: Component, args: [{
|
|
21761
|
+
selector: 'rs-stepper',
|
|
21762
|
+
template: "<div class=\"rs-stepper\">\r\n <div class=\"steps-wrap\">\r\n <ng-container *ngFor=\"let item of steps\">\r\n <div\r\n class=\"step\"\r\n [ngClass]=\"{\r\n done: item.step < currentStep,\r\n active: item.step === currentStep\r\n }\"\r\n (click)=\"onStepClick(item)\"\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=\"item.step !== 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",
|
|
21763
|
+
styles: [".rs-stepper{font-family:Arial;width:100%;border-bottom:1px solid var(--rs-border-color)}.rs-stepper .steps-wrap{display:flex;align-items:center;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;gap:8px}.rs-stepper .steps-wrap .step{flex:1;padding:0 12px 12px}.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;max-width:132px}.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}.rs-stepper .steps-wrap .step-arrow{padding:4px;align-self:flex-start}"]
|
|
21764
|
+
}] }
|
|
21765
|
+
];
|
|
21766
|
+
/** @nocollapse */
|
|
21767
|
+
RSStepperComponent.ctorParameters = function () { return [
|
|
21768
|
+
{ type: CommonFunctionService }
|
|
21769
|
+
]; };
|
|
21770
|
+
RSStepperComponent.propDecorators = {
|
|
21771
|
+
steps: [{ type: Input }],
|
|
21772
|
+
currentStep: [{ type: Input }],
|
|
21773
|
+
stepClick: [{ type: Output }]
|
|
21774
|
+
};
|
|
21775
|
+
return RSStepperComponent;
|
|
21776
|
+
}());
|
|
21777
|
+
if (false) {
|
|
21778
|
+
/** @type {?} */
|
|
21779
|
+
RSStepperComponent.prototype.steps;
|
|
21780
|
+
/** @type {?} */
|
|
21781
|
+
RSStepperComponent.prototype.currentStep;
|
|
21782
|
+
/** @type {?} */
|
|
21783
|
+
RSStepperComponent.prototype.stepClick;
|
|
21784
|
+
/** @type {?} */
|
|
21785
|
+
RSStepperComponent.prototype.cf;
|
|
21786
|
+
}
|
|
21787
|
+
|
|
21788
|
+
/**
|
|
21789
|
+
* @fileoverview added by tsickle
|
|
21790
|
+
* Generated from: lib/layout/rs-stepper/constants.ts
|
|
21791
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
21792
|
+
*/
|
|
21793
|
+
|
|
21725
21794
|
/**
|
|
21726
21795
|
* @fileoverview added by tsickle
|
|
21727
21796
|
* Generated from: lib/form/tag-input/index.component.ts
|
|
@@ -24972,6 +25041,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
24972
25041
|
RSNavCardGroupComponent,
|
|
24973
25042
|
RSToolbarComponent,
|
|
24974
25043
|
TruncatedTextToggleComponent,
|
|
25044
|
+
RSStepperComponent
|
|
24975
25045
|
],
|
|
24976
25046
|
imports: [
|
|
24977
25047
|
CommonModule,
|
|
@@ -25135,6 +25205,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
25135
25205
|
RSToolbarComponent,
|
|
25136
25206
|
TruncatedTextToggleComponent,
|
|
25137
25207
|
CommonDialogComponent,
|
|
25208
|
+
RSStepperComponent
|
|
25138
25209
|
],
|
|
25139
25210
|
entryComponents: [
|
|
25140
25211
|
NewActionNotificationComponent,
|
|
@@ -25159,5 +25230,5 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
25159
25230
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
25160
25231
|
*/
|
|
25161
25232
|
|
|
25162
|
-
export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, RichtexteditorComponent as ɵb, ConfirmSelectComponent as ɵc, NewActionNotificationComponent as ɵd, CommonDeleteComponent as ɵe };
|
|
25233
|
+
export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSStepperComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, RichtexteditorComponent as ɵb, ConfirmSelectComponent as ɵc, NewActionNotificationComponent as ɵd, CommonDeleteComponent as ɵe };
|
|
25163
25234
|
//# sourceMappingURL=raise-common-lib.js.map
|