suis 0.32.1 → 0.32.3
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/suis-button/suis-button.component.mjs +3 -3
- package/esm2022/lib/components/suis-button-link/suis-button-link.component.mjs +3 -3
- package/esm2022/lib/components/suis-button-outlined/suis-button-outlined.component.mjs +3 -3
- package/esm2022/lib/components/suis-container/suis-container.component.mjs +2 -2
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +3 -3
- package/esm2022/lib/components/suis-input-radio/suis-input-radio.component.mjs +3 -3
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.component.mjs +9 -3
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +3 -3
- package/esm2022/lib/components/suis-select/suis-select.module.mjs +19 -5
- package/esm2022/lib/components/suis-select-multi/index.mjs +1 -2
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.component.mjs +5 -5
- package/esm2022/lib/components/suis-spinner-container/suis-spinner-container.component.mjs +5 -5
- package/esm2022/lib/components/suis-tabs/suis-tabs.component.mjs +10 -3
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +2 -2
- package/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +3 -3
- package/fesm2022/suis.mjs +184 -171
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/suis-container/suis-container.component.d.ts +1 -1
- package/lib/components/suis-progress-bar/suis-progress-bar.component.d.ts +6 -2
- package/lib/components/suis-select/suis-select.module.d.ts +3 -2
- package/lib/components/suis-select-multi/index.d.ts +0 -1
- package/lib/components/suis-spinner-container/suis-spinner-container.component.d.ts +1 -1
- package/lib/components/suis-tabs/suis-tabs.component.d.ts +6 -2
- package/package.json +1 -1
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.module.mjs +0 -17
- package/lib/components/suis-select-multi/suis-select-multi.module.d.ts +0 -8
@@ -15,6 +15,10 @@ export class SuisProgressBarComponent {
|
|
15
15
|
* Sets the background color of the progress bar. Type of SuisColor. By default set to 'tertiary'.
|
16
16
|
*/
|
17
17
|
this.backgroundColor = 'tertiary';
|
18
|
+
/**
|
19
|
+
* Sets the height of the progress bar. Type of SuisSize. By default set to 'md'.
|
20
|
+
*/
|
21
|
+
this.size = 'md';
|
18
22
|
}
|
19
23
|
/** @internal */
|
20
24
|
get value() {
|
@@ -35,16 +39,18 @@ export class SuisProgressBarComponent {
|
|
35
39
|
}
|
36
40
|
}
|
37
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisProgressBarComponent, isStandalone: true, selector: "suis-progress-bar", inputs: { value: "value", color: "color", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color\"\n ></div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-progress-bar{width:100
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisProgressBarComponent, isStandalone: true, selector: "suis-progress-bar", inputs: { value: "value", color: "color", backgroundColor: "backgroundColor", size: "size" }, ngImport: i0, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor : size\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color : size\"\n ></div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-progress-bar{width:100%}.suis-progress-bar,.suis-progress-bar__progress{border-radius:1rem}.suis-progress-bar--primary,.suis-progress-bar__progress--primary{background-color:#192a56}.suis-progress-bar--secondary,.suis-progress-bar__progress--secondary{background-color:#273c75}.suis-progress-bar--tertiary,.suis-progress-bar__progress--tertiary{background-color:#dcdde1}.suis-progress-bar--complementary,.suis-progress-bar__progress--complementary{background-color:#f5f6fa}.suis-progress-bar--success,.suis-progress-bar__progress--success{background-color:#2ed573}.suis-progress-bar--warning,.suis-progress-bar__progress--warning{background-color:#ffa502}.suis-progress-bar--danger,.suis-progress-bar__progress--danger{background-color:#ff4757}.suis-progress-bar--white,.suis-progress-bar__progress--white{background-color:#fff}.suis-progress-bar--gray,.suis-progress-bar__progress--gray{background-color:#bcbcbc}.suis-progress-bar--dark,.suis-progress-bar__progress--dark{background-color:#000}.suis-progress-bar--xs,.suis-progress-bar__progress--xs{height:.375rem}.suis-progress-bar--sm,.suis-progress-bar__progress--sm{height:.5rem}.suis-progress-bar--md,.suis-progress-bar__progress--md{height:.625rem}.suis-progress-bar--lg,.suis-progress-bar__progress--lg{height:.75rem}.suis-progress-bar--xl,.suis-progress-bar__progress--xl{height:1rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "pipe", type: SuisProgressBarPipe, name: "suisProgressBar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
39
43
|
}
|
40
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisProgressBarComponent, decorators: [{
|
41
45
|
type: Component,
|
42
|
-
args: [{ selector: 'suis-progress-bar', standalone: true, imports: [NgClass, SuisNgClassPipe, SuisProgressBarPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color\"\n ></div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-progress-bar{width:100
|
46
|
+
args: [{ selector: 'suis-progress-bar', standalone: true, imports: [NgClass, SuisNgClassPipe, SuisProgressBarPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor : size\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color : size\"\n ></div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-progress-bar{width:100%}.suis-progress-bar,.suis-progress-bar__progress{border-radius:1rem}.suis-progress-bar--primary,.suis-progress-bar__progress--primary{background-color:#192a56}.suis-progress-bar--secondary,.suis-progress-bar__progress--secondary{background-color:#273c75}.suis-progress-bar--tertiary,.suis-progress-bar__progress--tertiary{background-color:#dcdde1}.suis-progress-bar--complementary,.suis-progress-bar__progress--complementary{background-color:#f5f6fa}.suis-progress-bar--success,.suis-progress-bar__progress--success{background-color:#2ed573}.suis-progress-bar--warning,.suis-progress-bar__progress--warning{background-color:#ffa502}.suis-progress-bar--danger,.suis-progress-bar__progress--danger{background-color:#ff4757}.suis-progress-bar--white,.suis-progress-bar__progress--white{background-color:#fff}.suis-progress-bar--gray,.suis-progress-bar__progress--gray{background-color:#bcbcbc}.suis-progress-bar--dark,.suis-progress-bar__progress--dark{background-color:#000}.suis-progress-bar--xs,.suis-progress-bar__progress--xs{height:.375rem}.suis-progress-bar--sm,.suis-progress-bar__progress--sm{height:.5rem}.suis-progress-bar--md,.suis-progress-bar__progress--md{height:.625rem}.suis-progress-bar--lg,.suis-progress-bar__progress--lg{height:.75rem}.suis-progress-bar--xl,.suis-progress-bar__progress--xl{height:1rem}\n"] }]
|
43
47
|
}], propDecorators: { value: [{
|
44
48
|
type: Input
|
45
49
|
}], color: [{
|
46
50
|
type: Input
|
47
51
|
}], backgroundColor: [{
|
48
52
|
type: Input
|
53
|
+
}], size: [{
|
54
|
+
type: Input
|
49
55
|
}] } });
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXByb2dyZXNzLWJhci9zdWlzLXByb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtcHJvZ3Jlc3MtYmFyL3N1aXMtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDOztBQVU5QyxNQUFNLE9BQU8sd0JBQXdCO0lBUnJDO1FBU0UsZ0JBQWdCO1FBQ2hCLFdBQU0sR0FBVyxDQUFDLENBQUM7UUFvQm5COztXQUVHO1FBQ00sVUFBSyxHQUFjLFNBQVMsQ0FBQztRQUV0Qzs7V0FFRztRQUNNLG9CQUFlLEdBQWMsVUFBVSxDQUFDO1FBRWpEOztXQUVHO1FBQ00sU0FBSSxHQUFhLElBQUksQ0FBQztLQUNoQztJQWhDQyxnQkFBZ0I7SUFDaEIsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQWEsS0FBSyxDQUFDLEtBQWE7UUFDOUIsSUFBSSxLQUFLLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxHQUFHLEVBQUU7WUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7U0FDckI7YUFBTSxJQUFJLEtBQUssR0FBRyxHQUFHLEVBQUU7WUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7U0FDbkI7YUFBTTtZQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQzsrR0FwQlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsMktDZHJDLDhUQVVBLHFnREREWSxPQUFPLCtFQUFFLGVBQWUsK0NBQUUsbUJBQW1COzs0RkFLNUMsd0JBQXdCO2tCQVJwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixDQUFDLG1CQUd2Qyx1QkFBdUIsQ0FBQyxNQUFNOzhCQWNsQyxLQUFLO3NCQUFqQixLQUFLO2dCQWFHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxlQUFlO3NCQUF2QixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNQcm9ncmVzc0JhclBpcGUgfSBmcm9tICcuL3N1aXMtcHJvZ3Jlc3MtYmFyLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yLCBTdWlzU2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1wcm9ncmVzcy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzUHJvZ3Jlc3NCYXJQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNQcm9ncmVzc0JhckNvbXBvbmVudCB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgX3ZhbHVlOiBudW1iZXIgPSAwO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgZ2V0IHZhbHVlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFdpZHRoIG9mIHRoZSBwcm9ncmVzcyBiYXIgaW4gcGVyY2VudGFnZSAodmFsdWUgPj0gMCAmJiB2YWx1ZSA8PSAxMDApLiBCeSBkZWZhdWx0IHNldCB0byAwLlxuICAgKi9cbiAgQElucHV0KCkgc2V0IHZhbHVlKHZhbHVlOiBudW1iZXIpIHtcbiAgICBpZiAodmFsdWUgPj0gMCAmJiB2YWx1ZSA8PSAxMDApIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+IDEwMCkge1xuICAgICAgdGhpcy5fdmFsdWUgPSAxMDA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gMDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICdwcmltYXJ5Jy5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBTdWlzQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd0ZXJ0aWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IFN1aXNDb2xvciA9ICd0ZXJ0aWFyeSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgcHJvZ3Jlc3MgYmFyLiBUeXBlIG9mIFN1aXNTaXplLiBCeSBkZWZhdWx0IHNldCB0byAnbWQnLlxuICAgKi9cbiAgQElucHV0KCkgc2l6ZTogU3Vpc1NpemUgPSAnbWQnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInN1aXMtcHJvZ3Jlc3MtYmFyXCJcbiAgW25nQ2xhc3NdPVwiJ3N1aXMtcHJvZ3Jlc3MtYmFyJyB8IHN1aXNOZ0NsYXNzIDogYmFja2dyb3VuZENvbG9yIDogc2l6ZVwiXG4+XG4gIDxkaXZcbiAgICBjbGFzcz1cInN1aXMtcHJvZ3Jlc3MtYmFyX19wcm9ncmVzc1wiXG4gICAgW3N0eWxlXT1cInsgd2lkdGg6IHZhbHVlIHwgc3Vpc1Byb2dyZXNzQmFyIH1cIlxuICAgIFtuZ0NsYXNzXT1cIidzdWlzLXByb2dyZXNzLWJhcl9fcHJvZ3Jlc3MnIHwgc3Vpc05nQ2xhc3MgOiBjb2xvciA6IHNpemVcIlxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
@@ -51,7 +51,7 @@ export class SuisSelectComponent extends SuisSelectBase {
|
|
51
51
|
multi: true,
|
52
52
|
useExisting: forwardRef(() => SuisSelectComponent),
|
53
53
|
},
|
54
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"nullable && value\"\n class=\"suis-select__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{border:.0625rem solid #ff4757}.suis-select__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
54
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [class.suis-select__button--readonly]=\"readonly\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"nullable && value\"\n class=\"suis-select__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{border:.0625rem solid #ff4757}.suis-select__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select__button--readonly{cursor:not-allowed}.suis-select__button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
55
55
|
}
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectComponent, decorators: [{
|
57
57
|
type: Component,
|
@@ -71,8 +71,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
71
71
|
multi: true,
|
72
72
|
useExisting: forwardRef(() => SuisSelectComponent),
|
73
73
|
},
|
74
|
-
], template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"nullable && value\"\n class=\"suis-select__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{border:.0625rem solid #ff4757}.suis-select__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}\n"] }]
|
74
|
+
], template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [class.suis-select__button--readonly]=\"readonly\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"nullable && value\"\n class=\"suis-select__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{border:.0625rem solid #ff4757}.suis-select__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select__button--readonly{cursor:not-allowed}.suis-select__button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}\n"] }]
|
75
75
|
}], propDecorators: { nullable: [{
|
76
76
|
type: Input
|
77
77
|
}] } });
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBMkJ2RSxNQUFNLE9BQU8sbUJBQXVCLFNBQVEsY0FBaUI7SUF6QjdEOztRQTBCRSxnQkFBZ0I7UUFDaEIsVUFBSyxHQUFhLElBQUksQ0FBQztRQUV2Qjs7V0FFRztRQUNNLGFBQVEsR0FBWSxJQUFJLENBQUM7S0EyQm5DO0lBekJVLFVBQVUsQ0FBQyxHQUFNO1FBQ3hCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFRO1FBQ3hCLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN4RCxJQUFJLElBQUksQ0FBQyxRQUFRO2dCQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUN0QzthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QjtJQUNILENBQUM7SUFFUSxVQUFVO1FBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFlO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBakNVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDRGQVJuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDbkQ7U0FDRixpREN2Q0gscW1EQW9EQSx3dEREaENJLElBQUksNkZBQ0osS0FBSyxrSEFDTCxXQUFXLCttQkFDWCxpQkFBaUIsa0lBQ2pCLHlCQUF5QiwySUFDekIsbUJBQW1CLG1EQUNuQix3QkFBd0Isd0RBQ3hCLHlCQUF5Qix5REFDekIsMkJBQTJCOzs0RkFhbEIsbUJBQW1CO2tCQXpCL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQO3dCQUNQLElBQUk7d0JBQ0osS0FBSzt3QkFDTCxXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QiwyQkFBMkI7cUJBQzVCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDO3lCQUNuRDtxQkFDRjs4QkFTUSxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgZm9yd2FyZFJlZixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uJztcclxuaW1wb3J0IHsgU3Vpc1NlbGVjdExhYmVsUGlwZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QtbGFiZWwucGlwZSc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QtaXMtc2VsZWN0ZWQucGlwZSc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xyXG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcclxuaW1wb3J0IHsgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3BpcGVzL3N1aXMtc2VsZWN0LWZpbHRlci1vcHRpb25zLnBpcGUnO1xyXG5pbXBvcnQgeyBTdWlzU2VsZWN0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtc2VsZWN0LmJhc2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0lmLFxyXG4gICAgTmdGb3IsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIFN1aXNJY29uQ29tcG9uZW50LFxyXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcclxuICAgIFN1aXNTZWxlY3RMYWJlbFBpcGUsXHJcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXHJcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxyXG4gICAgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNTZWxlY3RDb21wb25lbnQpLFxyXG4gICAgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RCYXNlPFQ+IHtcclxuICAvKiogQGludGVybmFsICovXHJcbiAgdmFsdWU6IFQgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqXHJcbiAgICogQWxsb3dzIG1lY2hhbmlzbSBvZiBjbGVhcmluZyB2YWx1ZS4gQnkgZGVmYXVsdCBzZXQgdG8gdHJ1ZS5cclxuICAgKi9cclxuICBASW5wdXQoKSBudWxsYWJsZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBUKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xyXG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgb25TZWxlY3QodmFsdWU6IFQpIHtcclxuICAgIGlmIChKU09OLnN0cmluZ2lmeSh0aGlzLnZhbHVlKSA9PT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpKSB7XHJcbiAgICAgIGlmICh0aGlzLm51bGxhYmxlKSB0aGlzLmNsZWFyVmFsdWUoKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuc2V0VmFsdWUodmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgY2xlYXJWYWx1ZSgpIHtcclxuICAgIHRoaXMuc2V0VmFsdWUobnVsbCk7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBzZXRWYWx1ZSh2YWx1ZTogVCB8IG51bGwpIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMudG9nZ2xlKGZhbHNlKTtcclxuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQoKTtcclxuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdFwiPlxuICA8YnV0dG9uXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIlxuICAgIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2J1dHRvblwiXG4gICAgW2NsYXNzLnN1aXMtc2VsZWN0X19idXR0b24tLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2NsYXNzLnN1aXMtc2VsZWN0X19idXR0b24tLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdF9fYnV0dG9uX192YWx1ZVwiPlxuICAgICAge3sgdmFsdWUgfCBzdWlzU2VsZWN0TGFiZWwgOiBvcHRpb25zIDogcGxhY2Vob2xkZXIgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdF9fYnV0dG9uX19hY3Rpb25zXCI+XG4gICAgICA8c3Vpcy1pY29uXG4gICAgICAgICpuZ0lmPVwibnVsbGFibGUgJiYgdmFsdWVcIlxuICAgICAgICBjbGFzcz1cInN1aXMtc2VsZWN0X19idXR0b25fX2Nyb3NzXCJcbiAgICAgICAgdHlwZT1cImNyb3NzXCJcbiAgICAgICAgc2l6ZT1cImxnXCJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gICAgICA+PC9zdWlzLWljb24+XG4gICAgICA8c3Vpcy1pY29uXG4gICAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2J1dHRvbl9fY2hldnJvblwiXG4gICAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gJ2NoZXZyb24tdXAnIDogJ2NoZXZyb24tZG93bidcIlxuICAgICAgICBzaXplPVwibGdcIlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgPjwvc3Vpcy1pY29uPlxuICAgIDwvc3Bhbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2xpc3RcIj5cbiAgICA8aW5wdXRcbiAgICAgICpuZ0lmPVwic2VhcmNoXCJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXG4gICAgICAqbmdGb3I9XCJcbiAgICAgICAgbGV0IG9wdGlvbiBvZiBvcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zIDogc2VhcmNoUGhyYXNlO1xuICAgICAgICB0cmFja0J5OiBvcHRpb25UcmFja0J5XG4gICAgICBcIlxuICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgIFtzZWxlY3RlZF09XCJvcHRpb24udmFsdWUgfCBzdWlzU2VsZWN0SXNTZWxlY3RlZCA6IHZhbHVlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uU2VsZWN0KG9wdGlvbi52YWx1ZSlcIlxuICAgID48L3N1aXMtc2VsZWN0LW9wdGlvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,17 +1,31 @@
|
|
1
1
|
import { NgModule } from '@angular/core';
|
2
2
|
import { SuisSelectComponent } from './suis-select.component';
|
3
3
|
import { SuisSelectOptionDirective } from '../suis-select-option';
|
4
|
+
import { SuisSelectMultiComponent } from '../suis-select-multi/suis-select-multi.component';
|
4
5
|
import * as i0 from "@angular/core";
|
5
6
|
export class SuisSelectModule {
|
6
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectModule, imports: [SuisSelectComponent,
|
8
|
-
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectModule, imports: [SuisSelectComponent,
|
9
|
+
SuisSelectMultiComponent,
|
10
|
+
SuisSelectOptionDirective], exports: [SuisSelectComponent,
|
11
|
+
SuisSelectMultiComponent,
|
12
|
+
SuisSelectOptionDirective] }); }
|
13
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectModule, imports: [SuisSelectComponent,
|
14
|
+
SuisSelectMultiComponent] }); }
|
9
15
|
}
|
10
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectModule, decorators: [{
|
11
17
|
type: NgModule,
|
12
18
|
args: [{
|
13
|
-
imports: [
|
14
|
-
|
19
|
+
imports: [
|
20
|
+
SuisSelectComponent,
|
21
|
+
SuisSelectMultiComponent,
|
22
|
+
SuisSelectOptionDirective,
|
23
|
+
],
|
24
|
+
exports: [
|
25
|
+
SuisSelectComponent,
|
26
|
+
SuisSelectMultiComponent,
|
27
|
+
SuisSelectOptionDirective,
|
28
|
+
],
|
15
29
|
}]
|
16
30
|
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFjNUYsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsWUFWekIsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4Qix5QkFBeUIsYUFHekIsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4Qix5QkFBeUI7Z0hBR2hCLGdCQUFnQixZQVZ6QixtQkFBbUI7WUFDbkIsd0JBQXdCOzs0RkFTZixnQkFBZ0I7a0JBWjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7cUJBQzFCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3FCQUMxQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgU3Vpc1NlbGVjdENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkRpcmVjdGl2ZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFN1aXNTZWxlY3RDb21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RPcHRpb25EaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNb2R1bGUge31cbiJdfQ==
|
@@ -1,3 +1,2 @@
|
|
1
|
-
export * from './suis-select-multi.module';
|
2
1
|
export * from './suis-select-multi.component';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudCc7XG4iXX0=
|
@@ -36,12 +36,12 @@ export class SuisSelectMultiComponent extends SuisSelectBase {
|
|
36
36
|
}
|
37
37
|
onSelect(value) {
|
38
38
|
if (this.duplicate ||
|
39
|
-
!this.values.some((
|
39
|
+
!this.values.some((v) => JSON.stringify(v) === JSON.stringify(value))) {
|
40
40
|
this.setValue([...this.values, value]);
|
41
41
|
}
|
42
42
|
else {
|
43
43
|
this.setValue([
|
44
|
-
...this.values.filter((
|
44
|
+
...this.values.filter((v) => JSON.stringify(v) !== JSON.stringify(value)),
|
45
45
|
]);
|
46
46
|
}
|
47
47
|
}
|
@@ -66,7 +66,7 @@ export class SuisSelectMultiComponent extends SuisSelectBase {
|
|
66
66
|
multi: true,
|
67
67
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
68
68
|
},
|
69
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-multi__button\"\n [class.suis-select-multi__button--invalid]=\"invalid\"\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select-multi__button__value\">\n <ng-container *ngIf=\"!values?.length\">\n {{ placeholder }}\n </ng-container>\n <ng-container *ngIf=\"values?.length\">\n <suis-chip\n *ngFor=\"\n let value of values | suisSelectMultiChips : options;\n let index = index\n \"\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n </ng-container>\n </span>\n <span class=\"suis-select-multi__button__actions\">\n <suis-icon\n *ngIf=\"values?.length\"\n class=\"suis-select-multi__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-multi__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{border:.0625rem solid #ff4757}.suis-select-multi__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectMultiChipsPipe, name: "suisSelectMultiChips" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
69
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-multi__button\"\n [class.suis-select-multi__button--invalid]=\"invalid\"\n [class.suis-select-multi__button--readonly]=\"readonly\"\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select-multi__button__value\">\n <ng-container *ngIf=\"!values?.length\">\n {{ placeholder }}\n </ng-container>\n <ng-container *ngIf=\"values?.length\">\n <suis-chip\n *ngFor=\"\n let value of values | suisSelectMultiChips : options;\n let index = index\n \"\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n </ng-container>\n </span>\n <span class=\"suis-select-multi__button__actions\">\n <suis-icon\n *ngIf=\"values?.length\"\n class=\"suis-select-multi__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-multi__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{border:.0625rem solid #ff4757}.suis-select-multi__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button--readonly{cursor:not-allowed}.suis-select-multi__button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectMultiChipsPipe, name: "suisSelectMultiChips" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
70
70
|
}
|
71
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
|
72
72
|
type: Component,
|
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
87
87
|
multi: true,
|
88
88
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
89
89
|
},
|
90
|
-
], template: "<div class=\"suis-select-multi\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-multi__button\"\n [class.suis-select-multi__button--invalid]=\"invalid\"\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select-multi__button__value\">\n <ng-container *ngIf=\"!values?.length\">\n {{ placeholder }}\n </ng-container>\n <ng-container *ngIf=\"values?.length\">\n <suis-chip\n *ngFor=\"\n let value of values | suisSelectMultiChips : options;\n let index = index\n \"\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n </ng-container>\n </span>\n <span class=\"suis-select-multi__button__actions\">\n <suis-icon\n *ngIf=\"values?.length\"\n class=\"suis-select-multi__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-multi__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{border:.0625rem solid #ff4757}.suis-select-multi__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}\n"] }]
|
90
|
+
], template: "<div class=\"suis-select-multi\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-multi__button\"\n [class.suis-select-multi__button--invalid]=\"invalid\"\n [class.suis-select-multi__button--readonly]=\"readonly\"\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select-multi__button__value\">\n <ng-container *ngIf=\"!values?.length\">\n {{ placeholder }}\n </ng-container>\n <ng-container *ngIf=\"values?.length\">\n <suis-chip\n *ngFor=\"\n let value of values | suisSelectMultiChips : options;\n let index = index\n \"\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n </ng-container>\n </span>\n <span class=\"suis-select-multi__button__actions\">\n <suis-icon\n *ngIf=\"values?.length\"\n class=\"suis-select-multi__button__cross\"\n type=\"cross\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select-multi__button__chevron\"\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"primary\"\n tabindex=\"0\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase;\n trackBy: optionTrackBy\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-width:5rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{border:.0625rem solid #ff4757}.suis-select-multi__button--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button--readonly{cursor:not-allowed}.suis-select-multi__button--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000040;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}\n"] }]
|
91
91
|
}], propDecorators: { duplicate: [{
|
92
92
|
type: Input
|
93
93
|
}], chipColor: [{
|
@@ -95,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
95
95
|
}], chipIconColor: [{
|
96
96
|
type: Input
|
97
97
|
}] } });
|
98
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBNkJqRCxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsY0FBaUI7SUExQmxFOztRQTJCRSxnQkFBZ0I7UUFDaEIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUVqQjs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxjQUFTLEdBQWMsU0FBUyxDQUFDO1FBRTFDOztXQUVHO1FBQ00sa0JBQWEsR0FBYyxPQUFPLENBQUM7S0F5QzdDO0lBdkNVLFVBQVUsQ0FBQyxHQUFRO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFRO1FBQ3hCLElBQ0UsSUFBSSxDQUFDLFNBQVM7WUFDZCxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNmLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQzNELEVBQ0Q7WUFDQSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDeEM7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ1osR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDbkIsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDM0Q7YUFDRixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixNQUFNLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVRLFVBQVU7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQVU7UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBekRVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRKQVJ4QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDeEQ7U0FDRixpREMxQ0gseXNFQXVFQSwrNUREakRJLEtBQUssbUhBQ0wsSUFBSSw0RkFDSixXQUFXLCttQkFDWCxpQkFBaUIsa0lBQ2pCLGlCQUFpQix3SEFDakIseUJBQXlCLDJJQUN6Qix3QkFBd0Isd0RBQ3hCLDZCQUE2Qiw2REFDN0IseUJBQXlCLHlEQUN6QiwyQkFBMkI7OzRGQWFsQix3QkFBd0I7a0JBMUJwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsS0FBSzt3QkFDTCxJQUFJO3dCQUNKLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qiw2QkFBNkI7d0JBQzdCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3FCQUM1QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx5QkFBeUIsQ0FBQzt5QkFDeEQ7cUJBQ0Y7OEJBU1EsU0FBUztzQkFBakIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBmb3J3YXJkUmVmLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1zZWxlY3QuYmFzZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xyXG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZSc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi9zdWlzLXNlbGVjdC1tdWx0aS1pcy1zZWxlY3RlZC5waXBlJztcclxuaW1wb3J0IHsgU3Vpc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWNoaXAnO1xyXG5pbXBvcnQgeyBTdWlzQ29sb3IgfSBmcm9tICcuLi8uLi90eXBlcy9zdWlzLWNvbG9yLnR5cGUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1tdWx0aScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBOZ0ZvcixcclxuICAgIE5nSWYsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIFN1aXNJY29uQ29tcG9uZW50LFxyXG4gICAgU3Vpc0NoaXBDb21wb25lbnQsXHJcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxyXG4gICAgU3Vpc1NlbGVjdE11bHRpQ2hpcHNQaXBlLFxyXG4gICAgU3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZFBpcGUsXHJcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxyXG4gICAgU3Vpc1NlbGVjdEZpbHRlck9wdGlvbnNQaXBlLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNTZWxlY3RNdWx0aUNvbXBvbmVudCksXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0QmFzZTxUPiB7XHJcbiAgLyoqIEBpbnRlcm5hbCAqL1xyXG4gIHZhbHVlczogVFtdID0gW107XHJcblxyXG4gIC8qKlxyXG4gICAqIEFsbG93cyB0byBzZWxlY3QgZHVwbGljYXRlZCB2YWx1ZXMgYW5kIHJlbW92ZSBjaGVja2JveGVzIG5leHQgdG8gb3B0aW9ucycgbGFiZWwuIEJ5IGRlZmF1bHQgc2V0IHRvIGZhbHNlLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGR1cGxpY2F0ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgY2hpcHMuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXHJcbiAgICovXHJcbiAgQElucHV0KCkgY2hpcENvbG9yOiBTdWlzQ29sb3IgPSAncHJpbWFyeSc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGNvbG9yIG9mIHRoZSBjaGlwcycgY3Jvc3MgaWNvbi4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd3aGl0ZScuXHJcbiAgICovXHJcbiAgQElucHV0KCkgY2hpcEljb25Db2xvcjogU3Vpc0NvbG9yID0gJ3doaXRlJztcclxuXHJcbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IFRbXSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZXMgPSBvYmo7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlcyk7XHJcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgb3ZlcnJpZGUgb25TZWxlY3QodmFsdWU6IFQpOiB2b2lkIHtcclxuICAgIGlmIChcclxuICAgICAgdGhpcy5kdXBsaWNhdGUgfHxcclxuICAgICAgIXRoaXMudmFsdWVzLnNvbWUoXHJcbiAgICAgICAgKHZhbHVlKSA9PiBKU09OLnN0cmluZ2lmeSh2YWx1ZSkgPT09IEpTT04uc3RyaW5naWZ5KHZhbHVlKVxyXG4gICAgICApXHJcbiAgICApIHtcclxuICAgICAgdGhpcy5zZXRWYWx1ZShbLi4udGhpcy52YWx1ZXMsIHZhbHVlXSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNldFZhbHVlKFtcclxuICAgICAgICAuLi50aGlzLnZhbHVlcy5maWx0ZXIoXHJcbiAgICAgICAgICAodmFsdWUpID0+IEpTT04uc3RyaW5naWZ5KHZhbHVlKSAhPT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpXHJcbiAgICAgICAgKSxcclxuICAgICAgXSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblJlbW92ZShpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBjb25zdCB2YWx1ZXMgPSBbLi4udGhpcy52YWx1ZXNdO1xyXG4gICAgdmFsdWVzLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB0aGlzLnNldFZhbHVlKFsuLi52YWx1ZXNdKTtcclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIGNsZWFyVmFsdWUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFZhbHVlKFtdKTtcclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIHNldFZhbHVlKHZhbHVlOiBUW10pOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWVzID0gdmFsdWU7XHJcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlcyk7XHJcbiAgICB0aGlzLmNoYW5nZWQuZW1pdCgpO1xyXG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpXCI+XG4gIDxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwib25FeHBhbmQoKVwiXG4gICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uXCJcbiAgICBbY2xhc3Muc3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbi0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICBbY2xhc3Muc3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbi0tdmFsaWRdPVwidmFsdWVzLmxlbmd0aCA+IDBcIlxuICAgIFtkaXNhYmxlZF09XCJyZWFkb25seVwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19idXR0b25fX3ZhbHVlXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXZhbHVlcz8ubGVuZ3RoXCI+XG4gICAgICAgIHt7IHBsYWNlaG9sZGVyIH19XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2YWx1ZXM/Lmxlbmd0aFwiPlxuICAgICAgICA8c3Vpcy1jaGlwXG4gICAgICAgICAgKm5nRm9yPVwiXG4gICAgICAgICAgICBsZXQgdmFsdWUgb2YgdmFsdWVzIHwgc3Vpc1NlbGVjdE11bHRpQ2hpcHMgOiBvcHRpb25zO1xuICAgICAgICAgICAgbGV0IGluZGV4ID0gaW5kZXhcbiAgICAgICAgICBcIlxuICAgICAgICAgIFtyZW1vdmFibGVdPVwidHJ1ZVwiXG4gICAgICAgICAgW2NvbG9yXT1cImNoaXBDb2xvclwiXG4gICAgICAgICAgW2ljb25Db2xvcl09XCJjaGlwSWNvbkNvbG9yXCJcbiAgICAgICAgICAocmVtb3ZlKT1cIm9uUmVtb3ZlKGluZGV4KVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyB2YWx1ZSB9fVxuICAgICAgICA8L3N1aXMtY2hpcD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19idXR0b25fX2FjdGlvbnNcIj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgKm5nSWY9XCJ2YWx1ZXM/Lmxlbmd0aFwiXG4gICAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbl9fY3Jvc3NcIlxuICAgICAgICB0eXBlPVwiY3Jvc3NcIlxuICAgICAgICBzaXplPVwibGdcIlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgID48L3N1aXMtaWNvbj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uX19jaGV2cm9uXCJcbiAgICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICAgIHNpemU9XCJsZ1wiXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICA+PC9zdWlzLWljb24+XG4gICAgPC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGVkXCIgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fbGlzdFwiPlxuICAgIDxpbnB1dFxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgICpuZ0Zvcj1cIlxuICAgICAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnNcbiAgICAgICAgICB8IHN1aXNTZWxlY3RTb3J0T3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2U7XG4gICAgICAgIHRyYWNrQnk6IG9wdGlvblRyYWNrQnlcbiAgICAgIFwiXG4gICAgICBbb3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbi52YWx1ZSB8IHN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWQgOiB2YWx1ZXNcIlxuICAgICAgW2NoZWNrYm94XT1cIiFkdXBsaWNhdGVcIlxuICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uLnZhbHVlKVwiXG4gICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
98
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBNkJqRCxNQUFNLE9BQU8sd0JBQTRCLFNBQVEsY0FBaUI7SUExQmxFOztRQTJCRSxnQkFBZ0I7UUFDaEIsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUVqQjs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxjQUFTLEdBQWMsU0FBUyxDQUFDO1FBRTFDOztXQUVHO1FBQ00sa0JBQWEsR0FBYyxPQUFPLENBQUM7S0F1QzdDO0lBckNVLFVBQVUsQ0FBQyxHQUFRO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFRO1FBQ3hCLElBQ0UsSUFBSSxDQUFDLFNBQVM7WUFDZCxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDckU7WUFDQSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDeEM7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUM7Z0JBQ1osR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FDbkIsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FDbkQ7YUFDRixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixNQUFNLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVRLFVBQVU7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNwQixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQVU7UUFDMUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBdkRVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDRKQVJ4QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDeEQ7U0FDRixpREMxQ0gsdXdFQXdFQSw2akVEbERJLEtBQUssbUhBQ0wsSUFBSSw0RkFDSixXQUFXLCttQkFDWCxpQkFBaUIsa0lBQ2pCLGlCQUFpQix3SEFDakIseUJBQXlCLDJJQUN6Qix3QkFBd0Isd0RBQ3hCLDZCQUE2Qiw2REFDN0IseUJBQXlCLHlEQUN6QiwyQkFBMkI7OzRGQWFsQix3QkFBd0I7a0JBMUJwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsS0FBSzt3QkFDTCxJQUFJO3dCQUNKLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4Qiw2QkFBNkI7d0JBQzdCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3FCQUM1QixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx5QkFBeUIsQ0FBQzt5QkFDeEQ7cUJBQ0Y7OEJBU1EsU0FBUztzQkFBakIsS0FBSztnQkFLRyxTQUFTO3NCQUFqQixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtc2VsZWN0LmJhc2UnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3Qtb3B0aW9uL3N1aXMtc2VsZWN0LW9wdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlDaGlwc1BpcGUgfSBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpLWNoaXBzLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpLWlzLXNlbGVjdGVkLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWNoaXAnO1xuaW1wb3J0IHsgU3Vpc0NvbG9yIH0gZnJvbSAnLi4vLi4vdHlwZXMvc3Vpcy1jb2xvci50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtbXVsdGknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3IsXG4gICAgTmdJZixcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzSWNvbkNvbXBvbmVudCxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUNvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RCYXNlPFQ+IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICB2YWx1ZXM6IFRbXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdG8gc2VsZWN0IGR1cGxpY2F0ZWQgdmFsdWVzIGFuZCByZW1vdmUgY2hlY2tib3hlcyBuZXh0IHRvIG9wdGlvbnMnIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGR1cGxpY2F0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBwYWxsZXR0ZSBvZiB0aGUgY2hpcHMuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjaGlwQ29sb3I6IFN1aXNDb2xvciA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3Igb2YgdGhlIGNoaXBzJyBjcm9zcyBpY29uLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3doaXRlJy5cbiAgICovXG4gIEBJbnB1dCgpIGNoaXBJY29uQ29sb3I6IFN1aXNDb2xvciA9ICd3aGl0ZSc7XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IFRbXSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVzID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWVzKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb3ZlcnJpZGUgb25TZWxlY3QodmFsdWU6IFQpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLmR1cGxpY2F0ZSB8fFxuICAgICAgIXRoaXMudmFsdWVzLnNvbWUoKHYpID0+IEpTT04uc3RyaW5naWZ5KHYpID09PSBKU09OLnN0cmluZ2lmeSh2YWx1ZSkpXG4gICAgKSB7XG4gICAgICB0aGlzLnNldFZhbHVlKFsuLi50aGlzLnZhbHVlcywgdmFsdWVdKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRWYWx1ZShbXG4gICAgICAgIC4uLnRoaXMudmFsdWVzLmZpbHRlcihcbiAgICAgICAgICAodikgPT4gSlNPTi5zdHJpbmdpZnkodikgIT09IEpTT04uc3RyaW5naWZ5KHZhbHVlKVxuICAgICAgICApLFxuICAgICAgXSk7XG4gICAgfVxuICB9XG5cbiAgb25SZW1vdmUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlcyA9IFsuLi50aGlzLnZhbHVlc107XG4gICAgdmFsdWVzLnNwbGljZShpbmRleCwgMSk7XG4gICAgdGhpcy5zZXRWYWx1ZShbLi4udmFsdWVzXSk7XG4gIH1cblxuICBvdmVycmlkZSBjbGVhclZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuc2V0VmFsdWUoW10pO1xuICB9XG5cbiAgb3ZlcnJpZGUgc2V0VmFsdWUodmFsdWU6IFRbXSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVzID0gdmFsdWU7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZXMpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KCk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpXCI+XG4gIDxidXR0b25cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAoY2xpY2spPVwib25FeHBhbmQoKVwiXG4gICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uXCJcbiAgICBbY2xhc3Muc3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbi0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICBbY2xhc3Muc3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbi0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFtjbGFzcy5zdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uLS12YWxpZF09XCJ2YWx1ZXMubGVuZ3RoID4gMFwiXG4gICAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgPlxuICAgIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbl9fdmFsdWVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdmFsdWVzPy5sZW5ndGhcIj5cbiAgICAgICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCI+XG4gICAgICAgIDxzdWlzLWNoaXBcbiAgICAgICAgICAqbmdGb3I9XCJcbiAgICAgICAgICAgIGxldCB2YWx1ZSBvZiB2YWx1ZXMgfCBzdWlzU2VsZWN0TXVsdGlDaGlwcyA6IG9wdGlvbnM7XG4gICAgICAgICAgICBsZXQgaW5kZXggPSBpbmRleFxuICAgICAgICAgIFwiXG4gICAgICAgICAgW3JlbW92YWJsZV09XCJ0cnVlXCJcbiAgICAgICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cImNoaXBJY29uQ29sb3JcIlxuICAgICAgICAgIChyZW1vdmUpPVwib25SZW1vdmUoaW5kZXgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IHZhbHVlIH19XG4gICAgICAgIDwvc3Vpcy1jaGlwPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbl9fYWN0aW9uc1wiPlxuICAgICAgPHN1aXMtaWNvblxuICAgICAgICAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCJcbiAgICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uX19jcm9zc1wiXG4gICAgICAgIHR5cGU9XCJjcm9zc1wiXG4gICAgICAgIHNpemU9XCJsZ1wiXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIlxuICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgPjwvc3Vpcy1pY29uPlxuICAgICAgPHN1aXMtaWNvblxuICAgICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19idXR0b25fX2NoZXZyb25cIlxuICAgICAgICBbdHlwZV09XCJleHBhbmRlZCA/ICdjaGV2cm9uLXVwJyA6ICdjaGV2cm9uLWRvd24nXCJcbiAgICAgICAgc2l6ZT1cImxnXCJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcbiAgICAgID48L3N1aXMtaWNvbj5cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0XCI+XG4gICAgPGlucHV0XG4gICAgICAqbmdJZj1cInNlYXJjaFwiXG4gICAgICBbbmdNb2RlbF09XCJzZWFyY2hQaHJhc2VcIlxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25TZWFyY2hQaHJhc2VDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0X19zZWFyY2hcIlxuICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwic2VhcmNoUGxhY2Vob2xkZXJcIlxuICAgIC8+XG4gICAgPHN1aXMtc2VsZWN0LW9wdGlvblxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBvcHRpb24gb2Ygb3B0aW9uc1xuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zXG4gICAgICAgICAgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZTtcbiAgICAgICAgdHJhY2tCeTogb3B0aW9uVHJhY2tCeVxuICAgICAgXCJcbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzU2VsZWN0T3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uLnZhbHVlIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICBbY2hlY2tib3hdPVwiIWR1cGxpY2F0ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb24udmFsdWUpXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -4,9 +4,9 @@ import * as i0 from "@angular/core";
|
|
4
4
|
export class SuisSpinnerContainerComponent {
|
5
5
|
constructor() {
|
6
6
|
/**
|
7
|
-
* Sets the size of the spinner. Type of SuisSize. By default set to '
|
7
|
+
* Sets the size of the spinner. Type of SuisSize. By default set to 'md'.
|
8
8
|
*/
|
9
|
-
this.size = '
|
9
|
+
this.size = 'md';
|
10
10
|
/**
|
11
11
|
* Sets the color of the spinner. Type of SuisColor. By default set to 'primary'.
|
12
12
|
*/
|
@@ -21,11 +21,11 @@ export class SuisSpinnerContainerComponent {
|
|
21
21
|
this.absolute = false;
|
22
22
|
}
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSpinnerContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSpinnerContainerComponent, isStandalone: true, selector: "suis-spinner-container", inputs: { size: "size", color: "color", blur: "blur", absolute: "absolute" }, ngImport: i0, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"], dependencies: [{ kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisSpinnerContainerComponent, isStandalone: true, selector: "suis-spinner-container", inputs: { size: "size", color: "color", blur: "blur", absolute: "absolute" }, ngImport: i0, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"], dependencies: [{ kind: "component", type: SuisSpinnerComponent, selector: "suis-spinner", inputs: ["size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
25
25
|
}
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisSpinnerContainerComponent, decorators: [{
|
27
27
|
type: Component,
|
28
|
-
args: [{ selector: 'suis-spinner-container', standalone: true, imports: [SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"] }]
|
28
|
+
args: [{ selector: 'suis-spinner-container', standalone: true, imports: [SuisSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-spinner-container\"\n [class.suis-spinner-container--blur]=\"blur\"\n [class.suis-spinner-container--absolute]=\"absolute\"\n>\n <suis-spinner [size]=\"size\" [color]=\"color\"></suis-spinner>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-spinner-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.suis-spinner-container--blur{background-color:#ffffff20;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.suis-spinner-container--absolute{position:absolute;inset:0}\n"] }]
|
29
29
|
}], propDecorators: { size: [{
|
30
30
|
type: Input
|
31
31
|
}], color: [{
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
35
35
|
}], absolute: [{
|
36
36
|
type: Input
|
37
37
|
}] } });
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci1jb250YWluZXIvc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc3Bpbm5lci1jb250YWluZXIvc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFVOUUsTUFBTSxPQUFPLDZCQUE2QjtJQVIxQztRQVNFOztXQUVHO1FBQ00sU0FBSSxHQUFhLElBQUksQ0FBQztRQUUvQjs7V0FFRztRQUNNLFVBQUssR0FBYyxTQUFTLENBQUM7UUFFdEM7O1dBRUc7UUFDTSxTQUFJLEdBQVksS0FBSyxDQUFDO1FBRS9COztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztLQUNwQzsrR0FwQlksNkJBQTZCO21HQUE3Qiw2QkFBNkIsZ0tDYjFDLG9PQU9BLHdlRENZLG9CQUFvQjs7NEZBS25CLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDRSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsb0JBQW9CLENBQUMsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsSUFBSTtzQkFBWixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzU2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtc2l6ZS50eXBlJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzL3N1aXMtY29sb3IudHlwZSc7XG5pbXBvcnQgeyBTdWlzU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc3Bpbm5lci9zdWlzLXNwaW5uZXIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zcGlubmVyLWNvbnRhaW5lcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtTdWlzU3Bpbm5lckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNwaW5uZXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NwaW5uZXJDb250YWluZXJDb21wb25lbnQge1xuICAvKipcbiAgICogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgc3Bpbm5lci4gVHlwZSBvZiBTdWlzU2l6ZS4gQnkgZGVmYXVsdCBzZXQgdG8gJ21kJy5cbiAgICovXG4gIEBJbnB1dCgpIHNpemU6IFN1aXNTaXplID0gJ21kJztcblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3Igb2YgdGhlIHNwaW5uZXIuIFR5cGUgb2YgU3Vpc0NvbG9yLiBCeSBkZWZhdWx0IHNldCB0byAncHJpbWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBjb2xvcjogU3Vpc0NvbG9yID0gJ3ByaW1hcnknO1xuXG4gIC8qKlxuICAgKiBBZGRzIGJsdXIgZWZmZWN0IHRvIHRoZSBjb250YWluZXIgYmFja2dyb3VuZC4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBibHVyOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFBvc2l0aW9uIGFic29sdXRlIHRvIHRoZSBwYXJlbnQgZWxlbWVudCAobXVzdCBoYXZlIHJlbGF0aXZlIHBvc2l0aW9uKS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBhYnNvbHV0ZTogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInN1aXMtc3Bpbm5lci1jb250YWluZXJcIlxuICBbY2xhc3Muc3Vpcy1zcGlubmVyLWNvbnRhaW5lci0tYmx1cl09XCJibHVyXCJcbiAgW2NsYXNzLnN1aXMtc3Bpbm5lci1jb250YWluZXItLWFic29sdXRlXT1cImFic29sdXRlXCJcbj5cbiAgPHN1aXMtc3Bpbm5lciBbc2l6ZV09XCJzaXplXCIgW2NvbG9yXT1cImNvbG9yXCI+PC9zdWlzLXNwaW5uZXI+XG48L2Rpdj5cbiJdfQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, Input, QueryList, } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, } from '@angular/core';
|
2
2
|
import { NgFor, NgTemplateOutlet } from '@angular/common';
|
3
3
|
import { SuisTabDirective } from './suis-tab.directive';
|
4
4
|
import { SuisTabActionsPipe } from './suis-tab-actions.pipe';
|
@@ -10,12 +10,17 @@ export class SuisTabsComponent {
|
|
10
10
|
* Name of the current displayed tab. Must correspond with the name passed into suisTab directive. By default set to empty string.
|
11
11
|
*/
|
12
12
|
this.currentTab = '';
|
13
|
+
/**
|
14
|
+
* Emits name of the clicked tab.
|
15
|
+
*/
|
16
|
+
this.tabClicked = new EventEmitter();
|
13
17
|
}
|
14
18
|
onTabActionClick(name) {
|
15
19
|
this.currentTab = name;
|
20
|
+
this.tabClicked.emit(name);
|
16
21
|
}
|
17
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisTabsComponent, isStandalone: true, selector: "suis-tabs", inputs: { currentTab: "currentTab" }, queries: [{ propertyName: "tabs", predicate: SuisTabDirective }], ngImport: i0, template: "<div class=\"suis-tabs\">\n <div class=\"suis-tabs__actions\">\n <button\n *ngFor=\"let name of tabs | suisTabActions\"\n [class.active]=\"name === currentTab\"\n (click)=\"onTabActionClick(name)\"\n >\n {{ name }}\n </button>\n </div>\n <div class=\"suis-tabs__content\">\n <ng-container\n *ngTemplateOutlet=\"tabs | suisTabTemplate : currentTab\"\n ></ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-tabs__actions{width:100%;display:flex}.suis-tabs__actions button{flex:1;border:0;background-color:#fff;border-bottom:.1875rem solid #f5f6fa;margin:0 .5rem;padding:1rem;transition:.5s border-bottom-color ease-in-out}.suis-tabs__actions button:first-child{margin-left:0}.suis-tabs__actions button:last-child{margin-right:0}.suis-tabs__actions button.active{font-weight:500;color:#192a56;border-bottom-color:#192a56}.suis-tabs__actions button:hover{border-bottom-color:#273c75;cursor:pointer}.suis-tabs__content{margin-top:1rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SuisTabActionsPipe, name: "suisTabActions" }, { kind: "pipe", type: SuisTabTemplatePipe, name: "suisTabTemplate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisTabsComponent, isStandalone: true, selector: "suis-tabs", inputs: { currentTab: "currentTab" }, outputs: { tabClicked: "tabClicked" }, queries: [{ propertyName: "tabs", predicate: SuisTabDirective }], ngImport: i0, template: "<div class=\"suis-tabs\">\n <div class=\"suis-tabs__actions\">\n <button\n *ngFor=\"let name of tabs | suisTabActions\"\n [class.active]=\"name === currentTab\"\n (click)=\"onTabActionClick(name)\"\n >\n {{ name }}\n </button>\n </div>\n <div class=\"suis-tabs__content\">\n <ng-container\n *ngTemplateOutlet=\"tabs | suisTabTemplate : currentTab\"\n ></ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-tabs__actions{width:100%;display:flex}.suis-tabs__actions button{flex:1;border:0;background-color:#fff;border-bottom:.1875rem solid #f5f6fa;margin:0 .5rem;padding:1rem;transition:.5s border-bottom-color ease-in-out}.suis-tabs__actions button:first-child{margin-left:0}.suis-tabs__actions button:last-child{margin-right:0}.suis-tabs__actions button.active{font-weight:500;color:#192a56;border-bottom-color:#192a56}.suis-tabs__actions button:hover{border-bottom-color:#273c75;cursor:pointer}.suis-tabs__content{margin-top:1rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: SuisTabActionsPipe, name: "suisTabActions" }, { kind: "pipe", type: SuisTabTemplatePipe, name: "suisTabTemplate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
19
24
|
}
|
20
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisTabsComponent, decorators: [{
|
21
26
|
type: Component,
|
@@ -25,5 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
25
30
|
args: [SuisTabDirective]
|
26
31
|
}], currentTab: [{
|
27
32
|
type: Input
|
33
|
+
}], tabClicked: [{
|
34
|
+
type: Output
|
28
35
|
}] } });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy10YWJzL3N1aXMtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdGFicy9zdWlzLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsZUFBZSxFQUNmLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBVS9ELE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFhRTs7V0FFRztRQUNNLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFFakM7O1dBRUc7UUFDTyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQU1uRDtJQUpDLGdCQUFnQixDQUFDLElBQVk7UUFDM0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0IsQ0FBQzsrR0FsQlUsaUJBQWlCO21HQUFqQixpQkFBaUIsdUtBRVgsZ0JBQWdCLDZCQ3hCbkMsZ2JBZ0JBLGt0QkRDWSxLQUFLLG1IQUFFLGdCQUFnQiwrSUFBRSxrQkFBa0Isa0RBQUUsbUJBQW1COzs0RkFLL0QsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsbUJBQW1CLENBQUMsbUJBRzFELHVCQUF1QixDQUFDLE1BQU07OEJBSy9DLElBQUk7c0JBREgsZUFBZTt1QkFBQyxnQkFBZ0I7Z0JBTXhCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBS0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc1RhYkRpcmVjdGl2ZSB9IGZyb20gJy4vc3Vpcy10YWIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFN1aXNUYWJBY3Rpb25zUGlwZSB9IGZyb20gJy4vc3Vpcy10YWItYWN0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNUYWJUZW1wbGF0ZVBpcGUgfSBmcm9tICcuL3N1aXMtdGFiLXRlbXBsYXRlLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXRhYnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdGb3IsIE5nVGVtcGxhdGVPdXRsZXQsIFN1aXNUYWJBY3Rpb25zUGlwZSwgU3Vpc1RhYlRlbXBsYXRlUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNUYWJzQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAQ29udGVudENoaWxkcmVuKFN1aXNUYWJEaXJlY3RpdmUpXG4gIHRhYnM/OiBRdWVyeUxpc3Q8U3Vpc1RhYkRpcmVjdGl2ZT47XG5cbiAgLyoqXG4gICAqIE5hbWUgb2YgdGhlIGN1cnJlbnQgZGlzcGxheWVkIHRhYi4gTXVzdCBjb3JyZXNwb25kIHdpdGggdGhlIG5hbWUgcGFzc2VkIGludG8gc3Vpc1RhYiBkaXJlY3RpdmUuIEJ5IGRlZmF1bHQgc2V0IHRvIGVtcHR5IHN0cmluZy5cbiAgICovXG4gIEBJbnB1dCgpIGN1cnJlbnRUYWI6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBuYW1lIG9mIHRoZSBjbGlja2VkIHRhYi5cbiAgICovXG4gIEBPdXRwdXQoKSB0YWJDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgb25UYWJBY3Rpb25DbGljayhuYW1lOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmN1cnJlbnRUYWIgPSBuYW1lO1xuICAgIHRoaXMudGFiQ2xpY2tlZC5lbWl0KG5hbWUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy10YWJzXCI+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXRhYnNfX2FjdGlvbnNcIj5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdGb3I9XCJsZXQgbmFtZSBvZiB0YWJzIHwgc3Vpc1RhYkFjdGlvbnNcIlxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJuYW1lID09PSBjdXJyZW50VGFiXCJcbiAgICAgIChjbGljayk9XCJvblRhYkFjdGlvbkNsaWNrKG5hbWUpXCJcbiAgICA+XG4gICAgICB7eyBuYW1lIH19XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3Vpcy10YWJzX19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0YWJzIHwgc3Vpc1RhYlRlbXBsYXRlIDogY3VycmVudFRhYlwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -32,7 +32,7 @@ export class SuisTextAreaComponent extends SuisInputBase {
|
|
32
32
|
multi: true,
|
33
33
|
useExisting: forwardRef(() => SuisTextAreaComponent),
|
34
34
|
},
|
35
|
-
], usesInheritance: true, ngImport: i0, template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
35
|
+
], usesInheritance: true, ngImport: i0, template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-text-area--readonly{cursor:not-allowed}.suis-text-area--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
36
36
|
}
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisTextAreaComponent, decorators: [{
|
38
38
|
type: Component,
|
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
42
42
|
multi: true,
|
43
43
|
useExisting: forwardRef(() => SuisTextAreaComponent),
|
44
44
|
},
|
45
|
-
], template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}\n"] }]
|
45
|
+
], template: "<textarea\n class=\"suis-text-area\"\n [class.suis-text-area--invalid]=\"invalid\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n></textarea>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-text-area{width:100%;background-color:#fff;border-radius:.25rem;padding:.5rem 1rem;border:.0625rem solid #dcdde1;min-height:2.625rem;min-height:6.25rem}.suis-text-area:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-text-area--invalid{border:.0625rem solid #ff4757}.suis-text-area--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-text-area--readonly{cursor:not-allowed}.suis-text-area--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}\n"] }]
|
46
46
|
}], propDecorators: { placeholder: [{
|
47
47
|
type: Input
|
48
48
|
}] } });
|
@@ -11,7 +11,7 @@ export class SuisToggleComponent extends SuisCheckboxBase {
|
|
11
11
|
multi: true,
|
12
12
|
useExisting: forwardRef(() => SuisToggleComponent),
|
13
13
|
},
|
14
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}\n"], dependencies: [{ kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
|
+
], usesInheritance: true, ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n class=\"suis-toggle__label\"\n [class.suis-toggle__label--invalid]=\"invalid\"\n [class.suis-toggle__label--readonly]=\"readonly\"\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n [class.suis-toggle__container__thumb--invalid]=\"invalid\"\n [class.suis-toggle__container__thumb--readonly]=\"readonly\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__label--invalid{color:#ff4757}.suis-toggle__label--readonly{cursor:not-allowed}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--invalid{background-color:#ff4757d9}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}.suis-toggle__container__thumb--readonly{background-color:#dcdde1}\n"], dependencies: [{ kind: "component", type: SuisLabelComponent, selector: "suis-label", inputs: ["for", "required", "pointer", "readonly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
15
|
}
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisToggleComponent, decorators: [{
|
17
17
|
type: Component,
|
@@ -21,6 +21,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
21
21
|
multi: true,
|
22
22
|
useExisting: forwardRef(() => SuisToggleComponent),
|
23
23
|
},
|
24
|
-
], template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}\n"] }]
|
24
|
+
], template: "<input\n #input\n type=\"checkbox\"\n class=\"suis-toggle\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [disabled]=\"readonly\"\n (input)=\"onChange($event)\"\n (focus)=\"onTouch()\"\n/>\n\n<suis-label\n class=\"suis-toggle__label\"\n [class.suis-toggle__label--invalid]=\"invalid\"\n [class.suis-toggle__label--readonly]=\"readonly\"\n [for]=\"id\"\n [required]=\"required\"\n [pointer]=\"true\"\n [readonly]=\"readonly\"\n>\n <div\n [tabindex]=\"readonly ? -1 : 0\"\n class=\"suis-toggle__container\"\n [class.suis-toggle__container--invalid]=\"invalid\"\n [class.suis-toggle__container--readonly]=\"readonly\"\n >\n <div\n class=\"suis-toggle__container__thumb\"\n [class.suis-toggle__container__thumb--active]=\"value\"\n [class.suis-toggle__container__thumb--invalid]=\"invalid\"\n [class.suis-toggle__container__thumb--readonly]=\"readonly\"\n ></div>\n </div>\n <ng-content></ng-content>\n</suis-label>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:flex}.suis-toggle{display:none}.suis-toggle:checked~suis-label ::ng-deep .suis-toggle__container{border:.0625rem solid #192a56}.suis-toggle__label--invalid{color:#ff4757}.suis-toggle__label--readonly{cursor:not-allowed}.suis-toggle__container{width:2.25rem;height:1.25rem;border:.0625rem solid #dcdde1;border-radius:1rem;display:flex;align-items:center;margin-right:.5rem;background-color:#fff}.suis-toggle__container:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-toggle__container--readonly{border:.0625rem solid #dcdde1;cursor:not-allowed}.suis-toggle__container--readonly:focus{box-shadow:none}.suis-toggle__container--invalid{border:.0625rem solid #ff4757}.suis-toggle__container--invalid:focus{box-shadow:0 2px 5px #ff4757bf}.suis-toggle__container__thumb{border-radius:100%;height:.75rem;width:.75rem;background-color:#dcdde1;transform:translate(.25rem);transition:.25s ease-in-out}.suis-toggle__container__thumb--invalid{background-color:#ff4757d9}.suis-toggle__container__thumb--active{background-color:#192a56;transform:translate(1.125rem)}.suis-toggle__container__thumb--readonly{background-color:#dcdde1}\n"] }]
|
25
25
|
}] });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy10b2dnbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXRvZ2dsZS9zdWlzLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtdG9nZ2xlL3N1aXMtdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFpQm5ELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQkFBZ0I7K0dBQTVDLG1CQUFtQjttR0FBbkIsbUJBQW1CLDBEQVJuQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7YUFDbkQ7U0FDRixpRENsQkgsKzlCQW9DQSw4eENENUJZLGtCQUFrQjs7NEZBWWpCLG1CQUFtQjtrQkFmL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsa0JBQWtCLENBQUMsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzQ2hlY2tib3hCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1jaGVja2JveC5iYXNlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0xhYmVsQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1sYWJlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtdG9nZ2xlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1N1aXNMYWJlbENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1RvZ2dsZUNvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1RvZ2dsZUNvbXBvbmVudCBleHRlbmRzIFN1aXNDaGVja2JveEJhc2Uge31cbiIsIjxpbnB1dFxuICAjaW5wdXRcbiAgdHlwZT1cImNoZWNrYm94XCJcbiAgY2xhc3M9XCJzdWlzLXRvZ2dsZVwiXG4gIFthdHRyLmlkXT1cImlkXCJcbiAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbiAgKGlucHV0KT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAoZm9jdXMpPVwib25Ub3VjaCgpXCJcbi8+XG5cbjxzdWlzLWxhYmVsXG4gIGNsYXNzPVwic3Vpcy10b2dnbGVfX2xhYmVsXCJcbiAgW2NsYXNzLnN1aXMtdG9nZ2xlX19sYWJlbC0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgW2NsYXNzLnN1aXMtdG9nZ2xlX19sYWJlbC0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbZm9yXT1cImlkXCJcbiAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgW3BvaW50ZXJdPVwidHJ1ZVwiXG4gIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4+XG4gIDxkaXZcbiAgICBbdGFiaW5kZXhdPVwicmVhZG9ubHkgPyAtMSA6IDBcIlxuICAgIGNsYXNzPVwic3Vpcy10b2dnbGVfX2NvbnRhaW5lclwiXG4gICAgW2NsYXNzLnN1aXMtdG9nZ2xlX19jb250YWluZXItLWludmFsaWRdPVwiaW52YWxpZFwiXG4gICAgW2NsYXNzLnN1aXMtdG9nZ2xlX19jb250YWluZXItLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwic3Vpcy10b2dnbGVfX2NvbnRhaW5lcl9fdGh1bWJcIlxuICAgICAgW2NsYXNzLnN1aXMtdG9nZ2xlX19jb250YWluZXJfX3RodW1iLS1hY3RpdmVdPVwidmFsdWVcIlxuICAgICAgW2NsYXNzLnN1aXMtdG9nZ2xlX19jb250YWluZXJfX3RodW1iLS1pbnZhbGlkXT1cImludmFsaWRcIlxuICAgICAgW2NsYXNzLnN1aXMtdG9nZ2xlX19jb250YWluZXJfX3RodW1iLS1yZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgPjwvZGl2PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zdWlzLWxhYmVsPlxuIl19
|