@agorapulse/ui-components 15.0.18 → 15.0.20

package/fesm2020/agorapulse-ui-components-split-button.mjs

@@ -0,0 +1,104 @@
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, SimpleChange, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, ContentChild, Output } from '@angular/core';
+import { CommonModule, NgIf } from '@angular/common';
+import { SymbolRegistry, apArrowDown1, SymbolComponent } from '@agorapulse/ui-symbol';
+import * as i1 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
+
+class SplitButtonComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.symbolRegistry = inject(SymbolRegistry);
+        this.disabled = false;
+        this.splitDisabled = false;
+        this.symbolPosition = 'right';
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.click = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.focus = new EventEmitter();
+        // eslint-disable-next-line @angular-eslint/no-output-native
+        this.blur = new EventEmitter();
+        this.menuOpened = new EventEmitter();
+        this.menuClosed = new EventEmitter();
+        this.menuOpen = false;
+        this.hostDataTest = elementRef.nativeElement.getAttribute('data-test');
+        this.symbolRegistry.registerSymbols([apArrowDown1]);
+    }
+    ngAfterViewChecked() {
+        if (this.symbolComponent) {
+            this.symbolComponent.size = 'micro';
+            this.symbolComponent.ngOnChanges({
+                size: new SimpleChange(null, this.symbolComponent.size, false),
+            });
+        }
+    }
+    onClickHandle($event) {
+        $event.stopImmediatePropagation();
+        this.buttonElement.nativeElement.blur();
+        this.click.emit($event);
+        this.focus.emit($event);
+    }
+    onSplitButtonClickHandle($event) {
+        $event.stopImmediatePropagation();
+    }
+    handleMenuOpened() {
+        this.menuOpened.emit();
+        this.menuOpen = true;
+        this.buttonElement.nativeElement.blur();
+        this.splitButtonElement.nativeElement.blur();
+    }
+    handleMenuClosed() {
+        this.menuClosed.emit();
+        this.menuOpen = false;
+        this.buttonElement.nativeElement.blur();
+        this.splitButtonElement.nativeElement.blur();
+    }
+}
+SplitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: SplitButtonComponent, isStandalone: true, selector: "ap-split-button[name]", inputs: { ariaLabel: "ariaLabel", config: "config", menuTrigger: "menuTrigger", disabled: "disabled", splitDisabled: "splitDisabled", name: "name", symbolPosition: "symbolPosition", splitButtonDataTest: "splitButtonDataTest" }, outputs: { click: "click", focus: "focus", blur: "blur", menuOpened: "menuOpened", menuClosed: "menuClosed" }, providers: [], queries: [{ propertyName: "symbolComponent", first: true, predicate: SymbolComponent, descendants: true }], viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true }, { propertyName: "splitButtonElement", first: true, predicate: ["splitButton"], descendants: true }], ngImport: i0, template: "<button\n    #button\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [class.inverse]=\"symbolPosition === 'left'\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    (click)=\"onClickHandle($event)\"\n    (focus)=\"focus.emit($event)\"\n    (blur)=\"blur.emit($event)\"\n>\n    <ng-content select=\"span\"></ng-content>\n    <ng-content select=\"ap-symbol\"></ng-content>\n</button>\n<button\n    #splitButton\n    #trigger=\"matMenuTrigger\"\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [disabled]=\"splitDisabled\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"splitDisabled.toString()\"\n    [attr.data-test]=\"splitButtonDataTest ?? name + '-split'\"\n    (click)=\"onSplitButtonClickHandle($event)\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    (menuClosed)=\"handleMenuClosed()\"\n    (menuOpened)=\"handleMenuOpened()\"\n>\n    <ap-symbol symbolId=\"arrow-down-1\"\n               size=\"nano\"\n               [class.opened]=\"menuOpen\"></ap-symbol>\n</button>\n", styles: ["ap-split-button{--loading-bar-width: 50px;display:inline-flex;gap:1px;position:relative}ap-split-button button{border:none;position:relative;padding:var(--comp-split-button-padding-horizontal) var(--comp-split-button-padding-vertical);overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}ap-split-button button.inverse{flex-direction:row-reverse}ap-split-button button:hover:not(:disabled):not(.loading){cursor:pointer}ap-split-button button:disabled{pointer-events:none}@media (hover: hover){ap-split-button button:focus:not(:disabled):not(:active):not(.loading){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px;z-index:10}}ap-split-button button span{font-size:var(--comp-split-button-text-size);font-family:var(--comp-split-button-text-font-family);line-height:var(--comp-split-button-text-line-height);font-weight:var(--comp-split-button-text-weight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ap-split-button button.loading{pointer-events:none}ap-split-button button.primary span,ap-split-button button.primary ap-symbol{color:var(--ref-color-white)}ap-split-button button.primary.orange{background:var(--ref-color-orange-100)}ap-split-button button.primary.orange:hover{background-color:var(--ref-color-orange-80)}ap-split-button button.primary.orange:active:not(:disabled){background-color:var(--ref-color-orange-60)}ap-split-button button.primary.orange:disabled{background-color:var(--ref-color-orange-20)}ap-split-button button.primary.orange.loading{background-color:var(--ref-color-orange-60)}ap-split-button button.primary.orange .loading-bar{background-color:var(--ref-color-orange-100)}ap-split-button button.primary.blue{background:var(--ref-color-electric-blue-100)}ap-split-button button.primary.blue:hover{background-color:var(--ref-color-electric-blue-80)}ap-split-button button.primary.blue:active:not(:disabled){background-color:var(--ref-color-electric-blue-60)}ap-split-button button.primary.blue:disabled{background-color:var(--ref-color-electric-blue-20)}ap-split-button button.primary.blue.loading{background-color:var(--ref-color-electric-blue-60)}ap-split-button button.primary.blue .loading-bar{background-color:var(--ref-color-electric-blue-100)}ap-split-button button:first-child{border-top-left-radius:var(--comp-split-button-border-radius);border-bottom-left-radius:var(--comp-split-button-border-radius)}ap-split-button button:last-child{border-top-right-radius:var(--comp-split-button-border-radius);border-bottom-right-radius:var(--comp-split-button-border-radius);padding:var(--comp-split-button-padding-horizontal) 10px var(--comp-split-button-padding-horizontal) 10px}ap-split-button button ap-symbol{will-change:transform;transition:.2s ease-in-out}ap-split-button button ap-symbol.opened{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: SplitButtonComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-split-button[name]', standalone: true, imports: [NgIf, SymbolComponent, CommonModule, MatMenuModule], providers: [], encapsulation: ViewEncapsulation.None, template: "<button\n    #button\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [class.inverse]=\"symbolPosition === 'left'\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    (click)=\"onClickHandle($event)\"\n    (focus)=\"focus.emit($event)\"\n    (blur)=\"blur.emit($event)\"\n>\n    <ng-content select=\"span\"></ng-content>\n    <ng-content select=\"ap-symbol\"></ng-content>\n</button>\n<button\n    #splitButton\n    #trigger=\"matMenuTrigger\"\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [disabled]=\"splitDisabled\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"splitDisabled.toString()\"\n    [attr.data-test]=\"splitButtonDataTest ?? name + '-split'\"\n    (click)=\"onSplitButtonClickHandle($event)\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    (menuClosed)=\"handleMenuClosed()\"\n    (menuOpened)=\"handleMenuOpened()\"\n>\n    <ap-symbol symbolId=\"arrow-down-1\"\n               size=\"nano\"\n               [class.opened]=\"menuOpen\"></ap-symbol>\n</button>\n", styles: ["ap-split-button{--loading-bar-width: 50px;display:inline-flex;gap:1px;position:relative}ap-split-button button{border:none;position:relative;padding:var(--comp-split-button-padding-horizontal) var(--comp-split-button-padding-vertical);overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}ap-split-button button.inverse{flex-direction:row-reverse}ap-split-button button:hover:not(:disabled):not(.loading){cursor:pointer}ap-split-button button:disabled{pointer-events:none}@media (hover: hover){ap-split-button button:focus:not(:disabled):not(:active):not(.loading){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px;z-index:10}}ap-split-button button span{font-size:var(--comp-split-button-text-size);font-family:var(--comp-split-button-text-font-family);line-height:var(--comp-split-button-text-line-height);font-weight:var(--comp-split-button-text-weight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ap-split-button button.loading{pointer-events:none}ap-split-button button.primary span,ap-split-button button.primary ap-symbol{color:var(--ref-color-white)}ap-split-button button.primary.orange{background:var(--ref-color-orange-100)}ap-split-button button.primary.orange:hover{background-color:var(--ref-color-orange-80)}ap-split-button button.primary.orange:active:not(:disabled){background-color:var(--ref-color-orange-60)}ap-split-button button.primary.orange:disabled{background-color:var(--ref-color-orange-20)}ap-split-button button.primary.orange.loading{background-color:var(--ref-color-orange-60)}ap-split-button button.primary.orange .loading-bar{background-color:var(--ref-color-orange-100)}ap-split-button button.primary.blue{background:var(--ref-color-electric-blue-100)}ap-split-button button.primary.blue:hover{background-color:var(--ref-color-electric-blue-80)}ap-split-button button.primary.blue:active:not(:disabled){background-color:var(--ref-color-electric-blue-60)}ap-split-button button.primary.blue:disabled{background-color:var(--ref-color-electric-blue-20)}ap-split-button button.primary.blue.loading{background-color:var(--ref-color-electric-blue-60)}ap-split-button button.primary.blue .loading-bar{background-color:var(--ref-color-electric-blue-100)}ap-split-button button:first-child{border-top-left-radius:var(--comp-split-button-border-radius);border-bottom-left-radius:var(--comp-split-button-border-radius)}ap-split-button button:last-child{border-top-right-radius:var(--comp-split-button-border-radius);border-bottom-right-radius:var(--comp-split-button-border-radius);padding:var(--comp-split-button-padding-horizontal) 10px var(--comp-split-button-padding-horizontal) 10px}ap-split-button button ap-symbol{will-change:transform;transition:.2s ease-in-out}ap-split-button button ap-symbol.opened{transform:rotate(180deg)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { ariaLabel: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], menuTrigger: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], splitDisabled: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], symbolPosition: [{
+                type: Input
+            }], splitButtonDataTest: [{
+                type: Input
+            }], buttonElement: [{
+                type: ViewChild,
+                args: ['button']
+            }], splitButtonElement: [{
+                type: ViewChild,
+                args: ['splitButton']
+            }], symbolComponent: [{
+                type: ContentChild,
+                args: [SymbolComponent]
+            }], click: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], menuOpened: [{
+                type: Output
+            }], menuClosed: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SplitButtonComponent };
+//# sourceMappingURL=agorapulse-ui-components-split-button.mjs.map

package/fesm2020/agorapulse-ui-components-split-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-split-button.mjs","sources":["../../../libs/ui-components/split-button/src/split-button.component.ts","../../../libs/ui-components/split-button/src/split-button.component.html","../../../libs/ui-components/split-button/src/agorapulse-ui-components-split-button.ts"],"sourcesContent":["import {\n    AfterViewChecked,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    inject,\n    Input,\n    Output,\n    SimpleChange,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {CommonModule, NgIf} from '@angular/common';\nimport {apArrowDown1, SymbolComponent, SymbolRegistry} from '@agorapulse/ui-symbol';\nimport {MatLegacyMenu} from '@angular/material/legacy-menu';\nimport {MatMenuModule} from '@angular/material/menu';\n\ntype SplitButtonConfig = {style: 'primary'; color: 'orange' | 'blue'};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-split-button[name]',\n    styleUrls: ['./split-button.component.scss'],\n    standalone: true,\n    imports: [NgIf, SymbolComponent, CommonModule, MatMenuModule],\n    providers: [],\n    templateUrl: './split-button.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class SplitButtonComponent implements AfterViewChecked {\n    private symbolRegistry: SymbolRegistry = inject(SymbolRegistry);\n    @Input() ariaLabel: string;\n    @Input() config: SplitButtonConfig;\n    @Input() menuTrigger: MatLegacyMenu;\n    @Input() disabled: boolean = false;\n    @Input() splitDisabled: boolean = false;\n    @Input() name: string;\n    @Input() symbolPosition: 'left' | 'right' = 'right';\n    @Input() splitButtonDataTest: string;\n\n    @ViewChild('button') buttonElement: ElementRef<HTMLButtonElement>;\n    @ViewChild('splitButton') splitButtonElement: ElementRef<HTMLButtonElement>;\n\n    @ContentChild(SymbolComponent) symbolComponent: SymbolComponent;\n\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() click: EventEmitter<MouseEvent> = new EventEmitter();\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() focus: EventEmitter<FocusEvent> = new EventEmitter();\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() blur: EventEmitter<FocusEvent> = new EventEmitter();\n    @Output() menuOpened: EventEmitter<void> = new EventEmitter();\n    @Output() menuClosed: EventEmitter<void> = new EventEmitter();\n\n    hostDataTest: string;\n    menuOpen = false;\n\n    constructor(private elementRef: ElementRef) {\n        this.hostDataTest = elementRef.nativeElement.getAttribute('data-test');\n        this.symbolRegistry.registerSymbols([apArrowDown1]);\n    }\n    ngAfterViewChecked(): void {\n        if (this.symbolComponent) {\n            this.symbolComponent.size = 'micro';\n            this.symbolComponent.ngOnChanges({\n                size: new SimpleChange(null, this.symbolComponent.size, false),\n            });\n        }\n    }\n\n    onClickHandle($event: MouseEvent): void {\n        $event.stopImmediatePropagation();\n        this.buttonElement.nativeElement.blur();\n        this.click.emit($event);\n        this.focus.emit($event);\n    }\n\n    onSplitButtonClickHandle($event: MouseEvent): void {\n        $event.stopImmediatePropagation();\n    }\n\n    handleMenuOpened(): void {\n        this.menuOpened.emit();\n        this.menuOpen = true;\n        this.buttonElement.nativeElement.blur();\n        this.splitButtonElement.nativeElement.blur();\n    }\n\n    handleMenuClosed(): void {\n        this.menuClosed.emit();\n        this.menuOpen = false;\n        this.buttonElement.nativeElement.blur();\n        this.splitButtonElement.nativeElement.blur();\n    }\n}\n","<button\n    #button\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [class.inverse]=\"symbolPosition === 'left'\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    (click)=\"onClickHandle($event)\"\n    (focus)=\"focus.emit($event)\"\n    (blur)=\"blur.emit($event)\"\n>\n    <ng-content select=\"span\"></ng-content>\n    <ng-content select=\"ap-symbol\"></ng-content>\n</button>\n<button\n    #splitButton\n    #trigger=\"matMenuTrigger\"\n    [class.primary]=\"config.style === 'primary'\"\n    [class.orange]=\"config.color === 'orange'\"\n    [class.blue]=\"config.color === 'blue'\"\n    [disabled]=\"splitDisabled\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"splitDisabled.toString()\"\n    [attr.data-test]=\"splitButtonDataTest ?? name + '-split'\"\n    (click)=\"onSplitButtonClickHandle($event)\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    (menuClosed)=\"handleMenuClosed()\"\n    (menuOpened)=\"handleMenuOpened()\"\n>\n    <ap-symbol symbolId=\"arrow-down-1\"\n               size=\"nano\"\n               [class.opened]=\"menuOpen\"></ap-symbol>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/agorapulse-ui-components-toggle.mjs

@@ -0,0 +1,146 @@
+import * as i0 from '@angular/core';
+import { forwardRef, inject, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, Output } from '@angular/core';
+import { CommonModule, NgIf } from '@angular/common';
+import { SymbolRegistry, apCheck2, SymbolComponent } from '@agorapulse/ui-symbol';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+
+const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => ToggleComponent),
+    multi: true,
+};
+class ToggleComponent {
+    constructor() {
+        this.symbolRegistry = inject(SymbolRegistry);
+        this.ariaLabel = '';
+        this.ariaLabelledby = null;
+        this.labelPosition = 'right';
+        // eslint-disable-next-line
+        this.change = new EventEmitter();
+        this.hasLabel = false;
+    }
+    set name(name) {
+        if (!name.endsWith('Checkbox')) {
+            this._name = name + 'Checkbox';
+        }
+    }
+    get name() {
+        return this._name;
+    }
+    ngOnChanges() {
+        if (this.labelElement) {
+            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();
+        }
+    }
+    ngOnInit() {
+        this.symbolRegistry.registerSymbols([
+            apCheck2
+        ]);
+    }
+    ngAfterContentInit() {
+        if (this.labelElement) {
+            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();
+        }
+    }
+    onValueChange() {
+        if (this.onTouched) {
+            this.onTouched();
+        }
+        if (!this.disabled) {
+            this.checked = !this.checked;
+            this.focus();
+            this.change.emit(this.checked);
+            if (this._controlValueAccessorChangeFn) {
+                this._controlValueAccessorChangeFn(this.checked);
+            }
+            // Assigning the value again here is redundant, but we have to do it in case it was
+            // changed inside the `change` listener which will cause the input to be out of sync.
+            if (this.inputElement) {
+                this.inputElement.nativeElement.checked = this.checked;
+            }
+        }
+    }
+    focus() {
+        this.inputElement.nativeElement.focus();
+    }
+    writeValue(value) {
+        this.checked = value;
+    }
+    registerOnChange(fn) {
+        this._controlValueAccessorChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    validate({ value }) {
+        return !value && {
+            invalid: true
+        };
+    }
+    _preventBubblingFromLabel(event) {
+        if (!!event.target && this.labelElement.nativeElement.contains(event.target)) {
+            event.stopPropagation();
+        }
+    }
+}
+ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: ToggleComponent, isStandalone: true, selector: "ap-toggle[name]", inputs: { ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], labelPosition: "labelPosition", disabled: "disabled", checked: "checked", required: "required", name: "name" }, outputs: { change: "change" }, providers: [
+        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,
+        {
+            provide: NG_VALIDATORS,
+            useExisting: ToggleComponent,
+            multi: true
+        }
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"toggle\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <input #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    >\n    <div class=\"switch-container\"\n         [class.label-left]=\"labelPosition === 'left'\"\n    >\n        <div class=\"switch\"\n             [class.checked]=\"checked\"\n             (click)=\"onValueChange()\"\n        >\n            <div class=\"knob\"></div>\n        </div>\n        <label\n            #label\n            [class.disabled]=\"disabled\"\n            [for]=\"name\"\n        >\n            <ng-content></ng-content>\n        </label>\n    </div>\n</div>\n", styles: ["ap-toggle{position:relative}ap-toggle .toggle{display:flex;gap:8px;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);line-height:var(--sys-text-style-body-line-height);color:var(--ref-color-grey-100)}ap-toggle .toggle input.hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}ap-toggle .toggle input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}@media (hover: hover){ap-toggle .toggle input[type=checkbox]:focus:not(.disabled)~.switch-container .switch{outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-toggle .toggle input[type=checkbox]:disabled~.switch-container .switch{background:var(--ref-color-grey-20);pointer-events:none;cursor:default}ap-toggle .toggle .switch-container{display:flex;gap:var(--ref-spacing-xs);align-items:center}ap-toggle .toggle .switch-container.label-left{flex-direction:row-reverse}ap-toggle .toggle .switch-container .switch{box-sizing:content-box;position:relative;display:flex;align-items:center;padding:2px;width:28px;height:12px;border-radius:16px;background:var(--ref-color-grey-40);transition:background-color .25s}ap-toggle .toggle .switch-container .switch:hover{cursor:pointer;background:var(--ref-color-grey-60)}ap-toggle .toggle .switch-container .switch:active:not(.checked){background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked .knob{left:18px}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:white;border-radius:100%;position:absolute;transition:left .25s;left:2px}ap-toggle .toggle .switch-container label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-toggle .toggle .switch-container label:empty{display:none}ap-toggle .toggle .switch-container label.disabled{color:var(--ref-color-grey-60)}ap-toggle .toggle .switch-container label:hover:not(.disabled){cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ToggleComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-toggle[name]', standalone: true, imports: [
+                        NgIf,
+                        SymbolComponent,
+                        CommonModule
+                    ], providers: [
+                        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: ToggleComponent,
+                            multi: true
+                        }
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"toggle\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <input #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    >\n    <div class=\"switch-container\"\n         [class.label-left]=\"labelPosition === 'left'\"\n    >\n        <div class=\"switch\"\n             [class.checked]=\"checked\"\n             (click)=\"onValueChange()\"\n        >\n            <div class=\"knob\"></div>\n        </div>\n        <label\n            #label\n            [class.disabled]=\"disabled\"\n            [for]=\"name\"\n        >\n            <ng-content></ng-content>\n        </label>\n    </div>\n</div>\n", styles: ["ap-toggle{position:relative}ap-toggle .toggle{display:flex;gap:8px;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);line-height:var(--sys-text-style-body-line-height);color:var(--ref-color-grey-100)}ap-toggle .toggle input.hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}ap-toggle .toggle input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}@media (hover: hover){ap-toggle .toggle input[type=checkbox]:focus:not(.disabled)~.switch-container .switch{outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-toggle .toggle input[type=checkbox]:disabled~.switch-container .switch{background:var(--ref-color-grey-20);pointer-events:none;cursor:default}ap-toggle .toggle .switch-container{display:flex;gap:var(--ref-spacing-xs);align-items:center}ap-toggle .toggle .switch-container.label-left{flex-direction:row-reverse}ap-toggle .toggle .switch-container .switch{box-sizing:content-box;position:relative;display:flex;align-items:center;padding:2px;width:28px;height:12px;border-radius:16px;background:var(--ref-color-grey-40);transition:background-color .25s}ap-toggle .toggle .switch-container .switch:hover{cursor:pointer;background:var(--ref-color-grey-60)}ap-toggle .toggle .switch-container .switch:active:not(.checked){background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked .knob{left:18px}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:white;border-radius:100%;position:absolute;transition:left .25s;left:2px}ap-toggle .toggle .switch-container label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-toggle .toggle .switch-container label:empty{display:none}ap-toggle .toggle .switch-container label.disabled{color:var(--ref-color-grey-60)}ap-toggle .toggle .switch-container label:hover:not(.disabled){cursor:pointer}\n"] }]
+        }], propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], labelElement: [{
+                type: ViewChild,
+                args: ['label', { static: true }]
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledby: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], ariaDescribedby: [{
+                type: Input,
+                args: ['aria-describedby']
+            }], labelPosition: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AP_CHECKBOX_CONTROL_VALUE_ACCESSOR, ToggleComponent };
+//# sourceMappingURL=agorapulse-ui-components-toggle.mjs.map

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

@@ -0,0 +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    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef, inject,\n    Input,\n    OnChanges, OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from \"@angular/core\";\nimport {CommonModule, NgIf} from \"@angular/common\";\nimport {apCheck2, SymbolComponent, SymbolRegistry} from \"@agorapulse/ui-symbol\";\nimport {ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR} from \"@angular/forms\";\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[name]',\n    styleUrls: ['./toggle.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        SymbolComponent,\n        CommonModule\n    ],\n    providers: [\n        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: ToggleComponent,\n            multi: true\n        }\n    ],\n    templateUrl: './toggle.component.html',\n    encapsulation: ViewEncapsulation.None\n})\nexport class ToggleComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit {\n\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    @ViewChild('input', { static: true }) inputElement: ElementRef<HTMLInputElement>;\n    @ViewChild('label', { static: true }) labelElement: ElementRef<HTMLInputElement>;\n    @Input('aria-label') ariaLabel: string = '';\n    @Input('aria-labelledby') ariaLabelledby: string | null = null;\n    @Input('aria-describedby') ariaDescribedby: string;\n    @Input() labelPosition: 'left' | 'right' = 'right';\n    @Input() disabled: boolean;\n    @Input() checked: boolean;\n    @Input() required: boolean;\n    @Input() set name(name: string) {\n        if (!name.endsWith('Checkbox')) {\n            this._name = name + 'Checkbox';\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: string;\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([\n            apCheck2\n        ]);\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.onTouched) {\n            this.onTouched();\n        }\n        if (!this.disabled) {\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        }\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 !value && {\n            invalid: true\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}\n","<div class=\"toggle\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <input #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    >\n    <div class=\"switch-container\"\n         [class.label-left]=\"labelPosition === 'left'\"\n    >\n        <div class=\"switch\"\n             [class.checked]=\"checked\"\n             (click)=\"onValueChange()\"\n        >\n            <div class=\"knob\"></div>\n        </div>\n        <label\n            #label\n            [class.disabled]=\"disabled\"\n            [for]=\"name\"\n        >\n            <ng-content></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/fesm2020/agorapulse-ui-components.mjs

@@ -45,6 +45,9 @@ import { NgModule } from '@angular/core';
 import { MAT_LEGACY_TABS_CONFIG } from '@angular/material/legacy-tabs';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
+export { ToggleComponent } from '@agorapulse/ui-components/toggle';
+export { ButtonComponent } from '@agorapulse/ui-components/button';
+export { SocialButtonComponent } from '@agorapulse/ui-components/social-button';
 
 // Modules
 /**

package/fesm2020/agorapulse-ui-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport {AddCommentComponent} from '@agorapulse/ui-components/add-comment';\nimport {AvatarComponent} from '@agorapulse/ui-components/avatar';\nimport {ConfirmModalComponent} from '@agorapulse/ui-components/confirm-modal';\nimport {DatepickerComponent} from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nimport {DotsStepperComponent} from '@agorapulse/ui-components/dots-stepper';\nimport {InfoboxComponent} from '@agorapulse/ui-components/infobox';\nimport {LabelComponent, LabelListComponent} from '@agorapulse/ui-components/labels';\nimport {LabelsSelectorComponent} from '@agorapulse/ui-components/labels-selector';\nimport {MediaDisplayOverlayDialogComponent} from '@agorapulse/ui-components/media-display-overlay';\nimport {ModalComponent} from '@agorapulse/ui-components/modal';\nimport {DayDisabledPipe, NeoDatepickerComponent} from '@agorapulse/ui-components/neo-datepicker';\nimport {NotificationComponent} from '@agorapulse/ui-components/notification';\nimport {PaginatorButtonComponent, PaginatorComponent} from '@agorapulse/ui-components/paginator';\nimport {PasswordInputComponent} from '@agorapulse/ui-components/password-input';\nimport {PopmenuModule} from '@agorapulse/ui-components/popmenu';\nimport {SlideToggleComponent} from '@agorapulse/ui-components/slide-toggle';\nimport {SnackBarComponent} from '@agorapulse/ui-components/snackbar';\nimport {SnackbarsThreadComponent} from '@agorapulse/ui-components/snackbars-thread';\nimport {StepperComponent} from '@agorapulse/ui-components/stepper';\nimport {TooltipNeoComponent, TooltipNeoDirective} from '@agorapulse/ui-components/tooltip-neo';\nimport {NgModule} from '@angular/core';\nimport {MAT_LEGACY_TABS_CONFIG as MAT_TABS_CONFIG} from '@angular/material/legacy-tabs';\n\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        SnackBarComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        TooltipNeoComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        SlideToggleComponent,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipNeoDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        SnackBarComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipNeoDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        {provide: MAT_TABS_CONFIG, useValue: {animationDuration: '0ms'}},\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport {AgorapulseUiComponentsModule} from './src/lib/agorapulse-ui-components.module';\nexport {PopmenuModule} from '@agorapulse/ui-components/popmenu';\n\n// Directive\nexport {AutosizeTextareaDirective, DefaultImageDirective, EllipsisDirective,\n    FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective, TruncateTooltipDirective} from '@agorapulse/ui-components/directives';\nexport {PopmenuDirective} from '@agorapulse/ui-components/popmenu';\nexport {TooltipNeoDirective} from '@agorapulse/ui-components/tooltip-neo';\n\n// Component\nexport {AddCommentComponent} from '@agorapulse/ui-components/add-comment';\nexport {AvatarComponent} from '@agorapulse/ui-components/avatar';\nexport {StepperComponent} from '@agorapulse/ui-components/stepper';\nexport {ConfirmModalComponent} from '@agorapulse/ui-components/confirm-modal';\nexport {DatepickerComponent, DatepickerMode, I18nDatePicker, Period} from '@agorapulse/ui-components/datepicker';\nexport {NeoDatepickerComponent, NeoDatePickerStartsOn, NeoDatePickerMode, NeoDatePickerLocale, DayDisabledPipe} from '@agorapulse/ui-components/neo-datepicker';\nexport {DotsStepperComponent} from '@agorapulse/ui-components/dots-stepper';\nexport {InfoboxComponent} from '@agorapulse/ui-components/infobox';\nexport {LabelComponent} from '@agorapulse/ui-components/labels';\nexport {LabelListComponent} from '@agorapulse/ui-components/labels';\nexport {LabelsSelectorComponent} from '@agorapulse/ui-components/labels-selector';\nexport {MediaDisplayOverlayDialogComponent} from '@agorapulse/ui-components/media-display-overlay';\nexport {ModalComponent, ModalConfig} from '@agorapulse/ui-components/modal';\nexport {PaginatorComponent} from '@agorapulse/ui-components/paginator';\nexport {PasswordInputComponent} from '@agorapulse/ui-components/password-input';\nexport {PopmenuComponent} from '@agorapulse/ui-components/popmenu';\nexport {SnackBarComponent} from '@agorapulse/ui-components/snackbar';\nexport {NotificationComponent} from '@agorapulse/ui-components/notification';\nexport {PaginatorButtonComponent} from '@agorapulse/ui-components/paginator';\nexport {SlideToggleComponent} from '@agorapulse/ui-components/slide-toggle';\nexport {SnackbarsThreadComponent} from '@agorapulse/ui-components/snackbars-thread';\nexport {CheckboxComponent} from '@agorapulse/ui-components/checkbox';\nexport {IconButtonComponent} from '@agorapulse/ui-components/icon-button';\n\n// Service\nexport {SnackbarsThreadService} from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport {Step} from '@agorapulse/ui-components/stepper';\nexport {ConfirmModalTexts} from '@agorapulse/ui-components/confirm-modal';\nexport {generateCodeStatus, CodeStatus, SnackbarsThreadBase, SnackbarTypeValues, externalSnackbarTypeAllowed} from '@agorapulse/ui-components/snackbars-thread';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MAT_TABS_CONFIG"],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport {AddCommentComponent} from '@agorapulse/ui-components/add-comment';\nimport {AvatarComponent} from '@agorapulse/ui-components/avatar';\nimport {ConfirmModalComponent} from '@agorapulse/ui-components/confirm-modal';\nimport {DatepickerComponent} from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nimport {DotsStepperComponent} from '@agorapulse/ui-components/dots-stepper';\nimport {InfoboxComponent} from '@agorapulse/ui-components/infobox';\nimport {LabelComponent, LabelListComponent} from '@agorapulse/ui-components/labels';\nimport {LabelsSelectorComponent} from '@agorapulse/ui-components/labels-selector';\nimport {MediaDisplayOverlayDialogComponent} from '@agorapulse/ui-components/media-display-overlay';\nimport {ModalComponent} from '@agorapulse/ui-components/modal';\nimport {DayDisabledPipe, NeoDatepickerComponent} from '@agorapulse/ui-components/neo-datepicker';\nimport {NotificationComponent} from '@agorapulse/ui-components/notification';\nimport {PaginatorButtonComponent, PaginatorComponent} from '@agorapulse/ui-components/paginator';\nimport {PasswordInputComponent} from '@agorapulse/ui-components/password-input';\nimport {PopmenuModule} from '@agorapulse/ui-components/popmenu';\nimport {SlideToggleComponent} from '@agorapulse/ui-components/slide-toggle';\nimport {SnackBarComponent} from '@agorapulse/ui-components/snackbar';\nimport {SnackbarsThreadComponent} from '@agorapulse/ui-components/snackbars-thread';\nimport {StepperComponent} from '@agorapulse/ui-components/stepper';\nimport {TooltipNeoComponent, TooltipNeoDirective} from '@agorapulse/ui-components/tooltip-neo';\nimport {NgModule} from '@angular/core';\nimport {MAT_LEGACY_TABS_CONFIG as MAT_TABS_CONFIG} from '@angular/material/legacy-tabs';\n\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        SnackBarComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        TooltipNeoComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        SlideToggleComponent,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipNeoDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        SnackBarComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipNeoDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        {provide: MAT_TABS_CONFIG, useValue: {animationDuration: '0ms'}},\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport {AgorapulseUiComponentsModule} from './src/lib/agorapulse-ui-components.module';\nexport {PopmenuModule} from '@agorapulse/ui-components/popmenu';\n\n// Directive\nexport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    FrozenGifDirective,\n    EqualValidatorDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nexport {PopmenuDirective} from '@agorapulse/ui-components/popmenu';\nexport {TooltipNeoDirective} from '@agorapulse/ui-components/tooltip-neo';\n\n// Component\nexport {AddCommentComponent} from '@agorapulse/ui-components/add-comment';\nexport {AvatarComponent} from '@agorapulse/ui-components/avatar';\nexport {StepperComponent} from '@agorapulse/ui-components/stepper';\nexport {ConfirmModalComponent} from '@agorapulse/ui-components/confirm-modal';\nexport {DatepickerComponent, DatepickerMode, I18nDatePicker, Period} from '@agorapulse/ui-components/datepicker';\nexport {\n    NeoDatepickerComponent,\n    NeoDatePickerStartsOn,\n    NeoDatePickerMode,\n    NeoDatePickerLocale,\n    DayDisabledPipe,\n} from '@agorapulse/ui-components/neo-datepicker';\nexport {DotsStepperComponent} from '@agorapulse/ui-components/dots-stepper';\nexport {InfoboxComponent} from '@agorapulse/ui-components/infobox';\nexport {LabelComponent} from '@agorapulse/ui-components/labels';\nexport {LabelListComponent} from '@agorapulse/ui-components/labels';\nexport {LabelsSelectorComponent} from '@agorapulse/ui-components/labels-selector';\nexport {MediaDisplayOverlayDialogComponent} from '@agorapulse/ui-components/media-display-overlay';\nexport {ModalComponent, ModalConfig} from '@agorapulse/ui-components/modal';\nexport {PaginatorComponent} from '@agorapulse/ui-components/paginator';\nexport {PasswordInputComponent} from '@agorapulse/ui-components/password-input';\nexport {PopmenuComponent} from '@agorapulse/ui-components/popmenu';\nexport {SnackBarComponent} from '@agorapulse/ui-components/snackbar';\nexport {NotificationComponent} from '@agorapulse/ui-components/notification';\nexport {PaginatorButtonComponent} from '@agorapulse/ui-components/paginator';\nexport {SlideToggleComponent} from '@agorapulse/ui-components/slide-toggle';\nexport {SnackbarsThreadComponent} from '@agorapulse/ui-components/snackbars-thread';\nexport {CheckboxComponent} from '@agorapulse/ui-components/checkbox';\nexport {IconButtonComponent} from '@agorapulse/ui-components/icon-button';\nexport {ToggleComponent} from '@agorapulse/ui-components/toggle';\nexport {ButtonComponent} from '@agorapulse/ui-components/button';\nexport {SocialButtonComponent} from '@agorapulse/ui-components/social-button';\n\n// Service\nexport {SnackbarsThreadService} from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport {Step} from '@agorapulse/ui-components/stepper';\nexport {ConfirmModalTexts} from '@agorapulse/ui-components/confirm-modal';\nexport {\n    generateCodeStatus,\n    CodeStatus,\n    SnackbarsThreadBase,\n    SnackbarTypeValues,\n    externalSnackbarTypeAllowed,\n} from '@agorapulse/ui-components/snackbars-thread';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MAT_TABS_CONFIG"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { AfterContentInit, ElementRef, EventEmitter } from "@angular/core";
-import { SymbolComponent, SymbolRegistry } from "@agorapulse/ui-symbol";
+import { AfterContentInit, ElementRef, EventEmitter } from '@angular/core';
+import { SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';
 import * as i0 from "@angular/core";
 export type ButtonType = 'flat' | 'stroked-transparent' | 'stroked';
 export type ButtonColor = 'none' | 'blue' | 'red' | 'green';
@@ -19,11 +19,13 @@ export declare class IconButtonComponent implements AfterContentInit {
     onFocus: EventEmitter<FocusEvent>;
     onBlur: EventEmitter<FocusEvent>;
     symbolComponent: SymbolComponent;
+    buttonElement: ElementRef<HTMLButtonElement>;
     private _loading;
     private _locked;
     hostDataTest: string;
     constructor(symbolRegistry: SymbolRegistry, elementRef: ElementRef);
     ngAfterContentInit(): void;
+    onClickHandle($event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "ap-icon-button", never, { "ariaLabel": "ariaLabel"; "name": "name"; "color": "color"; "disabled": "disabled"; "locked": "locked"; "loading": "loading"; "type": "type"; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, ["symbolComponent"], ["*"], true, never>;
 }

package/index.d.ts

@@ -1,6 +1,6 @@
 export { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';
 export { PopmenuModule } from '@agorapulse/ui-components/popmenu';
-export { AutosizeTextareaDirective, DefaultImageDirective, EllipsisDirective, FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective, TruncateTooltipDirective } from '@agorapulse/ui-components/directives';
+export { AutosizeTextareaDirective, DefaultImageDirective, EllipsisDirective, FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective, TruncateTooltipDirective, } from '@agorapulse/ui-components/directives';
 export { PopmenuDirective } from '@agorapulse/ui-components/popmenu';
 export { TooltipNeoDirective } from '@agorapulse/ui-components/tooltip-neo';
 export { AddCommentComponent } from '@agorapulse/ui-components/add-comment';
@@ -8,7 +8,7 @@ export { AvatarComponent } from '@agorapulse/ui-components/avatar';
 export { StepperComponent } from '@agorapulse/ui-components/stepper';
 export { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';
 export { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';
-export { NeoDatepickerComponent, NeoDatePickerStartsOn, NeoDatePickerMode, NeoDatePickerLocale, DayDisabledPipe } from '@agorapulse/ui-components/neo-datepicker';
+export { NeoDatepickerComponent, NeoDatePickerStartsOn, NeoDatePickerMode, NeoDatePickerLocale, DayDisabledPipe, } from '@agorapulse/ui-components/neo-datepicker';
 export { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';
 export { InfoboxComponent } from '@agorapulse/ui-components/infobox';
 export { LabelComponent } from '@agorapulse/ui-components/labels';
@@ -26,7 +26,10 @@ export { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';
 export { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
+export { ToggleComponent } from '@agorapulse/ui-components/toggle';
+export { ButtonComponent } from '@agorapulse/ui-components/button';
+export { SocialButtonComponent } from '@agorapulse/ui-components/social-button';
 export { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';
 export { Step } from '@agorapulse/ui-components/stepper';
 export { ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';
-export { generateCodeStatus, CodeStatus, SnackbarsThreadBase, SnackbarTypeValues, externalSnackbarTypeAllowed } from '@agorapulse/ui-components/snackbars-thread';
+export { generateCodeStatus, CodeStatus, SnackbarsThreadBase, SnackbarTypeValues, externalSnackbarTypeAllowed, } from '@agorapulse/ui-components/snackbars-thread';

package/neo-datepicker/neo-datepicker.component.d.ts

@@ -8,7 +8,7 @@ import 'dayjs/locale/fr';
 import 'dayjs/locale/pt';
 import { DayDetail } from './day-detail.model';
 import { DayDisabledPipe } from './day-disabled.pipe';
-import { BehaviorSubject } from "rxjs";
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
 export type NeoDatePickerMode = 'single' | 'multiple';
 export type NeoDatePickerStartsOn = 'monday' | 'sunday';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "15.0.18",
+  "version": "15.0.20",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -59,6 +59,14 @@
       "node": "./fesm2015/agorapulse-ui-components-avatar.mjs",
       "default": "./fesm2020/agorapulse-ui-components-avatar.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2020": "./esm2020/button/agorapulse-ui-components-button.mjs",
+      "es2020": "./fesm2020/agorapulse-ui-components-button.mjs",
+      "es2015": "./fesm2015/agorapulse-ui-components-button.mjs",
+      "node": "./fesm2015/agorapulse-ui-components-button.mjs",
+      "default": "./fesm2020/agorapulse-ui-components-button.mjs"
+    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "esm2020": "./esm2020/checkbox/agorapulse-ui-components-checkbox.mjs",
@@ -211,6 +219,22 @@
       "node": "./fesm2015/agorapulse-ui-components-snackbars-thread.mjs",
       "default": "./fesm2020/agorapulse-ui-components-snackbars-thread.mjs"
     },
+    "./social-button": {
+      "types": "./social-button/index.d.ts",
+      "esm2020": "./esm2020/social-button/agorapulse-ui-components-social-button.mjs",
+      "es2020": "./fesm2020/agorapulse-ui-components-social-button.mjs",
+      "es2015": "./fesm2015/agorapulse-ui-components-social-button.mjs",
+      "node": "./fesm2015/agorapulse-ui-components-social-button.mjs",
+      "default": "./fesm2020/agorapulse-ui-components-social-button.mjs"
+    },
+    "./split-button": {
+      "types": "./split-button/index.d.ts",
+      "esm2020": "./esm2020/split-button/agorapulse-ui-components-split-button.mjs",
+      "es2020": "./fesm2020/agorapulse-ui-components-split-button.mjs",
+      "es2015": "./fesm2015/agorapulse-ui-components-split-button.mjs",
+      "node": "./fesm2015/agorapulse-ui-components-split-button.mjs",
+      "default": "./fesm2020/agorapulse-ui-components-split-button.mjs"
+    },
     "./stepper": {
       "types": "./stepper/index.d.ts",
       "esm2020": "./esm2020/stepper/agorapulse-ui-components-stepper.mjs",
@@ -227,6 +251,14 @@
       "node": "./fesm2015/agorapulse-ui-components-text-measurement.mjs",
       "default": "./fesm2020/agorapulse-ui-components-text-measurement.mjs"
     },
+    "./toggle": {
+      "types": "./toggle/index.d.ts",
+      "esm2020": "./esm2020/toggle/agorapulse-ui-components-toggle.mjs",
+      "es2020": "./fesm2020/agorapulse-ui-components-toggle.mjs",
+      "es2015": "./fesm2015/agorapulse-ui-components-toggle.mjs",
+      "node": "./fesm2015/agorapulse-ui-components-toggle.mjs",
+      "default": "./fesm2020/agorapulse-ui-components-toggle.mjs"
+    },
     "./tooltip-neo": {
       "types": "./tooltip-neo/index.d.ts",
       "esm2020": "./esm2020/tooltip-neo/agorapulse-ui-components-tooltip-neo.mjs",

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

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

package/social-button/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@agorapulse/ui-components/social-button" />
+export * from './public_api';

package/social-button/public_api.d.ts

@@ -0,0 +1 @@
+export * from './social-button.component';