@agorapulse/ui-components 18.0.5 → 18.0.7

package/fesm2022/agorapulse-ui-components-social-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-social-button.mjs","sources":["../../../libs/ui-components/social-button/src/social-button.component.ts","../../../libs/ui-components/social-button/src/social-button.component.html","../../../libs/ui-components/social-button/src/agorapulse-ui-components-social-button.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    inject,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { LoaderComponent } from '@agorapulse/ui-animations';\nimport { BaseButtonDirective } from '@agorapulse/ui-components/directives';\nimport {\n    apFacebook,\n    apInstagramOutline,\n    apLinkedin,\n    apLinkedinOfficial,\n    apPinterestIcon,\n    apPinterestOfficial,\n    apTiktokOfficial,\n    apTiktokWhiteOfficial,\n    apXOfficial,\n    apXWhiteOfficial,\n    apYoutube,\n    apYoutubeOfficial,\n    SymbolComponent,\n    SymbolRegistry,\n} from '@agorapulse/ui-symbol';\n\ntype Service =\n    | 'facebook'\n    | 'instagram'\n    | 'twitter'\n    | 'linkedin'\n    | 'youtube'\n    | 'tiktok'\n    | 'google'\n    | 'googleMyBusiness'\n    | 'microsoft'\n    | 'pinterest'\n    | 'X';\ntype SocialButtonType = 'default' | 'stroked';\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-social-button',\n    styleUrls: ['./social-button.component.scss'],\n    standalone: true,\n    imports: [SymbolComponent, LoaderComponent],\n    providers: [],\n    templateUrl: './social-button.component.html',\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [BaseButtonDirective],\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: {\n        '[attr.disabled]': 'disabled || null',\n    },\n})\nexport class SocialButtonComponent {\n    readonly baseButtonDirective: BaseButtonDirective = inject(BaseButtonDirective, { self: true });\n\n    @ViewChild('button') buttonElement!: ElementRef<HTMLButtonElement>;\n\n    @Input() ariaLabel = '';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled = false;\n    @Input({\n        required: true,\n    })\n    name = '';\n    @Input() loading = false;\n    @Input() network: Service = 'facebook';\n    @Input() buttonType: SocialButtonType = 'default';\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\n    symbolIdPerNetwork: Record<Service, Record<SocialButtonType, string>> = {\n        facebook: {\n            default: 'facebook',\n            stroked: 'facebook-official',\n        },\n        instagram: {\n            default: 'instagram-outline',\n            stroked: 'instagram-official',\n        },\n        twitter: {\n            default: 'x-white-official',\n            stroked: 'x-official',\n        },\n        X: {\n            default: 'x-white-official',\n            stroked: 'x-official',\n        },\n        linkedin: {\n            default: 'linkedin',\n            stroked: 'linkedin-official',\n        },\n        youtube: {\n            default: 'youtube',\n            stroked: 'youtube-official',\n        },\n        tiktok: {\n            default: 'tiktok-white-official',\n            stroked: 'tiktok-official',\n        },\n        google: {\n            default: 'google-icon',\n            stroked: 'google-official',\n        },\n        microsoft: {\n            default: 'microsoft-icon',\n            stroked: 'microsoft-official',\n        },\n        googleMyBusiness: {\n            default: 'google-my-business-icon',\n            stroked: 'google-my-business-official',\n        },\n        pinterest: {\n            default: 'pinterest-icon',\n            stroked: 'pinterest-official',\n        },\n    };\n\n    constructor(private symbolRegistry: SymbolRegistry) {\n        this.symbolRegistry.registerSymbols([\n            apFacebook,\n            apLinkedin,\n            apLinkedinOfficial,\n            apYoutubeOfficial,\n            apYoutube,\n            apInstagramOutline,\n            apTiktokOfficial,\n            apTiktokWhiteOfficial,\n            apPinterestIcon,\n            apPinterestOfficial,\n            apXOfficial,\n            apXWhiteOfficial,\n        ]);\n    }\n\n    focused: boolean = false;\n\n    onClickHandle($event: MouseEvent): void {\n        if (this.disabled || this.loading) {\n            return;\n        }\n        $event.stopImmediatePropagation();\n        this.click.emit($event);\n        this.buttonElement.nativeElement.blur();\n        this.blur.emit($event);\n    }\n\n    onBlurHandle($event: FocusEvent): void {\n        this.focused = false;\n        this.blur.emit($event);\n    }\n\n    onFocusHandle($event: FocusEvent): void {\n        this.focused = true;\n        this.focus.emit($event);\n    }\n\n    @HostListener('window:keyup.space', ['$event'])\n    onSpaceKeyUp(event: KeyboardEvent) {\n        if (this.focused && !this.disabled && !this.loading) {\n            event.preventDefault();\n            this.buttonElement.nativeElement.click();\n        }\n    }\n}\n","<button\n    #button\n    role=\"button\"\n    [class.stroked]=\"buttonType === 'stroked'\"\n    [class.facebook]=\"network === 'facebook'\"\n    [class.twitter]=\"network === 'twitter'\"\n    [class.x]=\"network === 'X'\"\n    [class.instagram]=\"network === 'instagram'\"\n    [class.linkedin]=\"network === 'linkedin'\"\n    [class.youtube]=\"network === 'youtube'\"\n    [class.tiktok]=\"network === 'tiktok'\"\n    [class.microsoft]=\"network === 'microsoft'\"\n    [class.google-my-business]=\"network === 'googleMyBusiness'\"\n    [class.google]=\"network === 'google'\"\n    [class.pinterest]=\"network === 'pinterest'\"\n    [class.loading]=\"loading\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [attr.id]=\"baseButtonDirective.hostId\"\n    [attr.data-test]=\"baseButtonDirective.hostDataTest ?? name\"\n    [attr.type]=\"baseButtonDirective.hostType\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"disabled.toString()\"\n    (click)=\"onClickHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (blur)=\"onBlurHandle($event)\">\n    @if (!loading) {\n        <ap-symbol\n            size=\"sm\"\n            [symbolId]=\"symbolIdPerNetwork[network][buttonType]\" />\n    }\n    @if (loading) {\n        <ap-loader\n            [color]=\"buttonType === 'default' ? 'white' : network\"\n            [diameter]=\"16\" />\n    }\n    <ng-content select=\"span\" />\n</button>\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-social-button.mjs","sources":["../../../libs/ui-components/social-button/src/social-button.component.ts","../../../libs/ui-components/social-button/src/social-button.component.html","../../../libs/ui-components/social-button/src/agorapulse-ui-components-social-button.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    inject,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { LoaderComponent } from '@agorapulse/ui-animations';\nimport { BaseButtonDirective } from '@agorapulse/ui-components/directives';\nimport {\n    apBluesky,\n    apBlueskyOfficial,\n    apFacebook,\n    apGoogleMyBusinessIcon,\n    apGoogleMyBusinessOfficial,\n    apInstagramOutline,\n    apLinkedin,\n    apLinkedinOfficial,\n    apPinterestIcon,\n    apPinterestOfficial,\n    apThreadsOfficial,\n    apThreadsWhiteOfficial,\n    apTiktokOfficial,\n    apTiktokWhiteOfficial,\n    apXOfficial,\n    apXWhiteOfficial,\n    apYoutube,\n    apYoutubeOfficial,\n    SymbolComponent,\n    SymbolRegistry,\n} from '@agorapulse/ui-symbol';\n\ntype Service =\n    | 'facebook'\n    | 'instagram'\n    | 'twitter'\n    | 'linkedin'\n    | 'youtube'\n    | 'tiktok'\n    | 'google'\n    | 'googleMyBusiness'\n    | 'microsoft'\n    | 'pinterest'\n    | 'X'\n    | 'threads'\n    | 'bluesky';\ntype SocialButtonType = 'default' | 'stroked';\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-social-button',\n    styleUrls: ['./social-button.component.scss'],\n    standalone: true,\n    imports: [SymbolComponent, LoaderComponent],\n    providers: [],\n    templateUrl: './social-button.component.html',\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [BaseButtonDirective],\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: {\n        '[attr.disabled]': 'disabled || null',\n    },\n})\nexport class SocialButtonComponent {\n    readonly baseButtonDirective: BaseButtonDirective = inject(BaseButtonDirective, { self: true });\n\n    @ViewChild('button') buttonElement!: ElementRef<HTMLButtonElement>;\n\n    @Input() ariaLabel = '';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled = false;\n    @Input({\n        required: true,\n    })\n    name = '';\n    @Input() loading = false;\n    @Input() network: Service = 'facebook';\n    @Input() buttonType: SocialButtonType = 'default';\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\n    symbolIdPerNetwork: Record<Service, Record<SocialButtonType, string>> = {\n        facebook: {\n            default: 'facebook',\n            stroked: 'facebook-official',\n        },\n        instagram: {\n            default: 'instagram-outline',\n            stroked: 'instagram-official',\n        },\n        twitter: {\n            default: 'x-white-official',\n            stroked: 'x-official',\n        },\n        X: {\n            default: 'x-white-official',\n            stroked: 'x-official',\n        },\n        linkedin: {\n            default: 'linkedin',\n            stroked: 'linkedin-official',\n        },\n        youtube: {\n            default: 'youtube',\n            stroked: 'youtube-official',\n        },\n        tiktok: {\n            default: 'tiktok-white-official',\n            stroked: 'tiktok-official',\n        },\n        google: {\n            default: 'google-icon',\n            stroked: 'google-official',\n        },\n        microsoft: {\n            default: 'microsoft-icon',\n            stroked: 'microsoft-official',\n        },\n        googleMyBusiness: {\n            default: 'google-my-business-icon',\n            stroked: 'google-my-business-official',\n        },\n        pinterest: {\n            default: 'pinterest-icon',\n            stroked: 'pinterest-official',\n        },\n        threads: {\n            default: 'threads-white-official',\n            stroked: 'threads-official',\n        },\n        bluesky: {\n            default: 'bluesky',\n            stroked: 'bluesky-official',\n        }\n    };\n\n    constructor(private symbolRegistry: SymbolRegistry) {\n        this.symbolRegistry.registerSymbols([\n            apFacebook,\n            apLinkedin,\n            apLinkedinOfficial,\n            apYoutubeOfficial,\n            apYoutube,\n            apInstagramOutline,\n            apTiktokOfficial,\n            apTiktokWhiteOfficial,\n            apPinterestIcon,\n            apPinterestOfficial,\n            apXOfficial,\n            apXWhiteOfficial,\n            apGoogleMyBusinessIcon,\n            apGoogleMyBusinessOfficial,\n            apThreadsOfficial,\n            apThreadsWhiteOfficial,\n            apBluesky,\n            apBlueskyOfficial\n        ]);\n    }\n\n    focused: boolean = false;\n\n    onClickHandle($event: MouseEvent): void {\n        if (this.disabled || this.loading) {\n            return;\n        }\n        $event.stopImmediatePropagation();\n        this.click.emit($event);\n        this.buttonElement.nativeElement.blur();\n        this.blur.emit($event);\n    }\n\n    onBlurHandle($event: FocusEvent): void {\n        this.focused = false;\n        this.blur.emit($event);\n    }\n\n    onFocusHandle($event: FocusEvent): void {\n        this.focused = true;\n        this.focus.emit($event);\n    }\n\n    @HostListener('window:keyup.space', ['$event'])\n    onSpaceKeyUp(event: KeyboardEvent) {\n        if (this.focused && !this.disabled && !this.loading) {\n            event.preventDefault();\n            this.buttonElement.nativeElement.click();\n        }\n    }\n}\n","<button\n    #button\n    role=\"button\"\n    [class.stroked]=\"buttonType === 'stroked'\"\n    [class.facebook]=\"network === 'facebook'\"\n    [class.twitter]=\"network === 'twitter'\"\n    [class.x]=\"network === 'X'\"\n    [class.instagram]=\"network === 'instagram'\"\n    [class.linkedin]=\"network === 'linkedin'\"\n    [class.youtube]=\"network === 'youtube'\"\n    [class.tiktok]=\"network === 'tiktok'\"\n    [class.microsoft]=\"network === 'microsoft'\"\n    [class.google-my-business]=\"network === 'googleMyBusiness'\"\n    [class.google]=\"network === 'google'\"\n    [class.pinterest]=\"network === 'pinterest'\"\n    [class.threads]=\"network === 'threads'\"\n    [class.bluesky]=\"network === 'bluesky'\"\n    [class.loading]=\"loading\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [attr.id]=\"baseButtonDirective.hostId\"\n    [attr.data-test]=\"baseButtonDirective.hostDataTest ?? name\"\n    [attr.type]=\"baseButtonDirective.hostType\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-disabled]=\"disabled.toString()\"\n    (click)=\"onClickHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (blur)=\"onBlurHandle($event)\">\n    @if (!loading) {\n        <ap-symbol\n            size=\"sm\"\n            [symbolId]=\"symbolIdPerNetwork[network][buttonType]\" />\n    }\n    @if (loading) {\n        <ap-loader\n            [color]=\"buttonType === 'default' ? 'white' : network\"\n            [diameter]=\"16\" />\n    }\n    <ng-content select=\"span\" />\n</button>\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-status-card.mjs

@@ -7,11 +7,11 @@ class StatusCardComponent {
     linkText;
     linkUrl;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: StatusCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: StatusCardComponent, isStandalone: true, selector: "ap-status-card", inputs: { color: "color", linkText: "linkText", linkUrl: "linkUrl" }, host: { properties: { "class": "this.color" } }, ngImport: i0, template: "<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n", styles: ["ap-status-card{--comp-icon-size: 16px;--comp-avatar-size: 16px;--comp-border-size: 1px;container:infobox/inline-size;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:100%;border-bottom-style:solid;border-bottom-width:var(--comp-border-size);padding:var(--comp-status-card-padding-horizontal) var(--comp-status-card-padding-vertical) calc(var(--comp-status-card-padding-horizontal) - var(--comp-border-size)) var(--comp-status-card-padding-vertical);gap:var(--comp-status-card-spacing-vertical);container:statuscard/inline-size}ap-status-card ap-symbol{height:var(--comp-icon-size);min-height:var(--comp-icon-size);max-height:var(--comp-icon-size);width:var(--comp-icon-size);min-width:var(--comp-icon-size);max-width:var(--comp-icon-size);align-self:flex-start}ap-status-card a.standalone{align-self:flex-start}ap-status-card.blue{background-color:var(--comp-status-card-blue-background-color);border-color:var(--comp-status-card-blue-border-color)}ap-status-card.blue ap-symbol{color:var(--comp-status-card-blue-icon-color)}ap-status-card.tagOrange{background-color:var(--comp-status-card-tag-orange-background-color);border-color:var(--comp-status-card-tag-orange-border-color)}ap-status-card.tagOrange ap-symbol{color:var(--comp-status-card-tag-orange-icon-color)}ap-status-card.green{background-color:var(--comp-status-card-green-background-color);border-color:var(--comp-status-card-green-border-color)}ap-status-card.green ap-symbol{color:var(--comp-status-card-green-icon-color)}ap-status-card.orange{background-color:var(--comp-status-card-orange-background-color);border-color:var(--comp-status-card-orange-border-color)}ap-status-card.orange ap-symbol{color:var(--comp-status-card-orange-icon-color)}ap-status-card.grey{background-color:var(--comp-status-card-grey-background-color);border-color:var(--comp-status-card-grey-border-color)}ap-status-card.grey ap-symbol{color:var(--comp-status-card-grey-icon-color)}ap-status-card.red{background-color:var(--comp-status-card-red-background-color);border-color:var(--comp-status-card-red-border-color)}ap-status-card.red ap-symbol{color:var(--comp-status-card-red-icon-color)}ap-status-card .upper{display:flex;align-items:center;justify-content:space-between;gap:var(--comp-status-card-spacing-horizontal)}ap-status-card .flow{display:flex;align-items:center;gap:var(--comp-status-card-content-spacing);flex:1;flex-wrap:wrap;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-card-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);line-height:var(--comp-status-card-text-style-line-height)}ap-status-card .flow ap-avatar{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow ap-avatar img{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow span{font-family:var(--comp-status-card-user-text-style-font-family);font-size:var(--comp-status-card-user-text-style-size);font-weight:var(--comp-status-card-user-text-style-font-weight);line-height:var(--comp-status-card-user-text-style-line-height)}ap-status-card p{margin:0;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);font-style:italic}@container statuscard (max-width: 170px){ap-status-card ap-avatar{display:none}}@container statuscard (max-width: 130px){ap-status-card ap-symbol{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: StatusCardComponent, isStandalone: true, selector: "ap-status-card", inputs: { color: "color", linkText: "linkText", linkUrl: "linkUrl" }, host: { properties: { "class": "this.color" } }, ngImport: i0, template: "<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone small\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n", styles: ["ap-status-card{--comp-icon-size: 16px;--comp-avatar-size: 16px;--comp-border-size: 1px;container:infobox/inline-size;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:100%;border-bottom-style:solid;border-bottom-width:var(--comp-border-size);padding:var(--comp-status-card-padding-horizontal) var(--comp-status-card-padding-vertical) calc(var(--comp-status-card-padding-horizontal) - var(--comp-border-size)) var(--comp-status-card-padding-vertical);gap:var(--comp-status-card-spacing-vertical);container:statuscard/inline-size}ap-status-card ap-symbol{height:var(--comp-icon-size);min-height:var(--comp-icon-size);max-height:var(--comp-icon-size);width:var(--comp-icon-size);min-width:var(--comp-icon-size);max-width:var(--comp-icon-size);align-self:flex-start}ap-status-card a.standalone{align-self:flex-start}ap-status-card.blue{background-color:var(--comp-status-card-blue-background-color);border-color:var(--comp-status-card-blue-border-color)}ap-status-card.blue ap-symbol{color:var(--comp-status-card-blue-icon-color)}ap-status-card.tagOrange{background-color:var(--comp-status-card-tag-orange-background-color);border-color:var(--comp-status-card-tag-orange-border-color)}ap-status-card.tagOrange ap-symbol{color:var(--comp-status-card-tag-orange-icon-color)}ap-status-card.green{background-color:var(--comp-status-card-green-background-color);border-color:var(--comp-status-card-green-border-color)}ap-status-card.green ap-symbol{color:var(--comp-status-card-green-icon-color)}ap-status-card.orange{background-color:var(--comp-status-card-orange-background-color);border-color:var(--comp-status-card-orange-border-color)}ap-status-card.orange ap-symbol{color:var(--comp-status-card-orange-icon-color)}ap-status-card.grey{background-color:var(--comp-status-card-grey-background-color);border-color:var(--comp-status-card-grey-border-color)}ap-status-card.grey ap-symbol{color:var(--comp-status-card-grey-icon-color)}ap-status-card.red{background-color:var(--comp-status-card-red-background-color);border-color:var(--comp-status-card-red-border-color)}ap-status-card.red ap-symbol{color:var(--comp-status-card-red-icon-color)}ap-status-card .upper{display:flex;align-items:center;justify-content:space-between;gap:var(--comp-status-card-spacing-horizontal)}ap-status-card .flow{display:flex;align-items:center;gap:var(--comp-status-card-content-spacing);flex:1;flex-wrap:wrap;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-card-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);line-height:var(--comp-status-card-text-style-line-height)}ap-status-card .flow ap-avatar{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow ap-avatar img{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow span{font-family:var(--comp-status-card-user-text-style-font-family);font-size:var(--comp-status-card-user-text-style-size);font-weight:var(--comp-status-card-user-text-style-font-weight);line-height:var(--comp-status-card-user-text-style-line-height)}ap-status-card p{margin:0;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);font-style:italic}@container statuscard (max-width: 170px){ap-status-card ap-avatar{display:none}}@container statuscard (max-width: 130px){ap-status-card ap-symbol{display:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: StatusCardComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-status-card', standalone: true, imports: [AvatarComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n", styles: ["ap-status-card{--comp-icon-size: 16px;--comp-avatar-size: 16px;--comp-border-size: 1px;container:infobox/inline-size;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:100%;border-bottom-style:solid;border-bottom-width:var(--comp-border-size);padding:var(--comp-status-card-padding-horizontal) var(--comp-status-card-padding-vertical) calc(var(--comp-status-card-padding-horizontal) - var(--comp-border-size)) var(--comp-status-card-padding-vertical);gap:var(--comp-status-card-spacing-vertical);container:statuscard/inline-size}ap-status-card ap-symbol{height:var(--comp-icon-size);min-height:var(--comp-icon-size);max-height:var(--comp-icon-size);width:var(--comp-icon-size);min-width:var(--comp-icon-size);max-width:var(--comp-icon-size);align-self:flex-start}ap-status-card a.standalone{align-self:flex-start}ap-status-card.blue{background-color:var(--comp-status-card-blue-background-color);border-color:var(--comp-status-card-blue-border-color)}ap-status-card.blue ap-symbol{color:var(--comp-status-card-blue-icon-color)}ap-status-card.tagOrange{background-color:var(--comp-status-card-tag-orange-background-color);border-color:var(--comp-status-card-tag-orange-border-color)}ap-status-card.tagOrange ap-symbol{color:var(--comp-status-card-tag-orange-icon-color)}ap-status-card.green{background-color:var(--comp-status-card-green-background-color);border-color:var(--comp-status-card-green-border-color)}ap-status-card.green ap-symbol{color:var(--comp-status-card-green-icon-color)}ap-status-card.orange{background-color:var(--comp-status-card-orange-background-color);border-color:var(--comp-status-card-orange-border-color)}ap-status-card.orange ap-symbol{color:var(--comp-status-card-orange-icon-color)}ap-status-card.grey{background-color:var(--comp-status-card-grey-background-color);border-color:var(--comp-status-card-grey-border-color)}ap-status-card.grey ap-symbol{color:var(--comp-status-card-grey-icon-color)}ap-status-card.red{background-color:var(--comp-status-card-red-background-color);border-color:var(--comp-status-card-red-border-color)}ap-status-card.red ap-symbol{color:var(--comp-status-card-red-icon-color)}ap-status-card .upper{display:flex;align-items:center;justify-content:space-between;gap:var(--comp-status-card-spacing-horizontal)}ap-status-card .flow{display:flex;align-items:center;gap:var(--comp-status-card-content-spacing);flex:1;flex-wrap:wrap;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-card-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);line-height:var(--comp-status-card-text-style-line-height)}ap-status-card .flow ap-avatar{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow ap-avatar img{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow span{font-family:var(--comp-status-card-user-text-style-font-family);font-size:var(--comp-status-card-user-text-style-size);font-weight:var(--comp-status-card-user-text-style-font-weight);line-height:var(--comp-status-card-user-text-style-line-height)}ap-status-card p{margin:0;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);font-style:italic}@container statuscard (max-width: 170px){ap-status-card ap-avatar{display:none}}@container statuscard (max-width: 130px){ap-status-card ap-symbol{display:none}}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-status-card', standalone: true, imports: [AvatarComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone small\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n", styles: ["ap-status-card{--comp-icon-size: 16px;--comp-avatar-size: 16px;--comp-border-size: 1px;container:infobox/inline-size;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-width:100%;border-bottom-style:solid;border-bottom-width:var(--comp-border-size);padding:var(--comp-status-card-padding-horizontal) var(--comp-status-card-padding-vertical) calc(var(--comp-status-card-padding-horizontal) - var(--comp-border-size)) var(--comp-status-card-padding-vertical);gap:var(--comp-status-card-spacing-vertical);container:statuscard/inline-size}ap-status-card ap-symbol{height:var(--comp-icon-size);min-height:var(--comp-icon-size);max-height:var(--comp-icon-size);width:var(--comp-icon-size);min-width:var(--comp-icon-size);max-width:var(--comp-icon-size);align-self:flex-start}ap-status-card a.standalone{align-self:flex-start}ap-status-card.blue{background-color:var(--comp-status-card-blue-background-color);border-color:var(--comp-status-card-blue-border-color)}ap-status-card.blue ap-symbol{color:var(--comp-status-card-blue-icon-color)}ap-status-card.tagOrange{background-color:var(--comp-status-card-tag-orange-background-color);border-color:var(--comp-status-card-tag-orange-border-color)}ap-status-card.tagOrange ap-symbol{color:var(--comp-status-card-tag-orange-icon-color)}ap-status-card.green{background-color:var(--comp-status-card-green-background-color);border-color:var(--comp-status-card-green-border-color)}ap-status-card.green ap-symbol{color:var(--comp-status-card-green-icon-color)}ap-status-card.orange{background-color:var(--comp-status-card-orange-background-color);border-color:var(--comp-status-card-orange-border-color)}ap-status-card.orange ap-symbol{color:var(--comp-status-card-orange-icon-color)}ap-status-card.grey{background-color:var(--comp-status-card-grey-background-color);border-color:var(--comp-status-card-grey-border-color)}ap-status-card.grey ap-symbol{color:var(--comp-status-card-grey-icon-color)}ap-status-card.red{background-color:var(--comp-status-card-red-background-color);border-color:var(--comp-status-card-red-border-color)}ap-status-card.red ap-symbol{color:var(--comp-status-card-red-icon-color)}ap-status-card .upper{display:flex;align-items:center;justify-content:space-between;gap:var(--comp-status-card-spacing-horizontal)}ap-status-card .flow{display:flex;align-items:center;gap:var(--comp-status-card-content-spacing);flex:1;flex-wrap:wrap;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-card-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);line-height:var(--comp-status-card-text-style-line-height)}ap-status-card .flow ap-avatar{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow ap-avatar img{height:var(--comp-avatar-size);min-height:var(--comp-avatar-size);max-height:var(--comp-avatar-size);width:var(--comp-avatar-size);min-width:var(--comp-avatar-size);max-width:var(--comp-avatar-size)}ap-status-card .flow span{font-family:var(--comp-status-card-user-text-style-font-family);font-size:var(--comp-status-card-user-text-style-size);font-weight:var(--comp-status-card-user-text-style-font-weight);line-height:var(--comp-status-card-user-text-style-line-height)}ap-status-card p{margin:0;color:var(--comp-status-card-text-color);font-family:var(--comp-status-card-text-style-font-family);font-size:var(--comp-status-text-style-size);font-weight:var(--comp-status-card-text-style-font-weight);font-style:italic}@container statuscard (max-width: 170px){ap-status-card ap-avatar{display:none}}@container statuscard (max-width: 130px){ap-status-card ap-symbol{display:none}}\n"] }]
         }], propDecorators: { color: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/agorapulse-ui-components-status-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-status-card.mjs","sources":["../../../libs/ui-components/status-card/src/status-card.component.ts","../../../libs/ui-components/status-card/src/status-card.component.html","../../../libs/ui-components/status-card/src/agorapulse-ui-components-status-card.ts"],"sourcesContent":["import { AvatarComponent } from '@agorapulse/ui-components/avatar';\n\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nexport type StatusCardColor = 'green' | 'red' | 'tagOrange' | 'grey' | 'blue' | 'orange';\nexport type StatusCardActor = {\n    imageUrl: string;\n    name: string;\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-status-card',\n    standalone: true,\n    templateUrl: './status-card.component.html',\n    imports: [AvatarComponent],\n    styleUrls: ['./status-card.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class StatusCardComponent {\n    @HostBinding('class')\n    @Input()\n    color: StatusCardColor = 'blue';\n\n    @Input() linkText?: string;\n    @Input() linkUrl?: string;\n}\n","<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAmBa,mBAAmB,CAAA;IAG5B,KAAK,GAAoB,MAAM;AAEtB,IAAA,QAAQ;AACR,IAAA,OAAO;uGANP,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,iMCnBhC,uZAcA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDKa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,gBAAgB,EACd,UAAA,EAAA,IAAI,EAEP,OAAA,EAAA,CAAC,eAAe,CAAC,EAEX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,uZAAA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA;8BAKrC,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,OAAO;;sBACnB;gBAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;;;AEzBL;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-status-card.mjs","sources":["../../../libs/ui-components/status-card/src/status-card.component.ts","../../../libs/ui-components/status-card/src/status-card.component.html","../../../libs/ui-components/status-card/src/agorapulse-ui-components-status-card.ts"],"sourcesContent":["import { AvatarComponent } from '@agorapulse/ui-components/avatar';\n\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\nexport type StatusCardColor = 'green' | 'red' | 'tagOrange' | 'grey' | 'blue' | 'orange';\nexport type StatusCardActor = {\n    imageUrl: string;\n    name: string;\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-status-card',\n    standalone: true,\n    templateUrl: './status-card.component.html',\n    imports: [AvatarComponent],\n    styleUrls: ['./status-card.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class StatusCardComponent {\n    @HostBinding('class')\n    @Input()\n    color: StatusCardColor = 'blue';\n\n    @Input() linkText?: string;\n    @Input() linkUrl?: string;\n}\n","<div class=\"upper\">\n    <ng-content select=\"ap-symbol\"></ng-content>\n    <ng-content select=\".flow\"></ng-content>\n    @if (linkText && linkUrl) {\n        <a\n            rel=\"noopener noreferrer\"\n            target=\"__blank\"\n            class=\"standalone small\"\n            [href]=\"linkUrl\">\n            {{ linkText }}\n        </a>\n    }\n</div>\n<ng-content select=\"p\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAmBa,mBAAmB,CAAA;IAG5B,KAAK,GAAoB,MAAM;AAEtB,IAAA,QAAQ;AACR,IAAA,OAAO;uGANP,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,iMCnBhC,6ZAcA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDKa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,gBAAgB,EACd,UAAA,EAAA,IAAI,EAEP,OAAA,EAAA,CAAC,eAAe,CAAC,EAEX,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6ZAAA,EAAA,MAAA,EAAA,CAAA,qvHAAA,CAAA,EAAA;8BAKrC,KAAK,EAAA,CAAA;sBAFJ,WAAW;uBAAC,OAAO;;sBACnB;gBAGQ,QAAQ,EAAA,CAAA;sBAAhB;gBACQ,OAAO,EAAA,CAAA;sBAAf;;;AEzBL;;AAEG;;;;"}

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

@@ -146,7 +146,7 @@ class ToggleComponent {
                 multi: true,
             },
             MatDialog,
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<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", 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{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-60);transition:background-color .25s;cursor:pointer}ap-toggle .toggle .switch-container .switch:hover,ap-toggle .toggle .switch-container .switch:focus,ap-toggle .toggle .switch-container .switch:active{background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob{color:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch .knob.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:hover,ap-toggle .toggle .switch-container .switch.checked:focus{background:var(--ref-color-electric-blue-80)}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.checked .knob ap-symbol,ap-toggle .toggle .switch-container .switch.checked .knob ap-symbol svg{color:var(--ref-color-electric-blue-150)}ap-toggle .toggle .switch-container .switch.disabled{background:var(--ref-color-grey-20)}ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol,ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol svg{color:var(--ref-color-grey-40)}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:#fff;border-radius:100%;position:absolute;transition:left .25s ease-in-out;left:2px}ap-toggle .toggle .switch-container .switch .knob ap-symbol,ap-toggle .toggle .switch-container .switch .knob ap-symbol svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}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: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<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", styles: ["ap-toggle{position:relative}ap-toggle .toggle{display:flex;gap:var(--ref-spacing-xxs);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{pointer-events:none;cursor:default}ap-toggle .toggle .switch-container{display:flex;gap:var(--ref-spacing-xxs);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-60);transition:background-color .25s;cursor:pointer}ap-toggle .toggle .switch-container .switch:hover,ap-toggle .toggle .switch-container .switch:focus,ap-toggle .toggle .switch-container .switch:active{background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob{color:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch .knob.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:hover,ap-toggle .toggle .switch-container .switch.checked:focus{background:var(--ref-color-electric-blue-80)}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.checked .knob ap-symbol,ap-toggle .toggle .switch-container .switch.checked .knob ap-symbol svg{color:var(--ref-color-electric-blue-150)}ap-toggle .toggle .switch-container .switch.disabled{background:var(--ref-color-grey-20)}ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol,ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol svg{color:var(--ref-color-grey-40)}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:#fff;border-radius:100%;position:absolute;transition:left .25s ease-in-out;left:2px}ap-toggle .toggle .switch-container .switch .knob ap-symbol,ap-toggle .toggle .switch-container .switch .knob ap-symbol svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}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: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
@@ -158,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                             multi: true,
                         },
                         MatDialog,
-                    ], encapsulation: ViewEncapsulation.None, template: "<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", 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{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-60);transition:background-color .25s;cursor:pointer}ap-toggle .toggle .switch-container .switch:hover,ap-toggle .toggle .switch-container .switch:focus,ap-toggle .toggle .switch-container .switch:active{background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob{color:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch .knob.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:hover,ap-toggle .toggle .switch-container .switch.checked:focus{background:var(--ref-color-electric-blue-80)}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.checked .knob ap-symbol,ap-toggle .toggle .switch-container .switch.checked .knob ap-symbol svg{color:var(--ref-color-electric-blue-150)}ap-toggle .toggle .switch-container .switch.disabled{background:var(--ref-color-grey-20)}ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol,ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol svg{color:var(--ref-color-grey-40)}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:#fff;border-radius:100%;position:absolute;transition:left .25s ease-in-out;left:2px}ap-toggle .toggle .switch-container .switch .knob ap-symbol,ap-toggle .toggle .switch-container .switch .knob ap-symbol svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}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"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<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", styles: ["ap-toggle{position:relative}ap-toggle .toggle{display:flex;gap:var(--ref-spacing-xxs);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{pointer-events:none;cursor:default}ap-toggle .toggle .switch-container{display:flex;gap:var(--ref-spacing-xxs);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-60);transition:background-color .25s;cursor:pointer}ap-toggle .toggle .switch-container .switch:hover,ap-toggle .toggle .switch-container .switch:focus,ap-toggle .toggle .switch-container .switch:active{background:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob{color:var(--ref-color-grey-80)}ap-toggle .toggle .switch-container .switch .knob.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch .knob.checked:active{background:var(--ref-color-electric-blue-60)}ap-toggle .toggle .switch-container .switch.checked{background:var(--ref-color-electric-blue-100)}ap-toggle .toggle .switch-container .switch.checked:hover,ap-toggle .toggle .switch-container .switch.checked:focus{background:var(--ref-color-electric-blue-80)}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.checked .knob ap-symbol,ap-toggle .toggle .switch-container .switch.checked .knob ap-symbol svg{color:var(--ref-color-electric-blue-150)}ap-toggle .toggle .switch-container .switch.disabled{background:var(--ref-color-grey-20)}ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol,ap-toggle .toggle .switch-container .switch.disabled .knob ap-symbol svg{color:var(--ref-color-grey-40)}ap-toggle .toggle .switch-container .switch .knob{width:12px;height:12px;background:#fff;border-radius:100%;position:absolute;transition:left .25s ease-in-out;left:2px}ap-toggle .toggle .switch-container .switch .knob ap-symbol,ap-toggle .toggle .switch-container .switch .knob ap-symbol svg{width:10px;height:10px;min-width:10px;max-width:10px;max-height:10px}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']

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, 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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"}
+{"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":";;;;;;;;AAwBa,MAAA,kCAAkC,GAAG;AAC9C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,eAAe,CAAC;AAC9C,IAAA,KAAK,EAAE,IAAI;;MAqBF,eAAe,CAAA;AACP,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,IAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AAC1B,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAE5B,IAAA,YAAY;AACZ,IAAA,YAAY;IACX,SAAS,GAAW,EAAE;IACjB,cAAc,GAAkB,IAAI;IACnC,eAAe,GAAkB,IAAI;IACvD,aAAa,GAAqB,OAAO;IAIlD,QAAQ,GAAG,KAAK;IACP,OAAO,GAAG,KAAK;IAIxB,QAAQ,GAAG,KAAK;IACP,OAAO,GAAG,KAAK;IACf,cAAc,GAAG,+DAA+D;IAChF,SAAS,GAAG,SAAS;IACrB,aAAa,GAAG,QAAQ;IACxB,YAAY,GAAG,eAAe;IACvC,IAGI,IAAI,CAAC,IAAY,EAAA;QACjB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AAC5B,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,UAAU;;aAC3B;AACH,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;;AAGzB,IAAA,IAAI,IAAI,GAAA;QACJ,OAAO,IAAI,CAAC,KAAK;;;AAGF,IAAA,MAAM,GAA0B,IAAI,YAAY,EAAW;IAE9E,QAAQ,GAAY,KAAK;IACjB,KAAK,GAAG,EAAE;AACV,IAAA,6BAA6B;AACrC,IAAA,SAAS;IAET,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE;;;IAI7E,QAAQ,GAAA;QACJ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;;IAG3D,kBAAkB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE;;;IAI7E,aAAa,GAAA;AACT,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAChB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACf,gBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;oBAChB,IAAI,CAAC,SAAS,EAAE;;gBAEpB,IAAI,CAAC,WAAW,EAAE;;iBACf;AACH,gBAAA,MAAM,kBAAkB,GAAG;oBACvB,WAAW,EAAE,IAAI,CAAC,cAAc;oBAChC,WAAW,EAAE,IAAI,CAAC,YAAY;oBAC9B,uBAAuB,EAAE,IAAI,CAAC,aAAa;oBAC3C,wBAAwB,EAAE,IAAI,CAAC,SAAS;AACxC,oBAAA,qBAAqB,EAAE,SAAS;AAChC,oBAAA,oBAAoB,EAAE,QAAQ;iBACjC;AACD,gBAAA,MAAM,WAAW,GAAG;AAChB,oBAAA,eAAe,EAAE;AACb,wBAAA,UAAU,EAAE,eAAe;AAC3B,wBAAA,KAAK,EAAE,OAAO;AACjB,qBAAA;iBACJ;AAED,gBAAA,MAAM,SAAS,GAAG,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,kBAAkB,EAAE,WAAW,CAAC;gBAC1F;AACK,qBAAA,WAAW;qBACX,IAAI,CAAC,KAAK,EAAE;qBACZ,SAAS,CAAC,MAAM,IAAG;oBAChB,IAAI,MAAM,EAAE;AACR,wBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;4BAChB,IAAI,CAAC,SAAS,EAAE;;wBAEpB,IAAI,CAAC,WAAW,EAAE;;AAE1B,iBAAC,CAAC;;;;IAKlB,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;QAC5B,IAAI,CAAC,KAAK,EAAE;QACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAC9B,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;AACpC,YAAA,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,OAAO,CAAC;;;;AAKpD,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;;AAE1D,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;;IAG3B,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,EAAE;;AAG3C,IAAA,UAAU,CAAC,KAAc,EAAA;AACrB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;AAExB,IAAA,gBAAgB,CAAC,EAA4B,EAAA;AACzC,QAAA,IAAI,CAAC,6BAA6B,GAAG,EAAE;;AAE3C,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAEvB,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;;IAG9B,QAAQ,CAAC,EAAE,KAAK,EAAe,EAAA;QAC3B,QACI,IAAI,CAAC,QAAQ;AACb,YAAA,CAAC,KAAK,IAAI;AACN,YAAA,OAAO,EAAE,IAAI;AAChB,SAAA;;AAIT,IAAA,yBAAyB,CAAC,KAAiB,EAAA;AACvC,QAAA,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;YACzF,KAAK,CAAC,eAAe,EAAE;;;uGAjJtB,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAYT,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,CAAA,YAAA,EAAA,WAAA,CAAA,EAAA,cAAA,EAAA,CAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,eAAA,EAAA,CAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,gBAAgB,CAKhB,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,gBAAgB,CA7BpB,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,SAAA,EAAA;YACP,kCAAkC;AAClC,YAAA;AACI,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,eAAe;AAC5B,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;YACD,SAAS;SACZ,EC5CL,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,qvCA0CA,+5GDPc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAahB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAlB3B,SAAS;sCACW,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,WAAW,EAAA,UAAA,EAET,IAAI,EACP,OAAA,EAAA,CAAC,eAAe,CAAC,EACf,SAAA,EAAA;wBACP,kCAAkC;AAClC,wBAAA;AACI,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAiB,eAAA;AAC5B,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;wBACD,SAAS;qBACZ,EAEc,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,qvCAAA,EAAA,MAAA,EAAA,CAAA,u2GAAA,CAAA,EAAA;8BAOjB,YAAY,EAAA,CAAA;sBAA/B,SAAS;uBAAC,OAAO;gBACE,YAAY,EAAA,CAAA;sBAA/B,SAAS;uBAAC,OAAO;gBACG,SAAS,EAAA,CAAA;sBAA7B,KAAK;uBAAC,YAAY;gBACO,cAAc,EAAA,CAAA;sBAAvC,KAAK;uBAAC,iBAAiB;gBACG,eAAe,EAAA,CAAA;sBAAzC,KAAK;uBAAC,kBAAkB;gBAChB,aAAa,EAAA,CAAA;sBAArB;gBAID,QAAQ,EAAA,CAAA;sBAHP,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA;gBAEQ,OAAO,EAAA,CAAA;sBAAf;gBAID,QAAQ,EAAA,CAAA;sBAHP,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA;gBAEQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBACQ,YAAY,EAAA,CAAA;sBAApB;gBAIG,IAAI,EAAA,CAAA;sBAHP,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,QAAQ,EAAE,IAAI;AACjB,qBAAA;gBAYkB,MAAM,EAAA,CAAA;sBAAxB;;;AEvFL;;AAEG;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "18.0.5",
+  "version": "18.0.7",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -163,18 +163,18 @@
       "esm": "./esm2022/media-display-overlay/agorapulse-ui-components-media-display-overlay.mjs",
       "default": "./fesm2022/agorapulse-ui-components-media-display-overlay.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"
-    },
     "./modal": {
       "types": "./modal/index.d.ts",
       "esm2022": "./esm2022/modal/agorapulse-ui-components-modal.mjs",
       "esm": "./esm2022/modal/agorapulse-ui-components-modal.mjs",
       "default": "./fesm2022/agorapulse-ui-components-modal.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",

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

@@ -3,7 +3,7 @@ import { BaseButtonDirective } from '@agorapulse/ui-components/directives';
 import { SymbolRegistry } from '@agorapulse/ui-symbol';
 import * as i0 from "@angular/core";
 import * as i1 from "@agorapulse/ui-components/directives";
-type Service = 'facebook' | 'instagram' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'google' | 'googleMyBusiness' | 'microsoft' | 'pinterest' | 'X';
+type Service = 'facebook' | 'instagram' | 'twitter' | 'linkedin' | 'youtube' | 'tiktok' | 'google' | 'googleMyBusiness' | 'microsoft' | 'pinterest' | 'X' | 'threads' | 'bluesky';
 type SocialButtonType = 'default' | 'stroked';
 export declare class SocialButtonComponent {
     private symbolRegistry;