@vsn-ux/ngx-gaia 0.8.2 → 0.8.3

package/fesm2022/vsn-ux-ngx-gaia.mjs

@@ -366,7 +366,7 @@ function provideGaAlertI18n(value) {
     ]);
 }
 
-let nextUniqueId$8 = 0;
+let nextUniqueId$9 = 0;
 class GaAlertComponent {
     i18n = inject(GaAlertI18n);
     dismissIcon = X;
@@ -394,7 +394,7 @@ class GaAlertComponent {
         return null;
     });
     title = contentChild(GaAlertTitleComponent);
-    progressId = `ga-alert-progress-${++nextUniqueId$8}`;
+    progressId = `ga-alert-progress-${++nextUniqueId$9}`;
     variantClass = computed(() => {
         return `ga-notification ga-notification--${this.variant()}`;
     });
@@ -540,11 +540,11 @@ const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
 };
 // Increasing integer for generating unique ids for checkbox components.
 // Inspired by @angular/components
-let nextUniqueId$7 = 0;
+let nextUniqueId$8 = 0;
 class GaCheckboxComponent {
     tabindex;
     /** @ignore */
-    _uniqueId = `ga-checkbox-${++nextUniqueId$7}`;
+    _uniqueId = `ga-checkbox-${++nextUniqueId$8}`;
     /** @ignore */
     injector = inject(Injector);
     icons = { Minus, Check };
@@ -879,9 +879,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 }]
         }] });
 
-let nextUniqueId$6 = 0;
+let nextUniqueId$7 = 0;
 class GaInputDirective {
-    uniqueId = `ga-input-${++nextUniqueId$6}`;
+    uniqueId = `ga-input-${++nextUniqueId$7}`;
     implicitNgControl = inject(NgControl, {
         optional: true,
         self: true,
@@ -950,9 +950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 }]
         }] });
 
-let nextUniqueId$5 = 0;
+let nextUniqueId$6 = 0;
 class GaFormFieldComponent {
-    uniqueId = `ga-form-field-${++nextUniqueId$5}`;
+    uniqueId = `ga-form-field-${++nextUniqueId$6}`;
     disabled = input(undefined, { transform: booleanAttribute });
     formControl = contentChild(GA_FORM_CONTROL, { descendants: true });
     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
                     }, template: "<ng-content />\n" }]
         }] });
 
-let nextUniqueId$4 = 0;
+let nextUniqueId$5 = 0;
 class GaTooltipComponent {
-    uniqueId = `ga-tooltip-${++nextUniqueId$4}`;
+    uniqueId = `ga-tooltip-${++nextUniqueId$5}`;
     mouseLeaveSubject = new Subject();
     afterMouseLeave = () => this.mouseLeaveSubject.asObservable();
     mouseOver = signal(false);
@@ -2198,10 +2198,10 @@ const RADIO_CONTROL_VALUE_ACCESSOR = {
     multi: true,
 };
 // Increasing integer for generating unique ids for radio components.
-let nextUniqueId$3 = 0;
+let nextUniqueId$4 = 0;
 class GaRadioGroupComponent {
     /** Name of the radio button group. All radio buttons inside this group will use this name. */
-    name = input(`ga-radio-group-${nextUniqueId$3++}`);
+    name = input(`ga-radio-group-${nextUniqueId$4++}`);
     /**
      * Value for the radio-group. Should equal the value of the selected radio button if there is
      * a corresponding radio button with a matching value. If there is not such a corresponding
@@ -2260,13 +2260,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
         }] });
 
 // Increasing integer for generating unique ids for radio button components.
-let nextUniqueId$2 = 0;
+let nextUniqueId$3 = 0;
 class GaRadioButtonComponent {
     tabindex;
     radioGroup = inject(GaRadioGroupComponent, {
         optional: true,
     });
-    _uniqueId = `ga-radio-button-${++nextUniqueId$2}`;
+    _uniqueId = `ga-radio-button-${++nextUniqueId$3}`;
     /** The value attribute of the native input element */
     value = input(null);
     inputId = input(null, { alias: 'id' });
@@ -2448,9 +2448,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                     }, 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" }]
         }] });
 
-let nextUniqueId$1 = 0;
+let nextUniqueId$2 = 0;
 class GaSelectComponent {
-    _uniqueId = `ga-select-${++nextUniqueId$1}`;
+    _uniqueId = `ga-select-${++nextUniqueId$2}`;
     focusedTriggerElement = null;
     _onTouched;
     _onModelChanged;
@@ -2895,6 +2895,135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                 }]
         }] });
 
+const SWITCH_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => GaSwitchComponent),
+    multi: true,
+};
+// Increasing integer for generating unique ids for switch components.
+let nextUniqueId$1 = 0;
+class GaSwitchComponent {
+    icons = { Check };
+    /** @ignore */
+    _uniqueId = `ga-switch-${++nextUniqueId$1}`;
+    injector = inject(Injector);
+    /** @ignore */
+    tabindex = input(0, {
+        alias: 'tabindex',
+    });
+    /** @ignore */
+    _onTouched;
+    /** @ignore */
+    _onModelChanged;
+    /** @ignore */
+    _invalidNgModel = signal(false);
+    _ngModelName = signal(null);
+    checked = input(false, {
+        transform: booleanAttribute,
+    });
+    disabled = input(false, {
+        transform: booleanAttribute,
+    });
+    ariaInvalid = input(false, {
+        transform: booleanAttribute,
+        alias: 'aria-invalid',
+    });
+    label = input('');
+    ariaLabel = input(null, { alias: 'aria-label' });
+    ariaLabelledby = input(null, {
+        alias: 'aria-labelledby',
+    });
+    ariaDescribedby = input(null, {
+        alias: 'aria-describedby',
+    });
+    ariaErrormessage = input(null, {
+        alias: 'aria-errormessage',
+    });
+    nameInput = input(null, { alias: 'name' });
+    id = input(null);
+    disabledModel = linkedSignal(() => this.disabled());
+    checkedModel = linkedSignal(() => this.checked());
+    checkedChange = output();
+    /** @ignore */
+    inputId = computed(() => this.id() ?? this._uniqueId);
+    /** @ignore */
+    name = computed(() => {
+        return this.nameInput() ?? this._ngModelName() ?? this._uniqueId;
+    });
+    /** @ignore */
+    invalidComputed = computed(() => {
+        return this.ariaInvalid() || this._invalidNgModel();
+    });
+    ngDoCheck() {
+        const implicitNgControl = this.injector.get(NgControl, null, {
+            self: true,
+        });
+        if (implicitNgControl) {
+            this._invalidNgModel.set(!!implicitNgControl.invalid && !!implicitNgControl.dirty);
+            if (implicitNgControl.name) {
+                this._ngModelName.set(implicitNgControl.name);
+            }
+        }
+    }
+    /** @ignore */
+    onInputChange(event) {
+        const target = event.target;
+        const newValue = target.checked;
+        this.checkedModel.set(newValue);
+        this._onModelChanged?.(newValue);
+        this.checkedChange.emit(newValue);
+    }
+    /** @ignore */
+    onBlur() {
+        this._onTouched?.();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        const newValue = !!value;
+        this.checkedModel.set(newValue);
+    }
+    registerOnChange(fn) {
+        this._onModelChanged = fn;
+    }
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabledModel.set(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ga-switch', imports: [GaIconModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [SWITCH_CONTROL_VALUE_ACCESSOR], host: {
+                        class: 'ga-switch',
+                        '[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',
+                    }, 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" }]
+        }] });
+
+class GaSwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent], exports: [GaSwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, imports: [GaSwitchComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: GaSwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [GaSwitchComponent],
+                    exports: [GaSwitchComponent],
+                }]
+        }] });
+
 class GaLinkDirective {
     variant = input('', { alias: 'gaLink' });
     size = input('medium', { alias: 'gaLinkSize' });
@@ -3039,5 +3168,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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, GaTextAreaDirective, GaTextAreaModule, GaTooltipComponent, GaTooltipDirective, GaTooltipModule, RADIO_CONTROL_VALUE_ACCESSOR, provideGaAlertI18n, provideGaBaseFontSize, provideGaButtonI18n, provideGaModalI18n, provideGaModalOptions };
+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 };
 //# sourceMappingURL=vsn-ux-ngx-gaia.mjs.map