@latitude-ui/widgets 0.0.12 → 0.0.13
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/core/public-api.d.ts +2 -0
- package/core/src/dimensions.d.ts +13 -0
- package/core/src/root.d.ts +12 -0
- package/esm2022/button/src/button.component.js +1 -1
- package/esm2022/core/public-api.js +3 -1
- package/esm2022/core/src/dimensions.js +56 -0
- package/esm2022/core/src/root.js +20 -0
- package/esm2022/icons/src/icon.component.js +18 -10
- package/esm2022/icons/src/icon.service.js +62 -0
- package/esm2022/icons/src/icon.tokens.js +8 -2
- package/esm2022/input/src/input.directive.js +6 -5
- package/esm2022/lookup/latitude-ui-widgets-lookup.js +5 -0
- package/esm2022/lookup/public-api.js +3 -0
- package/esm2022/lookup/src/lookup-outlet.directive.js +13 -0
- package/esm2022/lookup/src/lookup.component.js +11 -0
- package/esm2022/select/public-api.js +4 -4
- package/esm2022/select/src/select/select.directive.js +86 -0
- package/esm2022/select/src/select-dropdown/select-dropdown.component.js +39 -0
- package/esm2022/select/src/select-multiple.component.js +38 -29
- package/esm2022/select/src/select-option/select-option.component.js +21 -0
- package/esm2022/select/src/select-option/select-option.directive.js +19 -0
- package/esm2022/select/src/select-single.component.js +34 -29
- package/esm2022/select/src/select-trigger/select-trigger.component.js +29 -0
- package/esm2022/select/src/select-value/select-value.component.js +15 -0
- package/esm2022/select/src/select-values/select-values.component.js +16 -0
- package/esm2022/select/src/select.module.js +2 -2
- package/esm2022/textarea/src/textarea.component.js +8 -19
- package/esm2022/textbox/public-api.js +2 -1
- package/esm2022/textbox/src/textbox.component.js +7 -15
- package/esm2022/textbox/src/textbox.directive.js +25 -0
- package/esm2022/textbox-number/src/textbox-number.component.js +11 -11
- package/esm2022/textbox-search/src/textbox-search.component.js +2 -3
- package/esm2022/toolbar/latitude-ui-widgets-toolbar.js +5 -0
- package/esm2022/toolbar/public-api.js +2 -0
- package/esm2022/toolbar/src/toolbar.component.js +14 -0
- package/icons/src/icon.component.d.ts +3 -1
- package/icons/src/icon.service.d.ts +15 -0
- package/icons/src/icon.tokens.d.ts +2 -1
- package/input/src/input.directive.d.ts +2 -1
- package/lookup/README.md +3 -0
- package/lookup/latitude-ui-widgets-lookup.d.ts +5 -0
- package/lookup/public-api.d.ts +2 -0
- package/lookup/src/lookup-outlet.directive.d.ts +5 -0
- package/lookup/src/lookup.component.d.ts +5 -0
- package/package.json +20 -12
- package/select/public-api.d.ts +3 -3
- package/select/src/select/select.directive.d.ts +24 -0
- package/select/src/select-dropdown/select-dropdown.component.d.ts +14 -0
- package/select/src/select-multiple.component.d.ts +7 -7
- package/select/src/{select-option.component.d.ts → select-option/select-option.component.d.ts} +2 -2
- package/select/src/{select-option.directive.d.ts → select-option/select-option.directive.d.ts} +3 -3
- package/select/src/select-single.component.d.ts +6 -7
- package/select/src/{select-trigger.component.d.ts → select-trigger/select-trigger.component.d.ts} +2 -2
- package/select/src/{select-value.component.d.ts → select-value/select-value.component.d.ts} +1 -1
- package/select/src/select-values/select-values.component.d.ts +7 -0
- package/select/src/select.module.d.ts +1 -1
- package/styles/_defaults.scss +13 -0
- package/styles/forms/_index.scss +97 -92
- package/styles/icons/_index.scss +2 -2
- package/textarea/src/textarea.component.d.ts +3 -9
- package/textbox/public-api.d.ts +1 -0
- package/textbox/src/textbox.component.d.ts +3 -8
- package/textbox/src/textbox.directive.d.ts +12 -0
- package/textbox-number/src/textbox-number.component.d.ts +4 -5
- package/textbox-search/src/textbox-search.component.d.ts +1 -2
- package/toolbar/latitude-ui-widgets-toolbar.d.ts +5 -0
- package/toolbar/public-api.d.ts +1 -0
- package/toolbar/src/toolbar.component.d.ts +5 -0
- package/esm2022/select/src/select-option.component.js +0 -21
- package/esm2022/select/src/select-option.directive.js +0 -19
- package/esm2022/select/src/select-trigger.component.js +0 -28
- package/esm2022/select/src/select-value.component.js +0 -13
- package/esm2022/select/src/select.component.js +0 -44
- package/esm2022/select/src/select.directive.js +0 -103
- package/select/src/select.component.d.ts +0 -13
- package/select/src/select.directive.d.ts +0 -25
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, ChangeDetectionStrategy, inject, output, ViewEncapsulation, viewChild, afterRenderEffect, signal, computed, untracked } from '@angular/core';
|
|
2
|
+
import { FormsModule } from '@angular/forms';
|
|
3
|
+
import { IconComponent } from '@latitude-ui/widgets/icons';
|
|
4
|
+
import { ListBoxModule } from '@latitude-ui/widgets/listbox';
|
|
5
|
+
import { TextBoxComponent } from '@latitude-ui/widgets/textbox';
|
|
6
|
+
import { SelectDirective } from '../select/select.directive';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@latitude-ui/widgets/listbox";
|
|
9
|
+
import * as i2 from "@angular/forms";
|
|
10
|
+
export class SelectDropDownComponent {
|
|
11
|
+
dir = inject(SelectDirective);
|
|
12
|
+
selection = output();
|
|
13
|
+
textbox = viewChild.required(TextBoxComponent);
|
|
14
|
+
filters = signal('');
|
|
15
|
+
options = computed(() => {
|
|
16
|
+
const filters = this.filters();
|
|
17
|
+
const options = this.dir._children();
|
|
18
|
+
return untracked(() => {
|
|
19
|
+
if (filters.length > 0) {
|
|
20
|
+
return options.filter(option => {
|
|
21
|
+
return option.label().includes(filters);
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
return options;
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
constructor() {
|
|
28
|
+
afterRenderEffect(() => this.textbox().focus());
|
|
29
|
+
}
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectDropDownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectDropDownComponent, isStandalone: true, selector: "lat-select-dropdown", outputs: { selection: "selection" }, host: { properties: { "attr.data-side": "dir._overlayPositionSide()" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }], exportAs: ["latSelectDropDown"], ngImport: i0, template: "<lat-textbox [(ngModel)]=\"filters\" />\r\n\r\n<lat-listbox [style.width.px]=\"dir._overlayWidth()\" [attr.data-side]=\"dir._overlayPositionSide()\">\r\n @for (option of options(); track option.value()) {\r\n <lat-option\r\n [value]=\"option.value()\"\r\n [disabled]=\"option.disabled()\"\r\n [setsize]=\"$count\"\r\n [posinset]=\"$index\"\r\n (click)=\"selection.emit(option)\"\r\n >\r\n @if (option.selected()) {\r\n <lat-icon name=\"check\" />\r\n }\r\n {{ option.label() }}\r\n </lat-option>\r\n }\r\n</lat-listbox>\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lat-icon", inputs: ["url", "name"], exportAs: ["latIcon"] }, { kind: "component", type: i1.ListBoxOptionComponent, selector: "lat-listbox-option, lat-option", inputs: ["value", "setsize", "posinset", "selected", "disabled", "checkbox"], exportAs: ["latListBoxOption"] }, { kind: "component", type: i1.ListBoxComponent, selector: "lat-listbox", exportAs: ["latListBox"] }, { kind: "component", type: TextBoxComponent, selector: "lat-textbox:not([type]), lat-textbox[type=\"text\"]", inputs: ["maxlength", "minlength"], exportAs: ["latTextBox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
32
|
+
}
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectDropDownComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ imports: [IconComponent, ListBoxModule, TextBoxComponent, FormsModule], exportAs: 'latSelectDropDown', selector: 'lat-select-dropdown', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
36
|
+
'[attr.data-side]': 'dir._overlayPositionSide()'
|
|
37
|
+
}, template: "<lat-textbox [(ngModel)]=\"filters\" />\r\n\r\n<lat-listbox [style.width.px]=\"dir._overlayWidth()\" [attr.data-side]=\"dir._overlayPositionSide()\">\r\n @for (option of options(); track option.value()) {\r\n <lat-option\r\n [value]=\"option.value()\"\r\n [disabled]=\"option.disabled()\"\r\n [setsize]=\"$count\"\r\n [posinset]=\"$index\"\r\n (click)=\"selection.emit(option)\"\r\n >\r\n @if (option.selected()) {\r\n <lat-icon name=\"check\" />\r\n }\r\n {{ option.label() }}\r\n </lat-option>\r\n }\r\n</lat-listbox>\r\n" }]
|
|
38
|
+
}], ctorParameters: () => [] });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtZHJvcGRvd24vc2VsZWN0LWRyb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtZHJvcGRvd24vc2VsZWN0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLE1BQU0sRUFDTixNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFDL0MsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFaEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBZTdELE1BQU0sT0FBTyx1QkFBdUI7SUFDekIsR0FBRyxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUU5QixTQUFTLEdBQUcsTUFBTSxFQUE0QixDQUFDO0lBRS9DLE9BQU8sR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFFL0MsT0FBTyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNyQixPQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUMvQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUE7UUFDOUIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEVBQUUsQ0FBQTtRQUVwQyxPQUFPLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDcEIsSUFBRyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUN0QixPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUU7b0JBQzdCLE9BQU8sTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDMUMsQ0FBQyxDQUFDLENBQUE7WUFDSixDQUFDO1lBRUQsT0FBTyxPQUFPLENBQUM7UUFDakIsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDLENBQUMsQ0FBQztJQUdIO1FBQ0UsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDbEQsQ0FBQzt1R0ExQlUsdUJBQXVCOzJGQUF2Qix1QkFBdUIsdU9BS0ksZ0JBQWdCLGlHQ25DeEQsdWtCQWtCQSw0Q0RFWSxhQUFhLDRaQUFpQixnQkFBZ0IsNkpBQUUsV0FBVzs7MkZBVTFELHVCQUF1QjtrQkFYbkMsU0FBUzs4QkFDQyxDQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxDQUFDLFlBQzVELG1CQUFtQixZQUNuQixxQkFBcUIsaUJBRWhCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osa0JBQWtCLEVBQUUsNEJBQTRCO3FCQUNqRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIGluamVjdCxcbiAgb3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgdmlld0NoaWxkLFxuICBhZnRlclJlbmRlckVmZmVjdCwgc2lnbmFsLCBjb21wdXRlZCwgdW50cmFja2VkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAbGF0aXR1ZGUtdWkvd2lkZ2V0cy9pY29ucyc7XG5pbXBvcnQgeyBMaXN0Qm94TW9kdWxlIH0gZnJvbSAnQGxhdGl0dWRlLXVpL3dpZGdldHMvbGlzdGJveCc7XG5pbXBvcnQgeyBUZXh0Qm94Q29tcG9uZW50IH0gZnJvbSAnQGxhdGl0dWRlLXVpL3dpZGdldHMvdGV4dGJveCc7XG5cbmltcG9ydCB7IFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4uL3NlbGVjdC9zZWxlY3QuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL3NlbGVjdC1vcHRpb24vc2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgTGlzdEJveE1vZHVsZSwgVGV4dEJveENvbXBvbmVudCwgRm9ybXNNb2R1bGVdLFxuICBleHBvcnRBczogJ2xhdFNlbGVjdERyb3BEb3duJyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmRhdGEtc2lkZV0nOiAnZGlyLl9vdmVybGF5UG9zaXRpb25TaWRlKCknXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0RHJvcERvd25Db21wb25lbnQ8VD4ge1xuICByZWFkb25seSBkaXIgPSBpbmplY3QoU2VsZWN0RGlyZWN0aXZlKTtcblxuICByZWFkb25seSBzZWxlY3Rpb24gPSBvdXRwdXQ8U2VsZWN0T3B0aW9uRGlyZWN0aXZlPFQ+PigpO1xuXG4gIHJlYWRvbmx5IHRleHRib3ggPSB2aWV3Q2hpbGQucmVxdWlyZWQoVGV4dEJveENvbXBvbmVudCk7XG5cbiAgcmVhZG9ubHkgZmlsdGVycyA9IHNpZ25hbCgnJyk7XG4gIHJlYWRvbmx5IG9wdGlvbnMgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgZmlsdGVycyA9IHRoaXMuZmlsdGVycygpXG4gICAgY29uc3Qgb3B0aW9ucyA9IHRoaXMuZGlyLl9jaGlsZHJlbigpXG5cbiAgICByZXR1cm4gdW50cmFja2VkKCgpID0+IHtcbiAgICAgIGlmKGZpbHRlcnMubGVuZ3RoID4gMCkge1xuICAgICAgICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgICAgICByZXR1cm4gb3B0aW9uLmxhYmVsKCkuaW5jbHVkZXMoZmlsdGVycyk7XG4gICAgICAgIH0pXG4gICAgICB9XG5cbiAgICAgIHJldHVybiBvcHRpb25zO1xuICAgIH0pXG4gIH0pO1xuXG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgYWZ0ZXJSZW5kZXJFZmZlY3QoKCkgPT4gdGhpcy50ZXh0Ym94KCkuZm9jdXMoKSk7XG4gIH1cbn1cbiIsIjxsYXQtdGV4dGJveCBbKG5nTW9kZWwpXT1cImZpbHRlcnNcIiAvPlxyXG5cclxuPGxhdC1saXN0Ym94IFtzdHlsZS53aWR0aC5weF09XCJkaXIuX292ZXJsYXlXaWR0aCgpXCIgW2F0dHIuZGF0YS1zaWRlXT1cImRpci5fb3ZlcmxheVBvc2l0aW9uU2lkZSgpXCI+XHJcbiAgQGZvciAob3B0aW9uIG9mIG9wdGlvbnMoKTsgdHJhY2sgb3B0aW9uLnZhbHVlKCkpIHtcclxuICAgIDxsYXQtb3B0aW9uXHJcbiAgICAgIFt2YWx1ZV09XCJvcHRpb24udmFsdWUoKVwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJvcHRpb24uZGlzYWJsZWQoKVwiXHJcbiAgICAgIFtzZXRzaXplXT1cIiRjb3VudFwiXHJcbiAgICAgIFtwb3NpbnNldF09XCIkaW5kZXhcIlxyXG4gICAgICAoY2xpY2spPVwic2VsZWN0aW9uLmVtaXQob3B0aW9uKVwiXHJcbiAgICA+XHJcbiAgICAgIEBpZiAob3B0aW9uLnNlbGVjdGVkKCkpIHtcclxuICAgICAgICA8bGF0LWljb24gbmFtZT1cImNoZWNrXCIgLz5cclxuICAgICAgfVxyXG4gICAgICB7eyBvcHRpb24ubGFiZWwoKSB9fVxyXG4gICAgPC9sYXQtb3B0aW9uPlxyXG4gIH1cclxuPC9sYXQtbGlzdGJveD5cclxuIl19
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, computed, forwardRef, input, numberAttribute, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
4
|
+
import { SelectDirective } from './select/select.directive';
|
|
5
|
+
import { SelectDropDownComponent } from './select-dropdown/select-dropdown.component';
|
|
6
|
+
import { SelectTriggerComponent } from './select-trigger/select-trigger.component';
|
|
7
|
+
import { SelectValuesComponent } from './select-values/select-values.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const selected = this.
|
|
9
|
+
export class SelectMultipleComponent extends SelectDirective {
|
|
10
|
+
maxlength = input(Number.MAX_SAFE_INTEGER, { transform: numberAttribute });
|
|
11
|
+
selected = computed(() => {
|
|
12
|
+
const value = this.value();
|
|
13
|
+
return (value ? (Array.isArray(value) ? value : [value]) : []);
|
|
14
|
+
});
|
|
15
|
+
select(option) {
|
|
16
|
+
const selected = this.selected().slice();
|
|
17
|
+
if (selected.length >= this.maxlength()) {
|
|
18
|
+
return void 0;
|
|
19
|
+
}
|
|
17
20
|
const index = selected.findIndex((value) => value === option.value());
|
|
18
21
|
if (index === -1) {
|
|
19
22
|
selected.push(option.value());
|
|
@@ -21,31 +24,37 @@ export class SelectMultipleComponent {
|
|
|
21
24
|
else {
|
|
22
25
|
selected.splice(index, 1);
|
|
23
26
|
}
|
|
24
|
-
this.
|
|
27
|
+
this.writeValue(selected);
|
|
25
28
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectMultipleComponent, deps:
|
|
27
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectMultipleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: SelectMultipleComponent, isStandalone: true, selector: "lat-select[type=\"multiple\"]", inputs: { maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
31
|
+
{
|
|
32
|
+
provide: SelectDirective,
|
|
33
|
+
useExisting: forwardRef(() => SelectMultipleComponent),
|
|
34
|
+
},
|
|
28
35
|
{
|
|
29
|
-
provide:
|
|
30
|
-
|
|
36
|
+
provide: BuildInInputValueAccessor,
|
|
37
|
+
useExisting: forwardRef(() => SelectMultipleComponent),
|
|
31
38
|
},
|
|
32
|
-
], exportAs: ["latSelect"],
|
|
39
|
+
], exportAs: ["latSelect"], usesInheritance: true, ngImport: i0, template: "<lat-select-trigger cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\r\n <lat-select-values />\r\n</lat-select-trigger>\r\n\r\n<ng-template\r\n cdkConnectedOverlay\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayPanelClass=\"lat-select-dropdown\"\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"_overlayExpanded()\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth() > 0 ? _overlayWidth() : 'auto'\"\r\n [cdkConnectedOverlayPositions]=\"_overlayPositions()\"\r\n (detach)=\"hide()\"\r\n (backdropClick)=\"hide()\"\r\n (positionChange)=\"_updateOverlayPositionSide($event)\"\r\n>\r\n <lat-select-dropdown (selection)=\"select($event)\" />\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: SelectDropDownComponent, selector: "lat-select-dropdown", outputs: ["selection"], exportAs: ["latSelectDropDown"] }, { kind: "component", type: SelectTriggerComponent, selector: "lat-select-trigger", exportAs: ["latSelectTrigger"] }, { kind: "component", type: SelectValuesComponent, selector: "lat-select-values", exportAs: ["latSelectValues"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
33
40
|
}
|
|
34
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectMultipleComponent, decorators: [{
|
|
35
42
|
type: Component,
|
|
36
43
|
args: [{ imports: [
|
|
37
|
-
SelectTriggerComponent,
|
|
38
|
-
SelectValueComponent,
|
|
39
44
|
CdkOverlayOrigin,
|
|
40
45
|
CdkConnectedOverlay,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
46
|
+
SelectDropDownComponent,
|
|
47
|
+
SelectTriggerComponent,
|
|
48
|
+
SelectValuesComponent,
|
|
44
49
|
], exportAs: 'latSelect', selector: 'lat-select[type="multiple"]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
45
50
|
{
|
|
46
|
-
provide:
|
|
47
|
-
|
|
51
|
+
provide: SelectDirective,
|
|
52
|
+
useExisting: forwardRef(() => SelectMultipleComponent),
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
provide: BuildInInputValueAccessor,
|
|
56
|
+
useExisting: forwardRef(() => SelectMultipleComponent),
|
|
48
57
|
},
|
|
49
|
-
],
|
|
58
|
+
], template: "<lat-select-trigger cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\r\n <lat-select-values />\r\n</lat-select-trigger>\r\n\r\n<ng-template\r\n cdkConnectedOverlay\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayPanelClass=\"lat-select-dropdown\"\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"_overlayExpanded()\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth() > 0 ? _overlayWidth() : 'auto'\"\r\n [cdkConnectedOverlayPositions]=\"_overlayPositions()\"\r\n (detach)=\"hide()\"\r\n (backdropClick)=\"hide()\"\r\n (positionChange)=\"_updateOverlayPositionSide($event)\"\r\n>\r\n <lat-select-dropdown (selection)=\"select($event)\" />\r\n</ng-template>\r\n" }]
|
|
50
59
|
}] });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy9zZWxlY3Qvc3JjL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLFVBQVUsRUFDVixLQUFLLEVBQ0wsZUFBZSxFQUNmLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUU3RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBMEJoRixNQUFNLE9BQU8sdUJBQTJCLFNBQVEsZUFBdUI7SUFDckQsU0FBUyxHQUFHLEtBQUssQ0FBa0IsTUFBTSxDQUFDLGdCQUFnQixFQUFFLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7SUFFbkcsUUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDaEMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBRTNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBUSxDQUFDO0lBQ3hFLENBQUMsQ0FBQyxDQUFDO0lBRU0sTUFBTSxDQUFDLE1BQWdDO1FBQzlDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUV6QyxJQUFJLFFBQVEsQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUM7WUFDeEMsT0FBTyxLQUFLLENBQUMsQ0FBQztRQUNoQixDQUFDO1FBRUQsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxLQUFLLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBRXRFLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDakIsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUNoQyxDQUFDO2FBQU0sQ0FBQztZQUNOLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzVCLENBQUM7UUFFRCxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzVCLENBQUM7dUdBekJVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLDROQVh2QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxlQUFlO2dCQUN4QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO2FBQ3ZEO1lBQ0Q7Z0JBQ0UsT0FBTyxFQUFFLHlCQUF5QjtnQkFDbEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzthQUN2RDtTQUNGLDBFQzNDSCxvekJBb0JBLDRDREdJLGdCQUFnQix1SUFDaEIsbUJBQW1CLDQrQkFDbkIsdUJBQXVCLHlIQUN2QixzQkFBc0IsK0ZBQ3RCLHFCQUFxQjs7MkZBa0JaLHVCQUF1QjtrQkF4Qm5DLFNBQVM7OEJBQ0M7d0JBQ1AsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixxQkFBcUI7cUJBQ3RCLFlBQ1MsV0FBVyxZQUNYLDZCQUE2QixpQkFFeEIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsZUFBZTs0QkFDeEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUM7eUJBQ3ZEO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSx5QkFBeUI7NEJBQ2xDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDO3lCQUN2RDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBmb3J3YXJkUmVmLFxuICBpbnB1dCxcbiAgbnVtYmVyQXR0cmlidXRlLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENka0Nvbm5lY3RlZE92ZXJsYXksIENka092ZXJsYXlPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5cbmltcG9ydCB7IEJ1aWxkSW5JbnB1dFZhbHVlQWNjZXNzb3IgfSBmcm9tICdAbGF0aXR1ZGUtdWkvd2lkZ2V0cy9pbnB1dCc7XG5cbmltcG9ydCB7IFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0L3NlbGVjdC5kaXJlY3RpdmUnO1xuXG5pbXBvcnQgeyBTZWxlY3REcm9wRG93bkNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LWRyb3Bkb3duL3NlbGVjdC1kcm9wZG93bi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2VsZWN0VHJpZ2dlckNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXRyaWdnZXIvc2VsZWN0LXRyaWdnZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LW9wdGlvbi9zZWxlY3Qtb3B0aW9uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTZWxlY3RWYWx1ZXNDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC12YWx1ZXMvc2VsZWN0LXZhbHVlcy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgaW1wb3J0czogW1xuICAgIENka092ZXJsYXlPcmlnaW4sXG4gICAgQ2RrQ29ubmVjdGVkT3ZlcmxheSxcbiAgICBTZWxlY3REcm9wRG93bkNvbXBvbmVudCxcbiAgICBTZWxlY3RUcmlnZ2VyQ29tcG9uZW50LFxuICAgIFNlbGVjdFZhbHVlc0NvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0QXM6ICdsYXRTZWxlY3QnLFxuICBzZWxlY3RvcjogJ2xhdC1zZWxlY3RbdHlwZT1cIm11bHRpcGxlXCJdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU2VsZWN0RGlyZWN0aXZlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0TXVsdGlwbGVDb21wb25lbnQpLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQnVpbGRJbklucHV0VmFsdWVBY2Nlc3NvcixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdE11bHRpcGxlQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RNdWx0aXBsZUNvbXBvbmVudDxUPiBleHRlbmRzIFNlbGVjdERpcmVjdGl2ZTxULCBUW10+IHtcbiAgcHVibGljIHJlYWRvbmx5IG1heGxlbmd0aCA9IGlucHV0PG51bWJlciwgdW5rbm93bj4oTnVtYmVyLk1BWF9TQUZFX0lOVEVHRVIsIHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSk7XG5cbiAgb3ZlcnJpZGUgc2VsZWN0ZWQgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLnZhbHVlKCk7XG5cbiAgICByZXR1cm4gKHZhbHVlID8gKEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbdmFsdWVdKSA6IFtdKSBhcyBUW107XG4gIH0pO1xuXG4gIG92ZXJyaWRlIHNlbGVjdChvcHRpb246IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZTxUPik6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkID0gdGhpcy5zZWxlY3RlZCgpLnNsaWNlKCk7XG5cbiAgICBpZiAoc2VsZWN0ZWQubGVuZ3RoID49IHRoaXMubWF4bGVuZ3RoKCkpIHtcbiAgICAgIHJldHVybiB2b2lkIDA7XG4gICAgfVxuXG4gICAgY29uc3QgaW5kZXggPSBzZWxlY3RlZC5maW5kSW5kZXgoKHZhbHVlKSA9PiB2YWx1ZSA9PT0gb3B0aW9uLnZhbHVlKCkpO1xuXG4gICAgaWYgKGluZGV4ID09PSAtMSkge1xuICAgICAgc2VsZWN0ZWQucHVzaChvcHRpb24udmFsdWUoKSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNlbGVjdGVkLnNwbGljZShpbmRleCwgMSk7XG4gICAgfVxuXG4gICAgdGhpcy53cml0ZVZhbHVlKHNlbGVjdGVkKTtcbiAgfVxufVxuIiwiPGxhdC1zZWxlY3QtdHJpZ2dlciBjZGtPdmVybGF5T3JpZ2luICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiPlxyXG4gIDxsYXQtc2VsZWN0LXZhbHVlcyAvPlxyXG48L2xhdC1zZWxlY3QtdHJpZ2dlcj5cclxuXHJcbjxuZy10ZW1wbGF0ZVxyXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlcclxuICBjZGtDb25uZWN0ZWRPdmVybGF5SGFzQmFja2Ryb3BcclxuICBjZGtDb25uZWN0ZWRPdmVybGF5TG9ja1Bvc2l0aW9uXHJcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheVBhbmVsQ2xhc3M9XCJsYXQtc2VsZWN0LWRyb3Bkb3duXCJcclxuICBjZGtDb25uZWN0ZWRPdmVybGF5QmFja2Ryb3BDbGFzcz1cImNkay1vdmVybGF5LXRyYW5zcGFyZW50LWJhY2tkcm9wXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiX292ZXJsYXlFeHBhbmRlZCgpXCJcclxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheVdpZHRoXT1cIl9vdmVybGF5V2lkdGgoKSA+IDAgPyBfb3ZlcmxheVdpZHRoKCkgOiAnYXV0bydcIlxyXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5UG9zaXRpb25zXT1cIl9vdmVybGF5UG9zaXRpb25zKClcIlxyXG4gIChkZXRhY2gpPVwiaGlkZSgpXCJcclxuICAoYmFja2Ryb3BDbGljayk9XCJoaWRlKClcIlxyXG4gIChwb3NpdGlvbkNoYW5nZSk9XCJfdXBkYXRlT3ZlcmxheVBvc2l0aW9uU2lkZSgkZXZlbnQpXCJcclxuPlxyXG4gIDxsYXQtc2VsZWN0LWRyb3Bkb3duIChzZWxlY3Rpb24pPVwic2VsZWN0KCRldmVudClcIiAvPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, forwardRef, input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { SelectOptionDirective } from './select-option.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./select-option.directive";
|
|
5
|
+
export class SelectOptionComponent {
|
|
6
|
+
value = input.required();
|
|
7
|
+
label = input.required();
|
|
8
|
+
hidden = input(false, { transform: booleanAttribute });
|
|
9
|
+
disabled = input(false, { transform: booleanAttribute });
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: SelectOptionComponent, isStandalone: true, selector: "lat-select-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["latSelectOption"], hostDirectives: [{ directive: i0.forwardRef(() => i1.SelectOptionDirective) }], ngImport: i0, template: "\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ exportAs: 'latSelectOption', selector: 'lat-select-option', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
16
|
+
{
|
|
17
|
+
directive: forwardRef(() => SelectOptionDirective),
|
|
18
|
+
}
|
|
19
|
+
], template: "\r\n" }]
|
|
20
|
+
}] });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbi9zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3Qtb3B0aW9uL3NlbGVjdC1vcHRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGdCQUFnQixFQUNoQix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFjbEUsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQixLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBSyxDQUFDO0lBQzVCLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7SUFFakMsTUFBTSxHQUFHLEtBQUssQ0FBbUIsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUN6RSxRQUFRLEdBQUcsS0FBSyxDQUFtQixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO3VHQUxoRixxQkFBcUI7MkZBQXJCLHFCQUFxQixrckJDdkJsQyxNQUNBOzsyRkRzQmEscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNFLGlCQUFpQixZQUNqQixtQkFBbUIsaUJBRWQsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQzt5QkFDbkQ7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBib29sZWFuQXR0cmlidXRlLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBmb3J3YXJkUmVmLFxuICBpbnB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNlbGVjdE9wdGlvbkRpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgZXhwb3J0QXM6ICdsYXRTZWxlY3RPcHRpb24nLFxuICBzZWxlY3RvcjogJ2xhdC1zZWxlY3Qtb3B0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1vcHRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0T3B0aW9uRGlyZWN0aXZlKSxcbiAgICB9XG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdE9wdGlvbkNvbXBvbmVudDxUPiB7XG4gIHB1YmxpYyByZWFkb25seSB2YWx1ZSA9IGlucHV0LnJlcXVpcmVkPFQ+KCk7XG4gIHB1YmxpYyByZWFkb25seSBsYWJlbCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgaGlkZGVuID0gaW5wdXQ8Ym9vbGVhbiwgdW5rbm93bj4oZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuLCB1bmtub3duPihmYWxzZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG59XG4iLCJcclxuIl19
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { computed, Directive, inject } from '@angular/core';
|
|
2
|
+
import { SelectDirective } from '../select/select.directive';
|
|
3
|
+
import { SelectOptionComponent } from './select-option.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SelectOptionDirective {
|
|
6
|
+
select = inject((SelectDirective));
|
|
7
|
+
option = inject((SelectOptionComponent), { host: true });
|
|
8
|
+
value = computed(() => this.option.value());
|
|
9
|
+
label = computed(() => this.option.label());
|
|
10
|
+
hidden = computed(() => this.option.hidden());
|
|
11
|
+
disabled = computed(() => this.option.disabled());
|
|
12
|
+
selected = computed(() => this.select.selected().includes(this.value()));
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: SelectOptionDirective, isStandalone: true, ngImport: i0 });
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectOptionDirective, decorators: [{
|
|
17
|
+
type: Directive
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LW9wdGlvbi9zZWxlY3Qtb3B0aW9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQUdsRSxNQUFNLE9BQU8scUJBQXFCO0lBQ2hCLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQSxlQUEyQixDQUFBLENBQUMsQ0FBQztJQUM3QyxNQUFNLEdBQUcsTUFBTSxDQUFDLENBQUEscUJBQXdCLENBQUEsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRTFELEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLE1BQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO0lBQzlDLFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBRWxELFFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQzt1R0FUOUUscUJBQXFCOzJGQUFyQixxQkFBcUI7OzJGQUFyQixxQkFBcUI7a0JBRGpDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb21wdXRlZCwgRGlyZWN0aXZlLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2VsZWN0RGlyZWN0aXZlIH0gZnJvbSAnLi4vc2VsZWN0L3NlbGVjdC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2VsZWN0T3B0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGNsYXNzIFNlbGVjdE9wdGlvbkRpcmVjdGl2ZTxUPiB7XG4gIHB1YmxpYyByZWFkb25seSBzZWxlY3QgPSBpbmplY3QoU2VsZWN0RGlyZWN0aXZlPFQsIFQgfCBUW10+KTtcbiAgcHVibGljIHJlYWRvbmx5IG9wdGlvbiA9IGluamVjdChTZWxlY3RPcHRpb25Db21wb25lbnQ8VD4sIHsgaG9zdDogdHJ1ZSB9KTtcblxuICBwdWJsaWMgcmVhZG9ubHkgdmFsdWUgPSBjb21wdXRlZCgoKSA9PiB0aGlzLm9wdGlvbi52YWx1ZSgpKTtcbiAgcHVibGljIHJlYWRvbmx5IGxhYmVsID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5vcHRpb24ubGFiZWwoKSk7XG4gIHB1YmxpYyByZWFkb25seSBoaWRkZW4gPSBjb21wdXRlZCgoKSA9PiB0aGlzLm9wdGlvbi5oaWRkZW4oKSk7XG4gIHB1YmxpYyByZWFkb25seSBkaXNhYmxlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMub3B0aW9uLmRpc2FibGVkKCkpO1xuXG4gIHB1YmxpYyByZWFkb25seSBzZWxlY3RlZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuc2VsZWN0LnNlbGVjdGVkKCkuaW5jbHVkZXModGhpcy52YWx1ZSgpKSk7XG59XG4iXX0=
|
|
@@ -1,46 +1,51 @@
|
|
|
1
|
-
import { booleanAttribute, ChangeDetectionStrategy, Component,
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, computed, forwardRef, input, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
4
|
+
import { SelectDirective } from './select/select.directive';
|
|
5
|
+
import { SelectDropDownComponent } from './select-dropdown/select-dropdown.component';
|
|
6
|
+
import { SelectTriggerComponent } from './select-trigger/select-trigger.component';
|
|
7
|
+
import { SelectValuesComponent } from './select-values/select-values.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
|
|
10
|
-
const SELECT_SINGLE_VALUE_COERCION = (value) => {
|
|
11
|
-
return (value ? [value] : []);
|
|
12
|
-
};
|
|
13
|
-
export class SelectSingleComponent {
|
|
14
|
-
dir = inject((SelectDirective));
|
|
9
|
+
export class SelectSingleComponent extends SelectDirective {
|
|
15
10
|
nullable = input(true, { transform: booleanAttribute });
|
|
16
|
-
|
|
11
|
+
selected = computed(() => {
|
|
12
|
+
const value = this.value();
|
|
13
|
+
return (value === undefined ? [] : [value]);
|
|
14
|
+
});
|
|
15
|
+
select(option) {
|
|
17
16
|
const value = this.nullable() ? (option.selected() ? null : option.value()) : option.value();
|
|
18
|
-
this.
|
|
19
|
-
this.
|
|
17
|
+
this.writeValue(value);
|
|
18
|
+
this.hide();
|
|
20
19
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectSingleComponent, deps:
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectSingleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: SelectSingleComponent, isStandalone: true, selector: "lat-select[type=\"single\"]", inputs: { nullable: { classPropertyName: "nullable", publicName: "nullable", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
23
22
|
{
|
|
24
|
-
provide:
|
|
25
|
-
|
|
23
|
+
provide: SelectDirective,
|
|
24
|
+
useExisting: forwardRef(() => SelectSingleComponent),
|
|
26
25
|
},
|
|
27
|
-
|
|
26
|
+
{
|
|
27
|
+
provide: BuildInInputValueAccessor,
|
|
28
|
+
useExisting: forwardRef(() => SelectSingleComponent),
|
|
29
|
+
},
|
|
30
|
+
], exportAs: ["latSelect"], usesInheritance: true, ngImport: i0, template: "<lat-select-trigger cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\r\n <lat-select-values />\r\n</lat-select-trigger>\r\n\r\n<ng-template\r\n cdkConnectedOverlay\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayPanelClass=\"lat-select-dropdown\"\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"_overlayExpanded()\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth() > 0 ? _overlayWidth() : 'auto'\"\r\n [cdkConnectedOverlayPositions]=\"_overlayPositions()\"\r\n (detach)=\"hide()\"\r\n (backdropClick)=\"hide()\"\r\n (positionChange)=\"_updateOverlayPositionSide($event)\"\r\n>\r\n <lat-select-dropdown (selection)=\"select($event)\" />\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: SelectDropDownComponent, selector: "lat-select-dropdown", outputs: ["selection"], exportAs: ["latSelectDropDown"] }, { kind: "component", type: SelectTriggerComponent, selector: "lat-select-trigger", exportAs: ["latSelectTrigger"] }, { kind: "component", type: SelectValuesComponent, selector: "lat-select-values", exportAs: ["latSelectValues"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
28
31
|
}
|
|
29
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectSingleComponent, decorators: [{
|
|
30
33
|
type: Component,
|
|
31
34
|
args: [{ imports: [
|
|
32
|
-
SelectTriggerComponent,
|
|
33
|
-
SelectValueComponent,
|
|
34
35
|
CdkOverlayOrigin,
|
|
35
36
|
CdkConnectedOverlay,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
SelectDropDownComponent,
|
|
38
|
+
SelectTriggerComponent,
|
|
39
|
+
SelectValuesComponent,
|
|
39
40
|
], exportAs: 'latSelect', selector: 'lat-select[type="single"]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
40
41
|
{
|
|
41
|
-
provide:
|
|
42
|
-
|
|
42
|
+
provide: SelectDirective,
|
|
43
|
+
useExisting: forwardRef(() => SelectSingleComponent),
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
provide: BuildInInputValueAccessor,
|
|
47
|
+
useExisting: forwardRef(() => SelectSingleComponent),
|
|
43
48
|
},
|
|
44
|
-
],
|
|
49
|
+
], template: "<lat-select-trigger cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\r\n <lat-select-values />\r\n</lat-select-trigger>\r\n\r\n<ng-template\r\n cdkConnectedOverlay\r\n cdkConnectedOverlayHasBackdrop\r\n cdkConnectedOverlayLockPosition\r\n cdkConnectedOverlayPanelClass=\"lat-select-dropdown\"\r\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\r\n [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"_overlayExpanded()\"\r\n [cdkConnectedOverlayWidth]=\"_overlayWidth() > 0 ? _overlayWidth() : 'auto'\"\r\n [cdkConnectedOverlayPositions]=\"_overlayPositions()\"\r\n (detach)=\"hide()\"\r\n (backdropClick)=\"hide()\"\r\n (positionChange)=\"_updateOverlayPositionSide($event)\"\r\n>\r\n <lat-select-dropdown (selection)=\"select($event)\" />\r\n</ng-template>\r\n" }]
|
|
45
50
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXNpbmdsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LXNpbmdsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUFFLFVBQVUsRUFDcEIsS0FBSyxFQUNMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUU3RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFdEYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBMkJoRixNQUFNLE9BQU8scUJBQXlCLFNBQVEsZUFBcUI7SUFDeEQsUUFBUSxHQUFHLEtBQUssQ0FBbUIsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUUxRSxRQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUNoQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDM0IsT0FBTyxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBUSxDQUFDO0lBQ3JELENBQUMsQ0FBQyxDQUFDO0lBRU0sTUFBTSxDQUFDLE1BQWdDO1FBQzlDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUU3RixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNkLENBQUM7dUdBYlUscUJBQXFCOzJGQUFyQixxQkFBcUIsdU5BWHJCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGVBQWU7Z0JBQ3hCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7YUFDckQ7WUFDRDtnQkFDRSxPQUFPLEVBQUUseUJBQXlCO2dCQUNsQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ3JEO1NBQ0YsMEVDM0NILG96QkFvQkEsNENER0ksZ0JBQWdCLHVJQUNoQixtQkFBbUIsNCtCQUNuQix1QkFBdUIseUhBQ3ZCLHNCQUFzQiwrRkFDdEIscUJBQXFCOzsyRkFrQloscUJBQXFCO2tCQXhCakMsU0FBUzs4QkFDQzt3QkFDUCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsdUJBQXVCO3dCQUN2QixzQkFBc0I7d0JBQ3RCLHFCQUFxQjtxQkFDdEIsWUFDUyxXQUFXLFlBQ1gsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxlQUFlOzRCQUN4QixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzt5QkFDckQ7d0JBQ0Q7NEJBQ0UsT0FBTyxFQUFFLHlCQUF5Qjs0QkFDbEMsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0JBQXNCLENBQUM7eUJBQ3JEO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYm9vbGVhbkF0dHJpYnV0ZSxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsIGZvcndhcmRSZWYsXG4gIGlucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ2RrQ29ubmVjdGVkT3ZlcmxheSwgQ2RrT3ZlcmxheU9yaWdpbiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcblxuaW1wb3J0IHsgQnVpbGRJbklucHV0VmFsdWVBY2Nlc3NvciB9IGZyb20gJ0BsYXRpdHVkZS11aS93aWRnZXRzL2lucHV0JztcblxuaW1wb3J0IHsgU2VsZWN0RGlyZWN0aXZlIH0gZnJvbSAnLi9zZWxlY3Qvc2VsZWN0LmRpcmVjdGl2ZSc7XG5cbmltcG9ydCB7IFNlbGVjdERyb3BEb3duQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QtZHJvcGRvd24vc2VsZWN0LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1vcHRpb24vc2VsZWN0LW9wdGlvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2VsZWN0VHJpZ2dlckNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXRyaWdnZXIvc2VsZWN0LXRyaWdnZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNlbGVjdFZhbHVlc0NvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXZhbHVlcy9zZWxlY3QtdmFsdWVzLmNvbXBvbmVudCc7XG5cblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtcbiAgICBDZGtPdmVybGF5T3JpZ2luLFxuICAgIENka0Nvbm5lY3RlZE92ZXJsYXksXG4gICAgU2VsZWN0RHJvcERvd25Db21wb25lbnQsXG4gICAgU2VsZWN0VHJpZ2dlckNvbXBvbmVudCxcbiAgICBTZWxlY3RWYWx1ZXNDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydEFzOiAnbGF0U2VsZWN0JyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0W3R5cGU9XCJzaW5nbGVcIl0nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0L3NlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBTZWxlY3REaXJlY3RpdmUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3RTaW5nbGVDb21wb25lbnQpLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQnVpbGRJbklucHV0VmFsdWVBY2Nlc3NvcixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdFNpbmdsZUNvbXBvbmVudCksXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0U2luZ2xlQ29tcG9uZW50PFQ+IGV4dGVuZHMgU2VsZWN0RGlyZWN0aXZlPFQsIFQ+IHtcbiAgcmVhZG9ubHkgbnVsbGFibGUgPSBpbnB1dDx1bmtub3duLCBib29sZWFuPih0cnVlLCB7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KTtcblxuICBvdmVycmlkZSBzZWxlY3RlZCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMudmFsdWUoKTtcbiAgICByZXR1cm4gKHZhbHVlID09PSB1bmRlZmluZWQgPyBbXSA6IFt2YWx1ZV0pIGFzIFRbXTtcbiAgfSk7XG5cbiAgb3ZlcnJpZGUgc2VsZWN0KG9wdGlvbjogU2VsZWN0T3B0aW9uRGlyZWN0aXZlPFQ+KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSB0aGlzLm51bGxhYmxlKCkgPyAob3B0aW9uLnNlbGVjdGVkKCkgPyBudWxsIDogb3B0aW9uLnZhbHVlKCkpIDogb3B0aW9uLnZhbHVlKCk7XG5cbiAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIHRoaXMuaGlkZSgpO1xuICB9XG59XG4iLCI8bGF0LXNlbGVjdC10cmlnZ2VyIGNka092ZXJsYXlPcmlnaW4gI3RyaWdnZXI9XCJjZGtPdmVybGF5T3JpZ2luXCI+XHJcbiAgPGxhdC1zZWxlY3QtdmFsdWVzIC8+XHJcbjwvbGF0LXNlbGVjdC10cmlnZ2VyPlxyXG5cclxuPG5nLXRlbXBsYXRlXHJcbiAgY2RrQ29ubmVjdGVkT3ZlcmxheVxyXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlIYXNCYWNrZHJvcFxyXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlMb2NrUG9zaXRpb25cclxuICBjZGtDb25uZWN0ZWRPdmVybGF5UGFuZWxDbGFzcz1cImxhdC1zZWxlY3QtZHJvcGRvd25cIlxyXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlCYWNrZHJvcENsYXNzPVwiY2RrLW92ZXJsYXktdHJhbnNwYXJlbnQtYmFja2Ryb3BcIlxyXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5T3JpZ2luXT1cInRyaWdnZXJcIlxyXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJfb3ZlcmxheUV4cGFuZGVkKClcIlxyXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5V2lkdGhdPVwiX292ZXJsYXlXaWR0aCgpID4gMCA/IF9vdmVybGF5V2lkdGgoKSA6ICdhdXRvJ1wiXHJcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlQb3NpdGlvbnNdPVwiX292ZXJsYXlQb3NpdGlvbnMoKVwiXHJcbiAgKGRldGFjaCk9XCJoaWRlKClcIlxyXG4gIChiYWNrZHJvcENsaWNrKT1cImhpZGUoKVwiXHJcbiAgKHBvc2l0aW9uQ2hhbmdlKT1cIl91cGRhdGVPdmVybGF5UG9zaXRpb25TaWRlKCRldmVudClcIlxyXG4+XHJcbiAgPGxhdC1zZWxlY3QtZHJvcGRvd24gKHNlbGVjdGlvbik9XCJzZWxlY3QoJGV2ZW50KVwiIC8+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { afterRenderEffect, ChangeDetectionStrategy, Component, ElementRef, inject, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { ButtonComponent } from '@latitude-ui/widgets/button';
|
|
3
|
+
import { IconComponent } from '@latitude-ui/widgets/icons';
|
|
4
|
+
import { SelectDirective } from '../select/select.directive';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class SelectTriggerComponent {
|
|
7
|
+
select = inject(SelectDirective);
|
|
8
|
+
nativeElement = inject((ElementRef)).nativeElement;
|
|
9
|
+
constructor() {
|
|
10
|
+
afterRenderEffect((onCleanup) => {
|
|
11
|
+
const observer = new ResizeObserver(() => {
|
|
12
|
+
this.select._overlayWidth.set(this.nativeElement.offsetWidth);
|
|
13
|
+
});
|
|
14
|
+
observer.observe(this.nativeElement);
|
|
15
|
+
onCleanup(() => observer.disconnect());
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectTriggerComponent, isStandalone: true, selector: "lat-select-trigger", host: { attributes: { "role": "combobox" }, listeners: { "click": "select.toggle()" }, properties: { "attr.data-size": "select.size()" } }, exportAs: ["latSelectTrigger"], ngImport: i0, template: "<ng-content select=\"lat-select-values\" />\n\n@if (!select.readonly()) {\n <section class=\"lat-select-control\">\n <lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"select.size()\" [disabled]=\"select.disabled()\">\n <lat-icon [name]=\"select._overlayState() ? 'chevron-up' : 'chevron-down'\"/>\n </lat-button>\n </section>\n}\n\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "lat-button", inputs: ["size", "variant", "tabindex", "disabled"], exportAs: ["latButton"] }, { kind: "component", type: IconComponent, selector: "lat-icon", inputs: ["url", "name"], exportAs: ["latIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectTriggerComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ imports: [ButtonComponent, IconComponent], exportAs: 'latSelectTrigger', selector: 'lat-select-trigger', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
24
|
+
role: 'combobox',
|
|
25
|
+
'[attr.data-size]': 'select.size()',
|
|
26
|
+
'(click)': 'select.toggle()',
|
|
27
|
+
}, template: "<ng-content select=\"lat-select-values\" />\n\n@if (!select.readonly()) {\n <section class=\"lat-select-control\">\n <lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"select.size()\" [disabled]=\"select.disabled()\">\n <lat-icon [name]=\"select._overlayState() ? 'chevron-up' : 'chevron-down'\"/>\n </lat-button>\n </section>\n}\n\n" }]
|
|
28
|
+
}], ctorParameters: () => [] });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy9zZWxlY3Qvc3JjL3NlbGVjdC10cmlnZ2VyL3NlbGVjdC10cmlnZ2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdHJpZ2dlci9zZWxlY3QtdHJpZ2dlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBZTdELE1BQU0sT0FBTyxzQkFBc0I7SUFDakIsTUFBTSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNqQyxhQUFhLEdBQUcsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUMsYUFBYSxDQUFDO0lBRTlFO1FBQ0UsaUJBQWlCLENBQUMsQ0FBQyxTQUFTLEVBQUUsRUFBRTtZQUM5QixNQUFNLFFBQVEsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBQ2hFLENBQUMsQ0FBQyxDQUFDO1lBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFFckMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt1R0FkVSxzQkFBc0I7MkZBQXRCLHNCQUFzQiwwUEMzQm5DLGlXQVVBLDRDREtZLGVBQWUscUlBQUUsYUFBYTs7MkZBWTdCLHNCQUFzQjtrQkFibEMsU0FBUzs4QkFDQyxDQUFDLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFDL0Isa0JBQWtCLFlBQ2xCLG9CQUFvQixpQkFFZixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLElBQUksRUFBRSxVQUFVO3dCQUNoQixrQkFBa0IsRUFBRSxlQUFlO3dCQUNuQyxTQUFTLEVBQUUsaUJBQWlCO3FCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGFmdGVyUmVuZGVyRWZmZWN0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBpbmplY3QsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxhdGl0dWRlLXVpL3dpZGdldHMvYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICdAbGF0aXR1ZGUtdWkvd2lkZ2V0cy9pY29ucyc7XG5cbmltcG9ydCB7IFNlbGVjdERpcmVjdGl2ZSB9IGZyb20gJy4uL3NlbGVjdC9zZWxlY3QuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtCdXR0b25Db21wb25lbnQsIEljb25Db21wb25lbnRdLFxuICBleHBvcnRBczogJ2xhdFNlbGVjdFRyaWdnZXInLFxuICBzZWxlY3RvcjogJ2xhdC1zZWxlY3QtdHJpZ2dlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtdHJpZ2dlci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgcm9sZTogJ2NvbWJvYm94JyxcbiAgICAnW2F0dHIuZGF0YS1zaXplXSc6ICdzZWxlY3Quc2l6ZSgpJyxcbiAgICAnKGNsaWNrKSc6ICdzZWxlY3QudG9nZ2xlKCknLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RUcmlnZ2VyQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdCA9IGluamVjdChTZWxlY3REaXJlY3RpdmUpO1xuICBwdWJsaWMgcmVhZG9ubHkgbmF0aXZlRWxlbWVudCA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50PikubmF0aXZlRWxlbWVudDtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBhZnRlclJlbmRlckVmZmVjdCgob25DbGVhbnVwKSA9PiB7XG4gICAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICAgIHRoaXMuc2VsZWN0Ll9vdmVybGF5V2lkdGguc2V0KHRoaXMubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCk7XG4gICAgICB9KTtcblxuICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLm5hdGl2ZUVsZW1lbnQpO1xuXG4gICAgICBvbkNsZWFudXAoKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpKTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwibGF0LXNlbGVjdC12YWx1ZXNcIiAvPlxuXG5AaWYgKCFzZWxlY3QucmVhZG9ubHkoKSkge1xuICA8c2VjdGlvbiBjbGFzcz1cImxhdC1zZWxlY3QtY29udHJvbFwiPlxuICAgIDxsYXQtYnV0dG9uIHRhYmluZGV4PVwiLTFcIiB2YXJpYW50PVwic3VidGxlXCIgW3NpemVdPVwic2VsZWN0LnNpemUoKVwiIFtkaXNhYmxlZF09XCJzZWxlY3QuZGlzYWJsZWQoKVwiPlxuICAgICAgPGxhdC1pY29uIFtuYW1lXT1cInNlbGVjdC5fb3ZlcmxheVN0YXRlKCkgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiLz5cbiAgICA8L2xhdC1idXR0b24+XG4gIDwvc2VjdGlvbj5cbn1cblxuIl19
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { SelectDirective } from '../select/select.directive';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SelectValueComponent {
|
|
5
|
+
select = inject(SelectDirective);
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: SelectValueComponent, isStandalone: true, selector: "lat-select-value", host: { attributes: { "role": "listitem" } }, exportAs: ["latSelectValue"], ngImport: i0, template: "<span>\r\n <ng-content />\r\n</span>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValueComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ exportAs: 'latSelectValue', selector: 'lat-select-value', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
12
|
+
role: 'listitem'
|
|
13
|
+
}, template: "<span>\r\n <ng-content />\r\n</span>\r\n" }]
|
|
14
|
+
}] });
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdmFsdWUvc2VsZWN0LXZhbHVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdmFsdWUvc2VsZWN0LXZhbHVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFZN0QsTUFBTSxPQUFPLG9CQUFvQjtJQUNmLE1BQU0sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7dUdBRHRDLG9CQUFvQjsyRkFBcEIsb0JBQW9CLHdKQ2JqQywyQ0FHQTs7MkZEVWEsb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNFLGdCQUFnQixZQUNoQixrQkFBa0IsaUJBRWIsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDSixJQUFJLEVBQUUsVUFBVTtxQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWxlY3REaXJlY3RpdmUgfSBmcm9tICcuLi9zZWxlY3Qvc2VsZWN0LmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICBleHBvcnRBczogJ2xhdFNlbGVjdFZhbHVlJyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0LXZhbHVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC12YWx1ZS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7XG4gICAgcm9sZTogJ2xpc3RpdGVtJ1xuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RWYWx1ZUNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBzZWxlY3QgPSBpbmplY3QoU2VsZWN0RGlyZWN0aXZlKTtcbn1cbiIsIjxzcGFuPlxyXG4gIDxuZy1jb250ZW50IC8+XHJcbjwvc3Bhbj5cclxuIl19
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { SelectDirective } from '../select/select.directive';
|
|
3
|
+
import { SelectValueComponent } from '../select-value/select-value.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SelectValuesComponent {
|
|
6
|
+
select = inject(SelectDirective);
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValuesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: SelectValuesComponent, isStandalone: true, selector: "lat-select-values", host: { attributes: { "role": "list" } }, exportAs: ["latSelectValues"], ngImport: i0, template: "@for (option of select._selected(); track option.value()) {\r\n <lat-select-value>\r\n {{ option.label() }}\r\n </lat-select-value>\r\n} @empty {\r\n {{ select.placeholder() }}\r\n}\r\n", dependencies: [{ kind: "component", type: SelectValueComponent, selector: "lat-select-value", exportAs: ["latSelectValue"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: SelectValuesComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ imports: [SelectValueComponent], exportAs: 'latSelectValues', selector: 'lat-select-values', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
13
|
+
role: 'list'
|
|
14
|
+
}, template: "@for (option of select._selected(); track option.value()) {\r\n <lat-select-value>\r\n {{ option.label() }}\r\n </lat-select-value>\r\n} @empty {\r\n {{ select.placeholder() }}\r\n}\r\n" }]
|
|
15
|
+
}] });
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXZhbHVlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy93aWRnZXRzL3NlbGVjdC9zcmMvc2VsZWN0LXZhbHVlcy9zZWxlY3QtdmFsdWVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QtdmFsdWVzL3NlbGVjdC12YWx1ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQWE5RSxNQUFNLE9BQU8scUJBQXFCO0lBQ2hCLE1BQU0sR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7dUdBRHRDLHFCQUFxQjsyRkFBckIscUJBQXFCLHNKQ2ZsQyxpTUFPQSw0Q0RGWSxvQkFBb0I7OzJGQVVuQixxQkFBcUI7a0JBWGpDLFNBQVM7OEJBQ0MsQ0FBQyxvQkFBb0IsQ0FBQyxZQUNyQixpQkFBaUIsWUFDakIsbUJBQW1CLGlCQUVkLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osSUFBSSxFQUFFLE1BQU07cUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWxlY3REaXJlY3RpdmUgfSBmcm9tICcuLi9zZWxlY3Qvc2VsZWN0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTZWxlY3RWYWx1ZUNvbXBvbmVudCB9IGZyb20gJy4uL3NlbGVjdC12YWx1ZS9zZWxlY3QtdmFsdWUuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIGltcG9ydHM6IFtTZWxlY3RWYWx1ZUNvbXBvbmVudF0sXG4gIGV4cG9ydEFzOiAnbGF0U2VsZWN0VmFsdWVzJyxcbiAgc2VsZWN0b3I6ICdsYXQtc2VsZWN0LXZhbHVlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtdmFsdWVzLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICByb2xlOiAnbGlzdCdcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0VmFsdWVzQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IHNlbGVjdCA9IGluamVjdChTZWxlY3REaXJlY3RpdmUpO1xufVxuIiwiQGZvciAob3B0aW9uIG9mIHNlbGVjdC5fc2VsZWN0ZWQoKTsgdHJhY2sgb3B0aW9uLnZhbHVlKCkpIHtcclxuICA8bGF0LXNlbGVjdC12YWx1ZT5cclxuICAgIHt7IG9wdGlvbi5sYWJlbCgpIH19XHJcbiAgPC9sYXQtc2VsZWN0LXZhbHVlPlxyXG59IEBlbXB0eSB7XHJcbiAge3sgc2VsZWN0LnBsYWNlaG9sZGVyKCkgfX1cclxufVxyXG4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SelectOptionComponent } from './select-option.component';
|
|
1
|
+
import { SelectOptionComponent } from './select-option/select-option.component';
|
|
2
2
|
import { SelectMultipleComponent } from './select-multiple.component';
|
|
3
3
|
import { SelectSingleComponent } from './select-single.component';
|
|
4
4
|
export const SelectModule = [
|
|
@@ -6,4 +6,4 @@ export const SelectModule = [
|
|
|
6
6
|
SelectMultipleComponent,
|
|
7
7
|
SelectSingleComponent
|
|
8
8
|
];
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvc2VsZWN0L3NyYy9zZWxlY3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRWxFLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRztJQUMxQixxQkFBcUI7SUFDckIsdUJBQXVCO0lBQ3ZCLHFCQUFxQjtDQUNiLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1vcHRpb24vc2VsZWN0LW9wdGlvbi5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHsgU2VsZWN0TXVsdGlwbGVDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTZWxlY3RTaW5nbGVDb21wb25lbnQgfSBmcm9tICcuL3NlbGVjdC1zaW5nbGUuY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBjb25zdCBTZWxlY3RNb2R1bGUgPSBbXHJcbiAgU2VsZWN0T3B0aW9uQ29tcG9uZW50LFxyXG4gIFNlbGVjdE11bHRpcGxlQ29tcG9uZW50LFxyXG4gIFNlbGVjdFNpbmdsZUNvbXBvbmVudFxyXG5dIGFzIGNvbnN0O1xyXG4iXX0=
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, forwardRef, input, numberAttribute, ViewEncapsulation, } from '@angular/core';
|
|
2
2
|
import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
|
|
3
|
+
import { TextBoxDirective } from '@latitude-ui/widgets/textbox';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
|
-
export class TextAreaComponent extends
|
|
5
|
+
export class TextAreaComponent extends TextBoxDirective {
|
|
5
6
|
rows = input(4, { transform: numberAttribute });
|
|
6
7
|
maxlength = input(undefined, { transform: numberAttribute });
|
|
7
8
|
minlength = input(undefined, { transform: numberAttribute });
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
}
|
|
13
|
-
handleBlurEvent() {
|
|
14
|
-
this.markAsTouched();
|
|
15
|
-
}
|
|
16
|
-
handleInputEvent() {
|
|
17
|
-
const input = this.inputElementRef();
|
|
18
|
-
this.writeValue(input.nativeElement.value);
|
|
19
|
-
}
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.4", type: TextAreaComponent, isStandalone: true, selector: "lat-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: TextAreaComponent, isStandalone: true, selector: "lat-textarea", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
22
11
|
{
|
|
23
12
|
provide: BuildInInputValueAccessor,
|
|
24
13
|
useExisting: forwardRef(() => TextAreaComponent),
|
|
25
14
|
},
|
|
26
|
-
],
|
|
15
|
+
], exportAs: ["latTextArea"], usesInheritance: true, ngImport: i0, template: "<textarea\r\n #inputElementRef\r\n type=\"text\"\r\n role=\"textbox\"\r\n [value]='valueAsString()'\r\n [attr.id]=\"inputId()\"\r\n [attr.rows]=\"rows()\"\r\n [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n [attr.disabled]=\"disabled() || undefined\"\r\n [attr.readonly]=\"readonly() || undefined\"\r\n [attr.required]=\"required() || undefined\"\r\n [attr.maxlength]=\"maxlength()\"\r\n [attr.minlength]=\"minlength()\"\r\n [attr.placeholder]=\"placeholder()\"\r\n [attr.aria-invalid]=\"invalid() || undefined\"\r\n [attr.aria-disabled]=\"disabled() || undefined\"\r\n [attr.aria-readonly]=\"readonly() || undefined\"\r\n [attr.aria-required]=\"required() || undefined\"\r\n [attr.aria-labelledby]=\"labelId()\"\r\n [style.resize]=\"'none'\"\r\n (blur)=\"handleBlurEvent()\"\r\n (input)=\"handleInputEvent()\"\r\n></textarea>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
16
|
}
|
|
28
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
29
18
|
type: Component,
|
|
@@ -33,5 +22,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
33
22
|
useExisting: forwardRef(() => TextAreaComponent),
|
|
34
23
|
},
|
|
35
24
|
], template: "<textarea\r\n #inputElementRef\r\n type=\"text\"\r\n role=\"textbox\"\r\n [value]='valueAsString()'\r\n [attr.id]=\"inputId()\"\r\n [attr.rows]=\"rows()\"\r\n [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n [attr.disabled]=\"disabled() || undefined\"\r\n [attr.readonly]=\"readonly() || undefined\"\r\n [attr.required]=\"required() || undefined\"\r\n [attr.maxlength]=\"maxlength()\"\r\n [attr.minlength]=\"minlength()\"\r\n [attr.placeholder]=\"placeholder()\"\r\n [attr.aria-invalid]=\"invalid() || undefined\"\r\n [attr.aria-disabled]=\"disabled() || undefined\"\r\n [attr.aria-readonly]=\"readonly() || undefined\"\r\n [attr.aria-required]=\"required() || undefined\"\r\n [attr.aria-labelledby]=\"labelId()\"\r\n [style.resize]=\"'none'\"\r\n (blur)=\"handleBlurEvent()\"\r\n (input)=\"handleInputEvent()\"\r\n></textarea>\r\n" }]
|
|
36
|
-
}]
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy90ZXh0YXJlYS9zcmMvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvd2lkZ2V0cy90ZXh0YXJlYS9zcmMvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxlQUFlLEVBQ2YsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWVoRSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsZ0JBQXdCO0lBQzdDLElBQUksR0FBRyxLQUFLLENBQWtCLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO0lBQ2pFLFNBQVMsR0FBRyxLQUFLLENBQWtCLFNBQVMsRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO0lBQzlFLFNBQVMsR0FBRyxLQUFLLENBQWtCLFNBQVMsRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO3VHQUhuRixpQkFBaUI7MkZBQWpCLGlCQUFpQixvY0FQakI7WUFDVDtnQkFDRSxPQUFPLEVBQUUseUJBQXlCO2dCQUNsQyxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2FBQ2pEO1NBQ0YsNEVDdkJILDAxQkF1QkE7OzJGREVhLGlCQUFpQjtrQkFiN0IsU0FBUzsrQkFDRSxhQUFhLFlBQ2IsY0FBYyxpQkFFVCxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSx5QkFBeUI7NEJBQ2xDLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDO3lCQUNqRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGZvcndhcmRSZWYsXG4gIGlucHV0LFxuICBudW1iZXJBdHRyaWJ1dGUsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQnVpbGRJbklucHV0VmFsdWVBY2Nlc3NvciB9IGZyb20gJ0BsYXRpdHVkZS11aS93aWRnZXRzL2lucHV0JztcbmltcG9ydCB7IFRleHRCb3hEaXJlY3RpdmUgfSBmcm9tICdAbGF0aXR1ZGUtdWkvd2lkZ2V0cy90ZXh0Ym94JztcblxuQENvbXBvbmVudCh7XG4gIGV4cG9ydEFzOiAnbGF0VGV4dEFyZWEnLFxuICBzZWxlY3RvcjogJ2xhdC10ZXh0YXJlYScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBCdWlsZEluSW5wdXRWYWx1ZUFjY2Vzc29yLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gVGV4dEFyZWFDb21wb25lbnQpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRBcmVhQ29tcG9uZW50IGV4dGVuZHMgVGV4dEJveERpcmVjdGl2ZTxzdHJpbmc+IHtcbiAgcHVibGljIHJlYWRvbmx5IHJvd3MgPSBpbnB1dDxudW1iZXIsIHVua25vd24+KDQsIHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSk7XG4gIHB1YmxpYyByZWFkb25seSBtYXhsZW5ndGggPSBpbnB1dDxudW1iZXIsIHVua25vd24+KHVuZGVmaW5lZCwgeyB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KTtcbiAgcHVibGljIHJlYWRvbmx5IG1pbmxlbmd0aCA9IGlucHV0PG51bWJlciwgdW5rbm93bj4odW5kZWZpbmVkLCB7IHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pO1xufVxuIiwiPHRleHRhcmVhXHJcbiAgI2lucHV0RWxlbWVudFJlZlxyXG4gIHR5cGU9XCJ0ZXh0XCJcclxuICByb2xlPVwidGV4dGJveFwiXHJcbiAgW3ZhbHVlXT0ndmFsdWVBc1N0cmluZygpJ1xyXG4gIFthdHRyLmlkXT1cImlucHV0SWQoKVwiXHJcbiAgW2F0dHIucm93c109XCJyb3dzKClcIlxyXG4gIFthdHRyLnRhYmluZGV4XT1cImRpc2FibGVkKCkgPyAtMSA6IHRhYmluZGV4KClcIlxyXG4gIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkKCkgfHwgdW5kZWZpbmVkXCJcclxuICBbYXR0ci5yZWFkb25seV09XCJyZWFkb25seSgpIHx8IHVuZGVmaW5lZFwiXHJcbiAgW2F0dHIucmVxdWlyZWRdPVwicmVxdWlyZWQoKSB8fCB1bmRlZmluZWRcIlxyXG4gIFthdHRyLm1heGxlbmd0aF09XCJtYXhsZW5ndGgoKVwiXHJcbiAgW2F0dHIubWlubGVuZ3RoXT1cIm1pbmxlbmd0aCgpXCJcclxuICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlcigpXCJcclxuICBbYXR0ci5hcmlhLWludmFsaWRdPVwiaW52YWxpZCgpIHx8IHVuZGVmaW5lZFwiXHJcbiAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJkaXNhYmxlZCgpIHx8IHVuZGVmaW5lZFwiXHJcbiAgW2F0dHIuYXJpYS1yZWFkb25seV09XCJyZWFkb25seSgpIHx8IHVuZGVmaW5lZFwiXHJcbiAgW2F0dHIuYXJpYS1yZXF1aXJlZF09XCJyZXF1aXJlZCgpIHx8IHVuZGVmaW5lZFwiXHJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImxhYmVsSWQoKVwiXHJcbiAgW3N0eWxlLnJlc2l6ZV09XCInbm9uZSdcIlxyXG4gIChibHVyKT1cImhhbmRsZUJsdXJFdmVudCgpXCJcclxuICAoaW5wdXQpPVwiaGFuZGxlSW5wdXRFdmVudCgpXCJcclxuPjwvdGV4dGFyZWE+XHJcbiJdfQ==
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export * from './src/textbox.component';
|
|
2
|
-
|
|
2
|
+
export * from './src/textbox.directive';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL3dpZGdldHMvdGV4dGJveC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3JjL3RleHRib3guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zcmMvdGV4dGJveC5kaXJlY3RpdmUnO1xyXG4iXX0=
|