@vsn-ux/ngx-gaia 0.10.3 → 0.11.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.
|
@@ -40,10 +40,10 @@ class GaIconComponent {
|
|
|
40
40
|
ariaHiddenAttr = inject(new HostAttributeToken('aria-hidden'), {
|
|
41
41
|
optional: true,
|
|
42
42
|
});
|
|
43
|
-
icon = input.required();
|
|
44
|
-
size = input(GA_ICON_DEFAULT_SIZE);
|
|
45
|
-
color = input();
|
|
46
|
-
strokeWidth = input(undefined, { transform: numberAttribute });
|
|
43
|
+
icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
44
|
+
size = input(GA_ICON_DEFAULT_SIZE, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
45
|
+
color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
|
|
46
|
+
strokeWidth = input(undefined, { ...(ngDevMode ? { debugName: "strokeWidth" } : {}), transform: numberAttribute });
|
|
47
47
|
sizeWithDimension = computed(() => {
|
|
48
48
|
const size = this.size();
|
|
49
49
|
if (typeof size === 'number' ||
|
|
@@ -52,20 +52,20 @@ class GaIconComponent {
|
|
|
52
52
|
return `${sizeNumber / this.baseFontSize}rem`;
|
|
53
53
|
}
|
|
54
54
|
return size;
|
|
55
|
-
});
|
|
55
|
+
}, ...(ngDevMode ? [{ debugName: "sizeWithDimension" }] : []));
|
|
56
56
|
constructor() {
|
|
57
57
|
if (!this.ariaHiddenAttr) {
|
|
58
58
|
this.elementRef.nativeElement.setAttribute('aria-hidden', 'true');
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaIconComponent, isStandalone: true, selector: "ga-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style": "{ '--ga-icon-size': sizeWithDimension() }" }, classAttribute: "ga-icon" }, ngImport: i0, template: `<lucide-icon
|
|
63
63
|
[name]="icon()"
|
|
64
64
|
[color]="color()"
|
|
65
65
|
[strokeWidth]="strokeWidth()"
|
|
66
66
|
/>`, isInline: true, styles: [".ga-icon{display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none;width:fit-content;height:fit-content}.ga-icon lucide-icon>svg{width:var(--ga-icon-size);height:var(--ga-icon-size)}\n"], dependencies: [{ kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
70
|
args: [{ selector: 'ga-icon', imports: [LucideAngularModule], template: `<lucide-icon
|
|
71
71
|
[name]="icon()"
|
|
@@ -76,14 +76,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
76
76
|
role: 'img',
|
|
77
77
|
'[style]': "{ '--ga-icon-size': sizeWithDimension() }",
|
|
78
78
|
}, encapsulation: ViewEncapsulation.None, styles: [".ga-icon{display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none;width:fit-content;height:fit-content}.ga-icon lucide-icon>svg{width:var(--ga-icon-size);height:var(--ga-icon-size)}\n"] }]
|
|
79
|
-
}], ctorParameters: () => [] });
|
|
79
|
+
}], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }] } });
|
|
80
80
|
|
|
81
81
|
class GaIconModule {
|
|
82
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
83
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
84
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
82
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
83
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaIconModule, imports: [GaIconComponent], exports: [GaIconComponent] });
|
|
84
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconModule, imports: [GaIconComponent] });
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconModule, decorators: [{
|
|
87
87
|
type: NgModule,
|
|
88
88
|
args: [{
|
|
89
89
|
imports: [GaIconComponent],
|
|
@@ -92,10 +92,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
92
92
|
}] });
|
|
93
93
|
|
|
94
94
|
class GaAlertTitleComponent {
|
|
95
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
96
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
95
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
96
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaAlertTitleComponent, isStandalone: true, selector: "ga-alert-title", host: { classAttribute: "ga-notification__title" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertTitleComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{
|
|
101
101
|
selector: 'ga-alert-title',
|
|
@@ -110,10 +110,10 @@ function GA_BUTTON_I18N_FACTORY() {
|
|
|
110
110
|
return new GaButtonI18nDefault();
|
|
111
111
|
}
|
|
112
112
|
class GaButtonI18n {
|
|
113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
114
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
113
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
114
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18n, providedIn: 'root', useFactory: GA_BUTTON_I18N_FACTORY });
|
|
115
115
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18n, decorators: [{
|
|
117
117
|
type: Injectable,
|
|
118
118
|
args: [{
|
|
119
119
|
providedIn: 'root',
|
|
@@ -123,10 +123,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
123
123
|
class GaButtonI18nDefault extends GaButtonI18n {
|
|
124
124
|
/** A label for the default loading state */
|
|
125
125
|
loadingLabel = 'Loading...';
|
|
126
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
127
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
127
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18nDefault });
|
|
128
128
|
}
|
|
129
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonI18nDefault, decorators: [{
|
|
130
130
|
type: Injectable
|
|
131
131
|
}] });
|
|
132
132
|
function provideGaButtonI18n(value) {
|
|
@@ -138,14 +138,14 @@ function provideGaButtonI18n(value) {
|
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
class GaSpinnerComponent {
|
|
141
|
-
size = input(32, { transform: numberAttribute });
|
|
142
|
-
strokeWidth = computed(() => this.size() / 5);
|
|
143
|
-
center = computed(() => this.size() / 2);
|
|
144
|
-
radius = computed(() => (this.size() - this.strokeWidth()) / 2);
|
|
145
|
-
circumference = computed(() => 2 * Math.PI * this.radius());
|
|
146
|
-
arcCircumference = computed(() => this.circumference() * 0.25);
|
|
147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
148
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
141
|
+
size = input(32, { ...(ngDevMode ? { debugName: "size" } : {}), transform: numberAttribute });
|
|
142
|
+
strokeWidth = computed(() => this.size() / 5, ...(ngDevMode ? [{ debugName: "strokeWidth" }] : []));
|
|
143
|
+
center = computed(() => this.size() / 2, ...(ngDevMode ? [{ debugName: "center" }] : []));
|
|
144
|
+
radius = computed(() => (this.size() - this.strokeWidth()) / 2, ...(ngDevMode ? [{ debugName: "radius" }] : []));
|
|
145
|
+
circumference = computed(() => 2 * Math.PI * this.radius(), ...(ngDevMode ? [{ debugName: "circumference" }] : []));
|
|
146
|
+
arcCircumference = computed(() => this.circumference() * 0.25, ...(ngDevMode ? [{ debugName: "arcCircumference" }] : []));
|
|
147
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaSpinnerComponent, isStandalone: true, selector: "ga-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar", "tabindex": "-1" }, properties: { "attr.aria-valuemin": "0", "attr.aria-valuemax": "100", "attr.mode": "'indeterminate'" }, classAttribute: "ga-spinner" }, ngImport: i0, template: `
|
|
149
149
|
<svg
|
|
150
150
|
[attr.width]="size()"
|
|
151
151
|
[attr.height]="size()"
|
|
@@ -174,7 +174,7 @@ class GaSpinnerComponent {
|
|
|
174
174
|
</svg>
|
|
175
175
|
`, isInline: true, styles: [".ga-spinner{display:inline-block}@keyframes ga-spinner__animation{0%{transform:rotate(0)}31.82%{transform:rotate(90deg)}63.64%{transform:rotate(180deg)}81.82%{transform:rotate(270deg)}to{transform:rotate(360deg)}}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
176
176
|
}
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerComponent, decorators: [{
|
|
178
178
|
type: Component,
|
|
179
179
|
args: [{ selector: 'ga-spinner', template: `
|
|
180
180
|
<svg
|
|
@@ -211,33 +211,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
211
211
|
'[attr.mode]': "'indeterminate'",
|
|
212
212
|
tabindex: '-1',
|
|
213
213
|
}, styles: [".ga-spinner{display:inline-block}@keyframes ga-spinner__animation{0%{transform:rotate(0)}31.82%{transform:rotate(90deg)}63.64%{transform:rotate(180deg)}81.82%{transform:rotate(270deg)}to{transform:rotate(360deg)}}\n"] }]
|
|
214
|
-
}] });
|
|
214
|
+
}], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
215
215
|
|
|
216
216
|
class GaButtonDirective {
|
|
217
217
|
i18n = inject(GaButtonI18n);
|
|
218
218
|
el = inject(ElementRef);
|
|
219
|
-
variant = input.required({
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
transform: booleanAttribute
|
|
225
|
-
});
|
|
226
|
-
loadingLabel = input(this.i18n.loadingLabel, {
|
|
227
|
-
alias: 'gaButtonLoadingLabel',
|
|
228
|
-
});
|
|
229
|
-
disabledImplicit = input(false, {
|
|
230
|
-
alias: 'disabled',
|
|
231
|
-
transform: booleanAttribute,
|
|
232
|
-
});
|
|
219
|
+
variant = input.required({ ...(ngDevMode ? { debugName: "variant" } : {}), alias: 'gaButton' });
|
|
220
|
+
isLoading = input(false, { ...(ngDevMode ? { debugName: "isLoading" } : {}), alias: 'gaButtonLoading',
|
|
221
|
+
transform: booleanAttribute });
|
|
222
|
+
loadingLabel = input(this.i18n.loadingLabel, { ...(ngDevMode ? { debugName: "loadingLabel" } : {}), alias: 'gaButtonLoadingLabel' });
|
|
223
|
+
disabledImplicit = input(false, { ...(ngDevMode ? { debugName: "disabledImplicit" } : {}), alias: 'disabled',
|
|
224
|
+
transform: booleanAttribute });
|
|
233
225
|
disabled = computed(() => {
|
|
234
226
|
if (this.el.nativeElement.tagName === 'A') {
|
|
235
227
|
return null;
|
|
236
228
|
}
|
|
237
229
|
return this.isLoading() || this.disabledImplicit() ? '' : null;
|
|
238
|
-
});
|
|
239
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
240
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
230
|
+
}, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
231
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaButtonDirective, isStandalone: true, selector: "button[gaButton], a[gaButton]", inputs: { variant: { classPropertyName: "variant", publicName: "gaButton", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "gaButtonLoading", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "gaButtonLoadingLabel", isSignal: true, isRequired: false, transformFunction: null }, disabledImplicit: { classPropertyName: "disabledImplicit", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-button--secondary": "!variant() || variant() === 'secondary'", "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--ghost": "variant() === 'ghost'", "class.ga-button--transparent": "variant() === 'transparent'", "attr.disabled": "disabled()", "attr.aria-busy": "isLoading() ? \"true\" : null" }, classAttribute: "ga-button" }, ngImport: i0, template: `
|
|
241
233
|
@if (isLoading()) {
|
|
242
234
|
<ga-spinner size="16" />
|
|
243
235
|
<span class="ga-button__loading-label">{{ loadingLabel() }}</span>
|
|
@@ -246,7 +238,7 @@ class GaButtonDirective {
|
|
|
246
238
|
}
|
|
247
239
|
`, isInline: true, styles: [".ga-button__loading-label{color:var(--ga-color-text-body);font-weight:400;font-size:calc(var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1));line-height:calc(var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1));letter-spacing:0}\n"], dependencies: [{ kind: "component", type: GaSpinnerComponent, selector: "ga-spinner", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
248
240
|
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonDirective, decorators: [{
|
|
250
242
|
type: Component,
|
|
251
243
|
args: [{ selector: 'button[gaButton], a[gaButton]', imports: [GaSpinnerComponent], template: `
|
|
252
244
|
@if (isLoading()) {
|
|
@@ -264,36 +256,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
264
256
|
'[attr.disabled]': 'disabled()',
|
|
265
257
|
'[attr.aria-busy]': 'isLoading() ? "true" : null',
|
|
266
258
|
}, styles: [".ga-button__loading-label{color:var(--ga-color-text-body);font-weight:400;font-size:calc(var(--ga-text-sm-font-size) * var(--ga-base-scaling-factor, 1));line-height:calc(var(--ga-text-sm-line-height) * var(--ga-base-scaling-factor, 1));letter-spacing:0}\n"] }]
|
|
267
|
-
}] });
|
|
259
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaButton", required: true }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaButtonLoading", required: false }] }], loadingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaButtonLoadingLabel", required: false }] }], disabledImplicit: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
268
260
|
|
|
269
261
|
class GaIconButtonDirective {
|
|
270
262
|
i18n = inject(GaButtonI18n);
|
|
271
263
|
el = inject(ElementRef);
|
|
272
|
-
icon = input.required({
|
|
273
|
-
|
|
274
|
-
})
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
})
|
|
278
|
-
|
|
279
|
-
alias: 'gaIconButtonLoading',
|
|
280
|
-
transform: booleanAttribute,
|
|
281
|
-
});
|
|
282
|
-
loadingLabel = input(this.i18n.loadingLabel, {
|
|
283
|
-
alias: 'gaIconButtonLoadingLabel',
|
|
284
|
-
});
|
|
285
|
-
disabledImplicit = input(false, {
|
|
286
|
-
alias: 'disabled',
|
|
287
|
-
transform: booleanAttribute,
|
|
288
|
-
});
|
|
264
|
+
icon = input.required({ ...(ngDevMode ? { debugName: "icon" } : {}), alias: 'gaIconButton' });
|
|
265
|
+
variant = input('secondary', { ...(ngDevMode ? { debugName: "variant" } : {}), alias: 'gaIconButtonVariant' });
|
|
266
|
+
isLoading = input(false, { ...(ngDevMode ? { debugName: "isLoading" } : {}), alias: 'gaIconButtonLoading',
|
|
267
|
+
transform: booleanAttribute });
|
|
268
|
+
loadingLabel = input(this.i18n.loadingLabel, { ...(ngDevMode ? { debugName: "loadingLabel" } : {}), alias: 'gaIconButtonLoadingLabel' });
|
|
269
|
+
disabledImplicit = input(false, { ...(ngDevMode ? { debugName: "disabledImplicit" } : {}), alias: 'disabled',
|
|
270
|
+
transform: booleanAttribute });
|
|
289
271
|
disabled = computed(() => {
|
|
290
272
|
if (this.el.nativeElement.tagName === 'A') {
|
|
291
273
|
return null;
|
|
292
274
|
}
|
|
293
275
|
return this.isLoading() || this.disabledImplicit() ? '' : null;
|
|
294
|
-
});
|
|
295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
296
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
276
|
+
}, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
277
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
278
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaIconButtonDirective, isStandalone: true, selector: "button[gaIconButton], a[gaIconButton]", inputs: { icon: { classPropertyName: "icon", publicName: "gaIconButton", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "gaIconButtonVariant", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "gaIconButtonLoading", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "gaIconButtonLoadingLabel", isSignal: true, isRequired: false, transformFunction: null }, disabledImplicit: { classPropertyName: "disabledImplicit", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-button--primary": "variant() === 'primary'", "class.ga-button--secondary": "variant() === 'secondary'", "class.ga-button--ghost": "variant() === 'ghost'", "class.ga-button--transparent": "variant() === 'transparent'", "attr.disabled": "disabled()", "attr.aria-busy": "isLoading() ? \"true\" : null" }, classAttribute: "ga-button ga-button--icon-only" }, ngImport: i0, template: `
|
|
297
279
|
@if (isLoading()) {
|
|
298
280
|
<ga-spinner size="16" />
|
|
299
281
|
<span class="ga-button__icon-label">{{ loadingLabel() }}</span>
|
|
@@ -303,7 +285,7 @@ class GaIconButtonDirective {
|
|
|
303
285
|
}
|
|
304
286
|
`, isInline: true, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"], dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "component", type: GaSpinnerComponent, selector: "ga-spinner", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
305
287
|
}
|
|
306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIconButtonDirective, decorators: [{
|
|
307
289
|
type: Component,
|
|
308
290
|
args: [{ selector: 'button[gaIconButton], a[gaIconButton]', imports: [GaIconModule, GaSpinnerComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
|
|
309
291
|
@if (isLoading()) {
|
|
@@ -322,14 +304,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
322
304
|
'[attr.disabled]': 'disabled()',
|
|
323
305
|
'[attr.aria-busy]': 'isLoading() ? "true" : null',
|
|
324
306
|
}, styles: [".ga-button__icon-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important}\n"] }]
|
|
325
|
-
}] });
|
|
307
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaIconButton", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaIconButtonVariant", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaIconButtonLoading", required: false }] }], loadingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaIconButtonLoadingLabel", required: false }] }], disabledImplicit: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
326
308
|
|
|
327
309
|
class GaButtonModule {
|
|
328
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
329
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
330
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
311
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaButtonModule, imports: [GaButtonDirective, GaIconButtonDirective], exports: [GaButtonDirective, GaIconButtonDirective] });
|
|
312
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonModule, imports: [GaIconButtonDirective] });
|
|
331
313
|
}
|
|
332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaButtonModule, decorators: [{
|
|
333
315
|
type: NgModule,
|
|
334
316
|
args: [{
|
|
335
317
|
imports: [GaButtonDirective, GaIconButtonDirective],
|
|
@@ -341,10 +323,10 @@ function GA_ALERT_I18N_FACTORY() {
|
|
|
341
323
|
return new GaAlertI18nDefault();
|
|
342
324
|
}
|
|
343
325
|
class GaAlertI18n {
|
|
344
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
345
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
326
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
327
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18n, providedIn: 'root', useFactory: GA_ALERT_I18N_FACTORY });
|
|
346
328
|
}
|
|
347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18n, decorators: [{
|
|
348
330
|
type: Injectable,
|
|
349
331
|
args: [{
|
|
350
332
|
providedIn: 'root',
|
|
@@ -354,10 +336,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
354
336
|
class GaAlertI18nDefault extends GaAlertI18n {
|
|
355
337
|
/** A label for the dismiss button */
|
|
356
338
|
dismissLabel = 'Dismiss';
|
|
357
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
358
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
339
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
340
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18nDefault });
|
|
359
341
|
}
|
|
360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertI18nDefault, decorators: [{
|
|
361
343
|
type: Injectable
|
|
362
344
|
}] });
|
|
363
345
|
function provideGaAlertI18n(value) {
|
|
@@ -372,12 +354,12 @@ let nextUniqueId$b = 0;
|
|
|
372
354
|
class GaAlertComponent {
|
|
373
355
|
i18n = inject(GaAlertI18n);
|
|
374
356
|
dismissIcon = X;
|
|
375
|
-
variant = input('brand');
|
|
376
|
-
explicitIcon = input(undefined, { alias: 'icon' });
|
|
377
|
-
dismissible = input(false, { transform: booleanAttribute });
|
|
378
|
-
progress = input();
|
|
379
|
-
progressLabel = input();
|
|
380
|
-
progressLabelledBy = input();
|
|
357
|
+
variant = input('brand', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
358
|
+
explicitIcon = input(undefined, { ...(ngDevMode ? { debugName: "explicitIcon" } : {}), alias: 'icon' });
|
|
359
|
+
dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : {}), transform: booleanAttribute });
|
|
360
|
+
progress = input(...(ngDevMode ? [undefined, { debugName: "progress" }] : []));
|
|
361
|
+
progressLabel = input(...(ngDevMode ? [undefined, { debugName: "progressLabel" }] : []));
|
|
362
|
+
progressLabelledBy = input(...(ngDevMode ? [undefined, { debugName: "progressLabelledBy" }] : []));
|
|
381
363
|
dismiss = output();
|
|
382
364
|
icon = computed(() => {
|
|
383
365
|
if (this.explicitIcon() !== undefined) {
|
|
@@ -394,45 +376,45 @@ class GaAlertComponent {
|
|
|
394
376
|
return CircleCheck;
|
|
395
377
|
}
|
|
396
378
|
return null;
|
|
397
|
-
});
|
|
398
|
-
title = contentChild(GaAlertTitleComponent);
|
|
379
|
+
}, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
380
|
+
title = contentChild(GaAlertTitleComponent, ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
399
381
|
progressId = `ga-alert-progress-${++nextUniqueId$b}`;
|
|
400
382
|
variantClass = computed(() => {
|
|
401
383
|
return `ga-notification ga-notification--${this.variant()}`;
|
|
402
|
-
});
|
|
384
|
+
}, ...(ngDevMode ? [{ debugName: "variantClass" }] : []));
|
|
403
385
|
hasProgress = computed(() => {
|
|
404
386
|
return this.progress() !== undefined;
|
|
405
|
-
});
|
|
387
|
+
}, ...(ngDevMode ? [{ debugName: "hasProgress" }] : []));
|
|
406
388
|
progressValue = computed(() => {
|
|
407
389
|
const progressValue = this.progress();
|
|
408
390
|
if (progressValue === undefined || progressValue === 'indeterminate') {
|
|
409
391
|
return undefined;
|
|
410
392
|
}
|
|
411
393
|
return Math.max(0, Math.min(100, progressValue));
|
|
412
|
-
});
|
|
394
|
+
}, ...(ngDevMode ? [{ debugName: "progressValue" }] : []));
|
|
413
395
|
progressBarWidth = computed(() => {
|
|
414
396
|
const progressValue = this.progressValue();
|
|
415
397
|
if (progressValue === undefined) {
|
|
416
398
|
return undefined;
|
|
417
399
|
}
|
|
418
400
|
return `${progressValue}%`;
|
|
419
|
-
});
|
|
420
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
421
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
401
|
+
}, ...(ngDevMode ? [{ debugName: "progressBarWidth" }] : []));
|
|
402
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
403
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaAlertComponent, isStandalone: true, selector: "ga-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, explicitIcon: { classPropertyName: "explicitIcon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, progressLabel: { classPropertyName: "progressLabel", publicName: "progressLabel", isSignal: true, isRequired: false, transformFunction: null }, progressLabelledBy: { classPropertyName: "progressLabelledBy", publicName: "progressLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { attributes: { "role": "alert" }, properties: { "class": "variantClass()" } }, queries: [{ propertyName: "title", first: true, predicate: GaAlertTitleComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (icon()) {\n <ga-icon [icon]=\"icon()!\" class=\"ga-notification__icon\" />\n}\n<div class=\"ga-notification__content\">\n @if (title()) {\n <div class=\"ga-notification__heading\">\n <ng-content select=\"ga-alert-title\" />\n <ng-content select=\"ga-alert-title-actions\" />\n </div>\n }\n <div class=\"ga-notification__description\">\n <ng-content />\n </div>\n</div>\n\n@if (hasProgress()) {\n <div\n role=\"progressbar\"\n class=\"ga-notification__progress\"\n [class.ga-notification__progress--indeterminate]=\"\n progress() === 'indeterminate'\n \"\n [id]=\"progressId\"\n [attr.aria-label]=\"progressLabel()\"\n [attr.aria-labelledby]=\"progressLabelledBy()\"\n [attr.aria-valuenow]=\"progressValue()\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n >\n <div\n class=\"ga-notification__progress-bar\"\n [style.width]=\"progressBarWidth()\"\n ></div>\n </div>\n}\n\n@if (dismissible()) {\n <button\n type=\"button\"\n [gaIconButton]=\"dismissIcon\"\n gaIconButtonVariant=\"ghost\"\n (click)=\"dismiss.emit()\"\n >\n {{ i18n.dismissLabel }}\n </button>\n}\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "component", type: GaIconButtonDirective, selector: "button[gaIconButton], a[gaIconButton]", inputs: ["gaIconButton", "gaIconButtonVariant", "gaIconButtonLoading", "gaIconButtonLoadingLabel", "disabled"] }] });
|
|
422
404
|
}
|
|
423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertComponent, decorators: [{
|
|
424
406
|
type: Component,
|
|
425
407
|
args: [{ selector: 'ga-alert', imports: [GaIconModule, GaButtonModule], host: {
|
|
426
408
|
role: 'alert',
|
|
427
409
|
'[class]': `variantClass()`,
|
|
428
410
|
}, template: "@if (icon()) {\n <ga-icon [icon]=\"icon()!\" class=\"ga-notification__icon\" />\n}\n<div class=\"ga-notification__content\">\n @if (title()) {\n <div class=\"ga-notification__heading\">\n <ng-content select=\"ga-alert-title\" />\n <ng-content select=\"ga-alert-title-actions\" />\n </div>\n }\n <div class=\"ga-notification__description\">\n <ng-content />\n </div>\n</div>\n\n@if (hasProgress()) {\n <div\n role=\"progressbar\"\n class=\"ga-notification__progress\"\n [class.ga-notification__progress--indeterminate]=\"\n progress() === 'indeterminate'\n \"\n [id]=\"progressId\"\n [attr.aria-label]=\"progressLabel()\"\n [attr.aria-labelledby]=\"progressLabelledBy()\"\n [attr.aria-valuenow]=\"progressValue()\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n >\n <div\n class=\"ga-notification__progress-bar\"\n [style.width]=\"progressBarWidth()\"\n ></div>\n </div>\n}\n\n@if (dismissible()) {\n <button\n type=\"button\"\n [gaIconButton]=\"dismissIcon\"\n gaIconButtonVariant=\"ghost\"\n (click)=\"dismiss.emit()\"\n >\n {{ i18n.dismissLabel }}\n </button>\n}\n" }]
|
|
429
|
-
}] });
|
|
411
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], explicitIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], progressLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressLabel", required: false }] }], progressLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressLabelledBy", required: false }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }], title: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaAlertTitleComponent), { isSignal: true }] }] } });
|
|
430
412
|
|
|
431
413
|
class GaAlertTitleActionsComponent {
|
|
432
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
433
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertTitleActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
415
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaAlertTitleActionsComponent, isStandalone: true, selector: "ga-alert-title-actions", host: { classAttribute: "ga-notification__title-actions" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
434
416
|
}
|
|
435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertTitleActionsComponent, decorators: [{
|
|
436
418
|
type: Component,
|
|
437
419
|
args: [{
|
|
438
420
|
selector: 'ga-alert-title-actions',
|
|
@@ -444,15 +426,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
444
426
|
}] });
|
|
445
427
|
|
|
446
428
|
class GaAlertModule {
|
|
447
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
448
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
429
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
430
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaAlertModule, imports: [GaAlertComponent,
|
|
449
431
|
GaAlertTitleComponent,
|
|
450
432
|
GaAlertTitleActionsComponent], exports: [GaAlertComponent,
|
|
451
433
|
GaAlertTitleComponent,
|
|
452
434
|
GaAlertTitleActionsComponent] });
|
|
453
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
435
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertModule, imports: [GaAlertComponent] });
|
|
454
436
|
}
|
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaAlertModule, decorators: [{
|
|
456
438
|
type: NgModule,
|
|
457
439
|
args: [{
|
|
458
440
|
imports: [
|
|
@@ -469,15 +451,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
469
451
|
}] });
|
|
470
452
|
|
|
471
453
|
class GaBadgeComponent {
|
|
472
|
-
variant = input('default');
|
|
473
|
-
type = input('text');
|
|
454
|
+
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
455
|
+
type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
474
456
|
variantClass = computed(() => {
|
|
475
457
|
return `ga-badge ga-badge--${this.type()} ga-badge--${this.variant()}`;
|
|
476
|
-
});
|
|
477
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
478
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
458
|
+
}, ...(ngDevMode ? [{ debugName: "variantClass" }] : []));
|
|
459
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
460
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaBadgeComponent, isStandalone: true, selector: "ga-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "variantClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
479
461
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
462
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeComponent, decorators: [{
|
|
481
463
|
type: Component,
|
|
482
464
|
args: [{
|
|
483
465
|
selector: 'ga-badge',
|
|
@@ -486,14 +468,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
486
468
|
'[class]': `variantClass()`,
|
|
487
469
|
},
|
|
488
470
|
}]
|
|
489
|
-
}] });
|
|
471
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
|
|
490
472
|
|
|
491
473
|
class GaBadgeModule {
|
|
492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
493
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
494
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
474
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
475
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeModule, imports: [GaBadgeComponent], exports: [GaBadgeComponent] });
|
|
476
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeModule });
|
|
495
477
|
}
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
478
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaBadgeModule, decorators: [{
|
|
497
479
|
type: NgModule,
|
|
498
480
|
args: [{
|
|
499
481
|
imports: [GaBadgeComponent],
|
|
@@ -502,13 +484,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
502
484
|
}] });
|
|
503
485
|
|
|
504
486
|
class GaCardComponent {
|
|
505
|
-
selectable = input(false, { transform: booleanAttribute });
|
|
506
|
-
selected = input(false, { transform: booleanAttribute });
|
|
507
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
508
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
509
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
487
|
+
selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : {}), transform: booleanAttribute });
|
|
488
|
+
selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
|
|
489
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
490
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
491
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaCardComponent, isStandalone: true, selector: "ga-card", inputs: { selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-card--selectable": "selectable()", "class.ga-card--selected": "selected()", "class.ga-card--disabled": "disabled()" }, classAttribute: "ga-card" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
510
492
|
}
|
|
511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCardComponent, decorators: [{
|
|
512
494
|
type: Component,
|
|
513
495
|
args: [{
|
|
514
496
|
selector: 'ga-card',
|
|
@@ -520,14 +502,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
520
502
|
'[class.ga-card--disabled]': 'disabled()',
|
|
521
503
|
},
|
|
522
504
|
}]
|
|
523
|
-
}] });
|
|
505
|
+
}], propDecorators: { selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
524
506
|
|
|
525
507
|
class GaCardModule {
|
|
526
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
527
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
528
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
508
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
509
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaCardModule, imports: [GaCardComponent], exports: [GaCardComponent] });
|
|
510
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCardModule });
|
|
529
511
|
}
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
512
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCardModule, decorators: [{
|
|
531
513
|
type: NgModule,
|
|
532
514
|
args: [{
|
|
533
515
|
imports: [GaCardComponent],
|
|
@@ -536,9 +518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
536
518
|
}] });
|
|
537
519
|
|
|
538
520
|
class GaFormControlErrorsDirective {
|
|
539
|
-
customErrorsInput = input.required({
|
|
540
|
-
alias: 'gaFormControlErrors',
|
|
541
|
-
});
|
|
521
|
+
customErrorsInput = input.required({ ...(ngDevMode ? { debugName: "customErrorsInput" } : {}), alias: 'gaFormControlErrors' });
|
|
542
522
|
customErrors = computed(() => {
|
|
543
523
|
// for better API ergonomics, we ignore errors with null and undefined values
|
|
544
524
|
// this lets to bind custom errors directly without nasty if checks
|
|
@@ -549,16 +529,16 @@ class GaFormControlErrorsDirective {
|
|
|
549
529
|
}
|
|
550
530
|
return acc;
|
|
551
531
|
}, {});
|
|
552
|
-
});
|
|
553
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
554
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
532
|
+
}, ...(ngDevMode ? [{ debugName: "customErrors" }] : []));
|
|
533
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormControlErrorsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
534
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaFormControlErrorsDirective, isStandalone: true, selector: "[gaFormControlErrors]", inputs: { customErrorsInput: { classPropertyName: "customErrorsInput", publicName: "gaFormControlErrors", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
555
535
|
}
|
|
556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormControlErrorsDirective, decorators: [{
|
|
557
537
|
type: Directive,
|
|
558
538
|
args: [{
|
|
559
539
|
selector: '[gaFormControlErrors]',
|
|
560
540
|
}]
|
|
561
|
-
}] });
|
|
541
|
+
}], propDecorators: { customErrorsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaFormControlErrors", required: true }] }] } });
|
|
562
542
|
|
|
563
543
|
const GA_FORM_CONTROL_ADAPTER = new InjectionToken('ga-form-control-adapter');
|
|
564
544
|
/**
|
|
@@ -632,8 +612,8 @@ function injectNgControlState({ implicitChildNgControl, explicitNgControl, expli
|
|
|
632
612
|
const customErrorsDirective = inject(GaFormControlErrorsDirective, {
|
|
633
613
|
optional: true,
|
|
634
614
|
});
|
|
635
|
-
const inError = signal(false);
|
|
636
|
-
const errors = signal({});
|
|
615
|
+
const inError = signal(false, ...(ngDevMode ? [{ debugName: "inError" }] : []));
|
|
616
|
+
const errors = signal({}, ...(ngDevMode ? [{ debugName: "errors" }] : []));
|
|
637
617
|
effect(() => {
|
|
638
618
|
errors.set({
|
|
639
619
|
...ngControlErrors(),
|
|
@@ -673,46 +653,36 @@ class GaCheckboxComponent {
|
|
|
673
653
|
/** @ignore */
|
|
674
654
|
_onModelChanged;
|
|
675
655
|
/** The value attribute of the native input element */
|
|
676
|
-
value = input(null);
|
|
677
|
-
disabledInput = input(false, {
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
});
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
});
|
|
692
|
-
ariaDescribedby = input(null, {
|
|
693
|
-
alias: 'aria-describedby',
|
|
694
|
-
});
|
|
695
|
-
ariaInvalid = input(null, { alias: 'aria-invalid' });
|
|
696
|
-
ariaErrormessage = input(null, {
|
|
697
|
-
alias: 'aria-errormessage',
|
|
698
|
-
});
|
|
699
|
-
required = input(false, { transform: booleanAttribute });
|
|
700
|
-
disabled = linkedSignal(() => this.disabledInput());
|
|
701
|
-
checked = linkedSignal(() => this.checkedInput());
|
|
656
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
657
|
+
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), transform: booleanAttribute,
|
|
658
|
+
alias: 'disabled' });
|
|
659
|
+
checkedInput = input(false, { ...(ngDevMode ? { debugName: "checkedInput" } : {}), transform: booleanAttribute,
|
|
660
|
+
alias: 'checked' });
|
|
661
|
+
nameInput = input(null, { ...(ngDevMode ? { debugName: "nameInput" } : {}), alias: 'name' });
|
|
662
|
+
id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
663
|
+
indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
|
|
664
|
+
ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
|
|
665
|
+
ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : {}), alias: 'aria-labelledby' });
|
|
666
|
+
ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : {}), alias: 'aria-describedby' });
|
|
667
|
+
ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), alias: 'aria-invalid' });
|
|
668
|
+
ariaErrormessage = input(null, { ...(ngDevMode ? { debugName: "ariaErrormessage" } : {}), alias: 'aria-errormessage' });
|
|
669
|
+
required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
|
|
670
|
+
disabled = linkedSignal(() => this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
671
|
+
checked = linkedSignal(() => this.checkedInput(), ...(ngDevMode ? [{ debugName: "checked" }] : []));
|
|
702
672
|
change = output();
|
|
703
673
|
indeterminateChange = output();
|
|
704
674
|
/** @ignore */
|
|
705
|
-
inputId = computed(() => (this.id() ? this.id() : this._uniqueId));
|
|
675
|
+
inputId = computed(() => (this.id() ? this.id() : this._uniqueId), ...(ngDevMode ? [{ debugName: "inputId" }] : []));
|
|
706
676
|
/** @ignore */
|
|
707
677
|
name = computed(() => {
|
|
708
678
|
return (this.nameInput() ?? this.implicitNgControlState.name() ?? this._uniqueId);
|
|
709
|
-
});
|
|
679
|
+
}, ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
710
680
|
/** @ignore */
|
|
711
681
|
invalid = computed(() => {
|
|
712
682
|
return this.ariaInvalid()
|
|
713
683
|
? this.ariaInvalid() === 'true'
|
|
714
684
|
: this.implicitNgControlState.inError();
|
|
715
|
-
});
|
|
685
|
+
}, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
716
686
|
/** @ignore */
|
|
717
687
|
onInputChange(event) {
|
|
718
688
|
// We always have to stop propagation on the change event.
|
|
@@ -750,10 +720,10 @@ class GaCheckboxComponent {
|
|
|
750
720
|
this._onModelChanged?.(this.checked());
|
|
751
721
|
this.change.emit(this.checked());
|
|
752
722
|
}
|
|
753
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
754
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
723
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
724
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaCheckboxComponent, isStandalone: true, selector: "ga-checkbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checkedInput: { classPropertyName: "checkedInput", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, nameInput: { classPropertyName: "nameInput", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaErrormessage: { classPropertyName: "ariaErrormessage", publicName: "aria-errormessage", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.ga-checkbox--invalid": "invalid()", "attr.id": "null", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.aria-invalid": "null", "attr.aria-errormessage": "null", "attr.disabled": "disabled() ? \"\" : null" }, classAttribute: "ga-checkbox" }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n type=\"checkbox\"\n class=\"ga-checkbox__native\"\n [attr.id]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [attr.value]=\"value()\"\n [attr.tabindex]=\"tabindex\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-invalid]=\"ariaInvalid()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n<div class=\"ga-checkbox__marker\">\n <lucide-icon\n [img]=\"icons.Check\"\n class=\"ga-checkbox__marker__indicator-checked\"\n [size]=\"12\"\n [strokeWidth]=\"2\"\n [absoluteStrokeWidth]=\"true\"\n />\n <lucide-icon\n [img]=\"icons.Minus\"\n class=\"ga-checkbox__marker__indicator-indeterminate\"\n [size]=\"12\"\n [strokeWidth]=\"2\"\n [absoluteStrokeWidth]=\"true\"\n />\n</div>\n\n<label class=\"ga-checkbox__label\" [attr.for]=\"inputId()\"\n ><ng-content></ng-content\n></label>\n", dependencies: [{ kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i1.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
755
725
|
}
|
|
756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxComponent, decorators: [{
|
|
757
727
|
type: Component,
|
|
758
728
|
args: [{ selector: 'ga-checkbox', imports: [LucideAngularModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], host: {
|
|
759
729
|
class: 'ga-checkbox',
|
|
@@ -767,7 +737,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
767
737
|
'[attr.aria-errormessage]': 'null',
|
|
768
738
|
'[attr.disabled]': 'disabled() ? "" : null',
|
|
769
739
|
}, template: "<input\n type=\"checkbox\"\n class=\"ga-checkbox__native\"\n [attr.id]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [indeterminate]=\"indeterminate()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [attr.value]=\"value()\"\n [attr.tabindex]=\"tabindex\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-invalid]=\"ariaInvalid()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n<div class=\"ga-checkbox__marker\">\n <lucide-icon\n [img]=\"icons.Check\"\n class=\"ga-checkbox__marker__indicator-checked\"\n [size]=\"12\"\n [strokeWidth]=\"2\"\n [absoluteStrokeWidth]=\"true\"\n />\n <lucide-icon\n [img]=\"icons.Minus\"\n class=\"ga-checkbox__marker__indicator-indeterminate\"\n [size]=\"12\"\n [strokeWidth]=\"2\"\n [absoluteStrokeWidth]=\"true\"\n />\n</div>\n\n<label class=\"ga-checkbox__label\" [attr.for]=\"inputId()\"\n ><ng-content></ng-content\n></label>\n" }]
|
|
770
|
-
}] });
|
|
740
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], checkedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], nameInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], ariaErrormessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-errormessage", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], indeterminateChange: [{ type: i0.Output, args: ["indeterminateChange"] }] } });
|
|
771
741
|
|
|
772
742
|
const GA_CHECKBOX_REQUIRED_VALIDATOR = {
|
|
773
743
|
provide: NG_VALIDATORS,
|
|
@@ -780,10 +750,10 @@ const GA_CHECKBOX_REQUIRED_VALIDATOR = {
|
|
|
780
750
|
* work with `ga-checkbox`.
|
|
781
751
|
*/
|
|
782
752
|
class GaCheckboxRequiredValidator extends CheckboxRequiredValidator {
|
|
783
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
784
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
753
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
754
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaCheckboxRequiredValidator, isStandalone: true, selector: "ga-checkbox[required][formControlName], ga-checkbox[required][formControl], ga-checkbox[required][ngModel]", providers: [GA_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
785
755
|
}
|
|
786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxRequiredValidator, decorators: [{
|
|
787
757
|
type: Directive,
|
|
788
758
|
args: [{
|
|
789
759
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -793,11 +763,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
793
763
|
}] });
|
|
794
764
|
|
|
795
765
|
class GaCheckboxModule {
|
|
796
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
797
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
798
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
766
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
767
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxModule, imports: [GaCheckboxComponent, GaCheckboxRequiredValidator], exports: [GaCheckboxComponent, GaCheckboxRequiredValidator] });
|
|
768
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxModule, imports: [GaCheckboxComponent] });
|
|
799
769
|
}
|
|
800
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
770
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaCheckboxModule, decorators: [{
|
|
801
771
|
type: NgModule,
|
|
802
772
|
args: [{
|
|
803
773
|
imports: [GaCheckboxComponent, GaCheckboxRequiredValidator],
|
|
@@ -815,10 +785,10 @@ function GA_DATEPICKER_I18N_FACTORY() {
|
|
|
815
785
|
return new GaDatepickerI18nDefault();
|
|
816
786
|
}
|
|
817
787
|
class GaDatepickerI18n {
|
|
818
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
819
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
788
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
789
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18n, providedIn: 'root', useFactory: GA_DATEPICKER_I18N_FACTORY });
|
|
820
790
|
}
|
|
821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18n, decorators: [{
|
|
822
792
|
type: Injectable,
|
|
823
793
|
args: [{
|
|
824
794
|
providedIn: 'root',
|
|
@@ -865,10 +835,10 @@ class GaDatepickerI18nDefault extends GaDatepickerI18n {
|
|
|
865
835
|
return weekdayFormatter.format(date);
|
|
866
836
|
});
|
|
867
837
|
}
|
|
868
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
869
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
838
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18nDefault, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
839
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18nDefault, providedIn: 'root' });
|
|
870
840
|
}
|
|
871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerI18nDefault, decorators: [{
|
|
872
842
|
type: Injectable,
|
|
873
843
|
args: [{ providedIn: 'root' }]
|
|
874
844
|
}], ctorParameters: () => [] });
|
|
@@ -899,10 +869,10 @@ function GA_DATEPICKER_VALUE_ADAPTER_FACTORY() {
|
|
|
899
869
|
return new GaDatepickerStructValueAdapter();
|
|
900
870
|
}
|
|
901
871
|
class GaDatepickerValueAdapter {
|
|
902
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
903
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
872
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerValueAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
873
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerValueAdapter, providedIn: 'root', useFactory: GA_DATEPICKER_VALUE_ADAPTER_FACTORY });
|
|
904
874
|
}
|
|
905
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerValueAdapter, decorators: [{
|
|
906
876
|
type: Injectable,
|
|
907
877
|
args: [{
|
|
908
878
|
providedIn: 'root',
|
|
@@ -936,10 +906,10 @@ class GaDatepickerStructValueAdapter extends GaDatepickerValueAdapter {
|
|
|
936
906
|
fromStruct(struct) {
|
|
937
907
|
return struct;
|
|
938
908
|
}
|
|
939
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
940
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
909
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerStructValueAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
910
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerStructValueAdapter });
|
|
941
911
|
}
|
|
942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerStructValueAdapter, decorators: [{
|
|
943
913
|
type: Injectable
|
|
944
914
|
}] });
|
|
945
915
|
function provideGaDatepickerValueAdapter(value) {
|
|
@@ -973,21 +943,21 @@ class GaDatepickerComponent {
|
|
|
973
943
|
ChevronUp,
|
|
974
944
|
ChevronDown,
|
|
975
945
|
};
|
|
976
|
-
value = model(null);
|
|
977
|
-
min = input(null);
|
|
978
|
-
max = input(null);
|
|
946
|
+
value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
947
|
+
min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
|
|
948
|
+
max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : []));
|
|
979
949
|
// Internal struct representation
|
|
980
950
|
internalValue = computed(() => {
|
|
981
951
|
return this.valueAdapter.toStruct(this.value());
|
|
982
|
-
});
|
|
952
|
+
}, ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
|
|
983
953
|
internalMinDate = computed(() => {
|
|
984
954
|
return this.valueAdapter.toStruct(this.min());
|
|
985
|
-
});
|
|
955
|
+
}, ...(ngDevMode ? [{ debugName: "internalMinDate" }] : []));
|
|
986
956
|
internalMaxDate = computed(() => {
|
|
987
957
|
return this.valueAdapter.toStruct(this.max());
|
|
988
|
-
});
|
|
989
|
-
viewMode = signal('day');
|
|
990
|
-
viewDate = signal(this.getInitialViewDate());
|
|
958
|
+
}, ...(ngDevMode ? [{ debugName: "internalMaxDate" }] : []));
|
|
959
|
+
viewMode = signal('day', ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
|
|
960
|
+
viewDate = signal(this.getInitialViewDate(), ...(ngDevMode ? [{ debugName: "viewDate" }] : []));
|
|
991
961
|
ngOnInit() {
|
|
992
962
|
// Initialize view date based on the initial value or today's date
|
|
993
963
|
this.viewDate.set(this.getInitialViewDate());
|
|
@@ -1032,7 +1002,7 @@ class GaDatepickerComponent {
|
|
|
1032
1002
|
month: targetDate.month,
|
|
1033
1003
|
};
|
|
1034
1004
|
}
|
|
1035
|
-
weekDays = computed(() => this.i18n.weekDays);
|
|
1005
|
+
weekDays = computed(() => this.i18n.weekDays, ...(ngDevMode ? [{ debugName: "weekDays" }] : []));
|
|
1036
1006
|
calendarDays = computed(() => {
|
|
1037
1007
|
const viewStruct = this.viewDate();
|
|
1038
1008
|
const year = viewStruct.year;
|
|
@@ -1053,19 +1023,19 @@ class GaDatepickerComponent {
|
|
|
1053
1023
|
current.setDate(current.getDate() + 1);
|
|
1054
1024
|
}
|
|
1055
1025
|
return days;
|
|
1056
|
-
});
|
|
1026
|
+
}, ...(ngDevMode ? [{ debugName: "calendarDays" }] : []));
|
|
1057
1027
|
months = computed(() => {
|
|
1058
1028
|
return Array.from({ length: 12 }, (_, i) => ({
|
|
1059
1029
|
index: i + 1, // Use 1-12 indexing
|
|
1060
1030
|
name: this.i18n.monthNames[i],
|
|
1061
1031
|
shortName: this.i18n.monthNamesShort[i],
|
|
1062
1032
|
}));
|
|
1063
|
-
});
|
|
1033
|
+
}, ...(ngDevMode ? [{ debugName: "months" }] : []));
|
|
1064
1034
|
years = computed(() => {
|
|
1065
1035
|
const currentYear = this.viewDate().year;
|
|
1066
1036
|
const startYear = Math.floor(currentYear / 10) * 10;
|
|
1067
1037
|
return Array.from({ length: 25 }, (_, i) => startYear + i - 1);
|
|
1068
|
-
});
|
|
1038
|
+
}, ...(ngDevMode ? [{ debugName: "years" }] : []));
|
|
1069
1039
|
selectDate(dateStruct) {
|
|
1070
1040
|
if (this.isDateDisabled(dateStruct) || this.isSelected(dateStruct)) {
|
|
1071
1041
|
return;
|
|
@@ -1237,28 +1207,28 @@ class GaDatepickerComponent {
|
|
|
1237
1207
|
getMonthName(monthIndex) {
|
|
1238
1208
|
return this.i18n.monthNames[monthIndex - 1]; // Convert from 1-12 to 0-11 for array access
|
|
1239
1209
|
}
|
|
1240
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1241
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1210
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1211
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDatepickerComponent, isStandalone: true, selector: "ga-datepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "ga-calendar" }, ngImport: i0, template: "<div class=\"ga-calendar__header\">\n <div class=\"ga-calendar__month-year\">\n <button\n type=\"button\"\n class=\"ga-calendar__month-year-button\"\n (click)=\"toggleMonthView()\"\n [attr.aria-label]=\"i18n.selectMonthLabel\"\n >\n {{ getMonthName(viewDate().month) }}\n <ga-icon\n [icon]=\"viewMode() === 'month' ? icons.ChevronUp : icons.ChevronDown\"\n size=\"16\"\n />\n </button>\n <button\n type=\"button\"\n class=\"ga-calendar__month-year-button\"\n (click)=\"toggleYearView()\"\n [attr.aria-label]=\"i18n.selectYearLabel\"\n >\n {{ viewDate().year }}\n <ga-icon\n [icon]=\"viewMode() === 'year' ? icons.ChevronUp : icons.ChevronDown\"\n size=\"16\"\n />\n </button>\n </div>\n @if (viewMode() !== 'month') {\n <div class=\"ga-calendar__navigation\">\n <button\n type=\"button\"\n class=\"ga-calendar__navigation-button\"\n (click)=\"navigatePrevious()\"\n [attr.aria-label]=\"i18n.previousLabel\"\n >\n <ga-icon [icon]=\"icons.ChevronLeft\" size=\"24\" />\n </button>\n <button\n type=\"button\"\n class=\"ga-calendar__navigation-button\"\n (click)=\"navigateNext()\"\n [attr.aria-label]=\"i18n.nextLabel\"\n >\n <ga-icon [icon]=\"icons.ChevronRight\" size=\"24\" />\n </button>\n </div>\n }\n</div>\n\n@switch (viewMode()) {\n @case ('day') {\n <div class=\"ga-calendar__weekdays\">\n @for (day of weekDays(); track day) {\n <div class=\"ga-calendar__weekday\">{{ day }}</div>\n }\n </div>\n <div class=\"ga-calendar__selection ga-calendar__selection--day\">\n @for (\n dateStruct of calendarDays();\n track dateStruct.year + '-' + dateStruct.month + '-' + dateStruct.day\n ) {\n <button\n type=\"button\"\n class=\"ga-calendar__day\"\n [class.ga-calendar__day--selected]=\"isSelected(dateStruct)\"\n [class.ga-calendar__day--current]=\"isToday(dateStruct)\"\n [class.ga-calendar__day--disabled]=\"isDateDisabled(dateStruct)\"\n [class.ga-calendar__day--weekend]=\"isWeekend(dateStruct)\"\n [disabled]=\"isDateDisabled(dateStruct)\"\n (click)=\"selectDate(dateStruct)\"\n >\n {{ dateStruct.day }}\n </button>\n }\n </div>\n }\n @case ('month') {\n <div class=\"ga-calendar__selection ga-calendar__selection--month\">\n @for (month of months(); track month.index) {\n <button\n type=\"button\"\n class=\"ga-calendar__month\"\n [class.ga-calendar__month--selected]=\"isSelectedMonth(month.index)\"\n [class.ga-calendar__month--disabled]=\"isMonthDisabled(month.index)\"\n [disabled]=\"isMonthDisabled(month.index)\"\n (click)=\"selectMonth(month.index)\"\n >\n {{ month.shortName }}\n </button>\n }\n </div>\n }\n @case ('year') {\n <div class=\"ga-calendar__selection ga-calendar__selection--year\">\n @for (year of years(); track year) {\n <button\n type=\"button\"\n class=\"ga-calendar__year\"\n [class.ga-calendar__year--selected]=\"isSelectedYear(year)\"\n [class.ga-calendar__year--disabled]=\"isYearDisabled(year)\"\n [disabled]=\"isYearDisabled(year)\"\n (click)=\"selectYear(year)\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n}\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
1242
1212
|
}
|
|
1243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerComponent, decorators: [{
|
|
1244
1214
|
type: Component,
|
|
1245
1215
|
args: [{ selector: 'ga-datepicker', imports: [GaIconModule], host: {
|
|
1246
1216
|
class: 'ga-calendar',
|
|
1247
1217
|
}, template: "<div class=\"ga-calendar__header\">\n <div class=\"ga-calendar__month-year\">\n <button\n type=\"button\"\n class=\"ga-calendar__month-year-button\"\n (click)=\"toggleMonthView()\"\n [attr.aria-label]=\"i18n.selectMonthLabel\"\n >\n {{ getMonthName(viewDate().month) }}\n <ga-icon\n [icon]=\"viewMode() === 'month' ? icons.ChevronUp : icons.ChevronDown\"\n size=\"16\"\n />\n </button>\n <button\n type=\"button\"\n class=\"ga-calendar__month-year-button\"\n (click)=\"toggleYearView()\"\n [attr.aria-label]=\"i18n.selectYearLabel\"\n >\n {{ viewDate().year }}\n <ga-icon\n [icon]=\"viewMode() === 'year' ? icons.ChevronUp : icons.ChevronDown\"\n size=\"16\"\n />\n </button>\n </div>\n @if (viewMode() !== 'month') {\n <div class=\"ga-calendar__navigation\">\n <button\n type=\"button\"\n class=\"ga-calendar__navigation-button\"\n (click)=\"navigatePrevious()\"\n [attr.aria-label]=\"i18n.previousLabel\"\n >\n <ga-icon [icon]=\"icons.ChevronLeft\" size=\"24\" />\n </button>\n <button\n type=\"button\"\n class=\"ga-calendar__navigation-button\"\n (click)=\"navigateNext()\"\n [attr.aria-label]=\"i18n.nextLabel\"\n >\n <ga-icon [icon]=\"icons.ChevronRight\" size=\"24\" />\n </button>\n </div>\n }\n</div>\n\n@switch (viewMode()) {\n @case ('day') {\n <div class=\"ga-calendar__weekdays\">\n @for (day of weekDays(); track day) {\n <div class=\"ga-calendar__weekday\">{{ day }}</div>\n }\n </div>\n <div class=\"ga-calendar__selection ga-calendar__selection--day\">\n @for (\n dateStruct of calendarDays();\n track dateStruct.year + '-' + dateStruct.month + '-' + dateStruct.day\n ) {\n <button\n type=\"button\"\n class=\"ga-calendar__day\"\n [class.ga-calendar__day--selected]=\"isSelected(dateStruct)\"\n [class.ga-calendar__day--current]=\"isToday(dateStruct)\"\n [class.ga-calendar__day--disabled]=\"isDateDisabled(dateStruct)\"\n [class.ga-calendar__day--weekend]=\"isWeekend(dateStruct)\"\n [disabled]=\"isDateDisabled(dateStruct)\"\n (click)=\"selectDate(dateStruct)\"\n >\n {{ dateStruct.day }}\n </button>\n }\n </div>\n }\n @case ('month') {\n <div class=\"ga-calendar__selection ga-calendar__selection--month\">\n @for (month of months(); track month.index) {\n <button\n type=\"button\"\n class=\"ga-calendar__month\"\n [class.ga-calendar__month--selected]=\"isSelectedMonth(month.index)\"\n [class.ga-calendar__month--disabled]=\"isMonthDisabled(month.index)\"\n [disabled]=\"isMonthDisabled(month.index)\"\n (click)=\"selectMonth(month.index)\"\n >\n {{ month.shortName }}\n </button>\n }\n </div>\n }\n @case ('year') {\n <div class=\"ga-calendar__selection ga-calendar__selection--year\">\n @for (year of years(); track year) {\n <button\n type=\"button\"\n class=\"ga-calendar__year\"\n [class.ga-calendar__year--selected]=\"isSelectedYear(year)\"\n [class.ga-calendar__year--disabled]=\"isYearDisabled(year)\"\n [disabled]=\"isYearDisabled(year)\"\n (click)=\"selectYear(year)\"\n >\n {{ year }}\n </button>\n }\n </div>\n }\n}\n", styles: [":host{display:block}\n"] }]
|
|
1248
|
-
}] });
|
|
1218
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }] } });
|
|
1249
1219
|
|
|
1250
1220
|
/**
|
|
1251
1221
|
* @internal - Internal service for form field coordination
|
|
1252
1222
|
*/
|
|
1253
1223
|
class GaFormFieldConnector {
|
|
1254
|
-
controlDisabled = signal(false);
|
|
1255
|
-
controlId = signal(null);
|
|
1256
|
-
labelId = signal(null);
|
|
1257
|
-
control = signal(null);
|
|
1258
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1259
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1260
|
-
}
|
|
1261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1224
|
+
controlDisabled = signal(false, ...(ngDevMode ? [{ debugName: "controlDisabled" }] : []));
|
|
1225
|
+
controlId = signal(null, ...(ngDevMode ? [{ debugName: "controlId" }] : []));
|
|
1226
|
+
labelId = signal(null, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
|
|
1227
|
+
control = signal(null, ...(ngDevMode ? [{ debugName: "control" }] : []));
|
|
1228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldConnector, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1229
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldConnector });
|
|
1230
|
+
}
|
|
1231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldConnector, decorators: [{
|
|
1262
1232
|
type: Injectable
|
|
1263
1233
|
}] });
|
|
1264
1234
|
|
|
@@ -1272,24 +1242,20 @@ class GaInputDirective {
|
|
|
1272
1242
|
renderer = inject(Renderer2);
|
|
1273
1243
|
elementRef = inject(ElementRef);
|
|
1274
1244
|
implicitNgControlState = injectNgControlState();
|
|
1275
|
-
invalidInput = input(null, {
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
})
|
|
1279
|
-
|
|
1280
|
-
disabledInput = input(undefined, {
|
|
1281
|
-
alias: 'disabled',
|
|
1282
|
-
transform: booleanAttribute,
|
|
1283
|
-
});
|
|
1245
|
+
invalidInput = input(null, { ...(ngDevMode ? { debugName: "invalidInput" } : {}), alias: 'invalid',
|
|
1246
|
+
transform: booleanAttribute });
|
|
1247
|
+
idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
|
|
1248
|
+
disabledInput = input(undefined, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
1249
|
+
transform: booleanAttribute });
|
|
1284
1250
|
invalid = computed(() => {
|
|
1285
1251
|
return this.invalidInput() ?? this.implicitNgControlState.inError();
|
|
1286
|
-
});
|
|
1252
|
+
}, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
1287
1253
|
id = computed(() => {
|
|
1288
1254
|
return this.idInput() ?? this.uniqueId;
|
|
1289
|
-
});
|
|
1255
|
+
}, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
1290
1256
|
disabled = computed(() => {
|
|
1291
1257
|
return this.disabledInput() ?? this.implicitNgControlState.disabled();
|
|
1292
|
-
});
|
|
1258
|
+
}, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
1293
1259
|
constructor(placeholder) {
|
|
1294
1260
|
const formFieldConnector = this.formFieldConnector;
|
|
1295
1261
|
if (formFieldConnector) {
|
|
@@ -1304,10 +1270,10 @@ class GaInputDirective {
|
|
|
1304
1270
|
focus() {
|
|
1305
1271
|
this.elementRef.nativeElement.focus();
|
|
1306
1272
|
}
|
|
1307
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1308
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1273
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputDirective, deps: [{ token: 'placeholder', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1274
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaInputDirective, isStandalone: true, selector: "[gaInput]", inputs: { invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "class.ga-input": "!hasWrapper", "class.ga-input--invalid": "!hasWrapper && invalid()", "attr.disabled": "disabled() ? \"\" : null" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1309
1275
|
}
|
|
1310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputDirective, decorators: [{
|
|
1311
1277
|
type: Component,
|
|
1312
1278
|
args: [{
|
|
1313
1279
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -1324,14 +1290,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1324
1290
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1325
1291
|
type: Attribute,
|
|
1326
1292
|
args: ['placeholder']
|
|
1327
|
-
}] }] });
|
|
1293
|
+
}] }], propDecorators: { invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
1328
1294
|
|
|
1329
1295
|
class GaInputComponent {
|
|
1330
1296
|
gaInput = contentChild.required(GaInputDirective);
|
|
1331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1297
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1298
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.4", type: GaInputComponent, isStandalone: true, selector: "ga-input", host: { listeners: { "click": "gaInput().focus()" }, properties: { "class.ga-input--invalid": "gaInput().invalid()" }, classAttribute: "ga-input" }, queries: [{ propertyName: "gaInput", first: true, predicate: GaInputDirective, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkOverlayOrigin }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1333
1299
|
}
|
|
1334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputComponent, decorators: [{
|
|
1335
1301
|
type: Component,
|
|
1336
1302
|
args: [{
|
|
1337
1303
|
selector: 'ga-input',
|
|
@@ -1344,7 +1310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1344
1310
|
'(click)': 'gaInput().focus()',
|
|
1345
1311
|
},
|
|
1346
1312
|
}]
|
|
1347
|
-
}] });
|
|
1313
|
+
}], propDecorators: { gaInput: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaInputDirective), { isSignal: true }] }] } });
|
|
1348
1314
|
|
|
1349
1315
|
class GaDatepickerToggleComponent {
|
|
1350
1316
|
icons = { CalendarDays };
|
|
@@ -1384,9 +1350,9 @@ class GaDatepickerToggleComponent {
|
|
|
1384
1350
|
offsetY: -8,
|
|
1385
1351
|
},
|
|
1386
1352
|
];
|
|
1387
|
-
_isOpen = signal(false);
|
|
1353
|
+
_isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
|
|
1388
1354
|
isOpen = this._isOpen.asReadonly();
|
|
1389
|
-
for = input.required();
|
|
1355
|
+
for = input.required(...(ngDevMode ? [{ debugName: "for" }] : []));
|
|
1390
1356
|
toggle() {
|
|
1391
1357
|
if (this._isOpen()) {
|
|
1392
1358
|
this.close();
|
|
@@ -1427,15 +1393,15 @@ class GaDatepickerToggleComponent {
|
|
|
1427
1393
|
});
|
|
1428
1394
|
this.close();
|
|
1429
1395
|
}
|
|
1430
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1431
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1396
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1397
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaDatepickerToggleComponent, isStandalone: true, selector: "ga-datepicker-toggle", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "keydown.escape": "close()" } }, ngImport: i0, template: "<button\n type=\"button\"\n class=\"ga-datepicker-toggle\"\n [disabled]=\"for().disabled()\"\n (click)=\"toggle()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"i18n.openCalendarLabel\"\n tabindex=\"-1\"\n>\n <ga-icon [icon]=\"icons.CalendarDays\" size=\"24\" />\n</button>\n\n<ng-template\n cdkConnectedOverlay\n cdkConnectedOverlayLockPosition\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (overlayKeydown)=\"$event.code === 'Escape' && close()\"\n>\n <div class=\"ga-datepicker\">\n <ga-datepicker\n [value]=\"for().value()\"\n (valueChange)=\"onDatepickerValueChange($event)\"\n [min]=\"for().min()\"\n [max]=\"for().max()\"\n />\n <div class=\"ga-datepicker__footer\">\n <button type=\"button\" gaButton (click)=\"setToday()\">\n {{ i18n.todayButtonLabel }}\n </button>\n </div>\n </div>\n</ng-template>\n", styles: [".ga-datepicker__footer{text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "component", type: GaButtonDirective, selector: "button[gaButton], a[gaButton]", inputs: ["gaButton", "gaButtonLoading", "gaButtonLoadingLabel", "disabled"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: GaDatepickerComponent, selector: "ga-datepicker", inputs: ["value", "min", "max"], outputs: ["valueChange"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
1432
1398
|
}
|
|
1433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerToggleComponent, decorators: [{
|
|
1434
1400
|
type: Component,
|
|
1435
1401
|
args: [{ selector: 'ga-datepicker-toggle', imports: [GaIconModule, GaButtonModule, OverlayModule, GaDatepickerComponent], encapsulation: ViewEncapsulation.None, host: {
|
|
1436
1402
|
'(keydown.escape)': 'close()',
|
|
1437
1403
|
}, template: "<button\n type=\"button\"\n class=\"ga-datepicker-toggle\"\n [disabled]=\"for().disabled()\"\n (click)=\"toggle()\"\n [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-haspopup]=\"true\"\n [attr.aria-label]=\"i18n.openCalendarLabel\"\n tabindex=\"-1\"\n>\n <ga-icon [icon]=\"icons.CalendarDays\" size=\"24\" />\n</button>\n\n<ng-template\n cdkConnectedOverlay\n cdkConnectedOverlayLockPosition\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (overlayKeydown)=\"$event.code === 'Escape' && close()\"\n>\n <div class=\"ga-datepicker\">\n <ga-datepicker\n [value]=\"for().value()\"\n (valueChange)=\"onDatepickerValueChange($event)\"\n [min]=\"for().min()\"\n [max]=\"for().max()\"\n />\n <div class=\"ga-datepicker__footer\">\n <button type=\"button\" gaButton (click)=\"setToday()\">\n {{ i18n.todayButtonLabel }}\n </button>\n </div>\n </div>\n</ng-template>\n", styles: [".ga-datepicker__footer{text-align:center}\n"] }]
|
|
1438
|
-
}] });
|
|
1404
|
+
}], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: true }] }] } });
|
|
1439
1405
|
|
|
1440
1406
|
function GA_DATEPICKER_PARSER_FORMATTER_FACTORY() {
|
|
1441
1407
|
return new GaDatepickerParserFormatterDefault();
|
|
@@ -1444,10 +1410,10 @@ function GA_DATEPICKER_PARSER_FORMATTER_FACTORY() {
|
|
|
1444
1410
|
* Converts between the internal `GaDatepickerStruct` model presentation and a `string` that is displayed in the input element.
|
|
1445
1411
|
*/
|
|
1446
1412
|
class GaDatepickerParserFormatter {
|
|
1447
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1448
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1413
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatter, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1414
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatter, providedIn: 'root', useFactory: GA_DATEPICKER_PARSER_FORMATTER_FACTORY });
|
|
1449
1415
|
}
|
|
1450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatter, decorators: [{
|
|
1451
1417
|
type: Injectable,
|
|
1452
1418
|
args: [{
|
|
1453
1419
|
providedIn: 'root',
|
|
@@ -1652,10 +1618,10 @@ class GaDatepickerParserFormatterDefault extends GaDatepickerParserFormatter {
|
|
|
1652
1618
|
printUnknownLocaleWarning() {
|
|
1653
1619
|
console.warn(`Default datepicker parser-formatter does not have predefined formats for "${this.locale}" locale. Please provide custom 'GaDatepickerParserFormatter' class. Now defaults to "en-GB".`);
|
|
1654
1620
|
}
|
|
1655
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1656
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1621
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatterDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
1622
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatterDefault });
|
|
1657
1623
|
}
|
|
1658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerParserFormatterDefault, decorators: [{
|
|
1659
1625
|
type: Injectable
|
|
1660
1626
|
}] });
|
|
1661
1627
|
function provideGaDatepickerParserFormatter(value) {
|
|
@@ -1672,20 +1638,18 @@ class GaDatepickerInputDirective {
|
|
|
1672
1638
|
parserFormatter = inject(GaDatepickerParserFormatter);
|
|
1673
1639
|
valueAdapter = inject(GaDatepickerValueAdapter);
|
|
1674
1640
|
// Native value control (alternative to Angular forms)
|
|
1675
|
-
valueInput = input(null, { alias: 'value' });
|
|
1676
|
-
disabledInput = input(null, {
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
});
|
|
1680
|
-
min = input(null);
|
|
1681
|
-
max = input(null);
|
|
1641
|
+
valueInput = input(null, { ...(ngDevMode ? { debugName: "valueInput" } : {}), alias: 'value' });
|
|
1642
|
+
disabledInput = input(null, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
1643
|
+
transform: booleanAttribute });
|
|
1644
|
+
min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
|
|
1645
|
+
max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : []));
|
|
1682
1646
|
dateInput = output();
|
|
1683
1647
|
dateChange = output();
|
|
1684
|
-
value = linkedSignal(() => this.valueInput());
|
|
1685
|
-
dateStruct = computed(() => this.valueAdapter.toStruct(this.value()));
|
|
1686
|
-
disabled = linkedSignal(() => !!this.disabledInput());
|
|
1687
|
-
lastValueValid = signal(false);
|
|
1688
|
-
lastDateChangeEmittedValue = signal(null);
|
|
1648
|
+
value = linkedSignal(() => this.valueInput(), ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
1649
|
+
dateStruct = computed(() => this.valueAdapter.toStruct(this.value()), ...(ngDevMode ? [{ debugName: "dateStruct" }] : []));
|
|
1650
|
+
disabled = linkedSignal(() => !!this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
1651
|
+
lastValueValid = signal(false, ...(ngDevMode ? [{ debugName: "lastValueValid" }] : []));
|
|
1652
|
+
lastDateChangeEmittedValue = signal(null, ...(ngDevMode ? [{ debugName: "lastDateChangeEmittedValue" }] : []));
|
|
1689
1653
|
onNgChangeFn;
|
|
1690
1654
|
onNgTouchedFn;
|
|
1691
1655
|
constructor() {
|
|
@@ -1777,8 +1741,8 @@ class GaDatepickerInputDirective {
|
|
|
1777
1741
|
}
|
|
1778
1742
|
return null;
|
|
1779
1743
|
}
|
|
1780
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1781
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1744
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1745
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaDatepickerInputDirective, isStandalone: true, selector: "input[gaDatepickerInput]", inputs: { valueInput: { classPropertyName: "valueInput", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateInput: "dateInput", dateChange: "dateChange" }, host: { listeners: { "blur": "onBlur()", "input": "onInput($event)" }, properties: { "disabled": "disabled()" } }, providers: [
|
|
1782
1746
|
{
|
|
1783
1747
|
provide: NG_VALUE_ACCESSOR,
|
|
1784
1748
|
useExisting: forwardRef(() => GaDatepickerInputDirective),
|
|
@@ -1791,7 +1755,7 @@ class GaDatepickerInputDirective {
|
|
|
1791
1755
|
},
|
|
1792
1756
|
], exportAs: ["gaDatepickerInput"], ngImport: i0 });
|
|
1793
1757
|
}
|
|
1794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1758
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerInputDirective, decorators: [{
|
|
1795
1759
|
type: Directive,
|
|
1796
1760
|
args: [{
|
|
1797
1761
|
selector: 'input[gaDatepickerInput]',
|
|
@@ -1814,19 +1778,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1814
1778
|
'(input)': 'onInput($event)',
|
|
1815
1779
|
},
|
|
1816
1780
|
}]
|
|
1817
|
-
}], ctorParameters: () => [] });
|
|
1781
|
+
}], ctorParameters: () => [], propDecorators: { valueInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], dateInput: [{ type: i0.Output, args: ["dateInput"] }], dateChange: [{ type: i0.Output, args: ["dateChange"] }] } });
|
|
1818
1782
|
|
|
1819
1783
|
class GaDatepickerModule {
|
|
1820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1821
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1784
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1785
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerModule, imports: [GaDatepickerComponent,
|
|
1822
1786
|
GaDatepickerToggleComponent,
|
|
1823
1787
|
GaDatepickerInputDirective], exports: [GaDatepickerComponent,
|
|
1824
1788
|
GaDatepickerToggleComponent,
|
|
1825
1789
|
GaDatepickerInputDirective] });
|
|
1826
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1790
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerModule, imports: [GaDatepickerComponent,
|
|
1827
1791
|
GaDatepickerToggleComponent] });
|
|
1828
1792
|
}
|
|
1829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1793
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerModule, decorators: [{
|
|
1830
1794
|
type: NgModule,
|
|
1831
1795
|
args: [{
|
|
1832
1796
|
imports: [
|
|
@@ -1868,10 +1832,10 @@ class GaDatepickerNativeUtcValueAdapter extends GaDatepickerValueAdapter {
|
|
|
1868
1832
|
// Create UTC date at midnight (convert month from 1-12 to 0-11)
|
|
1869
1833
|
return new Date(Date.UTC(struct.year, struct.month - 1, struct.day, 0, 0, 0, 0));
|
|
1870
1834
|
}
|
|
1871
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1872
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcValueAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
1836
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcValueAdapter });
|
|
1873
1837
|
}
|
|
1874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcValueAdapter, decorators: [{
|
|
1875
1839
|
type: Injectable
|
|
1876
1840
|
}] });
|
|
1877
1841
|
|
|
@@ -1902,16 +1866,16 @@ class GaDatepickerNativeUtcIsoValueAdapter extends GaDatepickerValueAdapter {
|
|
|
1902
1866
|
return null;
|
|
1903
1867
|
return new Date(Date.UTC(struct.year, struct.month - 1, struct.day, 0, 0, 0, 0)).toISOString();
|
|
1904
1868
|
}
|
|
1905
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1906
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1869
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcIsoValueAdapter, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
1870
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcIsoValueAdapter });
|
|
1907
1871
|
}
|
|
1908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDatepickerNativeUtcIsoValueAdapter, decorators: [{
|
|
1909
1873
|
type: Injectable
|
|
1910
1874
|
}] });
|
|
1911
1875
|
|
|
1912
1876
|
class GaSegmentedControlComponent {
|
|
1913
|
-
selected = model();
|
|
1914
|
-
compareFn = input((a, b) => a === b);
|
|
1877
|
+
selected = model(...(ngDevMode ? [undefined, { debugName: "selected" }] : []));
|
|
1878
|
+
compareFn = input((a, b) => a === b, ...(ngDevMode ? [{ debugName: "compareFn" }] : []));
|
|
1915
1879
|
change = output();
|
|
1916
1880
|
safeCompareFn = computed(() => {
|
|
1917
1881
|
const compareFn = this.compareFn();
|
|
@@ -1921,11 +1885,11 @@ class GaSegmentedControlComponent {
|
|
|
1921
1885
|
}
|
|
1922
1886
|
return compareFn(o1, o2);
|
|
1923
1887
|
};
|
|
1924
|
-
});
|
|
1925
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1926
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1888
|
+
}, ...(ngDevMode ? [{ debugName: "safeCompareFn" }] : []));
|
|
1889
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1890
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaSegmentedControlComponent, isStandalone: true, selector: "ga-segmented-control", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, compareFn: { classPropertyName: "compareFn", publicName: "compareFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", change: "change" }, host: { attributes: { "role": "group" }, classAttribute: "ga-segmented-control" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1927
1891
|
}
|
|
1928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlComponent, decorators: [{
|
|
1929
1893
|
type: Component,
|
|
1930
1894
|
args: [{
|
|
1931
1895
|
selector: 'ga-segmented-control',
|
|
@@ -1936,14 +1900,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1936
1900
|
class: 'ga-segmented-control',
|
|
1937
1901
|
},
|
|
1938
1902
|
}]
|
|
1939
|
-
}] });
|
|
1903
|
+
}], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], compareFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareFn", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
|
|
1940
1904
|
|
|
1941
1905
|
class GaSegmentedControlButtonDirective {
|
|
1942
1906
|
/** @ignore */
|
|
1943
1907
|
group = inject(GaSegmentedControlComponent, {
|
|
1944
1908
|
skipSelf: true,
|
|
1945
1909
|
});
|
|
1946
|
-
value = input();
|
|
1910
|
+
value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
1947
1911
|
selected = computed(() => {
|
|
1948
1912
|
const value = this.value();
|
|
1949
1913
|
const selectedValue = this.group.selected();
|
|
@@ -1951,15 +1915,15 @@ class GaSegmentedControlButtonDirective {
|
|
|
1951
1915
|
return false;
|
|
1952
1916
|
}
|
|
1953
1917
|
return this.group.safeCompareFn()(selectedValue, value);
|
|
1954
|
-
});
|
|
1918
|
+
}, ...(ngDevMode ? [{ debugName: "selected" }] : []));
|
|
1955
1919
|
onClick() {
|
|
1956
1920
|
this.group.selected.set(this.value());
|
|
1957
1921
|
this.group.change.emit(this.value());
|
|
1958
1922
|
}
|
|
1959
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1960
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1923
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1924
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaSegmentedControlButtonDirective, isStandalone: true, selector: "[gaSegmentedControlButton]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "class.ga-segmented-control__button--selected": "selected()", "attr.aria-pressed": "selected()" }, classAttribute: "ga-segmented-control__button" }, ngImport: i0 });
|
|
1961
1925
|
}
|
|
1962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlButtonDirective, decorators: [{
|
|
1963
1927
|
type: Directive,
|
|
1964
1928
|
args: [{
|
|
1965
1929
|
selector: '[gaSegmentedControlButton]',
|
|
@@ -1970,16 +1934,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1970
1934
|
'[attr.aria-pressed]': 'selected()',
|
|
1971
1935
|
},
|
|
1972
1936
|
}]
|
|
1973
|
-
}], propDecorators: { onClick: [{
|
|
1937
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], onClick: [{
|
|
1974
1938
|
type: HostListener,
|
|
1975
1939
|
args: ['click']
|
|
1976
1940
|
}] } });
|
|
1977
1941
|
|
|
1978
1942
|
class GaSegmentedControlIconButtonComponent {
|
|
1979
|
-
value = input.required();
|
|
1980
|
-
icon = input.required();
|
|
1981
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1982
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1943
|
+
value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
1944
|
+
icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
1945
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1946
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaSegmentedControlIconButtonComponent, isStandalone: true, selector: "ga-segmented-control-icon-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<button
|
|
1983
1947
|
class="ga-segmented-control__button--icon-only"
|
|
1984
1948
|
gaSegmentedControlButton
|
|
1985
1949
|
[value]="value()"
|
|
@@ -1988,7 +1952,7 @@ class GaSegmentedControlIconButtonComponent {
|
|
|
1988
1952
|
<span class="ga-segmented-control__button-sr-label"><ng-content /></span>
|
|
1989
1953
|
</button>`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "directive", type: GaSegmentedControlButtonDirective, selector: "[gaSegmentedControlButton]", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1990
1954
|
}
|
|
1991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlIconButtonComponent, decorators: [{
|
|
1992
1956
|
type: Component,
|
|
1993
1957
|
args: [{
|
|
1994
1958
|
selector: 'ga-segmented-control-icon-button',
|
|
@@ -2003,16 +1967,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2003
1967
|
</button>`,
|
|
2004
1968
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2005
1969
|
}]
|
|
2006
|
-
}] });
|
|
1970
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }] } });
|
|
2007
1971
|
|
|
2008
1972
|
class GaSegmentedControlTextButtonComponent {
|
|
2009
|
-
value = input.required();
|
|
2010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2011
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1973
|
+
value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
1974
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlTextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1975
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaSegmentedControlTextButtonComponent, isStandalone: true, selector: "ga-segmented-control-text-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<button gaSegmentedControlButton [value]="value()">
|
|
2012
1976
|
<ng-content />
|
|
2013
1977
|
</button>`, isInline: true, dependencies: [{ kind: "directive", type: GaSegmentedControlButtonDirective, selector: "[gaSegmentedControlButton]", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2014
1978
|
}
|
|
2015
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlTextButtonComponent, decorators: [{
|
|
2016
1980
|
type: Component,
|
|
2017
1981
|
args: [{
|
|
2018
1982
|
selector: 'ga-segmented-control-text-button',
|
|
@@ -2022,18 +1986,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2022
1986
|
</button>`,
|
|
2023
1987
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2024
1988
|
}]
|
|
2025
|
-
}] });
|
|
1989
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
|
|
2026
1990
|
|
|
2027
1991
|
class GaSegmentedControlModule {
|
|
2028
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2029
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1992
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1993
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlModule, imports: [GaSegmentedControlComponent,
|
|
2030
1994
|
GaSegmentedControlIconButtonComponent,
|
|
2031
1995
|
GaSegmentedControlTextButtonComponent], exports: [GaSegmentedControlComponent,
|
|
2032
1996
|
GaSegmentedControlIconButtonComponent,
|
|
2033
1997
|
GaSegmentedControlTextButtonComponent] });
|
|
2034
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1998
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlModule, imports: [GaSegmentedControlIconButtonComponent] });
|
|
2035
1999
|
}
|
|
2036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2000
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSegmentedControlModule, decorators: [{
|
|
2037
2001
|
type: NgModule,
|
|
2038
2002
|
args: [{
|
|
2039
2003
|
imports: [
|
|
@@ -2050,11 +2014,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2050
2014
|
}] });
|
|
2051
2015
|
|
|
2052
2016
|
class GaInputModule {
|
|
2053
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2054
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2055
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2017
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2018
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaInputModule, imports: [GaInputComponent, GaInputDirective], exports: [GaInputComponent, GaInputDirective] });
|
|
2019
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputModule });
|
|
2056
2020
|
}
|
|
2057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaInputModule, decorators: [{
|
|
2058
2022
|
type: NgModule,
|
|
2059
2023
|
args: [{
|
|
2060
2024
|
imports: [GaInputComponent, GaInputDirective],
|
|
@@ -2113,7 +2077,7 @@ class GaFieldCalloutComponent {
|
|
|
2113
2077
|
return false;
|
|
2114
2078
|
}
|
|
2115
2079
|
return formControl.inError() && this.overlappingErrors().length > 0;
|
|
2116
|
-
});
|
|
2080
|
+
}, ...(ngDevMode ? [{ debugName: "shouldShowError" }] : []));
|
|
2117
2081
|
overlappingErrors = computed(() => {
|
|
2118
2082
|
const formControl = this.formField.formControl();
|
|
2119
2083
|
if (!formControl) {
|
|
@@ -2153,12 +2117,12 @@ class GaFieldCalloutComponent {
|
|
|
2153
2117
|
}
|
|
2154
2118
|
});
|
|
2155
2119
|
return errors;
|
|
2156
|
-
});
|
|
2157
|
-
hasCallout = computed(() => !!this.formField.fieldInfo() || this.shouldShowError());
|
|
2158
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2159
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2120
|
+
}, ...(ngDevMode ? [{ debugName: "overlappingErrors" }] : []));
|
|
2121
|
+
hasCallout = computed(() => !!this.formField.fieldInfo() || this.shouldShowError(), ...(ngDevMode ? [{ debugName: "hasCallout" }] : []));
|
|
2122
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldCalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2123
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaFieldCalloutComponent, isStandalone: true, selector: "ga-field-callout", host: { properties: { "attr.id": "id", "style.display": "hasCallout() ? null : \"none\"" }, classAttribute: "ga-form-field__info" }, ngImport: i0, template: "@if (shouldShowError()) {\n <ga-icon\n [icon]=\"icons.OctagonAlert\"\n class=\"ga-icon\"\n style=\"color: var(--ga-color-icon-error)\"\n size=\"16\"\n />\n <div>\n @for (error of overlappingErrors(); track error.key; let last = $last) {\n <span>\n @if (error.templateRef) {\n <ng-container\n [ngTemplateOutlet]=\"error.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: error.error }\"\n />\n } @else {\n {{ error.message }}\n }\n @if (!last) {\n \n }\n </span>\n }\n </div>\n} @else if (formField.fieldInfo()) {\n <ng-container [ngTemplateOutlet]=\"formField.fieldInfo()!.templateRef()\" />\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2160
2124
|
}
|
|
2161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldCalloutComponent, decorators: [{
|
|
2162
2126
|
type: Component,
|
|
2163
2127
|
args: [{ selector: 'ga-field-callout', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, GaIconModule], host: {
|
|
2164
2128
|
class: 'ga-form-field__info',
|
|
@@ -2169,10 +2133,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2169
2133
|
|
|
2170
2134
|
class GaFieldInfoComponent {
|
|
2171
2135
|
templateRef = viewChild.required(TemplateRef);
|
|
2172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2173
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2136
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2137
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.4", type: GaFieldInfoComponent, isStandalone: true, selector: "ga-info", host: { properties: { "style.display": "\"none\"" } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template><ng-content /></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2174
2138
|
}
|
|
2175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldInfoComponent, decorators: [{
|
|
2176
2140
|
type: Component,
|
|
2177
2141
|
args: [{
|
|
2178
2142
|
selector: 'ga-info',
|
|
@@ -2182,20 +2146,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2182
2146
|
'[style.display]': '"none"',
|
|
2183
2147
|
},
|
|
2184
2148
|
}]
|
|
2185
|
-
}] });
|
|
2149
|
+
}], propDecorators: { templateRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
2186
2150
|
|
|
2187
2151
|
class GaFieldErrorDirective {
|
|
2188
2152
|
templateRef = inject(TemplateRef, { self: true });
|
|
2189
|
-
key = input.required({ alias: 'gaError' });
|
|
2190
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2191
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
2153
|
+
key = input.required({ ...(ngDevMode ? { debugName: "key" } : {}), alias: 'gaError' });
|
|
2154
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2155
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaFieldErrorDirective, isStandalone: true, selector: "[gaError]", inputs: { key: { classPropertyName: "key", publicName: "gaError", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
|
|
2192
2156
|
}
|
|
2193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldErrorDirective, decorators: [{
|
|
2194
2158
|
type: Directive,
|
|
2195
2159
|
args: [{
|
|
2196
2160
|
selector: '[gaError]',
|
|
2197
2161
|
}]
|
|
2198
|
-
}] });
|
|
2162
|
+
}], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaError", required: true }] }] } });
|
|
2199
2163
|
|
|
2200
2164
|
const GA_FORM_FIELD_ID = new InjectionToken('ga-form-field-id');
|
|
2201
2165
|
|
|
@@ -2203,18 +2167,16 @@ let nextUniqueId$8 = 0;
|
|
|
2203
2167
|
class GaFormFieldComponent {
|
|
2204
2168
|
uniqueId = inject(GA_FORM_FIELD_ID);
|
|
2205
2169
|
formFieldConnector = inject(GaFormFieldConnector);
|
|
2206
|
-
disabledInput = input(undefined, {
|
|
2207
|
-
|
|
2208
|
-
transform: booleanAttribute,
|
|
2209
|
-
});
|
|
2170
|
+
disabledInput = input(undefined, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
2171
|
+
transform: booleanAttribute });
|
|
2210
2172
|
disabled = computed(() => {
|
|
2211
2173
|
return this.disabledInput() ?? this.formFieldConnector.controlDisabled();
|
|
2212
|
-
});
|
|
2174
|
+
}, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
2213
2175
|
formControl = this.formFieldConnector.control.asReadonly();
|
|
2214
|
-
fieldInfo = contentChild(GaFieldInfoComponent);
|
|
2215
|
-
fieldErrors = contentChildren(GaFieldErrorDirective);
|
|
2216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2176
|
+
fieldInfo = contentChild(GaFieldInfoComponent, ...(ngDevMode ? [{ debugName: "fieldInfo" }] : []));
|
|
2177
|
+
fieldErrors = contentChildren(GaFieldErrorDirective, ...(ngDevMode ? [{ debugName: "fieldErrors" }] : []));
|
|
2178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2179
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.4", type: GaFormFieldComponent, isStandalone: true, selector: "ga-form-field", inputs: { disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-form-field" }, providers: [
|
|
2218
2180
|
{
|
|
2219
2181
|
provide: GA_FORM_FIELD_ID,
|
|
2220
2182
|
useFactory: () => `ga-form-field-${++nextUniqueId$8}`,
|
|
@@ -2222,7 +2184,7 @@ class GaFormFieldComponent {
|
|
|
2222
2184
|
GaFormFieldConnector,
|
|
2223
2185
|
], queries: [{ propertyName: "fieldInfo", first: true, predicate: GaFieldInfoComponent, descendants: true, isSignal: true }, { propertyName: "fieldErrors", predicate: GaFieldErrorDirective, isSignal: true }], exportAs: ["gaFormField"], ngImport: i0, template: "<ng-content select=\"ga-label\" />\n<ng-content />\n<ga-field-callout />\n", dependencies: [{ kind: "component", type: GaFieldCalloutComponent, selector: "ga-field-callout" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2224
2186
|
}
|
|
2225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldComponent, decorators: [{
|
|
2226
2188
|
type: Component,
|
|
2227
2189
|
args: [{ selector: 'ga-form-field', exportAs: 'gaFormField', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GaFieldCalloutComponent], host: {
|
|
2228
2190
|
class: 'ga-form-field',
|
|
@@ -2233,7 +2195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2233
2195
|
},
|
|
2234
2196
|
GaFormFieldConnector,
|
|
2235
2197
|
], template: "<ng-content select=\"ga-label\" />\n<ng-content />\n<ga-field-callout />\n" }]
|
|
2236
|
-
}] });
|
|
2198
|
+
}], propDecorators: { disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fieldInfo: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaFieldInfoComponent), { isSignal: true }] }], fieldErrors: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => GaFieldErrorDirective), { isSignal: true }] }] } });
|
|
2237
2199
|
|
|
2238
2200
|
let nextUniqueId$7 = 0;
|
|
2239
2201
|
/**
|
|
@@ -2246,18 +2208,18 @@ class GaTooltipComponent {
|
|
|
2246
2208
|
uniqueId = `ga-tooltip-${++nextUniqueId$7}`;
|
|
2247
2209
|
mouseLeaveSubject = new Subject();
|
|
2248
2210
|
afterMouseLeave = () => this.mouseLeaveSubject.asObservable();
|
|
2249
|
-
mouseOver = signal(false);
|
|
2250
|
-
content = input.required();
|
|
2211
|
+
mouseOver = signal(false, ...(ngDevMode ? [{ debugName: "mouseOver" }] : []));
|
|
2212
|
+
content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
2251
2213
|
template = computed(() => {
|
|
2252
2214
|
const content = this.content();
|
|
2253
2215
|
return content instanceof TemplateRef ? content : null;
|
|
2254
|
-
});
|
|
2216
|
+
}, ...(ngDevMode ? [{ debugName: "template" }] : []));
|
|
2255
2217
|
text = computed(() => {
|
|
2256
2218
|
const content = this.content();
|
|
2257
2219
|
return typeof content === 'string' ? content : null;
|
|
2258
|
-
});
|
|
2259
|
-
position = input();
|
|
2260
|
-
offset = input(0);
|
|
2220
|
+
}, ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
2221
|
+
position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
2222
|
+
offset = input(0, ...(ngDevMode ? [{ debugName: "offset" }] : []));
|
|
2261
2223
|
hideTriggered = output();
|
|
2262
2224
|
triggerHide = () => this.hideTriggered.emit();
|
|
2263
2225
|
inlineStyle = computed(() => {
|
|
@@ -2265,10 +2227,10 @@ class GaTooltipComponent {
|
|
|
2265
2227
|
return '';
|
|
2266
2228
|
}
|
|
2267
2229
|
return `--ga-tooltip-offset: ${this.offset()}px;`;
|
|
2268
|
-
});
|
|
2230
|
+
}, ...(ngDevMode ? [{ debugName: "inlineStyle" }] : []));
|
|
2269
2231
|
cssClass = computed(() => {
|
|
2270
2232
|
return ['ga-tooltip', `ga-tooltip--${this.position()}`].join(' ');
|
|
2271
|
-
});
|
|
2233
|
+
}, ...(ngDevMode ? [{ debugName: "cssClass" }] : []));
|
|
2272
2234
|
handleMouseEnter() {
|
|
2273
2235
|
this.mouseOver.set(true);
|
|
2274
2236
|
}
|
|
@@ -2276,15 +2238,15 @@ class GaTooltipComponent {
|
|
|
2276
2238
|
this.mouseOver.set(false);
|
|
2277
2239
|
this.mouseLeaveSubject.next();
|
|
2278
2240
|
}
|
|
2279
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2280
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2241
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2242
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaTooltipComponent, isStandalone: true, selector: "ga-tooltip", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hideTriggered: "hideTriggered" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.style": "inlineStyle()" } }, ngImport: i0, template: "<div role=\"tooltip\" [attr.id]=\"uniqueId\" [class]=\"cssClass()\">\n @if (text()) {\n {{ text() }}\n } @else if (template()) {\n <ng-container\n [ngTemplateOutlet]=\"template()\"\n [ngTemplateOutletContext]=\"{ hide: triggerHide }\"\n />\n }\n</div>\n", styles: [".top-start :host,.top-center :host,.top-end :host{padding-bottom:var(--ga-tooltip-offset)}.bottom-start :host,.bottom-center :host,.bottom-end :host{padding-top:var(--ga-tooltip-offset)}.left-start :host,.left-center :host,.left-end :host{padding-right:var(--ga-tooltip-offset)}.right-start :host,.right-center :host,.right-end :host{padding-left:var(--ga-tooltip-offset)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2281
2243
|
}
|
|
2282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipComponent, decorators: [{
|
|
2283
2245
|
type: Component,
|
|
2284
2246
|
args: [{ selector: 'ga-tooltip', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2285
2247
|
'[attr.style]': 'inlineStyle()',
|
|
2286
2248
|
}, template: "<div role=\"tooltip\" [attr.id]=\"uniqueId\" [class]=\"cssClass()\">\n @if (text()) {\n {{ text() }}\n } @else if (template()) {\n <ng-container\n [ngTemplateOutlet]=\"template()\"\n [ngTemplateOutletContext]=\"{ hide: triggerHide }\"\n />\n }\n</div>\n", styles: [".top-start :host,.top-center :host,.top-end :host{padding-bottom:var(--ga-tooltip-offset)}.bottom-start :host,.bottom-center :host,.bottom-end :host{padding-top:var(--ga-tooltip-offset)}.left-start :host,.left-center :host,.left-end :host{padding-right:var(--ga-tooltip-offset)}.right-start :host,.right-center :host,.right-end :host{padding-left:var(--ga-tooltip-offset)}\n"] }]
|
|
2287
|
-
}], propDecorators: { handleMouseEnter: [{
|
|
2249
|
+
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], hideTriggered: [{ type: i0.Output, args: ["hideTriggered"] }], handleMouseEnter: [{
|
|
2288
2250
|
type: HostListener,
|
|
2289
2251
|
args: ['mouseenter']
|
|
2290
2252
|
}], handleMouseLeave: [{
|
|
@@ -2573,10 +2535,10 @@ class GaTooltipDirective {
|
|
|
2573
2535
|
return [bottom, top, right, left];
|
|
2574
2536
|
}
|
|
2575
2537
|
}
|
|
2576
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2577
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2538
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2539
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.4", type: GaTooltipDirective, isStandalone: true, selector: "[gaTooltip]", inputs: { content: ["gaTooltip", "content"], disabled: ["gaTooltipDisabled", "disabled", booleanAttribute], controlMode: ["gaTooltipControlMode", "controlMode"], showControlMode: ["gaTooltipShowControlMode", "showControlMode"], hideControlMode: ["gaTooltipHideControlMode", "hideControlMode"], offset: ["gaTooltipOffsetSize", "offset", numberAttribute], placement: ["gaTooltipPlacement", "placement"] }, host: { listeners: { "click": "handleMouseClick()", "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.aria-describedby": "this.ariaDescribedBy" } }, exportAs: ["gaTooltip"], ngImport: i0 });
|
|
2578
2540
|
}
|
|
2579
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipDirective, decorators: [{
|
|
2580
2542
|
type: Directive,
|
|
2581
2543
|
args: [{
|
|
2582
2544
|
selector: '[gaTooltip]',
|
|
@@ -2618,11 +2580,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2618
2580
|
}] } });
|
|
2619
2581
|
|
|
2620
2582
|
class GaTooltipModule {
|
|
2621
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2622
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2623
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2583
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2584
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipModule, imports: [GaTooltipDirective], exports: [GaTooltipDirective] });
|
|
2585
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipModule });
|
|
2624
2586
|
}
|
|
2625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTooltipModule, decorators: [{
|
|
2626
2588
|
type: NgModule,
|
|
2627
2589
|
args: [{
|
|
2628
2590
|
imports: [GaTooltipDirective],
|
|
@@ -2637,16 +2599,16 @@ class GaFieldLabelComponent {
|
|
|
2637
2599
|
optional: true,
|
|
2638
2600
|
});
|
|
2639
2601
|
uniqueId = this.formField.uniqueId + '-label';
|
|
2640
|
-
for = input();
|
|
2641
|
-
definition = input(null);
|
|
2642
|
-
state = input();
|
|
2643
|
-
idInput = input(undefined, { alias: 'id' });
|
|
2602
|
+
for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : []));
|
|
2603
|
+
definition = input(null, ...(ngDevMode ? [{ debugName: "definition" }] : []));
|
|
2604
|
+
state = input(...(ngDevMode ? [undefined, { debugName: "state" }] : []));
|
|
2605
|
+
idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
|
|
2644
2606
|
id = computed(() => {
|
|
2645
2607
|
return this.idInput() ?? this.uniqueId;
|
|
2646
|
-
});
|
|
2608
|
+
}, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
2647
2609
|
controlId = computed(() => {
|
|
2648
2610
|
return this.for() ?? this.formFieldConnector?.controlId();
|
|
2649
|
-
});
|
|
2611
|
+
}, ...(ngDevMode ? [{ debugName: "controlId" }] : []));
|
|
2650
2612
|
controlElement = computed(() => {
|
|
2651
2613
|
const controlId = this.controlId();
|
|
2652
2614
|
if (!controlId) {
|
|
@@ -2657,7 +2619,7 @@ class GaFieldLabelComponent {
|
|
|
2657
2619
|
return control;
|
|
2658
2620
|
}
|
|
2659
2621
|
return null;
|
|
2660
|
-
});
|
|
2622
|
+
}, ...(ngDevMode ? [{ debugName: "controlElement" }] : []));
|
|
2661
2623
|
constructor() {
|
|
2662
2624
|
const formFieldConnector = this.formFieldConnector;
|
|
2663
2625
|
if (formFieldConnector) {
|
|
@@ -2672,31 +2634,29 @@ class GaFieldLabelComponent {
|
|
|
2672
2634
|
control.focus();
|
|
2673
2635
|
}
|
|
2674
2636
|
}
|
|
2675
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2676
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2637
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2638
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaFieldLabelComponent, isStandalone: true, selector: "ga-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, definition: { classPropertyName: "definition", publicName: "definition", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, ngImport: i0, template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n<label\n [attr.id]=\"id()\"\n [attr.for]=\"controlId()\"\n class=\"ga-form-field__label\"\n [class.ga-form-field__label--defined]=\"!!definition()\"\n [class.ga-form-field__label--disabled]=\"formField.disabled()\"\n (click)=\"focusControl()\"\n [attr.tabindex]=\"definition() ? 0 : -1\"\n>\n <span\n class=\"ga-form-field__label-text\"\n [gaTooltip]=\"definition()\"\n gaTooltipPlacement=\"top-start\"\n ><ng-content\n /></span>\n @if (state()) {\n <span class=\"ga-form-field__label-state\">{{ state() }}</span>\n }\n</label>\n", dependencies: [{ kind: "ngmodule", type: GaTooltipModule }, { kind: "directive", type: GaTooltipDirective, selector: "[gaTooltip]", inputs: ["gaTooltip", "gaTooltipDisabled", "gaTooltipControlMode", "gaTooltipShowControlMode", "gaTooltipHideControlMode", "gaTooltipOffsetSize", "gaTooltipPlacement"], exportAs: ["gaTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2677
2639
|
}
|
|
2678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFieldLabelComponent, decorators: [{
|
|
2679
2641
|
type: Component,
|
|
2680
2642
|
args: [{ selector: 'ga-label', imports: [GaTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2681
2643
|
'[attr.id]': 'null',
|
|
2682
2644
|
}, template: "<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n<label\n [attr.id]=\"id()\"\n [attr.for]=\"controlId()\"\n class=\"ga-form-field__label\"\n [class.ga-form-field__label--defined]=\"!!definition()\"\n [class.ga-form-field__label--disabled]=\"formField.disabled()\"\n (click)=\"focusControl()\"\n [attr.tabindex]=\"definition() ? 0 : -1\"\n>\n <span\n class=\"ga-form-field__label-text\"\n [gaTooltip]=\"definition()\"\n gaTooltipPlacement=\"top-start\"\n ><ng-content\n /></span>\n @if (state()) {\n <span class=\"ga-form-field__label-state\">{{ state() }}</span>\n }\n</label>\n" }]
|
|
2683
|
-
}], ctorParameters: () => [] });
|
|
2645
|
+
}], ctorParameters: () => [], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], definition: [{ type: i0.Input, args: [{ isSignal: true, alias: "definition", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
2684
2646
|
|
|
2685
2647
|
class GaFormControlDirective {
|
|
2686
2648
|
formFieldId = inject(GA_FORM_FIELD_ID, { optional: true });
|
|
2687
2649
|
formFieldConnector = inject(GaFormFieldConnector, {
|
|
2688
2650
|
optional: true,
|
|
2689
2651
|
});
|
|
2690
|
-
ngControlInput = input(undefined, {
|
|
2691
|
-
alias: 'gaFormControl',
|
|
2692
|
-
});
|
|
2652
|
+
ngControlInput = input(undefined, { ...(ngDevMode ? { debugName: "ngControlInput" } : {}), alias: 'gaFormControl' });
|
|
2693
2653
|
explicitNgControl = computed(() => {
|
|
2694
2654
|
const ngControl = this.ngControlInput();
|
|
2695
2655
|
if (ngControl instanceof NgControl) {
|
|
2696
2656
|
return ngControl;
|
|
2697
2657
|
}
|
|
2698
2658
|
return null;
|
|
2699
|
-
});
|
|
2659
|
+
}, ...(ngDevMode ? [{ debugName: "explicitNgControl" }] : []));
|
|
2700
2660
|
ngControlState = injectNgControlState({
|
|
2701
2661
|
explicitNgControl: this.explicitNgControl,
|
|
2702
2662
|
});
|
|
@@ -2707,17 +2667,17 @@ class GaFormControlDirective {
|
|
|
2707
2667
|
return null;
|
|
2708
2668
|
}
|
|
2709
2669
|
return `${this.formFieldId}-callout`;
|
|
2710
|
-
});
|
|
2670
|
+
}, ...(ngDevMode ? [{ debugName: "ariaErrorMessageId" }] : []));
|
|
2711
2671
|
ngOnInit() {
|
|
2712
2672
|
this.formFieldConnector?.control.set(this);
|
|
2713
2673
|
}
|
|
2714
2674
|
ngOnDestroy() {
|
|
2715
2675
|
this.formFieldConnector?.control.set(null);
|
|
2716
2676
|
}
|
|
2717
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2718
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
2677
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2678
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaFormControlDirective, isStandalone: true, selector: "[gaFormControl]", inputs: { ngControlInput: { classPropertyName: "ngControlInput", publicName: "gaFormControl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-invalid": "inError() ? \"true\" : null", "attr.aria-errormessage": "ariaErrorMessageId()" } }, exportAs: ["gaFormControl"], ngImport: i0 });
|
|
2719
2679
|
}
|
|
2720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormControlDirective, decorators: [{
|
|
2721
2681
|
type: Directive,
|
|
2722
2682
|
args: [{
|
|
2723
2683
|
exportAs: 'gaFormControl',
|
|
@@ -2727,22 +2687,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2727
2687
|
'[attr.aria-errormessage]': 'ariaErrorMessageId()',
|
|
2728
2688
|
},
|
|
2729
2689
|
}]
|
|
2730
|
-
}] });
|
|
2690
|
+
}], propDecorators: { ngControlInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaFormControl", required: false }] }] } });
|
|
2731
2691
|
|
|
2732
2692
|
class GaLabelledByFormFieldDirective {
|
|
2733
2693
|
formFieldConnector = inject(GaFormFieldConnector, {
|
|
2734
2694
|
optional: true,
|
|
2735
2695
|
});
|
|
2736
|
-
ariaLabelledBy = input(null, {
|
|
2737
|
-
alias: 'aria-labelledby',
|
|
2738
|
-
});
|
|
2696
|
+
ariaLabelledBy = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : {}), alias: 'aria-labelledby' });
|
|
2739
2697
|
labelledBy = computed(() => {
|
|
2740
2698
|
return this.ariaLabelledBy() ?? this.formFieldConnector?.labelId();
|
|
2741
|
-
});
|
|
2742
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2743
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
2699
|
+
}, ...(ngDevMode ? [{ debugName: "labelledBy" }] : []));
|
|
2700
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLabelledByFormFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2701
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaLabelledByFormFieldDirective, isStandalone: true, selector: "[gaLabelledByFormField]", inputs: { ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-labelledby": "labelledBy()" } }, ngImport: i0 });
|
|
2744
2702
|
}
|
|
2745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2703
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLabelledByFormFieldDirective, decorators: [{
|
|
2746
2704
|
type: Directive,
|
|
2747
2705
|
args: [{
|
|
2748
2706
|
selector: '[gaLabelledByFormField]',
|
|
@@ -2750,11 +2708,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2750
2708
|
'[attr.aria-labelledby]': 'labelledBy()',
|
|
2751
2709
|
},
|
|
2752
2710
|
}]
|
|
2753
|
-
}] });
|
|
2711
|
+
}], propDecorators: { ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }] } });
|
|
2754
2712
|
|
|
2755
2713
|
class GaFormFieldModule {
|
|
2756
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2757
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2714
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2715
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldModule, imports: [GaFormFieldComponent,
|
|
2758
2716
|
GaFieldLabelComponent,
|
|
2759
2717
|
GaFieldInfoComponent,
|
|
2760
2718
|
GaFieldErrorDirective,
|
|
@@ -2765,9 +2723,9 @@ class GaFormFieldModule {
|
|
|
2765
2723
|
GaFieldErrorDirective,
|
|
2766
2724
|
GaFormControlErrorsDirective,
|
|
2767
2725
|
GaFormControlDirective] });
|
|
2768
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2726
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldModule, imports: [GaFormFieldComponent] });
|
|
2769
2727
|
}
|
|
2770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaFormFieldModule, decorators: [{
|
|
2771
2729
|
type: NgModule,
|
|
2772
2730
|
args: [{
|
|
2773
2731
|
imports: [
|
|
@@ -2790,10 +2748,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2790
2748
|
}] });
|
|
2791
2749
|
|
|
2792
2750
|
class GaMenuComponent {
|
|
2793
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2794
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2751
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaMenuComponent, isStandalone: true, selector: "ga-menu", host: { classAttribute: "ga-menu" }, hostDirectives: [{ directive: i1$2.CdkMenu }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{margin-top:calc(var(--ga-size-spacing-03) * var(--ga-base-scaling-factor, 1));margin-bottom:calc(var(--ga-size-spacing-03) * var(--ga-base-scaling-factor, 1))}\n"] });
|
|
2795
2753
|
}
|
|
2796
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuComponent, decorators: [{
|
|
2797
2755
|
type: Component,
|
|
2798
2756
|
args: [{ selector: 'ga-menu', template: `<ng-content />`, hostDirectives: [CdkMenu], host: {
|
|
2799
2757
|
class: 'ga-menu',
|
|
@@ -2801,26 +2759,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2801
2759
|
}] });
|
|
2802
2760
|
|
|
2803
2761
|
class GaMenuItemComponent {
|
|
2804
|
-
icon = input(undefined, {
|
|
2805
|
-
|
|
2806
|
-
});
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2810
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: GaMenuItemComponent, isStandalone: true, selector: "[gaMenuItem]", inputs: { icon: { classPropertyName: "icon", publicName: "gaMenuItemIcon", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "gaMenuItemDescription", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "gaMenuItemShortcut", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-menu__item" }, hostDirectives: [{ directive: i1$2.CdkMenuItem }], ngImport: i0, template: "@if (icon()) {\n <ga-icon [icon]=\"icon()!\" class=\"ga-menu__item-icon\" size=\"16\" />\n}\n<div class=\"ga-menu__item-content\">\n <div class=\"ga-menu__item-title\">\n <div class=\"ga-menu__item-label\"><ng-content /></div>\n @if (shortcut()) {\n <span class=\"ga-menu__item-shortcut\">{{ shortcut() }}</span>\n }\n </div>\n @if (description()) {\n <div class=\"ga-menu__item-description\">{{ description() }}</div>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
2762
|
+
icon = input(undefined, { ...(ngDevMode ? { debugName: "icon" } : {}), alias: 'gaMenuItemIcon' });
|
|
2763
|
+
description = input('', { ...(ngDevMode ? { debugName: "description" } : {}), alias: 'gaMenuItemDescription' });
|
|
2764
|
+
shortcut = input('', { ...(ngDevMode ? { debugName: "shortcut" } : {}), alias: 'gaMenuItemShortcut' });
|
|
2765
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2766
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaMenuItemComponent, isStandalone: true, selector: "[gaMenuItem]", inputs: { icon: { classPropertyName: "icon", publicName: "gaMenuItemIcon", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "gaMenuItemDescription", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "gaMenuItemShortcut", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-menu__item" }, hostDirectives: [{ directive: i1$2.CdkMenuItem }], ngImport: i0, template: "@if (icon()) {\n <ga-icon [icon]=\"icon()!\" class=\"ga-menu__item-icon\" size=\"16\" />\n}\n<div class=\"ga-menu__item-content\">\n <div class=\"ga-menu__item-title\">\n <div class=\"ga-menu__item-label\"><ng-content /></div>\n @if (shortcut()) {\n <span class=\"ga-menu__item-shortcut\">{{ shortcut() }}</span>\n }\n </div>\n @if (description()) {\n <div class=\"ga-menu__item-description\">{{ description() }}</div>\n }\n</div>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
2811
2767
|
}
|
|
2812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuItemComponent, decorators: [{
|
|
2813
2769
|
type: Component,
|
|
2814
2770
|
args: [{ selector: '[gaMenuItem]', imports: [GaIconModule], hostDirectives: [CdkMenuItem], host: {
|
|
2815
2771
|
class: 'ga-menu__item',
|
|
2816
2772
|
}, template: "@if (icon()) {\n <ga-icon [icon]=\"icon()!\" class=\"ga-menu__item-icon\" size=\"16\" />\n}\n<div class=\"ga-menu__item-content\">\n <div class=\"ga-menu__item-title\">\n <div class=\"ga-menu__item-label\"><ng-content /></div>\n @if (shortcut()) {\n <span class=\"ga-menu__item-shortcut\">{{ shortcut() }}</span>\n }\n </div>\n @if (description()) {\n <div class=\"ga-menu__item-description\">{{ description() }}</div>\n }\n</div>\n" }]
|
|
2817
|
-
}] });
|
|
2773
|
+
}], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaMenuItemIcon", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaMenuItemDescription", required: false }] }], shortcut: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaMenuItemShortcut", required: false }] }] } });
|
|
2818
2774
|
|
|
2819
2775
|
class GaMenuTitleComponent {
|
|
2820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2821
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2776
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2777
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaMenuTitleComponent, isStandalone: true, selector: "ga-menu-title", host: { classAttribute: "ga-menu__title" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2822
2778
|
}
|
|
2823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTitleComponent, decorators: [{
|
|
2824
2780
|
type: Component,
|
|
2825
2781
|
args: [{
|
|
2826
2782
|
selector: 'ga-menu-title',
|
|
@@ -2833,17 +2789,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2833
2789
|
|
|
2834
2790
|
class GaMenuTriggerDirective {
|
|
2835
2791
|
cdkMenuTrigger = inject(CdkMenuTrigger);
|
|
2836
|
-
menuRef = input.required({
|
|
2837
|
-
alias: 'gaMenuTrigger',
|
|
2838
|
-
});
|
|
2792
|
+
menuRef = input.required({ ...(ngDevMode ? { debugName: "menuRef" } : {}), alias: 'gaMenuTrigger' });
|
|
2839
2793
|
isOpen = toSignal(merge(this.cdkMenuTrigger.opened.pipe(map(() => true)), this.cdkMenuTrigger.closed.pipe(map(() => false))), { initialValue: this.cdkMenuTrigger.isOpen() });
|
|
2840
2794
|
constructor() {
|
|
2841
2795
|
effect(() => {
|
|
2842
2796
|
this.cdkMenuTrigger.menuTemplateRef = this.menuRef();
|
|
2843
2797
|
});
|
|
2844
2798
|
}
|
|
2845
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2846
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
2799
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2800
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaMenuTriggerDirective, isStandalone: true, selector: "[gaMenuTrigger]", inputs: { menuRef: { classPropertyName: "menuRef", publicName: "gaMenuTrigger", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
|
|
2847
2801
|
{
|
|
2848
2802
|
provide: MENU_SCROLL_STRATEGY,
|
|
2849
2803
|
useFactory: () => {
|
|
@@ -2853,7 +2807,7 @@ class GaMenuTriggerDirective {
|
|
|
2853
2807
|
},
|
|
2854
2808
|
], exportAs: ["gaMenuTrigger"], hostDirectives: [{ directive: i1$2.CdkMenuTrigger, outputs: ["cdkMenuOpened", "gaMenuOpened", "cdkMenuClosed", "gaMenuClosed"] }], ngImport: i0 });
|
|
2855
2809
|
}
|
|
2856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTriggerDirective, decorators: [{
|
|
2857
2811
|
type: Directive,
|
|
2858
2812
|
args: [{
|
|
2859
2813
|
selector: '[gaMenuTrigger]',
|
|
@@ -2875,13 +2829,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2875
2829
|
},
|
|
2876
2830
|
],
|
|
2877
2831
|
}]
|
|
2878
|
-
}], ctorParameters: () => [] });
|
|
2832
|
+
}], ctorParameters: () => [], propDecorators: { menuRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaMenuTrigger", required: true }] }] } });
|
|
2879
2833
|
|
|
2880
2834
|
class GaMenuSeparatorComponent {
|
|
2881
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2882
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2835
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2836
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaMenuSeparatorComponent, isStandalone: true, selector: "ga-menu-separator", host: { classAttribute: "ga-menu__separator" }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
2883
2837
|
}
|
|
2884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2838
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuSeparatorComponent, decorators: [{
|
|
2885
2839
|
type: Component,
|
|
2886
2840
|
args: [{
|
|
2887
2841
|
selector: 'ga-menu-separator',
|
|
@@ -2896,11 +2850,11 @@ class GaMenuTriggerIconComponent {
|
|
|
2896
2850
|
menuTrigger = inject(GaMenuTriggerDirective);
|
|
2897
2851
|
icon = computed(() => {
|
|
2898
2852
|
return this.menuTrigger.isOpen() ? ChevronUp : ChevronDown;
|
|
2899
|
-
});
|
|
2900
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2901
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2853
|
+
}, ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
2854
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTriggerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2855
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaMenuTriggerIconComponent, isStandalone: true, selector: "ga-menu-trigger-icon", ngImport: i0, template: `<ga-icon [icon]="icon()" />`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
2902
2856
|
}
|
|
2903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuTriggerIconComponent, decorators: [{
|
|
2904
2858
|
type: Component,
|
|
2905
2859
|
args: [{
|
|
2906
2860
|
selector: 'ga-menu-trigger-icon',
|
|
@@ -2910,8 +2864,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2910
2864
|
}] });
|
|
2911
2865
|
|
|
2912
2866
|
class GaMenuModule {
|
|
2913
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2914
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2867
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2868
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaMenuModule, imports: [GaMenuComponent,
|
|
2915
2869
|
GaMenuItemComponent,
|
|
2916
2870
|
GaMenuTriggerDirective,
|
|
2917
2871
|
GaMenuSeparatorComponent,
|
|
@@ -2922,10 +2876,10 @@ class GaMenuModule {
|
|
|
2922
2876
|
GaMenuSeparatorComponent,
|
|
2923
2877
|
GaMenuTitleComponent,
|
|
2924
2878
|
GaMenuTriggerIconComponent] });
|
|
2925
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2879
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuModule, imports: [GaMenuItemComponent,
|
|
2926
2880
|
GaMenuTriggerIconComponent] });
|
|
2927
2881
|
}
|
|
2928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaMenuModule, decorators: [{
|
|
2929
2883
|
type: NgModule,
|
|
2930
2884
|
args: [{
|
|
2931
2885
|
imports: [
|
|
@@ -3026,7 +2980,7 @@ class GaModalService {
|
|
|
3026
2980
|
skipSelf: true,
|
|
3027
2981
|
});
|
|
3028
2982
|
/** @ignore */
|
|
3029
|
-
openModalsAtThisLevel = signal([]);
|
|
2983
|
+
openModalsAtThisLevel = signal([], ...(ngDevMode ? [{ debugName: "openModalsAtThisLevel" }] : []));
|
|
3030
2984
|
/** @ignore */
|
|
3031
2985
|
positionStrategy;
|
|
3032
2986
|
get activeModals() {
|
|
@@ -3062,7 +3016,7 @@ class GaModalService {
|
|
|
3062
3016
|
const modalStackIndex = this.activeModals().length + 1;
|
|
3063
3017
|
this.positionStrategy?.top(`calc(4rem * var(--ga-base-scaling-factor, 1) * ${modalStackIndex})`);
|
|
3064
3018
|
overlayRef.updateSize({
|
|
3065
|
-
maxHeight: `calc(100vh - 4rem * var(--ga-base-scaling-factor, 1) * (
|
|
3019
|
+
maxHeight: `calc(100vh - 4rem * var(--ga-base-scaling-factor, 1) * (1 + ${modalStackIndex}))`,
|
|
3066
3020
|
});
|
|
3067
3021
|
}
|
|
3068
3022
|
this.activeModals.update((modals) => {
|
|
@@ -3092,6 +3046,10 @@ class GaModalService {
|
|
|
3092
3046
|
positionStrategy: this.positionStrategy,
|
|
3093
3047
|
scrollStrategy,
|
|
3094
3048
|
hasBackdrop: true,
|
|
3049
|
+
// TODO: reevaluate this option later in the future, currently it's limited by:
|
|
3050
|
+
// - poor ecosystem support (i.e. Playwright cannot mask elements inside Top layer)
|
|
3051
|
+
// - poor compatibility with other overlay components that don't use Top layer yet
|
|
3052
|
+
usePopover: false,
|
|
3095
3053
|
backdropClass: 'ga-modal__backdrop',
|
|
3096
3054
|
// NOTE: handled manually inside the modal component
|
|
3097
3055
|
disposeOnNavigation: false,
|
|
@@ -3110,10 +3068,10 @@ class GaModalService {
|
|
|
3110
3068
|
],
|
|
3111
3069
|
});
|
|
3112
3070
|
}
|
|
3113
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3114
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3071
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3072
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalService, providedIn: 'root' });
|
|
3115
3073
|
}
|
|
3116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3074
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalService, decorators: [{
|
|
3117
3075
|
type: Injectable,
|
|
3118
3076
|
args: [{ providedIn: 'root' }]
|
|
3119
3077
|
}] });
|
|
@@ -3127,8 +3085,8 @@ class GaModalComponent {
|
|
|
3127
3085
|
options = this.createOptions();
|
|
3128
3086
|
trapfocus = inject(CdkTrapFocus);
|
|
3129
3087
|
data = inject(GA_MODAL_DATA);
|
|
3130
|
-
labelledBy = signal(null);
|
|
3131
|
-
describedBy = signal(null);
|
|
3088
|
+
labelledBy = signal(null, ...(ngDevMode ? [{ debugName: "labelledBy" }] : []));
|
|
3089
|
+
describedBy = signal(null, ...(ngDevMode ? [{ debugName: "describedBy" }] : []));
|
|
3132
3090
|
constructor() {
|
|
3133
3091
|
this.trapfocus.enabled = true;
|
|
3134
3092
|
this.trapfocus.autoCapture = true;
|
|
@@ -3205,10 +3163,10 @@ class GaModalComponent {
|
|
|
3205
3163
|
...options,
|
|
3206
3164
|
};
|
|
3207
3165
|
}
|
|
3208
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3209
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3166
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3167
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaModalComponent, isStandalone: true, selector: "ng-component", host: { properties: { "attr.role": "options.role", "attr.aria-labelledby": "options.labelledBy ?? labelledBy()", "attr.aria-describedby": "options.describedBy ?? describedBy()", "class.ga-modal--small": "options.size === 'sm'", "class.ga-modal--medium": "options.size === 'md'", "class.ga-modal--large": "options.size === 'lg'", "class.ga-modal--information": "options.type === 'info'", "class.ga-modal--danger": "options.type === 'danger'", "class.ga-modal--warning": "options.type === 'warning'", "class.ga-modal--success": "options.type === 'success'" }, classAttribute: "ga-modal" }, hostDirectives: [{ directive: i1$3.CdkTrapFocus }], ngImport: i0, template: '', isInline: true });
|
|
3210
3168
|
}
|
|
3211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalComponent, decorators: [{
|
|
3212
3170
|
type: Component,
|
|
3213
3171
|
args: [{
|
|
3214
3172
|
template: '',
|
|
@@ -3231,19 +3189,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3231
3189
|
|
|
3232
3190
|
class GaModalCloseDirective {
|
|
3233
3191
|
modalRef = inject(GaModalRef);
|
|
3234
|
-
modalResult = input({ alias: 'gaModalClose' });
|
|
3192
|
+
modalResult = input({ alias: 'gaModalClose' }, ...(ngDevMode ? [{ debugName: "modalResult" }] : []));
|
|
3235
3193
|
onClick() {
|
|
3236
3194
|
this.modalRef.instance.close(this.modalResult);
|
|
3237
3195
|
}
|
|
3238
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3239
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
3196
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3197
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaModalCloseDirective, isStandalone: true, selector: "[gaModalClose]", inputs: { modalResult: { classPropertyName: "modalResult", publicName: "modalResult", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
3240
3198
|
}
|
|
3241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalCloseDirective, decorators: [{
|
|
3242
3200
|
type: Directive,
|
|
3243
3201
|
args: [{
|
|
3244
3202
|
selector: '[gaModalClose]',
|
|
3245
3203
|
}]
|
|
3246
|
-
}], propDecorators: { onClick: [{
|
|
3204
|
+
}], propDecorators: { modalResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalResult", required: false }] }], onClick: [{
|
|
3247
3205
|
type: HostListener,
|
|
3248
3206
|
args: ['click']
|
|
3249
3207
|
}] } });
|
|
@@ -3268,10 +3226,10 @@ class GaModalTitleDirective {
|
|
|
3268
3226
|
ngAfterViewInit() {
|
|
3269
3227
|
this.modalRef.instance.labelledBy.set(this.id);
|
|
3270
3228
|
}
|
|
3271
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3272
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3229
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3230
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaModalTitleDirective, isStandalone: true, selector: "[gaModalTitle]", host: { classAttribute: "ga-modal__title" }, ngImport: i0 });
|
|
3273
3231
|
}
|
|
3274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalTitleDirective, decorators: [{
|
|
3275
3233
|
type: Directive,
|
|
3276
3234
|
args: [{
|
|
3277
3235
|
selector: '[gaModalTitle]',
|
|
@@ -3299,10 +3257,10 @@ class GaModalDescriptionDirective {
|
|
|
3299
3257
|
ngAfterViewInit() {
|
|
3300
3258
|
this.modalRef.instance.describedBy.set(this.id);
|
|
3301
3259
|
}
|
|
3302
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3303
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3261
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaModalDescriptionDirective, isStandalone: true, selector: "[gaModalDescription]", host: { classAttribute: "ga-modal__description" }, ngImport: i0 });
|
|
3304
3262
|
}
|
|
3305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalDescriptionDirective, decorators: [{
|
|
3306
3264
|
type: Directive,
|
|
3307
3265
|
args: [{
|
|
3308
3266
|
selector: '[gaModalDescription]',
|
|
@@ -3326,10 +3284,10 @@ class GaModalLabelDirective {
|
|
|
3326
3284
|
this.renderer.setAttribute(this.elementRef.nativeElement, 'id', this.id);
|
|
3327
3285
|
}
|
|
3328
3286
|
}
|
|
3329
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3330
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3287
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3288
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaModalLabelDirective, isStandalone: true, selector: "[gaModalLabel]", host: { classAttribute: "ga-modal__label" }, ngImport: i0 });
|
|
3331
3289
|
}
|
|
3332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalLabelDirective, decorators: [{
|
|
3333
3291
|
type: Directive,
|
|
3334
3292
|
args: [{
|
|
3335
3293
|
selector: '[gaModalLabel]',
|
|
@@ -3338,10 +3296,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3338
3296
|
}], ctorParameters: () => [] });
|
|
3339
3297
|
|
|
3340
3298
|
class GaModalDescriptionComponent {
|
|
3341
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3342
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3299
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3300
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaModalDescriptionComponent, isStandalone: true, selector: "ga-modal-description", host: { classAttribute: "ga-modal__description" }, hostDirectives: [{ directive: GaModalDescriptionDirective }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
3343
3301
|
}
|
|
3344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalDescriptionComponent, decorators: [{
|
|
3345
3303
|
type: Component,
|
|
3346
3304
|
args: [{
|
|
3347
3305
|
selector: 'ga-modal-description',
|
|
@@ -3354,10 +3312,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3354
3312
|
}] });
|
|
3355
3313
|
|
|
3356
3314
|
class GaModalContentComponent {
|
|
3357
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3358
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaModalContentComponent, isStandalone: true, selector: "ga-modal-content", host: { classAttribute: "ga-modal__content" }, hostDirectives: [{ directive: i1$4.CdkScrollable }], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
3359
3317
|
}
|
|
3360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalContentComponent, decorators: [{
|
|
3361
3319
|
type: Component,
|
|
3362
3320
|
args: [{
|
|
3363
3321
|
selector: 'ga-modal-content',
|
|
@@ -3370,10 +3328,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3370
3328
|
}] });
|
|
3371
3329
|
|
|
3372
3330
|
class GaModalActionsComponent {
|
|
3373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3374
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaModalActionsComponent, isStandalone: true, selector: "ga-modal-actions", host: { classAttribute: "ga-modal__actions" }, ngImport: i0, template: ` <ng-content />`, isInline: true });
|
|
3375
3333
|
}
|
|
3376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalActionsComponent, decorators: [{
|
|
3377
3335
|
type: Component,
|
|
3378
3336
|
args: [{
|
|
3379
3337
|
selector: 'ga-modal-actions',
|
|
@@ -3388,10 +3346,10 @@ function GA_MODAL_I18N_FACTORY() {
|
|
|
3388
3346
|
return new GaModalI18nDefault();
|
|
3389
3347
|
}
|
|
3390
3348
|
class GaModalI18n {
|
|
3391
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3392
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3349
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3350
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18n, providedIn: 'root', useFactory: GA_MODAL_I18N_FACTORY });
|
|
3393
3351
|
}
|
|
3394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18n, decorators: [{
|
|
3395
3353
|
type: Injectable,
|
|
3396
3354
|
args: [{
|
|
3397
3355
|
providedIn: 'root',
|
|
@@ -3401,10 +3359,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3401
3359
|
class GaModalI18nDefault extends GaModalI18n {
|
|
3402
3360
|
/** A label for the dismiss button */
|
|
3403
3361
|
dismissLabel = 'Dismiss';
|
|
3404
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3405
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3362
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
3363
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18nDefault });
|
|
3406
3364
|
}
|
|
3407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalI18nDefault, decorators: [{
|
|
3408
3366
|
type: Injectable
|
|
3409
3367
|
}] });
|
|
3410
3368
|
function provideGaModalI18n(value) {
|
|
@@ -3425,8 +3383,8 @@ class GaModalHeaderComponent {
|
|
|
3425
3383
|
};
|
|
3426
3384
|
modalRef = inject(GaModalRef);
|
|
3427
3385
|
i18n = inject(GaModalI18n);
|
|
3428
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3429
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3386
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3387
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaModalHeaderComponent, isStandalone: true, selector: "ga-modal-header", host: { classAttribute: "ga-modal__top-section" }, ngImport: i0, template: `
|
|
3430
3388
|
@if (modalRef.instance.options.type !== 'none') {
|
|
3431
3389
|
<div class="ga-modal__icon">
|
|
3432
3390
|
@switch (modalRef.instance.options.type) {
|
|
@@ -3461,7 +3419,7 @@ class GaModalHeaderComponent {
|
|
|
3461
3419
|
</button>
|
|
3462
3420
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaButtonModule }, { kind: "component", type: GaIconButtonDirective, selector: "button[gaIconButton], a[gaIconButton]", inputs: ["gaIconButton", "gaIconButtonVariant", "gaIconButtonLoading", "gaIconButtonLoadingLabel", "disabled"] }, { kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
3463
3421
|
}
|
|
3464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalHeaderComponent, decorators: [{
|
|
3465
3423
|
type: Component,
|
|
3466
3424
|
args: [{
|
|
3467
3425
|
selector: 'ga-modal-header',
|
|
@@ -3507,8 +3465,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3507
3465
|
}] });
|
|
3508
3466
|
|
|
3509
3467
|
class GaModalModule {
|
|
3510
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3511
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3468
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3469
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaModalModule, imports: [GaModalCloseDirective,
|
|
3512
3470
|
GaModalTitleDirective,
|
|
3513
3471
|
GaModalLabelDirective,
|
|
3514
3472
|
GaModalDescriptionDirective,
|
|
@@ -3523,9 +3481,9 @@ class GaModalModule {
|
|
|
3523
3481
|
GaModalContentComponent,
|
|
3524
3482
|
GaModalActionsComponent,
|
|
3525
3483
|
GaModalHeaderComponent] });
|
|
3526
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3484
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalModule, imports: [GaModalHeaderComponent] });
|
|
3527
3485
|
}
|
|
3528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaModalModule, decorators: [{
|
|
3529
3487
|
type: NgModule,
|
|
3530
3488
|
args: [{
|
|
3531
3489
|
imports: [
|
|
@@ -3564,24 +3522,24 @@ const RADIO_CONTROL_VALUE_ACCESSOR = {
|
|
|
3564
3522
|
let nextUniqueId$6 = 0;
|
|
3565
3523
|
class GaRadioGroupComponent {
|
|
3566
3524
|
/** Name of the radio button group. All radio buttons inside this group will use this name. */
|
|
3567
|
-
name = input(`ga-radio-group-${nextUniqueId$6++}
|
|
3525
|
+
name = input(`ga-radio-group-${nextUniqueId$6++}`, ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
3568
3526
|
/**
|
|
3569
3527
|
* Value for the radio-group. Should equal the value of the selected radio button if there is
|
|
3570
3528
|
* a corresponding radio button with a matching value. If there is not such a corresponding
|
|
3571
3529
|
* radio button, this value persists to be applied in case a new radio button is added with a
|
|
3572
3530
|
* matching value.
|
|
3573
3531
|
*/
|
|
3574
|
-
value = input(null);
|
|
3532
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
3575
3533
|
/** Whether the radio group is disabled */
|
|
3576
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
3534
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
3577
3535
|
/**
|
|
3578
3536
|
* Event emitted when the group value changes.
|
|
3579
3537
|
* Change events are only emitted when the value changes due to user interaction with
|
|
3580
3538
|
* a radio button (the same behavior as `<input type="radio">`).
|
|
3581
3539
|
*/
|
|
3582
3540
|
change = output();
|
|
3583
|
-
valueModel = linkedSignal(() => this.value());
|
|
3584
|
-
disabledModel = linkedSignal(() => this.disabled());
|
|
3541
|
+
valueModel = linkedSignal(() => this.value(), ...(ngDevMode ? [{ debugName: "valueModel" }] : []));
|
|
3542
|
+
disabledModel = linkedSignal(() => this.disabled(), ...(ngDevMode ? [{ debugName: "disabledModel" }] : []));
|
|
3585
3543
|
_onTouched;
|
|
3586
3544
|
_onModelChanged;
|
|
3587
3545
|
registerOnChange(fn) {
|
|
@@ -3611,16 +3569,16 @@ class GaRadioGroupComponent {
|
|
|
3611
3569
|
this._onTouched();
|
|
3612
3570
|
}
|
|
3613
3571
|
}
|
|
3614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3615
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3572
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3573
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaRadioGroupComponent, isStandalone: true, selector: "ga-radio-group", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { attributes: { "role": "radiogroup" }, classAttribute: "ga-radio-group" }, providers: [RADIO_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3616
3574
|
}
|
|
3617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioGroupComponent, decorators: [{
|
|
3618
3576
|
type: Component,
|
|
3619
3577
|
args: [{ selector: 'ga-radio-group', providers: [RADIO_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3620
3578
|
role: 'radiogroup',
|
|
3621
3579
|
class: 'ga-radio-group',
|
|
3622
3580
|
}, template: "<ng-content></ng-content>\n" }]
|
|
3623
|
-
}] });
|
|
3581
|
+
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
|
|
3624
3582
|
|
|
3625
3583
|
// Increasing integer for generating unique ids for radio button components.
|
|
3626
3584
|
let nextUniqueId$5 = 0;
|
|
@@ -3634,44 +3592,34 @@ class GaRadioButtonComponent {
|
|
|
3634
3592
|
implicitNgControlState = injectNgControlState();
|
|
3635
3593
|
_uniqueId = `ga-radio-button-${++nextUniqueId$5}`;
|
|
3636
3594
|
/** The value attribute of the native input element */
|
|
3637
|
-
value = input(null);
|
|
3638
|
-
inputId = input(null, { alias: 'id' });
|
|
3639
|
-
inputName = input(null, { alias: 'name' });
|
|
3640
|
-
inputChecked = input(false, {
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3644
|
-
|
|
3645
|
-
|
|
3646
|
-
|
|
3647
|
-
});
|
|
3648
|
-
|
|
3649
|
-
ariaLabelledby = input(null, {
|
|
3650
|
-
alias: 'aria-labelledby',
|
|
3651
|
-
});
|
|
3652
|
-
ariaDescribedby = input(null, {
|
|
3653
|
-
alias: 'aria-describedby',
|
|
3654
|
-
});
|
|
3655
|
-
ariaInvalid = input(null, { alias: 'aria-invalid' });
|
|
3656
|
-
ariaErrormessage = input(null, {
|
|
3657
|
-
alias: 'aria-errormessage',
|
|
3658
|
-
});
|
|
3595
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
3596
|
+
inputId = input(null, { ...(ngDevMode ? { debugName: "inputId" } : {}), alias: 'id' });
|
|
3597
|
+
inputName = input(null, { ...(ngDevMode ? { debugName: "inputName" } : {}), alias: 'name' });
|
|
3598
|
+
inputChecked = input(false, { ...(ngDevMode ? { debugName: "inputChecked" } : {}), alias: 'checked',
|
|
3599
|
+
transform: booleanAttribute });
|
|
3600
|
+
inputDisabled = input(false, { ...(ngDevMode ? { debugName: "inputDisabled" } : {}), alias: 'disabled',
|
|
3601
|
+
transform: booleanAttribute });
|
|
3602
|
+
ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
|
|
3603
|
+
ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : {}), alias: 'aria-labelledby' });
|
|
3604
|
+
ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : {}), alias: 'aria-describedby' });
|
|
3605
|
+
ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), alias: 'aria-invalid' });
|
|
3606
|
+
ariaErrormessage = input(null, { ...(ngDevMode ? { debugName: "ariaErrormessage" } : {}), alias: 'aria-errormessage' });
|
|
3659
3607
|
/**
|
|
3660
3608
|
* Event emitted when the group value changes.
|
|
3661
3609
|
* Change events are only emitted when the value changes due to user interaction with
|
|
3662
3610
|
* a radio button (the same behavior as `<input type="radio">`).
|
|
3663
3611
|
*/
|
|
3664
3612
|
change = output();
|
|
3665
|
-
id = computed(() => this.inputId() ?? this._uniqueId);
|
|
3666
|
-
name = computed(() => this.radioGroup?.name() ?? this.inputName() ?? this._uniqueId);
|
|
3667
|
-
disabled = computed(() => this.radioGroup?.disabledModel() || this.inputDisabled());
|
|
3613
|
+
id = computed(() => this.inputId() ?? this._uniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
3614
|
+
name = computed(() => this.radioGroup?.name() ?? this.inputName() ?? this._uniqueId, ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
3615
|
+
disabled = computed(() => this.radioGroup?.disabledModel() || this.inputDisabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
3668
3616
|
/** @ignore */
|
|
3669
3617
|
invalid = computed(() => {
|
|
3670
3618
|
return this.ariaInvalid()
|
|
3671
3619
|
? this.ariaInvalid() === 'true'
|
|
3672
3620
|
: this.implicitNgControlState.inError();
|
|
3673
|
-
});
|
|
3674
|
-
checked = computed(() => this.radioGroup?.valueModel() === this.value() || this.inputChecked());
|
|
3621
|
+
}, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
3622
|
+
checked = computed(() => this.radioGroup?.valueModel() === this.value() || this.inputChecked(), ...(ngDevMode ? [{ debugName: "checked" }] : []));
|
|
3675
3623
|
onInputChange(event) {
|
|
3676
3624
|
// We always have to stop propagation on the change event.
|
|
3677
3625
|
// Otherwise the change event, from the input element, will bubble up and
|
|
@@ -3686,10 +3634,10 @@ class GaRadioButtonComponent {
|
|
|
3686
3634
|
onBlur() {
|
|
3687
3635
|
this.radioGroup?.onBlur();
|
|
3688
3636
|
}
|
|
3689
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3690
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3637
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3638
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaRadioButtonComponent, isStandalone: true, selector: "ga-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputName: { classPropertyName: "inputName", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, inputChecked: { classPropertyName: "inputChecked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, inputDisabled: { classPropertyName: "inputDisabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaErrormessage: { classPropertyName: "ariaErrormessage", publicName: "aria-errormessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, host: { properties: { "class.ga-radio-button--invalid": "invalid()", "attr.id": "null", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.disabled": "disabled() ? \"\" : null" }, classAttribute: "ga-radio-button" }, ngImport: i0, template: "<input\n type=\"radio\"\n class=\"ga-radio-button__native\"\n [attr.id]=\"id()\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [attr.tabindex]=\"tabindex\"\n [attr.value]=\"value()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-invalid]=\"ariaInvalid()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n\n<div class=\"ga-radio-button__marker\"></div>\n<label class=\"ga-radio-button__label\" [attr.for]=\"id()\"\n ><ng-content></ng-content\n></label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3691
3639
|
}
|
|
3692
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioButtonComponent, decorators: [{
|
|
3693
3641
|
type: Component,
|
|
3694
3642
|
args: [{ selector: 'ga-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3695
3643
|
class: 'ga-radio-button',
|
|
@@ -3701,14 +3649,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3701
3649
|
'[attr.aria-describedby]': 'null',
|
|
3702
3650
|
'[attr.disabled]': 'disabled() ? "" : null',
|
|
3703
3651
|
}, template: "<input\n type=\"radio\"\n class=\"ga-radio-button__native\"\n [attr.id]=\"id()\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [attr.tabindex]=\"tabindex\"\n [attr.value]=\"value()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-invalid]=\"ariaInvalid()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n\n<div class=\"ga-radio-button__marker\"></div>\n<label class=\"ga-radio-button__label\" [attr.for]=\"id()\"\n ><ng-content></ng-content\n></label>\n" }]
|
|
3704
|
-
}] });
|
|
3652
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputName: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], inputChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], inputDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], ariaErrormessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-errormessage", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
|
|
3705
3653
|
|
|
3706
3654
|
class GaRadioModule {
|
|
3707
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3708
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3709
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3655
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3656
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaRadioModule, imports: [GaRadioButtonComponent, GaRadioGroupComponent], exports: [GaRadioButtonComponent, GaRadioGroupComponent] });
|
|
3657
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioModule });
|
|
3710
3658
|
}
|
|
3711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaRadioModule, decorators: [{
|
|
3712
3660
|
type: NgModule,
|
|
3713
3661
|
args: [{
|
|
3714
3662
|
imports: [GaRadioButtonComponent, GaRadioGroupComponent],
|
|
@@ -3717,16 +3665,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3717
3665
|
}] });
|
|
3718
3666
|
|
|
3719
3667
|
class GaOptionComponent {
|
|
3720
|
-
_isSelected = signal(false);
|
|
3721
|
-
_isActive = signal(false);
|
|
3668
|
+
_isSelected = signal(false, ...(ngDevMode ? [{ debugName: "_isSelected" }] : []));
|
|
3669
|
+
_isActive = signal(false, ...(ngDevMode ? [{ debugName: "_isActive" }] : []));
|
|
3722
3670
|
selectComponent = inject(GaSelectComponent);
|
|
3723
3671
|
cdkOption = inject(CdkOption, { self: true });
|
|
3724
|
-
value = input(null);
|
|
3725
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
3726
|
-
hidden = input(false, { transform: booleanAttribute });
|
|
3727
|
-
withInput = input(this.selectComponent.multiple(), {
|
|
3728
|
-
transform: booleanAttribute,
|
|
3729
|
-
});
|
|
3672
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
3673
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
3674
|
+
hidden = input(false, { ...(ngDevMode ? { debugName: "hidden" } : {}), transform: booleanAttribute });
|
|
3675
|
+
withInput = input(this.selectComponent.multiple(), { ...(ngDevMode ? { debugName: "withInput" } : {}), transform: booleanAttribute });
|
|
3730
3676
|
selected = computed(() => {
|
|
3731
3677
|
if (!this._isSelected()) {
|
|
3732
3678
|
return false;
|
|
@@ -3737,7 +3683,7 @@ class GaOptionComponent {
|
|
|
3737
3683
|
return true;
|
|
3738
3684
|
}
|
|
3739
3685
|
return this.selectComponent.canSelectNullable();
|
|
3740
|
-
});
|
|
3686
|
+
}, ...(ngDevMode ? [{ debugName: "selected" }] : []));
|
|
3741
3687
|
active = this._isActive.asReadonly();
|
|
3742
3688
|
constructor() {
|
|
3743
3689
|
afterEveryRender({
|
|
@@ -3761,10 +3707,10 @@ class GaOptionComponent {
|
|
|
3761
3707
|
this.selectComponent.autoClose();
|
|
3762
3708
|
}
|
|
3763
3709
|
}
|
|
3764
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3765
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3710
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3711
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaOptionComponent, isStandalone: true, selector: "ga-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, withInput: { classPropertyName: "withInput", publicName: "withInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class.ga-dropdown__item--selected": "selected()", "class.ga-dropdown__item--disabled": "cdkOption.disabled", "class.ga-dropdown__item--active": "active() && !cdkOption.disabled", "attr.hidden": "hidden() ? '' : null" }, classAttribute: "ga-dropdown__item" }, hostDirectives: [{ directive: i1$5.CdkOption, inputs: ["cdkOption", "value", "cdkOptionDisabled", "disabled", "cdkOptionTypeaheadLabel", "typeaheadLabel"] }], ngImport: i0, template: "@if (withInput()) {\n @if (selectComponent.multiple()) {\n <ga-checkbox\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n } @else {\n <ga-radio-button\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n }\n}\n<div class=\"ga-dropdown__item-label\"><ng-content /></div>\n", dependencies: [{ kind: "ngmodule", type: GaCheckboxModule }, { kind: "component", type: GaCheckboxComponent, selector: "ga-checkbox", inputs: ["value", "disabled", "checked", "name", "id", "indeterminate", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "required"], outputs: ["change", "indeterminateChange"] }, { kind: "ngmodule", type: GaRadioModule }, { kind: "component", type: GaRadioButtonComponent, selector: "ga-radio-button", inputs: ["value", "id", "name", "checked", "disabled", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], outputs: ["change"] }] });
|
|
3766
3712
|
}
|
|
3767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaOptionComponent, decorators: [{
|
|
3768
3714
|
type: Component,
|
|
3769
3715
|
args: [{ selector: 'ga-option', imports: [GaCheckboxModule, GaRadioModule], hostDirectives: [
|
|
3770
3716
|
{
|
|
@@ -3783,13 +3729,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3783
3729
|
'(click)': 'onClick()',
|
|
3784
3730
|
'[attr.hidden]': `hidden() ? '' : null`,
|
|
3785
3731
|
}, template: "@if (withInput()) {\n @if (selectComponent.multiple()) {\n <ga-checkbox\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n } @else {\n <ga-radio-button\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n }\n}\n<div class=\"ga-dropdown__item-label\"><ng-content /></div>\n" }]
|
|
3786
|
-
}], ctorParameters: () => [] });
|
|
3732
|
+
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }], withInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "withInput", required: false }] }] } });
|
|
3787
3733
|
|
|
3788
3734
|
class GaSelectValueComponent {
|
|
3789
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3790
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3735
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3736
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaSelectValueComponent, isStandalone: true, selector: "ga-select-value", ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
3791
3737
|
}
|
|
3792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectValueComponent, decorators: [{
|
|
3793
3739
|
type: Component,
|
|
3794
3740
|
args: [{
|
|
3795
3741
|
selector: 'ga-select-value',
|
|
@@ -3806,14 +3752,14 @@ class GaSelectDefaultValueComponent {
|
|
|
3806
3752
|
return '';
|
|
3807
3753
|
}
|
|
3808
3754
|
return options[0].cdkOption.getLabel();
|
|
3809
|
-
});
|
|
3755
|
+
}, ...(ngDevMode ? [{ debugName: "singleViewValue" }] : []));
|
|
3810
3756
|
deselectOption(option) {
|
|
3811
3757
|
this.selectComponent.deselectValue(option.cdkOption.value);
|
|
3812
3758
|
}
|
|
3813
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3814
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3759
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDefaultValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3760
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaSelectDefaultValueComponent, isStandalone: true, selector: "ga-select-default-value", host: { classAttribute: "ga-select__value" }, ngImport: i0, template: "@if (selectComponent.multiple()) {\n @for (option of selectComponent.selectedOptions(); track option) {\n <div\n class=\"ga-tag\"\n [class.ga-tag--interactive-selected]=\"!selectComponent.disabled()\"\n [class.ga-tag--interactive-selected-disabled]=\"selectComponent.disabled()\"\n >\n <span class=\"ga-tag__label\">{{ option.cdkOption.getLabel() }}</span>\n @if (!selectComponent.disabled()) {\n <div class=\"ga-tag__separator\"></div>\n <ga-icon\n [icon]=\"icons.X\"\n size=\"16\"\n class=\"ga-tag__icon\"\n (click)=\"deselectOption(option); $event.stopPropagation()\"\n />\n }\n </div>\n }\n} @else {\n {{ singleViewValue() }}\n}\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
3815
3761
|
}
|
|
3816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDefaultValueComponent, decorators: [{
|
|
3817
3763
|
type: Component,
|
|
3818
3764
|
args: [{ selector: 'ga-select-default-value', imports: [GaIconModule], host: {
|
|
3819
3765
|
class: 'ga-select__value',
|
|
@@ -3824,10 +3770,10 @@ function GA_SELECT_I18N_FACTORY() {
|
|
|
3824
3770
|
return new GaSelectI18nDefault();
|
|
3825
3771
|
}
|
|
3826
3772
|
class GaSelectI18n {
|
|
3827
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3828
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3773
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3774
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18n, providedIn: 'root', useFactory: GA_SELECT_I18N_FACTORY });
|
|
3829
3775
|
}
|
|
3830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18n, decorators: [{
|
|
3831
3777
|
type: Injectable,
|
|
3832
3778
|
args: [{
|
|
3833
3779
|
providedIn: 'root',
|
|
@@ -3839,10 +3785,10 @@ class GaSelectI18nDefault extends GaSelectI18n {
|
|
|
3839
3785
|
clearLabel = 'Clear';
|
|
3840
3786
|
/** A default label for the search input */
|
|
3841
3787
|
defaultSearchInputLabel = 'Search';
|
|
3842
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3843
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3788
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
3789
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18nDefault });
|
|
3844
3790
|
}
|
|
3845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectI18nDefault, decorators: [{
|
|
3846
3792
|
type: Injectable
|
|
3847
3793
|
}] });
|
|
3848
3794
|
function provideGaSelectI18n(value) {
|
|
@@ -3854,11 +3800,11 @@ function provideGaSelectI18n(value) {
|
|
|
3854
3800
|
}
|
|
3855
3801
|
|
|
3856
3802
|
class GaSpinnerModule {
|
|
3857
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3858
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3859
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3803
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3804
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerModule, imports: [GaSpinnerComponent], exports: [GaSpinnerComponent] });
|
|
3805
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerModule });
|
|
3860
3806
|
}
|
|
3861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSpinnerModule, decorators: [{
|
|
3862
3808
|
type: NgModule,
|
|
3863
3809
|
args: [{
|
|
3864
3810
|
imports: [GaSpinnerComponent],
|
|
@@ -3867,10 +3813,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3867
3813
|
}] });
|
|
3868
3814
|
|
|
3869
3815
|
class GaSelectDropdownSpinnerComponent {
|
|
3870
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3871
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3816
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDropdownSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3817
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaSelectDropdownSpinnerComponent, isStandalone: true, selector: "ga-select-dropdown-spinner", host: { classAttribute: "ga-dropdown__spinner" }, ngImport: i0, template: `<ga-spinner size="16" />`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaSpinnerModule }, { kind: "component", type: GaSpinnerComponent, selector: "ga-spinner", inputs: ["size"] }] });
|
|
3872
3818
|
}
|
|
3873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDropdownSpinnerComponent, decorators: [{
|
|
3874
3820
|
type: Component,
|
|
3875
3821
|
args: [{
|
|
3876
3822
|
selector: 'ga-select-dropdown-spinner',
|
|
@@ -3884,19 +3830,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3884
3830
|
|
|
3885
3831
|
class GaSelectDropdownComponent {
|
|
3886
3832
|
elementRef = inject(ElementRef);
|
|
3887
|
-
loading = input(false, { transform: booleanAttribute });
|
|
3833
|
+
loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
3888
3834
|
resetScroll() {
|
|
3889
3835
|
this.elementRef.nativeElement.scrollTo(0, 0);
|
|
3890
3836
|
}
|
|
3891
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3892
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3837
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3838
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaSelectDropdownComponent, isStandalone: true, selector: "ga-select-dropdown", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-dropdown ga-dropdown__content" }, hostDirectives: [{ directive: i1$5.CdkListbox }], ngImport: i0, template: "@if (loading()) {\n <ga-select-dropdown-spinner />\n} @else {\n <ng-content />\n}\n", dependencies: [{ kind: "component", type: GaSelectDropdownSpinnerComponent, selector: "ga-select-dropdown-spinner" }] });
|
|
3893
3839
|
}
|
|
3894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectDropdownComponent, decorators: [{
|
|
3895
3841
|
type: Component,
|
|
3896
3842
|
args: [{ selector: 'ga-select-dropdown', imports: [GaSelectDropdownSpinnerComponent], hostDirectives: [CdkListbox], host: {
|
|
3897
3843
|
class: 'ga-dropdown ga-dropdown__content',
|
|
3898
3844
|
}, template: "@if (loading()) {\n <ga-select-dropdown-spinner />\n} @else {\n <ng-content />\n}\n" }]
|
|
3899
|
-
}] });
|
|
3845
|
+
}], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
|
|
3900
3846
|
|
|
3901
3847
|
let nextUniqueId$4 = 0;
|
|
3902
3848
|
class GaSelectComponent {
|
|
@@ -3943,61 +3889,53 @@ class GaSelectComponent {
|
|
|
3943
3889
|
overlayOrigin = inject(CdkOverlayOrigin);
|
|
3944
3890
|
repositionScrollStrategy = createRepositionScrollStrategy(this.injector);
|
|
3945
3891
|
implicitNgControlState = injectNgControlState();
|
|
3946
|
-
_isOpen = signal(false);
|
|
3892
|
+
_isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
|
|
3947
3893
|
shouldRecoverFocus = false;
|
|
3948
|
-
value = model(null);
|
|
3949
|
-
placeholder = input('');
|
|
3950
|
-
searchInputLabel = input(null);
|
|
3951
|
-
disabledInput = input(false, {
|
|
3952
|
-
|
|
3953
|
-
|
|
3954
|
-
|
|
3955
|
-
|
|
3956
|
-
|
|
3957
|
-
|
|
3958
|
-
});
|
|
3959
|
-
|
|
3960
|
-
|
|
3961
|
-
|
|
3962
|
-
|
|
3963
|
-
|
|
3964
|
-
canSelectNullable = input(false, {
|
|
3965
|
-
transform: booleanAttribute,
|
|
3966
|
-
});
|
|
3967
|
-
textValue = model('');
|
|
3968
|
-
leftIcon = input();
|
|
3969
|
-
idInput = input(null, { alias: 'id' });
|
|
3894
|
+
value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
3895
|
+
placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
3896
|
+
searchInputLabel = input(null, ...(ngDevMode ? [{ debugName: "searchInputLabel" }] : []));
|
|
3897
|
+
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
3898
|
+
transform: booleanAttribute });
|
|
3899
|
+
invalidInput = input(null, { ...(ngDevMode ? { debugName: "invalidInput" } : {}), alias: 'invalid',
|
|
3900
|
+
transform: booleanAttribute });
|
|
3901
|
+
multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
|
|
3902
|
+
compareWith = input(...(ngDevMode ? [undefined, { debugName: "compareWith" }] : []));
|
|
3903
|
+
searchable = input(false, { ...(ngDevMode ? { debugName: "searchable" } : {}), transform: booleanAttribute });
|
|
3904
|
+
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : {}), transform: booleanAttribute });
|
|
3905
|
+
clearableLabel = input(...(ngDevMode ? [undefined, { debugName: "clearableLabel" }] : []));
|
|
3906
|
+
canSelectNullable = input(false, { ...(ngDevMode ? { debugName: "canSelectNullable" } : {}), transform: booleanAttribute });
|
|
3907
|
+
textValue = model('', ...(ngDevMode ? [{ debugName: "textValue" }] : []));
|
|
3908
|
+
leftIcon = input(...(ngDevMode ? [undefined, { debugName: "leftIcon" }] : []));
|
|
3909
|
+
idInput = input(null, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
|
|
3970
3910
|
opened = output();
|
|
3971
3911
|
closed = output();
|
|
3972
3912
|
// TODO: if we rename this to options, it breaks, why?
|
|
3973
|
-
gaOptions = contentChildren(GaOptionComponent, {
|
|
3974
|
-
|
|
3975
|
-
read: GaOptionComponent,
|
|
3976
|
-
});
|
|
3913
|
+
gaOptions = contentChildren(GaOptionComponent, { ...(ngDevMode ? { debugName: "gaOptions" } : {}), descendants: true,
|
|
3914
|
+
read: GaOptionComponent });
|
|
3977
3915
|
cdkListbox = contentChild.required(CdkListbox);
|
|
3978
3916
|
gaDropdown = contentChild.required(GaSelectDropdownComponent);
|
|
3979
|
-
customSelectValue = contentChild(GaSelectValueComponent);
|
|
3980
|
-
inputSearch = viewChild('inputSearch');
|
|
3981
|
-
content = viewChild('ngContent', { read: ElementRef });
|
|
3982
|
-
connectedOverlay = viewChild(CdkConnectedOverlay);
|
|
3917
|
+
customSelectValue = contentChild(GaSelectValueComponent, ...(ngDevMode ? [{ debugName: "customSelectValue" }] : []));
|
|
3918
|
+
inputSearch = viewChild('inputSearch', ...(ngDevMode ? [{ debugName: "inputSearch" }] : []));
|
|
3919
|
+
content = viewChild('ngContent', { ...(ngDevMode ? { debugName: "content" } : {}), read: ElementRef });
|
|
3920
|
+
connectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "connectedOverlay" }] : []));
|
|
3983
3921
|
id = computed(() => {
|
|
3984
3922
|
return this.idInput() ?? this._uniqueId;
|
|
3985
|
-
});
|
|
3923
|
+
}, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
3986
3924
|
isOpen = this._isOpen.asReadonly();
|
|
3987
|
-
disabled = linkedSignal(() => this.disabledInput());
|
|
3925
|
+
disabled = linkedSignal(() => this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
3988
3926
|
menuStatusIcon = computed(() => {
|
|
3989
3927
|
return this._isOpen() ? ChevronUp : ChevronDown;
|
|
3990
|
-
});
|
|
3928
|
+
}, ...(ngDevMode ? [{ debugName: "menuStatusIcon" }] : []));
|
|
3991
3929
|
visibleOptions = computed(() => {
|
|
3992
3930
|
return this.gaOptions().filter((option) => !option.hidden());
|
|
3993
|
-
});
|
|
3931
|
+
}, ...(ngDevMode ? [{ debugName: "visibleOptions" }] : []));
|
|
3994
3932
|
selectedOptions = computed(() => {
|
|
3995
3933
|
return this.gaOptions().filter((option) => option.selected());
|
|
3996
|
-
});
|
|
3934
|
+
}, ...(ngDevMode ? [{ debugName: "selectedOptions" }] : []));
|
|
3997
3935
|
activeDescendantId = computed(() => {
|
|
3998
3936
|
const activeOption = this.gaOptions().find((option) => option.active());
|
|
3999
3937
|
return activeOption?.cdkOption.id;
|
|
4000
|
-
});
|
|
3938
|
+
}, ...(ngDevMode ? [{ debugName: "activeDescendantId" }] : []));
|
|
4001
3939
|
hasValue = computed(() => {
|
|
4002
3940
|
if (!this.customSelectValue()) {
|
|
4003
3941
|
// When no custom value component exists, we determine if there's a value
|
|
@@ -4007,10 +3945,10 @@ class GaSelectComponent {
|
|
|
4007
3945
|
// With a custom value component, we can check the value directly
|
|
4008
3946
|
// which is useful for asynchronous selects, e.g. to display selected value without options
|
|
4009
3947
|
return this.value() !== null || this.canSelectNullable();
|
|
4010
|
-
});
|
|
3948
|
+
}, ...(ngDevMode ? [{ debugName: "hasValue" }] : []));
|
|
4011
3949
|
invalid = computed(() => {
|
|
4012
3950
|
return this.invalidInput() ?? this.implicitNgControlState.inError();
|
|
4013
|
-
});
|
|
3951
|
+
}, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
4014
3952
|
constructor() {
|
|
4015
3953
|
effect(() => {
|
|
4016
3954
|
// if the select became disabled while open, close it
|
|
@@ -4273,16 +4211,16 @@ class GaSelectComponent {
|
|
|
4273
4211
|
},
|
|
4274
4212
|
}, { injector: this.injector });
|
|
4275
4213
|
}
|
|
4276
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4277
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4214
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4215
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaSelectComponent, isStandalone: true, selector: "ga-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchInputLabel: { classPropertyName: "searchInputLabel", publicName: "searchInputLabel", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearableLabel: { classPropertyName: "clearableLabel", publicName: "clearableLabel", isSignal: true, isRequired: false, transformFunction: null }, canSelectNullable: { classPropertyName: "canSelectNullable", publicName: "canSelectNullable", isSignal: true, isRequired: false, transformFunction: null }, textValue: { classPropertyName: "textValue", publicName: "textValue", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", textValue: "textValueChange", opened: "opened", closed: "closed" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown.arrowdown": "open(); $event.preventDefault()", "keydown.space": "open(); $event.preventDefault()", "keydown.enter": "open(); $event.preventDefault()", "keydown.backspace": "clearValue(); $event.preventDefault()" }, properties: { "attr.id": "id()", "class.ga-select--multi": "multiple()", "class.ga-select--expanded": "isOpen()", "class.ga-select--disabled": "disabled()", "class.ga-select--invalid": "invalid()", "class.ga-select--empty": "!hasValue()", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? cdkListbox().id : null", "attr.aria-invalid": "invalid()", "attr.aria-disabled": "disabled()", "attr.aria-owns": "isOpen() && searchable() ? cdkListbox().id : null", "attr.aria-activedescendant": "isOpen() && !searchable() ? activeDescendantId() : null", "attr.tabindex": "disabled() ? -1 : 0" }, classAttribute: "ga-select" }, providers: [
|
|
4278
4216
|
{
|
|
4279
4217
|
provide: NG_VALUE_ACCESSOR,
|
|
4280
4218
|
useExisting: forwardRef(() => GaSelectComponent),
|
|
4281
4219
|
multi: true,
|
|
4282
4220
|
},
|
|
4283
|
-
], queries: [{ propertyName: "gaOptions", predicate: GaOptionComponent, descendants: true, read: GaOptionComponent, isSignal: true }, { propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true, isSignal: true }, { propertyName: "gaDropdown", first: true, predicate: GaSelectDropdownComponent, descendants: true, isSignal: true }, { propertyName: "customSelectValue", first: true, predicate: GaSelectValueComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ["ngContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkOverlayOrigin }, { directive: GaLabelledByFormFieldDirective, inputs: ["aria-labelledby", "aria-labelledby"] }], ngImport: i0, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!textValue() || multiple())) {\n @if (customSelectValue()) {\n <div class=\"ga-select__value\">\n <ng-content select=\"ga-select-value\" />\n </div>\n } @else {\n <ga-select-default-value />\n }\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"textValue()\"\n (input)=\"open(); textValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox().id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"searchInputLabel() ?? i18n.defaultSearchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ng-content select=\"ga-select-dropdown\" />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: GaSelectDefaultValueComponent, selector: "ga-select-default-value" }] });
|
|
4221
|
+
], queries: [{ propertyName: "gaOptions", predicate: GaOptionComponent, descendants: true, read: GaOptionComponent, isSignal: true }, { propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true, isSignal: true }, { propertyName: "gaDropdown", first: true, predicate: GaSelectDropdownComponent, descendants: true, isSignal: true }, { propertyName: "customSelectValue", first: true, predicate: GaSelectValueComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ["ngContent"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkOverlayOrigin }, { directive: GaLabelledByFormFieldDirective, inputs: ["aria-labelledby", "aria-labelledby"] }], ngImport: i0, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!textValue() || multiple())) {\n @if (customSelectValue()) {\n <div class=\"ga-select__value\">\n <ng-content select=\"ga-select-value\" />\n </div>\n } @else {\n <ga-select-default-value />\n }\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"textValue()\"\n (input)=\"open(); textValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox().id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"searchInputLabel() ?? i18n.defaultSearchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ng-content select=\"ga-select-dropdown\" />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: GaSelectDefaultValueComponent, selector: "ga-select-default-value" }] });
|
|
4284
4222
|
}
|
|
4285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectComponent, decorators: [{
|
|
4286
4224
|
type: Component,
|
|
4287
4225
|
args: [{ selector: 'ga-select', imports: [
|
|
4288
4226
|
GaIconModule,
|
|
@@ -4324,19 +4262,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4324
4262
|
'(keydown.enter)': 'open(); $event.preventDefault()',
|
|
4325
4263
|
'(keydown.backspace)': 'clearValue(); $event.preventDefault()',
|
|
4326
4264
|
}, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!textValue() || multiple())) {\n @if (customSelectValue()) {\n <div class=\"ga-select__value\">\n <ng-content select=\"ga-select-value\" />\n </div>\n } @else {\n <ga-select-default-value />\n }\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"textValue()\"\n (input)=\"open(); textValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox().id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"searchInputLabel() ?? i18n.defaultSearchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ng-content select=\"ga-select-dropdown\" />\n</ng-template>\n" }]
|
|
4327
|
-
}], ctorParameters: () => [] })
|
|
4265
|
+
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], searchInputLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchInputLabel", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], clearableLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearableLabel", required: false }] }], canSelectNullable: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelectNullable", required: false }] }], textValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "textValue", required: false }] }, { type: i0.Output, args: ["textValueChange"] }], leftIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftIcon", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], gaOptions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => GaOptionComponent), { ...{
|
|
4266
|
+
descendants: true,
|
|
4267
|
+
read: GaOptionComponent,
|
|
4268
|
+
}, isSignal: true }] }], cdkListbox: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CdkListbox), { isSignal: true }] }], gaDropdown: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaSelectDropdownComponent), { isSignal: true }] }], customSelectValue: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaSelectValueComponent), { isSignal: true }] }], inputSearch: [{ type: i0.ViewChild, args: ['inputSearch', { isSignal: true }] }], content: [{ type: i0.ViewChild, args: ['ngContent', { ...{ read: ElementRef }, isSignal: true }] }], connectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }] } });
|
|
4328
4269
|
|
|
4329
4270
|
class GaOptgroupComponent {
|
|
4330
|
-
label = input();
|
|
4331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4332
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4271
|
+
label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
4272
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaOptgroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4273
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaOptgroupComponent, isStandalone: true, selector: "ga-optgroup", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" } }, ngImport: i0, template: `
|
|
4333
4274
|
@if (label()) {
|
|
4334
4275
|
<div class="ga-dropdown__caption">{{ label() }}</div>
|
|
4335
4276
|
}
|
|
4336
4277
|
<ng-content />
|
|
4337
4278
|
`, isInline: true });
|
|
4338
4279
|
}
|
|
4339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaOptgroupComponent, decorators: [{
|
|
4340
4281
|
type: Component,
|
|
4341
4282
|
args: [{
|
|
4342
4283
|
selector: 'ga-optgroup',
|
|
@@ -4350,7 +4291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4350
4291
|
role: 'group',
|
|
4351
4292
|
},
|
|
4352
4293
|
}]
|
|
4353
|
-
}] });
|
|
4294
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
|
|
4354
4295
|
|
|
4355
4296
|
/**
|
|
4356
4297
|
* @internal - Internal validator provider for ga-select required validation
|
|
@@ -4364,10 +4305,10 @@ const GA_SELECT_REQUIRED_VALIDATOR = {
|
|
|
4364
4305
|
* @internal - Internal directive for ga-select required validation
|
|
4365
4306
|
*/
|
|
4366
4307
|
class GaSelectRequiredValidator extends RequiredValidator {
|
|
4367
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4368
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4308
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4309
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaSelectRequiredValidator, isStandalone: true, selector: "ga-select[required][formControlName], ga-select[required][formControl], ga-select[required][ngModel]", providers: [GA_SELECT_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
4369
4310
|
}
|
|
4370
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectRequiredValidator, decorators: [{
|
|
4371
4312
|
type: Directive,
|
|
4372
4313
|
args: [{
|
|
4373
4314
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -4377,8 +4318,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4377
4318
|
}] });
|
|
4378
4319
|
|
|
4379
4320
|
class GaSelectModule {
|
|
4380
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4381
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4321
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4322
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaSelectModule, imports: [GaSelectComponent,
|
|
4382
4323
|
GaOptionComponent,
|
|
4383
4324
|
GaOptgroupComponent,
|
|
4384
4325
|
GaSelectDropdownComponent,
|
|
@@ -4391,10 +4332,10 @@ class GaSelectModule {
|
|
|
4391
4332
|
GaSelectDropdownSpinnerComponent,
|
|
4392
4333
|
GaSelectValueComponent,
|
|
4393
4334
|
GaSelectRequiredValidator] });
|
|
4394
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4335
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectModule, imports: [GaSelectComponent,
|
|
4395
4336
|
GaOptionComponent] });
|
|
4396
4337
|
}
|
|
4397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSelectModule, decorators: [{
|
|
4398
4339
|
type: NgModule,
|
|
4399
4340
|
args: [{
|
|
4400
4341
|
imports: [
|
|
@@ -4419,15 +4360,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4419
4360
|
}] });
|
|
4420
4361
|
|
|
4421
4362
|
class GaDataOptionComponent {
|
|
4422
|
-
_isSelected = signal(false);
|
|
4423
|
-
_isActive = signal(false);
|
|
4363
|
+
_isSelected = signal(false, ...(ngDevMode ? [{ debugName: "_isSelected" }] : []));
|
|
4364
|
+
_isActive = signal(false, ...(ngDevMode ? [{ debugName: "_isActive" }] : []));
|
|
4424
4365
|
selectComponent = inject(GaDataSelectComponent);
|
|
4425
4366
|
cdkOption = inject(CdkOption, { self: true });
|
|
4426
|
-
value = input(null);
|
|
4427
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
4428
|
-
withInput = input(this.selectComponent.multiple(), {
|
|
4429
|
-
transform: booleanAttribute,
|
|
4430
|
-
});
|
|
4367
|
+
value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
4368
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
4369
|
+
withInput = input(this.selectComponent.multiple(), { ...(ngDevMode ? { debugName: "withInput" } : {}), transform: booleanAttribute });
|
|
4431
4370
|
selected = computed(() => {
|
|
4432
4371
|
if (!this._isSelected()) {
|
|
4433
4372
|
return false;
|
|
@@ -4438,7 +4377,7 @@ class GaDataOptionComponent {
|
|
|
4438
4377
|
return true;
|
|
4439
4378
|
}
|
|
4440
4379
|
return this.selectComponent.canSelectNullable();
|
|
4441
|
-
});
|
|
4380
|
+
}, ...(ngDevMode ? [{ debugName: "selected" }] : []));
|
|
4442
4381
|
active = this._isActive.asReadonly();
|
|
4443
4382
|
constructor() {
|
|
4444
4383
|
// NOTE: this is a workaround to set the default empty value (null) for cdkOption
|
|
@@ -4462,10 +4401,10 @@ class GaDataOptionComponent {
|
|
|
4462
4401
|
event?.preventDefault();
|
|
4463
4402
|
}
|
|
4464
4403
|
}
|
|
4465
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4466
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4404
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4405
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDataOptionComponent, isStandalone: true, selector: "ga-data-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, withInput: { classPropertyName: "withInput", publicName: "withInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.enter": "autoClose($event);", "keydown.space": "autoClose($event);", "click": "autoClose();" }, properties: { "class.ga-dropdown__item--selected": "selected()", "class.ga-dropdown__item--disabled": "cdkOption.disabled", "class.ga-dropdown__item--active": "active() && !cdkOption.disabled" }, classAttribute: "ga-dropdown__item" }, hostDirectives: [{ directive: i1$5.CdkOption, inputs: ["cdkOption", "value", "cdkOptionDisabled", "disabled", "cdkOptionTypeaheadLabel", "typeaheadLabel"] }], ngImport: i0, template: "@if (withInput()) {\n @if (selectComponent.multiple()) {\n <ga-checkbox\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n } @else {\n <ga-radio-button\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n }\n}\n<div class=\"ga-dropdown__item-label\"><ng-content /></div>\n", dependencies: [{ kind: "ngmodule", type: GaCheckboxModule }, { kind: "component", type: GaCheckboxComponent, selector: "ga-checkbox", inputs: ["value", "disabled", "checked", "name", "id", "indeterminate", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage", "required"], outputs: ["change", "indeterminateChange"] }, { kind: "ngmodule", type: GaRadioModule }, { kind: "component", type: GaRadioButtonComponent, selector: "ga-radio-button", inputs: ["value", "id", "name", "checked", "disabled", "aria-label", "aria-labelledby", "aria-describedby", "aria-invalid", "aria-errormessage"], outputs: ["change"] }] });
|
|
4467
4406
|
}
|
|
4468
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4407
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataOptionComponent, decorators: [{
|
|
4469
4408
|
type: Component,
|
|
4470
4409
|
args: [{ selector: 'ga-data-option', imports: [GaCheckboxModule, GaRadioModule], hostDirectives: [
|
|
4471
4410
|
{
|
|
@@ -4485,16 +4424,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4485
4424
|
'(keydown.space)': 'autoClose($event);',
|
|
4486
4425
|
'(click)': 'autoClose();',
|
|
4487
4426
|
}, template: "@if (withInput()) {\n @if (selectComponent.multiple()) {\n <ga-checkbox\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n } @else {\n <ga-radio-button\n [checked]=\"selected()\"\n [disabled]=\"disabled()\"\n aria-hidden=\"true\"\n style=\"pointer-events: none\"\n tabindex=\"-1\"\n />\n }\n}\n<div class=\"ga-dropdown__item-label\"><ng-content /></div>\n" }]
|
|
4488
|
-
}], ctorParameters: () => [] });
|
|
4427
|
+
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], withInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "withInput", required: false }] }] } });
|
|
4489
4428
|
|
|
4490
4429
|
function GA_DATA_SELECT_I18N_FACTORY() {
|
|
4491
4430
|
return new GaDataSelectI18nDefault();
|
|
4492
4431
|
}
|
|
4493
4432
|
class GaDataSelectI18n {
|
|
4494
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4495
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18n, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4434
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18n, providedIn: 'root', useFactory: GA_DATA_SELECT_I18N_FACTORY });
|
|
4496
4435
|
}
|
|
4497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18n, decorators: [{
|
|
4498
4437
|
type: Injectable,
|
|
4499
4438
|
args: [{
|
|
4500
4439
|
providedIn: 'root',
|
|
@@ -4510,10 +4449,10 @@ class GaDataSelectI18nDefault extends GaDataSelectI18n {
|
|
|
4510
4449
|
noOptionsLabel = 'No options';
|
|
4511
4450
|
/** A label shown when the display limit is reached in multi-select mode */
|
|
4512
4451
|
displayLimitReachedLabel = (counter) => `+${counter} more`;
|
|
4513
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4514
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4452
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18nDefault, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
4453
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18nDefault });
|
|
4515
4454
|
}
|
|
4516
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectI18nDefault, decorators: [{
|
|
4517
4456
|
type: Injectable
|
|
4518
4457
|
}] });
|
|
4519
4458
|
function provideGaDataSelectI18n(value) {
|
|
@@ -4528,7 +4467,7 @@ class GaDataSelectValueComponent {
|
|
|
4528
4467
|
selectComponent = inject(GaDataSelectComponent);
|
|
4529
4468
|
i18n = inject(GaDataSelectI18n);
|
|
4530
4469
|
icons = { X };
|
|
4531
|
-
customValueTemplate = input();
|
|
4470
|
+
customValueTemplate = input(...(ngDevMode ? [undefined, { debugName: "customValueTemplate" }] : []));
|
|
4532
4471
|
customValueTemplateContext = (item) => {
|
|
4533
4472
|
if (!item) {
|
|
4534
4473
|
return { $implicit: '', value: null, item: null };
|
|
@@ -4551,7 +4490,7 @@ class GaDataSelectValueComponent {
|
|
|
4551
4490
|
.items()
|
|
4552
4491
|
.find((item) => this.selectComponent.compareFn()(this.selectComponent.getItemValue(item), selectValue));
|
|
4553
4492
|
return this.selectComponent.getItemLabel(item);
|
|
4554
|
-
});
|
|
4493
|
+
}, ...(ngDevMode ? [{ debugName: "singleViewValue" }] : []));
|
|
4555
4494
|
selectedItems = computed(() => {
|
|
4556
4495
|
const value = this.selectComponent.value();
|
|
4557
4496
|
if (!this.selectComponent.hasValue() || !Array.isArray(value)) {
|
|
@@ -4563,7 +4502,7 @@ class GaDataSelectValueComponent {
|
|
|
4563
4502
|
return this.selectComponent
|
|
4564
4503
|
.items()
|
|
4565
4504
|
.filter((item) => value.some((v) => this.selectComponent.compareFn()(this.selectComponent.getItemValue(item), v)));
|
|
4566
|
-
});
|
|
4505
|
+
}, ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
|
|
4567
4506
|
visibleSelectedItems = computed(() => {
|
|
4568
4507
|
const items = this.selectedItems();
|
|
4569
4508
|
const limit = this.selectComponent.valueDisplayLimit();
|
|
@@ -4571,28 +4510,28 @@ class GaDataSelectValueComponent {
|
|
|
4571
4510
|
return items;
|
|
4572
4511
|
}
|
|
4573
4512
|
return items.slice(0, limit);
|
|
4574
|
-
});
|
|
4513
|
+
}, ...(ngDevMode ? [{ debugName: "visibleSelectedItems" }] : []));
|
|
4575
4514
|
hiddenItemsCount = computed(() => {
|
|
4576
4515
|
return this.selectedItems().length - this.visibleSelectedItems().length;
|
|
4577
|
-
});
|
|
4516
|
+
}, ...(ngDevMode ? [{ debugName: "hiddenItemsCount" }] : []));
|
|
4578
4517
|
deselectOption(value) {
|
|
4579
4518
|
this.selectComponent.deselectValue(value);
|
|
4580
4519
|
}
|
|
4581
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4582
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4520
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4521
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDataSelectValueComponent, isStandalone: true, selector: "ga-data-select-value", inputs: { customValueTemplate: { classPropertyName: "customValueTemplate", publicName: "customValueTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-select__value" }, ngImport: i0, template: "@if (selectComponent.multiple()) {\n @for (\n selectedItem of visibleSelectedItems();\n track selectComponent.getItemValue(selectedItem)\n ) {\n <div\n class=\"ga-tag\"\n [class.ga-tag--interactive-selected]=\"!selectComponent.disabled()\"\n [class.ga-tag--interactive-selected-disabled]=\"selectComponent.disabled()\"\n >\n <span class=\"ga-tag__label\">\n @if (customValueTemplate(); as templateRef) {\n <ng-container\n [ngTemplateOutlet]=\"templateRef\"\n [ngTemplateOutletContext]=\"customValueTemplateContext(selectedItem)\"\n />\n } @else {\n {{ selectComponent.getItemLabel(selectedItem) }}\n }\n </span>\n @if (!selectComponent.disabled()) {\n <div class=\"ga-tag__separator\"></div>\n <ga-icon\n [icon]=\"icons.X\"\n size=\"16\"\n class=\"ga-tag__icon\"\n (click)=\"\n deselectOption(selectComponent.getItemValue(selectedItem));\n $event.stopPropagation()\n \"\n />\n }\n </div>\n }\n @if (hiddenItemsCount() > 0) {\n <div\n class=\"ga-tag\"\n [class.ga-tag--interactive-selected]=\"!selectComponent.disabled()\"\n [class.ga-tag--interactive-selected-disabled]=\"selectComponent.disabled()\"\n >\n <span class=\"ga-tag__label\">{{\n i18n.displayLimitReachedLabel(hiddenItemsCount())\n }}</span>\n </div>\n }\n} @else {\n @if (customValueTemplate(); as templateRef) {\n <ng-container\n [ngTemplateOutlet]=\"templateRef\"\n [ngTemplateOutletContext]=\"\n customValueTemplateContext(selectComponent.selectedItem())\n \"\n />\n } @else {\n {{ singleViewValue() }}\n }\n}\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
4583
4522
|
}
|
|
4584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectValueComponent, decorators: [{
|
|
4585
4524
|
type: Component,
|
|
4586
4525
|
args: [{ selector: 'ga-data-select-value', imports: [GaIconModule, NgTemplateOutlet], host: {
|
|
4587
4526
|
class: 'ga-select__value',
|
|
4588
4527
|
}, template: "@if (selectComponent.multiple()) {\n @for (\n selectedItem of visibleSelectedItems();\n track selectComponent.getItemValue(selectedItem)\n ) {\n <div\n class=\"ga-tag\"\n [class.ga-tag--interactive-selected]=\"!selectComponent.disabled()\"\n [class.ga-tag--interactive-selected-disabled]=\"selectComponent.disabled()\"\n >\n <span class=\"ga-tag__label\">\n @if (customValueTemplate(); as templateRef) {\n <ng-container\n [ngTemplateOutlet]=\"templateRef\"\n [ngTemplateOutletContext]=\"customValueTemplateContext(selectedItem)\"\n />\n } @else {\n {{ selectComponent.getItemLabel(selectedItem) }}\n }\n </span>\n @if (!selectComponent.disabled()) {\n <div class=\"ga-tag__separator\"></div>\n <ga-icon\n [icon]=\"icons.X\"\n size=\"16\"\n class=\"ga-tag__icon\"\n (click)=\"\n deselectOption(selectComponent.getItemValue(selectedItem));\n $event.stopPropagation()\n \"\n />\n }\n </div>\n }\n @if (hiddenItemsCount() > 0) {\n <div\n class=\"ga-tag\"\n [class.ga-tag--interactive-selected]=\"!selectComponent.disabled()\"\n [class.ga-tag--interactive-selected-disabled]=\"selectComponent.disabled()\"\n >\n <span class=\"ga-tag__label\">{{\n i18n.displayLimitReachedLabel(hiddenItemsCount())\n }}</span>\n </div>\n }\n} @else {\n @if (customValueTemplate(); as templateRef) {\n <ng-container\n [ngTemplateOutlet]=\"templateRef\"\n [ngTemplateOutletContext]=\"\n customValueTemplateContext(selectComponent.selectedItem())\n \"\n />\n } @else {\n {{ singleViewValue() }}\n }\n}\n" }]
|
|
4589
|
-
}] });
|
|
4528
|
+
}], propDecorators: { customValueTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customValueTemplate", required: false }] }] } });
|
|
4590
4529
|
|
|
4591
4530
|
class GaDataSelectDropdownSpinnerComponent {
|
|
4592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4593
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4531
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectDropdownSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4532
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.4", type: GaDataSelectDropdownSpinnerComponent, isStandalone: true, selector: "ga-data-select-dropdown-spinner", host: { classAttribute: "ga-dropdown__spinner" }, ngImport: i0, template: `<ga-spinner size="16" />`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaSpinnerModule }, { kind: "component", type: GaSpinnerComponent, selector: "ga-spinner", inputs: ["size"] }] });
|
|
4594
4533
|
}
|
|
4595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectDropdownSpinnerComponent, decorators: [{
|
|
4596
4535
|
type: Component,
|
|
4597
4536
|
args: [{
|
|
4598
4537
|
selector: 'ga-data-select-dropdown-spinner',
|
|
@@ -4607,14 +4546,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4607
4546
|
class GaDataSelectDropdownComponent {
|
|
4608
4547
|
elementRef = inject(ElementRef);
|
|
4609
4548
|
cdkListbox = inject(CdkListbox, { self: true });
|
|
4610
|
-
loading = input(false, { transform: booleanAttribute });
|
|
4549
|
+
loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
4611
4550
|
resetScroll() {
|
|
4612
4551
|
this.elementRef.nativeElement.scrollTo(0, 0);
|
|
4613
4552
|
}
|
|
4614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4615
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4553
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4554
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDataSelectDropdownComponent, isStandalone: true, selector: "ga-data-select-dropdown", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ga-dropdown ga-dropdown__content" }, hostDirectives: [{ directive: i1$5.CdkListbox, inputs: ["cdkListboxMultiple", "multiple", "cdkListboxUseActiveDescendant", "useActiveDescendant", "cdkListboxNavigationWrapDisabled", "navigationWrapDisabled", "cdkListboxCompareWith", "compareWith"] }], ngImport: i0, template: "<ng-content />\n\n@if (loading()) {\n <ga-data-select-dropdown-spinner />\n}\n", dependencies: [{ kind: "component", type: GaDataSelectDropdownSpinnerComponent, selector: "ga-data-select-dropdown-spinner" }] });
|
|
4616
4555
|
}
|
|
4617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectDropdownComponent, decorators: [{
|
|
4618
4557
|
type: Component,
|
|
4619
4558
|
args: [{ selector: 'ga-data-select-dropdown', imports: [GaDataSelectDropdownSpinnerComponent], hostDirectives: [
|
|
4620
4559
|
{
|
|
@@ -4629,14 +4568,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4629
4568
|
], host: {
|
|
4630
4569
|
class: 'ga-dropdown ga-dropdown__content',
|
|
4631
4570
|
}, template: "<ng-content />\n\n@if (loading()) {\n <ga-data-select-dropdown-spinner />\n}\n" }]
|
|
4632
|
-
}] });
|
|
4571
|
+
}], propDecorators: { loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
|
|
4633
4572
|
|
|
4634
4573
|
class GaDataOptgroupComponent {
|
|
4635
|
-
label = input();
|
|
4636
|
-
customLabelTemplate = input();
|
|
4637
|
-
customLabelContext = input();
|
|
4638
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4639
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4574
|
+
label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
|
|
4575
|
+
customLabelTemplate = input(...(ngDevMode ? [undefined, { debugName: "customLabelTemplate" }] : []));
|
|
4576
|
+
customLabelContext = input(...(ngDevMode ? [undefined, { debugName: "customLabelContext" }] : []));
|
|
4577
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataOptgroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4578
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDataOptgroupComponent, isStandalone: true, selector: "ga-data-optgroup", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, customLabelTemplate: { classPropertyName: "customLabelTemplate", publicName: "customLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, customLabelContext: { classPropertyName: "customLabelContext", publicName: "customLabelContext", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" } }, ngImport: i0, template: `
|
|
4640
4579
|
@if (customLabelTemplate(); as templateRef) {
|
|
4641
4580
|
<div class="ga-dropdown__caption">
|
|
4642
4581
|
<ng-container
|
|
@@ -4650,7 +4589,7 @@ class GaDataOptgroupComponent {
|
|
|
4650
4589
|
<ng-content />
|
|
4651
4590
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
4652
4591
|
}
|
|
4653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataOptgroupComponent, decorators: [{
|
|
4654
4593
|
type: Component,
|
|
4655
4594
|
args: [{
|
|
4656
4595
|
selector: 'ga-data-optgroup',
|
|
@@ -4672,14 +4611,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4672
4611
|
role: 'group',
|
|
4673
4612
|
},
|
|
4674
4613
|
}]
|
|
4675
|
-
}] });
|
|
4614
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], customLabelTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "customLabelTemplate", required: false }] }], customLabelContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "customLabelContext", required: false }] }] } });
|
|
4676
4615
|
|
|
4677
4616
|
class GaDataSelectValueDirective {
|
|
4678
4617
|
templateRef = inject(TemplateRef, { self: true });
|
|
4679
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4680
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4618
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4619
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaDataSelectValueDirective, isStandalone: true, selector: "[gaDataSelectValueTpl]", ngImport: i0 });
|
|
4681
4620
|
}
|
|
4682
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectValueDirective, decorators: [{
|
|
4683
4622
|
type: Directive,
|
|
4684
4623
|
args: [{
|
|
4685
4624
|
selector: '[gaDataSelectValueTpl]',
|
|
@@ -4688,10 +4627,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4688
4627
|
|
|
4689
4628
|
class GaDataSelectOptionLabelDirective {
|
|
4690
4629
|
templateRef = inject(TemplateRef, { self: true });
|
|
4691
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4692
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectOptionLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4631
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaDataSelectOptionLabelDirective, isStandalone: true, selector: "[gaDataSelectOptionTpl]", ngImport: i0 });
|
|
4693
4632
|
}
|
|
4694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectOptionLabelDirective, decorators: [{
|
|
4695
4634
|
type: Directive,
|
|
4696
4635
|
args: [{
|
|
4697
4636
|
selector: '[gaDataSelectOptionTpl]',
|
|
@@ -4700,10 +4639,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4700
4639
|
|
|
4701
4640
|
class GaDataSelectOptgroupLabelDirective {
|
|
4702
4641
|
templateRef = inject(TemplateRef, { self: true });
|
|
4703
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4704
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4642
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectOptgroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4643
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaDataSelectOptgroupLabelDirective, isStandalone: true, selector: "[gaDataSelectOptgroupLabelTpl]", ngImport: i0 });
|
|
4705
4644
|
}
|
|
4706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectOptgroupLabelDirective, decorators: [{
|
|
4707
4646
|
type: Directive,
|
|
4708
4647
|
args: [{
|
|
4709
4648
|
selector: '[gaDataSelectOptgroupLabelTpl]',
|
|
@@ -4713,15 +4652,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
4713
4652
|
class GaIntersectionTriggerComponent {
|
|
4714
4653
|
observer;
|
|
4715
4654
|
anchor = inject(ElementRef);
|
|
4716
|
-
rootElement = input();
|
|
4717
|
-
rootMargin = input('0px');
|
|
4718
|
-
parentAsRoot = input(false, { transform: booleanAttribute });
|
|
4655
|
+
rootElement = input(...(ngDevMode ? [undefined, { debugName: "rootElement" }] : []));
|
|
4656
|
+
rootMargin = input('0px', ...(ngDevMode ? [{ debugName: "rootMargin" }] : []));
|
|
4657
|
+
parentAsRoot = input(false, { ...(ngDevMode ? { debugName: "parentAsRoot" } : {}), transform: booleanAttribute });
|
|
4719
4658
|
trigger = output();
|
|
4720
4659
|
root = computed(() => {
|
|
4721
4660
|
return this.parentAsRoot()
|
|
4722
4661
|
? this.anchor.nativeElement.parentElement
|
|
4723
4662
|
: this.rootElement()?.nativeElement;
|
|
4724
|
-
});
|
|
4663
|
+
}, ...(ngDevMode ? [{ debugName: "root" }] : []));
|
|
4725
4664
|
constructor() {
|
|
4726
4665
|
afterNextRender(() => {
|
|
4727
4666
|
this.observer = new IntersectionObserver(([entry]) => {
|
|
@@ -4739,13 +4678,13 @@ class GaIntersectionTriggerComponent {
|
|
|
4739
4678
|
ngOnDestroy() {
|
|
4740
4679
|
this.observer?.disconnect();
|
|
4741
4680
|
}
|
|
4742
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4743
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4681
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIntersectionTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4682
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaIntersectionTriggerComponent, isStandalone: true, selector: "ga-intersection-trigger", inputs: { rootElement: { classPropertyName: "rootElement", publicName: "rootElement", isSignal: true, isRequired: false, transformFunction: null }, rootMargin: { classPropertyName: "rootMargin", publicName: "rootMargin", isSignal: true, isRequired: false, transformFunction: null }, parentAsRoot: { classPropertyName: "parentAsRoot", publicName: "parentAsRoot", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { trigger: "trigger" }, ngImport: i0, template: ``, isInline: true, styles: [":host{height:0px;display:block;flex-shrink:0}\n"] });
|
|
4744
4683
|
}
|
|
4745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaIntersectionTriggerComponent, decorators: [{
|
|
4746
4685
|
type: Component,
|
|
4747
4686
|
args: [{ selector: 'ga-intersection-trigger', template: ``, styles: [":host{height:0px;display:block;flex-shrink:0}\n"] }]
|
|
4748
|
-
}], ctorParameters: () => [] });
|
|
4687
|
+
}], ctorParameters: () => [], propDecorators: { rootElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootElement", required: false }] }], rootMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootMargin", required: false }] }], parentAsRoot: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentAsRoot", required: false }] }], trigger: [{ type: i0.Output, args: ["trigger"] }] } });
|
|
4749
4688
|
|
|
4750
4689
|
let nextUniqueId$3 = 0;
|
|
4751
4690
|
class GaDataSelectComponent {
|
|
@@ -4792,67 +4731,59 @@ class GaDataSelectComponent {
|
|
|
4792
4731
|
overlayOrigin = inject(CdkOverlayOrigin);
|
|
4793
4732
|
repositionScrollStrategy = createRepositionScrollStrategy(this.injector);
|
|
4794
4733
|
implicitNgControlState = injectNgControlState();
|
|
4795
|
-
_isOpen = signal(false);
|
|
4734
|
+
_isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
|
|
4796
4735
|
shouldRecoverFocus = false;
|
|
4797
|
-
searchValue = signal(null);
|
|
4798
|
-
multiple = input(false, { transform: booleanAttribute });
|
|
4799
|
-
value = model(null);
|
|
4800
|
-
placeholder = input('');
|
|
4801
|
-
disabledInput = input(false, {
|
|
4802
|
-
|
|
4803
|
-
|
|
4804
|
-
|
|
4805
|
-
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
});
|
|
4809
|
-
|
|
4810
|
-
|
|
4811
|
-
|
|
4812
|
-
|
|
4813
|
-
|
|
4814
|
-
|
|
4815
|
-
|
|
4816
|
-
|
|
4817
|
-
});
|
|
4818
|
-
|
|
4819
|
-
|
|
4820
|
-
|
|
4821
|
-
bindValue = input();
|
|
4822
|
-
bindLabel = input();
|
|
4823
|
-
groupBy = input();
|
|
4824
|
-
loading = input(false, { transform: booleanAttribute });
|
|
4825
|
-
withOptionInput = input(null, { transform: booleanAttribute });
|
|
4826
|
-
valueDisplayLimit = input(null, { transform: numberAttribute });
|
|
4736
|
+
searchValue = signal(null, ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
|
|
4737
|
+
multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
|
|
4738
|
+
value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
4739
|
+
placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
4740
|
+
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
4741
|
+
transform: booleanAttribute });
|
|
4742
|
+
invalidInput = input(null, { ...(ngDevMode ? { debugName: "invalidInput" } : {}), alias: 'invalid',
|
|
4743
|
+
transform: booleanAttribute });
|
|
4744
|
+
compareFn = input((a, b) => a === b, ...(ngDevMode ? [{ debugName: "compareFn" }] : []));
|
|
4745
|
+
searchable = input(false, { ...(ngDevMode ? { debugName: "searchable" } : {}), transform: booleanAttribute });
|
|
4746
|
+
customFilter = input(false, { ...(ngDevMode ? { debugName: "customFilter" } : {}), transform: booleanAttribute });
|
|
4747
|
+
clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : {}), transform: booleanAttribute });
|
|
4748
|
+
clearableLabel = input(...(ngDevMode ? [undefined, { debugName: "clearableLabel" }] : []));
|
|
4749
|
+
noOptionsLabel = input(...(ngDevMode ? [undefined, { debugName: "noOptionsLabel" }] : []));
|
|
4750
|
+
canSelectNullable = input(false, { ...(ngDevMode ? { debugName: "canSelectNullable" } : {}), transform: booleanAttribute });
|
|
4751
|
+
leftIcon = input(...(ngDevMode ? [undefined, { debugName: "leftIcon" }] : []));
|
|
4752
|
+
idInput = input(null, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
|
|
4753
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
4754
|
+
bindValue = input(...(ngDevMode ? [undefined, { debugName: "bindValue" }] : []));
|
|
4755
|
+
bindLabel = input(...(ngDevMode ? [undefined, { debugName: "bindLabel" }] : []));
|
|
4756
|
+
groupBy = input(...(ngDevMode ? [undefined, { debugName: "groupBy" }] : []));
|
|
4757
|
+
loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), transform: booleanAttribute });
|
|
4758
|
+
withOptionInput = input(null, { ...(ngDevMode ? { debugName: "withOptionInput" } : {}), transform: booleanAttribute });
|
|
4759
|
+
valueDisplayLimit = input(null, { ...(ngDevMode ? { debugName: "valueDisplayLimit" } : {}), transform: numberAttribute });
|
|
4827
4760
|
searchValueChange = output();
|
|
4828
4761
|
opened = output();
|
|
4829
4762
|
closed = output();
|
|
4830
4763
|
optionsEndReached = output();
|
|
4831
|
-
dropdownElRef = viewChild('selectDropdown', {
|
|
4832
|
-
|
|
4833
|
-
});
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
inputSearch = viewChild('inputSearch');
|
|
4841
|
-
connectedOverlay = viewChild(CdkConnectedOverlay);
|
|
4764
|
+
dropdownElRef = viewChild('selectDropdown', { ...(ngDevMode ? { debugName: "dropdownElRef" } : {}), read: ElementRef });
|
|
4765
|
+
gaOptions = viewChildren(GaDataOptionComponent, ...(ngDevMode ? [{ debugName: "gaOptions" }] : []));
|
|
4766
|
+
cdkListbox = viewChild(CdkListbox, ...(ngDevMode ? [{ debugName: "cdkListbox" }] : []));
|
|
4767
|
+
gaDropdown = viewChild(GaDataSelectDropdownComponent, ...(ngDevMode ? [{ debugName: "gaDropdown" }] : []));
|
|
4768
|
+
customValueTemplate = contentChild(GaDataSelectValueDirective, ...(ngDevMode ? [{ debugName: "customValueTemplate" }] : []));
|
|
4769
|
+
customOptionLabelTemplate = contentChild(GaDataSelectOptionLabelDirective, ...(ngDevMode ? [{ debugName: "customOptionLabelTemplate" }] : []));
|
|
4770
|
+
customOptgroupLabelTemplate = contentChild(GaDataSelectOptgroupLabelDirective, ...(ngDevMode ? [{ debugName: "customOptgroupLabelTemplate" }] : []));
|
|
4771
|
+
inputSearch = viewChild('inputSearch', ...(ngDevMode ? [{ debugName: "inputSearch" }] : []));
|
|
4772
|
+
connectedOverlay = viewChild(CdkConnectedOverlay, ...(ngDevMode ? [{ debugName: "connectedOverlay" }] : []));
|
|
4842
4773
|
id = computed(() => {
|
|
4843
4774
|
return this.idInput() ?? this._uniqueId;
|
|
4844
|
-
});
|
|
4775
|
+
}, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
4845
4776
|
isOpen = this._isOpen.asReadonly();
|
|
4846
|
-
disabled = linkedSignal(() => this.disabledInput());
|
|
4777
|
+
disabled = linkedSignal(() => this.disabledInput(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
4847
4778
|
menuStatusIcon = computed(() => {
|
|
4848
4779
|
return this._isOpen() ? ChevronUp : ChevronDown;
|
|
4849
|
-
});
|
|
4780
|
+
}, ...(ngDevMode ? [{ debugName: "menuStatusIcon" }] : []));
|
|
4850
4781
|
selectedItem = computed(() => {
|
|
4851
4782
|
if (!this.bindValue()) {
|
|
4852
4783
|
return this.value();
|
|
4853
4784
|
}
|
|
4854
4785
|
return this.items().find((item) => this.compareFn()(this.getItemValue(item), this.value()));
|
|
4855
|
-
});
|
|
4786
|
+
}, ...(ngDevMode ? [{ debugName: "selectedItem" }] : []));
|
|
4856
4787
|
// Selected items for multi-select
|
|
4857
4788
|
selectedItems = computed(() => {
|
|
4858
4789
|
const value = this.value();
|
|
@@ -4860,7 +4791,7 @@ class GaDataSelectComponent {
|
|
|
4860
4791
|
return [];
|
|
4861
4792
|
}
|
|
4862
4793
|
return this.items().filter((item) => value.some((v) => this.compareFn()(this.getItemValue(item), v)));
|
|
4863
|
-
});
|
|
4794
|
+
}, ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
|
|
4864
4795
|
// Template context factory for option labels
|
|
4865
4796
|
getOptionLabelTemplateContext(item) {
|
|
4866
4797
|
return {
|
|
@@ -4886,7 +4817,7 @@ class GaDataSelectComponent {
|
|
|
4886
4817
|
const label = this.getItemLabel(item);
|
|
4887
4818
|
return label.toLowerCase().includes(searchText);
|
|
4888
4819
|
});
|
|
4889
|
-
});
|
|
4820
|
+
}, ...(ngDevMode ? [{ debugName: "filteredItems" }] : []));
|
|
4890
4821
|
// Returns selected values not in filtered items, ensuring cdkListbox maintains state during filtering
|
|
4891
4822
|
virtualItems = computed(() => {
|
|
4892
4823
|
const value = this.value();
|
|
@@ -4896,7 +4827,7 @@ class GaDataSelectComponent {
|
|
|
4896
4827
|
return value.filter((val) => {
|
|
4897
4828
|
return !this.filteredItems().some((item) => this.compareFn()(this.getItemValue(item), val));
|
|
4898
4829
|
});
|
|
4899
|
-
});
|
|
4830
|
+
}, ...(ngDevMode ? [{ debugName: "virtualItems" }] : []));
|
|
4900
4831
|
groupedItems = computed(() => {
|
|
4901
4832
|
const items = this.filteredItems();
|
|
4902
4833
|
const groupByKey = this.groupBy();
|
|
@@ -4917,14 +4848,14 @@ class GaDataSelectComponent {
|
|
|
4917
4848
|
label,
|
|
4918
4849
|
items,
|
|
4919
4850
|
}));
|
|
4920
|
-
});
|
|
4851
|
+
}, ...(ngDevMode ? [{ debugName: "groupedItems" }] : []));
|
|
4921
4852
|
hasNoOptions = computed(() => {
|
|
4922
4853
|
return this.filteredItems().length === 0;
|
|
4923
|
-
});
|
|
4854
|
+
}, ...(ngDevMode ? [{ debugName: "hasNoOptions" }] : []));
|
|
4924
4855
|
activeDescendantId = computed(() => {
|
|
4925
4856
|
const activeOption = this.gaOptions().find((option) => option.active());
|
|
4926
4857
|
return activeOption?.cdkOption.id;
|
|
4927
|
-
});
|
|
4858
|
+
}, ...(ngDevMode ? [{ debugName: "activeDescendantId" }] : []));
|
|
4928
4859
|
hasValue = computed(() => {
|
|
4929
4860
|
const value = this.value();
|
|
4930
4861
|
if (!this.multiple() && (value === null || value === undefined)) {
|
|
@@ -4934,10 +4865,10 @@ class GaDataSelectComponent {
|
|
|
4934
4865
|
return value.length > 0;
|
|
4935
4866
|
}
|
|
4936
4867
|
return true;
|
|
4937
|
-
});
|
|
4868
|
+
}, ...(ngDevMode ? [{ debugName: "hasValue" }] : []));
|
|
4938
4869
|
invalid = computed(() => {
|
|
4939
4870
|
return this.invalidInput() ?? this.implicitNgControlState.inError();
|
|
4940
|
-
});
|
|
4871
|
+
}, ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
4941
4872
|
listboxCompareWith = computed(() => {
|
|
4942
4873
|
return (o1, o2) => {
|
|
4943
4874
|
if (o1 === null || o1 === undefined || o2 === null || o2 === undefined) {
|
|
@@ -4947,7 +4878,7 @@ class GaDataSelectComponent {
|
|
|
4947
4878
|
}
|
|
4948
4879
|
return this.compareFn()(o1, o2);
|
|
4949
4880
|
};
|
|
4950
|
-
});
|
|
4881
|
+
}, ...(ngDevMode ? [{ debugName: "listboxCompareWith" }] : []));
|
|
4951
4882
|
// Helper method to get the label for an item
|
|
4952
4883
|
getItemLabel(item) {
|
|
4953
4884
|
const bindLabel = this.bindLabel();
|
|
@@ -5245,16 +5176,16 @@ class GaDataSelectComponent {
|
|
|
5245
5176
|
});
|
|
5246
5177
|
}
|
|
5247
5178
|
}
|
|
5248
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5249
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaDataSelectComponent, isStandalone: true, selector: "ga-data-select", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, compareFn: { classPropertyName: "compareFn", publicName: "compareFn", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, customFilter: { classPropertyName: "customFilter", publicName: "customFilter", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, clearableLabel: { classPropertyName: "clearableLabel", publicName: "clearableLabel", isSignal: true, isRequired: false, transformFunction: null }, noOptionsLabel: { classPropertyName: "noOptionsLabel", publicName: "noOptionsLabel", isSignal: true, isRequired: false, transformFunction: null }, canSelectNullable: { classPropertyName: "canSelectNullable", publicName: "canSelectNullable", isSignal: true, isRequired: false, transformFunction: null }, leftIcon: { classPropertyName: "leftIcon", publicName: "leftIcon", isSignal: true, isRequired: false, transformFunction: null }, idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, withOptionInput: { classPropertyName: "withOptionInput", publicName: "withOptionInput", isSignal: true, isRequired: false, transformFunction: null }, valueDisplayLimit: { classPropertyName: "valueDisplayLimit", publicName: "valueDisplayLimit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", searchValueChange: "searchValueChange", opened: "opened", closed: "closed", optionsEndReached: "optionsEndReached" }, host: { attributes: { "role": "combobox", "aria-haspopup": "listbox" }, listeners: { "click": "toggle()", "keydown.arrowdown": "open(); $event.preventDefault()", "keydown.space": "open(); $event.preventDefault()", "keydown.enter": "open(); $event.preventDefault()", "keydown.backspace": "clearValue(); $event.preventDefault()" }, properties: { "attr.id": "id()", "class.ga-select--multi": "multiple()", "class.ga-select--expanded": "isOpen()", "class.ga-select--disabled": "disabled()", "class.ga-select--invalid": "invalid()", "class.ga-select--empty": "!hasValue()", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? cdkListbox()?.id : null", "attr.aria-invalid": "invalid()", "attr.aria-disabled": "disabled()", "attr.aria-owns": "isOpen() && searchable() ? cdkListbox()?.id : null", "attr.aria-activedescendant": "isOpen() && !searchable() ? activeDescendantId() : null", "attr.tabindex": "disabled() ? -1 : 0" }, classAttribute: "ga-select" }, providers: [
|
|
5250
5181
|
{
|
|
5251
5182
|
provide: NG_VALUE_ACCESSOR,
|
|
5252
5183
|
useExisting: forwardRef(() => GaDataSelectComponent),
|
|
5253
5184
|
multi: true,
|
|
5254
5185
|
},
|
|
5255
|
-
], queries: [{ propertyName: "customValueTemplate", first: true, predicate: GaDataSelectValueDirective, descendants: true, isSignal: true }, { propertyName: "customOptionLabelTemplate", first: true, predicate: GaDataSelectOptionLabelDirective, descendants: true, isSignal: true }, { propertyName: "customOptgroupLabelTemplate", first: true, predicate: GaDataSelectOptgroupLabelDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dropdownElRef", first: true, predicate: ["selectDropdown"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "gaOptions", predicate: GaDataOptionComponent, descendants: true, isSignal: true }, { propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true, isSignal: true }, { propertyName: "gaDropdown", first: true, predicate: GaDataSelectDropdownComponent, descendants: true, isSignal: true }, { propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkOverlayOrigin }, { directive: GaLabelledByFormFieldDirective, inputs: ["aria-labelledby", "aria-labelledby"] }], ngImport: i0, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!searchValue() || multiple())) {\n <ga-data-select-value\n [customValueTemplate]=\"customValueTemplate()?.templateRef\"\n />\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"searchValue() ?? ''\"\n (input)=\"open(); searchValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox()?.id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"i18n.searchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ga-data-select-dropdown\n [multiple]=\"multiple()\"\n [useActiveDescendant]=\"searchable()\"\n [navigationWrapDisabled]=\"loading()\"\n [compareWith]=\"listboxCompareWith()\"\n [loading]=\"loading()\"\n #selectDropdown\n >\n @if (hasNoOptions() && !loading()) {\n <div class=\"ga-dropdown__caption\">\n {{ noOptionsLabel() ?? i18n.noOptionsLabel }}\n </div>\n }\n\n @for (group of groupedItems(); track group.label) {\n @if (group.label) {\n <ga-data-optgroup\n [label]=\"group.label\"\n [customLabelTemplate]=\"customOptgroupLabelTemplate()?.templateRef\"\n [customLabelContext]=\"getOptgroupLabelTemplateContext(group)\"\n >\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"\n getOptionLabelTemplateContext(item)\n \"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n </ga-data-optgroup>\n } @else {\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n }\n }\n\n <!--\n Virtual items: Render hidden disabled options for all selected values.\n This ensures cdkListbox maintains state when filtering occurs - even when\n selected values don't match the currently visible filtered options, they\n remain valid options in the listbox, preventing state loss.\n -->\n @for (item of virtualItems(); track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n disabled\n hidden\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n\n <ga-intersection-trigger\n parentAsRoot\n rootMargin=\"0% 0% 20px 0%\"\n (trigger)=\"endReached()\"\n />\n </ga-data-select-dropdown>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: GaDataSelectValueComponent, selector: "ga-data-select-value", inputs: ["customValueTemplate"] }, { kind: "component", type: GaDataSelectDropdownComponent, selector: "ga-data-select-dropdown", inputs: ["loading"] }, { kind: "component", type: GaDataOptionComponent, selector: "ga-data-option", inputs: ["value", "disabled", "withInput"] }, { kind: "component", type: GaDataOptgroupComponent, selector: "ga-data-optgroup", inputs: ["label", "customLabelTemplate", "customLabelContext"] }, { kind: "component", type: GaIntersectionTriggerComponent, selector: "ga-intersection-trigger", inputs: ["rootElement", "rootMargin", "parentAsRoot"], outputs: ["trigger"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
5186
|
+
], queries: [{ propertyName: "customValueTemplate", first: true, predicate: GaDataSelectValueDirective, descendants: true, isSignal: true }, { propertyName: "customOptionLabelTemplate", first: true, predicate: GaDataSelectOptionLabelDirective, descendants: true, isSignal: true }, { propertyName: "customOptgroupLabelTemplate", first: true, predicate: GaDataSelectOptgroupLabelDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dropdownElRef", first: true, predicate: ["selectDropdown"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "gaOptions", predicate: GaDataOptionComponent, descendants: true, isSignal: true }, { propertyName: "cdkListbox", first: true, predicate: CdkListbox, descendants: true, isSignal: true }, { propertyName: "gaDropdown", first: true, predicate: GaDataSelectDropdownComponent, descendants: true, isSignal: true }, { propertyName: "inputSearch", first: true, predicate: ["inputSearch"], descendants: true, isSignal: true }, { propertyName: "connectedOverlay", first: true, predicate: CdkConnectedOverlay, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkOverlayOrigin }, { directive: GaLabelledByFormFieldDirective, inputs: ["aria-labelledby", "aria-labelledby"] }], ngImport: i0, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!searchValue() || multiple())) {\n <ga-data-select-value\n [customValueTemplate]=\"customValueTemplate()?.templateRef\"\n />\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"searchValue() ?? ''\"\n (input)=\"open(); searchValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox()?.id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"i18n.searchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ga-data-select-dropdown\n [multiple]=\"multiple()\"\n [useActiveDescendant]=\"searchable()\"\n [navigationWrapDisabled]=\"loading()\"\n [compareWith]=\"listboxCompareWith()\"\n [loading]=\"loading()\"\n #selectDropdown\n >\n @if (hasNoOptions() && !loading()) {\n <div class=\"ga-dropdown__caption\">\n {{ noOptionsLabel() ?? i18n.noOptionsLabel }}\n </div>\n }\n\n @for (group of groupedItems(); track group.label) {\n @if (group.label) {\n <ga-data-optgroup\n [label]=\"group.label\"\n [customLabelTemplate]=\"customOptgroupLabelTemplate()?.templateRef\"\n [customLabelContext]=\"getOptgroupLabelTemplateContext(group)\"\n >\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"\n getOptionLabelTemplateContext(item)\n \"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n </ga-data-optgroup>\n } @else {\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n }\n }\n\n <!--\n Virtual items: Render hidden disabled options for all selected values.\n This ensures cdkListbox maintains state when filtering occurs - even when\n selected values don't match the currently visible filtered options, they\n remain valid options in the listbox, preventing state loss.\n -->\n @for (item of virtualItems(); track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n disabled\n hidden\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n\n <ga-intersection-trigger\n parentAsRoot\n rootMargin=\"0% 0% 20px 0%\"\n (trigger)=\"endReached()\"\n />\n </ga-data-select-dropdown>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }, { kind: "ngmodule", type: GaButtonModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: GaDataSelectValueComponent, selector: "ga-data-select-value", inputs: ["customValueTemplate"] }, { kind: "component", type: GaDataSelectDropdownComponent, selector: "ga-data-select-dropdown", inputs: ["loading"] }, { kind: "component", type: GaDataOptionComponent, selector: "ga-data-option", inputs: ["value", "disabled", "withInput"] }, { kind: "component", type: GaDataOptgroupComponent, selector: "ga-data-optgroup", inputs: ["label", "customLabelTemplate", "customLabelContext"] }, { kind: "component", type: GaIntersectionTriggerComponent, selector: "ga-intersection-trigger", inputs: ["rootElement", "rootMargin", "parentAsRoot"], outputs: ["trigger"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
5256
5187
|
}
|
|
5257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectComponent, decorators: [{
|
|
5258
5189
|
type: Component,
|
|
5259
5190
|
args: [{ selector: 'ga-data-select', imports: [
|
|
5260
5191
|
GaIconModule,
|
|
@@ -5301,7 +5232,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5301
5232
|
'(keydown.enter)': 'open(); $event.preventDefault()',
|
|
5302
5233
|
'(keydown.backspace)': 'clearValue(); $event.preventDefault()',
|
|
5303
5234
|
}, template: "@if (leftIcon()) {\n <ga-icon [icon]=\"leftIcon()!\" />\n}\n\n<div class=\"ga-select__main-area\">\n @if (hasValue() && (!searchValue() || multiple())) {\n <ga-data-select-value\n [customValueTemplate]=\"customValueTemplate()?.templateRef\"\n />\n } @else if (!searchable()) {\n <div class=\"ga-select__placeholder\">\n {{ placeholder() }}\n </div>\n }\n\n @if (searchable()) {\n <input\n #inputSearch\n type=\"text\"\n class=\"ga-select__input\"\n aria-autocomplete=\"list\"\n [value]=\"searchValue() ?? ''\"\n (input)=\"open(); searchValue.set(inputSearch.value)\"\n (click)=\"open(); $event.stopPropagation()\"\n [attr.aria-controls]=\"isOpen() ? cdkListbox()?.id : null\"\n [attr.aria-activedescendant]=\"isOpen() ? activeDescendantId() : null\"\n [attr.aria-label]=\"i18n.searchInputLabel\"\n [placeholder]=\"hasValue() ? '' : placeholder()\"\n (keydown)=\"onInputKeyDown($event)\"\n tabindex=\"-1\"\n [disabled]=\"disabled()\"\n />\n }\n</div>\n\n<div class=\"ga-select__suffix\">\n @if (clearable() && hasValue()) {\n <button\n type=\"button\"\n tabindex=\"-1\"\n (click)=\"clearValue(); $event.stopPropagation()\"\n [attr.aria-label]=\"clearableLabel() ?? i18n.clearLabel\"\n style=\"font-size: 0\"\n >\n <ga-icon [icon]=\"icons.CircleX\" size=\"16\" />\n </button>\n }\n\n <ga-icon [icon]=\"menuStatusIcon()\" class=\"ga-select__action-icon\" />\n</div>\n\n<ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"overlayOrigin\"\n [cdkConnectedOverlayOpen]=\"isOpen()\"\n [cdkConnectedOverlayPositions]=\"positions\"\n [cdkConnectedOverlayScrollStrategy]=\"repositionScrollStrategy\"\n (overlayOutsideClick)=\"close()\"\n (attach)=\"onOverlayAttach()\"\n (detach)=\"onOverlayDetach()\"\n (overlayKeydown)=\"onOverlayKeydown($event)\"\n>\n <ga-data-select-dropdown\n [multiple]=\"multiple()\"\n [useActiveDescendant]=\"searchable()\"\n [navigationWrapDisabled]=\"loading()\"\n [compareWith]=\"listboxCompareWith()\"\n [loading]=\"loading()\"\n #selectDropdown\n >\n @if (hasNoOptions() && !loading()) {\n <div class=\"ga-dropdown__caption\">\n {{ noOptionsLabel() ?? i18n.noOptionsLabel }}\n </div>\n }\n\n @for (group of groupedItems(); track group.label) {\n @if (group.label) {\n <ga-data-optgroup\n [label]=\"group.label\"\n [customLabelTemplate]=\"customOptgroupLabelTemplate()?.templateRef\"\n [customLabelContext]=\"getOptgroupLabelTemplateContext(group)\"\n >\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"\n getOptionLabelTemplateContext(item)\n \"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n </ga-data-optgroup>\n } @else {\n @for (item of group.items; track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n [disabled]=\"getItemDisabled(item)\"\n [typeaheadLabel]=\"getItemTypeaheadLabel(item)\"\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n }\n }\n\n <!--\n Virtual items: Render hidden disabled options for all selected values.\n This ensures cdkListbox maintains state when filtering occurs - even when\n selected values don't match the currently visible filtered options, they\n remain valid options in the listbox, preventing state loss.\n -->\n @for (item of virtualItems(); track getItemValue(item)) {\n <ga-data-option\n [value]=\"getItemValue(item)\"\n [withInput]=\"withOptionInput() ?? multiple()\"\n disabled\n hidden\n >\n @if (customOptionLabelTemplate(); as labelTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"labelTemplate.templateRef\"\n [ngTemplateOutletContext]=\"getOptionLabelTemplateContext(item)\"\n />\n } @else {\n {{ getItemLabel(item) }}\n }\n </ga-data-option>\n }\n\n <ga-intersection-trigger\n parentAsRoot\n rootMargin=\"0% 0% 20px 0%\"\n (trigger)=\"endReached()\"\n />\n </ga-data-select-dropdown>\n</ng-template>\n" }]
|
|
5304
|
-
}], ctorParameters: () => [] }
|
|
5235
|
+
}], ctorParameters: () => [], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], compareFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareFn", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], customFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "customFilter", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], clearableLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearableLabel", required: false }] }], noOptionsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noOptionsLabel", required: false }] }], canSelectNullable: [{ type: i0.Input, args: [{ isSignal: true, alias: "canSelectNullable", required: false }] }], leftIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leftIcon", required: false }] }], idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }], groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], withOptionInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "withOptionInput", required: false }] }], valueDisplayLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueDisplayLimit", required: false }] }], searchValueChange: [{ type: i0.Output, args: ["searchValueChange"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], optionsEndReached: [{ type: i0.Output, args: ["optionsEndReached"] }], dropdownElRef: [{ type: i0.ViewChild, args: ['selectDropdown', { ...{
|
|
5236
|
+
read: ElementRef,
|
|
5237
|
+
}, isSignal: true }] }], gaOptions: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => GaDataOptionComponent), { isSignal: true }] }], cdkListbox: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkListbox), { isSignal: true }] }], gaDropdown: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GaDataSelectDropdownComponent), { isSignal: true }] }], customValueTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaDataSelectValueDirective), { isSignal: true }] }], customOptionLabelTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaDataSelectOptionLabelDirective), { isSignal: true }] }], customOptgroupLabelTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaDataSelectOptgroupLabelDirective), { isSignal: true }] }], inputSearch: [{ type: i0.ViewChild, args: ['inputSearch', { isSignal: true }] }], connectedOverlay: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkConnectedOverlay), { isSignal: true }] }] } });
|
|
5305
5238
|
|
|
5306
5239
|
/**
|
|
5307
5240
|
* @internal - Internal validator provider for ga-data-select required validation
|
|
@@ -5315,10 +5248,10 @@ const GA_DATA_SELECT_REQUIRED_VALIDATOR = {
|
|
|
5315
5248
|
* @internal - Internal directive for ga-data-select required validation
|
|
5316
5249
|
*/
|
|
5317
5250
|
class GaDataSelectRequiredValidator extends RequiredValidator {
|
|
5318
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5319
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5251
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
5252
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaDataSelectRequiredValidator, isStandalone: true, selector: "ga-data-select[required][formControlName], ga-data-select[required][formControl], ga-data-select[required][ngModel]", providers: [GA_DATA_SELECT_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
5320
5253
|
}
|
|
5321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectRequiredValidator, decorators: [{
|
|
5322
5255
|
type: Directive,
|
|
5323
5256
|
args: [{
|
|
5324
5257
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -5328,8 +5261,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5328
5261
|
}] });
|
|
5329
5262
|
|
|
5330
5263
|
class GaDataSelectModule {
|
|
5331
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5332
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5264
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5265
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectModule, imports: [GaDataSelectComponent,
|
|
5333
5266
|
GaDataSelectRequiredValidator,
|
|
5334
5267
|
GaDataSelectValueDirective,
|
|
5335
5268
|
GaDataSelectOptionLabelDirective,
|
|
@@ -5338,9 +5271,9 @@ class GaDataSelectModule {
|
|
|
5338
5271
|
GaDataSelectValueDirective,
|
|
5339
5272
|
GaDataSelectOptionLabelDirective,
|
|
5340
5273
|
GaDataSelectOptgroupLabelDirective] });
|
|
5341
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5274
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectModule, imports: [GaDataSelectComponent] });
|
|
5342
5275
|
}
|
|
5343
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaDataSelectModule, decorators: [{
|
|
5344
5277
|
type: NgModule,
|
|
5345
5278
|
args: [{
|
|
5346
5279
|
imports: [
|
|
@@ -5374,48 +5307,36 @@ class GaSwitchComponent {
|
|
|
5374
5307
|
/** @ignore */
|
|
5375
5308
|
_uniqueId = `ga-switch-${++nextUniqueId$2}`;
|
|
5376
5309
|
/** @ignore */
|
|
5377
|
-
tabindex = input(0, {
|
|
5378
|
-
alias: 'tabindex',
|
|
5379
|
-
});
|
|
5310
|
+
tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}), alias: 'tabindex' });
|
|
5380
5311
|
/** @ignore */
|
|
5381
5312
|
_onTouched;
|
|
5382
5313
|
/** @ignore */
|
|
5383
5314
|
_onModelChanged;
|
|
5384
|
-
checked = input(false, {
|
|
5385
|
-
|
|
5386
|
-
});
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
});
|
|
5390
|
-
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
|
|
5394
|
-
|
|
5395
|
-
});
|
|
5396
|
-
ariaDescribedby = input(null, {
|
|
5397
|
-
alias: 'aria-describedby',
|
|
5398
|
-
});
|
|
5399
|
-
ariaErrormessage = input(null, {
|
|
5400
|
-
alias: 'aria-errormessage',
|
|
5401
|
-
});
|
|
5402
|
-
nameInput = input(null, { alias: 'name' });
|
|
5403
|
-
id = input(null);
|
|
5404
|
-
disabledModel = linkedSignal(() => this.disabled());
|
|
5405
|
-
checkedModel = linkedSignal(() => this.checked());
|
|
5315
|
+
checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), transform: booleanAttribute });
|
|
5316
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
5317
|
+
ariaInvalid = input(null, { ...(ngDevMode ? { debugName: "ariaInvalid" } : {}), alias: 'aria-invalid' });
|
|
5318
|
+
label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
5319
|
+
ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
|
|
5320
|
+
ariaLabelledby = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : {}), alias: 'aria-labelledby' });
|
|
5321
|
+
ariaDescribedby = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedby" } : {}), alias: 'aria-describedby' });
|
|
5322
|
+
ariaErrormessage = input(null, { ...(ngDevMode ? { debugName: "ariaErrormessage" } : {}), alias: 'aria-errormessage' });
|
|
5323
|
+
nameInput = input(null, { ...(ngDevMode ? { debugName: "nameInput" } : {}), alias: 'name' });
|
|
5324
|
+
id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
5325
|
+
disabledModel = linkedSignal(() => this.disabled(), ...(ngDevMode ? [{ debugName: "disabledModel" }] : []));
|
|
5326
|
+
checkedModel = linkedSignal(() => this.checked(), ...(ngDevMode ? [{ debugName: "checkedModel" }] : []));
|
|
5406
5327
|
checkedChange = output();
|
|
5407
5328
|
/** @ignore */
|
|
5408
|
-
inputId = computed(() => this.id() ?? this._uniqueId);
|
|
5329
|
+
inputId = computed(() => this.id() ?? this._uniqueId, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
|
|
5409
5330
|
/** @ignore */
|
|
5410
5331
|
name = computed(() => {
|
|
5411
5332
|
return (this.nameInput() ?? this.implicitNgControlState.name() ?? this._uniqueId);
|
|
5412
|
-
});
|
|
5333
|
+
}, ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
5413
5334
|
/** @ignore */
|
|
5414
5335
|
invalidComputed = computed(() => {
|
|
5415
5336
|
return this.ariaInvalid()
|
|
5416
5337
|
? this.ariaInvalid() === 'true'
|
|
5417
5338
|
: this.implicitNgControlState.inError();
|
|
5418
|
-
});
|
|
5339
|
+
}, ...(ngDevMode ? [{ debugName: "invalidComputed" }] : []));
|
|
5419
5340
|
/** @ignore */
|
|
5420
5341
|
onInputChange(event) {
|
|
5421
5342
|
const target = event.target;
|
|
@@ -5442,10 +5363,10 @@ class GaSwitchComponent {
|
|
|
5442
5363
|
setDisabledState(disabled) {
|
|
5443
5364
|
this.disabledModel.set(disabled);
|
|
5444
5365
|
}
|
|
5445
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5446
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5366
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5367
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaSwitchComponent, isStandalone: true, selector: "ga-switch", inputs: { tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaInvalid: { classPropertyName: "ariaInvalid", publicName: "aria-invalid", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedby: { classPropertyName: "ariaDescribedby", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, ariaErrormessage: { classPropertyName: "ariaErrormessage", publicName: "aria-errormessage", isSignal: true, isRequired: false, transformFunction: null }, nameInput: { classPropertyName: "nameInput", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class.ga-switch--checked": "checkedModel()", "class.ga-switch--disabled": "disabledModel()", "class.ga-switch--invalid": "invalidComputed()", "attr.id": "null", "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.aria-errormessage": "null", "attr.aria-invalid": "null" }, classAttribute: "ga-switch" }, providers: [SWITCH_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n #input\n type=\"checkbox\"\n class=\"ga-switch__input\"\n [attr.id]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"checkedModel()\"\n [disabled]=\"disabledModel()\"\n [attr.tabindex]=\"tabindex()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n [attr.aria-invalid]=\"invalidComputed() ? 'true' : null\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n<div class=\"ga-switch__marker\">\n <ga-icon\n [icon]=\"icons.Check\"\n class=\"ga-switch__check-icon\"\n [size]=\"16\"\n aria-hidden=\"true\"\n />\n <span class=\"ga-switch__slider\"></span>\n</div>\n@if (label()) {\n <label [attr.for]=\"inputId()\" class=\"ga-switch__label\">{{ label() }}</label>\n}\n", dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5447
5368
|
}
|
|
5448
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchComponent, decorators: [{
|
|
5449
5370
|
type: Component,
|
|
5450
5371
|
args: [{ selector: 'ga-switch', imports: [GaIconModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [SWITCH_CONTROL_VALUE_ACCESSOR], host: {
|
|
5451
5372
|
class: 'ga-switch',
|
|
@@ -5460,14 +5381,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5460
5381
|
'[attr.aria-errormessage]': 'null',
|
|
5461
5382
|
'[attr.aria-invalid]': 'null',
|
|
5462
5383
|
}, template: "<input\n #input\n type=\"checkbox\"\n class=\"ga-switch__input\"\n [attr.id]=\"inputId()\"\n [name]=\"name()\"\n [checked]=\"checkedModel()\"\n [disabled]=\"disabledModel()\"\n [attr.tabindex]=\"tabindex()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-describedby]=\"ariaDescribedby()\"\n [attr.aria-errormessage]=\"ariaErrormessage()\"\n [attr.aria-invalid]=\"invalidComputed() ? 'true' : null\"\n (change)=\"onInputChange($event)\"\n (blur)=\"onBlur()\"\n/>\n<div class=\"ga-switch__marker\">\n <ga-icon\n [icon]=\"icons.Check\"\n class=\"ga-switch__check-icon\"\n [size]=\"16\"\n aria-hidden=\"true\"\n />\n <span class=\"ga-switch__slider\"></span>\n</div>\n@if (label()) {\n <label [attr.for]=\"inputId()\" class=\"ga-switch__label\">{{ label() }}</label>\n}\n" }]
|
|
5463
|
-
}] });
|
|
5384
|
+
}], propDecorators: { tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-invalid", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], ariaErrormessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-errormessage", required: false }] }], nameInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
|
|
5464
5385
|
|
|
5465
5386
|
class GaSwitchModule {
|
|
5466
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5467
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5468
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5387
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5388
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent], exports: [GaSwitchComponent] });
|
|
5389
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent] });
|
|
5469
5390
|
}
|
|
5470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaSwitchModule, decorators: [{
|
|
5471
5392
|
type: NgModule,
|
|
5472
5393
|
args: [{
|
|
5473
5394
|
imports: [GaSwitchComponent],
|
|
@@ -5476,27 +5397,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5476
5397
|
}] });
|
|
5477
5398
|
|
|
5478
5399
|
class GaLinkDirective {
|
|
5479
|
-
variant = input('', { alias: 'gaLink' });
|
|
5480
|
-
size = input('medium', { alias: 'gaLinkSize' });
|
|
5481
|
-
disabled = input(false, {
|
|
5482
|
-
|
|
5483
|
-
|
|
5484
|
-
});
|
|
5485
|
-
leadingIcon = input('', {
|
|
5486
|
-
alias: 'gaLinkLeadingIcon',
|
|
5487
|
-
});
|
|
5488
|
-
trailingIcon = input('', {
|
|
5489
|
-
alias: 'gaLinkTrailingIcon',
|
|
5490
|
-
});
|
|
5400
|
+
variant = input('', { ...(ngDevMode ? { debugName: "variant" } : {}), alias: 'gaLink' });
|
|
5401
|
+
size = input('medium', { ...(ngDevMode ? { debugName: "size" } : {}), alias: 'gaLinkSize' });
|
|
5402
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), alias: 'gaLinkDisabled',
|
|
5403
|
+
transform: booleanAttribute });
|
|
5404
|
+
leadingIcon = input('', { ...(ngDevMode ? { debugName: "leadingIcon" } : {}), alias: 'gaLinkLeadingIcon' });
|
|
5405
|
+
trailingIcon = input('', { ...(ngDevMode ? { debugName: "trailingIcon" } : {}), alias: 'gaLinkTrailingIcon' });
|
|
5491
5406
|
elementRef = inject(ElementRef);
|
|
5492
|
-
iconSize = computed(() => this.size() === 'large' ? 24 : 16);
|
|
5407
|
+
iconSize = computed(() => this.size() === 'large' ? 24 : 16, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
|
|
5493
5408
|
onClick(event) {
|
|
5494
5409
|
if (this.disabled()) {
|
|
5495
5410
|
event.preventDefault();
|
|
5496
5411
|
}
|
|
5497
5412
|
}
|
|
5498
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5499
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5413
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5414
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaLinkDirective, isStandalone: true, selector: "a[gaLink], button[gaLink]", inputs: { variant: { classPropertyName: "variant", publicName: "gaLink", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "gaLinkSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "gaLinkDisabled", isSignal: true, isRequired: false, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "gaLinkLeadingIcon", isSignal: true, isRequired: false, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "gaLinkTrailingIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.ga-link--inline": "variant() === 'inline'", "class.ga-link--small": "size() === 'small'", "class.ga-link--large": "size() === 'large'", "class.ga-link--disabled": "disabled()", "attr.aria-disabled": "disabled()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "elementRef.nativeElement.tagName.toLowerCase() === 'button' ? 'link' : null" }, classAttribute: "ga-link" }, ngImport: i0, template: `
|
|
5500
5415
|
@if (leadingIcon()) {
|
|
5501
5416
|
<ga-icon
|
|
5502
5417
|
class="ga-link__icon"
|
|
@@ -5514,7 +5429,7 @@ class GaLinkDirective {
|
|
|
5514
5429
|
}
|
|
5515
5430
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: GaIconModule }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
5516
5431
|
}
|
|
5517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLinkDirective, decorators: [{
|
|
5518
5433
|
type: Component,
|
|
5519
5434
|
args: [{
|
|
5520
5435
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -5549,14 +5464,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5549
5464
|
},
|
|
5550
5465
|
imports: [GaIconModule],
|
|
5551
5466
|
}]
|
|
5552
|
-
}] });
|
|
5467
|
+
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaLink", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaLinkSize", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaLinkDisabled", required: false }] }], leadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaLinkLeadingIcon", required: false }] }], trailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "gaLinkTrailingIcon", required: false }] }] } });
|
|
5553
5468
|
|
|
5554
5469
|
class GaLinkModule {
|
|
5555
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5556
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5557
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5470
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5471
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaLinkModule, imports: [GaLinkDirective], exports: [GaLinkDirective] });
|
|
5472
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLinkModule, imports: [GaLinkDirective] });
|
|
5558
5473
|
}
|
|
5559
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaLinkModule, decorators: [{
|
|
5560
5475
|
type: NgModule,
|
|
5561
5476
|
args: [{
|
|
5562
5477
|
imports: [GaLinkDirective],
|
|
@@ -5565,37 +5480,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5565
5480
|
}] });
|
|
5566
5481
|
|
|
5567
5482
|
class GaTabContentDirective {
|
|
5568
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5569
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5483
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5484
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.4", type: GaTabContentDirective, isStandalone: true, selector: "ng-template[gaTabContent]", ngImport: i0 });
|
|
5570
5485
|
}
|
|
5571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabContentDirective, decorators: [{
|
|
5572
5487
|
type: Directive,
|
|
5573
5488
|
args: [{
|
|
5574
5489
|
selector: 'ng-template[gaTabContent]',
|
|
5575
5490
|
}]
|
|
5576
5491
|
}] });
|
|
5577
5492
|
class GaTabComponent {
|
|
5578
|
-
title = input('');
|
|
5579
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
5580
|
-
rightIcon = input();
|
|
5581
|
-
rightIconColor = input();
|
|
5493
|
+
title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
5494
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
5495
|
+
rightIcon = input(...(ngDevMode ? [undefined, { debugName: "rightIcon" }] : []));
|
|
5496
|
+
rightIconColor = input(...(ngDevMode ? [undefined, { debugName: "rightIconColor" }] : []));
|
|
5582
5497
|
/** @ignore */
|
|
5583
|
-
explicitContent = contentChild(GaTabContentDirective, {
|
|
5584
|
-
read: TemplateRef,
|
|
5585
|
-
});
|
|
5498
|
+
explicitContent = contentChild(GaTabContentDirective, { ...(ngDevMode ? { debugName: "explicitContent" } : {}), read: TemplateRef });
|
|
5586
5499
|
/** @ignore */
|
|
5587
5500
|
implicitContent = viewChild.required(TemplateRef);
|
|
5588
5501
|
/** @ignore */
|
|
5589
5502
|
contentTpl = computed(() => {
|
|
5590
5503
|
return this.explicitContent() ?? this.implicitContent();
|
|
5591
|
-
});
|
|
5592
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5593
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
5504
|
+
}, ...(ngDevMode ? [{ debugName: "contentTpl" }] : []));
|
|
5505
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5506
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.4", type: GaTabComponent, isStandalone: true, selector: "ga-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rightIcon: { classPropertyName: "rightIcon", publicName: "rightIcon", isSignal: true, isRequired: false, transformFunction: null }, rightIconColor: { classPropertyName: "rightIconColor", publicName: "rightIconColor", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "explicitContent", first: true, predicate: GaTabContentDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "implicitContent", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template><ng-content></ng-content></ng-template>\n" });
|
|
5594
5507
|
}
|
|
5595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabComponent, decorators: [{
|
|
5596
5509
|
type: Component,
|
|
5597
5510
|
args: [{ selector: 'ga-tab', template: "<ng-template><ng-content></ng-content></ng-template>\n" }]
|
|
5598
|
-
}] })
|
|
5511
|
+
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rightIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "rightIcon", required: false }] }], rightIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "rightIconColor", required: false }] }], explicitContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GaTabContentDirective), { ...{
|
|
5512
|
+
read: TemplateRef,
|
|
5513
|
+
}, isSignal: true }] }], implicitContent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
5599
5514
|
|
|
5600
5515
|
// Increasing integer for generating unique id for tabpanels.
|
|
5601
5516
|
let nextUniqueId$1 = 0;
|
|
@@ -5603,20 +5518,16 @@ class GaTabsComponent {
|
|
|
5603
5518
|
/** @ignore */
|
|
5604
5519
|
uniqueId = `ga-tabs-${nextUniqueId$1++}`;
|
|
5605
5520
|
/** @ignore */
|
|
5606
|
-
selectedTab = signal(null);
|
|
5521
|
+
selectedTab = signal(null, ...(ngDevMode ? [{ debugName: "selectedTab" }] : []));
|
|
5607
5522
|
/** @ignore */
|
|
5608
|
-
tabs = contentChildren(GaTabComponent);
|
|
5609
|
-
withKeyline = input(false, { transform: booleanAttribute });
|
|
5610
|
-
orientation = input('horizontal');
|
|
5611
|
-
ariaLabel = input(undefined, { alias: 'aria-label' });
|
|
5612
|
-
ariaLabelledby = input(undefined, {
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
transform: numberAttribute,
|
|
5617
|
-
alias: 'selectedIndex',
|
|
5618
|
-
});
|
|
5619
|
-
selectedIndex = linkedSignal(() => this.selectedIndexInput());
|
|
5523
|
+
tabs = contentChildren(GaTabComponent, ...(ngDevMode ? [{ debugName: "tabs" }] : []));
|
|
5524
|
+
withKeyline = input(false, { ...(ngDevMode ? { debugName: "withKeyline" } : {}), transform: booleanAttribute });
|
|
5525
|
+
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
|
|
5526
|
+
ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : {}), alias: 'aria-label' });
|
|
5527
|
+
ariaLabelledby = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabelledby" } : {}), alias: 'aria-labelledby' });
|
|
5528
|
+
selectedIndexInput = input(0, { ...(ngDevMode ? { debugName: "selectedIndexInput" } : {}), transform: numberAttribute,
|
|
5529
|
+
alias: 'selectedIndex' });
|
|
5530
|
+
selectedIndex = linkedSignal(() => this.selectedIndexInput(), ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
|
|
5620
5531
|
beforeTabChange = output();
|
|
5621
5532
|
selectedIndexChange = output();
|
|
5622
5533
|
selectedTabChange = output();
|
|
@@ -5673,10 +5584,10 @@ class GaTabsComponent {
|
|
|
5673
5584
|
}
|
|
5674
5585
|
}
|
|
5675
5586
|
}
|
|
5676
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5677
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
5587
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5588
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.4", type: GaTabsComponent, isStandalone: true, selector: "ga-tabs", inputs: { withKeyline: { classPropertyName: "withKeyline", publicName: "withKeyline", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, selectedIndexInput: { classPropertyName: "selectedIndexInput", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeTabChange: "beforeTabChange", selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "class.ga-tabs-container--horizontal": "orientation() === 'horizontal'", "class.ga-tabs-container--vertical": "orientation() === 'vertical'" } }, queries: [{ propertyName: "tabs", predicate: GaTabComponent, isSignal: true }], ngImport: i0, template: "<ul\n role=\"tablist\"\n [attr.id]=\"uniqueId\"\n class=\"ga-tabs\"\n [class.ga-tabs--horizontal]=\"orientation() === 'horizontal'\"\n [class.ga-tabs--vertical]=\"orientation() === 'vertical'\"\n [class.ga-tabs--keyline]=\"withKeyline()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-orientation]=\"orientation()\"\n>\n @for (tab of tabs(); track tab; let i = $index) {\n <li\n [attr.id]=\"uniqueId + '-tablabel-' + i\"\n class=\"ga-tabs__tab\"\n [class.ga-tabs__tab--selected]=\"i === selectedIndex()\"\n [class.ga-tabs__tab--disabled]=\"tab.disabled()\"\n role=\"tab\"\n [tabindex]=\"tab.disabled() ? -1 : undefined\"\n (click)=\"onTabClick(i); $event.preventDefault()\"\n (keydown.enter)=\"onTabClick(i); $event.preventDefault()\"\n (keydown.space)=\"onTabClick(i); $event.preventDefault()\"\n [attr.aria-selected]=\"i === selectedIndex()\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-controls]=\"uniqueId + '-tabpanel-' + i\"\n >\n {{ tab.title() }}\n @let tabTitleIcon = tab.rightIcon();\n @if (tabTitleIcon) {\n <ga-icon\n [icon]=\"tabTitleIcon\"\n size=\"16\"\n class=\"ga-tabs__tab-icon\"\n [color]=\"tab.rightIconColor()\"\n />\n }\n </li>\n }\n</ul>\n\n@for (tab of tabs(); track tab; let i = $index) {\n @if (tab === selectedTab()) {\n <div\n role=\"tabpanel\"\n [attr.id]=\"uniqueId + '-tabpanel-' + i\"\n [attr.aria-labelledby]=\"uniqueId + '-tablabel-' + i\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.contentTpl()\"></ng-template>\n </div>\n }\n}\n", styles: [":host{display:flex}:host.ga-tabs-container--horizontal{flex-direction:column}:host.ga-tabs-container--vertical{flex-direction:row}:host .ga-tabs{overflow:auto;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GaIconComponent, selector: "ga-icon", inputs: ["icon", "size", "color", "strokeWidth"] }] });
|
|
5678
5589
|
}
|
|
5679
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabsComponent, decorators: [{
|
|
5680
5591
|
type: Component,
|
|
5681
5592
|
args: [{ selector: 'ga-tabs', imports: [NgTemplateOutlet, GaIconComponent], host: {
|
|
5682
5593
|
'[attr.aria-label]': 'null',
|
|
@@ -5684,14 +5595,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5684
5595
|
'[class.ga-tabs-container--horizontal]': "orientation() === 'horizontal'",
|
|
5685
5596
|
'[class.ga-tabs-container--vertical]': "orientation() === 'vertical'",
|
|
5686
5597
|
}, template: "<ul\n role=\"tablist\"\n [attr.id]=\"uniqueId\"\n class=\"ga-tabs\"\n [class.ga-tabs--horizontal]=\"orientation() === 'horizontal'\"\n [class.ga-tabs--vertical]=\"orientation() === 'vertical'\"\n [class.ga-tabs--keyline]=\"withKeyline()\"\n [attr.aria-label]=\"ariaLabel()\"\n [attr.aria-labelledby]=\"ariaLabelledby()\"\n [attr.aria-orientation]=\"orientation()\"\n>\n @for (tab of tabs(); track tab; let i = $index) {\n <li\n [attr.id]=\"uniqueId + '-tablabel-' + i\"\n class=\"ga-tabs__tab\"\n [class.ga-tabs__tab--selected]=\"i === selectedIndex()\"\n [class.ga-tabs__tab--disabled]=\"tab.disabled()\"\n role=\"tab\"\n [tabindex]=\"tab.disabled() ? -1 : undefined\"\n (click)=\"onTabClick(i); $event.preventDefault()\"\n (keydown.enter)=\"onTabClick(i); $event.preventDefault()\"\n (keydown.space)=\"onTabClick(i); $event.preventDefault()\"\n [attr.aria-selected]=\"i === selectedIndex()\"\n [attr.aria-disabled]=\"tab.disabled()\"\n [attr.aria-controls]=\"uniqueId + '-tabpanel-' + i\"\n >\n {{ tab.title() }}\n @let tabTitleIcon = tab.rightIcon();\n @if (tabTitleIcon) {\n <ga-icon\n [icon]=\"tabTitleIcon\"\n size=\"16\"\n class=\"ga-tabs__tab-icon\"\n [color]=\"tab.rightIconColor()\"\n />\n }\n </li>\n }\n</ul>\n\n@for (tab of tabs(); track tab; let i = $index) {\n @if (tab === selectedTab()) {\n <div\n role=\"tabpanel\"\n [attr.id]=\"uniqueId + '-tabpanel-' + i\"\n [attr.aria-labelledby]=\"uniqueId + '-tablabel-' + i\"\n >\n <ng-template [ngTemplateOutlet]=\"tab.contentTpl()\"></ng-template>\n </div>\n }\n}\n", styles: [":host{display:flex}:host.ga-tabs-container--horizontal{flex-direction:column}:host.ga-tabs-container--vertical{flex-direction:row}:host .ga-tabs{overflow:auto;white-space:nowrap}\n"] }]
|
|
5687
|
-
}], ctorParameters: () => [] });
|
|
5598
|
+
}], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => GaTabComponent), { isSignal: true }] }], withKeyline: [{ type: i0.Input, args: [{ isSignal: true, alias: "withKeyline", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledby: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], selectedIndexInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }], beforeTabChange: [{ type: i0.Output, args: ["beforeTabChange"] }], selectedIndexChange: [{ type: i0.Output, args: ["selectedIndexChange"] }], selectedTabChange: [{ type: i0.Output, args: ["selectedTabChange"] }] } });
|
|
5688
5599
|
|
|
5689
5600
|
class GaTabsModule {
|
|
5690
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5691
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5692
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5601
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5602
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaTabsModule, imports: [GaTabsComponent, GaTabComponent, GaTabContentDirective], exports: [GaTabsComponent, GaTabComponent, GaTabContentDirective] });
|
|
5603
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabsModule, imports: [GaTabsComponent] });
|
|
5693
5604
|
}
|
|
5694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTabsModule, decorators: [{
|
|
5695
5606
|
type: NgModule,
|
|
5696
5607
|
args: [{
|
|
5697
5608
|
imports: [GaTabsComponent, GaTabComponent, GaTabContentDirective],
|
|
@@ -5708,18 +5619,14 @@ class GaTextAreaDirective {
|
|
|
5708
5619
|
renderer = inject(Renderer2);
|
|
5709
5620
|
elementRef = inject(ElementRef);
|
|
5710
5621
|
uniqueId = `ga-text-area-${++nextUniqueId}`;
|
|
5711
|
-
idInput = input(undefined, { alias: 'id' });
|
|
5712
|
-
disabledInput = input(false, {
|
|
5713
|
-
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5717
|
-
|
|
5718
|
-
|
|
5719
|
-
});
|
|
5720
|
-
disabled = computed(() => this.disabledInput() ?? this.implicitNgControlState.disabled());
|
|
5721
|
-
invalid = computed(() => this.invalidInput() ?? this.implicitNgControlState.inError());
|
|
5722
|
-
id = computed(() => this.idInput() ?? this.uniqueId);
|
|
5622
|
+
idInput = input(undefined, { ...(ngDevMode ? { debugName: "idInput" } : {}), alias: 'id' });
|
|
5623
|
+
disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : {}), alias: 'disabled',
|
|
5624
|
+
transform: booleanAttribute });
|
|
5625
|
+
invalidInput = input(undefined, { ...(ngDevMode ? { debugName: "invalidInput" } : {}), alias: 'invalid',
|
|
5626
|
+
transform: booleanAttribute });
|
|
5627
|
+
disabled = computed(() => this.disabledInput() ?? this.implicitNgControlState.disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
5628
|
+
invalid = computed(() => this.invalidInput() ?? this.implicitNgControlState.inError(), ...(ngDevMode ? [{ debugName: "invalid" }] : []));
|
|
5629
|
+
id = computed(() => this.idInput() ?? this.uniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
5723
5630
|
constructor(placeholder) {
|
|
5724
5631
|
const formFieldConnector = this.formFieldConnector;
|
|
5725
5632
|
if (formFieldConnector) {
|
|
@@ -5731,10 +5638,10 @@ class GaTextAreaDirective {
|
|
|
5731
5638
|
this.renderer.setAttribute(this.elementRef.nativeElement, 'placeholder', '');
|
|
5732
5639
|
}
|
|
5733
5640
|
}
|
|
5734
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5735
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
5641
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaDirective, deps: [{ token: 'placeholder', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5642
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.4", type: GaTextAreaDirective, isStandalone: true, selector: "[gaTextArea]", inputs: { idInput: { classPropertyName: "idInput", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-text-area--invalid": "invalid()", "attr.id": "id()", "attr.disabled": "disabled() ? true : null" }, classAttribute: "ga-text-area" }, ngImport: i0 });
|
|
5736
5643
|
}
|
|
5737
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaDirective, decorators: [{
|
|
5738
5645
|
type: Directive,
|
|
5739
5646
|
args: [{
|
|
5740
5647
|
selector: '[gaTextArea]',
|
|
@@ -5748,14 +5655,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5748
5655
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5749
5656
|
type: Attribute,
|
|
5750
5657
|
args: ['placeholder']
|
|
5751
|
-
}] }] });
|
|
5658
|
+
}] }], propDecorators: { idInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
|
|
5752
5659
|
|
|
5753
5660
|
class GaTextAreaModule {
|
|
5754
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5755
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5756
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5661
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5662
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaModule, imports: [GaTextAreaDirective], exports: [GaTextAreaDirective] });
|
|
5663
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaModule });
|
|
5757
5664
|
}
|
|
5758
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaTextAreaModule, decorators: [{
|
|
5759
5666
|
type: NgModule,
|
|
5760
5667
|
args: [{
|
|
5761
5668
|
imports: [GaTextAreaDirective],
|
|
@@ -5765,10 +5672,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5765
5672
|
|
|
5766
5673
|
class GaChipListboxComponent {
|
|
5767
5674
|
cdkListbox = inject((CdkListbox), { self: true });
|
|
5768
|
-
orientation = input('horizontal');
|
|
5769
|
-
variant = input('default');
|
|
5675
|
+
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
|
|
5676
|
+
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
5770
5677
|
valueChange = output();
|
|
5771
|
-
disabled = computed(() => this.cdkListbox.disabled);
|
|
5678
|
+
disabled = computed(() => this.cdkListbox.disabled, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
5772
5679
|
constructor() {
|
|
5773
5680
|
effect(() => {
|
|
5774
5681
|
this.cdkListbox.orientation = this.orientation();
|
|
@@ -5782,10 +5689,10 @@ class GaChipListboxComponent {
|
|
|
5782
5689
|
focus() {
|
|
5783
5690
|
this.cdkListbox.focus();
|
|
5784
5691
|
}
|
|
5785
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5786
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
5692
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipListboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5693
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaChipListboxComponent, isStandalone: true, selector: "ga-chip-listbox", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "ga-chip-listbox" }, hostDirectives: [{ directive: i1$5.CdkListbox, inputs: ["cdkListboxMultiple", "multiple", "cdkListboxValue", "value", "cdkListboxDisabled", "disabled", "cdkListboxCompareWith", "compareWith"] }], ngImport: i0, template: "<ng-content />\n" });
|
|
5787
5694
|
}
|
|
5788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipListboxComponent, decorators: [{
|
|
5789
5696
|
type: Component,
|
|
5790
5697
|
args: [{ selector: 'ga-chip-listbox', hostDirectives: [
|
|
5791
5698
|
{
|
|
@@ -5800,14 +5707,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5800
5707
|
], host: {
|
|
5801
5708
|
class: 'ga-chip-listbox',
|
|
5802
5709
|
}, template: "<ng-content />\n" }]
|
|
5803
|
-
}], ctorParameters: () => [] });
|
|
5710
|
+
}], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
|
|
5804
5711
|
|
|
5805
5712
|
class GaChipComponent {
|
|
5806
5713
|
cdkOption = inject(CdkOption, { self: true });
|
|
5807
5714
|
listbox = inject(GaChipListboxComponent);
|
|
5808
|
-
_isSelected = signal(null);
|
|
5715
|
+
_isSelected = signal(null, ...(ngDevMode ? [{ debugName: "_isSelected" }] : []));
|
|
5809
5716
|
selected = this._isSelected.asReadonly();
|
|
5810
|
-
disabled = input(false, { transform: booleanAttribute });
|
|
5717
|
+
disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
|
|
5811
5718
|
constructor() {
|
|
5812
5719
|
afterEveryRender({
|
|
5813
5720
|
read: () => {
|
|
@@ -5817,10 +5724,10 @@ class GaChipComponent {
|
|
|
5817
5724
|
},
|
|
5818
5725
|
});
|
|
5819
5726
|
}
|
|
5820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5821
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
5727
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5728
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.4", type: GaChipComponent, isStandalone: true, selector: "ga-chip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ga-quick-filter-button--transparent": "listbox.variant() === 'transparent'", "class.ga-quick-filter-button--disabled": "disabled() || listbox.disabled()", "class.ga-quick-filter-button--selected": "selected()" }, classAttribute: "ga-quick-filter-button" }, hostDirectives: [{ directive: i1$5.CdkOption, inputs: ["cdkOption", "value", "cdkOptionDisabled", "disabled"] }], ngImport: i0, template: "<ng-content />\n", dependencies: [{ kind: "ngmodule", type: CdkListboxModule }] });
|
|
5822
5729
|
}
|
|
5823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipComponent, decorators: [{
|
|
5824
5731
|
type: Component,
|
|
5825
5732
|
args: [{ selector: 'ga-chip', imports: [CdkListboxModule], hostDirectives: [
|
|
5826
5733
|
{
|
|
@@ -5833,14 +5740,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
5833
5740
|
'[class.ga-quick-filter-button--disabled]': 'disabled() || listbox.disabled()',
|
|
5834
5741
|
'[class.ga-quick-filter-button--selected]': 'selected()',
|
|
5835
5742
|
}, template: "<ng-content />\n" }]
|
|
5836
|
-
}], ctorParameters: () => [] });
|
|
5743
|
+
}], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
5837
5744
|
|
|
5838
5745
|
class GaChipModule {
|
|
5839
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5840
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5841
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5746
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5747
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.4", ngImport: i0, type: GaChipModule, imports: [GaChipComponent, GaChipListboxComponent], exports: [GaChipComponent, GaChipListboxComponent] });
|
|
5748
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipModule, imports: [GaChipComponent] });
|
|
5842
5749
|
}
|
|
5843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.4", ngImport: i0, type: GaChipModule, decorators: [{
|
|
5844
5751
|
type: NgModule,
|
|
5845
5752
|
args: [{
|
|
5846
5753
|
imports: [GaChipComponent, GaChipListboxComponent],
|