@agorapulse/ui-components 18.0.0-beta.8 → 18.0.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 { 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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"}
+{"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, apClose, 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, apClose]);\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        [class.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            [class.disabled]=\"disabled\"\n            (click)=\"onValueChange()\">\n            <div class=\"knob\">\n                <ap-symbol\n                    [class.checked]=\"checked\"\n                    [symbolId]=\"checked ? 'check' : 'close'\"\n                />\n            </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/fesm2022/agorapulse-ui-components.mjs

@@ -8,13 +8,13 @@ import { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';
 export { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';
 import { DatepickerComponent } from '@agorapulse/ui-components/datepicker';
 export { DatepickerComponent, DatepickerMode } from '@agorapulse/ui-components/datepicker';
-import { EllipsisDirective, DefaultImageDirective, FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective, AutosizeTextareaDirective } from '@agorapulse/ui-components/directives';
+import { EllipsisDirective, AutosizeTextareaDirective, DefaultImageDirective, FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective } from '@agorapulse/ui-components/directives';
 export { AutosizeTextareaDirective, DefaultImageDirective, EllipsisDirective, EqualValidatorDirective, FrozenGifDirective, MultiStyleTextDirective } from '@agorapulse/ui-components/directives';
 import { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';
 export { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';
 import { InfoboxComponent } from '@agorapulse/ui-components/infobox';
 export { InfoboxComponent } from '@agorapulse/ui-components/infobox';
-import { LabelListComponent, LabelComponent } from '@agorapulse/ui-components/labels';
+import { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';
 export { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';
 import { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';
 export { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "18.0.0-beta.8",
+  "version": "18.0.0",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -12,9 +12,9 @@
   },
   "homepage": "https://github.com/agorapulse/design",
   "peerDependencies": {
-    "@agorapulse/ui-symbol": "18.0.0-beta.8",
-    "@agorapulse/ui-theme": "18.0.0-beta.8",
-    "@agorapulse/ui-animations": "18.0.0-beta.8",
+    "@agorapulse/ui-symbol": "18.0.0",
+    "@agorapulse/ui-theme": "18.0.0",
+    "@agorapulse/ui-animations": "18.0.0",
     "@angular/cdk": "18.2.9",
     "@angular/common": "18.2.9",
     "@angular/core": "18.2.9",
@@ -49,29 +49,29 @@
       "esm": "./esm2022/autocomplete/agorapulse-ui-components-autocomplete.mjs",
       "default": "./fesm2022/agorapulse-ui-components-autocomplete.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
-      "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "esm2022": "./esm2022/button/agorapulse-ui-components-button.mjs",
       "esm": "./esm2022/button/agorapulse-ui-components-button.mjs",
       "default": "./fesm2022/agorapulse-ui-components-button.mjs"
     },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "esm2022": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
+      "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",
-      "esm": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-confirm-modal.mjs"
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "esm": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-avatar.mjs"
     },
     "./counter": {
       "types": "./counter/index.d.ts",
@@ -79,11 +79,11 @@
       "esm": "./esm2022/counter/agorapulse-ui-components-counter.mjs",
       "default": "./fesm2022/agorapulse-ui-components-counter.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "esm2022": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
-      "esm": "./esm2022/checkbox/agorapulse-ui-components-checkbox.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-checkbox.mjs"
+    "./confirm-modal": {
+      "types": "./confirm-modal/index.d.ts",
+      "esm2022": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
+      "esm": "./esm2022/confirm-modal/agorapulse-ui-components-confirm-modal.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-confirm-modal.mjs"
     },
     "./datepicker": {
       "types": "./datepicker/index.d.ts",
@@ -169,18 +169,18 @@
       "esm": "./esm2022/modal/agorapulse-ui-components-modal.mjs",
       "default": "./fesm2022/agorapulse-ui-components-modal.mjs"
     },
-    "./notification": {
-      "types": "./notification/index.d.ts",
-      "esm2022": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
-      "esm": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-notification.mjs"
-    },
     "./neo-datepicker": {
       "types": "./neo-datepicker/index.d.ts",
       "esm2022": "./esm2022/neo-datepicker/agorapulse-ui-components-neo-datepicker.mjs",
       "esm": "./esm2022/neo-datepicker/agorapulse-ui-components-neo-datepicker.mjs",
       "default": "./fesm2022/agorapulse-ui-components-neo-datepicker.mjs"
     },
+    "./notification": {
+      "types": "./notification/index.d.ts",
+      "esm2022": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
+      "esm": "./esm2022/notification/agorapulse-ui-components-notification.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-notification.mjs"
+    },
     "./paginator": {
       "types": "./paginator/index.d.ts",
       "esm2022": "./esm2022/paginator/agorapulse-ui-components-paginator.mjs",
@@ -205,54 +205,54 @@
       "esm": "./esm2022/popmenu/agorapulse-ui-components-popmenu.mjs",
       "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
     },
-    "./range-slider": {
-      "types": "./range-slider/index.d.ts",
-      "esm2022": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
-      "esm": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-range-slider.mjs"
-    },
     "./radio": {
       "types": "./radio/index.d.ts",
       "esm2022": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
       "esm": "./esm2022/radio/agorapulse-ui-components-radio.mjs",
       "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
     },
+    "./range-slider": {
+      "types": "./range-slider/index.d.ts",
+      "esm2022": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
+      "esm": "./esm2022/range-slider/agorapulse-ui-components-range-slider.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-range-slider.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "esm2022": "./esm2022/select/agorapulse-ui-components-select.mjs",
       "esm": "./esm2022/select/agorapulse-ui-components-select.mjs",
       "default": "./fesm2022/agorapulse-ui-components-select.mjs"
     },
-    "./slide-toggle": {
-      "types": "./slide-toggle/index.d.ts",
-      "esm2022": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
-      "esm": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-slide-toggle.mjs"
-    },
     "./snackbars-thread": {
       "types": "./snackbars-thread/index.d.ts",
       "esm2022": "./esm2022/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs",
       "esm": "./esm2022/snackbars-thread/agorapulse-ui-components-snackbars-thread.mjs",
       "default": "./fesm2022/agorapulse-ui-components-snackbars-thread.mjs"
     },
+    "./slide-toggle": {
+      "types": "./slide-toggle/index.d.ts",
+      "esm2022": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
+      "esm": "./esm2022/slide-toggle/agorapulse-ui-components-slide-toggle.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-slide-toggle.mjs"
+    },
     "./social-button": {
       "types": "./social-button/index.d.ts",
       "esm2022": "./esm2022/social-button/agorapulse-ui-components-social-button.mjs",
       "esm": "./esm2022/social-button/agorapulse-ui-components-social-button.mjs",
       "default": "./fesm2022/agorapulse-ui-components-social-button.mjs"
     },
-    "./split-button": {
-      "types": "./split-button/index.d.ts",
-      "esm2022": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
-      "esm": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
-    },
     "./status": {
       "types": "./status/index.d.ts",
       "esm2022": "./esm2022/status/agorapulse-ui-components-status.mjs",
       "esm": "./esm2022/status/agorapulse-ui-components-status.mjs",
       "default": "./fesm2022/agorapulse-ui-components-status.mjs"
     },
+    "./split-button": {
+      "types": "./split-button/index.d.ts",
+      "esm2022": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "esm": "./esm2022/split-button/agorapulse-ui-components-split-button.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-split-button.mjs"
+    },
     "./status-card": {
       "types": "./status-card/index.d.ts",
       "esm2022": "./esm2022/status-card/agorapulse-ui-components-status-card.mjs",
@@ -283,23 +283,17 @@
       "esm": "./esm2022/textarea/agorapulse-ui-components-textarea.mjs",
       "default": "./fesm2022/agorapulse-ui-components-textarea.mjs"
     },
-    "./toggle": {
-      "types": "./toggle/index.d.ts",
-      "esm2022": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
-      "esm": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-toggle.mjs"
-    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "esm2022": "./esm2022/tooltip/agorapulse-ui-components-tooltip.mjs",
       "esm": "./esm2022/tooltip/agorapulse-ui-components-tooltip.mjs",
       "default": "./fesm2022/agorapulse-ui-components-tooltip.mjs"
     },
-    "./legacy/input": {
-      "types": "./legacy/input/index.d.ts",
-      "esm2022": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
-      "esm": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
-      "default": "./fesm2022/agorapulse-ui-components-legacy-input.mjs"
+    "./toggle": {
+      "types": "./toggle/index.d.ts",
+      "esm2022": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
+      "esm": "./esm2022/toggle/agorapulse-ui-components-toggle.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-toggle.mjs"
     },
     "./legacy/select": {
       "types": "./legacy/select/index.d.ts",
@@ -307,6 +301,12 @@
       "esm": "./esm2022/legacy/select/agorapulse-ui-components-legacy-select.mjs",
       "default": "./fesm2022/agorapulse-ui-components-legacy-select.mjs"
     },
+    "./legacy/input": {
+      "types": "./legacy/input/index.d.ts",
+      "esm2022": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
+      "esm": "./esm2022/legacy/input/agorapulse-ui-components-legacy-input.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-legacy-input.mjs"
+    },
     "./legacy/textarea": {
       "types": "./legacy/textarea/index.d.ts",
       "esm2022": "./esm2022/legacy/textarea/agorapulse-ui-components-legacy-textarea.mjs",

package/phone-number-input/phone-number-input.component.d.ts

@@ -16,17 +16,18 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
     set errorsDisplayForced(errorsDisplayForced: boolean);
     flagsBucketUrl: string;
     set phoneNumberInfos(phoneNumberInfos: PhoneNumberInfo[]);
-    set initialCountryCode(initialCountryCode: string);
     codeNumberInfos: PhoneNumberInfo[];
+    countryCodeMappedPhoneNumberInfos: Record<string, PhoneNumberInfo>;
     name: string;
     placeholder: string;
     searchPlaceholder: string;
     set phoneNumber(phoneNumber: string);
     set phoneNumberCode(phoneNumberCode: string);
+    set initialCountryCode(initialCountryCode: string);
     changePhoneNumber: EventEmitter<string>;
     changePhoneNumberCode: EventEmitter<string>;
     formGroup: FormGroup<{
-        phoneNumberCode: FormControl<string | null>;
+        countryCode: FormControl<string | null>;
         phoneNumber: FormControl<string | null>;
     }>;
     onTouched: any;
@@ -43,6 +44,7 @@ export declare class PhoneNumberInputComponent implements ControlValueAccessor,
      * Filter the phone number input to only allow numbers
      */
     filterChars(event: InputEvent): void;
+    private findPhoneNumberInfoByCountryCode;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "initialCountryCode": { "alias": "initialCountryCode"; "required": false; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberInputComponent, "ap-phone-number-input", never, { "errorsDisplayForced": { "alias": "errorsDisplayForced"; "required": false; }; "flagsBucketUrl": { "alias": "flagsBucketUrl"; "required": true; }; "phoneNumberInfos": { "alias": "phoneNumberInfos"; "required": true; }; "name": { "alias": "name"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": true; }; "phoneNumber": { "alias": "phoneNumber"; "required": false; }; "phoneNumberCode": { "alias": "phoneNumberCode"; "required": false; }; "initialCountryCode": { "alias": "initialCountryCode"; "required": false; }; }, { "changePhoneNumber": "changePhoneNumber"; "changePhoneNumberCode": "changePhoneNumberCode"; }, never, never, true, never>;
 }

package/split-button/split-button.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, ElementRef, EventEmitter } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter } from '@angular/core';
 import { BaseButtonDirective } from '@agorapulse/ui-components/directives';
 import { SymbolComponent } from '@agorapulse/ui-symbol';
 import { MatMenu } from '@angular/material/menu';
@@ -8,7 +8,7 @@ type SplitButtonConfig = {
     style: 'primary';
     color: 'orange' | 'blue';
 };
-export declare class SplitButtonComponent implements AfterViewChecked {
+export declare class SplitButtonComponent implements AfterContentInit {
     private symbolRegistry;
     readonly baseButtonDirective: BaseButtonDirective;
     buttonElement: ElementRef<HTMLButtonElement>;
@@ -29,7 +29,7 @@ export declare class SplitButtonComponent implements AfterViewChecked {
     blur: EventEmitter<FocusEvent>;
     menuOpen: boolean;
     constructor();
-    ngAfterViewChecked(): void;
+    ngAfterContentInit(): void;
     onSplitButtonClickHandle($event: MouseEvent): void;
     handleMenuOpened(): void;
     handleMenuClosed(): void;