@agorapulse/ui-components 16.2.23 → 16.3.0
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/agorapulse-ui-components-16.3.0.tgz +0 -0
- package/autocomplete/autocomplete.component.d.ts +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +21 -8
- package/esm2022/form-field/agorapulse-ui-components-form-field.mjs +5 -0
- package/esm2022/form-field/form-field.component.mjs +11 -0
- package/esm2022/form-field/public_api.mjs +2 -0
- package/esm2022/form-message/agorapulse-ui-components-form-message.mjs +5 -0
- package/esm2022/form-message/form-message.component.mjs +34 -0
- package/esm2022/form-message/public_api.mjs +2 -0
- package/esm2022/index.mjs +4 -4
- package/esm2022/input/input.directive.mjs +19 -0
- package/esm2022/input/public_api.mjs +2 -2
- package/esm2022/input-group/agorapulse-ui-components-input-group.mjs +5 -0
- package/esm2022/input-group/input-group.component.mjs +14 -0
- package/esm2022/input-group/public_api.mjs +2 -0
- package/esm2022/labels/label.component.mjs +3 -3
- package/esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs +5 -0
- package/esm2022/{input → legacy/input}/input.component.mjs +4 -1
- package/esm2022/legacy/input/public_api.mjs +2 -0
- package/esm2022/legacy/select/agorapulse-ui-components-legacy-select.mjs +5 -0
- package/esm2022/legacy/select/public_api.mjs +2 -0
- package/esm2022/{select → legacy/select}/select.component.mjs +5 -2
- package/esm2022/legacy/textarea/agorapulse-ui-components-legacy-textarea.mjs +5 -0
- package/esm2022/legacy/textarea/public_api.mjs +2 -0
- package/esm2022/{textarea → legacy/textarea}/textarea.component.mjs +4 -1
- package/esm2022/select/ap-select.module.mjs +72 -0
- package/esm2022/select/dropdown-group-item/dropdown-group-item.component.mjs +52 -0
- package/esm2022/select/dropdown-item-multiple-one-line/dropdown-item-multiple-one-line.component.mjs +61 -0
- package/esm2022/select/dropdown-item-multiple-two-lines/dropdown-item-multiple-two-lines.component.mjs +65 -0
- package/esm2022/select/dropdown-item-single-one-line/dropdown-item-single-one-line.component.mjs +39 -0
- package/esm2022/select/dropdown-item-single-two-lines/dropdown-item-single-two-lines.component.mjs +43 -0
- package/esm2022/select/dropdown-search-form/dropdown-search-form.component.mjs +77 -0
- package/esm2022/select/public_api.mjs +13 -2
- package/esm2022/select/select-base.directive.mjs +69 -0
- package/esm2022/select/select-label-multiple/select-label-multiple.component.mjs +111 -0
- package/esm2022/select/select-label-single/select-label-single.component.mjs +27 -0
- package/esm2022/select/select-multiple.directive.mjs +34 -0
- package/esm2022/select/select-single.directive.mjs +34 -0
- package/esm2022/textarea/public_api.mjs +2 -2
- package/esm2022/textarea/textarea.directive.mjs +40 -0
- package/fesm2022/agorapulse-ui-components-autocomplete.mjs +20 -7
- package/fesm2022/agorapulse-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/agorapulse-ui-components-form-field.mjs +18 -0
- package/fesm2022/agorapulse-ui-components-form-field.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-form-message.mjs +41 -0
- package/fesm2022/agorapulse-ui-components-form-message.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-input-group.mjs +21 -0
- package/fesm2022/agorapulse-ui-components-input-group.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-input.mjs +16 -184
- package/fesm2022/agorapulse-ui-components-input.mjs.map +1 -1
- package/fesm2022/agorapulse-ui-components-labels.mjs +2 -2
- package/fesm2022/agorapulse-ui-components-labels.mjs.map +1 -1
- package/fesm2022/agorapulse-ui-components-legacy-input.mjs +197 -0
- package/fesm2022/agorapulse-ui-components-legacy-input.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-legacy-select.mjs +460 -0
- package/fesm2022/agorapulse-ui-components-legacy-select.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-legacy-textarea.mjs +162 -0
- package/fesm2022/agorapulse-ui-components-legacy-textarea.mjs.map +1 -0
- package/fesm2022/agorapulse-ui-components-select.mjs +562 -395
- package/fesm2022/agorapulse-ui-components-select.mjs.map +1 -1
- package/fesm2022/agorapulse-ui-components-textarea.mjs +29 -141
- package/fesm2022/agorapulse-ui-components-textarea.mjs.map +1 -1
- package/fesm2022/agorapulse-ui-components.mjs +3 -3
- package/fesm2022/agorapulse-ui-components.mjs.map +1 -1
- package/form-field/form-field.component.d.ts +5 -0
- package/form-field/index.d.ts +5 -0
- package/form-field/public_api.d.ts +1 -0
- package/form-message/form-message.component.d.ts +12 -0
- package/form-message/index.d.ts +5 -0
- package/form-message/public_api.d.ts +1 -0
- package/index.d.ts +3 -3
- package/input/input.directive.d.ts +7 -0
- package/input/public_api.d.ts +1 -1
- package/input-group/index.d.ts +5 -0
- package/input-group/input-group.component.d.ts +6 -0
- package/input-group/public_api.d.ts +1 -0
- package/legacy/input/index.d.ts +5 -0
- package/{input → legacy/input}/input.component.d.ts +3 -0
- package/legacy/input/public_api.d.ts +1 -0
- package/legacy/select/index.d.ts +5 -0
- package/legacy/select/public_api.d.ts +1 -0
- package/{select → legacy/select}/select.component.d.ts +4 -1
- package/legacy/textarea/index.d.ts +5 -0
- package/legacy/textarea/public_api.d.ts +1 -0
- package/{textarea → legacy/textarea}/textarea.component.d.ts +3 -0
- package/package.json +37 -1
- package/select/ap-select.module.d.ts +16 -0
- package/select/dropdown-group-item/dropdown-group-item.component.d.ts +16 -0
- package/select/dropdown-item-multiple-one-line/dropdown-item-multiple-one-line.component.d.ts +20 -0
- package/select/dropdown-item-multiple-two-lines/dropdown-item-multiple-two-lines.component.d.ts +21 -0
- package/select/dropdown-item-single-one-line/dropdown-item-single-one-line.component.d.ts +12 -0
- package/select/dropdown-item-single-two-lines/dropdown-item-single-two-lines.component.d.ts +13 -0
- package/select/dropdown-search-form/dropdown-search-form.component.d.ts +22 -0
- package/select/public_api.d.ts +12 -1
- package/select/select-base.directive.d.ts +18 -0
- package/select/select-label-multiple/select-label-multiple.component.d.ts +29 -0
- package/select/select-label-single/select-label-single.component.d.ts +8 -0
- package/select/select-multiple.directive.d.ts +10 -0
- package/select/select-single.directive.d.ts +10 -0
- package/textarea/public_api.d.ts +1 -1
- package/textarea/textarea.directive.d.ts +11 -0
- package/agorapulse-ui-components-16.2.23.tgz +0 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DropdownGroupItemComponent } from './dropdown-group-item/dropdown-group-item.component';
|
|
3
|
+
import { DropdownItemMultipleOneLineComponent } from './dropdown-item-multiple-one-line/dropdown-item-multiple-one-line.component';
|
|
4
|
+
import { DropdownItemMultipleTwoLinesComponent } from './dropdown-item-multiple-two-lines/dropdown-item-multiple-two-lines.component';
|
|
5
|
+
import { DropdownItemSingleOneLineComponent } from './dropdown-item-single-one-line/dropdown-item-single-one-line.component';
|
|
6
|
+
import { DropdownItemSingleTwoLinesComponent } from './dropdown-item-single-two-lines/dropdown-item-single-two-lines.component';
|
|
7
|
+
import { DropdownSearchFormComponent } from './dropdown-search-form/dropdown-search-form.component';
|
|
8
|
+
import { SelectLabelMultipleComponent } from './select-label-multiple/select-label-multiple.component';
|
|
9
|
+
import { SelectLabelSingleComponent } from './select-label-single/select-label-single.component';
|
|
10
|
+
import { SelectMultipleDirective } from './select-multiple.directive';
|
|
11
|
+
import { SelectSingleDirective } from './select-single.directive';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
export class ApSelectModule {
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: ApSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.10", ngImport: i0, type: ApSelectModule, imports: [SelectMultipleDirective,
|
|
16
|
+
SelectSingleDirective,
|
|
17
|
+
DropdownItemSingleOneLineComponent,
|
|
18
|
+
DropdownItemSingleTwoLinesComponent,
|
|
19
|
+
DropdownItemMultipleOneLineComponent,
|
|
20
|
+
DropdownItemMultipleTwoLinesComponent,
|
|
21
|
+
SelectLabelSingleComponent,
|
|
22
|
+
SelectLabelMultipleComponent,
|
|
23
|
+
DropdownSearchFormComponent,
|
|
24
|
+
DropdownGroupItemComponent], exports: [SelectMultipleDirective,
|
|
25
|
+
SelectSingleDirective,
|
|
26
|
+
DropdownItemSingleOneLineComponent,
|
|
27
|
+
DropdownItemSingleTwoLinesComponent,
|
|
28
|
+
DropdownItemMultipleOneLineComponent,
|
|
29
|
+
DropdownItemMultipleTwoLinesComponent,
|
|
30
|
+
SelectLabelSingleComponent,
|
|
31
|
+
SelectLabelMultipleComponent,
|
|
32
|
+
DropdownSearchFormComponent,
|
|
33
|
+
DropdownGroupItemComponent] });
|
|
34
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: ApSelectModule, imports: [DropdownItemSingleOneLineComponent,
|
|
35
|
+
DropdownItemSingleTwoLinesComponent,
|
|
36
|
+
DropdownItemMultipleOneLineComponent,
|
|
37
|
+
DropdownItemMultipleTwoLinesComponent,
|
|
38
|
+
SelectLabelSingleComponent,
|
|
39
|
+
SelectLabelMultipleComponent,
|
|
40
|
+
DropdownSearchFormComponent,
|
|
41
|
+
DropdownGroupItemComponent] });
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: ApSelectModule, decorators: [{
|
|
44
|
+
type: NgModule,
|
|
45
|
+
args: [{
|
|
46
|
+
imports: [
|
|
47
|
+
SelectMultipleDirective,
|
|
48
|
+
SelectSingleDirective,
|
|
49
|
+
DropdownItemSingleOneLineComponent,
|
|
50
|
+
DropdownItemSingleTwoLinesComponent,
|
|
51
|
+
DropdownItemMultipleOneLineComponent,
|
|
52
|
+
DropdownItemMultipleTwoLinesComponent,
|
|
53
|
+
SelectLabelSingleComponent,
|
|
54
|
+
SelectLabelMultipleComponent,
|
|
55
|
+
DropdownSearchFormComponent,
|
|
56
|
+
DropdownGroupItemComponent,
|
|
57
|
+
],
|
|
58
|
+
exports: [
|
|
59
|
+
SelectMultipleDirective,
|
|
60
|
+
SelectSingleDirective,
|
|
61
|
+
DropdownItemSingleOneLineComponent,
|
|
62
|
+
DropdownItemSingleTwoLinesComponent,
|
|
63
|
+
DropdownItemMultipleOneLineComponent,
|
|
64
|
+
DropdownItemMultipleTwoLinesComponent,
|
|
65
|
+
SelectLabelSingleComponent,
|
|
66
|
+
SelectLabelMultipleComponent,
|
|
67
|
+
DropdownSearchFormComponent,
|
|
68
|
+
DropdownGroupItemComponent,
|
|
69
|
+
],
|
|
70
|
+
}]
|
|
71
|
+
}] });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXAtc2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zZWxlY3Qvc3JjL2FwLXNlbGVjdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSw2RUFBNkUsQ0FBQztBQUNuSSxPQUFPLEVBQUUscUNBQXFDLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUN0SSxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx5RUFBeUUsQ0FBQztBQUM3SCxPQUFPLEVBQUUsbUNBQW1DLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUNoSSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN2RyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUE0QmxFLE1BQU0sT0FBTyxjQUFjO3dHQUFkLGNBQWM7eUdBQWQsY0FBYyxZQXhCbkIsdUJBQXVCO1lBQ3ZCLHFCQUFxQjtZQUNyQixrQ0FBa0M7WUFDbEMsbUNBQW1DO1lBQ25DLG9DQUFvQztZQUNwQyxxQ0FBcUM7WUFDckMsMEJBQTBCO1lBQzFCLDRCQUE0QjtZQUM1QiwyQkFBMkI7WUFDM0IsMEJBQTBCLGFBRzFCLHVCQUF1QjtZQUN2QixxQkFBcUI7WUFDckIsa0NBQWtDO1lBQ2xDLG1DQUFtQztZQUNuQyxvQ0FBb0M7WUFDcEMscUNBQXFDO1lBQ3JDLDBCQUEwQjtZQUMxQiw0QkFBNEI7WUFDNUIsMkJBQTJCO1lBQzNCLDBCQUEwQjt5R0FHckIsY0FBYyxZQXRCbkIsa0NBQWtDO1lBQ2xDLG1DQUFtQztZQUNuQyxvQ0FBb0M7WUFDcEMscUNBQXFDO1lBQ3JDLDBCQUEwQjtZQUMxQiw0QkFBNEI7WUFDNUIsMkJBQTJCO1lBQzNCLDBCQUEwQjs7NEZBZXJCLGNBQWM7a0JBMUIxQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCx1QkFBdUI7d0JBQ3ZCLHFCQUFxQjt3QkFDckIsa0NBQWtDO3dCQUNsQyxtQ0FBbUM7d0JBQ25DLG9DQUFvQzt3QkFDcEMscUNBQXFDO3dCQUNyQywwQkFBMEI7d0JBQzFCLDRCQUE0Qjt3QkFDNUIsMkJBQTJCO3dCQUMzQiwwQkFBMEI7cUJBQzdCO29CQUNELE9BQU8sRUFBRTt3QkFDTCx1QkFBdUI7d0JBQ3ZCLHFCQUFxQjt3QkFDckIsa0NBQWtDO3dCQUNsQyxtQ0FBbUM7d0JBQ25DLG9DQUFvQzt3QkFDcEMscUNBQXFDO3dCQUNyQywwQkFBMEI7d0JBQzFCLDRCQUE0Qjt3QkFDNUIsMkJBQTJCO3dCQUMzQiwwQkFBMEI7cUJBQzdCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyb3Bkb3duR3JvdXBJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1ncm91cC1pdGVtL2Ryb3Bkb3duLWdyb3VwLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duSXRlbU11bHRpcGxlT25lTGluZUNvbXBvbmVudCB9IGZyb20gJy4vZHJvcGRvd24taXRlbS1tdWx0aXBsZS1vbmUtbGluZS9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEcm9wZG93bkl0ZW1NdWx0aXBsZVR3b0xpbmVzQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1pdGVtLW11bHRpcGxlLXR3by1saW5lcy9kcm9wZG93bi1pdGVtLW11bHRpcGxlLXR3by1saW5lcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJvcGRvd25JdGVtU2luZ2xlT25lTGluZUNvbXBvbmVudCB9IGZyb20gJy4vZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUvZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUuY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duSXRlbVNpbmdsZVR3b0xpbmVzQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1pdGVtLXNpbmdsZS10d28tbGluZXMvZHJvcGRvd24taXRlbS1zaW5nbGUtdHdvLWxpbmVzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEcm9wZG93blNlYXJjaEZvcm1Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLXNlYXJjaC1mb3JtL2Ryb3Bkb3duLXNlYXJjaC1mb3JtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RMYWJlbE11bHRpcGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QtbGFiZWwtbXVsdGlwbGUvc2VsZWN0LWxhYmVsLW11bHRpcGxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RMYWJlbFNpbmdsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LWxhYmVsLXNpbmdsZS9zZWxlY3QtbGFiZWwtc2luZ2xlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTZWxlY3RNdWx0aXBsZURpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LW11bHRpcGxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTZWxlY3RTaW5nbGVEaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1zaW5nbGUuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIFNlbGVjdE11bHRpcGxlRGlyZWN0aXZlLFxuICAgICAgICBTZWxlY3RTaW5nbGVEaXJlY3RpdmUsXG4gICAgICAgIERyb3Bkb3duSXRlbVNpbmdsZU9uZUxpbmVDb21wb25lbnQsXG4gICAgICAgIERyb3Bkb3duSXRlbVNpbmdsZVR3b0xpbmVzQ29tcG9uZW50LFxuICAgICAgICBEcm9wZG93bkl0ZW1NdWx0aXBsZU9uZUxpbmVDb21wb25lbnQsXG4gICAgICAgIERyb3Bkb3duSXRlbU11bHRpcGxlVHdvTGluZXNDb21wb25lbnQsXG4gICAgICAgIFNlbGVjdExhYmVsU2luZ2xlQ29tcG9uZW50LFxuICAgICAgICBTZWxlY3RMYWJlbE11bHRpcGxlQ29tcG9uZW50LFxuICAgICAgICBEcm9wZG93blNlYXJjaEZvcm1Db21wb25lbnQsXG4gICAgICAgIERyb3Bkb3duR3JvdXBJdGVtQ29tcG9uZW50LFxuICAgIF0sXG4gICAgZXhwb3J0czogW1xuICAgICAgICBTZWxlY3RNdWx0aXBsZURpcmVjdGl2ZSxcbiAgICAgICAgU2VsZWN0U2luZ2xlRGlyZWN0aXZlLFxuICAgICAgICBEcm9wZG93bkl0ZW1TaW5nbGVPbmVMaW5lQ29tcG9uZW50LFxuICAgICAgICBEcm9wZG93bkl0ZW1TaW5nbGVUd29MaW5lc0NvbXBvbmVudCxcbiAgICAgICAgRHJvcGRvd25JdGVtTXVsdGlwbGVPbmVMaW5lQ29tcG9uZW50LFxuICAgICAgICBEcm9wZG93bkl0ZW1NdWx0aXBsZVR3b0xpbmVzQ29tcG9uZW50LFxuICAgICAgICBTZWxlY3RMYWJlbFNpbmdsZUNvbXBvbmVudCxcbiAgICAgICAgU2VsZWN0TGFiZWxNdWx0aXBsZUNvbXBvbmVudCxcbiAgICAgICAgRHJvcGRvd25TZWFyY2hGb3JtQ29tcG9uZW50LFxuICAgICAgICBEcm9wZG93bkdyb3VwSXRlbUNvbXBvbmVudCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBcFNlbGVjdE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { BadgeComponent } from '@agorapulse/ui-components/badge';
|
|
2
|
+
import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
|
|
3
|
+
import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
|
|
4
|
+
import { NgIf } from '@angular/common';
|
|
5
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class DropdownGroupItemComponent {
|
|
8
|
+
groupLabel;
|
|
9
|
+
groupTag;
|
|
10
|
+
selectableGroup = false;
|
|
11
|
+
children = [];
|
|
12
|
+
select;
|
|
13
|
+
disabled = false;
|
|
14
|
+
disabledTooltip;
|
|
15
|
+
isGroupIntermediate() {
|
|
16
|
+
const selectedChildren = this.children.filter((child) => child.selected && !child.disabled);
|
|
17
|
+
const selectableChildren = this.children.filter((child) => !child.disabled);
|
|
18
|
+
return selectedChildren.length > 0 && selectedChildren.length < selectableChildren.length;
|
|
19
|
+
}
|
|
20
|
+
isGroupChecked() {
|
|
21
|
+
return this.children.every((child) => child.selected || child.disabled);
|
|
22
|
+
}
|
|
23
|
+
isGroupDisabled() {
|
|
24
|
+
return this.children.every((child) => child.disabled);
|
|
25
|
+
}
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownGroupItemComponent, isStandalone: true, selector: "ap-dropdown-group-item", inputs: { groupLabel: "groupLabel", groupTag: "groupTag", selectableGroup: "selectableGroup", children: "children", select: "select", disabled: "disabled", disabledTooltip: "disabledTooltip" }, ngImport: i0, template: "<div\n class=\"group\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\">\n <ap-checkbox\n *ngIf=\"selectableGroup; else groupLabelTpl\"\n [name]=\"'option-group-selection-' + groupLabel\"\n [disabled]=\"isGroupDisabled() || disabled\"\n [indeterminate]=\"isGroupIntermediate()\"\n [checked]=\"isGroupChecked()\">\n <span class=\"group-label\">\n {{ groupLabel }}\n </span>\n <ap-badge\n *ngIf=\"groupTag\"\n color=\"blue\">\n {{ groupTag }}\n </ap-badge>\n </ap-checkbox>\n <ng-template #groupLabelTpl>\n <span class=\"group-label\" [title]=\"groupLabel\">\n {{ groupLabel }}\n </span>\n <ap-badge\n *ngIf=\"groupTag\"\n color=\"blue\">\n {{ groupTag }}\n </ap-badge>\n </ng-template>\n</div>\n", styles: ["ap-dropdown-group-item{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckboxComponent, selector: "ap-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "disabled", "indeterminate", "checked", "required", "name"], outputs: ["change"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownGroupItemComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'ap-dropdown-group-item', encapsulation: ViewEncapsulation.None, standalone: true, imports: [BadgeComponent, NgIf, CheckboxComponent, TooltipDirective], template: "<div\n class=\"group\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\">\n <ap-checkbox\n *ngIf=\"selectableGroup; else groupLabelTpl\"\n [name]=\"'option-group-selection-' + groupLabel\"\n [disabled]=\"isGroupDisabled() || disabled\"\n [indeterminate]=\"isGroupIntermediate()\"\n [checked]=\"isGroupChecked()\">\n <span class=\"group-label\">\n {{ groupLabel }}\n </span>\n <ap-badge\n *ngIf=\"groupTag\"\n color=\"blue\">\n {{ groupTag }}\n </ap-badge>\n </ap-checkbox>\n <ng-template #groupLabelTpl>\n <span class=\"group-label\" [title]=\"groupLabel\">\n {{ groupLabel }}\n </span>\n <ap-badge\n *ngIf=\"groupTag\"\n color=\"blue\">\n {{ groupTag }}\n </ap-badge>\n </ng-template>\n</div>\n", styles: ["ap-dropdown-group-item{display:block;width:100%}\n"] }]
|
|
32
|
+
}], propDecorators: { groupLabel: [{
|
|
33
|
+
type: Input,
|
|
34
|
+
args: [{ required: true }]
|
|
35
|
+
}], groupTag: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], selectableGroup: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], children: [{
|
|
40
|
+
type: Input,
|
|
41
|
+
args: [{ required: true }]
|
|
42
|
+
}], select: [{
|
|
43
|
+
type: Input,
|
|
44
|
+
args: [{
|
|
45
|
+
required: true,
|
|
46
|
+
}]
|
|
47
|
+
}], disabled: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], disabledTooltip: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tZ3JvdXAtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc2VsZWN0L3NyYy9kcm9wZG93bi1ncm91cC1pdGVtL2Ryb3Bkb3duLWdyb3VwLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24tZ3JvdXAtaXRlbS9kcm9wZG93bi1ncm91cC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBV3BFLE1BQU0sT0FBTywwQkFBMEI7SUFDUixVQUFVLENBQVU7SUFDdEMsUUFBUSxDQUFVO0lBQ2xCLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDTixRQUFRLEdBQWUsRUFBRSxDQUFDO0lBSXJELE1BQU0sQ0FBcUI7SUFDbEIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixlQUFlLENBQVU7SUFFbEMsbUJBQW1CO1FBQ2YsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQWUsRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0RixPQUFPLGdCQUFnQixDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksZ0JBQWdCLENBQUMsTUFBTSxHQUFHLGtCQUFrQixDQUFDLE1BQU0sQ0FBQztJQUM5RixDQUFDO0lBRUQsY0FBYztRQUNWLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxLQUFlLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3RGLENBQUM7SUFFRCxlQUFlO1FBQ1gsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEtBQWUsRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BFLENBQUM7d0dBeEJRLDBCQUEwQjs0RkFBMUIsMEJBQTBCLG9SQ2Z2QyxxNUJBOEJBLDRHRGpCYyxjQUFjLHdFQUFFLElBQUksNkZBQUUsaUJBQWlCLHdNQUFFLGdCQUFnQjs7NEZBRTFELDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDSSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFHekMsVUFBVTtzQkFBcEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDcUIsUUFBUTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSXpCLE1BQU07c0JBSEwsS0FBSzt1QkFBQzt3QkFDSCxRQUFRLEVBQUUsSUFBSTtxQkFDakI7Z0JBRVEsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2JhZGdlJztcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9jaGVja2JveCc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy90b29sdGlwJztcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nT3B0aW9uLCBOZ1NlbGVjdENvbXBvbmVudCB9IGZyb20gJ0BuZy1zZWxlY3Qvbmctc2VsZWN0JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1kcm9wZG93bi1ncm91cC1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tZ3JvdXAtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQmFkZ2VDb21wb25lbnQsIE5nSWYsIENoZWNrYm94Q29tcG9uZW50LCBUb29sdGlwRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Hcm91cEl0ZW1Db21wb25lbnQge1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIGdyb3VwTGFiZWwhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZ3JvdXBUYWc/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgc2VsZWN0YWJsZUdyb3VwID0gZmFsc2U7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY2hpbGRyZW46IE5nT3B0aW9uW10gPSBbXTtcbiAgICBASW5wdXQoe1xuICAgICAgICByZXF1aXJlZDogdHJ1ZSxcbiAgICB9KVxuICAgIHNlbGVjdCE6IE5nU2VsZWN0Q29tcG9uZW50O1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGlzYWJsZWRUb29sdGlwPzogc3RyaW5nO1xuXG4gICAgaXNHcm91cEludGVybWVkaWF0ZSgpOiBib29sZWFuIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWRDaGlsZHJlbiA9IHRoaXMuY2hpbGRyZW4uZmlsdGVyKChjaGlsZDogTmdPcHRpb24pID0+IGNoaWxkLnNlbGVjdGVkICYmICFjaGlsZC5kaXNhYmxlZCk7XG4gICAgICAgIGNvbnN0IHNlbGVjdGFibGVDaGlsZHJlbiA9IHRoaXMuY2hpbGRyZW4uZmlsdGVyKChjaGlsZDogTmdPcHRpb24pID0+ICFjaGlsZC5kaXNhYmxlZCk7XG4gICAgICAgIHJldHVybiBzZWxlY3RlZENoaWxkcmVuLmxlbmd0aCA+IDAgJiYgc2VsZWN0ZWRDaGlsZHJlbi5sZW5ndGggPCBzZWxlY3RhYmxlQ2hpbGRyZW4ubGVuZ3RoO1xuICAgIH1cblxuICAgIGlzR3JvdXBDaGVja2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5jaGlsZHJlbi5ldmVyeSgoY2hpbGQ6IE5nT3B0aW9uKSA9PiBjaGlsZC5zZWxlY3RlZCB8fCBjaGlsZC5kaXNhYmxlZCk7XG4gICAgfVxuXG4gICAgaXNHcm91cERpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5jaGlsZHJlbi5ldmVyeSgoY2hpbGQ6IE5nT3B0aW9uKSA9PiBjaGlsZC5kaXNhYmxlZCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZ3JvdXBcIlxuICAgIFthcFRvb2x0aXBdPVwiZGlzYWJsZWRUb29sdGlwXCJcbiAgICBbYXBUb29sdGlwRGlzYWJsZWRdPVwiIWRpc2FibGVkXCI+XG4gICAgPGFwLWNoZWNrYm94XG4gICAgICAgICpuZ0lmPVwic2VsZWN0YWJsZUdyb3VwOyBlbHNlIGdyb3VwTGFiZWxUcGxcIlxuICAgICAgICBbbmFtZV09XCInb3B0aW9uLWdyb3VwLXNlbGVjdGlvbi0nICsgZ3JvdXBMYWJlbFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJpc0dyb3VwRGlzYWJsZWQoKSB8fCBkaXNhYmxlZFwiXG4gICAgICAgIFtpbmRldGVybWluYXRlXT1cImlzR3JvdXBJbnRlcm1lZGlhdGUoKVwiXG4gICAgICAgIFtjaGVja2VkXT1cImlzR3JvdXBDaGVja2VkKClcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJncm91cC1sYWJlbFwiPlxuICAgICAgICAgICAge3sgZ3JvdXBMYWJlbCB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxhcC1iYWRnZVxuICAgICAgICAgICAgKm5nSWY9XCJncm91cFRhZ1wiXG4gICAgICAgICAgICBjb2xvcj1cImJsdWVcIj5cbiAgICAgICAgICAgIHt7IGdyb3VwVGFnIH19XG4gICAgICAgIDwvYXAtYmFkZ2U+XG4gICAgPC9hcC1jaGVja2JveD5cbiAgICA8bmctdGVtcGxhdGUgI2dyb3VwTGFiZWxUcGw+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZ3JvdXAtbGFiZWxcIiBbdGl0bGVdPVwiZ3JvdXBMYWJlbFwiPlxuICAgICAgICAgICAge3sgZ3JvdXBMYWJlbCB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxhcC1iYWRnZVxuICAgICAgICAgICAgKm5nSWY9XCJncm91cFRhZ1wiXG4gICAgICAgICAgICBjb2xvcj1cImJsdWVcIj5cbiAgICAgICAgICAgIHt7IGdyb3VwVGFnIH19XG4gICAgICAgIDwvYXAtYmFkZ2U+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19
|
package/esm2022/select/dropdown-item-multiple-one-line/dropdown-item-multiple-one-line.component.mjs
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { AvatarComponent } from '@agorapulse/ui-components/avatar';
|
|
2
|
+
import { BadgeComponent } from '@agorapulse/ui-components/badge';
|
|
3
|
+
import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
|
|
4
|
+
import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
|
|
5
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
6
|
+
import { NgIf } from '@angular/common';
|
|
7
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class DropdownItemMultipleOneLineComponent {
|
|
10
|
+
text;
|
|
11
|
+
selected;
|
|
12
|
+
htmlId;
|
|
13
|
+
disabled = false;
|
|
14
|
+
avatarUrl;
|
|
15
|
+
disabledTooltip;
|
|
16
|
+
badgeText;
|
|
17
|
+
dividerEnabled = false;
|
|
18
|
+
onlyEnabled = false;
|
|
19
|
+
onlyText;
|
|
20
|
+
selectOnly = new EventEmitter();
|
|
21
|
+
checkbox;
|
|
22
|
+
onSelectOnly() {
|
|
23
|
+
this.selectOnly.emit();
|
|
24
|
+
this.checkbox.focus();
|
|
25
|
+
}
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemMultipleOneLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownItemMultipleOneLineComponent, isStandalone: true, selector: "ap-dropdown-item-multiple-one-line", inputs: { text: "text", selected: "selected", htmlId: "htmlId", disabled: "disabled", avatarUrl: "avatarUrl", disabledTooltip: "disabledTooltip", badgeText: "badgeText", dividerEnabled: "dividerEnabled", onlyEnabled: "onlyEnabled", onlyText: "onlyText" }, outputs: { selectOnly: "selectOnly" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: CheckboxComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option multiple\">\n <ap-checkbox\n #checkbox\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"'option-selection-' + htmlId\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <span\n class=\"option-item\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n\n <button\n *ngIf=\"onlyEnabled && !disabled\"\n class=\"standalone-link\"\n type=\"button\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); onSelectOnly()\">\n {{ onlyText }}\n </button>\n </ap-checkbox>\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-multiple-one-line .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-one-line .option ap-checkbox label{display:flex;gap:var(--ref-spacing-xxs);align-items:center}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ap-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "disabled", "indeterminate", "checked", "required", "name"], outputs: ["change"] }, { kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["alternativeText", "anonymous", "username", "network", "online", "profilePicture", "showInitials", "alt", "rounded", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemMultipleOneLineComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'ap-dropdown-item-multiple-one-line', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent, CheckboxComponent, AvatarComponent, NgIf, BadgeComponent, TooltipDirective], template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option multiple\">\n <ap-checkbox\n #checkbox\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"'option-selection-' + htmlId\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <span\n class=\"option-item\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n\n <button\n *ngIf=\"onlyEnabled && !disabled\"\n class=\"standalone-link\"\n type=\"button\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); onSelectOnly()\">\n {{ onlyText }}\n </button>\n </ap-checkbox>\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-multiple-one-line .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-one-line .option ap-checkbox label{display:flex;gap:var(--ref-spacing-xxs);align-items:center}\n"] }]
|
|
32
|
+
}], propDecorators: { text: [{
|
|
33
|
+
type: Input,
|
|
34
|
+
args: [{ required: true }]
|
|
35
|
+
}], selected: [{
|
|
36
|
+
type: Input,
|
|
37
|
+
args: [{ required: true }]
|
|
38
|
+
}], htmlId: [{
|
|
39
|
+
type: Input,
|
|
40
|
+
args: [{ required: true }]
|
|
41
|
+
}], disabled: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], avatarUrl: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], disabledTooltip: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], badgeText: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], dividerEnabled: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], onlyEnabled: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], onlyText: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], selectOnly: [{
|
|
56
|
+
type: Output
|
|
57
|
+
}], checkbox: [{
|
|
58
|
+
type: ViewChild,
|
|
59
|
+
args: [CheckboxComponent]
|
|
60
|
+
}] } });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taXRlbS1tdWx0aXBsZS1vbmUtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc2VsZWN0L3NyYy9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lL2Ryb3Bkb3duLWl0ZW0tbXVsdGlwbGUtb25lLWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1tdWx0aXBsZS1vbmUtbGluZS9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDakUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFXOUgsTUFBTSxPQUFPLG9DQUFvQztJQUNsQixJQUFJLENBQVU7SUFDZCxRQUFRLENBQVc7SUFDbkIsTUFBTSxDQUFVO0lBQ2xDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsU0FBUyxDQUFVO0lBQ25CLGVBQWUsQ0FBVTtJQUN6QixTQUFTLENBQVU7SUFDbkIsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUN2QixXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLFFBQVEsQ0FBVTtJQUVqQixVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNsQixRQUFRLENBQXFCO0lBRTNELFlBQVk7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUIsQ0FBQzt3R0FsQlEsb0NBQW9DOzRGQUFwQyxvQ0FBb0MsK2FBYWxDLGlCQUFpQixnREM5QmhDLHFtQ0F1Q0EsdVFEeEIrQixpQkFBaUIsd01BQUUsZUFBZSw2TEFBRSxJQUFJLDZGQUFFLGNBQWMsd0VBQUUsZ0JBQWdCOzs0RkFFNUYsb0NBQW9DO2tCQVRoRCxTQUFTOytCQUNJLG9DQUFvQyxjQUdsQyxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUM7OEJBRzNFLElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE1BQU07c0JBQWhDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ3VCLFFBQVE7c0JBQXJDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXZhdGFyQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9hdmF0YXInO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2JhZGdlJztcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9jaGVja2JveCc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy90b29sdGlwJztcbmltcG9ydCB7IFN5bWJvbENvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLXN5bWJvbCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLWRyb3Bkb3duLWl0ZW0tbXVsdGlwbGUtb25lLWxpbmUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGltcG9ydHM6IFtTeW1ib2xDb21wb25lbnQsIENoZWNrYm94Q29tcG9uZW50LCBBdmF0YXJDb21wb25lbnQsIE5nSWYsIEJhZGdlQ29tcG9uZW50LCBUb29sdGlwRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25JdGVtTXVsdGlwbGVPbmVMaW5lQ29tcG9uZW50IHtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0ZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNlbGVjdGVkITogYm9vbGVhbjtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBodG1sSWQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBhdmF0YXJVcmw/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGlzYWJsZWRUb29sdGlwPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJhZGdlVGV4dD86IHN0cmluZztcbiAgICBASW5wdXQoKSBkaXZpZGVyRW5hYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIG9ubHlFbmFibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgb25seVRleHQ/OiBzdHJpbmc7XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0T25seSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAVmlld0NoaWxkKENoZWNrYm94Q29tcG9uZW50KSBjaGVja2JveCE6IENoZWNrYm94Q29tcG9uZW50O1xuXG4gICAgb25TZWxlY3RPbmx5KCkge1xuICAgICAgICB0aGlzLnNlbGVjdE9ubHkuZW1pdCgpO1xuICAgICAgICB0aGlzLmNoZWNrYm94LmZvY3VzKCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZGlzYWJsZWQtb3BhcXVlXCJcbiAgICBbYXBUb29sdGlwXT1cImRpc2FibGVkVG9vbHRpcFwiXG4gICAgW2FwVG9vbHRpcERpc2FibGVkXT1cIiFkaXNhYmxlZFwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cIm9wdGlvbiBtdWx0aXBsZVwiPlxuICAgIDxhcC1jaGVja2JveFxuICAgICAgICAjY2hlY2tib3hcbiAgICAgICAgW2NoZWNrZWRdPVwic2VsZWN0ZWRcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbbmFtZV09XCInb3B0aW9uLXNlbGVjdGlvbi0nICsgaHRtbElkXCI+XG4gICAgICAgIDxhcC1hdmF0YXJcbiAgICAgICAgICAgICpuZ0lmPVwiYXZhdGFyVXJsXCJcbiAgICAgICAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAgICAgICAgIFtwcm9maWxlUGljdHVyZV09XCJhdmF0YXJVcmxcIlxuICAgICAgICAgICAgW3VzZXJuYW1lXT1cInRleHRcIlxuICAgICAgICAgICAgW3Nob3dJbml0aWFsc109XCJ0cnVlXCIgLz5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNsYXNzPVwib3B0aW9uLWl0ZW1cIlxuICAgICAgICAgICAgW3RpdGxlXT1cInRleHRcIj5cbiAgICAgICAgICAgIHt7IHRleHQgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8YXAtYmFkZ2VcbiAgICAgICAgICAgICpuZ0lmPVwiYmFkZ2VUZXh0XCJcbiAgICAgICAgICAgIGNvbG9yPVwiYmx1ZVwiPlxuICAgICAgICAgICAge3sgYmFkZ2VUZXh0IH19XG4gICAgICAgIDwvYXAtYmFkZ2U+XG5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJvbmx5RW5hYmxlZCAmJiAhZGlzYWJsZWRcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdGFuZGFsb25lLWxpbmtcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgb25TZWxlY3RPbmx5KClcIj5cbiAgICAgICAgICAgIHt7IG9ubHlUZXh0IH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvYXAtY2hlY2tib3g+XG48L2Rpdj5cbjxkaXZcbiAgICAqbmdJZj1cImRpdmlkZXJFbmFibGVkXCJcbiAgICBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { AvatarComponent } from '@agorapulse/ui-components/avatar';
|
|
2
|
+
import { BadgeComponent } from '@agorapulse/ui-components/badge';
|
|
3
|
+
import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
|
|
4
|
+
import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
|
|
5
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
6
|
+
import { NgIf } from '@angular/common';
|
|
7
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class DropdownItemMultipleTwoLinesComponent {
|
|
10
|
+
text;
|
|
11
|
+
caption;
|
|
12
|
+
selected;
|
|
13
|
+
htmlId;
|
|
14
|
+
disabled = false;
|
|
15
|
+
avatarUrl;
|
|
16
|
+
disabledTooltip;
|
|
17
|
+
badgeText;
|
|
18
|
+
dividerEnabled = false;
|
|
19
|
+
onlyEnabled = false;
|
|
20
|
+
onlyText;
|
|
21
|
+
selectOnly = new EventEmitter();
|
|
22
|
+
checkbox;
|
|
23
|
+
onSelectOnly() {
|
|
24
|
+
this.selectOnly.emit();
|
|
25
|
+
this.checkbox.focus();
|
|
26
|
+
}
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemMultipleTwoLinesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownItemMultipleTwoLinesComponent, isStandalone: true, selector: "ap-dropdown-item-multiple-two-lines", inputs: { text: "text", caption: "caption", selected: "selected", htmlId: "htmlId", disabled: "disabled", avatarUrl: "avatarUrl", disabledTooltip: "disabledTooltip", badgeText: "badgeText", dividerEnabled: "dividerEnabled", onlyEnabled: "onlyEnabled", onlyText: "onlyText" }, outputs: { selectOnly: "selectOnly" }, viewQueries: [{ propertyName: "checkbox", first: true, predicate: CheckboxComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option multiple with-caption\">\n <ap-checkbox\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"'option-selection-' + htmlId\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <div class=\"texts\">\n <div class=\"first-line\">\n <span\n class=\"label\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n </div>\n <span\n class=\"caption\"\n [title]=\"caption\">\n {{ caption }}\n </span>\n </div>\n <button\n *ngIf=\"onlyEnabled && !disabled\"\n class=\"standalone-link\"\n type=\"button\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); onSelectOnly()\">\n {{ onlyText }}\n </button>\n </ap-checkbox>\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-multiple-two-lines .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-two-lines .option ap-checkbox label{display:flex;gap:var(--ref-spacing-xxs);align-items:center}ap-dropdown-item-multiple-two-lines .option .texts{flex:1;overflow:auto;display:flex;flex-direction:column}ap-dropdown-item-multiple-two-lines .option .texts .first-line{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-two-lines .option .texts .first-line .label{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ap-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "disabled", "indeterminate", "checked", "required", "name"], outputs: ["change"] }, { kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["alternativeText", "anonymous", "username", "network", "online", "profilePicture", "showInitials", "alt", "rounded", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemMultipleTwoLinesComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: 'ap-dropdown-item-multiple-two-lines', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent, CheckboxComponent, AvatarComponent, NgIf, BadgeComponent, TooltipDirective], template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option multiple with-caption\">\n <ap-checkbox\n [checked]=\"selected\"\n [disabled]=\"disabled\"\n [name]=\"'option-selection-' + htmlId\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <div class=\"texts\">\n <div class=\"first-line\">\n <span\n class=\"label\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n </div>\n <span\n class=\"caption\"\n [title]=\"caption\">\n {{ caption }}\n </span>\n </div>\n <button\n *ngIf=\"onlyEnabled && !disabled\"\n class=\"standalone-link\"\n type=\"button\"\n (click)=\"$event.preventDefault(); $event.stopPropagation(); onSelectOnly()\">\n {{ onlyText }}\n </button>\n </ap-checkbox>\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-multiple-two-lines .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-two-lines .option ap-checkbox label{display:flex;gap:var(--ref-spacing-xxs);align-items:center}ap-dropdown-item-multiple-two-lines .option .texts{flex:1;overflow:auto;display:flex;flex-direction:column}ap-dropdown-item-multiple-two-lines .option .texts .first-line{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-dropdown-item-multiple-two-lines .option .texts .first-line .label{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
|
|
33
|
+
}], propDecorators: { text: [{
|
|
34
|
+
type: Input,
|
|
35
|
+
args: [{ required: true }]
|
|
36
|
+
}], caption: [{
|
|
37
|
+
type: Input,
|
|
38
|
+
args: [{ required: true }]
|
|
39
|
+
}], selected: [{
|
|
40
|
+
type: Input,
|
|
41
|
+
args: [{ required: true }]
|
|
42
|
+
}], htmlId: [{
|
|
43
|
+
type: Input,
|
|
44
|
+
args: [{ required: true }]
|
|
45
|
+
}], disabled: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], avatarUrl: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], disabledTooltip: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], badgeText: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], dividerEnabled: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], onlyEnabled: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], onlyText: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], selectOnly: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}], checkbox: [{
|
|
62
|
+
type: ViewChild,
|
|
63
|
+
args: [CheckboxComponent]
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taXRlbS1tdWx0aXBsZS10d28tbGluZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1tdWx0aXBsZS10d28tbGluZXMvZHJvcGRvd24taXRlbS1tdWx0aXBsZS10d28tbGluZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1tdWx0aXBsZS10d28tbGluZXMvZHJvcGRvd24taXRlbS1tdWx0aXBsZS10d28tbGluZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVc5SCxNQUFNLE9BQU8scUNBQXFDO0lBQ25CLElBQUksQ0FBVTtJQUNkLE9BQU8sQ0FBVTtJQUNqQixRQUFRLENBQVc7SUFDbkIsTUFBTSxDQUFVO0lBQ2xDLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsU0FBUyxDQUFVO0lBQ25CLGVBQWUsQ0FBVTtJQUN6QixTQUFTLENBQVU7SUFDbkIsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUN2QixXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLFFBQVEsQ0FBVTtJQUVqQixVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNsQixRQUFRLENBQXFCO0lBRTNELFlBQVk7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUIsQ0FBQzt3R0FuQlEscUNBQXFDOzRGQUFyQyxxQ0FBcUMsb2NBY25DLGlCQUFpQixnREMvQmhDLGs2Q0E4Q0EsbW9CRC9CK0IsaUJBQWlCLHdNQUFFLGVBQWUsNkxBQUUsSUFBSSw2RkFBRSxjQUFjLHdFQUFFLGdCQUFnQjs7NEZBRTVGLHFDQUFxQztrQkFUakQsU0FBUzsrQkFDSSxxQ0FBcUMsY0FHbkMsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCLENBQUMsZUFBZSxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxJQUFJLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixDQUFDOzhCQUczRSxJQUFJO3NCQUE5QixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxPQUFPO3NCQUFqQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxRQUFRO3NCQUFsQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDRSxNQUFNO3NCQUFoQyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFDaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUN1QixRQUFRO3NCQUFyQyxTQUFTO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF2YXRhckNvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvYXZhdGFyJztcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9iYWRnZSc7XG5pbXBvcnQgeyBDaGVja2JveENvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvY2hlY2tib3gnO1xuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBTeW1ib2xDb21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1kcm9wZG93bi1pdGVtLW11bHRpcGxlLXR3by1saW5lcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLWl0ZW0tbXVsdGlwbGUtdHdvLWxpbmVzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1pdGVtLW11bHRpcGxlLXR3by1saW5lcy5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbXBvcnRzOiBbU3ltYm9sQ29tcG9uZW50LCBDaGVja2JveENvbXBvbmVudCwgQXZhdGFyQ29tcG9uZW50LCBOZ0lmLCBCYWRnZUNvbXBvbmVudCwgVG9vbHRpcERpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duSXRlbU11bHRpcGxlVHdvTGluZXNDb21wb25lbnQge1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY2FwdGlvbiE6IHN0cmluZztcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzZWxlY3RlZCE6IGJvb2xlYW47XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgaHRtbElkITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCkgYXZhdGFyVXJsPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkVG9vbHRpcD86IHN0cmluZztcbiAgICBASW5wdXQoKSBiYWRnZVRleHQ/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGl2aWRlckVuYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBvbmx5RW5hYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIG9ubHlUZXh0Pzogc3RyaW5nO1xuXG4gICAgQE91dHB1dCgpIHNlbGVjdE9ubHkgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQFZpZXdDaGlsZChDaGVja2JveENvbXBvbmVudCkgY2hlY2tib3ghOiBDaGVja2JveENvbXBvbmVudDtcblxuICAgIG9uU2VsZWN0T25seSgpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RPbmx5LmVtaXQoKTtcbiAgICAgICAgdGhpcy5jaGVja2JveC5mb2N1cygpO1xuICAgIH1cbiAgICBcbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cImRpc2FibGVkLW9wYXF1ZVwiXG4gICAgW2FwVG9vbHRpcF09XCJkaXNhYmxlZFRvb2x0aXBcIlxuICAgIFthcFRvb2x0aXBEaXNhYmxlZF09XCIhZGlzYWJsZWRcIj48L2Rpdj5cbjxkaXYgY2xhc3M9XCJvcHRpb24gbXVsdGlwbGUgd2l0aC1jYXB0aW9uXCI+XG4gICAgPGFwLWNoZWNrYm94XG4gICAgICAgIFtjaGVja2VkXT1cInNlbGVjdGVkXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgW25hbWVdPVwiJ29wdGlvbi1zZWxlY3Rpb24tJyArIGh0bWxJZFwiPlxuICAgICAgICA8YXAtYXZhdGFyXG4gICAgICAgICAgICAqbmdJZj1cImF2YXRhclVybFwiXG4gICAgICAgICAgICBbc2l6ZV09XCIyNFwiXG4gICAgICAgICAgICBbcHJvZmlsZVBpY3R1cmVdPVwiYXZhdGFyVXJsXCJcbiAgICAgICAgICAgIFt1c2VybmFtZV09XCJ0ZXh0XCJcbiAgICAgICAgICAgIFtzaG93SW5pdGlhbHNdPVwidHJ1ZVwiIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0c1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZpcnN0LWxpbmVcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cInRleHRcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgdGV4dCB9fVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YXAtYmFkZ2VcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJiYWRnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICBjb2xvcj1cImJsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAge3sgYmFkZ2VUZXh0IH19XG4gICAgICAgICAgICAgICAgPC9hcC1iYWRnZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cImNhcHRpb25cIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICAgICAge3sgY2FwdGlvbiB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgKm5nSWY9XCJvbmx5RW5hYmxlZCAmJiAhZGlzYWJsZWRcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdGFuZGFsb25lLWxpbmtcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgb25TZWxlY3RPbmx5KClcIj5cbiAgICAgICAgICAgIHt7IG9ubHlUZXh0IH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvYXAtY2hlY2tib3g+XG48L2Rpdj5cbjxkaXZcbiAgICAqbmdJZj1cImRpdmlkZXJFbmFibGVkXCJcbiAgICBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
package/esm2022/select/dropdown-item-single-one-line/dropdown-item-single-one-line.component.mjs
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { AvatarComponent } from '@agorapulse/ui-components/avatar';
|
|
2
|
+
import { BadgeComponent } from '@agorapulse/ui-components/badge';
|
|
3
|
+
import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
|
|
4
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
5
|
+
import { NgIf } from '@angular/common';
|
|
6
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class DropdownItemSingleOneLineComponent {
|
|
9
|
+
text;
|
|
10
|
+
selected;
|
|
11
|
+
disabled = false;
|
|
12
|
+
avatarUrl;
|
|
13
|
+
disabledTooltip;
|
|
14
|
+
badgeText;
|
|
15
|
+
dividerEnabled = false;
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemSingleOneLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownItemSingleOneLineComponent, isStandalone: true, selector: "ap-dropdown-item-single-one-line", inputs: { text: "text", selected: "selected", disabled: "disabled", avatarUrl: "avatarUrl", disabledTooltip: "disabledTooltip", badgeText: "badgeText", dividerEnabled: "dividerEnabled" }, ngImport: i0, template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <span\n class=\"option-item\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n <ap-symbol\n *ngIf=\"selected\"\n class=\"option-selected\"\n symbolId=\"check-2\"\n color=\"electric-blue\"\n size=\"micro\" />\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-single-one-line .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-one-line .option .option-selected{margin-left:auto}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }, { kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["alternativeText", "anonymous", "username", "network", "online", "profilePicture", "showInitials", "alt", "rounded", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemSingleOneLineComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'ap-dropdown-item-single-one-line', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent, AvatarComponent, NgIf, BadgeComponent, TooltipDirective], template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <span\n class=\"option-item\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n <ap-symbol\n *ngIf=\"selected\"\n class=\"option-selected\"\n symbolId=\"check-2\"\n color=\"electric-blue\"\n size=\"micro\" />\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-single-one-line .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-one-line .option .option-selected{margin-left:auto}\n"] }]
|
|
22
|
+
}], propDecorators: { text: [{
|
|
23
|
+
type: Input,
|
|
24
|
+
args: [{ required: true }]
|
|
25
|
+
}], selected: [{
|
|
26
|
+
type: Input,
|
|
27
|
+
args: [{ required: true }]
|
|
28
|
+
}], disabled: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], avatarUrl: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], disabledTooltip: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], badgeText: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], dividerEnabled: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUvZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUvZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVc3RixNQUFNLE9BQU8sa0NBQWtDO0lBQ2hCLElBQUksQ0FBVTtJQUNkLFFBQVEsQ0FBVztJQUNyQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFNBQVMsQ0FBVTtJQUNuQixlQUFlLENBQVU7SUFDekIsU0FBUyxDQUFVO0lBQ25CLGNBQWMsR0FBRyxLQUFLLENBQUM7d0dBUHZCLGtDQUFrQzs0RkFBbEMsa0NBQWtDLHdSQ2hCL0MsdXdCQStCQSx3TkRqQmMsZUFBZSw2RkFBRSxlQUFlLDZMQUFFLElBQUksNkZBQUUsY0FBYyx3RUFBRSxnQkFBZ0I7OzRGQUV6RSxrQ0FBa0M7a0JBVDlDLFNBQVM7K0JBQ0ksa0NBQWtDLGNBR2hDLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLGVBQWUsRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFHeEQsSUFBSTtzQkFBOUIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ0UsUUFBUTtzQkFBbEMsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQ2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEF2YXRhckNvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvYXZhdGFyJztcbmltcG9ydCB7IEJhZGdlQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9iYWRnZSc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy90b29sdGlwJztcbmltcG9ydCB7IFN5bWJvbENvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLXN5bWJvbCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLWRyb3Bkb3duLWl0ZW0tc2luZ2xlLW9uZS1saW5lJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24taXRlbS1zaW5nbGUtb25lLWxpbmUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLWl0ZW0tc2luZ2xlLW9uZS1saW5lLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGltcG9ydHM6IFtTeW1ib2xDb21wb25lbnQsIEF2YXRhckNvbXBvbmVudCwgTmdJZiwgQmFkZ2VDb21wb25lbnQsIFRvb2x0aXBEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkl0ZW1TaW5nbGVPbmVMaW5lQ29tcG9uZW50IHtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSB0ZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHNlbGVjdGVkITogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGF2YXRhclVybD86IHN0cmluZztcbiAgICBASW5wdXQoKSBkaXNhYmxlZFRvb2x0aXA/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgYmFkZ2VUZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGRpdmlkZXJFbmFibGVkID0gZmFsc2U7XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJkaXNhYmxlZC1vcGFxdWVcIlxuICAgIFthcFRvb2x0aXBdPVwiZGlzYWJsZWRUb29sdGlwXCJcbiAgICBbYXBUb29sdGlwRGlzYWJsZWRdPVwiIWRpc2FibGVkXCI+PC9kaXY+XG48ZGl2IGNsYXNzPVwib3B0aW9uXCI+XG4gICAgPGFwLWF2YXRhclxuICAgICAgICAqbmdJZj1cImF2YXRhclVybFwiXG4gICAgICAgIFtzaXplXT1cIjI0XCJcbiAgICAgICAgW3Byb2ZpbGVQaWN0dXJlXT1cImF2YXRhclVybFwiXG4gICAgICAgIFt1c2VybmFtZV09XCJ0ZXh0XCJcbiAgICAgICAgW3Nob3dJbml0aWFsc109XCJ0cnVlXCIgLz5cbiAgICA8c3BhblxuICAgICAgICBjbGFzcz1cIm9wdGlvbi1pdGVtXCJcbiAgICAgICAgW3RpdGxlXT1cInRleHRcIj5cbiAgICAgICAge3sgdGV4dCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8YXAtYmFkZ2VcbiAgICAgICAgKm5nSWY9XCJiYWRnZVRleHRcIlxuICAgICAgICBjb2xvcj1cImJsdWVcIj5cbiAgICAgICAge3sgYmFkZ2VUZXh0IH19XG4gICAgPC9hcC1iYWRnZT5cbiAgICA8YXAtc3ltYm9sXG4gICAgICAgICpuZ0lmPVwic2VsZWN0ZWRcIlxuICAgICAgICBjbGFzcz1cIm9wdGlvbi1zZWxlY3RlZFwiXG4gICAgICAgIHN5bWJvbElkPVwiY2hlY2stMlwiXG4gICAgICAgIGNvbG9yPVwiZWxlY3RyaWMtYmx1ZVwiXG4gICAgICAgIHNpemU9XCJtaWNyb1wiIC8+XG48L2Rpdj5cbjxkaXZcbiAgICAqbmdJZj1cImRpdmlkZXJFbmFibGVkXCJcbiAgICBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
package/esm2022/select/dropdown-item-single-two-lines/dropdown-item-single-two-lines.component.mjs
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { AvatarComponent } from '@agorapulse/ui-components/avatar';
|
|
2
|
+
import { BadgeComponent } from '@agorapulse/ui-components/badge';
|
|
3
|
+
import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
|
|
4
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
5
|
+
import { NgIf } from '@angular/common';
|
|
6
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class DropdownItemSingleTwoLinesComponent {
|
|
9
|
+
text;
|
|
10
|
+
caption;
|
|
11
|
+
selected;
|
|
12
|
+
disabled = false;
|
|
13
|
+
avatarUrl;
|
|
14
|
+
disabledTooltip;
|
|
15
|
+
badgeText;
|
|
16
|
+
dividerEnabled = false;
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemSingleTwoLinesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownItemSingleTwoLinesComponent, isStandalone: true, selector: "ap-dropdown-item-single-two-lines", inputs: { text: "text", caption: "caption", selected: "selected", disabled: "disabled", avatarUrl: "avatarUrl", disabledTooltip: "disabledTooltip", badgeText: "badgeText", dividerEnabled: "dividerEnabled" }, ngImport: i0, template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option with-caption\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <div class=\"texts\">\n <div class=\"first-line\">\n <span\n class=\"label\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n </div>\n <span\n class=\"caption\"\n [title]=\"caption\">\n {{ caption }}\n </span>\n </div>\n <ap-symbol\n *ngIf=\"selected\"\n class=\"option-selected\"\n symbolId=\"check-2\"\n color=\"electric-blue\"\n size=\"micro\" />\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-single-two-lines .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-two-lines .option .option-selected{margin-left:auto}ap-dropdown-item-single-two-lines .option .texts{flex:1;overflow:auto;display:flex;flex-direction:column}ap-dropdown-item-single-two-lines .option .texts .first-line{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-two-lines .option .texts .first-line .label{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }, { kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["alternativeText", "anonymous", "username", "network", "online", "profilePicture", "showInitials", "alt", "rounded", "size"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
|
+
}
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownItemSingleTwoLinesComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'ap-dropdown-item-single-two-lines', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent, AvatarComponent, NgIf, BadgeComponent, TooltipDirective], template: "<div\n class=\"disabled-opaque\"\n [apTooltip]=\"disabledTooltip\"\n [apTooltipDisabled]=\"!disabled\"></div>\n<div class=\"option with-caption\">\n <ap-avatar\n *ngIf=\"avatarUrl\"\n [size]=\"24\"\n [profilePicture]=\"avatarUrl\"\n [username]=\"text\"\n [showInitials]=\"true\" />\n <div class=\"texts\">\n <div class=\"first-line\">\n <span\n class=\"label\"\n [title]=\"text\">\n {{ text }}\n </span>\n <ap-badge\n *ngIf=\"badgeText\"\n color=\"blue\">\n {{ badgeText }}\n </ap-badge>\n </div>\n <span\n class=\"caption\"\n [title]=\"caption\">\n {{ caption }}\n </span>\n </div>\n <ap-symbol\n *ngIf=\"selected\"\n class=\"option-selected\"\n symbolId=\"check-2\"\n color=\"electric-blue\"\n size=\"micro\" />\n</div>\n<div\n *ngIf=\"dividerEnabled\"\n class=\"divider\"></div>\n", styles: ["ap-dropdown-item-single-two-lines .option{display:flex;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-two-lines .option .option-selected{margin-left:auto}ap-dropdown-item-single-two-lines .option .texts{flex:1;overflow:auto;display:flex;flex-direction:column}ap-dropdown-item-single-two-lines .option .texts .first-line{display:flex;align-items:center;gap:var(--ref-spacing-xxs)}ap-dropdown-item-single-two-lines .option .texts .first-line .label{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
|
|
23
|
+
}], propDecorators: { text: [{
|
|
24
|
+
type: Input,
|
|
25
|
+
args: [{ required: true }]
|
|
26
|
+
}], caption: [{
|
|
27
|
+
type: Input,
|
|
28
|
+
args: [{ required: true }]
|
|
29
|
+
}], selected: [{
|
|
30
|
+
type: Input,
|
|
31
|
+
args: [{ required: true }]
|
|
32
|
+
}], disabled: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], avatarUrl: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], disabledTooltip: [{
|
|
37
|
+
type: Input
|
|
38
|
+
}], badgeText: [{
|
|
39
|
+
type: Input
|
|
40
|
+
}], dividerEnabled: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24taXRlbS1zaW5nbGUtdHdvLWxpbmVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zZWxlY3Qvc3JjL2Ryb3Bkb3duLWl0ZW0tc2luZ2xlLXR3by1saW5lcy9kcm9wZG93bi1pdGVtLXNpbmdsZS10d28tbGluZXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24taXRlbS1zaW5nbGUtdHdvLWxpbmVzL2Ryb3Bkb3duLWl0ZW0tc2luZ2xlLXR3by1saW5lcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVzdGLE1BQU0sT0FBTyxtQ0FBbUM7SUFDakIsSUFBSSxDQUFVO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLFFBQVEsQ0FBVztJQUNyQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLFNBQVMsQ0FBVTtJQUNuQixlQUFlLENBQVU7SUFDekIsU0FBUyxDQUFVO0lBQ25CLGNBQWMsR0FBRyxLQUFLLENBQUM7d0dBUnZCLG1DQUFtQzs0RkFBbkMsbUNBQW1DLDZTQ2hCaEQscWpDQXdDQSw4a0JEMUJjLGVBQWUsNkZBQUUsZUFBZSw2TEFBRSxJQUFJLDZGQUFFLGNBQWMsd0VBQUUsZ0JBQWdCOzs0RkFFekUsbUNBQW1DO2tCQVQvQyxTQUFTOytCQUNJLG1DQUFtQyxjQUdqQyxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxlQUFlLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLENBQUM7OEJBR3hELElBQUk7c0JBQTlCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLE9BQU87c0JBQWpDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUNoQixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2F2YXRhcic7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvYmFkZ2UnO1xuaW1wb3J0IHsgVG9vbHRpcERpcmVjdGl2ZSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBTeW1ib2xDb21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1kcm9wZG93bi1pdGVtLXNpbmdsZS10d28tbGluZXMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1pdGVtLXNpbmdsZS10d28tbGluZXMuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLWl0ZW0tc2luZ2xlLXR3by1saW5lcy5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbXBvcnRzOiBbU3ltYm9sQ29tcG9uZW50LCBBdmF0YXJDb21wb25lbnQsIE5nSWYsIEJhZGdlQ29tcG9uZW50LCBUb29sdGlwRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25JdGVtU2luZ2xlVHdvTGluZXNDb21wb25lbnQge1xuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIHRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSkgY2FwdGlvbiE6IHN0cmluZztcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBzZWxlY3RlZCE6IGJvb2xlYW47XG4gICAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBhdmF0YXJVcmw/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGlzYWJsZWRUb29sdGlwPzogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJhZGdlVGV4dD86IHN0cmluZztcbiAgICBASW5wdXQoKSBkaXZpZGVyRW5hYmxlZCA9IGZhbHNlO1xufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZGlzYWJsZWQtb3BhcXVlXCJcbiAgICBbYXBUb29sdGlwXT1cImRpc2FibGVkVG9vbHRpcFwiXG4gICAgW2FwVG9vbHRpcERpc2FibGVkXT1cIiFkaXNhYmxlZFwiPjwvZGl2PlxuPGRpdiBjbGFzcz1cIm9wdGlvbiB3aXRoLWNhcHRpb25cIj5cbiAgICA8YXAtYXZhdGFyXG4gICAgICAgICpuZ0lmPVwiYXZhdGFyVXJsXCJcbiAgICAgICAgW3NpemVdPVwiMjRcIlxuICAgICAgICBbcHJvZmlsZVBpY3R1cmVdPVwiYXZhdGFyVXJsXCJcbiAgICAgICAgW3VzZXJuYW1lXT1cInRleHRcIlxuICAgICAgICBbc2hvd0luaXRpYWxzXT1cInRydWVcIiAvPlxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0c1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmlyc3QtbGluZVwiPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBjbGFzcz1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwidGV4dFwiPlxuICAgICAgICAgICAgICAgIHt7IHRleHQgfX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxhcC1iYWRnZVxuICAgICAgICAgICAgICAgICpuZ0lmPVwiYmFkZ2VUZXh0XCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cImJsdWVcIj5cbiAgICAgICAgICAgICAgICB7eyBiYWRnZVRleHQgfX1cbiAgICAgICAgICAgIDwvYXAtYmFkZ2U+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhblxuICAgICAgICAgICAgY2xhc3M9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgIFt0aXRsZV09XCJjYXB0aW9uXCI+XG4gICAgICAgICAgICB7eyBjYXB0aW9uIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8YXAtc3ltYm9sXG4gICAgICAgICpuZ0lmPVwic2VsZWN0ZWRcIlxuICAgICAgICBjbGFzcz1cIm9wdGlvbi1zZWxlY3RlZFwiXG4gICAgICAgIHN5bWJvbElkPVwiY2hlY2stMlwiXG4gICAgICAgIGNvbG9yPVwiZWxlY3RyaWMtYmx1ZVwiXG4gICAgICAgIHNpemU9XCJtaWNyb1wiIC8+XG48L2Rpdj5cbjxkaXZcbiAgICAqbmdJZj1cImRpdmlkZXJFbmFibGVkXCJcbiAgICBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { LoaderComponent } from '@agorapulse/ui-animations';
|
|
2
|
+
import { InputDirective } from '@agorapulse/ui-components/input';
|
|
3
|
+
import { InputGroupComponent } from '@agorapulse/ui-components/input-group';
|
|
4
|
+
import { SymbolComponent } from '@agorapulse/ui-symbol';
|
|
5
|
+
import { NgIf } from '@angular/common';
|
|
6
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, ViewChild, ViewEncapsulation, signal, } from '@angular/core';
|
|
7
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
8
|
+
import { FormsModule } from '@angular/forms';
|
|
9
|
+
import { BehaviorSubject, filter } from 'rxjs';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
import * as i1 from "@angular/forms";
|
|
12
|
+
export class DropdownSearchFormComponent {
|
|
13
|
+
searchPlaceholder = '';
|
|
14
|
+
createNewEnabled = false;
|
|
15
|
+
createText = 'Create';
|
|
16
|
+
select;
|
|
17
|
+
inputSearch;
|
|
18
|
+
notFoundTpl;
|
|
19
|
+
loadingTpl;
|
|
20
|
+
createNewTpl;
|
|
21
|
+
createNew = new EventEmitter();
|
|
22
|
+
searchTermSignal = signal('');
|
|
23
|
+
searchTerm$ = new BehaviorSubject('');
|
|
24
|
+
constructor() {
|
|
25
|
+
this.searchTerm$
|
|
26
|
+
.pipe(filter(() => !!this.select), takeUntilDestroyed())
|
|
27
|
+
.subscribe(term => {
|
|
28
|
+
this.searchTermSignal.set(term);
|
|
29
|
+
this.select.filter(term);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
ngAfterViewInit() {
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
this.inputSearch.nativeElement.focus();
|
|
35
|
+
}, 100);
|
|
36
|
+
this.select.notFoundTemplate = this.notFoundTpl;
|
|
37
|
+
this.select.loadingTextTemplate = this.loadingTpl;
|
|
38
|
+
if (this.createNewEnabled) {
|
|
39
|
+
this.select.footerTemplate = this.createNewTpl;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
onCreateNew() {
|
|
43
|
+
this.createNew.emit(this.searchTermSignal());
|
|
44
|
+
}
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownSearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: DropdownSearchFormComponent, isStandalone: true, selector: "ap-dropdown-search-form", inputs: { searchPlaceholder: "searchPlaceholder", createNewEnabled: "createNewEnabled", createText: "createText", select: "select" }, outputs: { createNew: "createNew" }, viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true }, { propertyName: "notFoundTpl", first: true, predicate: ["notFoundTpl"], descendants: true, read: TemplateRef }, { propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true, read: TemplateRef }, { propertyName: "createNewTpl", first: true, predicate: ["createNewTpl"], descendants: true, read: TemplateRef }], ngImport: i0, template: "<ap-input-group class=\"dropdown-search-input\">\n <ap-symbol symbolId=\"search-alternate\" />\n <input\n #inputSearch\n apInput\n [placeholder]=\"searchPlaceholder\"\n [ngModel]=\"searchTermSignal()\"\n (ngModelChange)=\"searchTerm$.next($event)\" />\n</ap-input-group>\n\n<ng-template #notFoundTpl>\n <div class=\"option not-found\">\n <span>{{ select.notFoundText ? select.notFoundText : 'Not found text' }}</span>\n </div>\n</ng-template>\n\n<ng-template #loadingTpl>\n <div class=\"loading-state\">\n <ap-loader diameter=\"30\" />\n <span>\n {{ select.loadingText ? select.loadingText : 'Loading Items'}}\n </span>\n </div>\n</ng-template>\n\n<ng-template #createNewTpl let-searchTerm=\"searchTerm\">\n <button\n class=\"create-new\"\n type=\"button\"\n (click)=\"onCreateNew()\">\n <ap-symbol\n symbolId=\"add-2022\"\n size=\"micro\" />\n <span>\n {{ createText }}\n </span>\n <ng-container *ngIf=\"searchTerm\">\"{{ searchTerm }}\"</ng-container>\n </button>\n</ng-template>", styles: ["ap-dropdown-search-form .dropdown-search-input .ap-input-group{width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputGroupComponent, selector: "ap-input-group", inputs: ["symbolPosition"] }, { kind: "directive", type: InputDirective, selector: "[apInput]" }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }, { 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: LoaderComponent, selector: "ap-loader", inputs: ["color", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
47
|
+
}
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: DropdownSearchFormComponent, decorators: [{
|
|
49
|
+
type: Component,
|
|
50
|
+
args: [{ selector: 'ap-dropdown-search-form', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgIf, InputGroupComponent, InputDirective, SymbolComponent, FormsModule, LoaderComponent], template: "<ap-input-group class=\"dropdown-search-input\">\n <ap-symbol symbolId=\"search-alternate\" />\n <input\n #inputSearch\n apInput\n [placeholder]=\"searchPlaceholder\"\n [ngModel]=\"searchTermSignal()\"\n (ngModelChange)=\"searchTerm$.next($event)\" />\n</ap-input-group>\n\n<ng-template #notFoundTpl>\n <div class=\"option not-found\">\n <span>{{ select.notFoundText ? select.notFoundText : 'Not found text' }}</span>\n </div>\n</ng-template>\n\n<ng-template #loadingTpl>\n <div class=\"loading-state\">\n <ap-loader diameter=\"30\" />\n <span>\n {{ select.loadingText ? select.loadingText : 'Loading Items'}}\n </span>\n </div>\n</ng-template>\n\n<ng-template #createNewTpl let-searchTerm=\"searchTerm\">\n <button\n class=\"create-new\"\n type=\"button\"\n (click)=\"onCreateNew()\">\n <ap-symbol\n symbolId=\"add-2022\"\n size=\"micro\" />\n <span>\n {{ createText }}\n </span>\n <ng-container *ngIf=\"searchTerm\">\"{{ searchTerm }}\"</ng-container>\n </button>\n</ng-template>", styles: ["ap-dropdown-search-form .dropdown-search-input .ap-input-group{width:100%}\n"] }]
|
|
51
|
+
}], ctorParameters: function () { return []; }, propDecorators: { searchPlaceholder: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], createNewEnabled: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], createText: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], select: [{
|
|
58
|
+
type: Input,
|
|
59
|
+
args: [{
|
|
60
|
+
required: true,
|
|
61
|
+
}]
|
|
62
|
+
}], inputSearch: [{
|
|
63
|
+
type: ViewChild,
|
|
64
|
+
args: ['inputSearch']
|
|
65
|
+
}], notFoundTpl: [{
|
|
66
|
+
type: ViewChild,
|
|
67
|
+
args: ['notFoundTpl', { read: TemplateRef }]
|
|
68
|
+
}], loadingTpl: [{
|
|
69
|
+
type: ViewChild,
|
|
70
|
+
args: ['loadingTpl', { read: TemplateRef }]
|
|
71
|
+
}], createNewTpl: [{
|
|
72
|
+
type: ViewChild,
|
|
73
|
+
args: ['createNewTpl', { read: TemplateRef }]
|
|
74
|
+
}], createNew: [{
|
|
75
|
+
type: Output
|
|
76
|
+
}] } });
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tc2VhcmNoLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24tc2VhcmNoLWZvcm0vZHJvcGRvd24tc2VhcmNoLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NlbGVjdC9zcmMvZHJvcGRvd24tc2VhcmNoLWZvcm0vZHJvcGRvd24tc2VhcmNoLWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsRUFDWCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7OztBQVcvQyxNQUFNLE9BQU8sMkJBQTJCO0lBQzNCLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztJQUN2QixnQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFDekIsVUFBVSxHQUFHLFFBQVEsQ0FBQztJQUkvQixNQUFNLENBQXFCO0lBQ0QsV0FBVyxDQUFnQztJQUNwQixXQUFXLENBQW9CO0lBQ2hDLFVBQVUsQ0FBb0I7SUFDNUIsWUFBWSxDQUFvQjtJQUV4RSxTQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVqRCxnQkFBZ0IsR0FBRyxNQUFNLENBQVMsRUFBRSxDQUFDLENBQUM7SUFDdEMsV0FBVyxHQUFHLElBQUksZUFBZSxDQUFTLEVBQUUsQ0FBQyxDQUFDO0lBRTlDO1FBQ0ksSUFBSSxDQUFDLFdBQVc7YUFDWCxJQUFJLENBQ0QsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQzNCLGtCQUFrQixFQUFFLENBQ3ZCO2FBQ0EsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxlQUFlO1FBQ1gsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzNDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNSLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNoRCxJQUFJLENBQUMsTUFBTSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbEQsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDdkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNsRDtJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsQ0FBQztJQUNqRCxDQUFDO3dHQTNDUSwyQkFBMkI7NEZBQTNCLDJCQUEyQixrYkFTRixXQUFXLG1HQUNaLFdBQVcsdUdBQ1QsV0FBVyw2QkMzQ2xELDJvQ0FzQ2Msc0lEUkEsSUFBSSw2RkFBRSxtQkFBbUIsdUZBQUUsY0FBYyxzREFBRSxlQUFlLDRGQUFFLFdBQVcsK21CQUFFLGVBQWU7OzRGQUV6RiwyQkFBMkI7a0JBVHZDLFNBQVM7K0JBQ0kseUJBQXlCLGNBR3ZCLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLElBQUksRUFBRSxtQkFBbUIsRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxlQUFlLENBQUM7MEVBRzFGLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFJTixNQUFNO3NCQUhMLEtBQUs7dUJBQUM7d0JBQ0gsUUFBUSxFQUFFLElBQUk7cUJBQ2pCO2dCQUV5QixXQUFXO3NCQUFwQyxTQUFTO3VCQUFDLGFBQWE7Z0JBQ3lCLFdBQVc7c0JBQTNELFNBQVM7dUJBQUMsYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFDQyxVQUFVO3NCQUF6RCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBQ0ksWUFBWTtzQkFBN0QsU0FBUzt1QkFBQyxjQUFjLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQUV0QyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9hZGVyQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBJbnB1dERpcmVjdGl2ZSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvaW5wdXQnO1xuaW1wb3J0IHsgSW5wdXRHcm91cENvbXBvbmVudCB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvaW5wdXQtZ3JvdXAnO1xuaW1wb3J0IHsgU3ltYm9sQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktc3ltYm9sJztcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0NoaWxkLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIHNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE5nU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBmaWx0ZXIgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcC1kcm9wZG93bi1zZWFyY2gtZm9ybScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLXNlYXJjaC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1zZWFyY2gtZm9ybS5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBpbXBvcnRzOiBbTmdJZiwgSW5wdXRHcm91cENvbXBvbmVudCwgSW5wdXREaXJlY3RpdmUsIFN5bWJvbENvbXBvbmVudCwgRm9ybXNNb2R1bGUsIExvYWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duU2VhcmNoRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICAgIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyID0gJyc7XG4gICAgQElucHV0KCkgY3JlYXRlTmV3RW5hYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGNyZWF0ZVRleHQgPSAnQ3JlYXRlJztcbiAgICBASW5wdXQoe1xuICAgICAgICByZXF1aXJlZDogdHJ1ZSxcbiAgICB9KVxuICAgIHNlbGVjdCE6IE5nU2VsZWN0Q29tcG9uZW50O1xuICAgIEBWaWV3Q2hpbGQoJ2lucHV0U2VhcmNoJykgaW5wdXRTZWFyY2ghOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAgIEBWaWV3Q2hpbGQoJ25vdEZvdW5kVHBsJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBub3RGb3VuZFRwbCE6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQFZpZXdDaGlsZCgnbG9hZGluZ1RwbCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgbG9hZGluZ1RwbCE6IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQFZpZXdDaGlsZCgnY3JlYXRlTmV3VHBsJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBjcmVhdGVOZXdUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgQE91dHB1dCgpIGNyZWF0ZU5ldyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgc2VhcmNoVGVybVNpZ25hbCA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcbiAgICBzZWFyY2hUZXJtJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nPignJyk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgdGhpcy5zZWFyY2hUZXJtJFxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgZmlsdGVyKCgpID0+ICEhdGhpcy5zZWxlY3QpLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKHRlcm0gPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoVGVybVNpZ25hbC5zZXQodGVybSk7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3QuZmlsdGVyKHRlcm0pO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5wdXRTZWFyY2gubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgICB9LCAxMDApO1xuICAgICAgICB0aGlzLnNlbGVjdC5ub3RGb3VuZFRlbXBsYXRlID0gdGhpcy5ub3RGb3VuZFRwbDtcbiAgICAgICAgdGhpcy5zZWxlY3QubG9hZGluZ1RleHRUZW1wbGF0ZSA9IHRoaXMubG9hZGluZ1RwbDtcbiAgICAgICAgaWYgKHRoaXMuY3JlYXRlTmV3RW5hYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3QuZm9vdGVyVGVtcGxhdGUgPSB0aGlzLmNyZWF0ZU5ld1RwbDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uQ3JlYXRlTmV3KCkge1xuICAgICAgICB0aGlzLmNyZWF0ZU5ldy5lbWl0KHRoaXMuc2VhcmNoVGVybVNpZ25hbCgpKTtcbiAgICB9XG59XG4iLCI8YXAtaW5wdXQtZ3JvdXAgY2xhc3M9XCJkcm9wZG93bi1zZWFyY2gtaW5wdXRcIj5cbiAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwic2VhcmNoLWFsdGVybmF0ZVwiIC8+XG4gICAgPGlucHV0XG4gICAgICAgICNpbnB1dFNlYXJjaFxuICAgICAgICBhcElucHV0XG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXG4gICAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFRlcm1TaWduYWwoKVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInNlYXJjaFRlcm0kLm5leHQoJGV2ZW50KVwiIC8+XG48L2FwLWlucHV0LWdyb3VwPlxuXG48bmctdGVtcGxhdGUgI25vdEZvdW5kVHBsPlxuICAgIDxkaXYgY2xhc3M9XCJvcHRpb24gbm90LWZvdW5kXCI+XG4gICAgICAgIDxzcGFuPnt7IHNlbGVjdC5ub3RGb3VuZFRleHQgPyBzZWxlY3Qubm90Rm91bmRUZXh0IDogJ05vdCBmb3VuZCB0ZXh0JyB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RwbD5cbiAgICA8ZGl2IGNsYXNzPVwibG9hZGluZy1zdGF0ZVwiPlxuICAgICAgICA8YXAtbG9hZGVyIGRpYW1ldGVyPVwiMzBcIiAvPlxuICAgICAgICA8c3Bhbj5cbiAgICAgICAgICAgIHt7IHNlbGVjdC5sb2FkaW5nVGV4dCA/IHNlbGVjdC5sb2FkaW5nVGV4dCA6ICdMb2FkaW5nIEl0ZW1zJ319XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY3JlYXRlTmV3VHBsIGxldC1zZWFyY2hUZXJtPVwic2VhcmNoVGVybVwiPlxuICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJjcmVhdGUtbmV3XCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIChjbGljayk9XCJvbkNyZWF0ZU5ldygpXCI+XG4gICAgICAgIDxhcC1zeW1ib2xcbiAgICAgICAgICAgIHN5bWJvbElkPVwiYWRkLTIwMjJcIlxuICAgICAgICAgICAgc2l6ZT1cIm1pY3JvXCIgLz5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICB7eyBjcmVhdGVUZXh0IH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlYXJjaFRlcm1cIj5cInt7IHNlYXJjaFRlcm0gfX1cIjwvbmctY29udGFpbmVyPlxuICAgIDwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -1,2 +1,13 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export { ApSelectModule } from './ap-select.module';
|
|
2
|
+
export { DropdownGroupItemComponent } from './dropdown-group-item/dropdown-group-item.component';
|
|
3
|
+
export { DropdownItemMultipleOneLineComponent } from './dropdown-item-multiple-one-line/dropdown-item-multiple-one-line.component';
|
|
4
|
+
export { DropdownItemMultipleTwoLinesComponent } from './dropdown-item-multiple-two-lines/dropdown-item-multiple-two-lines.component';
|
|
5
|
+
export { DropdownItemSingleOneLineComponent } from './dropdown-item-single-one-line/dropdown-item-single-one-line.component';
|
|
6
|
+
export { DropdownItemSingleTwoLinesComponent } from './dropdown-item-single-two-lines/dropdown-item-single-two-lines.component';
|
|
7
|
+
export { DropdownSearchFormComponent } from './dropdown-search-form/dropdown-search-form.component';
|
|
8
|
+
export { SelectBaseDirective } from './select-base.directive';
|
|
9
|
+
export { SelectLabelMultipleComponent } from './select-label-multiple/select-label-multiple.component';
|
|
10
|
+
export { SelectLabelSingleComponent } from './select-label-single/select-label-single.component';
|
|
11
|
+
export { SelectMultipleDirective } from './select-multiple.directive';
|
|
12
|
+
export { SelectSingleDirective } from './select-single.directive';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zZWxlY3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDZFQUE2RSxDQUFDO0FBQ25JLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLCtFQUErRSxDQUFDO0FBQ3RJLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHlFQUF5RSxDQUFDO0FBQzdILE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQ2hJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQXBTZWxlY3RNb2R1bGUgfSBmcm9tICcuL2FwLXNlbGVjdC5tb2R1bGUnO1xuZXhwb3J0IHsgRHJvcGRvd25Hcm91cEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLWdyb3VwLWl0ZW0vZHJvcGRvd24tZ3JvdXAtaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgRHJvcGRvd25JdGVtTXVsdGlwbGVPbmVMaW5lQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1pdGVtLW11bHRpcGxlLW9uZS1saW5lL2Ryb3Bkb3duLWl0ZW0tbXVsdGlwbGUtb25lLWxpbmUuY29tcG9uZW50JztcbmV4cG9ydCB7IERyb3Bkb3duSXRlbU11bHRpcGxlVHdvTGluZXNDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLWl0ZW0tbXVsdGlwbGUtdHdvLWxpbmVzL2Ryb3Bkb3duLWl0ZW0tbXVsdGlwbGUtdHdvLWxpbmVzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEcm9wZG93bkl0ZW1TaW5nbGVPbmVMaW5lQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi1pdGVtLXNpbmdsZS1vbmUtbGluZS9kcm9wZG93bi1pdGVtLXNpbmdsZS1vbmUtbGluZS5jb21wb25lbnQnO1xuZXhwb3J0IHsgRHJvcGRvd25JdGVtU2luZ2xlVHdvTGluZXNDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLWl0ZW0tc2luZ2xlLXR3by1saW5lcy9kcm9wZG93bi1pdGVtLXNpbmdsZS10d28tbGluZXMuY29tcG9uZW50JztcbmV4cG9ydCB7IERyb3Bkb3duU2VhcmNoRm9ybUNvbXBvbmVudCB9IGZyb20gJy4vZHJvcGRvd24tc2VhcmNoLWZvcm0vZHJvcGRvd24tc2VhcmNoLWZvcm0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNlbGVjdEJhc2VEaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1iYXNlLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBTZWxlY3RMYWJlbE11bHRpcGxlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QtbGFiZWwtbXVsdGlwbGUvc2VsZWN0LWxhYmVsLW11bHRpcGxlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTZWxlY3RMYWJlbFNpbmdsZUNvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LWxhYmVsLXNpbmdsZS9zZWxlY3QtbGFiZWwtc2luZ2xlLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTZWxlY3RNdWx0aXBsZURpcmVjdGl2ZSB9IGZyb20gJy4vc2VsZWN0LW11bHRpcGxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBTZWxlY3RTaW5nbGVEaXJlY3RpdmUgfSBmcm9tICcuL3NlbGVjdC1zaW5nbGUuZGlyZWN0aXZlJztcbiJdfQ==
|