@agorapulse/ui-components 17.1.8 → 17.2.0

package/fesm2022/agorapulse-ui-components-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-toggle.mjs","sources":["../../../libs/ui-components/toggle/src/toggle.component.ts","../../../libs/ui-components/toggle/src/toggle.component.html","../../../libs/ui-components/toggle/src/agorapulse-ui-components-toggle.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { apCheck2, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { first } from 'rxjs/operators';\n\nexport const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ToggleComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-toggle',\n    styleUrls: ['./toggle.component.scss'],\n    standalone: true,\n    imports: [SymbolComponent],\n    providers: [\n        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: ToggleComponent,\n            multi: true,\n        },\n        MatDialog,\n    ],\n    templateUrl: './toggle.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class ToggleComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit {\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    private readonly dialog = inject(MatDialog);\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    @ViewChild('input') inputElement!: ElementRef<HTMLInputElement>;\n    @ViewChild('label') labelElement!: ElementRef<HTMLInputElement>;\n    @Input('aria-label') ariaLabel: string = '';\n    @Input('aria-labelledby') ariaLabelledby: string | null = null;\n    @Input('aria-describedby') ariaDescribedby: string | null = null;\n    @Input() labelPosition: 'left' | 'right' = 'right';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled = false;\n    @Input() checked = false;\n    @Input({\n        transform: booleanAttribute,\n    })\n    required = false;\n    @Input() confirm = false;\n    @Input() confirmMessage = 'If you toggle this, it will affect other things. Are you sure';\n    @Input() confirmOk = 'Confirm';\n    @Input() confirmCancel = 'Cancel';\n    @Input() confirmTitle = 'Are you sure?';\n    @Input({\n        required: true,\n    })\n    set name(name: string) {\n        if (!name.endsWith('Checkbox')) {\n            this._name = name + 'Checkbox';\n        } else {\n            this._name = name;\n        }\n    }\n    get name(): string {\n        return this._name;\n    }\n    // eslint-disable-next-line\n    @Output() readonly change: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    hasLabel: boolean = false;\n    private _name = '';\n    private _controlValueAccessorChangeFn!: (value: boolean) => void;\n    onTouched!: () => void;\n\n    ngOnChanges(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n        }\n    }\n\n    ngOnInit() {\n        this.symbolRegistry.registerSymbols([apCheck2]);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n        }\n    }\n\n    onValueChange() {\n        if (!this.disabled) {\n            if (!this.confirm) {\n                if (this.onTouched) {\n                    this.onTouched();\n                }\n                this.changeValue();\n            } else {\n                const toggleConfirmModal = {\n                    contentText: this.confirmMessage,\n                    headerTitle: this.confirmTitle,\n                    footerCancelButtonLabel: this.confirmCancel,\n                    footerConfirmButtonLabel: this.confirmOk,\n                    footerConfirmButtonId: 'confirm',\n                    footerCancelButtonId: 'cancel',\n                };\n                const modalConfig = {\n                    matDialogConfig: {\n                        panelClass: 'design-system',\n                        width: '550px',\n                    },\n                };\n\n                const dialogRef = ConfirmModalComponent.open(this.dialog, toggleConfirmModal, modalConfig);\n                dialogRef\n                    .afterClosed()\n                    .pipe(first())\n                    .subscribe(result => {\n                        if (result) {\n                            if (this.onTouched) {\n                                this.onTouched();\n                            }\n                            this.changeValue();\n                        }\n                    });\n            }\n        }\n    }\n\n    changeValue(): void {\n        this.checked = !this.checked;\n        this.focus();\n        this.change.emit(this.checked);\n        if (this._controlValueAccessorChangeFn) {\n            this._controlValueAccessorChangeFn(this.checked);\n        }\n\n        // Assigning the value again here is redundant, but we have to do it in case it was\n        // changed inside the `change` listener which will cause the input to be out of sync.\n        if (this.inputElement) {\n            this.inputElement.nativeElement.checked = this.checked;\n        }\n        this.cdr.markForCheck();\n    }\n\n    focus() {\n        this.inputElement.nativeElement.focus();\n    }\n\n    writeValue(value: boolean): void {\n        this.checked = value;\n    }\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    validate({ value }: FormControl) {\n        return (\n            this.required &&\n            !value && {\n                invalid: true,\n            }\n        );\n    }\n\n    _preventBubblingFromLabel(event: MouseEvent) {\n        if (!!event.target && this.labelElement.nativeElement.contains(event.target as HTMLElement)) {\n            event.stopPropagation();\n        }\n    }\n}\n","<div\n    class=\"toggle\"\n    (click)=\"_preventBubblingFromLabel($event)\">\n    <input\n        #input\n        class=\"hidden\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [id]=\"name\"\n        [name]=\"name\"\n        [checked]=\"checked\"\n        [required]=\"required\"\n        [disabled]=\"disabled\"\n        [attr.data-test]=\"name\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-checked]=\"checked\"\n        (click)=\"onValueChange()\" />\n    <div\n        class=\"switch-container\"\n        [class.label-left]=\"labelPosition === 'left'\">\n        <div\n            class=\"switch\"\n            [class.checked]=\"checked\"\n            (click)=\"onValueChange()\">\n            <div class=\"knob\"></div>\n        </div>\n        <label\n            #label\n            [class.disabled]=\"disabled\"\n            [for]=\"name\">\n            <ng-content />\n        </label>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-toggle.mjs","sources":["../../../libs/ui-components/toggle/src/toggle.component.ts","../../../libs/ui-components/toggle/src/toggle.component.html","../../../libs/ui-components/toggle/src/agorapulse-ui-components-toggle.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    inject,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { apCheck, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport { ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { MatDialog } from '@angular/material/dialog';\nimport { first } from 'rxjs/operators';\n\nexport const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => ToggleComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-toggle',\n    styleUrls: ['./toggle.component.scss'],\n    standalone: true,\n    imports: [SymbolComponent],\n    providers: [\n        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: ToggleComponent,\n            multi: true,\n        },\n        MatDialog,\n    ],\n    templateUrl: './toggle.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class ToggleComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit {\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    private readonly dialog = inject(MatDialog);\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    @ViewChild('input') inputElement!: ElementRef<HTMLInputElement>;\n    @ViewChild('label') labelElement!: ElementRef<HTMLInputElement>;\n    @Input('aria-label') ariaLabel: string = '';\n    @Input('aria-labelledby') ariaLabelledby: string | null = null;\n    @Input('aria-describedby') ariaDescribedby: string | null = null;\n    @Input() labelPosition: 'left' | 'right' = 'right';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled = false;\n    @Input() checked = false;\n    @Input({\n        transform: booleanAttribute,\n    })\n    required = false;\n    @Input() confirm = false;\n    @Input() confirmMessage = 'If you toggle this, it will affect other things. Are you sure';\n    @Input() confirmOk = 'Confirm';\n    @Input() confirmCancel = 'Cancel';\n    @Input() confirmTitle = 'Are you sure?';\n    @Input({\n        required: true,\n    })\n    set name(name: string) {\n        if (!name.endsWith('Checkbox')) {\n            this._name = name + 'Checkbox';\n        } else {\n            this._name = name;\n        }\n    }\n    get name(): string {\n        return this._name;\n    }\n    // eslint-disable-next-line\n    @Output() readonly change: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    hasLabel: boolean = false;\n    private _name = '';\n    private _controlValueAccessorChangeFn!: (value: boolean) => void;\n    onTouched!: () => void;\n\n    ngOnChanges(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n        }\n    }\n\n    ngOnInit() {\n        this.symbolRegistry.registerSymbols([apCheck]);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent?.trim();\n        }\n    }\n\n    onValueChange() {\n        if (!this.disabled) {\n            if (!this.confirm) {\n                if (this.onTouched) {\n                    this.onTouched();\n                }\n                this.changeValue();\n            } else {\n                const toggleConfirmModal = {\n                    contentText: this.confirmMessage,\n                    headerTitle: this.confirmTitle,\n                    footerCancelButtonLabel: this.confirmCancel,\n                    footerConfirmButtonLabel: this.confirmOk,\n                    footerConfirmButtonId: 'confirm',\n                    footerCancelButtonId: 'cancel',\n                };\n                const modalConfig = {\n                    matDialogConfig: {\n                        panelClass: 'design-system',\n                        width: '550px',\n                    },\n                };\n\n                const dialogRef = ConfirmModalComponent.open(this.dialog, toggleConfirmModal, modalConfig);\n                dialogRef\n                    .afterClosed()\n                    .pipe(first())\n                    .subscribe(result => {\n                        if (result) {\n                            if (this.onTouched) {\n                                this.onTouched();\n                            }\n                            this.changeValue();\n                        }\n                    });\n            }\n        }\n    }\n\n    changeValue(): void {\n        this.checked = !this.checked;\n        this.focus();\n        this.change.emit(this.checked);\n        if (this._controlValueAccessorChangeFn) {\n            this._controlValueAccessorChangeFn(this.checked);\n        }\n\n        // Assigning the value again here is redundant, but we have to do it in case it was\n        // changed inside the `change` listener which will cause the input to be out of sync.\n        if (this.inputElement) {\n            this.inputElement.nativeElement.checked = this.checked;\n        }\n        this.cdr.markForCheck();\n    }\n\n    focus() {\n        this.inputElement.nativeElement.focus();\n    }\n\n    writeValue(value: boolean): void {\n        this.checked = value;\n    }\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    validate({ value }: FormControl) {\n        return (\n            this.required &&\n            !value && {\n                invalid: true,\n            }\n        );\n    }\n\n    _preventBubblingFromLabel(event: MouseEvent) {\n        if (!!event.target && this.labelElement.nativeElement.contains(event.target as HTMLElement)) {\n            event.stopPropagation();\n        }\n    }\n}\n","<div\n    class=\"toggle\"\n    (click)=\"_preventBubblingFromLabel($event)\">\n    <input\n        #input\n        class=\"hidden\"\n        type=\"checkbox\"\n        role=\"switch\"\n        [id]=\"name\"\n        [name]=\"name\"\n        [checked]=\"checked\"\n        [required]=\"required\"\n        [disabled]=\"disabled\"\n        [attr.data-test]=\"name\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-checked]=\"checked\"\n        (click)=\"onValueChange()\" />\n    <div\n        class=\"switch-container\"\n        [class.label-left]=\"labelPosition === 'left'\">\n        <div\n            class=\"switch\"\n            [class.checked]=\"checked\"\n            (click)=\"onValueChange()\">\n            <div class=\"knob\"></div>\n        </div>\n        <label\n            #label\n            [class.disabled]=\"disabled\"\n            [for]=\"name\">\n            <ng-content />\n        </label>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/form-message/form-message.component.d.ts

@@ -4,7 +4,7 @@ export declare class FormMessageComponent {
     set messageType(messageType: MessageType);
     message: string;
     messageTypeSignal: import("@angular/core").WritableSignal<MessageType>;
-    symbolIdSignal: import("@angular/core").Signal<"alert-circle" | "check-circle">;
+    symbolIdSignal: import("@angular/core").Signal<"error_fill" | "rounded-check_fill">;
     private symbolRegistry;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FormMessageComponent, never>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "17.1.8",
+  "version": "17.2.0",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -55,6 +55,12 @@
       "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
       "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
     },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "esm2022": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
+      "esm": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-badge.mjs"
+    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/agorapulse-ui-components-button.mjs",
@@ -67,12 +73,6 @@
       "esm": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
       "default": "./fesm2022/agorapulse-ui-components-checkbox.mjs"
     },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "esm2022": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
-      "esm": "./esm2022/badge/agorapulse-ui-components-badge.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-badge.mjs"
-    },
     "./confirm-modal": {
       "types": "./confirm-modal/index.d.ts",
       "esm2022": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",

package/snackbars-thread/component/snackbars-thread.component.d.ts

@@ -13,7 +13,7 @@ export declare class SnackbarsThreadComponent {
         3: string;
     };
     SnackbarIconsMap: {
-        [k: number]: "ad-icon" | "add-2022" | "add-circle-bold-alternate" | "add-circle" | "add-square-alternate" | "add" | "agorapulse-de-flag" | "agorapulse-en-flag" | "agorapulse-es-flag" | "agorapulse-fr-flag" | "agorapulse-official" | "agorapulse-pt-flag" | "agorapulse-square-logo" | "ai-magic-wand" | "alarm-bell-1" | "alarm-clock-1-alternate" | "alert-circle" | "alert-triangle" | "ambassador" | "analytics-bars" | "analytics-board-bars" | "analytics-board-graph-line" | "app-window-expand" | "app-window-link" | "app-window-next" | "app-window-search-text" | "arrow-button-down-2" | "arrow-button-down" | "arrow-button-left" | "arrow-button-right" | "arrow-button-up-2" | "arrow-button-up" | "arrow-circle-right" | "arrow-corner-right" | "arrow-down-1" | "arrow-left-1" | "arrow-right-1" | "arrow-right-long" | "arrow-right" | "arrow-thick-circle-bottom-right-corner-2" | "arrow-thick-circle-right-2" | "arrow-thick-circle-top-right-corner-2" | "arrow-thick-down-2" | "arrow-thick-left-2" | "arrow-thick-right-2" | "arrow-thick-up-2" | "arrow-up-1" | "artboard-image-1" | "attachment" | "bag-shop" | "bin-1" | "bin-2" | "bin" | "bitly" | "bookmarks-1-alternate" | "bookmarks-1" | "bookmarks-document" | "boosting-dollar-icon" | "button-play" | "button-refresh-arrow" | "button-refresh-arrows" | "button-shuffle" | "button-stop-1" | "calendar-2022" | "calendar-3" | "calendar-add-1" | "calendar-setting" | "calendar" | "canva" | "certified-certificate" | "chargebee-official" | "chat-translate" | "check-1" | "check-2" | "check-circle-alternate" | "check-circle" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "cog-1" | "cog" | "common-file-double" | "common-file-stack-alternate" | "common-file-text-alternate" | "common-file-upload" | "competitors" | "computer-bug" | "content-pencil-write" | "controls-pause" | "controls-play-3" | "controls-play" | "conversation-chat-1-alternate" | "conversation-chat-1" | "copy-paste" | "country-targeting-active" | "country-targeting" | "credit-card-1-alternate" | "crown" | "cursor-double-click-3" | "custom-facebook-comment" | "custom-facebook-like" | "custom-facebook-reel-comment" | "custom-facebook-reel-like" | "custom-facebook-reel-share" | "custom-facebook-share" | "custom-inbox-post" | "custom-instagram-bookmark" | "custom-instagram-carousel" | "custom-instagram-comment" | "custom-instagram-like" | "custom-instagram-play" | "custom-instagram-reels" | "custom-instagram-share" | "custom-instagram-tags" | "custom-linkedin-comment" | "custom-linkedin-like" | "custom-linkedin-share" | "custom-pinterest-link" | "custom-pinterest-lock" | "custom-pinterest-more" | "custom-pinterest-share" | "custom-tiktok-comment" | "custom-tiktok-like" | "custom-tiktok-melody" | "custom-tiktok-share" | "custom-twitter-comment" | "custom-twitter-like" | "custom-twitter-retweet-full" | "custom-twitter-retweet" | "custom-twitter-share" | "data-file-bars-add" | "data-transfer-square-horizontal" | "data-transfer-vertical-bi-color-down" | "data-transfer-vertical-bi-color-up" | "data-transfer-vertical" | "delete-2-alternate" | "delete-no-circle" | "delete" | "design-file-text-alternate" | "desktop-computer-pc-1" | "dislike-1" | "dislike-alternate" | "dislike" | "download-bottom" | "drawer-download" | "drawer-open" | "earth-heart" | "earth-search" | "email-action-add" | "email-action-reply-alternate" | "email-action-reply" | "email-action-subtract" | "email-action-sync-1" | "envelope-letter" | "envelope" | "excel" | "expand-1" | "expand" | "external-link" | "facebook-official" | "facebook" | "famous-people-man-steve-jobs" | "fans-2022" | "faq-2022" | "fast-food-burger-drink" | "feature-icon-market" | "file-csv-1" | "filter-1" | "filter-2" | "flag-plain-2" | "flag-plain" | "flip-right" | "folder-add-alternate" | "folder-alternate" | "folder-empty" | "folder-media-alternate" | "folder-search-alternate" | "gauge-dashboard-alternate" | "gift-box" | "google-analytics-official" | "google-analytics" | "google-drive" | "google-icon" | "google-my-business-icon" | "google-my-business-official" | "google-official" | "group-of-posts" | "hash" | "hashtag" | "headphones-customer-support-human-1" | "headphones-customer-support-human" | "help-wheel" | "hourglass-alternate" | "house-chimney-1" | "hubspot-official" | "human-resources-search-men" | "hyperlink-3" | "icon-gif-search" | "icon-gif" | "icon-product-error" | "ig-grid" | "ig-reel" | "ig-story" | "image-file-bmp" | "image-file-gif" | "image-file-jpg" | "image-file-landscape-2" | "image-file-landscape" | "image-file-png" | "inbox-2022" | "information-circle" | "information" | "instagram-outline" | "instagram-sticker-link" | "instagram-user" | "instagram" | "iris-scan-approved" | "keyboard-3" | "keyboard-arrow-bottom-right" | "keyboard-arrow-right" | "keyboard-arrow-top-right" | "keyword" | "language-targeting-active" | "language-targeting" | "layers-hide" | "layers-show" | "layout-3" | "layout-agenda" | "layout-bullets" | "layout-module-1" | "layout-module" | "layout-top-1" | "library-2022" | "light-bulb" | "like-1" | "like-alternate" | "like" | "linkedin-official" | "linkedin" | "list-bullets" | "listening-2022" | "lock-password" | "logout-1-alternate" | "logout-2" | "love-it-alternate-bold" | "love-it-alternate" | "love-it-circle" | "love-it" | "maximize" | "meetings-camera" | "megaphone" | "mention" | "messages-bubble-alternate" | "messages-bubble-dot" | "messages-bubble-empty-alternate" | "messages-bubble-forward" | "messages-bubble-graph" | "messages-bubble-question-alternate" | "messages-bubble-square-menu-alternate" | "messages-bubble-square-text" | "messages-bubble" | "microsoft-icon" | "microsoft-official" | "minimize" | "mobile-phone" | "module-three-1" | "money-wallet-open" | "move-to-bottom" | "multiple-man-1" | "multiple-users-1" | "natural-disaster-hurricane-radar-1" | "navigation-menu-horizontal-1-alternate" | "navigation-menu-horizontal" | "navigation-menu-vertical" | "network-search" | "notes-add" | "notes-book-text" | "notes-paper-approve" | "notes-paper-text-2" | "notes-paper" | "notes-text-flip-3" | "notif-2022" | "office-outdoors" | "open-new-tab" | "open-quote" | "organization-2" | "organization" | "original-sound" | "paginate-filter-picture" | "paginate-filter-plus" | "payment-paypal" | "pencil-1" | "pencil-2" | "pencil-write-2-alternate" | "people-man-graduate" | "performance-increase" | "phone-ring-1" | "picture-landscape" | "picture-polaroid-landscape" | "picture-stack-landscape" | "pin-active" | "pin-location" | "pin" | "pinterest-icon" | "pinterest-official" | "planhat-official" | "plant-2" | "powerpoint" | "premium-star" | "publishing-2022" | "publishing-list-2022" | "question-circle" | "rating-star" | "read-email-at-alternate" | "remove-bold" | "remove-circle-bold-alternate-3" | "remove-circle-bold-alternate" | "remove-circle" | "reports-2022" | "repost" | "roi-2022" | "rotate-back" | "salesforce-official" | "search-alternate" | "send-email-2-alternate" | "send-email-3" | "send-email-4" | "send-for-approval" | "sentiment-negative" | "sentiment-neutral" | "sentiment-positive" | "sentiment-undefined" | "settings-slider-alternate-1" | "settings-vertical" | "share" | "shared-calendar" | "shorten" | "show-theater-mask-happy" | "single-man" | "single-neutral-actions-add" | "single-neutral" | "single-post" | "small-arrow-down" | "small-arrow-left" | "small-arrow-right" | "small-arrow-up" | "small-caps" | "smiley-happy-alternate-custom" | "smiley-happy-alternate" | "social-media-retweet-alternate" | "social-media-retweet" | "social-profile-smartphone-add" | "space-rocket-flying" | "sparkles" | "subtitle" | "subtract" | "synchronize-arrow-clock" | "synchronize-arrows-1" | "tags-add-alternate" | "tags-alternate-active" | "tags-alternate" | "taking-pictures-circle-alternate-active" | "taking-pictures-circle-alternate" | "taking-videos-circle-alternate-active" | "taking-videos-circle-alternate" | "task-checklist-check" | "task-list-clock" | "task-list-multiple" | "tiktok-official" | "tiktok-white-official" | "time-clock-circle-1-alternate" | "time-clock-circle-alternate" | "time-clock-circle" | "tools-wrench-2" | "toys-ball" | "trends-hot-flame" | "twitter-circle" | "twitter-link-placeholder" | "twitter-official" | "twitter-plus-official" | "twitter" | "union" | "upload-bottom" | "upload-button" | "user-delete" | "variable" | "vectors-anchor-square-alternate" | "video-file-avi" | "video-file-disable" | "video-file-flv" | "video-file-m-4-v" | "video-file-mov" | "video-file-mp-4" | "video-file-mpg" | "video-file-play-alternate" | "view-alternate" | "view-off-alternate" | "view-off-full" | "view-off" | "view-on-full" | "view-on" | "view" | "vintage-tv" | "volume-control-full" | "volume-control-off" | "web-blogs" | "web-news" | "wifi-signal-4" | "x-official" | "x-plus-official" | "x-white-official" | "youtube-official" | "youtube" | "instagram-official" | "instagram-story-custom";
+        [k: number]: string;
     };
     constructor(snackbarsThreadService: SnackbarsThreadService, symbolRegistry: SymbolRegistry, router: Router);
     remove(id: string): void;