asksuite-citrus 1.12.1 → 1.12.3

package/lib/components/autocomplete/autocomplete.component.d.ts

@@ -57,6 +57,7 @@ export declare class AutocompleteComponent implements AfterViewInit, ControlValu
     allOptionsSelectedText: string | null;
     selectAllMessage: any;
     iconPropReference?: string;
+    enableRemove: boolean;
     itemCheck: EventEmitter<any>;
     selectionDone: EventEmitter<any>;
     optionRemoved: EventEmitter<any>;
@@ -91,5 +92,5 @@ export declare class AutocompleteComponent implements AfterViewInit, ControlValu
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ask-autocomplete", never, { "filterFn": { "alias": "filterFn"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueProp": { "alias": "valueProp"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fixedOptions": { "alias": "fixedOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "allOptionsSelectedText": { "alias": "allOptionsSelectedText"; "required": false; }; "selectAllMessage": { "alias": "selectAllMessage"; "required": false; }; "iconPropReference": { "alias": "iconPropReference"; "required": false; }; }, { "itemCheck": "itemCheck"; "selectionDone": "selectionDone"; "optionRemoved": "optionRemoved"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ask-autocomplete", never, { "filterFn": { "alias": "filterFn"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueProp": { "alias": "valueProp"; "required": false; }; "options": { "alias": "options"; "required": false; }; "fixedOptions": { "alias": "fixedOptions"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "allOptionsSelectedText": { "alias": "allOptionsSelectedText"; "required": false; }; "selectAllMessage": { "alias": "selectAllMessage"; "required": false; }; "iconPropReference": { "alias": "iconPropReference"; "required": false; }; "enableRemove": { "alias": "enableRemove"; "required": false; }; }, { "itemCheck": "itemCheck"; "selectionDone": "selectionDone"; "optionRemoved": "optionRemoved"; }, never, never, false, never>;
 }

package/lib/components/input/input.component.d.ts

@@ -15,6 +15,7 @@ export declare class InputComponent implements ControlValueAccessor {
     isClosed: boolean;
     mask?: string;
     valuePrefix: string;
+    autoFocus: boolean;
     set iconColor(color: string);
     valueChange: EventEmitter<string>;
     change: EventEmitter<Event>;
@@ -38,5 +39,5 @@ export declare class InputComponent implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ask-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variation": { "alias": "variation"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "extraPadding": { "alias": "extraPadding"; "required": false; }; "isClosed": { "alias": "isClosed"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "valuePrefix": { "alias": "valuePrefix"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; "input": "input"; "click": "click"; "focus": "focus"; "blur": "blur"; "leftIconClick": "leftIconClick"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ask-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variation": { "alias": "variation"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "noBorder": { "alias": "noBorder"; "required": false; }; "extraPadding": { "alias": "extraPadding"; "required": false; }; "isClosed": { "alias": "isClosed"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "valuePrefix": { "alias": "valuePrefix"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; }, { "valueChange": "valueChange"; "change": "change"; "input": "input"; "click": "click"; "focus": "focus"; "blur": "blur"; "leftIconClick": "leftIconClick"; "rightIconClick": "rightIconClick"; }, never, never, false, never>;
 }

package/lib/directives/autofocus/autofocus.directive.d.ts

@@ -2,8 +2,9 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class AutofocusDirective implements AfterViewInit {
     private elRef;
+    askAutofocus: boolean | string;
     constructor(elRef: ElementRef);
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutofocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutofocusDirective, "[askAutofocus]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutofocusDirective, "[askAutofocus]", never, { "askAutofocus": { "alias": "askAutofocus"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "1.12.1",
+  "version": "1.12.3",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/styles/material.scss

@@ -1,14 +1,40 @@
 @use '@angular/material' as mat;
 @include mat.core();
+@import './colors';
 
-$my-primary: mat.define-palette(mat.$deep-orange-palette, 500);
-$my-accent: mat.define-palette(mat.$blue-gray-palette, A200, A100, A400);
+$ask-gray-palette: (
+  50: $grey-50,
+  100: $grey-100,
+  200: $grey-200,
+  300: $grey-300,
+  400: $grey-400,
+  500: $grey-500,
+  600: $grey-600,
+  700: $grey-700,
+  800: $grey-800,
+  900: $grey-900,
+  contrast: (
+    50: rgba(black, .87),
+    100: rgba(black, .87),
+    200: rgba(black, .87),
+    300: rgba(black, .87),
+    400: rgba(black, .87),
+    500: white,
+    600: white,
+    700: white,
+    800: white,
+    900: white,
+  )
+);
 
-$my-theme: mat.define-light-theme((
+$primary: mat.define-palette(mat.$deep-orange-palette, 500);
+$accent: mat.define-palette($ask-gray-palette, 400);
+
+$theme: mat.define-light-theme((
  color: (
-   primary: $my-primary,
-   accent: $my-accent,
+   primary: $primary,
+   accent: $accent,
  )
 ));
 
-@include mat.all-component-themes($my-theme);
+@include mat.all-component-themes($theme);

package/styles/tooltip.scss

@@ -4,7 +4,7 @@
   padding: 4px;
   border-radius: 8px;
   position: relative;
-  
+
   > div {
     text-align: center !important;
   }
@@ -34,7 +34,7 @@
   &.-below {
     @include tooltipAfterPosition(margin-top, top, left, translateX);
   }
-  
+
   &.-after, &.-right {
     @include tooltipAfterPosition(margin-left, left, top, translateY);
   }
@@ -42,4 +42,8 @@
   &.-before, &.-left {
     @include tooltipAfterPosition(margin-right, right, top, translateY);
   }
-}
+}
+
+::ng-deep mat-tooltip-component .mat-mdc-tooltip .mdc-tooltip__surface {
+  background-color: transparent !important;
+}