@vsn-ux/ngx-gaia 0.8.1 → 0.8.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/vsn-ux-ngx-gaia.mjs +179 -17
- package/fesm2022/vsn-ux-ngx-gaia.mjs.map +1 -1
- package/index.d.ts +66 -3
- package/package.json +1 -1
|
@@ -366,7 +366,7 @@ function provideGaAlertI18n(value) {
|
|
|
366
366
|
]);
|
|
367
367
|
}
|
|
368
368
|
|
|
369
|
-
let nextUniqueId$
|
|
369
|
+
let nextUniqueId$9 = 0;
|
|
370
370
|
class GaAlertComponent {
|
|
371
371
|
i18n = inject(GaAlertI18n);
|
|
372
372
|
dismissIcon = X;
|
|
@@ -394,7 +394,7 @@ class GaAlertComponent {
|
|
|
394
394
|
return null;
|
|
395
395
|
});
|
|
396
396
|
title = contentChild(GaAlertTitleComponent);
|
|
397
|
-
progressId = `ga-alert-progress-${++nextUniqueId$
|
|
397
|
+
progressId = `ga-alert-progress-${++nextUniqueId$9}`;
|
|
398
398
|
variantClass = computed(() => {
|
|
399
399
|
return `ga-notification ga-notification--${this.variant()}`;
|
|
400
400
|
});
|
|
@@ -540,11 +540,11 @@ const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
|
|
|
540
540
|
};
|
|
541
541
|
// Increasing integer for generating unique ids for checkbox components.
|
|
542
542
|
// Inspired by @angular/components
|
|
543
|
-
let nextUniqueId$
|
|
543
|
+
let nextUniqueId$8 = 0;
|
|
544
544
|
class GaCheckboxComponent {
|
|
545
545
|
tabindex;
|
|
546
546
|
/** @ignore */
|
|
547
|
-
_uniqueId = `ga-checkbox-${++nextUniqueId$
|
|
547
|
+
_uniqueId = `ga-checkbox-${++nextUniqueId$8}`;
|
|
548
548
|
/** @ignore */
|
|
549
549
|
injector = inject(Injector);
|
|
550
550
|
icons = { Minus, Check };
|
|
@@ -879,9 +879,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
879
879
|
}]
|
|
880
880
|
}] });
|
|
881
881
|
|
|
882
|
-
let nextUniqueId$
|
|
882
|
+
let nextUniqueId$7 = 0;
|
|
883
883
|
class GaInputDirective {
|
|
884
|
-
uniqueId = `ga-input-${++nextUniqueId$
|
|
884
|
+
uniqueId = `ga-input-${++nextUniqueId$7}`;
|
|
885
885
|
implicitNgControl = inject(NgControl, {
|
|
886
886
|
optional: true,
|
|
887
887
|
self: true,
|
|
@@ -950,9 +950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
950
950
|
}]
|
|
951
951
|
}] });
|
|
952
952
|
|
|
953
|
-
let nextUniqueId$
|
|
953
|
+
let nextUniqueId$6 = 0;
|
|
954
954
|
class GaFormFieldComponent {
|
|
955
|
-
uniqueId = `ga-form-field-${++nextUniqueId$
|
|
955
|
+
uniqueId = `ga-form-field-${++nextUniqueId$6}`;
|
|
956
956
|
disabled = input(undefined, { transform: booleanAttribute });
|
|
957
957
|
formControl = contentChild(GA_FORM_CONTROL, { descendants: true });
|
|
958
958
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -965,9 +965,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
965
965
|
}, template: "<ng-content />\n" }]
|
|
966
966
|
}] });
|
|
967
967
|
|
|
968
|
-
let nextUniqueId$
|
|
968
|
+
let nextUniqueId$5 = 0;
|
|
969
969
|
class GaTooltipComponent {
|
|
970
|
-
uniqueId = `ga-tooltip-${++nextUniqueId$
|
|
970
|
+
uniqueId = `ga-tooltip-${++nextUniqueId$5}`;
|
|
971
971
|
mouseLeaveSubject = new Subject();
|
|
972
972
|
afterMouseLeave = () => this.mouseLeaveSubject.asObservable();
|
|
973
973
|
mouseOver = signal(false);
|
|
@@ -1947,6 +1947,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1947
1947
|
type: Attribute,
|
|
1948
1948
|
args: ['id']
|
|
1949
1949
|
}] }] });
|
|
1950
|
+
let nextUniqueModalLabelId = 0;
|
|
1951
|
+
class GaModalLabelDirective {
|
|
1952
|
+
renderer = inject(Renderer2);
|
|
1953
|
+
elementRef = inject(ElementRef);
|
|
1954
|
+
id;
|
|
1955
|
+
constructor(id) {
|
|
1956
|
+
if (id) {
|
|
1957
|
+
this.id = id;
|
|
1958
|
+
}
|
|
1959
|
+
else {
|
|
1960
|
+
this.id = `gaModalLabel${nextUniqueModalLabelId++}`;
|
|
1961
|
+
this.renderer.setAttribute(this.elementRef.nativeElement, 'id', this.id);
|
|
1962
|
+
}
|
|
1963
|
+
}
|
|
1964
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaModalLabelDirective, deps: [{ token: 'id', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1965
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.4", type: GaModalLabelDirective, isStandalone: true, selector: "[gaModalLabel]", host: { classAttribute: "ga-modal__label" }, ngImport: i0 });
|
|
1966
|
+
}
|
|
1967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaModalLabelDirective, decorators: [{
|
|
1968
|
+
type: Directive,
|
|
1969
|
+
args: [{
|
|
1970
|
+
selector: '[gaModalLabel]',
|
|
1971
|
+
host: { class: 'ga-modal__label' },
|
|
1972
|
+
}]
|
|
1973
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1974
|
+
type: Attribute,
|
|
1975
|
+
args: ['id']
|
|
1976
|
+
}] }] });
|
|
1950
1977
|
|
|
1951
1978
|
class GaModalDescriptionComponent {
|
|
1952
1979
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaModalDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -2056,6 +2083,7 @@ class GaModalHeaderComponent {
|
|
|
2056
2083
|
</div>
|
|
2057
2084
|
}
|
|
2058
2085
|
<div class="ga-modal__heading">
|
|
2086
|
+
<ng-content select="[gaModalLabel]" />
|
|
2059
2087
|
<ng-content select="[gaModalTitle]" />
|
|
2060
2088
|
<ng-content select="ga-modal-description" />
|
|
2061
2089
|
</div>
|
|
@@ -2095,6 +2123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2095
2123
|
</div>
|
|
2096
2124
|
}
|
|
2097
2125
|
<div class="ga-modal__heading">
|
|
2126
|
+
<ng-content select="[gaModalLabel]" />
|
|
2098
2127
|
<ng-content select="[gaModalTitle]" />
|
|
2099
2128
|
<ng-content select="ga-modal-description" />
|
|
2100
2129
|
</div>
|
|
@@ -2118,12 +2147,14 @@ class GaModalModule {
|
|
|
2118
2147
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2119
2148
|
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: GaModalModule, imports: [GaModalCloseDirective,
|
|
2120
2149
|
GaModalTitleDirective,
|
|
2150
|
+
GaModalLabelDirective,
|
|
2121
2151
|
GaModalDescriptionDirective,
|
|
2122
2152
|
GaModalDescriptionComponent,
|
|
2123
2153
|
GaModalContentComponent,
|
|
2124
2154
|
GaModalActionsComponent,
|
|
2125
2155
|
GaModalHeaderComponent], exports: [GaModalCloseDirective,
|
|
2126
2156
|
GaModalTitleDirective,
|
|
2157
|
+
GaModalLabelDirective,
|
|
2127
2158
|
GaModalDescriptionDirective,
|
|
2128
2159
|
GaModalDescriptionComponent,
|
|
2129
2160
|
GaModalContentComponent,
|
|
@@ -2137,6 +2168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2137
2168
|
imports: [
|
|
2138
2169
|
GaModalCloseDirective,
|
|
2139
2170
|
GaModalTitleDirective,
|
|
2171
|
+
GaModalLabelDirective,
|
|
2140
2172
|
GaModalDescriptionDirective,
|
|
2141
2173
|
GaModalDescriptionComponent,
|
|
2142
2174
|
GaModalContentComponent,
|
|
@@ -2146,6 +2178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2146
2178
|
exports: [
|
|
2147
2179
|
GaModalCloseDirective,
|
|
2148
2180
|
GaModalTitleDirective,
|
|
2181
|
+
GaModalLabelDirective,
|
|
2149
2182
|
GaModalDescriptionDirective,
|
|
2150
2183
|
GaModalDescriptionComponent,
|
|
2151
2184
|
GaModalContentComponent,
|
|
@@ -2165,10 +2198,10 @@ const RADIO_CONTROL_VALUE_ACCESSOR = {
|
|
|
2165
2198
|
multi: true,
|
|
2166
2199
|
};
|
|
2167
2200
|
// Increasing integer for generating unique ids for radio components.
|
|
2168
|
-
let nextUniqueId$
|
|
2201
|
+
let nextUniqueId$4 = 0;
|
|
2169
2202
|
class GaRadioGroupComponent {
|
|
2170
2203
|
/** Name of the radio button group. All radio buttons inside this group will use this name. */
|
|
2171
|
-
name = input(`ga-radio-group-${nextUniqueId$
|
|
2204
|
+
name = input(`ga-radio-group-${nextUniqueId$4++}`);
|
|
2172
2205
|
/**
|
|
2173
2206
|
* Value for the radio-group. Should equal the value of the selected radio button if there is
|
|
2174
2207
|
* a corresponding radio button with a matching value. If there is not such a corresponding
|
|
@@ -2227,13 +2260,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2227
2260
|
}] });
|
|
2228
2261
|
|
|
2229
2262
|
// Increasing integer for generating unique ids for radio button components.
|
|
2230
|
-
let nextUniqueId$
|
|
2263
|
+
let nextUniqueId$3 = 0;
|
|
2231
2264
|
class GaRadioButtonComponent {
|
|
2232
2265
|
tabindex;
|
|
2233
2266
|
radioGroup = inject(GaRadioGroupComponent, {
|
|
2234
2267
|
optional: true,
|
|
2235
2268
|
});
|
|
2236
|
-
_uniqueId = `ga-radio-button-${++nextUniqueId$
|
|
2269
|
+
_uniqueId = `ga-radio-button-${++nextUniqueId$3}`;
|
|
2237
2270
|
/** The value attribute of the native input element */
|
|
2238
2271
|
value = input(null);
|
|
2239
2272
|
inputId = input(null, { alias: 'id' });
|
|
@@ -2415,9 +2448,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2415
2448
|
}, 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" }]
|
|
2416
2449
|
}] });
|
|
2417
2450
|
|
|
2418
|
-
let nextUniqueId$
|
|
2451
|
+
let nextUniqueId$2 = 0;
|
|
2419
2452
|
class GaSelectComponent {
|
|
2420
|
-
_uniqueId = `ga-select-${++nextUniqueId$
|
|
2453
|
+
_uniqueId = `ga-select-${++nextUniqueId$2}`;
|
|
2421
2454
|
focusedTriggerElement = null;
|
|
2422
2455
|
_onTouched;
|
|
2423
2456
|
_onModelChanged;
|
|
@@ -2862,6 +2895,135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
2862
2895
|
}]
|
|
2863
2896
|
}] });
|
|
2864
2897
|
|
|
2898
|
+
const SWITCH_CONTROL_VALUE_ACCESSOR = {
|
|
2899
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2900
|
+
useExisting: forwardRef(() => GaSwitchComponent),
|
|
2901
|
+
multi: true,
|
|
2902
|
+
};
|
|
2903
|
+
// Increasing integer for generating unique ids for switch components.
|
|
2904
|
+
let nextUniqueId$1 = 0;
|
|
2905
|
+
class GaSwitchComponent {
|
|
2906
|
+
icons = { Check };
|
|
2907
|
+
/** @ignore */
|
|
2908
|
+
_uniqueId = `ga-switch-${++nextUniqueId$1}`;
|
|
2909
|
+
injector = inject(Injector);
|
|
2910
|
+
/** @ignore */
|
|
2911
|
+
tabindex = input(0, {
|
|
2912
|
+
alias: 'tabindex',
|
|
2913
|
+
});
|
|
2914
|
+
/** @ignore */
|
|
2915
|
+
_onTouched;
|
|
2916
|
+
/** @ignore */
|
|
2917
|
+
_onModelChanged;
|
|
2918
|
+
/** @ignore */
|
|
2919
|
+
_invalidNgModel = signal(false);
|
|
2920
|
+
_ngModelName = signal(null);
|
|
2921
|
+
checked = input(false, {
|
|
2922
|
+
transform: booleanAttribute,
|
|
2923
|
+
});
|
|
2924
|
+
disabled = input(false, {
|
|
2925
|
+
transform: booleanAttribute,
|
|
2926
|
+
});
|
|
2927
|
+
ariaInvalid = input(false, {
|
|
2928
|
+
transform: booleanAttribute,
|
|
2929
|
+
alias: 'aria-invalid',
|
|
2930
|
+
});
|
|
2931
|
+
label = input('');
|
|
2932
|
+
ariaLabel = input(null, { alias: 'aria-label' });
|
|
2933
|
+
ariaLabelledby = input(null, {
|
|
2934
|
+
alias: 'aria-labelledby',
|
|
2935
|
+
});
|
|
2936
|
+
ariaDescribedby = input(null, {
|
|
2937
|
+
alias: 'aria-describedby',
|
|
2938
|
+
});
|
|
2939
|
+
ariaErrormessage = input(null, {
|
|
2940
|
+
alias: 'aria-errormessage',
|
|
2941
|
+
});
|
|
2942
|
+
nameInput = input(null, { alias: 'name' });
|
|
2943
|
+
id = input(null);
|
|
2944
|
+
disabledModel = linkedSignal(() => this.disabled());
|
|
2945
|
+
checkedModel = linkedSignal(() => this.checked());
|
|
2946
|
+
checkedChange = output();
|
|
2947
|
+
/** @ignore */
|
|
2948
|
+
inputId = computed(() => this.id() ?? this._uniqueId);
|
|
2949
|
+
/** @ignore */
|
|
2950
|
+
name = computed(() => {
|
|
2951
|
+
return this.nameInput() ?? this._ngModelName() ?? this._uniqueId;
|
|
2952
|
+
});
|
|
2953
|
+
/** @ignore */
|
|
2954
|
+
invalidComputed = computed(() => {
|
|
2955
|
+
return this.ariaInvalid() || this._invalidNgModel();
|
|
2956
|
+
});
|
|
2957
|
+
ngDoCheck() {
|
|
2958
|
+
const implicitNgControl = this.injector.get(NgControl, null, {
|
|
2959
|
+
self: true,
|
|
2960
|
+
});
|
|
2961
|
+
if (implicitNgControl) {
|
|
2962
|
+
this._invalidNgModel.set(!!implicitNgControl.invalid && !!implicitNgControl.dirty);
|
|
2963
|
+
if (implicitNgControl.name) {
|
|
2964
|
+
this._ngModelName.set(implicitNgControl.name);
|
|
2965
|
+
}
|
|
2966
|
+
}
|
|
2967
|
+
}
|
|
2968
|
+
/** @ignore */
|
|
2969
|
+
onInputChange(event) {
|
|
2970
|
+
const target = event.target;
|
|
2971
|
+
const newValue = target.checked;
|
|
2972
|
+
this.checkedModel.set(newValue);
|
|
2973
|
+
this._onModelChanged?.(newValue);
|
|
2974
|
+
this.checkedChange.emit(newValue);
|
|
2975
|
+
}
|
|
2976
|
+
/** @ignore */
|
|
2977
|
+
onBlur() {
|
|
2978
|
+
this._onTouched?.();
|
|
2979
|
+
}
|
|
2980
|
+
// ControlValueAccessor implementation
|
|
2981
|
+
writeValue(value) {
|
|
2982
|
+
const newValue = !!value;
|
|
2983
|
+
this.checkedModel.set(newValue);
|
|
2984
|
+
}
|
|
2985
|
+
registerOnChange(fn) {
|
|
2986
|
+
this._onModelChanged = fn;
|
|
2987
|
+
}
|
|
2988
|
+
registerOnTouched(fn) {
|
|
2989
|
+
this._onTouched = fn;
|
|
2990
|
+
}
|
|
2991
|
+
setDisabledState(disabled) {
|
|
2992
|
+
this.disabledModel.set(disabled);
|
|
2993
|
+
}
|
|
2994
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2995
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.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 });
|
|
2996
|
+
}
|
|
2997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchComponent, decorators: [{
|
|
2998
|
+
type: Component,
|
|
2999
|
+
args: [{ selector: 'ga-switch', imports: [GaIconModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [SWITCH_CONTROL_VALUE_ACCESSOR], host: {
|
|
3000
|
+
class: 'ga-switch',
|
|
3001
|
+
'[class.ga-switch--checked]': 'checkedModel()',
|
|
3002
|
+
'[class.ga-switch--disabled]': 'disabledModel()',
|
|
3003
|
+
'[class.ga-switch--invalid]': 'invalidComputed()',
|
|
3004
|
+
'[attr.id]': 'null',
|
|
3005
|
+
'[attr.tabindex]': 'null',
|
|
3006
|
+
'[attr.aria-label]': 'null',
|
|
3007
|
+
'[attr.aria-labelledby]': 'null',
|
|
3008
|
+
'[attr.aria-describedby]': 'null',
|
|
3009
|
+
'[attr.aria-errormessage]': 'null',
|
|
3010
|
+
'[attr.aria-invalid]': 'null',
|
|
3011
|
+
}, 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" }]
|
|
3012
|
+
}] });
|
|
3013
|
+
|
|
3014
|
+
class GaSwitchModule {
|
|
3015
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3016
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent], exports: [GaSwitchComponent] });
|
|
3017
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent] });
|
|
3018
|
+
}
|
|
3019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, decorators: [{
|
|
3020
|
+
type: NgModule,
|
|
3021
|
+
args: [{
|
|
3022
|
+
imports: [GaSwitchComponent],
|
|
3023
|
+
exports: [GaSwitchComponent],
|
|
3024
|
+
}]
|
|
3025
|
+
}] });
|
|
3026
|
+
|
|
2865
3027
|
class GaLinkDirective {
|
|
2866
3028
|
variant = input('', { alias: 'gaLink' });
|
|
2867
3029
|
size = input('medium', { alias: 'gaLinkSize' });
|
|
@@ -3006,5 +3168,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
3006
3168
|
* Generated bundle index. Do not edit.
|
|
3007
3169
|
*/
|
|
3008
3170
|
|
|
3009
|
-
export { CHECKBOX_CONTROL_VALUE_ACCESSOR, DEFAULT_MODAL_OPTIONS, GA_ALERT_I18N_FACTORY, GA_BASE_FONT_SIZE, GA_BUTTON_I18N_FACTORY, GA_CHECKBOX_REQUIRED_VALIDATOR, GA_FORM_CONTROL, GA_ICON_DEFAULT_SIZE, GA_MODAL_DATA, GA_MODAL_I18N_FACTORY, GA_SELECT_REQUIRED_VALIDATOR, GA_TOOLTIP_DEFAULT_OFFSET, GaAlertComponent, GaAlertI18n, GaAlertI18nDefault, GaAlertModule, GaAlertTitleActionsComponent, GaAlertTitleComponent, GaBadgeComponent, GaBadgeModule, GaButtonDirective, GaButtonI18n, GaButtonI18nDefault, GaButtonModule, GaCardComponent, GaCardModule, GaCheckboxComponent, GaCheckboxModule, GaCheckboxRequiredValidator, GaFieldInfoComponent, GaFieldLabelComponent, GaFormControlDirective, GaFormFieldComponent, GaFormFieldModule, GaIconButtonDirective, GaIconComponent, GaIconModule, GaInputComponent, GaInputDirective, GaInputModule, GaLabelledByFormFieldDirective, GaLinkDirective, GaLinkModule, GaMenuComponent, GaMenuItemComponent, GaMenuModule, GaMenuSeparatorComponent, GaMenuTitleComponent, GaMenuTriggerDirective, GaMenuTriggerIconComponent, GaModalActionsComponent, GaModalCloseDirective, GaModalComponent, GaModalContentComponent, GaModalDescriptionComponent, GaModalDescriptionDirective, GaModalHeaderComponent, GaModalI18n, GaModalI18nDefault, GaModalModule, GaModalOptions, GaModalRef, GaModalService, GaModalTitleDirective, GaOptgroupComponent, GaOptionComponent, GaRadioButtonComponent, GaRadioGroupComponent, GaRadioModule, GaSegmentedControlButtonDirective, GaSegmentedControlComponent, GaSegmentedControlIconButtonComponent, GaSegmentedControlModule, GaSegmentedControlTextButtonComponent, GaSelectComponent, GaSelectDropdownComponent, GaSelectDropdownSpinnerComponent, GaSelectModule, GaSelectRequiredValidator, GaSelectValueComponent, GaSpinnerComponent, GaSpinnerModule, GaTextAreaDirective, GaTextAreaModule, GaTooltipComponent, GaTooltipDirective, GaTooltipModule, RADIO_CONTROL_VALUE_ACCESSOR, provideGaAlertI18n, provideGaBaseFontSize, provideGaButtonI18n, provideGaModalI18n, provideGaModalOptions };
|
|
3171
|
+
export { CHECKBOX_CONTROL_VALUE_ACCESSOR, DEFAULT_MODAL_OPTIONS, GA_ALERT_I18N_FACTORY, GA_BASE_FONT_SIZE, GA_BUTTON_I18N_FACTORY, GA_CHECKBOX_REQUIRED_VALIDATOR, GA_FORM_CONTROL, GA_ICON_DEFAULT_SIZE, GA_MODAL_DATA, GA_MODAL_I18N_FACTORY, GA_SELECT_REQUIRED_VALIDATOR, GA_TOOLTIP_DEFAULT_OFFSET, GaAlertComponent, GaAlertI18n, GaAlertI18nDefault, GaAlertModule, GaAlertTitleActionsComponent, GaAlertTitleComponent, GaBadgeComponent, GaBadgeModule, GaButtonDirective, GaButtonI18n, GaButtonI18nDefault, GaButtonModule, GaCardComponent, GaCardModule, GaCheckboxComponent, GaCheckboxModule, GaCheckboxRequiredValidator, GaFieldInfoComponent, GaFieldLabelComponent, GaFormControlDirective, GaFormFieldComponent, GaFormFieldModule, GaIconButtonDirective, GaIconComponent, GaIconModule, GaInputComponent, GaInputDirective, GaInputModule, GaLabelledByFormFieldDirective, GaLinkDirective, GaLinkModule, GaMenuComponent, GaMenuItemComponent, GaMenuModule, GaMenuSeparatorComponent, GaMenuTitleComponent, GaMenuTriggerDirective, GaMenuTriggerIconComponent, GaModalActionsComponent, GaModalCloseDirective, GaModalComponent, GaModalContentComponent, GaModalDescriptionComponent, GaModalDescriptionDirective, GaModalHeaderComponent, GaModalI18n, GaModalI18nDefault, GaModalLabelDirective, GaModalModule, GaModalOptions, GaModalRef, GaModalService, GaModalTitleDirective, GaOptgroupComponent, GaOptionComponent, GaRadioButtonComponent, GaRadioGroupComponent, GaRadioModule, GaSegmentedControlButtonDirective, GaSegmentedControlComponent, GaSegmentedControlIconButtonComponent, GaSegmentedControlModule, GaSegmentedControlTextButtonComponent, GaSelectComponent, GaSelectDropdownComponent, GaSelectDropdownSpinnerComponent, GaSelectModule, GaSelectRequiredValidator, GaSelectValueComponent, GaSpinnerComponent, GaSpinnerModule, GaSwitchComponent, GaSwitchModule, GaTextAreaDirective, GaTextAreaModule, GaTooltipComponent, GaTooltipDirective, GaTooltipModule, RADIO_CONTROL_VALUE_ACCESSOR, SWITCH_CONTROL_VALUE_ACCESSOR, provideGaAlertI18n, provideGaBaseFontSize, provideGaButtonI18n, provideGaModalI18n, provideGaModalOptions };
|
|
3010
3172
|
//# sourceMappingURL=vsn-ux-ngx-gaia.mjs.map
|