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, 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 { SuisChipComponent } from '../../../../components/suis-chip/suis-chip.component';
|
|
5
4
|
import { SuisSelectMultiBase } from '../../classes/suis-select-multi.base';
|
|
@@ -14,8 +13,7 @@ import { SuisSelectMultiIsSelectedPipe } from '../../pipes/suis-select-multi-is-
|
|
|
14
13
|
import { SuisSelectFilterOptionsPipe } from '../../pipes/suis-select-filter-options.pipe';
|
|
15
14
|
import { SuisSelectSortGroupOptionsPipe } from '../../pipes/suis-select-sort-group-options.pipe';
|
|
16
15
|
import * as i0 from "@angular/core";
|
|
17
|
-
import * as i1 from "@angular/
|
|
18
|
-
import * as i2 from "@angular/forms";
|
|
16
|
+
import * as i1 from "@angular/forms";
|
|
19
17
|
export class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
|
|
20
18
|
constructor() {
|
|
21
19
|
super(...arguments);
|
|
@@ -25,18 +23,17 @@ export class SuisSelectMultiGroupComponent extends SuisSelectMultiBase {
|
|
|
25
23
|
this.groupOptions = [];
|
|
26
24
|
}
|
|
27
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectMultiGroupComponent, isStandalone: true, selector: "suis-select-multi-group", inputs: { groupOptions: "groupOptions" }, providers: [
|
|
29
27
|
{
|
|
30
28
|
provide: NG_VALUE_ACCESSOR,
|
|
31
29
|
multi: true,
|
|
32
30
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
|
33
31
|
},
|
|
34
|
-
], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\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
|
|
32
|
+
], queries: [{ propertyName: "suisSelectGroupOption", first: true, predicate: SuisSelectGroupOptionDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi-group\">\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 | suisSelectMultiGroupChips\n : groupOptions : optionValue : optionLabel; track value; let index = $index)\n {\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-group__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi-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] | 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-group{position:relative}.suis-select-multi-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}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-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: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectButtonMultiComponent, selector: "suis-select-button-multi" }, { 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: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectMultiGroupChipsPipe, name: "suisSelectMultiGroupChips" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }, { kind: "pipe", type: SuisSelectFilterGroupOptionsPipe, name: "suisSelectFilterGroupOptions" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortGroupOptionsPipe, name: "suisSelectSortGroupOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
35
33
|
}
|
|
36
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectMultiGroupComponent, decorators: [{
|
|
37
35
|
type: Component,
|
|
38
36
|
args: [{ selector: 'suis-select-multi-group', standalone: true, imports: [
|
|
39
|
-
CommonModule,
|
|
40
37
|
FormsModule,
|
|
41
38
|
SuisChipComponent,
|
|
42
39
|
SuisSelectButtonMultiComponent,
|
|
@@ -54,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
54
51
|
multi: true,
|
|
55
52
|
useExisting: forwardRef(() => SuisSelectMultiGroupComponent),
|
|
56
53
|
},
|
|
57
|
-
], template: "<div class=\"suis-select-multi-group\">\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
|
|
54
|
+
], template: "<div class=\"suis-select-multi-group\">\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 | suisSelectMultiGroupChips\n : groupOptions : optionValue : optionLabel; track value; let index = $index)\n {\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-group__list\">\n @if (search) {\n <input\n #searchInput\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select-multi-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] | 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-group{position:relative}.suis-select-multi-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}.suis-select-multi-group__list::-webkit-scrollbar{width:.5rem}.suis-select-multi-group__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi-group__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi-group__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}.suis-select-multi-group__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;font-size:.875rem}.suis-select-multi-group__list__search:focus{outline:none}\n"] }]
|
|
58
55
|
}], propDecorators: { suisSelectGroupOption: [{
|
|
59
56
|
type: ContentChild,
|
|
60
57
|
args: [SuisSelectGroupOptionDirective]
|
|
61
58
|
}], groupOptions: [{
|
|
62
59
|
type: Input
|
|
63
60
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvbW9kdWxlcy9zdWlzLXNlbGVjdC9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwL3N1aXMtc2VsZWN0LW11bHRpLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDekYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFM0UsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDckcsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDL0YsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDckcsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDL0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUYsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0saURBQWlELENBQUM7OztBQTZCakcsTUFBTSxPQUFPLDZCQUFpQyxTQUFRLG1CQUFzQjtJQTNCNUU7O1FBZ0NFOztXQUVHO1FBQ00saUJBQVksR0FBNEIsRUFBRSxDQUFDO0tBQ3JEOytHQVRZLDZCQUE2QjttR0FBN0IsNkJBQTZCLGdIQVI3QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUM7YUFDN0Q7U0FDRiw2RUFJYSw4QkFBOEIsdUVDbkQ5Qyx1N0RBeURBLHE4QkQvQkksV0FBVywrbUJBQ1gsaUJBQWlCLHdIQUNqQiw4QkFBOEIscUVBQzlCLHlCQUF5Qiw4S0FDekIsOEJBQThCLG1HQUM5Qix5QkFBeUIseURBQ3pCLDZCQUE2Qiw2REFDN0IsMkJBQTJCLDJEQUMzQixnQ0FBZ0MsZ0VBQ2hDLDZCQUE2Qiw2REFDN0IsOEJBQThCOzs0RkFhckIsNkJBQTZCO2tCQTNCekMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQiw4QkFBOEI7d0JBQzlCLHlCQUF5Qjt3QkFDekIsOEJBQThCO3dCQUM5Qix5QkFBeUI7d0JBQ3pCLDZCQUE2Qjt3QkFDN0IsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDZCQUE2Qjt3QkFDN0IsOEJBQThCO3FCQUMvQixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSw4QkFBOEIsQ0FBQzt5QkFDN0Q7cUJBQ0Y7OEJBS0QscUJBQXFCO3NCQURwQixZQUFZO3VCQUFDLDhCQUE4QjtnQkFNbkMsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vpc0NoaXBDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N1aXMtY2hpcC9zdWlzLWNoaXAuY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUJhc2UgfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N1aXMtc2VsZWN0LW11bHRpLmJhc2UnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL3N1aXMtc2VsZWN0LWdyb3VwLW9wdGlvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdEJ1dHRvbk11bHRpQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QtYnV0dG9uLW11bHRpL3N1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1ncm91cC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAtY2hpcHMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyR3JvdXBPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LWZpbHRlci1ncm91cC1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcy9zdWlzLXNlbGVjdC1tdWx0aS1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzL3N1aXMtc2VsZWN0LWZpbHRlci1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc3Vpcy1zZWxlY3Qtc29ydC1ncm91cC1vcHRpb25zLnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1tdWx0aS1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBTdWlzQ2hpcENvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0QnV0dG9uTXVsdGlDb21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0R3JvdXBPcHRpb25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TXVsdGlHcm91cENoaXBzUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdEZpbHRlckdyb3VwT3B0aW9uc1BpcGUsXG4gICAgU3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRHcm91cE9wdGlvbnNQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLXNlbGVjdC1tdWx0aS1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aXNTZWxlY3RNdWx0aUdyb3VwQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlHcm91cENvbXBvbmVudDxUPiBleHRlbmRzIFN1aXNTZWxlY3RNdWx0aUJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc1NlbGVjdEdyb3VwT3B0aW9uRGlyZWN0aXZlKVxuICBzdWlzU2VsZWN0R3JvdXBPcHRpb24/OiBTdWlzU2VsZWN0R3JvdXBPcHRpb25EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIEdyb3VwIG9wdGlvbnMgZGlzcGxheWVkIGluIGRyb3Bkb3duIGxpc3QuIFR5cGUgb2YgU3Vpc1NlbGVjdEdyb3VwT3B0aW9uW10uXG4gICAqL1xuICBASW5wdXQoKSBncm91cE9wdGlvbnM6IFN1aXNTZWxlY3RHcm91cE9wdGlvbltdID0gW107XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGktZ3JvdXBcIj5cbiAgPHN1aXMtc2VsZWN0LWJ1dHRvbi1tdWx0aVxuICAgIFtpbnZhbGlkXT1cImludmFsaWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkXCJcbiAgICBbY2xlYXJhYmxlXT1cInZhbHVlcy5sZW5ndGggPiAwXCJcbiAgICAoZXhwYW5kZWRDaGFuZ2UpPVwib25FeHBhbmQoKVwiXG4gICAgKGNsZWFyZWQpPVwib25DbGVhcigkZXZlbnQpXCJcbiAgPlxuICAgIEBpZiAoIXZhbHVlcz8ubGVuZ3RoKSB7XG4gICAge3sgcGxhY2Vob2xkZXIgfX1cbiAgICB9IEBpZiAodmFsdWVzPy5sZW5ndGgpIHsgQGZvciAoIHZhbHVlIG9mIHZhbHVlcyB8IHN1aXNTZWxlY3RNdWx0aUdyb3VwQ2hpcHNcbiAgICA6IGdyb3VwT3B0aW9ucyA6IG9wdGlvblZhbHVlIDogb3B0aW9uTGFiZWw7IHRyYWNrIHZhbHVlOyBsZXQgaW5kZXggPSAkaW5kZXgpXG4gICAge1xuICAgIDxzdWlzLWNoaXBcbiAgICAgIFtyZW1vdmFibGVdPVwidHJ1ZVwiXG4gICAgICBbY29sb3JdPVwiY2hpcENvbG9yXCJcbiAgICAgIFtpY29uQ29sb3JdPVwiY2hpcEljb25Db2xvclwiXG4gICAgICAocmVtb3ZlKT1cIm9uUmVtb3ZlKGluZGV4KVwiXG4gICAgPlxuICAgICAge3sgdmFsdWUgfX1cbiAgICA8L3N1aXMtY2hpcD5cbiAgICB9IH1cbiAgPC9zdWlzLXNlbGVjdC1idXR0b24tbXVsdGk+XG4gIEBpZiAoZXhwYW5kZWQpIHtcbiAgPGRpdiBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpLWdyb3VwX19saXN0XCI+XG4gICAgQGlmIChzZWFyY2gpIHtcbiAgICA8aW5wdXRcbiAgICAgICNzZWFyY2hJbnB1dFxuICAgICAgW25nTW9kZWxdPVwic2VhcmNoUGhyYXNlXCJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aS1ncm91cF9fbGlzdF9fc2VhcmNoXCJcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIH0gQGZvciAoIGdyb3VwIG9mIGdyb3VwT3B0aW9ucyB8IHN1aXNTZWxlY3RTb3J0R3JvdXBPcHRpb25zIDogc29ydE9wdGlvbnMgfFxuICAgIHN1aXNTZWxlY3RGaWx0ZXJHcm91cE9wdGlvbnMgOiBzZWFyY2hQaHJhc2UgOiBvcHRpb25MYWJlbCA7IHRyYWNrIGdyb3VwKSB7XG4gICAgPHN1aXMtc2VsZWN0LWdyb3VwLW9wdGlvblxuICAgICAgW29wdGlvbl09XCJncm91cFwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdEdyb3VwT3B0aW9uPy50ZW1wbGF0ZVJlZlwiXG4gICAgPjwvc3Vpcy1zZWxlY3QtZ3JvdXAtb3B0aW9uPlxuICAgIEBmb3IgKCBvcHRpb24gb2YgZ3JvdXAuY2hpbGRyZW4gfCBzdWlzU2VsZWN0U29ydE9wdGlvbnMgOiBvcHRpb25MYWJlbCA6XG4gICAgc29ydE9wdGlvbnMgfCBzdWlzU2VsZWN0RmlsdGVyT3B0aW9ucyA6IHNlYXJjaFBocmFzZSA6IG9wdGlvbkxhYmVsOyB0cmFja1xuICAgIG9wdGlvblRyYWNrQnkoJGluZGV4LCBvcHRpb24pKSB7XG4gICAgPHN1aXMtc2VsZWN0LW9wdGlvblxuICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCJcbiAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxuICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbltvcHRpb25WYWx1ZV0gfCBzdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkIDogdmFsdWVzXCJcbiAgICAgIFtjaGVja2JveF09XCIhZHVwbGljYXRlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uU2VsZWN0KG9wdGlvbltvcHRpb25WYWx1ZV0pXCJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XG4gICAgfSB9XG4gIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import { SuisIconComponent } from '../../../../components/suis-icon/suis-icon.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export class SuisSelectOptionComponent {
|
|
@@ -30,11 +30,11 @@ export class SuisSelectOptionComponent {
|
|
|
30
30
|
this.clicked.emit();
|
|
31
31
|
}
|
|
32
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SuisSelectOptionComponent, isStandalone: true, selector: "suis-select-option", inputs: { option: "option", templateRef: "templateRef", optionValue: "optionValue", optionLabel: "optionLabel", selected: "selected", checkbox: "checkbox" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n @if (checkbox) {\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n >\n @if (selected) {\n <suis-icon [bold]=\"true\" color=\"primary\" type=\"check\" size=\"sm\"></suis-icon>\n }\n </span>\n }\n <span class=\"suis-select-option__label\">\n @if (templateRef) {\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n } @else {\n {{ option ? option[optionLabel] : '' }}\n }\n <ng-template #label>\n {{ option ? option[optionLabel] : '' }}\n </ng-template>\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-option{width:100%;display:flex;align-items:center;background-color:transparent;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;cursor:pointer}.suis-select-option:hover{background-color:#f5f6fa}.suis-select-option__checkbox{min-width:1.125rem;min-height:1.125rem;border:.0625rem solid #dcdde1;margin-right:.75rem;display:flex;justify-content:center;align-items:center}.suis-select-option__checkbox--selected{border:.0625rem solid #bcbcbc}.suis-select-option__label{display:flex;justify-content:left;align-items:center;text-align:left;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisSelectOptionComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ selector: 'suis-select-option', standalone: true, imports: [
|
|
37
|
+
args: [{ selector: 'suis-select-option', standalone: true, imports: [NgTemplateOutlet, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n class=\"suis-select-option\"\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"onClick()\"\n>\n @if (checkbox) {\n <span\n class=\"suis-select-option__checkbox\"\n [class.suis-select-option__checkbox--selected]=\"selected\"\n >\n @if (selected) {\n <suis-icon [bold]=\"true\" color=\"primary\" type=\"check\" size=\"sm\"></suis-icon>\n }\n </span>\n }\n <span class=\"suis-select-option__label\">\n @if (templateRef) {\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: option }\"\n ></ng-container>\n } @else {\n {{ option ? option[optionLabel] : '' }}\n }\n <ng-template #label>\n {{ option ? option[optionLabel] : '' }}\n </ng-template>\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-option{width:100%;display:flex;align-items:center;background-color:transparent;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem;cursor:pointer}.suis-select-option:hover{background-color:#f5f6fa}.suis-select-option__checkbox{min-width:1.125rem;min-height:1.125rem;border:.0625rem solid #dcdde1;margin-right:.75rem;display:flex;justify-content:center;align-items:center}.suis-select-option__checkbox--selected{border:.0625rem solid #bcbcbc}.suis-select-option__label{display:flex;justify-content:left;align-items:center;text-align:left;font-size:.875rem}\n"] }]
|
|
38
38
|
}], propDecorators: { option: [{
|
|
39
39
|
type: Input,
|
|
40
40
|
args: [{ required: true }]
|
|
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
51
|
}], clicked: [{
|
|
52
52
|
type: Output
|
|
53
53
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL21vZHVsZXMvc3Vpcy1zZWxlY3QvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7QUFVekYsTUFBTSxPQUFPLHlCQUF5QjtJQVJ0QztRQW1CRTs7V0FFRztRQUNNLGdCQUFXLEdBQVcsT0FBTyxDQUFDO1FBRXZDOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxPQUFPLENBQUM7UUFFdkM7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sYUFBUSxHQUFZLElBQUksQ0FBQztRQUVsQzs7V0FFRztRQUNPLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBTTlDO0lBSkMsZ0JBQWdCO0lBQ2hCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7K0dBdkNVLHlCQUF5QjttR0FBekIseUJBQXlCLDZRQ3BCdEMsa3ZCQTZCQSxvd0JEZFksZ0JBQWdCLG9KQUFFLGlCQUFpQjs7NEZBS2xDLHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsaUJBQWlCLENBQUMsbUJBRzdCLHVCQUF1QixDQUFDLE1BQU07OEJBTXBCLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtoQixXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1vcHRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdUZW1wbGF0ZU91dGxldCwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0T3B0aW9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIE9wdGlvbiBkYXRhLiBUeXBlIG9mIFN1aXNTZWxlY3RPcHRpb24uIFJlcXVpcmVkIGlucHV0LlxuICAgKi9cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgb3B0aW9uPzogU3Vpc1NlbGVjdE9wdGlvbjtcblxuICAvKipcbiAgICogVGVtcGxhdGUgdG8gYmUgZGlzcGxheWVkIGluc3RlYWQgb2Ygb3B0aW9uJ3MgbGFiZWwuXG4gICAqL1xuICBASW5wdXQoKSB0ZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPHsgJGltcGxpY2l0OiBTdWlzU2VsZWN0T3B0aW9uIH0+O1xuXG4gIC8qKlxuICAgKiBPcHRpb24gdmFsdWUgcHJvcGVydHkgbmFtZSBpbiBvcHRpb25zLiBCeSBkZWZhdWx0IHNldCB0byAndmFsdWUnLlxuICAgKi9cbiAgQElucHV0KCkgb3B0aW9uVmFsdWU6IHN0cmluZyA9ICd2YWx1ZSc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbiBsYWJlbCBwcm9wZXJ0eSBuYW1lIGluIG9wdGlvbnMuICBCeSBkZWZhdWx0IHNldCB0byAnbGFiZWwnLlxuICAgKi9cbiAgQElucHV0KCkgb3B0aW9uTGFiZWw6IHN0cmluZyA9ICdsYWJlbCc7XG5cbiAgLyoqXG4gICAqIEFkZHMgY2hlY2ttYXJrIGljb24gdG8gY2hlY2tib3ggKGlmIGNoZWNrYm94IGlucHV0IHNldCB0byB0cnVlKS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEaXNwbGF5IGNoZWNrYm94IG5leHQgdG8gb3B0aW9uIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgY2hlY2tib3g6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBvcHRpb24gc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInN1aXMtc2VsZWN0LW9wdGlvblwiXG4gIHR5cGU9XCJidXR0b25cIlxuICB0YWJpbmRleD1cIi0xXCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIEBpZiAoY2hlY2tib3gpIHtcbiAgPHNwYW5cbiAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW9wdGlvbl9fY2hlY2tib3hcIlxuICAgIFtjbGFzcy5zdWlzLXNlbGVjdC1vcHRpb25fX2NoZWNrYm94LS1zZWxlY3RlZF09XCJzZWxlY3RlZFwiXG4gID5cbiAgICBAaWYgKHNlbGVjdGVkKSB7XG4gICAgPHN1aXMtaWNvbiBbYm9sZF09XCJ0cnVlXCIgY29sb3I9XCJwcmltYXJ5XCIgdHlwZT1cImNoZWNrXCIgc2l6ZT1cInNtXCI+PC9zdWlzLWljb24+XG4gICAgfVxuICA8L3NwYW4+XG4gIH1cbiAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdC1vcHRpb25fX2xhYmVsXCI+XG4gICAgQGlmICh0ZW1wbGF0ZVJlZikge1xuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSZWY7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBvcHRpb24gfVwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICAgIH0gQGVsc2Uge1xuICAgIHt7IG9wdGlvbiA/IG9wdGlvbltvcHRpb25MYWJlbF0gOiAnJyB9fVxuICAgIH1cbiAgICA8bmctdGVtcGxhdGUgI2xhYmVsPlxuICAgICAge3sgb3B0aW9uID8gb3B0aW9uW29wdGlvbkxhYmVsXSA6ICcnIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9zcGFuPlxuPC9idXR0b24+XG4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Directive,
|
|
1
|
+
import { Directive, Input } from '@angular/core';
|
|
2
2
|
import { SuisInputBase } from './suis-input.base';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SuisCheckboxBase extends SuisInputBase {
|
|
@@ -11,31 +11,24 @@ export class SuisCheckboxBase extends SuisInputBase {
|
|
|
11
11
|
*/
|
|
12
12
|
this.required = false;
|
|
13
13
|
}
|
|
14
|
-
ngAfterViewInit() {
|
|
15
|
-
if (this.value)
|
|
16
|
-
(this.checkboxInput?.nativeElement).checked = true;
|
|
17
|
-
}
|
|
18
14
|
writeValue(obj) {
|
|
19
15
|
this.value = obj;
|
|
20
16
|
this._onChange(this.value);
|
|
21
17
|
this.cdRef.markForCheck();
|
|
22
18
|
}
|
|
23
19
|
onChange(event) {
|
|
24
|
-
|
|
25
|
-
this.value =
|
|
20
|
+
event.stopPropagation();
|
|
21
|
+
this.value = !this.value;
|
|
26
22
|
this._onChange(this.value);
|
|
27
23
|
this.changed.emit(this.value);
|
|
28
24
|
this.cdRef.markForCheck();
|
|
29
25
|
}
|
|
30
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisCheckboxBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
31
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisCheckboxBase, inputs: { required: "required" },
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: SuisCheckboxBase, inputs: { required: "required" }, usesInheritance: true, ngImport: i0 }); }
|
|
32
28
|
}
|
|
33
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SuisCheckboxBase, decorators: [{
|
|
34
30
|
type: Directive
|
|
35
|
-
}], propDecorators: {
|
|
36
|
-
type: ViewChild,
|
|
37
|
-
args: ['input']
|
|
38
|
-
}], required: [{
|
|
31
|
+
}], propDecorators: { required: [{
|
|
39
32
|
type: Input
|
|
40
33
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1jaGVja2JveC5iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvc2hhcmVkL2NsYXNzZXMvc3Vpcy1jaGVja2JveC5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFHbEQsTUFBTSxPQUFnQixnQkFBaUIsU0FBUSxhQUFhO0lBRDVEOztRQUVFLGdCQUFnQjtRQUNoQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBRXZCOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztLQWVwQztJQWJVLFVBQVUsQ0FBQyxHQUFZO1FBQzlCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFZO1FBQ25CLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOytHQXJCbUIsZ0JBQWdCO21HQUFoQixnQkFBZ0I7OzRGQUFoQixnQkFBZ0I7a0JBRHJDLFNBQVM7OEJBUUMsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuL3N1aXMtaW5wdXQuYmFzZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFN1aXNDaGVja2JveEJhc2UgZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICB2YWx1ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgcmVkIGNvbG9yZWQgYXN0ZXJpc2sgYWZ0ZXIgdGhlIGxhYmVsLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnZhbHVlID0gIXRoaXMudmFsdWU7XG4gICAgdGhpcy5fb25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIl19
|