asksuite-citrus 3.15.8 → 3.16.0

package/lib/asksuite-citrus.module.d.ts

@@ -1,4 +1,6 @@
 import { ModuleWithProviders } from '@angular/core';
+import { CustomIconsRegisterService } from './services/custom-icon-register/custom-icon-register.service';
+import { StorageUtilService } from './services/storage/storage-util.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./components/button/button.component";
 import * as i2 from "./components/input/input.component";
@@ -55,11 +57,15 @@ import * as i52 from "@angular/material/tooltip";
 import * as i53 from "ngx-mask";
 import * as i54 from "@angular/material/progress-bar";
 import * as i55 from "./components/icon/icon.component";
+import * as i56 from "./components/icon-v2/icon-v2.component";
+export declare function initMyLib(myLibService: Storage): StorageUtilService<unknown>;
 export declare class AsksuiteCitrusModule {
+    private customIconsRegisterService;
     static forRoot(params?: {
         flagUrl?: string;
     }): ModuleWithProviders<AsksuiteCitrusModule>;
+    constructor(customIconsRegisterService: CustomIconsRegisterService);
     static ɵfac: i0.ɵɵFactoryDeclaration<AsksuiteCitrusModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AsksuiteCitrusModule, [typeof i1.ButtonComponent, typeof i2.InputComponent, typeof i3.SelectComponent, typeof i4.BoxComponent, typeof i5.AvatarComponent, typeof i6.DropdownContainerComponent, typeof i7.AskDropdownDirective, typeof i8.AutocompleteComponent, typeof i9.PhoneDdiComponent, typeof i10.ChipsComponent, typeof i11.CheckboxComponent, typeof i12.DatePickerComponent, typeof i13.DatePickerCalendarComponent, typeof i14.SkeletonComponent, typeof i15.SpinnerComponent, typeof i16.SpinnerDirective, typeof i17.BadgeDirective, typeof i18.AutofocusDirective, typeof i19.ScrollDirective, typeof i20.AskTooltipDirective, typeof i21.ToastComponent, typeof i22.AskButtonDirective, typeof i23.ModalComponent, typeof i24.ModalBodyDirective, typeof i25.ModalHeaderDirective, typeof i26.ModalFooterDirective, typeof i27.CharacterCounterComponent, typeof i28.AccordionComponent, typeof i29.ExtendablePanelComponent, typeof i30.TableComponent, typeof i31.TagComponent, typeof i32.PaginationComponent, typeof i33.PaginatePipe, typeof i34.RichtextToolboxDirective, typeof i35.RichtextUrlPromptComponent, typeof i36.RichtextToolboxComponent, typeof i37.AskTextButtonDirective, typeof i38.ForceBreakLinePipe, typeof i39.ConfirmationModalComponent, typeof i40.LoadingBarComponent, typeof i41.AskStrokedButtonDirective, typeof i42.InputDirective, typeof i43.ListItemDirective, typeof i44.ArrowTagComponent, typeof i45.TabGroupComponent, typeof i46.TabComponent], [typeof i47.CommonModule, typeof i48.FormsModule, typeof i48.ReactiveFormsModule, typeof i49.CdkOverlayOrigin, typeof i49.CdkConnectedOverlay, typeof i49.OverlayModule, typeof i50.TranslateModule, typeof i51.NgxSkeletonLoaderModule, typeof i52.MatTooltipModule, typeof i53.NgxMaskDirective, typeof i53.NgxMaskPipe, typeof i54.MatProgressBarModule, typeof i55.IconComponent], [typeof i1.ButtonComponent, typeof i2.InputComponent, typeof i3.SelectComponent, typeof i4.BoxComponent, typeof i5.AvatarComponent, typeof i6.DropdownContainerComponent, typeof i7.AskDropdownDirective, typeof i8.AutocompleteComponent, typeof i9.PhoneDdiComponent, typeof i10.ChipsComponent, typeof i11.CheckboxComponent, typeof i12.DatePickerComponent, typeof i13.DatePickerCalendarComponent, typeof i14.SkeletonComponent, typeof i16.SpinnerDirective, typeof i17.BadgeDirective, typeof i18.AutofocusDirective, typeof i19.ScrollDirective, typeof i20.AskTooltipDirective, typeof i22.AskButtonDirective, typeof i37.AskTextButtonDirective, typeof i24.ModalBodyDirective, typeof i25.ModalHeaderDirective, typeof i26.ModalFooterDirective, typeof i27.CharacterCounterComponent, typeof i28.AccordionComponent, typeof i29.ExtendablePanelComponent, typeof i30.TableComponent, typeof i32.PaginationComponent, typeof i33.PaginatePipe, typeof i34.RichtextToolboxDirective, typeof i38.ForceBreakLinePipe, typeof i40.LoadingBarComponent, typeof i41.AskStrokedButtonDirective, typeof i42.InputDirective, typeof i43.ListItemDirective, typeof i55.IconComponent, typeof i31.TagComponent, typeof i44.ArrowTagComponent, typeof i45.TabGroupComponent, typeof i46.TabComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AsksuiteCitrusModule, [typeof i1.ButtonComponent, typeof i2.InputComponent, typeof i3.SelectComponent, typeof i4.BoxComponent, typeof i5.AvatarComponent, typeof i6.DropdownContainerComponent, typeof i7.AskDropdownDirective, typeof i8.AutocompleteComponent, typeof i9.PhoneDdiComponent, typeof i10.ChipsComponent, typeof i11.CheckboxComponent, typeof i12.DatePickerComponent, typeof i13.DatePickerCalendarComponent, typeof i14.SkeletonComponent, typeof i15.SpinnerComponent, typeof i16.SpinnerDirective, typeof i17.BadgeDirective, typeof i18.AutofocusDirective, typeof i19.ScrollDirective, typeof i20.AskTooltipDirective, typeof i21.ToastComponent, typeof i22.AskButtonDirective, typeof i23.ModalComponent, typeof i24.ModalBodyDirective, typeof i25.ModalHeaderDirective, typeof i26.ModalFooterDirective, typeof i27.CharacterCounterComponent, typeof i28.AccordionComponent, typeof i29.ExtendablePanelComponent, typeof i30.TableComponent, typeof i31.TagComponent, typeof i32.PaginationComponent, typeof i33.PaginatePipe, typeof i34.RichtextToolboxDirective, typeof i35.RichtextUrlPromptComponent, typeof i36.RichtextToolboxComponent, typeof i37.AskTextButtonDirective, typeof i38.ForceBreakLinePipe, typeof i39.ConfirmationModalComponent, typeof i40.LoadingBarComponent, typeof i41.AskStrokedButtonDirective, typeof i42.InputDirective, typeof i43.ListItemDirective, typeof i44.ArrowTagComponent, typeof i45.TabGroupComponent, typeof i46.TabComponent], [typeof i47.CommonModule, typeof i48.FormsModule, typeof i48.ReactiveFormsModule, typeof i49.CdkOverlayOrigin, typeof i49.CdkConnectedOverlay, typeof i49.OverlayModule, typeof i50.TranslateModule, typeof i51.NgxSkeletonLoaderModule, typeof i52.MatTooltipModule, typeof i53.NgxMaskDirective, typeof i53.NgxMaskPipe, typeof i54.MatProgressBarModule, typeof i55.IconComponent, typeof i56.IconV2Component], [typeof i1.ButtonComponent, typeof i2.InputComponent, typeof i3.SelectComponent, typeof i4.BoxComponent, typeof i5.AvatarComponent, typeof i6.DropdownContainerComponent, typeof i7.AskDropdownDirective, typeof i8.AutocompleteComponent, typeof i9.PhoneDdiComponent, typeof i10.ChipsComponent, typeof i11.CheckboxComponent, typeof i12.DatePickerComponent, typeof i13.DatePickerCalendarComponent, typeof i14.SkeletonComponent, typeof i16.SpinnerDirective, typeof i17.BadgeDirective, typeof i18.AutofocusDirective, typeof i19.ScrollDirective, typeof i20.AskTooltipDirective, typeof i22.AskButtonDirective, typeof i37.AskTextButtonDirective, typeof i24.ModalBodyDirective, typeof i25.ModalHeaderDirective, typeof i26.ModalFooterDirective, typeof i27.CharacterCounterComponent, typeof i28.AccordionComponent, typeof i29.ExtendablePanelComponent, typeof i30.TableComponent, typeof i32.PaginationComponent, typeof i33.PaginatePipe, typeof i34.RichtextToolboxDirective, typeof i38.ForceBreakLinePipe, typeof i40.LoadingBarComponent, typeof i41.AskStrokedButtonDirective, typeof i42.InputDirective, typeof i43.ListItemDirective, typeof i55.IconComponent, typeof i31.TagComponent, typeof i44.ArrowTagComponent, typeof i45.TabGroupComponent, typeof i46.TabComponent, typeof i56.IconV2Component]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AsksuiteCitrusModule>;
 }

package/lib/components/icon-v2/icon-v2.component.d.ts

@@ -0,0 +1,27 @@
+import { MatIcon } from '@angular/material/icon';
+import { CustomIconsRegisterService } from '../../services/custom-icon-register/custom-icon-register.service';
+import { SizeableDirective } from '../../directives/sizeable/sizeable.directive';
+import { CustomIconNames, CustomIconVariations } from '../../interfaces/icons.type';
+import * as i0 from "@angular/core";
+type MatIconFontSets = 'material-icons' | 'material-symbols-outlined' | 'material-icons-outlined';
+export declare class IconV2Component extends SizeableDirective {
+    private customIconRegister;
+    matIcon?: MatIcon;
+    name: CustomIconNames | string;
+    appearance: Exclude<CustomIconVariations, 'disabled'>;
+    theme: 'dark' | 'light';
+    color?: string;
+    matFontSet: MatIconFontSets;
+    protected fontIcon: string;
+    protected svgIcon: string;
+    private iconSubscription?;
+    constructor(customIconRegister: CustomIconsRegisterService);
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private prepareIcon;
+    private prepareCustomIconName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconV2Component, "ask-icon-v2", never, { "name": { "alias": "name"; "required": true; }; "appearance": { "alias": "appearance"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "color": { "alias": "color"; "required": false; }; "matFontSet": { "alias": "matFontSet"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/constants/icons.d.ts

@@ -0,0 +1,3 @@
+export declare const names: readonly ["chatweb", "email", "facebook", "instagram", "phone", "whatsapp"];
+export declare const themes: readonly ["dark", "light"];
+export declare const variations: readonly ["contrast", "default", "disabled", "grey", "inverse"];

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+type Size = 8 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 30 | 32 | 40 | 48 | 56 | 64;
+export declare class SizeableDirective {
+    size: Size;
+    disabled: boolean;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizeableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeableDirective, never, never, { "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

package/lib/interfaces/icons.type.d.ts

@@ -0,0 +1,4 @@
+import { names, themes, variations } from "../constants/icons";
+export type CustomIconNames = (typeof names)[number];
+export type CustomIconThemes = (typeof themes)[number];
+export type CustomIconVariations = (typeof variations)[number];

package/lib/services/custom-icon-register/custom-icon-register.service.d.ts

@@ -0,0 +1,18 @@
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { ThemeService } from '../theme/theme.service';
+import { CustomIconNames, CustomIconVariations } from '../../interfaces/icons.type';
+import * as i0 from "@angular/core";
+export declare class CustomIconsRegisterService {
+    private matIconRegistry;
+    private domSanitizer;
+    private theme;
+    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, theme: ThemeService);
+    register(): void;
+    getIcon$(name: CustomIconNames, variations: CustomIconVariations): Observable<string>;
+    hasIcon(name: string): boolean;
+    private getIconSrcs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomIconsRegisterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CustomIconsRegisterService>;
+}

package/lib/services/dynamic-dropdown/dynamic-dropdown.service.d.ts

@@ -16,17 +16,22 @@ export interface DropdownRef {
 export declare class DynamicDropdownService {
     private overlay;
     private overlayRefs;
+    private renderedDropdowns;
     constructor(overlay: Overlay);
     /**
-     * Opens a new modal with the given configuration.
+     * Opens a new dropdown with the given configuration.
      */
     open(config: DropdownConfig): DropdownRef;
+    /**
+     * Exposes a function to check if a given template is rendered.
+     */
+    isTemplateRendered(template: TemplateRef<any>): boolean;
     /**
      * Creates an overlay with the specified position and configuration.
      */
     private createOverlay;
     /**
-     * Creates a flexible position strategy for the modal based on the base element.
+     * Creates a flexible position strategy for the dropdown.
      */
     private createPositionStrategy;
     /**
@@ -38,23 +43,23 @@ export declare class DynamicDropdownService {
      */
     private attachTemplateToOverlay;
     /**
-     * Sets up listeners for the overlay, such as closing on backdrop click or escape key.
+     * Sets up listeners for overlay events.
      */
     private setupOverlayListeners;
     /**
-     * Creates a subject that will emit when the modal is closed.
+     * Creates a subject that emits when the dropdown is closed.
      */
     private createAfterClosedSubject;
     /**
-     * Creates a reference for the modal that can be used to control the modal's lifecycle.
+     * Creates a reference for controlling the dropdown.
      */
     private createModalRef;
     /**
-     * Closes the modal and cleans up resources.
+     * Closes the dropdown and cleans up.
      */
     private closeModal;
     /**
-     * Closes all open modals.
+     * Closes all open dropdowns.
      */
     closeAll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDropdownService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asksuite-citrus",
-  "version": "3.15.8",
+  "version": "3.16.0",
   "peerDependencies": {
     "@angular/common": "^17.3.7",
     "@angular/core": "^17.3.7",

package/public-api.d.ts

@@ -19,6 +19,7 @@ export * from './lib/components/table/table.component';
 export * from './lib/components/pagination/pagination.component';
 export * from './lib/components/loading-bar/loading-bar.component';
 export * from './lib/components/icon/icon.component';
+export * from './lib/components/icon-v2/icon-v2.component';
 export * from './lib/components/tag/tag.component';
 export * from './lib/components/arrow-tag/arrow-tag.component';
 export * from './lib/components/tab-group/tab-group.component';