suis 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +3 -4
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +4 -4
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs +3 -4
- package/esm2022/lib/components/suis-chart/suis-chart.component.mjs +4 -11
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +4 -4
- package/esm2022/lib/components/suis-dialog/suis-dialog.component.mjs +4 -10
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.component.mjs +4 -4
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +4 -4
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +5 -6
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +5 -12
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +5 -6
- package/esm2022/lib/components/suis-label/suis-label.component.mjs +3 -4
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +4 -4
- package/esm2022/lib/components/suis-notifications/suis-notifications.component.mjs +3 -4
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +4 -10
- package/esm2022/lib/components/suis-tabs/suis-tabs.component.mjs +4 -4
- package/esm2022/lib/components/suis-title/suis-title.component.mjs +4 -4
- package/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +3 -3
- package/esm2022/lib/modules/suis-button/components/suis-button/suis-button.component.mjs +4 -4
- package/esm2022/lib/modules/suis-button/components/suis-button-link/suis-button-link.component.mjs +4 -4
- package/esm2022/lib/modules/suis-button/components/suis-button-outlined/suis-button-outlined.component.mjs +4 -4
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation/suis-navigation.component.mjs +3 -4
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group/suis-navigation-group.component.mjs +3 -6
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +4 -4
- package/esm2022/lib/modules/suis-navigation/components/suis-navigation-item/suis-navigation-item.component.mjs +4 -4
- package/esm2022/lib/modules/suis-select/components/suis-select/suis-select.component.mjs +4 -7
- package/esm2022/lib/modules/suis-select/components/suis-select-button/suis-select-button.component.mjs +3 -5
- package/esm2022/lib/modules/suis-select/components/suis-select-button-multi/suis-select-button-multi.component.mjs +3 -6
- package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs +5 -8
- package/esm2022/lib/modules/suis-select/components/suis-select-group-option/suis-select-group-option.component.mjs +3 -3
- package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs +4 -7
- package/esm2022/lib/modules/suis-select/components/suis-select-multi-group/suis-select-multi-group.component.mjs +5 -8
- package/esm2022/lib/modules/suis-select/components/suis-select-option/suis-select-option.component.mjs +4 -4
- package/esm2022/lib/shared/classes/suis-checkbox.base.mjs +6 -13
- package/fesm2022/suis.mjs +81 -121
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/shared/classes/suis-checkbox.base.d.ts +1 -5
- package/package.json +1 -1
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
|
2
|
-
import { NgFor, NgIf } from '@angular/common';
|
|
3
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
3
|
import { SuisSelectLabelPipe } from '../../pipes/suis-select-label.pipe';
|
|
5
4
|
import { SuisSelectIsSelectedPipe } from '../../pipes/suis-select-is-selected.pipe';
|
|
@@ -12,19 +11,17 @@ import * as i0 from "@angular/core";
|
|
|
12
11
|
import * as i1 from "@angular/forms";
|
|
13
12
|
export class SuisSelectComponent extends SuisSelectSingleBase {
|
|
14
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectComponent, isStandalone: true, selector: "suis-select", providers: [
|
|
16
15
|
{
|
|
17
16
|
provide: NG_VALUE_ACCESSOR,
|
|
18
17
|
multi: true,
|
|
19
18
|
useExisting: forwardRef(() => SuisSelectComponent),
|
|
20
19
|
},
|
|
21
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectLabel : options : placeholder : optionValue : optionLabel\n }}\n </suis-select-button>\n
|
|
20
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectLabel : options : placeholder : optionValue : optionLabel\n }}\n </suis-select-button>\n @if (expanded) {\n <div class=\"suis-select__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( option of options | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n }\n </div>\n }\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__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:2.625rem;left:0;max-height:13.375rem;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;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"], dependencies: [{ 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: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { 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 }); }
|
|
22
21
|
}
|
|
23
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectComponent, decorators: [{
|
|
24
23
|
type: Component,
|
|
25
24
|
args: [{ selector: 'suis-select', standalone: true, imports: [
|
|
26
|
-
NgIf,
|
|
27
|
-
NgFor,
|
|
28
25
|
FormsModule,
|
|
29
26
|
SuisSelectOptionComponent,
|
|
30
27
|
SuisSelectButtonComponent,
|
|
@@ -38,6 +35,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
38
35
|
multi: true,
|
|
39
36
|
useExisting: forwardRef(() => SuisSelectComponent),
|
|
40
37
|
},
|
|
41
|
-
], template: "<div class=\"suis-select\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectLabel : options : placeholder : optionValue : optionLabel\n }}\n </suis-select-button>\n
|
|
38
|
+
], template: "<div class=\"suis-select\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectLabel : options : placeholder : optionValue : optionLabel\n }}\n </suis-select-button>\n @if (expanded) {\n <div class=\"suis-select__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( option of options | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n }\n </div>\n }\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__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:2.625rem;left:0;max-height:13.375rem;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;font-size:.875rem}.suis-select__list__search:focus{outline:none}\n"] }]
|
|
42
39
|
}] });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDekUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7OztBQXlCN0UsTUFBTSxPQUFPLG1CQUF1QixTQUFRLG9CQUF1QjsrR0FBdEQsbUJBQW1CO21HQUFuQixtQkFBbUIsMERBUm5CO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNuRDtTQUNGLGlEQy9CSCw0dUNBd0NBLHEyQkQxQkksV0FBVywrbUJBQ1gseUJBQXlCLDhLQUN6Qix5QkFBeUIsMERBQ3pCLG1CQUFtQixtREFDbkIsd0JBQXdCLHdEQUN4Qix5QkFBeUIseURBQ3pCLDJCQUEyQjs7NEZBYWxCLG1CQUFtQjtrQkF2Qi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxXQUFXO3dCQUNYLHlCQUF5Qjt3QkFDekIseUJBQXlCO3dCQUN6QixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6QiwyQkFBMkI7cUJBQzVCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLEtBQUssRUFBRSxJQUFJOzRCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDO3lCQUNuRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNTZWxlY3RMYWJlbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1sYWJlbC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LWlzLXNlbGVjdGVkLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1idXR0b24vc3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U2luZ2xlQmFzZSB9IGZyb20gJy4uLy4uL2NsYXNzZXMvc3Vpcy1zZWxlY3Qtc2luZ2xlLmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdExhYmVsUGlwZSxcbiAgICBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdENvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3RcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvblxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2NsZWFyYWJsZV09XCIhIShudWxsYWJsZSAmJiB2YWx1ZSlcIlxuICAgIFtleHBhbmRlZF09XCJleHBhbmRlZFwiXG4gICAgKGV4cGFuZGVkQ2hhbmdlKT1cIm9uRXhwYW5kKClcIlxuICAgIChjbGVhcmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gID5cbiAgICB7e1xuICAgICAgdmFsdWVcbiAgICAgICAgfCBzdWlzU2VsZWN0TGFiZWwgOiBvcHRpb25zIDogcGxhY2Vob2xkZXIgOiBvcHRpb25WYWx1ZSA6IG9wdGlvbkxhYmVsXG4gICAgfX1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24+XG4gIEBpZiAoZXhwYW5kZWQpIHtcbiAgPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0X19saXN0XCI+XG4gICAgQGlmIChzZWFyY2gpIHtcbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIH0gQGZvciAoIG9wdGlvbiBvZiBvcHRpb25zIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zIDogb3B0aW9uTGFiZWwgOlxuICAgIHNvcnRPcHRpb25zIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDsgdHJhY2tcbiAgICBvcHRpb25UcmFja0J5KCRpbmRleCwgb3B0aW9uKSkge1xuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdElzU2VsZWN0ZWQgOiB2YWx1ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIH1cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
2
|
import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.component';
|
|
4
3
|
import { SuisSelectButtonBase } from '../../classes/suis-select-button.base';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
5
|
export class SuisSelectButtonComponent extends SuisSelectButtonBase {
|
|
8
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectButtonComponent, isStandalone: true, selector: "suis-select-button", usesInheritance: true, ngImport: i0, template: "<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 <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button__actions\">\n @if (clearable && !readonly) {\n <suis-icon\n class=\"suis-select-button__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n }\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", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.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{background-color:#f5f6fa;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}\n"], dependencies: [{ kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
8
|
}
|
|
11
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonComponent, decorators: [{
|
|
12
10
|
type: Component,
|
|
13
|
-
args: [{ selector: 'suis-select-button', standalone: true, imports: [
|
|
11
|
+
args: [{ selector: 'suis-select-button', standalone: true, imports: [SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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 <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button__actions\">\n @if (clearable && !readonly) {\n <suis-icon\n class=\"suis-select-button__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n }\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", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.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{background-color:#f5f6fa;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}\n"] }]
|
|
14
12
|
}] });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24vc3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24vc3Vpcy1zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDekYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBVTdFLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0I7K0dBQXRELHlCQUF5QjttR0FBekIseUJBQXlCLHFHQ1p0QyxpeEJBNkJBLHlsQ0R0QlksaUJBQWlCOzs0RkFLaEIseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25CYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1idXR0b24uYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBTdWlzU2VsZWN0QnV0dG9uQmFzZSB7fVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIlxuICBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvblwiXG4gIFtjbGFzcy5zdWlzLXNlbGVjdC1idXR0b24tLWludmFsaWRdPVwiaW52YWxpZFwiXG4gIFtjbGFzcy5zdWlzLXNlbGVjdC1idXR0b24tLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcbj5cbiAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b25fX3ZhbHVlXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uX19hY3Rpb25zXCI+XG4gICAgQGlmIChjbGVhcmFibGUgJiYgIXJlYWRvbmx5KSB7XG4gICAgPHN1aXMtaWNvblxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b25fX2Nyb3NzXCJcbiAgICAgIHR5cGU9XCJ0aW1lc1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgICB9XG4gICAgPHN1aXMtaWNvblxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b25fX2NoZXZyb25cIlxuICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICA+PC9zdWlzLWljb24+XG4gIDwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
2
|
import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.component';
|
|
4
|
-
import { SuisChipComponent } from '../../../../components/suis-chip/suis-chip.component';
|
|
5
3
|
import { SuisSelectButtonBase } from '../../classes/suis-select-button.base';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
5
|
export class SuisSelectButtonMultiComponent extends SuisSelectButtonBase {
|
|
9
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectButtonMultiComponent, isStandalone: true, selector: "suis-select-button-multi", usesInheritance: true, ngImport: i0, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button-multi\"\n [class.suis-select-button-multi--invalid]=\"invalid\"\n [class.suis-select-button-multi--readonly]=\"readonly\"\n [class.suis-select-button-multi--valid]=\"clearable\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button-multi__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button-multi__actions\">\n @if (clearable && !readonly) {\n <suis-icon\n class=\"suis-select-button-multi__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n }\n <suis-icon\n class=\"suis-select-button-multi__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", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{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-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"], dependencies: [{ kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
8
|
}
|
|
12
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectButtonMultiComponent, decorators: [{
|
|
13
10
|
type: Component,
|
|
14
|
-
args: [{ selector: 'suis-select-button-multi', standalone: true, imports: [
|
|
11
|
+
args: [{ selector: 'suis-select-button-multi', standalone: true, imports: [SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select-button-multi\"\n [class.suis-select-button-multi--invalid]=\"invalid\"\n [class.suis-select-button-multi--readonly]=\"readonly\"\n [class.suis-select-button-multi--valid]=\"clearable\"\n [disabled]=\"readonly\"\n>\n <span class=\"suis-select-button-multi__value\">\n <ng-content></ng-content>\n </span>\n <span class=\"suis-select-button-multi__actions\">\n @if (clearable && !readonly) {\n <suis-icon\n class=\"suis-select-button-multi__cross\"\n type=\"times\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n tabindex=\"0\"\n ></suis-icon>\n }\n <suis-icon\n class=\"suis-select-button-multi__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", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-select-button-multi{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-multi:focus{border:.0625rem solid #192a56;box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-button-multi--invalid{border:.0625rem solid #ff4757}.suis-select-button-multi--invalid:focus{border:.0625rem solid #ff4757;box-shadow:0 2px 5px #ff4757bf}.suis-select-button-multi--readonly{background-color:#f5f6fa;cursor:not-allowed}.suis-select-button-multi--readonly:focus{border:.0625rem solid #dcdde1;box-shadow:none;outline:none}.suis-select-button-multi__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-button-multi__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-button-multi--valid{padding-bottom:.125rem}.suis-select-button-multi__value{display:flex;flex-wrap:wrap;gap:.25rem}\n"] }]
|
|
15
12
|
}] });
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkvc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDekYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBVTdFLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxvQkFBb0I7K0dBQTNELDhCQUE4QjttR0FBOUIsOEJBQThCLDJHQ1ozQyxnNkJBZ0NBLHl3Q0R6QlksaUJBQWlCOzs0RkFLaEIsOEJBQThCO2tCQVIxQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxpQkFBaUIsQ0FBQyxtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25CYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1idXR0b24uYmFzZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCBleHRlbmRzIFN1aXNTZWxlY3RCdXR0b25CYXNlIHt9XG4iLCI8YnV0dG9uXG4gIHR5cGU9XCJidXR0b25cIlxuICAoY2xpY2spPVwib25FeHBhbmQoKVwiXG4gIGNsYXNzPVwic3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpXCJcbiAgW2NsYXNzLnN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS0taW52YWxpZF09XCJpbnZhbGlkXCJcbiAgW2NsYXNzLnN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS0tcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICBbY2xhc3Muc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpLS12YWxpZF09XCJjbGVhcmFibGVcIlxuICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxuPlxuICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aV9fdmFsdWVcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b24tbXVsdGlfX2FjdGlvbnNcIj5cbiAgICBAaWYgKGNsZWFyYWJsZSAmJiAhcmVhZG9ubHkpIHtcbiAgICA8c3Vpcy1pY29uXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aV9fY3Jvc3NcIlxuICAgICAgdHlwZT1cInRpbWVzXCJcbiAgICAgIHNpemU9XCJsZ1wiXG4gICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gICAgICB0YWJpbmRleD1cIjBcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgICB9XG4gICAgPHN1aXMtaWNvblxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1idXR0b24tbXVsdGlfX2NoZXZyb25cIlxuICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==
|
package/esm2022/lib/modules/suis-select/components/suis-select-group/suis-select-group.component.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ContentChild, Input, forwardRef, } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
3
|
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
|
5
4
|
import { SuisSelectGroupOptionComponent } from '../suis-select-group-option/suis-select-group-option.component';
|
|
@@ -13,8 +12,7 @@ import { SuisSelectGroupOptionDirective } from '../../directives/suis-select-gro
|
|
|
13
12
|
import { SuisSelectButtonComponent } from '../suis-select-button';
|
|
14
13
|
import { SuisSelectSortGroupOptionsPipe } from '../../pipes/suis-select-sort-group-options.pipe';
|
|
15
14
|
import * as i0 from "@angular/core";
|
|
16
|
-
import * as i1 from "@angular/
|
|
17
|
-
import * as i2 from "@angular/forms";
|
|
15
|
+
import * as i1 from "@angular/forms";
|
|
18
16
|
export class SuisSelectGroupComponent extends SuisSelectSingleBase {
|
|
19
17
|
constructor() {
|
|
20
18
|
super(...arguments);
|
|
@@ -24,18 +22,17 @@ export class SuisSelectGroupComponent extends SuisSelectSingleBase {
|
|
|
24
22
|
this.groupOptions = [];
|
|
25
23
|
}
|
|
26
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectGroupComponent, isStandalone: true, selector: "suis-select-group", inputs: { groupOptions: "groupOptions" }, providers: [
|
|
28
26
|
{
|
|
29
27
|
provide: NG_VALUE_ACCESSOR,
|
|
30
28
|
multi: true,
|
|
31
29
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
|
32
30
|
},
|
|
33
|
-
], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-group\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectGroupLabel\n : groupOptions\n : placeholder\n : optionValue\n : optionLabel\n }}\n </suis-select-button>\n
|
|
31
|
+
], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-group\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectGroupLabel\n : groupOptions\n : placeholder\n : optionValue\n : optionLabel\n }}\n </suis-select-button>\n @if (expanded) {\n <div class=\"suis-select-group__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-group__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( group of groupOptions | suisSelectSortGroupOptions : sortOptions |\n suisSelectFilterGroupOptions : searchPhrase : optionLabel ; track group) {\n <suis-select-group-option\n [option]=\"group\"\n [templateRef]=\"suisSelectGroupOption?.templateRef\"\n ></suis-select-group-option>\n @for ( option of group.children | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n } }\n </div>\n }\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-group{position:relative}.suis-select-group__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:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"], dependencies: [{ 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: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "component", type: SuisSelectGroupOptionComponent, selector: "suis-select-group-option", inputs: ["option", "templateRef"] }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectGroupLabelPipe, name: "suisSelectGroupLabel" }, { kind: "component", type: SuisSelectButtonComponent, selector: "suis-select-button" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
32
|
}
|
|
35
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectGroupComponent, decorators: [{
|
|
36
34
|
type: Component,
|
|
37
35
|
args: [{ selector: 'suis-select-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
38
|
-
CommonModule,
|
|
39
36
|
FormsModule,
|
|
40
37
|
SuisSelectOptionComponent,
|
|
41
38
|
SuisSelectGroupOptionComponent,
|
|
@@ -52,11 +49,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
52
49
|
multi: true,
|
|
53
50
|
useExisting: forwardRef(() => SuisSelectGroupComponent),
|
|
54
51
|
},
|
|
55
|
-
], template: "<div class=\"suis-select-group\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectGroupLabel\n : groupOptions\n : placeholder\n : optionValue\n : optionLabel\n }}\n </suis-select-button>\n
|
|
52
|
+
], template: "<div class=\"suis-select-group\">\n <suis-select-button\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [clearable]=\"!!(nullable && value)\"\n [expanded]=\"expanded\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n {{\n value\n | suisSelectGroupLabel\n : groupOptions\n : placeholder\n : optionValue\n : optionLabel\n }}\n </suis-select-button>\n @if (expanded) {\n <div class=\"suis-select-group__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-group__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( group of groupOptions | suisSelectSortGroupOptions : sortOptions |\n suisSelectFilterGroupOptions : searchPhrase : optionLabel ; track group) {\n <suis-select-group-option\n [option]=\"group\"\n [templateRef]=\"suisSelectGroupOption?.templateRef\"\n ></suis-select-group-option>\n @for ( option of group.children | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n } }\n </div>\n }\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-group{position:relative}.suis-select-group__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:2.625rem;left:0;max-height:13.375rem;overflow-y:auto;max-height:15.25rem}.suis-select-group__list::-webkit-scrollbar{width:.5rem}.suis-select-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-group__list__search:focus{outline:none}\n"] }]
|
|
56
53
|
}], propDecorators: { suisSelectGroupOption: [{
|
|
57
54
|
type: ContentChild,
|
|
58
55
|
args: [SuisSelectGroupOptionDirective]
|
|
59
56
|
}], groupOptions: [{
|
|
60
57
|
type: Input
|
|
61
58
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LWdyb3VwL3N1aXMtc2VsZWN0LWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDckcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0scURBQXFELENBQUM7QUFFckcsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0saURBQWlELENBQUM7OztBQTRCakcsTUFBTSxPQUFPLHdCQUE0QixTQUFRLG9CQUF1QjtJQTFCeEU7O1FBK0JFOztXQUVHO1FBQ00saUJBQVksR0FBNEIsRUFBRSxDQUFDO0tBQ3JEOytHQVRZLHdCQUF3QjttR0FBeEIsd0JBQXdCLDBHQVJ4QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7YUFDeEQ7U0FDRiw2RUFJYSw4QkFBOEIsdUVDakQ5QyxtbkRBa0RBLHk2QkR0QkksV0FBVywrbUJBQ1gseUJBQXlCLDhLQUN6Qiw4QkFBOEIsbUdBQzlCLHdCQUF3Qix3REFDeEIseUJBQXlCLHlEQUN6QiwyQkFBMkIsMkRBQzNCLGdDQUFnQyxnRUFDaEMsd0JBQXdCLDZEQUN4Qix5QkFBeUIsMERBQ3pCLDhCQUE4Qjs7NEZBVXJCLHdCQUF3QjtrQkExQnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0Qzt3QkFDUCxXQUFXO3dCQUNYLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix3QkFBd0I7d0JBQ3hCLHlCQUF5Qjt3QkFDekIsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLHdCQUF3Qjt3QkFDeEIseUJBQXlCO3dCQUN6Qiw4QkFBOEI7cUJBQy9CLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGOzhCQUtELHFCQUFxQjtzQkFEcEIsWUFBWTt1QkFBQyw4QkFBOEI7Z0JBTW5DLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIElucHV0LFxuICBmb3J3YXJkUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0SXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0T3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLWdyb3VwLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBMYWJlbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1ncm91cC1sYWJlbC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTaW5nbGVCYXNlIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9zdWlzLXNlbGVjdC1zaW5nbGUuYmFzZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtZ3JvdXAtb3B0aW9ucy5waXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1zZWxlY3QtZ3JvdXAnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIEZvcm1zTW9kdWxlLFxuICAgIFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0R3JvdXBMYWJlbFBpcGUsXG4gICAgU3Vpc1NlbGVjdEJ1dHRvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzU2VsZWN0R3JvdXBDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RHcm91cENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RTaW5nbGVCYXNlPFQ+IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBAQ29udGVudENoaWxkKFN1aXNTZWxlY3RHcm91cE9wdGlvbkRpcmVjdGl2ZSlcbiAgc3Vpc1NlbGVjdEdyb3VwT3B0aW9uPzogU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlO1xuXG4gIC8qKlxuICAgKiBHcm91cCBvcHRpb25zIGRpc3BsYXllZCBpbiBkcm9wZG93biBsaXN0LiBUeXBlIG9mIFN1aXNTZWxlY3RHcm91cE9wdGlvbltdLlxuICAgKi9cbiAgQElucHV0KCkgZ3JvdXBPcHRpb25zOiBTdWlzU2VsZWN0R3JvdXBPcHRpb25bXSA9IFtdO1xufVxuIiwiPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LWdyb3VwXCI+XG4gIDxzdWlzLXNlbGVjdC1idXR0b25cbiAgICBbaW52YWxpZF09XCJpbnZhbGlkXCJcbiAgICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxuICAgIFtjbGVhcmFibGVdPVwiISEobnVsbGFibGUgJiYgdmFsdWUpXCJcbiAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIlxuICAgIChleHBhbmRlZENoYW5nZSk9XCJvbkV4cGFuZCgpXCJcbiAgICAoY2xlYXJlZCk9XCJvbkNsZWFyKCRldmVudClcIlxuICA+XG4gICAge3tcbiAgICAgIHZhbHVlXG4gICAgICAgIHwgc3Vpc1NlbGVjdEdyb3VwTGFiZWxcbiAgICAgICAgICA6IGdyb3VwT3B0aW9uc1xuICAgICAgICAgIDogcGxhY2Vob2xkZXJcbiAgICAgICAgICA6IG9wdGlvblZhbHVlXG4gICAgICAgICAgOiBvcHRpb25MYWJlbFxuICAgIH19XG4gIDwvc3Vpcy1zZWxlY3QtYnV0dG9uPlxuICBAaWYgKGV4cGFuZGVkKSB7XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cF9fbGlzdFwiPlxuICAgIEBpZiAoc2VhcmNoKSB7XG4gICAgPGlucHV0XG4gICAgICAjc2VhcmNoSW5wdXRcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtZ3JvdXBfX2xpc3RfX3NlYXJjaFwiXG4gICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgLz5cbiAgICB9IEBmb3IgKCBncm91cCBvZiBncm91cE9wdGlvbnMgfCBzdWlzU2VsZWN0U29ydEdyb3VwT3B0aW9ucyA6IHNvcnRPcHRpb25zIHxcbiAgICBzdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zIDogc2VhcmNoUGhyYXNlIDogb3B0aW9uTGFiZWwgOyB0cmFjayBncm91cCkge1xuICAgIDxzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cbiAgICAgIFtvcHRpb25dPVwiZ3JvdXBcIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RHcm91cE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgID48L3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbj5cbiAgICBAZm9yICggb3B0aW9uIG9mIGdyb3VwLmNoaWxkcmVuIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zIDogb3B0aW9uTGFiZWwgOlxuICAgIHNvcnRPcHRpb25zIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDsgdHJhY2tcbiAgICBvcHRpb25UcmFja0J5KCRpbmRleCwgb3B0aW9uKSkge1xuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdElzU2VsZWN0ZWQgOiB2YWx1ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIH0gfVxuICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -4,15 +4,15 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class SuisSelectGroupOptionComponent {
|
|
6
6
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectGroupOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectGroupOptionComponent, isStandalone: true, selector: "suis-select-group-option", inputs: { option: "option", templateRef: "templateRef" }, ngImport: i0, template: "<div class=\"suis-select-group-option\">\n @if (templateRef) {\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n } @else {\n {{ option?.label }}\n }\n <ng-template #label>\n {{ option?.label }}\n </ng-template>\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-group-option{width:100%;display:flex;align-items:center;justify-content:left;text-align:left;background-color:#f5f6fa;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8
8
|
}
|
|
9
9
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectGroupOptionComponent, decorators: [{
|
|
10
10
|
type: Component,
|
|
11
|
-
args: [{ selector: 'suis-select-group-option', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-select-group-option\">\n
|
|
11
|
+
args: [{ selector: 'suis-select-group-option', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"suis-select-group-option\">\n @if (templateRef) {\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n } @else {\n {{ option?.label }}\n }\n <ng-template #label>\n {{ option?.label }}\n </ng-template>\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-group-option{width:100%;display:flex;align-items:center;justify-content:left;text-align:left;background-color:#f5f6fa;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}\n"] }]
|
|
12
12
|
}], propDecorators: { option: [{
|
|
13
13
|
type: Input,
|
|
14
14
|
args: [{ required: true }]
|
|
15
15
|
}], templateRef: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}] } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFXL0MsTUFBTSxPQUFPLDhCQUE4QjsrR0FBOUIsOEJBQThCO21HQUE5Qiw4QkFBOEIsOElDakIzQyxtU0FZQSxvWkRBWSxZQUFZOzs0RkFLWCw4QkFBOEI7a0JBUjFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOzhCQU1wQixNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLaEIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQge1xuICAvKipcbiAgICogSXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNTZWxlY3RHcm91cE9wdGlvbi4gUmVxdWlyZWQgaW5wdXQuXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBvcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb247XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNTZWxlY3RHcm91cE9wdGlvbiB9Pjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdC1ncm91cC1vcHRpb25cIj5cbiAgQGlmICh0ZW1wbGF0ZVJlZikge1xuICA8bmctY29udGFpbmVyXG4gICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IG9wdGlvbiB9XCJcbiAgPjwvbmctY29udGFpbmVyPlxuICB9IEBlbHNlIHtcbiAge3sgb3B0aW9uPy5sYWJlbCB9fVxuICB9XG4gIDxuZy10ZW1wbGF0ZSAjbGFiZWw+XG4gICAge3sgb3B0aW9uPy5sYWJlbCB9fVxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=
|
package/esm2022/lib/modules/suis-select/components/suis-select-multi/suis-select-multi.component.mjs
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
|
|
2
|
-
import { NgFor, NgIf } from '@angular/common';
|
|
3
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
3
|
import { SuisSelectSortOptionsPipe } from '../../pipes/suis-select-sort-options.pipe';
|
|
5
4
|
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
|
@@ -13,19 +12,17 @@ import * as i0 from "@angular/core";
|
|
|
13
12
|
import * as i1 from "@angular/forms";
|
|
14
13
|
export class SuisSelectMultiComponent extends SuisSelectMultiBase {
|
|
15
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectMultiComponent, isStandalone: true, selector: "suis-select-multi", providers: [
|
|
17
16
|
{
|
|
18
17
|
provide: NG_VALUE_ACCESSOR,
|
|
19
18
|
multi: true,
|
|
20
19
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
|
21
20
|
},
|
|
22
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n <suis-select-button-multi\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [expanded]=\"expanded\"\n [clearable]=\"values.length > 0\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n
|
|
21
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\n <suis-select-button-multi\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [expanded]=\"expanded\"\n [clearable]=\"values.length > 0\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n @if (!values?.length) {\n {{ placeholder }}\n } @if (values?.length) { @for ( value of values | suisSelectMultiChips :\n options : optionValue : optionLabel; track value; let index = $index) {\n <suis-chip\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n } }\n </suis-select-button-multi>\n @if (expanded) {\n <div class=\"suis-select-multi__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( option of options | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n }\n </div>\n }\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__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:2.625rem;left:0;max-height:13.375rem;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;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"], dependencies: [{ 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: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "optionValue", "optionLabel", "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" }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
22
|
}
|
|
24
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
|
|
25
24
|
type: Component,
|
|
26
25
|
args: [{ selector: 'suis-select-multi', standalone: true, imports: [
|
|
27
|
-
NgFor,
|
|
28
|
-
NgIf,
|
|
29
26
|
FormsModule,
|
|
30
27
|
SuisChipComponent,
|
|
31
28
|
SuisSelectOptionComponent,
|
|
@@ -40,6 +37,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
40
37
|
multi: true,
|
|
41
38
|
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
|
42
39
|
},
|
|
43
|
-
], template: "<div class=\"suis-select-multi\">\n <suis-select-button-multi\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [expanded]=\"expanded\"\n [clearable]=\"values.length > 0\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n
|
|
40
|
+
], template: "<div class=\"suis-select-multi\">\n <suis-select-button-multi\n [invalid]=\"invalid\"\n [readonly]=\"readonly\"\n [expanded]=\"expanded\"\n [clearable]=\"values.length > 0\"\n (expandedChange)=\"onExpand()\"\n (cleared)=\"onClear($event)\"\n >\n @if (!values?.length) {\n {{ placeholder }}\n } @if (values?.length) { @for ( value of values | suisSelectMultiChips :\n options : optionValue : optionLabel; track value; let index = $index) {\n <suis-chip\n [removable]=\"true\"\n [color]=\"chipColor\"\n [iconColor]=\"chipIconColor\"\n (remove)=\"onRemove(index)\"\n >\n {{ value }}\n </suis-chip>\n } }\n </suis-select-button-multi>\n @if (expanded) {\n <div class=\"suis-select-multi__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n } @for ( option of options | suisSelectSortOptions : optionLabel :\n sortOptions | suisSelectFilterOptions : searchPhrase : optionLabel; track\n optionTrackBy($index, option)) {\n <suis-select-option\n [option]=\"option\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option[optionValue] | suisSelectMultiIsSelected : values\"\n [checkbox]=\"!duplicate\"\n (clicked)=\"onSelect(option[optionValue])\"\n ></suis-select-option>\n }\n </div>\n }\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__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:2.625rem;left:0;max-height:13.375rem;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;font-size:.875rem}.suis-select-multi__list__search:focus{outline:none}\n"] }]
|
|
44
41
|
}] });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDekYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDcEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDL0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDaEgsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7OztBQTBCM0UsTUFBTSxPQUFPLHdCQUE0QixTQUFRLG1CQUFzQjsrR0FBMUQsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ0VBUnhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQzthQUN4RDtTQUNGLGlEQ2pDSCx1bERBa0RBLHE1QkRuQ0ksV0FBVywrbUJBQ1gsaUJBQWlCLHdIQUNqQix5QkFBeUIseUtBQ3pCLHdCQUF3Qix3REFDeEIsNkJBQTZCLDZEQUM3Qix5QkFBeUIseURBQ3pCLDJCQUEyQixnRUFDM0IsOEJBQThCOzs0RkFhckIsd0JBQXdCO2tCQXhCcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsNkJBQTZCO3dCQUM3Qix5QkFBeUI7d0JBQ3pCLDJCQUEyQjt3QkFDM0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSx5QkFBeUIsQ0FBQzt5QkFDeEQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNDaGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdWlzLWNoaXAvc3Vpcy1jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlDaGlwc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1tdWx0aS1jaGlwcy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCdXR0b25NdWx0aUNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGkuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LW11bHRpLmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1tdWx0aScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxuICAgIFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0TXVsdGlCYXNlPFQ+IHt9XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aVxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICBbY2xlYXJhYmxlXT1cInZhbHVlcy5sZW5ndGggPiAwXCJcbiAgICAoZXhwYW5kZWRDaGFuZ2UpPVwib25FeHBhbmQoKVwiXG4gICAgKGNsZWFyZWQpPVwib25DbGVhcigkZXZlbnQpXCJcbiAgPlxuICAgIEBpZiAoIXZhbHVlcz8ubGVuZ3RoKSB7XG4gICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICB9IEBpZiAodmFsdWVzPy5sZW5ndGgpIHsgQGZvciAoIHZhbHVlIG9mIHZhbHVlcyB8IHN1aXNTZWxlY3RNdWx0aUNoaXBzIDpcbiAgICBvcHRpb25zIDogb3B0aW9uVmFsdWUgOiBvcHRpb25MYWJlbDsgdHJhY2sgdmFsdWU7IGxldCBpbmRleCA9ICRpbmRleCkge1xuICAgIDxzdWlzLWNoaXBcbiAgICAgIFtyZW1vdmFibGVdPVwidHJ1ZVwiXG4gICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgIFtpY29uQ29sb3JdPVwiY2hpcEljb25Db2xvclwiXG4gICAgICAocmVtb3ZlKT1cIm9uUmVtb3ZlKGluZGV4KVwiXG4gICAgPlxuICAgICAge3sgdmFsdWUgfX1cbiAgICA8L3N1aXMtY2hpcD5cbiAgICB9IH1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGk+XG4gIEBpZiAoZXhwYW5kZWQpIHtcbiAgPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0XCI+XG4gICAgQGlmIChzZWFyY2gpIHtcbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIH0gQGZvciAoIG9wdGlvbiBvZiBvcHRpb25zIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zIDogb3B0aW9uTGFiZWwgOlxuICAgIHNvcnRPcHRpb25zIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbDsgdHJhY2tcbiAgICBvcHRpb25UcmFja0J5KCRpbmRleCwgb3B0aW9uKSkge1xuICAgIDxzdWlzLXNlbGVjdC1vcHRpb25cbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiXG4gICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIlxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcbiAgICAgIFtzZWxlY3RlZF09XCJvcHRpb25bb3B0aW9uVmFsdWVdIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXG4gICAgICBbY2hlY2tib3hdPVwiIWR1cGxpY2F0ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb25bb3B0aW9uVmFsdWVdKVwiXG4gICAgPjwvc3Vpcy1zZWxlY3Qtb3B0aW9uPlxuICAgIH1cbiAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
|