valtech-components 2.0.97 → 2.0.98
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/esm2022/lib/components/molecules/search-selector-input/search-selector-input.component.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { NgFor } from '@angular/common';
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import {
|
|
4
|
+
import { IonSelect, IonSelectOption } from '@ionic/angular/standalone';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/forms";
|
|
7
7
|
export class SearchSelectorComponent {
|
|
@@ -17,13 +17,8 @@ export class SearchSelectorComponent {
|
|
|
17
17
|
}
|
|
18
18
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
19
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchSelectorComponent, isStandalone: true, selector: "val-search-selector-input", inputs: { props: "props" }, ngImport: i0, template: `
|
|
20
|
-
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
21
|
-
<ng-container *ngFor="let o of props.options">
|
|
22
|
-
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
23
|
-
<br />
|
|
24
|
-
</ng-container>
|
|
25
|
-
</ion-radio-group>
|
|
26
20
|
<ion-select
|
|
21
|
+
[formControl]="props.control"
|
|
27
22
|
[label]="props.label"
|
|
28
23
|
[interfaceOptions]="customModalOptions"
|
|
29
24
|
interface="modal"
|
|
@@ -31,18 +26,13 @@ export class SearchSelectorComponent {
|
|
|
31
26
|
>
|
|
32
27
|
<ion-select-option *ngFor="let o of props.options" [value]="o.id">{{ o.name }}</ion-select-option>
|
|
33
28
|
</ion-select>
|
|
34
|
-
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type:
|
|
29
|
+
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }] }); }
|
|
35
30
|
}
|
|
36
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchSelectorComponent, decorators: [{
|
|
37
32
|
type: Component,
|
|
38
|
-
args: [{ selector: 'val-search-selector-input', standalone: true, imports: [NgFor, ReactiveFormsModule,
|
|
39
|
-
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
40
|
-
<ng-container *ngFor="let o of props.options">
|
|
41
|
-
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
42
|
-
<br />
|
|
43
|
-
</ng-container>
|
|
44
|
-
</ion-radio-group>
|
|
33
|
+
args: [{ selector: 'val-search-selector-input', standalone: true, imports: [NgFor, ReactiveFormsModule, IonSelect, IonSelectOption], template: `
|
|
45
34
|
<ion-select
|
|
35
|
+
[formControl]="props.control"
|
|
46
36
|
[label]="props.label"
|
|
47
37
|
[interfaceOptions]="customModalOptions"
|
|
48
38
|
interface="modal"
|
|
@@ -54,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
54
44
|
}], ctorParameters: () => [], propDecorators: { props: [{
|
|
55
45
|
type: Input
|
|
56
46
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLXNlbGVjdG9yLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3NlYXJjaC1zZWxlY3Rvci1pbnB1dC9zZWFyY2gtc2VsZWN0b3ItaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFvQnZFLE1BQU0sT0FBTyx1QkFBdUI7SUFTbEM7UUFOQSx1QkFBa0IsR0FBRztZQUNuQixNQUFNLEVBQUUsWUFBWTtZQUNwQixXQUFXLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDO1lBQ3JCLGlCQUFpQixFQUFFLEdBQUc7U0FDdkIsQ0FBQztJQUVhLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7SUFDcEQsQ0FBQzsrR0FiVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpSEFieEI7Ozs7Ozs7Ozs7R0FVVCwwRUFYUyxLQUFLLGtIQUFFLG1CQUFtQiwwVEFBRSxTQUFTLHVUQUFFLGVBQWU7OzRGQWNyRCx1QkFBdUI7a0JBakJuQyxTQUFTOytCQUNFLDJCQUEyQixjQUN6QixJQUFJLFdBQ1AsQ0FBQyxLQUFLLEVBQUUsbUJBQW1CLEVBQUUsU0FBUyxFQUFFLGVBQWUsQ0FBQyxZQUN2RDs7Ozs7Ozs7OztHQVVUO3dEQUlRLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElvblNlbGVjdCwgSW9uU2VsZWN0T3B0aW9uIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXIvc3RhbmRhbG9uZSc7XG5pbXBvcnQgeyBJbnB1dE1ldGFkYXRhIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtc2VhcmNoLXNlbGVjdG9yLWlucHV0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nRm9yLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJb25TZWxlY3QsIElvblNlbGVjdE9wdGlvbl0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlvbi1zZWxlY3RcbiAgICAgIFtmb3JtQ29udHJvbF09XCJwcm9wcy5jb250cm9sXCJcbiAgICAgIFtsYWJlbF09XCJwcm9wcy5sYWJlbFwiXG4gICAgICBbaW50ZXJmYWNlT3B0aW9uc109XCJjdXN0b21Nb2RhbE9wdGlvbnNcIlxuICAgICAgaW50ZXJmYWNlPVwibW9kYWxcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cIltwcm9wcy5wbGFjZWhvbGRlcl1cIlxuICAgID5cbiAgICAgIDxpb24tc2VsZWN0LW9wdGlvbiAqbmdGb3I9XCJsZXQgbyBvZiBwcm9wcy5vcHRpb25zXCIgW3ZhbHVlXT1cIm8uaWRcIj57eyBvLm5hbWUgfX08L2lvbi1zZWxlY3Qtb3B0aW9uPlxuICAgIDwvaW9uLXNlbGVjdD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLXNlbGVjdG9yLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlYXJjaFNlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgcHJvcHM6IElucHV0TWV0YWRhdGE7XG5cbiAgY3VzdG9tTW9kYWxPcHRpb25zID0ge1xuICAgIGhlYWRlcjogJ1NlbGVjY2lvbmUnLFxuICAgIGJyZWFrcG9pbnRzOiBbMCwgMC42XSxcbiAgICBpbml0aWFsQnJlYWtwb2ludDogMC42LFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmN1c3RvbU1vZGFsT3B0aW9ucy5oZWFkZXIgPSB0aGlzLnByb3BzLmxhYmVsO1xuICB9XG59XG4iXX0=
|
|
@@ -2069,13 +2069,8 @@ class SearchSelectorComponent {
|
|
|
2069
2069
|
}
|
|
2070
2070
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2071
2071
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchSelectorComponent, isStandalone: true, selector: "val-search-selector-input", inputs: { props: "props" }, ngImport: i0, template: `
|
|
2072
|
-
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
2073
|
-
<ng-container *ngFor="let o of props.options">
|
|
2074
|
-
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
2075
|
-
<br />
|
|
2076
|
-
</ng-container>
|
|
2077
|
-
</ion-radio-group>
|
|
2078
2072
|
<ion-select
|
|
2073
|
+
[formControl]="props.control"
|
|
2079
2074
|
[label]="props.label"
|
|
2080
2075
|
[interfaceOptions]="customModalOptions"
|
|
2081
2076
|
interface="modal"
|
|
@@ -2083,18 +2078,13 @@ class SearchSelectorComponent {
|
|
|
2083
2078
|
>
|
|
2084
2079
|
<ion-select-option *ngFor="let o of props.options" [value]="o.id">{{ o.name }}</ion-select-option>
|
|
2085
2080
|
</ion-select>
|
|
2086
|
-
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type:
|
|
2081
|
+
`, isInline: true, styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "expandedIcon", "fill", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }] }); }
|
|
2087
2082
|
}
|
|
2088
2083
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchSelectorComponent, decorators: [{
|
|
2089
2084
|
type: Component,
|
|
2090
|
-
args: [{ selector: 'val-search-selector-input', standalone: true, imports: [NgFor, ReactiveFormsModule,
|
|
2091
|
-
<ion-radio-group [allowEmptySelection]="true" [formControl]="props.control">
|
|
2092
|
-
<ng-container *ngFor="let o of props.options">
|
|
2093
|
-
<ion-radio [value]="o.id">{{ o.name }}</ion-radio>
|
|
2094
|
-
<br />
|
|
2095
|
-
</ng-container>
|
|
2096
|
-
</ion-radio-group>
|
|
2085
|
+
args: [{ selector: 'val-search-selector-input', standalone: true, imports: [NgFor, ReactiveFormsModule, IonSelect, IonSelectOption], template: `
|
|
2097
2086
|
<ion-select
|
|
2087
|
+
[formControl]="props.control"
|
|
2098
2088
|
[label]="props.label"
|
|
2099
2089
|
[interfaceOptions]="customModalOptions"
|
|
2100
2090
|
interface="modal"
|