@ascentgl/ads-ui 22.11.0 → 22.12.0

package/src/assets/sass/ads-ui/themes/_ads-palette.scss

@@ -1,98 +1,98 @@
-$primary: (
-  50: #e0e9f1,
-  100: #b3c8db,
-  200: #80a4c3,
-  300: #4d80ab,
-  400: #266499,
-  500: #5756b3,
-  600: #00427f,
-  700: #003974,
-  800: #00316a,
-  900: #002157,
-  A100: #89aaff,
-  A200: #5685ff,
-  A400: #2361ff,
-  A700: #094fff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #fff,
-    400: #fff,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #fff,
-    A700: #fff,
-  ),
-);
-
-$accent: (
-  50: #e0f3f9,
-  100: #b3e0f0,
-  200: #80cce6,
-  300: #4db8db,
-  400: #26a8d4,
-  500: #09c,
-  600: #0091c7,
-  700: #0086c0,
-  800: #007cb9,
-  900: #006bad,
-  A100: #d7edff,
-  A200: #a4d7ff,
-  A400: #71c0ff,
-  A700: #58b5ff,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
-
-$warn: (
-  50: #f7e0e2,
-  100: #ebb3b8,
-  200: #de8088,
-  300: #d04d58,
-  400: #c62635,
-  500: #bc0011,
-  600: #b6000f,
-  700: #ad000c,
-  800: #a5000a,
-  900: #970005,
-  A100: #ffc2c2,
-  A200: #ff8f90,
-  A400: #ff5c5d,
-  A700: #ff4244,
-  contrast: (
-    50: #000,
-    100: #000,
-    200: #000,
-    300: #000,
-    400: #000,
-    500: #fff,
-    600: #fff,
-    700: #fff,
-    800: #fff,
-    900: #fff,
-    A100: #000,
-    A200: #000,
-    A400: #000,
-    A700: #000,
-  ),
-);
+$primary: (
+  50: #e0e9f1,
+  100: #b3c8db,
+  200: #80a4c3,
+  300: #4d80ab,
+  400: #266499,
+  500: #5756b3,
+  600: #00427f,
+  700: #003974,
+  800: #00316a,
+  900: #002157,
+  A100: #89aaff,
+  A200: #5685ff,
+  A400: #2361ff,
+  A700: #094fff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #fff,
+    400: #fff,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #fff,
+    A700: #fff,
+  ),
+);
+
+$accent: (
+  50: #e0f3f9,
+  100: #b3e0f0,
+  200: #80cce6,
+  300: #4db8db,
+  400: #26a8d4,
+  500: #09c,
+  600: #0091c7,
+  700: #0086c0,
+  800: #007cb9,
+  900: #006bad,
+  A100: #d7edff,
+  A200: #a4d7ff,
+  A400: #71c0ff,
+  A700: #58b5ff,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);
+
+$warn: (
+  50: #f7e0e2,
+  100: #ebb3b8,
+  200: #de8088,
+  300: #d04d58,
+  400: #c62635,
+  500: #bc0011,
+  600: #b6000f,
+  700: #ad000c,
+  800: #a5000a,
+  900: #970005,
+  A100: #ffc2c2,
+  A200: #ff8f90,
+  A400: #ff5c5d,
+  A700: #ff4244,
+  contrast: (
+    50: #000,
+    100: #000,
+    200: #000,
+    300: #000,
+    400: #000,
+    500: #fff,
+    600: #fff,
+    700: #fff,
+    800: #fff,
+    900: #fff,
+    A100: #000,
+    A200: #000,
+    A400: #000,
+    A700: #000,
+  ),
+);

package/types/ascentgl-ads-ui.d.ts

@@ -1359,6 +1359,13 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
     readOnly: boolean;
     /** Show search icon */
     showSearchIcon: boolean;
+    /** Minimum allowed numeric value. When `type="number"`, sets the native `min` attribute
+     *  (limits spinner + browser validation) and blocks paste of values below it.
+     *  Also allows typing `-` when the min value is negative. */
+    min?: number;
+    /** Maximum allowed numeric value. When `type="number"`, sets the native `max` attribute
+     *  (limits spinner + browser validation) and blocks paste of values above it. */
+    max?: number;
     /** Custom function to execute on focus event */
     onFocus: (event: FocusEvent) => void;
     /** Custom function to execute on blur event */
@@ -1376,12 +1383,14 @@ declare class AdsInputComponent extends AbstractInputComponent implements OnInit
     showHidePassword(): void;
     /** @ignore */
     restrictInput(event: KeyboardEvent): void;
+    /** @ignore Prevents paste of values outside [min, max] or non-numeric text for number inputs. */
+    handlePaste(event: ClipboardEvent): void;
     /** @ignore — prevents focus on read-only inputs */
     handleFocusInternal(event: FocusEvent): void;
     /** @ignore Prevent scroll wheel from changing number input value */
     preventScroll(event: WheelEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputComponent, "ads-input", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "isPasswordField": { "alias": "isPasswordField"; "required": false; }; "showClockIcon": { "alias": "showClockIcon"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "matAutocomplete": { "alias": "matAutocomplete"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "rightHint": { "alias": "rightHint"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AdsPhoneFieldComponent extends AbstractInputComponent implements OnInit, OnDestroy {
@@ -1461,6 +1470,10 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
     decimalMarker: "." | "," | [".", ","];
     /** Transform function applied to the model value before it is written to the FormControl */
     outputTransformFn: OutputTransformFn | null;
+    /** Minimum allowed numeric value. Forwarded to the inner `ads-input` when `type="number"`. */
+    min?: number;
+    /** Maximum allowed numeric value. Forwarded to the inner `ads-input` when `type="number"`. */
+    max?: number;
     /** Custom function to execute on blur event */
     onBlur: (event: FocusEvent) => void;
     /** Set to true if you want to enable option tooltip */
@@ -1479,7 +1492,7 @@ declare class AdsInputDropdownComponent extends AbstractInputComponent implement
         immediateValidation: SimpleChange;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsInputDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsInputDropdownComponent, "ads-input-dropdown", never, { "maxlength": { "alias": "maxlength"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "dropdownControl": { "alias": "dropdownControl"; "required": false; }; "dropdownId": { "alias": "dropdownId"; "required": false; }; "dropdownLabel": { "alias": "dropdownLabel"; "required": false; }; "dropdownPlaceholder": { "alias": "dropdownPlaceholder"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "autoSelectSingleDropdownOption": { "alias": "autoSelectSingleDropdownOption"; "required": false; }; "options": { "alias": "options"; "required": false; }; "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "hasEmptyValue": { "alias": "hasEmptyValue"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; }; "decimalMarker": { "alias": "decimalMarker"; "required": false; }; "outputTransformFn": { "alias": "outputTransformFn"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class AdsCurrencyFieldComponent extends AbstractInputComponent {