@cqa-lib/cqa-ui 1.1.544 → 1.1.545

package/lib/viewport-selector/viewport-selector.component.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { DynamicSelectFieldConfig, SelectOption } from '../dynamic-select/dynamic-select-field.component';
+import { RadioCardOption } from '../radio-card-group/radio-card-option.model';
+import * as i0 from "@angular/core";
+export declare type ViewportSelectionMode = 'desktop' | 'laptop' | 'mobile' | 'custom';
+export interface ViewportSelectorValue {
+    mode: ViewportSelectionMode;
+    device?: string | null;
+    customValue?: string | null;
+}
+export declare class ViewportSelectorComponent implements ControlValueAccessor, Validator, OnChanges {
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    desktopLabel: string;
+    laptopLabel: string;
+    mobileLabel: string;
+    customLabel: string;
+    desktopDeviceLabel: string;
+    desktopDevicePlaceholder: string;
+    desktopDeviceOptions: SelectOption[];
+    laptopDeviceLabel: string;
+    laptopDevicePlaceholder: string;
+    laptopDeviceOptions: SelectOption[];
+    mobileDeviceLabel: string;
+    mobileDevicePlaceholder: string;
+    mobileDeviceOptions: SelectOption[];
+    customValueLabel: string;
+    customValuePlaceholder: string;
+    customValueHint: string;
+    valueChange: EventEmitter<ViewportSelectorValue>;
+    readonly modeOptions: RadioCardOption[];
+    readonly desktopDeviceForm: FormGroup;
+    readonly laptopDeviceForm: FormGroup;
+    readonly mobileDeviceForm: FormGroup;
+    desktopDeviceConfig: DynamicSelectFieldConfig;
+    laptopDeviceConfig: DynamicSelectFieldConfig;
+    mobileDeviceConfig: DynamicSelectFieldConfig;
+    customInputValue: string;
+    internalValue: ViewportSelectorValue;
+    private onChange;
+    private onTouched;
+    private onValidatorChange;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: ViewportSelectorValue | null | undefined): void;
+    registerOnChange(fn: (value: ViewportSelectorValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    registerOnValidatorChange(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(_control: AbstractControl): ValidationErrors | null;
+    get isDesktopMode(): boolean;
+    get isLaptopMode(): boolean;
+    get isMobileMode(): boolean;
+    get isCustomMode(): boolean;
+    onModeChange(mode: string | null): void;
+    onDesktopSelectionChange(selection: {
+        value: any;
+    }): void;
+    onLaptopSelectionChange(selection: {
+        value: any;
+    }): void;
+    onMobileSelectionChange(selection: {
+        value: any;
+    }): void;
+    addCustomValue(rawValue?: string): void;
+    clearCustomValue(): void;
+    private emitValue;
+    private normalizeValue;
+    private normalizeCustomValue;
+    private isValidMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewportSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewportSelectorComponent, "cqa-viewport-selector", never, { "label": "label"; "required": "required"; "disabled": "disabled"; "desktopLabel": "desktopLabel"; "laptopLabel": "laptopLabel"; "mobileLabel": "mobileLabel"; "customLabel": "customLabel"; "desktopDeviceLabel": "desktopDeviceLabel"; "desktopDevicePlaceholder": "desktopDevicePlaceholder"; "desktopDeviceOptions": "desktopDeviceOptions"; "laptopDeviceLabel": "laptopDeviceLabel"; "laptopDevicePlaceholder": "laptopDevicePlaceholder"; "laptopDeviceOptions": "laptopDeviceOptions"; "mobileDeviceLabel": "mobileDeviceLabel"; "mobileDevicePlaceholder": "mobileDevicePlaceholder"; "mobileDeviceOptions": "mobileDeviceOptions"; "customValueLabel": "customValueLabel"; "customValuePlaceholder": "customValuePlaceholder"; "customValueHint": "customValueHint"; }, { "valueChange": "valueChange"; }, never, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqa-lib/cqa-ui",
-  "version": "1.1.544",
+  "version": "1.1.545",
   "description": "UI Kit library for Angular 13.4",
   "keywords": [
     "angular",

package/public-api.d.ts

@@ -7,6 +7,7 @@ export * from './lib/segment-control/segment-control.component';
 export * from './lib/stepper/stepper.component';
 export * from './lib/radio-card-group/radio-card-group.component';
 export * from './lib/radio-card-group/radio-card-option.model';
+export * from './lib/viewport-selector/viewport-selector.component';
 export * from './lib/dialog/dialog.component';
 export * from './lib/dialog/dialog.service';
 export * from './lib/dialog/dialog.models';