@design-system-rte/angular 1.5.0 → 1.6.1-rc1

package/esm2022/lib/components/accordion/accordion.component.mjs

@@ -0,0 +1,94 @@
+import { ChangeDetectionStrategy, Component, effect, HostBinding, input, output, signal, viewChild, } from "@angular/core";
+import { waitForNextFrame } from "@design-system-rte/core/common/animation";
+import { AccordionIconSizeMap } from "@design-system-rte/core/components/accordion/accordion.constants";
+import { DividerComponent } from "../divider/divider.component";
+import { IconComponent } from "../icon/icon.component";
+import * as i0 from "@angular/core";
+export class AccordionComponent {
+    static { this.nextFallbackId = 0; }
+    get hostClasses() {
+        return ["rte-accordion", this.internalOpen() ? "is-open" : ""].filter(Boolean).join(" ");
+    }
+    constructor() {
+        this.id = input(undefined);
+        this.appearance = input("brand");
+        this.alignement = input("right");
+        this.compactSpacing = input(false);
+        this.icon = input(undefined);
+        this.disabled = input(false);
+        this.isOpen = input(undefined);
+        this.size = input("small");
+        this.isOpenChange = output();
+        this.clicked = output();
+        this.internalOpen = signal(false);
+        this.isAnimating = signal(false);
+        this.panelHeightPx = signal(0);
+        this.generatedInstanceId = AccordionComponent.createInstanceId();
+        this.contentArea = viewChild("accordionContent");
+        effect(() => {
+            const fromParent = this.isOpen();
+            if (fromParent !== undefined) {
+                this.internalOpen.set(fromParent);
+            }
+        }, { allowSignalWrites: true });
+        effect((onCleanup) => {
+            const open = this.internalOpen();
+            if (open) {
+                this.isAnimating.set(false);
+                this.panelHeightPx.set(0);
+                const cancelWaitForNextFrame = waitForNextFrame(() => {
+                    this.isAnimating.set(true);
+                    this.syncPanelHeightFromContent();
+                });
+                onCleanup(cancelWaitForNextFrame);
+            }
+            else {
+                this.isAnimating.set(false);
+                this.panelHeightPx.set(0);
+            }
+        }, { allowSignalWrites: true });
+    }
+    summaryElementId() {
+        return `accordion-summary-${this.id() ?? this.generatedInstanceId}`;
+    }
+    contentElementId() {
+        return `accordion-content-${this.id() ?? this.generatedInstanceId}`;
+    }
+    iconPixelSize() {
+        const currentSize = this.size() ?? "small";
+        return AccordionIconSizeMap[currentSize];
+    }
+    onSummaryClick(event) {
+        if (this.disabled()) {
+            return;
+        }
+        this.clicked.emit(event);
+        const next = !this.internalOpen();
+        this.internalOpen.set(next);
+        this.isOpenChange.emit(next);
+    }
+    syncPanelHeightFromContent() {
+        const contentElement = this.contentArea()?.nativeElement;
+        if (!contentElement) {
+            return;
+        }
+        this.panelHeightPx.set(contentElement.scrollHeight);
+    }
+    static createInstanceId() {
+        if (typeof globalThis.crypto !== "undefined" && "randomUUID" in globalThis.crypto) {
+            return globalThis.crypto.randomUUID();
+        }
+        AccordionComponent.nextFallbackId += 1;
+        return `accordion-${AccordionComponent.nextFallbackId}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AccordionComponent, isStandalone: true, selector: "rte-accordion", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, alignement: { classPropertyName: "alignement", publicName: "alignement", isSignal: true, isRequired: false, transformFunction: null }, compactSpacing: { classPropertyName: "compactSpacing", publicName: "compactSpacing", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpenChange: "isOpenChange", clicked: "clicked" }, host: { properties: { "class": "this.hostClasses" } }, viewQueries: [{ propertyName: "contentArea", first: true, predicate: ["accordionContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"accordion\">\n  <button\n    class=\"rte-accordion-summary {{ appearance() }} size-{{ size() }}\"\n    type=\"button\"\n    [class.compact-spacing]=\"compactSpacing()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"internalOpen()\"\n    [attr.aria-controls]=\"contentElementId()\"\n    (click)=\"onSummaryClick($event)\"\n  >\n    <div class=\"rte-accordion-summary-row\" [id]=\"summaryElementId()\">\n      @if (alignement() === \"left\") {\n        <rte-icon\n          class=\"rte-accordion-chevron\"\n          name=\"arrow-chevron-down\"\n          [class.animating]=\"isAnimating()\"\n          [size]=\"iconPixelSize()\"\n        />\n      }\n      @if (icon(); as iconName) {\n        <rte-icon [name]=\"iconName\" [size]=\"iconPixelSize()\" />\n      }\n      <span class=\"rte-accordion-title size-{{ size() }}\">Accordion title</span>\n      @if (alignement() === \"right\") {\n        <rte-icon\n          class=\"rte-accordion-chevron\"\n          name=\"arrow-chevron-down\"\n          [class.animating]=\"isAnimating()\"\n          [size]=\"iconPixelSize()\"\n        />\n      }\n    </div>\n  </button>\n  <div\n    #accordionContent\n    class=\"rte-accordion-panel\"\n    [class.animating]=\"isAnimating()\"\n    [class.is-disabled]=\"disabled()\"\n    [attr.aria-hidden]=\"!internalOpen()\"\n    [id]=\"contentElementId()\"\n    [style.height.px]=\"panelHeightPx()\"\n  >\n    <ng-content />\n  </div>\n  <rte-divider thickness=\"light\" />\n</div>\n", styles: [":host{display:block;width:100%;inline-size:100%;background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%);background:var(--background-default)}.rte-accordion-summary{text-align:left;display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;color:var(--content-brand-default);height:48px;border:none;background:none;width:100%}.rte-accordion-summary:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-accordion-summary:hover{color:var(--content-brand-hover);background:var(--background-default);cursor:pointer}.rte-accordion-summary:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.neutral{color:var(--content-primary)}.rte-accordion-summary.neutral:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.compact-spacing{padding:0;height:32px}.rte-accordion-summary.compact-spacing:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.size-large{height:60px}.rte-accordion-summary.size-large.compact-spacing{height:48px}.rte-accordion-summary .rte-accordion-summary-row{width:100%;display:flex;padding:2px 4px;align-items:center;gap:8px;align-self:stretch;box-sizing:border-box}.rte-accordion-summary .rte-accordion-summary-row .rte-accordion-chevron{transition:transform .11s cubic-bezier(0,0,.38,.9) allow-discrete}.rte-accordion-summary .rte-accordion-summary-row .rte-accordion-chevron.animating{transform:rotate(180deg)}.rte-accordion-summary .rte-accordion-title{flex:1 1 auto;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-accordion-summary .rte-accordion-title.size-large{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-1px}.rte-accordion-panel-container{border-block-end:solid 1px var(--border-divider)}.rte-accordion-panel{padding:0 8px;transform:translateY(-10px);overflow:hidden;opacity:0;transition:all .12s cubic-bezier(0,0,.38,.9) allow-discrete}.rte-accordion-panel.animating{padding:16px 8px;opacity:1;overflow:visible;transform:translateY(0)}.rte-accordion-panel.is-disabled{background:var(--background-disabled);color:var(--content-disabled)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: DividerComponent, selector: "rte-divider", inputs: ["orientation", "thickness", "appearance", "endPoint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-accordion", imports: [IconComponent, DividerComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"accordion\">\n  <button\n    class=\"rte-accordion-summary {{ appearance() }} size-{{ size() }}\"\n    type=\"button\"\n    [class.compact-spacing]=\"compactSpacing()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-expanded]=\"internalOpen()\"\n    [attr.aria-controls]=\"contentElementId()\"\n    (click)=\"onSummaryClick($event)\"\n  >\n    <div class=\"rte-accordion-summary-row\" [id]=\"summaryElementId()\">\n      @if (alignement() === \"left\") {\n        <rte-icon\n          class=\"rte-accordion-chevron\"\n          name=\"arrow-chevron-down\"\n          [class.animating]=\"isAnimating()\"\n          [size]=\"iconPixelSize()\"\n        />\n      }\n      @if (icon(); as iconName) {\n        <rte-icon [name]=\"iconName\" [size]=\"iconPixelSize()\" />\n      }\n      <span class=\"rte-accordion-title size-{{ size() }}\">Accordion title</span>\n      @if (alignement() === \"right\") {\n        <rte-icon\n          class=\"rte-accordion-chevron\"\n          name=\"arrow-chevron-down\"\n          [class.animating]=\"isAnimating()\"\n          [size]=\"iconPixelSize()\"\n        />\n      }\n    </div>\n  </button>\n  <div\n    #accordionContent\n    class=\"rte-accordion-panel\"\n    [class.animating]=\"isAnimating()\"\n    [class.is-disabled]=\"disabled()\"\n    [attr.aria-hidden]=\"!internalOpen()\"\n    [id]=\"contentElementId()\"\n    [style.height.px]=\"panelHeightPx()\"\n  >\n    <ng-content />\n  </div>\n  <rte-divider thickness=\"light\" />\n</div>\n", styles: [":host{display:block;width:100%;inline-size:100%;background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%);background:var(--background-default)}.rte-accordion-summary{text-align:left;display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;color:var(--content-brand-default);height:48px;border:none;background:none;width:100%}.rte-accordion-summary:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-accordion-summary:hover{color:var(--content-brand-hover);background:var(--background-default);cursor:pointer}.rte-accordion-summary:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.neutral{color:var(--content-primary)}.rte-accordion-summary.neutral:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.compact-spacing{padding:0;height:32px}.rte-accordion-summary.compact-spacing:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:not-allowed}.rte-accordion-summary.size-large{height:60px}.rte-accordion-summary.size-large.compact-spacing{height:48px}.rte-accordion-summary .rte-accordion-summary-row{width:100%;display:flex;padding:2px 4px;align-items:center;gap:8px;align-self:stretch;box-sizing:border-box}.rte-accordion-summary .rte-accordion-summary-row .rte-accordion-chevron{transition:transform .11s cubic-bezier(0,0,.38,.9) allow-discrete}.rte-accordion-summary .rte-accordion-summary-row .rte-accordion-chevron.animating{transform:rotate(180deg)}.rte-accordion-summary .rte-accordion-title{flex:1 1 auto;font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-accordion-summary .rte-accordion-title.size-large{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-1px}.rte-accordion-panel-container{border-block-end:solid 1px var(--border-divider)}.rte-accordion-panel{padding:0 8px;transform:translateY(-10px);overflow:hidden;opacity:0;transition:all .12s cubic-bezier(0,0,.38,.9) allow-discrete}.rte-accordion-panel.animating{padding:16px 8px;opacity:1;overflow:visible;transform:translateY(0)}.rte-accordion-panel.is-disabled{background:var(--background-disabled);color:var(--content-disabled)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ["class"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBRU4sV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUd4RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBVXZELE1BQU0sT0FBTyxrQkFBa0I7YUFDZCxtQkFBYyxHQUFHLENBQUMsQUFBSixDQUFLO0lBa0JsQyxJQUNJLFdBQVc7UUFDYixPQUFPLENBQUMsZUFBZSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzNGLENBQUM7SUFLRDtRQXhCUyxPQUFFLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUMxQyxlQUFVLEdBQUcsS0FBSyxDQUErQixPQUFPLENBQUMsQ0FBQztRQUMxRCxlQUFVLEdBQUcsS0FBSyxDQUErQixPQUFPLENBQUMsQ0FBQztRQUMxRCxtQkFBYyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixTQUFJLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM1QyxhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLFdBQU0sR0FBRyxLQUFLLENBQXNCLFNBQVMsQ0FBQyxDQUFDO1FBQy9DLFNBQUksR0FBRyxLQUFLLENBQXlCLE9BQU8sQ0FBQyxDQUFDO1FBRTlDLGlCQUFZLEdBQUcsTUFBTSxFQUFXLENBQUM7UUFDakMsWUFBTyxHQUFHLE1BQU0sRUFBYyxDQUFDO1FBRXJCLGlCQUFZLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBTzVCLHdCQUFtQixHQUFHLGtCQUFrQixDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDNUQsZ0JBQVcsR0FBRyxTQUFTLENBQTBCLGtCQUFrQixDQUFDLENBQUM7UUFHcEYsTUFBTSxDQUNKLEdBQUcsRUFBRTtZQUNILE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNqQyxJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDcEMsQ0FBQztRQUNILENBQUMsRUFDRCxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUM1QixDQUFDO1FBRUYsTUFBTSxDQUNKLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDWixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDakMsSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFDVCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzFCLE1BQU0sc0JBQXNCLEdBQUcsZ0JBQWdCLENBQUMsR0FBRyxFQUFFO29CQUNuRCxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDM0IsSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7Z0JBQ3BDLENBQUMsQ0FBQyxDQUFDO2dCQUNILFNBQVMsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1lBQ3BDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDNUIsQ0FBQztRQUNILENBQUMsRUFDRCxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxDQUM1QixDQUFDO0lBQ0osQ0FBQztJQUVTLGdCQUFnQjtRQUN4QixPQUFPLHFCQUFxQixJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDdEUsQ0FBQztJQUVTLGdCQUFnQjtRQUN4QixPQUFPLHFCQUFxQixJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDdEUsQ0FBQztJQUVTLGFBQWE7UUFDckIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLE9BQU8sQ0FBQztRQUMzQyxPQUFPLG9CQUFvQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBaUI7UUFDOUIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUNwQixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFTywwQkFBMEI7UUFDaEMsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLGFBQWEsQ0FBQztRQUN6RCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDcEIsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVPLE1BQU0sQ0FBQyxnQkFBZ0I7UUFDN0IsSUFBSSxPQUFPLFVBQVUsQ0FBQyxNQUFNLEtBQUssV0FBVyxJQUFJLFlBQVksSUFBSSxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDbEYsT0FBTyxVQUFVLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ3hDLENBQUM7UUFDRCxrQkFBa0IsQ0FBQyxjQUFjLElBQUksQ0FBQyxDQUFDO1FBQ3ZDLE9BQU8sYUFBYSxrQkFBa0IsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMxRCxDQUFDOytHQS9GVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixrMENDMUIvQiwwOUNBOENBLG0rRUQxQlksYUFBYSxpSEFBRSxnQkFBZ0I7OzRGQU05QixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0UsZUFBZSxXQUNoQixDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxjQUM5QixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU07d0RBc0IzQyxXQUFXO3NCQURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGVmZmVjdCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgdmlld0NoaWxkLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgd2FpdEZvck5leHRGcmFtZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21tb24vYW5pbWF0aW9uXCI7XG5pbXBvcnQgeyBBY2NvcmRpb25JY29uU2l6ZU1hcCB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uY29uc3RhbnRzXCI7XG5pbXBvcnQgeyBBY2NvcmRpb25Qcm9wcyB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2FjY29yZGlvbi9hY2NvcmRpb24uaW50ZXJmYWNlXCI7XG5cbmltcG9ydCB7IERpdmlkZXJDb21wb25lbnQgfSBmcm9tIFwiLi4vZGl2aWRlci9kaXZpZGVyLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uL2ljb24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJydGUtYWNjb3JkaW9uXCIsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBEaXZpZGVyQ29tcG9uZW50XSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3NcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkNvbXBvbmVudCB7XG4gIHByaXZhdGUgc3RhdGljIG5leHRGYWxsYmFja0lkID0gMDtcblxuICByZWFkb25seSBpZCA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcmVhZG9ubHkgYXBwZWFyYW5jZSA9IGlucHV0PEFjY29yZGlvblByb3BzW1wiYXBwZWFyYW5jZVwiXT4oXCJicmFuZFwiKTtcbiAgcmVhZG9ubHkgYWxpZ25lbWVudCA9IGlucHV0PEFjY29yZGlvblByb3BzW1wiYWxpZ25lbWVudFwiXT4oXCJyaWdodFwiKTtcbiAgcmVhZG9ubHkgY29tcGFjdFNwYWNpbmcgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGljb24gPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICByZWFkb25seSBpc09wZW4gPSBpbnB1dDxib29sZWFuIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8QWNjb3JkaW9uUHJvcHNbXCJzaXplXCJdPihcInNtYWxsXCIpO1xuXG4gIHJlYWRvbmx5IGlzT3BlbkNoYW5nZSA9IG91dHB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBjbGlja2VkID0gb3V0cHV0PE1vdXNlRXZlbnQ+KCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGludGVybmFsT3BlbiA9IHNpZ25hbChmYWxzZSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBpc0FuaW1hdGluZyA9IHNpZ25hbChmYWxzZSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBwYW5lbEhlaWdodFB4ID0gc2lnbmFsKDApO1xuXG4gIEBIb3N0QmluZGluZyhcImNsYXNzXCIpXG4gIGdldCBob3N0Q2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBbXCJydGUtYWNjb3JkaW9uXCIsIHRoaXMuaW50ZXJuYWxPcGVuKCkgPyBcImlzLW9wZW5cIiA6IFwiXCJdLmZpbHRlcihCb29sZWFuKS5qb2luKFwiIFwiKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVhZG9ubHkgZ2VuZXJhdGVkSW5zdGFuY2VJZCA9IEFjY29yZGlvbkNvbXBvbmVudC5jcmVhdGVJbnN0YW5jZUlkKCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgY29udGVudEFyZWEgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KFwiYWNjb3JkaW9uQ29udGVudFwiKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIGNvbnN0IGZyb21QYXJlbnQgPSB0aGlzLmlzT3BlbigpO1xuICAgICAgICBpZiAoZnJvbVBhcmVudCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgdGhpcy5pbnRlcm5hbE9wZW4uc2V0KGZyb21QYXJlbnQpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9LFxuICAgICk7XG5cbiAgICBlZmZlY3QoXG4gICAgICAob25DbGVhbnVwKSA9PiB7XG4gICAgICAgIGNvbnN0IG9wZW4gPSB0aGlzLmludGVybmFsT3BlbigpO1xuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgIHRoaXMuaXNBbmltYXRpbmcuc2V0KGZhbHNlKTtcbiAgICAgICAgICB0aGlzLnBhbmVsSGVpZ2h0UHguc2V0KDApO1xuICAgICAgICAgIGNvbnN0IGNhbmNlbFdhaXRGb3JOZXh0RnJhbWUgPSB3YWl0Rm9yTmV4dEZyYW1lKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaXNBbmltYXRpbmcuc2V0KHRydWUpO1xuICAgICAgICAgICAgdGhpcy5zeW5jUGFuZWxIZWlnaHRGcm9tQ29udGVudCgpO1xuICAgICAgICAgIH0pO1xuICAgICAgICAgIG9uQ2xlYW51cChjYW5jZWxXYWl0Rm9yTmV4dEZyYW1lKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmlzQW5pbWF0aW5nLnNldChmYWxzZSk7XG4gICAgICAgICAgdGhpcy5wYW5lbEhlaWdodFB4LnNldCgwKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfSxcbiAgICApO1xuICB9XG5cbiAgcHJvdGVjdGVkIHN1bW1hcnlFbGVtZW50SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGFjY29yZGlvbi1zdW1tYXJ5LSR7dGhpcy5pZCgpID8/IHRoaXMuZ2VuZXJhdGVkSW5zdGFuY2VJZH1gO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNvbnRlbnRFbGVtZW50SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGFjY29yZGlvbi1jb250ZW50LSR7dGhpcy5pZCgpID8/IHRoaXMuZ2VuZXJhdGVkSW5zdGFuY2VJZH1gO1xuICB9XG5cbiAgcHJvdGVjdGVkIGljb25QaXhlbFNpemUoKTogbnVtYmVyIHtcbiAgICBjb25zdCBjdXJyZW50U2l6ZSA9IHRoaXMuc2l6ZSgpID8/IFwic21hbGxcIjtcbiAgICByZXR1cm4gQWNjb3JkaW9uSWNvblNpemVNYXBbY3VycmVudFNpemVdO1xuICB9XG5cbiAgb25TdW1tYXJ5Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgICBjb25zdCBuZXh0ID0gIXRoaXMuaW50ZXJuYWxPcGVuKCk7XG4gICAgdGhpcy5pbnRlcm5hbE9wZW4uc2V0KG5leHQpO1xuICAgIHRoaXMuaXNPcGVuQ2hhbmdlLmVtaXQobmV4dCk7XG4gIH1cblxuICBwcml2YXRlIHN5bmNQYW5lbEhlaWdodEZyb21Db250ZW50KCk6IHZvaWQge1xuICAgIGNvbnN0IGNvbnRlbnRFbGVtZW50ID0gdGhpcy5jb250ZW50QXJlYSgpPy5uYXRpdmVFbGVtZW50O1xuICAgIGlmICghY29udGVudEVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5wYW5lbEhlaWdodFB4LnNldChjb250ZW50RWxlbWVudC5zY3JvbGxIZWlnaHQpO1xuICB9XG5cbiAgcHJpdmF0ZSBzdGF0aWMgY3JlYXRlSW5zdGFuY2VJZCgpOiBzdHJpbmcge1xuICAgIGlmICh0eXBlb2YgZ2xvYmFsVGhpcy5jcnlwdG8gIT09IFwidW5kZWZpbmVkXCIgJiYgXCJyYW5kb21VVUlEXCIgaW4gZ2xvYmFsVGhpcy5jcnlwdG8pIHtcbiAgICAgIHJldHVybiBnbG9iYWxUaGlzLmNyeXB0by5yYW5kb21VVUlEKCk7XG4gICAgfVxuICAgIEFjY29yZGlvbkNvbXBvbmVudC5uZXh0RmFsbGJhY2tJZCArPSAxO1xuICAgIHJldHVybiBgYWNjb3JkaW9uLSR7QWNjb3JkaW9uQ29tcG9uZW50Lm5leHRGYWxsYmFja0lkfWA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhY2NvcmRpb25cIj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwicnRlLWFjY29yZGlvbi1zdW1tYXJ5IHt7IGFwcGVhcmFuY2UoKSB9fSBzaXplLXt7IHNpemUoKSB9fVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgW2NsYXNzLmNvbXBhY3Qtc3BhY2luZ109XCJjb21wYWN0U3BhY2luZygpXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJpbnRlcm5hbE9wZW4oKVwiXG4gICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJjb250ZW50RWxlbWVudElkKClcIlxuICAgIChjbGljayk9XCJvblN1bW1hcnlDbGljaygkZXZlbnQpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJydGUtYWNjb3JkaW9uLXN1bW1hcnktcm93XCIgW2lkXT1cInN1bW1hcnlFbGVtZW50SWQoKVwiPlxuICAgICAgQGlmIChhbGlnbmVtZW50KCkgPT09IFwibGVmdFwiKSB7XG4gICAgICAgIDxydGUtaWNvblxuICAgICAgICAgIGNsYXNzPVwicnRlLWFjY29yZGlvbi1jaGV2cm9uXCJcbiAgICAgICAgICBuYW1lPVwiYXJyb3ctY2hldnJvbi1kb3duXCJcbiAgICAgICAgICBbY2xhc3MuYW5pbWF0aW5nXT1cImlzQW5pbWF0aW5nKClcIlxuICAgICAgICAgIFtzaXplXT1cImljb25QaXhlbFNpemUoKVwiXG4gICAgICAgIC8+XG4gICAgICB9XG4gICAgICBAaWYgKGljb24oKTsgYXMgaWNvbk5hbWUpIHtcbiAgICAgICAgPHJ0ZS1pY29uIFtuYW1lXT1cImljb25OYW1lXCIgW3NpemVdPVwiaWNvblBpeGVsU2l6ZSgpXCIgLz5cbiAgICAgIH1cbiAgICAgIDxzcGFuIGNsYXNzPVwicnRlLWFjY29yZGlvbi10aXRsZSBzaXplLXt7IHNpemUoKSB9fVwiPkFjY29yZGlvbiB0aXRsZTwvc3Bhbj5cbiAgICAgIEBpZiAoYWxpZ25lbWVudCgpID09PSBcInJpZ2h0XCIpIHtcbiAgICAgICAgPHJ0ZS1pY29uXG4gICAgICAgICAgY2xhc3M9XCJydGUtYWNjb3JkaW9uLWNoZXZyb25cIlxuICAgICAgICAgIG5hbWU9XCJhcnJvdy1jaGV2cm9uLWRvd25cIlxuICAgICAgICAgIFtjbGFzcy5hbmltYXRpbmddPVwiaXNBbmltYXRpbmcoKVwiXG4gICAgICAgICAgW3NpemVdPVwiaWNvblBpeGVsU2l6ZSgpXCJcbiAgICAgICAgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9idXR0b24+XG4gIDxkaXZcbiAgICAjYWNjb3JkaW9uQ29udGVudFxuICAgIGNsYXNzPVwicnRlLWFjY29yZGlvbi1wYW5lbFwiXG4gICAgW2NsYXNzLmFuaW1hdGluZ109XCJpc0FuaW1hdGluZygpXCJcbiAgICBbY2xhc3MuaXMtZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgW2F0dHIuYXJpYS1oaWRkZW5dPVwiIWludGVybmFsT3BlbigpXCJcbiAgICBbaWRdPVwiY29udGVudEVsZW1lbnRJZCgpXCJcbiAgICBbc3R5bGUuaGVpZ2h0LnB4XT1cInBhbmVsSGVpZ2h0UHgoKVwiXG4gID5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbiAgPHJ0ZS1kaXZpZGVyIHRoaWNrbmVzcz1cImxpZ2h0XCIgLz5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/avatar/assets/status/status.component.mjs

@@ -0,0 +1,15 @@
+import { Component, input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class StatusComponent {
+    constructor() {
+        this.status = input();
+        this.size = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatusComponent, isStandalone: true, selector: "rte-status", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"rte-avatar-status\"\n  [style]=\"{\n    width: size() + 'px',\n    height: size() + 'px',\n  }\"\n>\n  @switch (status()) {\n    @case (\"available\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM20.4629 8C20.1963 8.00003 19.9627 8.09983 19.7627 8.2998L11.2881 16.7754L7.73828 13.2002C7.53828 13.0002 7.30039 12.9004 7.02539 12.9004C6.7505 12.9004 6.51342 13.0003 6.31348 13.2002C6.11357 13.4001 6.0094 13.6373 6.00098 13.9121C5.99264 14.1871 6.08809 14.425 6.28809 14.625L10.5879 18.9248C10.7879 19.1248 11.0214 19.2246 11.2881 19.2246C11.5547 19.2246 11.7883 19.1248 11.9883 18.9248L21.1631 9.72461C21.3629 9.52471 21.4628 9.2875 21.4629 9.0127C21.4629 8.7377 21.3631 8.4998 21.1631 8.2998C20.9631 8.09984 20.7295 8 20.4629 8Z\"\n          fill=\"#0B8A4D\"\n        />\n      </svg>\n    }\n\n    @case (\"away\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 6C16.2167 6 18.1038 6.77956 19.6621 8.33789C21.2204 9.89622 22 11.7833 22 14C22 16.2167 21.2204 18.1038 19.6621 19.6621C18.1038 21.2204 16.2167 22 14 22C11.7833 22 9.89622 21.2204 8.33789 19.6621C6.77956 18.1038 6 16.2167 6 14C6 11.7833 6.77956 9.89622 8.33789 8.33789C9.89622 6.77956 11.7833 6 14 6ZM14 9C13.7167 9 13.4788 9.09544 13.2871 9.28711C13.0954 9.47878 13 9.71667 13 10V13.9746C13 14.1079 13.0252 14.2373 13.0752 14.3623C13.1252 14.4873 13.1998 14.6002 13.2998 14.7002L16.5996 18C16.7829 18.1833 17.0166 18.2753 17.2998 18.2754C17.5831 18.2754 17.8167 18.1833 18 18C18.1833 17.8167 18.2754 17.5831 18.2754 17.2998C18.2753 17.0166 18.1833 16.7829 18 16.5996L15 13.5996V10C15 9.71667 14.9046 9.47878 14.7129 9.28711C14.5212 9.09544 14.2833 9 14 9Z\"\n          fill=\"#ED6E13\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 4C12.6167 4 11.3163 4.26211 10.0996 4.78711C8.88302 5.3121 7.82476 6.02485 6.9248 6.9248C6.02485 7.82476 5.3121 8.88302 4.78711 10.0996C4.26211 11.3163 4 12.6167 4 14C4 15.3833 4.26211 16.6837 4.78711 17.9004C5.3121 19.117 6.02485 20.1752 6.9248 21.0752C7.82476 21.9751 8.88302 22.6879 10.0996 23.2129C11.3163 23.7379 12.6167 24 14 24C15.3833 24 16.6837 23.7379 17.9004 23.2129C19.117 22.6879 20.1752 21.9751 21.0752 21.0752C21.9751 20.1752 22.6879 19.117 23.2129 17.9004C23.7379 16.6837 24 15.3833 24 14C24 12.6167 23.7379 11.3163 23.2129 10.0996C22.6879 8.88302 21.9751 7.82476 21.0752 6.9248C20.1752 6.02485 19.117 5.3121 17.9004 4.78711C16.6837 4.26211 15.3833 4 14 4Z\"\n          fill=\"#ED6E13\"\n        />\n      </svg>\n    }\n\n    @case (\"busy\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0Z\"\n          fill=\"#DE2048\"\n        />\n      </svg>\n    }\n\n    @case (\"offline\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.5996 9.4248C17.8829 9.4248 18.1165 9.51686 18.2998 9.7002C18.4831 9.88353 18.5752 10.1171 18.5752 10.4004C18.5751 10.6835 18.483 10.9164 18.2998 11.0996L15.4004 14L18.2998 16.9004C18.483 17.0836 18.5751 17.3165 18.5752 17.5996C18.5752 17.8829 18.4831 18.1165 18.2998 18.2998C18.1165 18.4831 17.8829 18.5752 17.5996 18.5752C17.3165 18.5751 17.0836 18.483 16.9004 18.2998L14 15.4004L11.0996 18.2998C10.9164 18.483 10.6835 18.5751 10.4004 18.5752C10.1171 18.5752 9.88353 18.4831 9.7002 18.2998C9.51686 18.1165 9.4248 17.8829 9.4248 17.5996C9.42489 17.3165 9.51701 17.0836 9.7002 16.9004L12.5996 14L9.7002 11.0996C9.51701 10.9164 9.42489 10.6835 9.4248 10.4004C9.4248 10.1171 9.51686 9.88353 9.7002 9.7002C9.88353 9.51686 10.1171 9.4248 10.4004 9.4248C10.6835 9.42489 10.9164 9.51701 11.0996 9.7002L14 12.5996L16.9004 9.7002C17.0836 9.51701 17.3165 9.42489 17.5996 9.4248Z\"\n          fill=\"#737272\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 4C12.6167 4 11.3163 4.26211 10.0996 4.78711C8.88302 5.3121 7.82476 6.02485 6.9248 6.9248C6.02485 7.82476 5.3121 8.88302 4.78711 10.0996C4.26211 11.3163 4 12.6167 4 14C4 15.3833 4.26211 16.6837 4.78711 17.9004C5.3121 19.117 6.02485 20.1752 6.9248 21.0752C7.82476 21.9751 8.88302 22.6879 10.0996 23.2129C11.3163 23.7379 12.6167 24 14 24C15.3833 24 16.6837 23.7379 17.9004 23.2129C19.117 22.6879 20.1752 21.9751 21.0752 21.0752C21.9751 20.1752 22.6879 19.117 23.2129 17.9004C23.7379 16.6837 24 15.3833 24 14C24 12.6167 23.7379 11.3163 23.2129 10.0996C22.6879 8.88302 21.9751 7.82476 21.0752 6.9248C20.1752 6.02485 19.117 5.3121 17.9004 4.78711C16.6837 4.26211 15.3833 4 14 4Z\"\n          fill=\"#737272\"\n        />\n      </svg>\n    }\n\n    @case (\"unknown\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM13.9922 19C13.4422 19 12.9708 19.1962 12.5791 19.5879C12.1877 19.9795 11.9922 20.4502 11.9922 21C11.9922 21.5498 12.1877 22.0205 12.5791 22.4121C12.9708 22.8038 13.4422 23 13.9922 23C14.5421 23 15.0127 22.8037 15.4043 22.4121C15.7959 22.0205 15.9922 21.55 15.9922 21C15.9922 20.45 15.7959 19.9795 15.4043 19.5879C15.0127 19.1963 14.5421 19 13.9922 19ZM13.9922 4C13.0089 4 12.1043 4.22044 11.2793 4.66211C10.4543 5.10378 9.77552 5.72539 9.24219 6.52539C9.05897 6.80862 8.97993 7.10827 9.00488 7.4248C9.02987 7.74129 9.15853 8.00801 9.3916 8.22461C9.72483 8.52451 10.121 8.64609 10.5791 8.58789C11.0374 8.52956 11.4003 8.30814 11.667 7.9248C11.9503 7.52487 12.2881 7.22101 12.6797 7.0127C13.0713 6.80439 13.5089 6.7002 13.9922 6.7002C14.7754 6.70023 15.4049 6.91631 15.8799 7.34961C16.3549 7.78294 16.5918 8.35854 16.5918 9.0752C16.5918 9.55831 16.4545 10.0039 16.1797 10.4121C15.9047 10.8204 15.3422 11.4004 14.4922 12.1504C13.8257 12.7502 13.3507 13.3208 13.0674 13.8623C12.784 14.404 12.6416 15.0004 12.6416 15.6504C12.6417 16.0336 12.7798 16.3541 13.0547 16.6123C13.3297 16.8706 13.6587 17 14.042 17C14.4253 17 14.7543 16.8663 15.0293 16.5996C15.3042 16.333 15.4753 15.9996 15.542 15.5996C15.6087 15.1831 15.7502 14.8122 15.9668 14.4873C16.1835 14.1623 16.6002 13.7083 17.2168 13.125C18.0668 12.3084 18.6501 11.6 18.9668 11C19.2835 10.4 19.4424 9.72461 19.4424 8.97461C19.4423 7.49151 18.9379 6.29157 17.9297 5.375C16.9214 4.45837 15.6088 4.00004 13.9922 4Z\"\n          fill=\"#737272\"\n        />\n      </svg>\n    }\n  }\n</div>\n", styles: [".rte-avatar-status{display:flex;position:absolute;bottom:0;right:0;border-radius:50%}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-status", standalone: true, template: "<div\n  class=\"rte-avatar-status\"\n  [style]=\"{\n    width: size() + 'px',\n    height: size() + 'px',\n  }\"\n>\n  @switch (status()) {\n    @case (\"available\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM20.4629 8C20.1963 8.00003 19.9627 8.09983 19.7627 8.2998L11.2881 16.7754L7.73828 13.2002C7.53828 13.0002 7.30039 12.9004 7.02539 12.9004C6.7505 12.9004 6.51342 13.0003 6.31348 13.2002C6.11357 13.4001 6.0094 13.6373 6.00098 13.9121C5.99264 14.1871 6.08809 14.425 6.28809 14.625L10.5879 18.9248C10.7879 19.1248 11.0214 19.2246 11.2881 19.2246C11.5547 19.2246 11.7883 19.1248 11.9883 18.9248L21.1631 9.72461C21.3629 9.52471 21.4628 9.2875 21.4629 9.0127C21.4629 8.7377 21.3631 8.4998 21.1631 8.2998C20.9631 8.09984 20.7295 8 20.4629 8Z\"\n          fill=\"#0B8A4D\"\n        />\n      </svg>\n    }\n\n    @case (\"away\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 6C16.2167 6 18.1038 6.77956 19.6621 8.33789C21.2204 9.89622 22 11.7833 22 14C22 16.2167 21.2204 18.1038 19.6621 19.6621C18.1038 21.2204 16.2167 22 14 22C11.7833 22 9.89622 21.2204 8.33789 19.6621C6.77956 18.1038 6 16.2167 6 14C6 11.7833 6.77956 9.89622 8.33789 8.33789C9.89622 6.77956 11.7833 6 14 6ZM14 9C13.7167 9 13.4788 9.09544 13.2871 9.28711C13.0954 9.47878 13 9.71667 13 10V13.9746C13 14.1079 13.0252 14.2373 13.0752 14.3623C13.1252 14.4873 13.1998 14.6002 13.2998 14.7002L16.5996 18C16.7829 18.1833 17.0166 18.2753 17.2998 18.2754C17.5831 18.2754 17.8167 18.1833 18 18C18.1833 17.8167 18.2754 17.5831 18.2754 17.2998C18.2753 17.0166 18.1833 16.7829 18 16.5996L15 13.5996V10C15 9.71667 14.9046 9.47878 14.7129 9.28711C14.5212 9.09544 14.2833 9 14 9Z\"\n          fill=\"#ED6E13\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 4C12.6167 4 11.3163 4.26211 10.0996 4.78711C8.88302 5.3121 7.82476 6.02485 6.9248 6.9248C6.02485 7.82476 5.3121 8.88302 4.78711 10.0996C4.26211 11.3163 4 12.6167 4 14C4 15.3833 4.26211 16.6837 4.78711 17.9004C5.3121 19.117 6.02485 20.1752 6.9248 21.0752C7.82476 21.9751 8.88302 22.6879 10.0996 23.2129C11.3163 23.7379 12.6167 24 14 24C15.3833 24 16.6837 23.7379 17.9004 23.2129C19.117 22.6879 20.1752 21.9751 21.0752 21.0752C21.9751 20.1752 22.6879 19.117 23.2129 17.9004C23.7379 16.6837 24 15.3833 24 14C24 12.6167 23.7379 11.3163 23.2129 10.0996C22.6879 8.88302 21.9751 7.82476 21.0752 6.9248C20.1752 6.02485 19.117 5.3121 17.9004 4.78711C16.6837 4.26211 15.3833 4 14 4Z\"\n          fill=\"#ED6E13\"\n        />\n      </svg>\n    }\n\n    @case (\"busy\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0Z\"\n          fill=\"#DE2048\"\n        />\n      </svg>\n    }\n\n    @case (\"offline\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M17.5996 9.4248C17.8829 9.4248 18.1165 9.51686 18.2998 9.7002C18.4831 9.88353 18.5752 10.1171 18.5752 10.4004C18.5751 10.6835 18.483 10.9164 18.2998 11.0996L15.4004 14L18.2998 16.9004C18.483 17.0836 18.5751 17.3165 18.5752 17.5996C18.5752 17.8829 18.4831 18.1165 18.2998 18.2998C18.1165 18.4831 17.8829 18.5752 17.5996 18.5752C17.3165 18.5751 17.0836 18.483 16.9004 18.2998L14 15.4004L11.0996 18.2998C10.9164 18.483 10.6835 18.5751 10.4004 18.5752C10.1171 18.5752 9.88353 18.4831 9.7002 18.2998C9.51686 18.1165 9.4248 17.8829 9.4248 17.5996C9.42489 17.3165 9.51701 17.0836 9.7002 16.9004L12.5996 14L9.7002 11.0996C9.51701 10.9164 9.42489 10.6835 9.4248 10.4004C9.4248 10.1171 9.51686 9.88353 9.7002 9.7002C9.88353 9.51686 10.1171 9.4248 10.4004 9.4248C10.6835 9.42489 10.9164 9.51701 11.0996 9.7002L14 12.5996L16.9004 9.7002C17.0836 9.51701 17.3165 9.42489 17.5996 9.4248Z\"\n          fill=\"#737272\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM14 4C12.6167 4 11.3163 4.26211 10.0996 4.78711C8.88302 5.3121 7.82476 6.02485 6.9248 6.9248C6.02485 7.82476 5.3121 8.88302 4.78711 10.0996C4.26211 11.3163 4 12.6167 4 14C4 15.3833 4.26211 16.6837 4.78711 17.9004C5.3121 19.117 6.02485 20.1752 6.9248 21.0752C7.82476 21.9751 8.88302 22.6879 10.0996 23.2129C11.3163 23.7379 12.6167 24 14 24C15.3833 24 16.6837 23.7379 17.9004 23.2129C19.117 22.6879 20.1752 21.9751 21.0752 21.0752C21.9751 20.1752 22.6879 19.117 23.2129 17.9004C23.7379 16.6837 24 15.3833 24 14C24 12.6167 23.7379 11.3163 23.2129 10.0996C22.6879 8.88302 21.9751 7.82476 21.0752 6.9248C20.1752 6.02485 19.117 5.3121 17.9004 4.78711C16.6837 4.26211 15.3833 4 14 4Z\"\n          fill=\"#737272\"\n        />\n      </svg>\n    }\n\n    @case (\"unknown\") {\n      <svg viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z\"\n          fill=\"white\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM13.9922 19C13.4422 19 12.9708 19.1962 12.5791 19.5879C12.1877 19.9795 11.9922 20.4502 11.9922 21C11.9922 21.5498 12.1877 22.0205 12.5791 22.4121C12.9708 22.8038 13.4422 23 13.9922 23C14.5421 23 15.0127 22.8037 15.4043 22.4121C15.7959 22.0205 15.9922 21.55 15.9922 21C15.9922 20.45 15.7959 19.9795 15.4043 19.5879C15.0127 19.1963 14.5421 19 13.9922 19ZM13.9922 4C13.0089 4 12.1043 4.22044 11.2793 4.66211C10.4543 5.10378 9.77552 5.72539 9.24219 6.52539C9.05897 6.80862 8.97993 7.10827 9.00488 7.4248C9.02987 7.74129 9.15853 8.00801 9.3916 8.22461C9.72483 8.52451 10.121 8.64609 10.5791 8.58789C11.0374 8.52956 11.4003 8.30814 11.667 7.9248C11.9503 7.52487 12.2881 7.22101 12.6797 7.0127C13.0713 6.80439 13.5089 6.7002 13.9922 6.7002C14.7754 6.70023 15.4049 6.91631 15.8799 7.34961C16.3549 7.78294 16.5918 8.35854 16.5918 9.0752C16.5918 9.55831 16.4545 10.0039 16.1797 10.4121C15.9047 10.8204 15.3422 11.4004 14.4922 12.1504C13.8257 12.7502 13.3507 13.3208 13.0674 13.8623C12.784 14.404 12.6416 15.0004 12.6416 15.6504C12.6417 16.0336 12.7798 16.3541 13.0547 16.6123C13.3297 16.8706 13.6587 17 14.042 17C14.4253 17 14.7543 16.8663 15.0293 16.5996C15.3042 16.333 15.4753 15.9996 15.542 15.5996C15.6087 15.1831 15.7502 14.8122 15.9668 14.4873C16.1835 14.1623 16.6002 13.7083 17.2168 13.125C18.0668 12.3084 18.6501 11.6 18.9668 11C19.2835 10.4 19.4424 9.72461 19.4424 8.97461C19.4423 7.49151 18.9379 6.29157 17.9297 5.375C16.9214 4.45837 15.6088 4.00004 13.9922 4Z\"\n          fill=\"#737272\"\n        />\n      </svg>\n    }\n  }\n</div>\n", styles: [".rte-avatar-status{display:flex;position:absolute;bottom:0;right:0;border-radius:50%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hc3NldHMvc3RhdHVzL3N0YXR1cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy9hdmF0YXIvYXNzZXRzL3N0YXR1cy9zdGF0dXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2pELE1BQU0sT0FBTyxlQUFlO0lBTjVCO1FBT1csV0FBTSxHQUFHLEtBQUssRUFBZ0IsQ0FBQztRQUMvQixTQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7S0FDakM7K0dBSFksZUFBZTttR0FBZixlQUFlLGtVQ1Q1QixtNVBBNEZBOzs0RkRuRmEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQXZhdGFyU3RhdHVzIH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInJ0ZS1zdGF0dXNcIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9zdGF0dXMuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9zdGF0dXMuY29tcG9uZW50LnNjc3NcIixcbn0pXG5leHBvcnQgY2xhc3MgU3RhdHVzQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgc3RhdHVzID0gaW5wdXQ8QXZhdGFyU3RhdHVzPigpO1xuICByZWFkb25seSBzaXplID0gaW5wdXQ8bnVtYmVyPigpO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInJ0ZS1hdmF0YXItc3RhdHVzXCJcbiAgW3N0eWxlXT1cIntcbiAgICB3aWR0aDogc2l6ZSgpICsgJ3B4JyxcbiAgICBoZWlnaHQ6IHNpemUoKSArICdweCcsXG4gIH1cIlxuPlxuICBAc3dpdGNoIChzdGF0dXMoKSkge1xuICAgIEBjYXNlIChcImF2YWlsYWJsZVwiKSB7XG4gICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjggMjhcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTAgMTRDMCA2LjI2ODAxIDYuMjY4MDEgMCAxNCAwQzIxLjczMiAwIDI4IDYuMjY4MDEgMjggMTRDMjggMjEuNzMyIDIxLjczMiAyOCAxNCAyOEM2LjI2ODAxIDI4IDAgMjEuNzMyIDAgMTRaXCJcbiAgICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGQ9XCJNMTQgMEMyMS43MzIgMCAyOCA2LjI2ODAxIDI4IDE0QzI4IDIxLjczMiAyMS43MzIgMjggMTQgMjhDNi4yNjgwMSAyOCAwIDIxLjczMiAwIDE0QzAgNi4yNjgwMSA2LjI2ODAxIDAgMTQgMFpNMjAuNDYyOSA4QzIwLjE5NjMgOC4wMDAwMyAxOS45NjI3IDguMDk5ODMgMTkuNzYyNyA4LjI5OThMMTEuMjg4MSAxNi43NzU0TDcuNzM4MjggMTMuMjAwMkM3LjUzODI4IDEzLjAwMDIgNy4zMDAzOSAxMi45MDA0IDcuMDI1MzkgMTIuOTAwNEM2Ljc1MDUgMTIuOTAwNCA2LjUxMzQyIDEzLjAwMDMgNi4zMTM0OCAxMy4yMDAyQzYuMTEzNTcgMTMuNDAwMSA2LjAwOTQgMTMuNjM3MyA2LjAwMDk4IDEzLjkxMjFDNS45OTI2NCAxNC4xODcxIDYuMDg4MDkgMTQuNDI1IDYuMjg4MDkgMTQuNjI1TDEwLjU4NzkgMTguOTI0OEMxMC43ODc5IDE5LjEyNDggMTEuMDIxNCAxOS4yMjQ2IDExLjI4ODEgMTkuMjI0NkMxMS41NTQ3IDE5LjIyNDYgMTEuNzg4MyAxOS4xMjQ4IDExLjk4ODMgMTguOTI0OEwyMS4xNjMxIDkuNzI0NjFDMjEuMzYyOSA5LjUyNDcxIDIxLjQ2MjggOS4yODc1IDIxLjQ2MjkgOS4wMTI3QzIxLjQ2MjkgOC43Mzc3IDIxLjM2MzEgOC40OTk4IDIxLjE2MzEgOC4yOTk4QzIwLjk2MzEgOC4wOTk4NCAyMC43Mjk1IDggMjAuNDYyOSA4WlwiXG4gICAgICAgICAgZmlsbD1cIiMwQjhBNERcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgfVxuXG4gICAgQGNhc2UgKFwiYXdheVwiKSB7XG4gICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjggMjhcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTAgMTRDMCA2LjI2ODAxIDYuMjY4MDEgMCAxNCAwQzIxLjczMiAwIDI4IDYuMjY4MDEgMjggMTRDMjggMjEuNzMyIDIxLjczMiAyOCAxNCAyOEM2LjI2ODAxIDI4IDAgMjEuNzMyIDAgMTRaXCJcbiAgICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGNsaXAtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICAgIGQ9XCJNMTQgNkMxNi4yMTY3IDYgMTguMTAzOCA2Ljc3OTU2IDE5LjY2MjEgOC4zMzc4OUMyMS4yMjA0IDkuODk2MjIgMjIgMTEuNzgzMyAyMiAxNEMyMiAxNi4yMTY3IDIxLjIyMDQgMTguMTAzOCAxOS42NjIxIDE5LjY2MjFDMTguMTAzOCAyMS4yMjA0IDE2LjIxNjcgMjIgMTQgMjJDMTEuNzgzMyAyMiA5Ljg5NjIyIDIxLjIyMDQgOC4zMzc4OSAxOS42NjIxQzYuNzc5NTYgMTguMTAzOCA2IDE2LjIxNjcgNiAxNEM2IDExLjc4MzMgNi43Nzk1NiA5Ljg5NjIyIDguMzM3ODkgOC4zMzc4OUM5Ljg5NjIyIDYuNzc5NTYgMTEuNzgzMyA2IDE0IDZaTTE0IDlDMTMuNzE2NyA5IDEzLjQ3ODggOS4wOTU0NCAxMy4yODcxIDkuMjg3MTFDMTMuMDk1NCA5LjQ3ODc4IDEzIDkuNzE2NjcgMTMgMTBWMTMuOTc0NkMxMyAxNC4xMDc5IDEzLjAyNTIgMTQuMjM3MyAxMy4wNzUyIDE0LjM2MjNDMTMuMTI1MiAxNC40ODczIDEzLjE5OTggMTQuNjAwMiAxMy4yOTk4IDE0LjcwMDJMMTYuNTk5NiAxOEMxNi43ODI5IDE4LjE4MzMgMTcuMDE2NiAxOC4yNzUzIDE3LjI5OTggMTguMjc1NEMxNy41ODMxIDE4LjI3NTQgMTcuODE2NyAxOC4xODMzIDE4IDE4QzE4LjE4MzMgMTcuODE2NyAxOC4yNzU0IDE3LjU4MzEgMTguMjc1NCAxNy4yOTk4QzE4LjI3NTMgMTcuMDE2NiAxOC4xODMzIDE2Ljc4MjkgMTggMTYuNTk5NkwxNSAxMy41OTk2VjEwQzE1IDkuNzE2NjcgMTQuOTA0NiA5LjQ3ODc4IDE0LjcxMjkgOS4yODcxMUMxNC41MjEyIDkuMDk1NDQgMTQuMjgzMyA5IDE0IDlaXCJcbiAgICAgICAgICBmaWxsPVwiI0VENkUxM1wiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgZD1cIk0xNCAwQzIxLjczMiAwIDI4IDYuMjY4MDEgMjggMTRDMjggMjEuNzMyIDIxLjczMiAyOCAxNCAyOEM2LjI2ODAxIDI4IDAgMjEuNzMyIDAgMTRDMCA2LjI2ODAxIDYuMjY4MDEgMCAxNCAwWk0xNCA0QzEyLjYxNjcgNCAxMS4zMTYzIDQuMjYyMTEgMTAuMDk5NiA0Ljc4NzExQzguODgzMDIgNS4zMTIxIDcuODI0NzYgNi4wMjQ4NSA2LjkyNDggNi45MjQ4QzYuMDI0ODUgNy44MjQ3NiA1LjMxMjEgOC44ODMwMiA0Ljc4NzExIDEwLjA5OTZDNC4yNjIxMSAxMS4zMTYzIDQgMTIuNjE2NyA0IDE0QzQgMTUuMzgzMyA0LjI2MjExIDE2LjY4MzcgNC43ODcxMSAxNy45MDA0QzUuMzEyMSAxOS4xMTcgNi4wMjQ4NSAyMC4xNzUyIDYuOTI0OCAyMS4wNzUyQzcuODI0NzYgMjEuOTc1MSA4Ljg4MzAyIDIyLjY4NzkgMTAuMDk5NiAyMy4yMTI5QzExLjMxNjMgMjMuNzM3OSAxMi42MTY3IDI0IDE0IDI0QzE1LjM4MzMgMjQgMTYuNjgzNyAyMy43Mzc5IDE3LjkwMDQgMjMuMjEyOUMxOS4xMTcgMjIuNjg3OSAyMC4xNzUyIDIxLjk3NTEgMjEuMDc1MiAyMS4wNzUyQzIxLjk3NTEgMjAuMTc1MiAyMi42ODc5IDE5LjExNyAyMy4yMTI5IDE3LjkwMDRDMjMuNzM3OSAxNi42ODM3IDI0IDE1LjM4MzMgMjQgMTRDMjQgMTIuNjE2NyAyMy43Mzc5IDExLjMxNjMgMjMuMjEyOSAxMC4wOTk2QzIyLjY4NzkgOC44ODMwMiAyMS45NzUxIDcuODI0NzYgMjEuMDc1MiA2LjkyNDhDMjAuMTc1MiA2LjAyNDg1IDE5LjExNyA1LjMxMjEgMTcuOTAwNCA0Ljc4NzExQzE2LjY4MzcgNC4yNjIxMSAxNS4zODMzIDQgMTQgNFpcIlxuICAgICAgICAgIGZpbGw9XCIjRUQ2RTEzXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIH1cblxuICAgIEBjYXNlIChcImJ1c3lcIikge1xuICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI4IDI4XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0wIDE0QzAgNi4yNjgwMSA2LjI2ODAxIDAgMTQgMEMyMS43MzIgMCAyOCA2LjI2ODAxIDI4IDE0QzI4IDIxLjczMiAyMS43MzIgMjggMTQgMjhDNi4yNjgwMSAyOCAwIDIxLjczMiAwIDE0WlwiXG4gICAgICAgICAgZmlsbD1cIndoaXRlXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTE0IDBDMjEuNzMyIDAgMjggNi4yNjgwMSAyOCAxNEMyOCAyMS43MzIgMjEuNzMyIDI4IDE0IDI4QzYuMjY4MDEgMjggMCAyMS43MzIgMCAxNEMwIDYuMjY4MDEgNi4yNjgwMSAwIDE0IDBaXCJcbiAgICAgICAgICBmaWxsPVwiI0RFMjA0OFwiXG4gICAgICAgIC8+XG4gICAgICA8L3N2Zz5cbiAgICB9XG5cbiAgICBAY2FzZSAoXCJvZmZsaW5lXCIpIHtcbiAgICAgIDxzdmcgdmlld0JveD1cIjAgMCAyOCAyOFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMCAxNEMwIDYuMjY4MDEgNi4yNjgwMSAwIDE0IDBDMjEuNzMyIDAgMjggNi4yNjgwMSAyOCAxNEMyOCAyMS43MzIgMjEuNzMyIDI4IDE0IDI4QzYuMjY4MDEgMjggMCAyMS43MzIgMCAxNFpcIlxuICAgICAgICAgIGZpbGw9XCJ3aGl0ZVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xNy41OTk2IDkuNDI0OEMxNy44ODI5IDkuNDI0OCAxOC4xMTY1IDkuNTE2ODYgMTguMjk5OCA5LjcwMDJDMTguNDgzMSA5Ljg4MzUzIDE4LjU3NTIgMTAuMTE3MSAxOC41NzUyIDEwLjQwMDRDMTguNTc1MSAxMC42ODM1IDE4LjQ4MyAxMC45MTY0IDE4LjI5OTggMTEuMDk5NkwxNS40MDA0IDE0TDE4LjI5OTggMTYuOTAwNEMxOC40ODMgMTcuMDgzNiAxOC41NzUxIDE3LjMxNjUgMTguNTc1MiAxNy41OTk2QzE4LjU3NTIgMTcuODgyOSAxOC40ODMxIDE4LjExNjUgMTguMjk5OCAxOC4yOTk4QzE4LjExNjUgMTguNDgzMSAxNy44ODI5IDE4LjU3NTIgMTcuNTk5NiAxOC41NzUyQzE3LjMxNjUgMTguNTc1MSAxNy4wODM2IDE4LjQ4MyAxNi45MDA0IDE4LjI5OThMMTQgMTUuNDAwNEwxMS4wOTk2IDE4LjI5OThDMTAuOTE2NCAxOC40ODMgMTAuNjgzNSAxOC41NzUxIDEwLjQwMDQgMTguNTc1MkMxMC4xMTcxIDE4LjU3NTIgOS44ODM1MyAxOC40ODMxIDkuNzAwMiAxOC4yOTk4QzkuNTE2ODYgMTguMTE2NSA5LjQyNDggMTcuODgyOSA5LjQyNDggMTcuNTk5NkM5LjQyNDg5IDE3LjMxNjUgOS41MTcwMSAxNy4wODM2IDkuNzAwMiAxNi45MDA0TDEyLjU5OTYgMTRMOS43MDAyIDExLjA5OTZDOS41MTcwMSAxMC45MTY0IDkuNDI0ODkgMTAuNjgzNSA5LjQyNDggMTAuNDAwNEM5LjQyNDggMTAuMTE3MSA5LjUxNjg2IDkuODgzNTMgOS43MDAyIDkuNzAwMkM5Ljg4MzUzIDkuNTE2ODYgMTAuMTE3MSA5LjQyNDggMTAuNDAwNCA5LjQyNDhDMTAuNjgzNSA5LjQyNDg5IDEwLjkxNjQgOS41MTcwMSAxMS4wOTk2IDkuNzAwMkwxNCAxMi41OTk2TDE2LjkwMDQgOS43MDAyQzE3LjA4MzYgOS41MTcwMSAxNy4zMTY1IDkuNDI0ODkgMTcuNTk5NiA5LjQyNDhaXCJcbiAgICAgICAgICBmaWxsPVwiIzczNzI3MlwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgZD1cIk0xNCAwQzIxLjczMiAwIDI4IDYuMjY4MDEgMjggMTRDMjggMjEuNzMyIDIxLjczMiAyOCAxNCAyOEM2LjI2ODAxIDI4IDAgMjEuNzMyIDAgMTRDMCA2LjI2ODAxIDYuMjY4MDEgMCAxNCAwWk0xNCA0QzEyLjYxNjcgNCAxMS4zMTYzIDQuMjYyMTEgMTAuMDk5NiA0Ljc4NzExQzguODgzMDIgNS4zMTIxIDcuODI0NzYgNi4wMjQ4NSA2LjkyNDggNi45MjQ4QzYuMDI0ODUgNy44MjQ3NiA1LjMxMjEgOC44ODMwMiA0Ljc4NzExIDEwLjA5OTZDNC4yNjIxMSAxMS4zMTYzIDQgMTIuNjE2NyA0IDE0QzQgMTUuMzgzMyA0LjI2MjExIDE2LjY4MzcgNC43ODcxMSAxNy45MDA0QzUuMzEyMSAxOS4xMTcgNi4wMjQ4NSAyMC4xNzUyIDYuOTI0OCAyMS4wNzUyQzcuODI0NzYgMjEuOTc1MSA4Ljg4MzAyIDIyLjY4NzkgMTAuMDk5NiAyMy4yMTI5QzExLjMxNjMgMjMuNzM3OSAxMi42MTY3IDI0IDE0IDI0QzE1LjM4MzMgMjQgMTYuNjgzNyAyMy43Mzc5IDE3LjkwMDQgMjMuMjEyOUMxOS4xMTcgMjIuNjg3OSAyMC4xNzUyIDIxLjk3NTEgMjEuMDc1MiAyMS4wNzUyQzIxLjk3NTEgMjAuMTc1MiAyMi42ODc5IDE5LjExNyAyMy4yMTI5IDE3LjkwMDRDMjMuNzM3OSAxNi42ODM3IDI0IDE1LjM4MzMgMjQgMTRDMjQgMTIuNjE2NyAyMy43Mzc5IDExLjMxNjMgMjMuMjEyOSAxMC4wOTk2QzIyLjY4NzkgOC44ODMwMiAyMS45NzUxIDcuODI0NzYgMjEuMDc1MiA2LjkyNDhDMjAuMTc1MiA2LjAyNDg1IDE5LjExNyA1LjMxMjEgMTcuOTAwNCA0Ljc4NzExQzE2LjY4MzcgNC4yNjIxMSAxNS4zODMzIDQgMTQgNFpcIlxuICAgICAgICAgIGZpbGw9XCIjNzM3MjcyXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIH1cblxuICAgIEBjYXNlIChcInVua25vd25cIikge1xuICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI4IDI4XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0wIDE0QzAgNi4yNjgwMSA2LjI2ODAxIDAgMTQgMEMyMS43MzIgMCAyOCA2LjI2ODAxIDI4IDE0QzI4IDIxLjczMiAyMS43MzIgMjggMTQgMjhDNi4yNjgwMSAyOCAwIDIxLjczMiAwIDE0WlwiXG4gICAgICAgICAgZmlsbD1cIndoaXRlXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICBkPVwiTTE0IDBDMjEuNzMyIDAgMjggNi4yNjgwMSAyOCAxNEMyOCAyMS43MzIgMjEuNzMyIDI4IDE0IDI4QzYuMjY4MDEgMjggMCAyMS43MzIgMCAxNEMwIDYuMjY4MDEgNi4yNjgwMSAwIDE0IDBaTTEzLjk5MjIgMTlDMTMuNDQyMiAxOSAxMi45NzA4IDE5LjE5NjIgMTIuNTc5MSAxOS41ODc5QzEyLjE4NzcgMTkuOTc5NSAxMS45OTIyIDIwLjQ1MDIgMTEuOTkyMiAyMUMxMS45OTIyIDIxLjU0OTggMTIuMTg3NyAyMi4wMjA1IDEyLjU3OTEgMjIuNDEyMUMxMi45NzA4IDIyLjgwMzggMTMuNDQyMiAyMyAxMy45OTIyIDIzQzE0LjU0MjEgMjMgMTUuMDEyNyAyMi44MDM3IDE1LjQwNDMgMjIuNDEyMUMxNS43OTU5IDIyLjAyMDUgMTUuOTkyMiAyMS41NSAxNS45OTIyIDIxQzE1Ljk5MjIgMjAuNDUgMTUuNzk1OSAxOS45Nzk1IDE1LjQwNDMgMTkuNTg3OUMxNS4wMTI3IDE5LjE5NjMgMTQuNTQyMSAxOSAxMy45OTIyIDE5Wk0xMy45OTIyIDRDMTMuMDA4OSA0IDEyLjEwNDMgNC4yMjA0NCAxMS4yNzkzIDQuNjYyMTFDMTAuNDU0MyA1LjEwMzc4IDkuNzc1NTIgNS43MjUzOSA5LjI0MjE5IDYuNTI1MzlDOS4wNTg5NyA2LjgwODYyIDguOTc5OTMgNy4xMDgyNyA5LjAwNDg4IDcuNDI0OEM5LjAyOTg3IDcuNzQxMjkgOS4xNTg1MyA4LjAwODAxIDkuMzkxNiA4LjIyNDYxQzkuNzI0ODMgOC41MjQ1MSAxMC4xMjEgOC42NDYwOSAxMC41NzkxIDguNTg3ODlDMTEuMDM3NCA4LjUyOTU2IDExLjQwMDMgOC4zMDgxNCAxMS42NjcgNy45MjQ4QzExLjk1MDMgNy41MjQ4NyAxMi4yODgxIDcuMjIxMDEgMTIuNjc5NyA3LjAxMjdDMTMuMDcxMyA2LjgwNDM5IDEzLjUwODkgNi43MDAyIDEzLjk5MjIgNi43MDAyQzE0Ljc3NTQgNi43MDAyMyAxNS40MDQ5IDYuOTE2MzEgMTUuODc5OSA3LjM0OTYxQzE2LjM1NDkgNy43ODI5NCAxNi41OTE4IDguMzU4NTQgMTYuNTkxOCA5LjA3NTJDMTYuNTkxOCA5LjU1ODMxIDE2LjQ1NDUgMTAuMDAzOSAxNi4xNzk3IDEwLjQxMjFDMTUuOTA0NyAxMC44MjA0IDE1LjM0MjIgMTEuNDAwNCAxNC40OTIyIDEyLjE1MDRDMTMuODI1NyAxMi43NTAyIDEzLjM1MDcgMTMuMzIwOCAxMy4wNjc0IDEzLjg2MjNDMTIuNzg0IDE0LjQwNCAxMi42NDE2IDE1LjAwMDQgMTIuNjQxNiAxNS42NTA0QzEyLjY0MTcgMTYuMDMzNiAxMi43Nzk4IDE2LjM1NDEgMTMuMDU0NyAxNi42MTIzQzEzLjMyOTcgMTYuODcwNiAxMy42NTg3IDE3IDE0LjA0MiAxN0MxNC40MjUzIDE3IDE0Ljc1NDMgMTYuODY2MyAxNS4wMjkzIDE2LjU5OTZDMTUuMzA0MiAxNi4zMzMgMTUuNDc1MyAxNS45OTk2IDE1LjU0MiAxNS41OTk2QzE1LjYwODcgMTUuMTgzMSAxNS43NTAyIDE0LjgxMjIgMTUuOTY2OCAxNC40ODczQzE2LjE4MzUgMTQuMTYyMyAxNi42MDAyIDEzLjcwODMgMTcuMjE2OCAxMy4xMjVDMTguMDY2OCAxMi4zMDg0IDE4LjY1MDEgMTEuNiAxOC45NjY4IDExQzE5LjI4MzUgMTAuNCAxOS40NDI0IDkuNzI0NjEgMTkuNDQyNCA4Ljk3NDYxQzE5LjQ0MjMgNy40OTE1MSAxOC45Mzc5IDYuMjkxNTcgMTcuOTI5NyA1LjM3NUMxNi45MjE0IDQuNDU4MzcgMTUuNjA4OCA0LjAwMDA0IDEzLjk5MjIgNFpcIlxuICAgICAgICAgIGZpbGw9XCIjNzM3MjcyXCJcbiAgICAgICAgLz5cbiAgICAgIDwvc3ZnPlxuICAgIH1cbiAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/avatar/avatar.component.mjs

@@ -0,0 +1,52 @@
+import { CommonModule } from "@angular/common";
+import { ChangeDetectionStrategy, Component, computed, input, output } from "@angular/core";
+import { IconSizeMap, StatusIndicatorSizeMap } from "@design-system-rte/core/components/avatar";
+import { computeBackgroundColor, computeMaskImage } from "@design-system-rte/core/components/avatar/avatar.utils";
+import { IconComponent } from "../icon/icon.component";
+import { StatusComponent } from "./assets/status/status.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AvatarComponent {
+    constructor() {
+        this.size = input(32);
+        this.type = input("user");
+        this.imgSrc = input();
+        this.alt = input("Avatar");
+        this.status = input();
+        this.layout = input("initials");
+        this.initials = input();
+        this.colorType = input("neutral");
+        this.decorativeColor = input();
+        this.isInteractive = input(false);
+        this.avatarClick = output();
+        this.backgroundColor = computed(() => {
+            return computeBackgroundColor(this.layout(), this.colorType(), this.decorativeColor());
+        });
+        this.maskImage = computed(() => {
+            return computeMaskImage(this.size(), !!this.status());
+        });
+        this.iconSize = computed(() => {
+            return IconSizeMap[this.size()] || IconSizeMap[32];
+        });
+        this.statusIndicatorSize = computed(() => {
+            return StatusIndicatorSizeMap[this.size()] || StatusIndicatorSizeMap[32];
+        });
+        this.isValidAvatar = computed(() => {
+            return ((this.layout() === "initials" && !!this.initials() && this.initials().length <= 2) ||
+                (this.layout() === "image" && this.imgSrc()) ||
+                this.layout() === "icon");
+        });
+    }
+    handleClick(e) {
+        if (this.isInteractive()) {
+            this.avatarClick.emit(e);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AvatarComponent, isStandalone: true, selector: "rte-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, imgSrc: { classPropertyName: "imgSrc", publicName: "imgSrc", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, colorType: { classPropertyName: "colorType", publicName: "colorType", isSignal: true, isRequired: false, transformFunction: null }, decorativeColor: { classPropertyName: "decorativeColor", publicName: "decorativeColor", isSignal: true, isRequired: false, transformFunction: null }, isInteractive: { classPropertyName: "isInteractive", publicName: "isInteractive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { avatarClick: "avatarClick" }, ngImport: i0, template: "@if (isInteractive()) {\n  <button\n    class=\"rte-avatar__button rte-avatar__container\"\n    aria-label=\"Avatar button\"\n    [attr.data-avatar-type]=\"type()\"\n    (click)=\"handleClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"baseAvatar\"></ng-container>\n  </button>\n} @else {\n  <div class=\"rte-avatar__container\">\n    <ng-container *ngTemplateOutlet=\"baseAvatar\"></ng-container>\n  </div>\n}\n\n<ng-template #baseAvatar>\n  <div *ngIf=\"isValidAvatar()\" [style.width]=\"size() + 'px'\" [style.height]=\"size() + 'px'\">\n    <div\n      class=\"rte-avatar\"\n      [attr.data-size]=\"size()\"\n      [attr.data-avatar-type]=\"type()\"\n      [attr.data-color]=\"colorType()\"\n      [style.background-color]=\"backgroundColor()\"\n      [style.maskImage]=\"maskImage()\"\n    >\n      @if (layout() === \"initials\") {\n        <span class=\"rte-avatar__initials\" [attr.data-size]=\"size()\">{{ initials() }}</span>\n      }\n      @if (layout() === \"icon\") {\n        <rte-icon [name]=\"type() === 'user' ? 'user' : 'company'\" [size]=\"iconSize()\"></rte-icon>\n      }\n      @if (layout() === \"image\") {\n        <img class=\"rte-avatar__image\" [src]=\"imgSrc()\" [alt]=\"alt()\" />\n      }\n    </div>\n    @if (status()) {\n      <rte-status [status]=\"status()\" [size]=\"statusIndicatorSize()\"></rte-status>\n    }\n  </div>\n</ng-template>\n", styles: [".rte-avatar__button{background:none;border:none;padding:0;cursor:pointer;border-radius:999px}.rte-avatar__button[data-avatar-type=entity]{border-radius:0}.rte-avatar__button:focus-visible{outline:2px solid var(--border-brand-focused);outline-offset:4px}.rte-avatar__container{position:relative;display:block}.rte-avatar{position:relative;width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--content-tertiary)}.rte-avatar[data-color=decorative]{color:var(--content-secondary)}.rte-avatar[data-avatar-type=entity]{border-radius:4px}.rte-avatar[data-avatar-type=entity][data-size=\"48\"],.rte-avatar[data-avatar-type=entity][data-size=\"56\"],.rte-avatar[data-avatar-type=entity][data-size=\"64\"],.rte-avatar[data-avatar-type=entity][data-size=\"72\"]{border-radius:8px}.rte-avatar[data-avatar-type=entity][data-size=\"96\"],.rte-avatar[data-avatar-type=entity][data-size=\"120\"]{border-radius:12px}.rte-avatar[data-color=brand]{background-color:var(--background-brand-default);color:var(--content-primary-inverse)}.rte-avatar .rte-avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.rte-avatar .rte-avatar__initials{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0px}.rte-avatar .rte-avatar__initials[data-size=\"24\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px}.rte-avatar .rte-avatar__initials[data-size=\"36\"],.rte-avatar .rte-avatar__initials[data-size=\"40\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"48\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"56\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"64\"],.rte-avatar .rte-avatar__initials[data-size=\"72\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-1px}.rte-avatar .rte-avatar__initials[data-size=\"96\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:40px;line-height:48px;letter-spacing:-1px}.rte-avatar .rte-avatar__initials[data-size=\"120\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:48px;line-height:56px;letter-spacing:-1px}.rte-avatar__status-indicator{position:absolute;bottom:0;right:0;border-radius:50%;z-index:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: StatusComponent, selector: "rte-status", inputs: ["status", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-avatar", imports: [CommonModule, IconComponent, StatusComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isInteractive()) {\n  <button\n    class=\"rte-avatar__button rte-avatar__container\"\n    aria-label=\"Avatar button\"\n    [attr.data-avatar-type]=\"type()\"\n    (click)=\"handleClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"baseAvatar\"></ng-container>\n  </button>\n} @else {\n  <div class=\"rte-avatar__container\">\n    <ng-container *ngTemplateOutlet=\"baseAvatar\"></ng-container>\n  </div>\n}\n\n<ng-template #baseAvatar>\n  <div *ngIf=\"isValidAvatar()\" [style.width]=\"size() + 'px'\" [style.height]=\"size() + 'px'\">\n    <div\n      class=\"rte-avatar\"\n      [attr.data-size]=\"size()\"\n      [attr.data-avatar-type]=\"type()\"\n      [attr.data-color]=\"colorType()\"\n      [style.background-color]=\"backgroundColor()\"\n      [style.maskImage]=\"maskImage()\"\n    >\n      @if (layout() === \"initials\") {\n        <span class=\"rte-avatar__initials\" [attr.data-size]=\"size()\">{{ initials() }}</span>\n      }\n      @if (layout() === \"icon\") {\n        <rte-icon [name]=\"type() === 'user' ? 'user' : 'company'\" [size]=\"iconSize()\"></rte-icon>\n      }\n      @if (layout() === \"image\") {\n        <img class=\"rte-avatar__image\" [src]=\"imgSrc()\" [alt]=\"alt()\" />\n      }\n    </div>\n    @if (status()) {\n      <rte-status [status]=\"status()\" [size]=\"statusIndicatorSize()\"></rte-status>\n    }\n  </div>\n</ng-template>\n", styles: [".rte-avatar__button{background:none;border:none;padding:0;cursor:pointer;border-radius:999px}.rte-avatar__button[data-avatar-type=entity]{border-radius:0}.rte-avatar__button:focus-visible{outline:2px solid var(--border-brand-focused);outline-offset:4px}.rte-avatar__container{position:relative;display:block}.rte-avatar{position:relative;width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--content-tertiary)}.rte-avatar[data-color=decorative]{color:var(--content-secondary)}.rte-avatar[data-avatar-type=entity]{border-radius:4px}.rte-avatar[data-avatar-type=entity][data-size=\"48\"],.rte-avatar[data-avatar-type=entity][data-size=\"56\"],.rte-avatar[data-avatar-type=entity][data-size=\"64\"],.rte-avatar[data-avatar-type=entity][data-size=\"72\"]{border-radius:8px}.rte-avatar[data-avatar-type=entity][data-size=\"96\"],.rte-avatar[data-avatar-type=entity][data-size=\"120\"]{border-radius:12px}.rte-avatar[data-color=brand]{background-color:var(--background-brand-default);color:var(--content-primary-inverse)}.rte-avatar .rte-avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.rte-avatar .rte-avatar__initials{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0px}.rte-avatar .rte-avatar__initials[data-size=\"24\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0px}.rte-avatar .rte-avatar__initials[data-size=\"36\"],.rte-avatar .rte-avatar__initials[data-size=\"40\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"48\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"56\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:24px;line-height:32px;letter-spacing:-.5px}.rte-avatar .rte-avatar__initials[data-size=\"64\"],.rte-avatar .rte-avatar__initials[data-size=\"72\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:32px;line-height:40px;letter-spacing:-1px}.rte-avatar .rte-avatar__initials[data-size=\"96\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:40px;line-height:48px;letter-spacing:-1px}.rte-avatar .rte-avatar__initials[data-size=\"120\"]{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:48px;line-height:56px;letter-spacing:-1px}.rte-avatar__status-indicator{position:absolute;bottom:0;right:0;border-radius:50%;z-index:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RixPQUFPLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFRaEcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFHbEgsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBVW5FLE1BQU0sT0FBTyxlQUFlO0lBUjVCO1FBU1csU0FBSSxHQUFHLEtBQUssQ0FBYSxFQUFFLENBQUMsQ0FBQztRQUM3QixTQUFJLEdBQUcsS0FBSyxDQUFhLE1BQU0sQ0FBQyxDQUFDO1FBQ2pDLFdBQU0sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN6QixRQUFHLEdBQUcsS0FBSyxDQUFTLFFBQVEsQ0FBQyxDQUFDO1FBQzlCLFdBQU0sR0FBRyxLQUFLLEVBQWdCLENBQUM7UUFDL0IsV0FBTSxHQUFHLEtBQUssQ0FBZSxVQUFVLENBQUMsQ0FBQztRQUN6QyxhQUFRLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDM0IsY0FBUyxHQUFHLEtBQUssQ0FBa0IsU0FBUyxDQUFDLENBQUM7UUFDOUMsb0JBQWUsR0FBRyxLQUFLLEVBQW1CLENBQUM7UUFDM0Msa0JBQWEsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFdEMsZ0JBQVcsR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUVuQyxvQkFBZSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDdkMsT0FBTyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQ3pGLENBQUMsQ0FBQyxDQUFDO1FBRU0sY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDakMsT0FBTyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQ3hELENBQUMsQ0FBQyxDQUFDO1FBRU0sYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDaEMsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELENBQUMsQ0FBQyxDQUFDO1FBRU0sd0JBQW1CLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMzQyxPQUFPLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLHNCQUFzQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNFLENBQUMsQ0FBQyxDQUFDO1FBRU0sa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3JDLE9BQU8sQ0FDTCxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxVQUFVLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFHLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQztnQkFDbkYsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDNUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLE1BQU0sQ0FDekIsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO0tBT0o7SUFMQyxXQUFXLENBQUMsQ0FBYTtRQUN2QixJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDOytHQTFDVSxlQUFlO21HQUFmLGVBQWUsbTNDQ3pCNUIsODJDQXdDQSxtK0ZEckJZLFlBQVksMFNBQUUsYUFBYSxpSEFBRSxlQUFlOzs0RkFNM0MsZUFBZTtrQkFSM0IsU0FBUzsrQkFDRSxZQUFZLFdBQ2IsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxjQUMzQyxJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJY29uU2l6ZU1hcCwgU3RhdHVzSW5kaWNhdG9yU2l6ZU1hcCB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2F2YXRhclwiO1xuaW1wb3J0IHtcbiAgQXZhdGFyQ29sb3JUeXBlLFxuICBBdmF0YXJMYXlvdXQsXG4gIEF2YXRhclNpemUsXG4gIEF2YXRhclN0YXR1cyxcbiAgQXZhdGFyVHlwZSxcbn0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IGNvbXB1dGVCYWNrZ3JvdW5kQ29sb3IsIGNvbXB1dGVNYXNrSW1hZ2UgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLnV0aWxzXCI7XG5pbXBvcnQgeyBEZWNvcmF0aXZlQ29sb3IgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9jb21tb24vY29tbW9uLXR5cGVzXCI7XG5cbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi9pY29uLmNvbXBvbmVudFwiO1xuXG5pbXBvcnQgeyBTdGF0dXNDb21wb25lbnQgfSBmcm9tIFwiLi9hc3NldHMvc3RhdHVzL3N0YXR1cy5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInJ0ZS1hdmF0YXJcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudCwgU3RhdHVzQ29tcG9uZW50XSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9hdmF0YXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9hdmF0YXIuY29tcG9uZW50LnNjc3NcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHNpemUgPSBpbnB1dDxBdmF0YXJTaXplPigzMik7XG4gIHJlYWRvbmx5IHR5cGUgPSBpbnB1dDxBdmF0YXJUeXBlPihcInVzZXJcIik7XG4gIHJlYWRvbmx5IGltZ1NyYyA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgYWx0ID0gaW5wdXQ8c3RyaW5nPihcIkF2YXRhclwiKTtcbiAgcmVhZG9ubHkgc3RhdHVzID0gaW5wdXQ8QXZhdGFyU3RhdHVzPigpO1xuICByZWFkb25seSBsYXlvdXQgPSBpbnB1dDxBdmF0YXJMYXlvdXQ+KFwiaW5pdGlhbHNcIik7XG4gIHJlYWRvbmx5IGluaXRpYWxzID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBjb2xvclR5cGUgPSBpbnB1dDxBdmF0YXJDb2xvclR5cGU+KFwibmV1dHJhbFwiKTtcbiAgcmVhZG9ubHkgZGVjb3JhdGl2ZUNvbG9yID0gaW5wdXQ8RGVjb3JhdGl2ZUNvbG9yPigpO1xuICByZWFkb25seSBpc0ludGVyYWN0aXZlID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGF2YXRhckNsaWNrID0gb3V0cHV0PE1vdXNlRXZlbnQ+KCk7XG5cbiAgcmVhZG9ubHkgYmFja2dyb3VuZENvbG9yID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiBjb21wdXRlQmFja2dyb3VuZENvbG9yKHRoaXMubGF5b3V0KCksIHRoaXMuY29sb3JUeXBlKCksIHRoaXMuZGVjb3JhdGl2ZUNvbG9yKCkpO1xuICB9KTtcblxuICByZWFkb25seSBtYXNrSW1hZ2UgPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgcmV0dXJuIGNvbXB1dGVNYXNrSW1hZ2UodGhpcy5zaXplKCksICEhdGhpcy5zdGF0dXMoKSk7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IGljb25TaXplID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiBJY29uU2l6ZU1hcFt0aGlzLnNpemUoKV0gfHwgSWNvblNpemVNYXBbMzJdO1xuICB9KTtcblxuICByZWFkb25seSBzdGF0dXNJbmRpY2F0b3JTaXplID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiBTdGF0dXNJbmRpY2F0b3JTaXplTWFwW3RoaXMuc2l6ZSgpXSB8fCBTdGF0dXNJbmRpY2F0b3JTaXplTWFwWzMyXTtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgaXNWYWxpZEF2YXRhciA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgKHRoaXMubGF5b3V0KCkgPT09IFwiaW5pdGlhbHNcIiAmJiAhIXRoaXMuaW5pdGlhbHMoKSAmJiB0aGlzLmluaXRpYWxzKCkhLmxlbmd0aCA8PSAyKSB8fFxuICAgICAgKHRoaXMubGF5b3V0KCkgPT09IFwiaW1hZ2VcIiAmJiB0aGlzLmltZ1NyYygpKSB8fFxuICAgICAgdGhpcy5sYXlvdXQoKSA9PT0gXCJpY29uXCJcbiAgICApO1xuICB9KTtcblxuICBoYW5kbGVDbGljayhlOiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKHRoaXMuaXNJbnRlcmFjdGl2ZSgpKSB7XG4gICAgICB0aGlzLmF2YXRhckNsaWNrLmVtaXQoZSk7XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKGlzSW50ZXJhY3RpdmUoKSkge1xuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJydGUtYXZhdGFyX19idXR0b24gcnRlLWF2YXRhcl9fY29udGFpbmVyXCJcbiAgICBhcmlhLWxhYmVsPVwiQXZhdGFyIGJ1dHRvblwiXG4gICAgW2F0dHIuZGF0YS1hdmF0YXItdHlwZV09XCJ0eXBlKClcIlxuICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiYXNlQXZhdGFyXCI+PC9uZy1jb250YWluZXI+XG4gIDwvYnV0dG9uPlxufSBAZWxzZSB7XG4gIDxkaXYgY2xhc3M9XCJydGUtYXZhdGFyX19jb250YWluZXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmFzZUF2YXRhclwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbn1cblxuPG5nLXRlbXBsYXRlICNiYXNlQXZhdGFyPlxuICA8ZGl2ICpuZ0lmPVwiaXNWYWxpZEF2YXRhcigpXCIgW3N0eWxlLndpZHRoXT1cInNpemUoKSArICdweCdcIiBbc3R5bGUuaGVpZ2h0XT1cInNpemUoKSArICdweCdcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInJ0ZS1hdmF0YXJcIlxuICAgICAgW2F0dHIuZGF0YS1zaXplXT1cInNpemUoKVwiXG4gICAgICBbYXR0ci5kYXRhLWF2YXRhci10eXBlXT1cInR5cGUoKVwiXG4gICAgICBbYXR0ci5kYXRhLWNvbG9yXT1cImNvbG9yVHlwZSgpXCJcbiAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImJhY2tncm91bmRDb2xvcigpXCJcbiAgICAgIFtzdHlsZS5tYXNrSW1hZ2VdPVwibWFza0ltYWdlKClcIlxuICAgID5cbiAgICAgIEBpZiAobGF5b3V0KCkgPT09IFwiaW5pdGlhbHNcIikge1xuICAgICAgICA8c3BhbiBjbGFzcz1cInJ0ZS1hdmF0YXJfX2luaXRpYWxzXCIgW2F0dHIuZGF0YS1zaXplXT1cInNpemUoKVwiPnt7IGluaXRpYWxzKCkgfX08L3NwYW4+XG4gICAgICB9XG4gICAgICBAaWYgKGxheW91dCgpID09PSBcImljb25cIikge1xuICAgICAgICA8cnRlLWljb24gW25hbWVdPVwidHlwZSgpID09PSAndXNlcicgPyAndXNlcicgOiAnY29tcGFueSdcIiBbc2l6ZV09XCJpY29uU2l6ZSgpXCI+PC9ydGUtaWNvbj5cbiAgICAgIH1cbiAgICAgIEBpZiAobGF5b3V0KCkgPT09IFwiaW1hZ2VcIikge1xuICAgICAgICA8aW1nIGNsYXNzPVwicnRlLWF2YXRhcl9faW1hZ2VcIiBbc3JjXT1cImltZ1NyYygpXCIgW2FsdF09XCJhbHQoKVwiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gICAgQGlmIChzdGF0dXMoKSkge1xuICAgICAgPHJ0ZS1zdGF0dXMgW3N0YXR1c109XCJzdGF0dXMoKVwiIFtzaXplXT1cInN0YXR1c0luZGljYXRvclNpemUoKVwiPjwvcnRlLXN0YXR1cz5cbiAgICB9XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/lib/components/banner/banner.component.mjs

@@ -64,7 +64,7 @@ export class BannerComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: BannerComponent, isStandalone: true, selector: "rte-banner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", close: "close" }, usesOnChanges: true, ngImport: i0, template: "<section\n  *ngIf=\"rendering()\"\n  class=\"rte-banner-container {{ type() }} {{ position() }}\"\n  class=\"rte-banner\"\n  [ngClass]=\"{ open: visible(), close: !visible() }\"\n  [attr.role]=\"type() === 'error' ? 'alert' : 'status'\"\n>\n  <div class=\"rte-banner-icon\">\n    <rte-icon [name]=\"iconName()\" [size]=\"32\" />\n  </div>\n  <div class=\"rte-banner-content\">\n    <span *ngIf=\"title()\" class=\"rte-banner-title\">{{ title() }}</span>\n    <div *ngIf=\"message()\" class=\"rte-banner-message\">\n      <span>{{ message() }}</span>\n    </div>\n  </div>\n  <button\n    *ngIf=\"actionLabel()\"\n    rteButton\n    rteButtonVariant=\"text\"\n    rteButtonSize=\"s\"\n    [attr.aria-label]=\"actionLabel()!\"\n    (click)=\"clickAction()\"\n  >\n    {{ actionLabel() }}\n  </button>\n  <div *ngIf=\"closable()\" class=\"rte-banner-close-icon\">\n    <rte-icon-button name=\"close\" variant=\"neutral\" ariaLabel=\"close banner\" (clickEvent)=\"closeBanner()\" />\n  </div>\n</section>\n", styles: [".rte-banner{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%);padding:16px;gap:16px;align-self:stretch;border-radius:0 0 4px 4px;display:flex;box-sizing:border-box;width:100%;min-width:320px;justify-content:center;align-items:center;color:var(--content-info-default);top:0;left:0;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10;border-bottom:8px solid var(--border-info);background-color:var(--background-default)}.rte-banner.error{color:var(--content-danger-default);border-bottom-color:var(--border-danger)}.rte-banner.success{color:var(--content-success-default);border-bottom-color:var(--border-success)}.rte-banner.warning{color:var(--content-primary);border-bottom-color:var(--border-warning)}.rte-banner.overlay{position:fixed}.rte-banner.open{opacity:1;transform:translateY(0)}.rte-banner.close{opacity:0;transform:translateY(-10px)}.rte-banner .rte-banner-icon{display:flex;padding:0 0 0 16px;justify-content:center;align-items:center;gap:var(--positive-spacing_0, 0);align-self:stretch}.rte-banner .banner-close-icon{color:var(--content-secondary)}.rte-banner .rte-banner-content{display:flex;padding:0 16px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;border-radius:0;opacity:100%}.rte-banner .rte-banner-content .rte-banner-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-banner .rte-banner-content .rte-banner-action-button{width:max-content}.rte-banner .rte-banner-content .rte-banner-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-secondary);display:flex;align-items:center;gap:24px;padding:8px 0;justify-content:space-between;width:100%}.rte-banner .rte-banner-close-icon{color:var(--content-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy", "badgeCount", "badgeContent", "badgeType", "badgeIcon", "customStyle"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonComponent, selector: "button[rteButton]", inputs: ["rteButtonVariant", "rteButtonSize", "rteBadgeCount", "rteBadgeContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: BannerComponent, isStandalone: true, selector: "rte-banner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", close: "close" }, usesOnChanges: true, ngImport: i0, template: "<section\n  *ngIf=\"rendering()\"\n  class=\"rte-banner-container {{ type() }} {{ position() }}\"\n  class=\"rte-banner\"\n  [ngClass]=\"{ open: visible(), close: !visible() }\"\n  [attr.role]=\"type() === 'error' ? 'alert' : 'status'\"\n>\n  <div class=\"rte-banner-icon\">\n    <rte-icon [name]=\"iconName()\" [size]=\"32\" />\n  </div>\n  <div class=\"rte-banner-content\">\n    <span *ngIf=\"title()\" class=\"rte-banner-title\">{{ title() }}</span>\n    <div *ngIf=\"message()\" class=\"rte-banner-message\">\n      <span>{{ message() }}</span>\n    </div>\n  </div>\n  <button\n    *ngIf=\"actionLabel()\"\n    rteButton\n    rteButtonVariant=\"text\"\n    rteButtonSize=\"s\"\n    [attr.aria-label]=\"actionLabel()!\"\n    (click)=\"clickAction()\"\n  >\n    {{ actionLabel() }}\n  </button>\n  <div *ngIf=\"closable()\" class=\"rte-banner-close-icon\">\n    <rte-icon-button name=\"close\" variant=\"neutral\" ariaLabel=\"close banner\" (clickEvent)=\"closeBanner()\" />\n  </div>\n</section>\n", styles: [".rte-banner{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%);padding:16px;gap:16px;align-self:stretch;border-radius:0 0 4px 4px;display:flex;box-sizing:border-box;width:100%;min-width:320px;justify-content:center;align-items:center;color:var(--content-info-default);top:0;left:0;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10;border-bottom:8px solid var(--border-info);background-color:var(--background-default)}.rte-banner.error{color:var(--content-danger-default);border-bottom-color:var(--border-danger)}.rte-banner.success{color:var(--content-success-default);border-bottom-color:var(--border-success)}.rte-banner.warning{color:var(--content-primary);border-bottom-color:var(--border-warning)}.rte-banner.overlay{position:fixed}.rte-banner.open{opacity:1;transform:translateY(0)}.rte-banner.close{opacity:0;transform:translateY(-10px)}.rte-banner .rte-banner-icon{display:flex;padding:0 0 0 16px;justify-content:center;align-items:center;gap:var(--positive-spacing_0, 0);align-self:stretch}.rte-banner .banner-close-icon{color:var(--content-secondary)}.rte-banner .rte-banner-content{display:flex;padding:0 16px;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;border-radius:0;opacity:100%}.rte-banner .rte-banner-content .rte-banner-title{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px}.rte-banner .rte-banner-content .rte-banner-action-button{width:max-content}.rte-banner .rte-banner-content .rte-banner-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-secondary);display:flex;align-items:center;gap:24px;padding:8px 0;justify-content:space-between;width:100%}.rte-banner .rte-banner-close-icon{color:var(--content-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }, { kind: "component", type: IconButtonComponent, selector: "rte-icon-button", inputs: ["disabled", "name", "size", "variant", "type", "appearance", "compactSpacing", "ariaLabel", "ariaLabelledBy", "badgeCount", "badgeContent", "badgeType", "badgeIcon", "customStyle"], outputs: ["clickEvent"] }, { kind: "component", type: ButtonComponent, selector: "button[rteButton]", inputs: ["rteButtonVariant", "rteButtonSize", "rteBadgeCount", "rteBadgeContent", "rteButtonIcon", "rteButtonIconPosition", "rteButtonIconAppearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/button/button.component.mjs

@@ -1,4 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, HostBinding, input } from "@angular/core";
+import { ButtonIconSize } from "@design-system-rte/core";
+import { IconComponent } from "../icon/icon.component";
 import * as i0 from "@angular/core";
 export class ButtonComponent {
     constructor() {
@@ -6,6 +8,10 @@ export class ButtonComponent {
         this.rteButtonSize = input("m");
         this.rteBadgeCount = input();
         this.rteBadgeContent = input();
+        this.rteButtonIcon = input();
+        this.rteButtonIconPosition = input("left");
+        this.rteButtonIconAppearance = input("filled");
+        this.iconSize = computed(() => ButtonIconSize[this.rteButtonSize()]);
         this.shouldDisplayBadge = computed(() => {
             const count = this.rteBadgeCount();
             const content = this.rteBadgeContent();
@@ -16,13 +22,13 @@ export class ButtonComponent {
         return `rte-button ${this.rteButtonVariant()} size-${this.rteButtonSize()}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "button[rteButton]", inputs: { rteButtonVariant: { classPropertyName: "rteButtonVariant", publicName: "rteButtonVariant", isSignal: true, isRequired: false, transformFunction: null }, rteButtonSize: { classPropertyName: "rteButtonSize", publicName: "rteButtonSize", isSignal: true, isRequired: false, transformFunction: null }, rteBadgeCount: { classPropertyName: "rteBadgeCount", publicName: "rteBadgeCount", isSignal: true, isRequired: false, transformFunction: null }, rteBadgeContent: { classPropertyName: "rteBadgeContent", publicName: "rteBadgeContent", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<span class=\"rte-button-label\">\n  <ng-content />\n  <!-- Le badge est g\u00E9r\u00E9 par BadgeDirective attach\u00E9e via hostDirectives -->\n</span>\n", styles: [":host{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;width:fit-content}:host:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}:host.size-s{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;height:24px;border-radius:4px;padding:4px 8px}:host.size-s .rte-button-label{margin:0 4px}:host.size-m{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;height:32px;border-radius:4px;padding:4px 12px}:host.size-m .rte-button-label{margin:0 6px}:host.size-l{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;height:40px;border-radius:8px;padding:4px 16px}:host.size-l .rte-button-label{margin:0 8px}:host.primary{border:var(--border-brand-default);color:var(--content-primary-inverse);background:var(--background-brand-default)}:host.primary:hover{background:var(--background-brand-hover);border:var(--background-brand-hover)}:host.primary:active{background:var(--background-brand-pressed)}:host.primary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.secondary{background:var(--background-default);border:solid 1px var(--border-brand-default);color:var(--content-brand-default)}:host.secondary:hover{background:var(--background-brand-inverse-hover)}:host.secondary:active{background:var(--background-brand-inverse-pressed)}:host.secondary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);cursor:default}:host.text{background:transparent;border:none;color:var(--content-brand-default)}:host.text:hover{background:var(--background-brand-inverse-hover)}:host.text:active{background:var(--background-brand-inverse-pressed)}:host.text:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:default}:host.transparent{background:transparent;border:none;color:var(--content-brand-default)}:host.transparent:hover{color:var(--content-brand-hover)}:host.transparent:active{color:var(--content-brand-pressed)}:host.transparent:disabled{color:var(--content-disabled);box-shadow:none;cursor:default}:host.danger{background:var(--background-danger-default);border:none;color:var(--content-primary-inverse)}:host.danger:hover{background:var(--background-danger-hover)}:host.danger:active{background:var(--background-danger-pressed)}:host.danger:disabled{background:var(--background-disabled);border:var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.neutral{background:none;border:none;color:var(--content-primary)}:host.neutral:hover{color:var(--content-secondary)}:host.neutral:active{color:var(--content-tertiary)}:host.neutral:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}:host.reverse{background:none;border:none;color:var(--content-primary-inverse)}:host.reverse:hover{color:var(--background-hover)}:host.reverse:active{color:var(--content-primary-inverse)}:host.reverse:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "button[rteButton]", inputs: { rteButtonVariant: { classPropertyName: "rteButtonVariant", publicName: "rteButtonVariant", isSignal: true, isRequired: false, transformFunction: null }, rteButtonSize: { classPropertyName: "rteButtonSize", publicName: "rteButtonSize", isSignal: true, isRequired: false, transformFunction: null }, rteBadgeCount: { classPropertyName: "rteBadgeCount", publicName: "rteBadgeCount", isSignal: true, isRequired: false, transformFunction: null }, rteBadgeContent: { classPropertyName: "rteBadgeContent", publicName: "rteBadgeContent", isSignal: true, isRequired: false, transformFunction: null }, rteButtonIcon: { classPropertyName: "rteButtonIcon", publicName: "rteButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, rteButtonIconPosition: { classPropertyName: "rteButtonIconPosition", publicName: "rteButtonIconPosition", isSignal: true, isRequired: false, transformFunction: null }, rteButtonIconAppearance: { classPropertyName: "rteButtonIconAppearance", publicName: "rteButtonIconAppearance", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "@if (rteButtonIcon() && rteButtonIconPosition() === \"left\") {\n  <rte-icon [name]=\"rteButtonIcon()!\" [appearance]=\"rteButtonIconAppearance()\" [size]=\"iconSize()!\"></rte-icon>\n}\n<span class=\"rte-button-label\">\n  <ng-content />\n  <!-- Le badge est g\u00E9r\u00E9 par BadgeDirective attach\u00E9e via hostDirectives -->\n</span>\n@if (rteButtonIcon() && rteButtonIconPosition() === \"right\") {\n  <rte-icon #icon [name]=\"rteButtonIcon()!\" [appearance]=\"rteButtonIconAppearance()\" [size]=\"iconSize()!\"></rte-icon>\n}\n", styles: [":host{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;width:fit-content}:host:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}:host.size-s{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;height:24px;border-radius:4px;padding:4px 8px}:host.size-s .rte-button-label{margin:0 4px}:host.size-m{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;height:32px;border-radius:4px;padding:4px 12px}:host.size-m .rte-button-label{margin:0 6px}:host.size-l{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;height:40px;border-radius:8px;padding:4px 16px}:host.size-l .rte-button-label{margin:0 8px}:host.primary{border:var(--border-brand-default);color:var(--content-primary-inverse);background:var(--background-brand-default)}:host.primary:hover{background:var(--background-brand-hover);border:var(--background-brand-hover)}:host.primary:active{background:var(--background-brand-pressed)}:host.primary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.secondary{background:var(--background-default);border:solid 1px var(--border-brand-default);color:var(--content-brand-default)}:host.secondary:hover{background:var(--background-brand-inverse-hover)}:host.secondary:active{background:var(--background-brand-inverse-pressed)}:host.secondary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);cursor:default}:host.text{background:transparent;border:none;color:var(--content-brand-default)}:host.text:hover{background:var(--background-brand-inverse-hover)}:host.text:active{background:var(--background-brand-inverse-pressed)}:host.text:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:default}:host.transparent{background:transparent;border:none;color:var(--content-brand-default)}:host.transparent:hover{color:var(--content-brand-hover)}:host.transparent:active{color:var(--content-brand-pressed)}:host.transparent:disabled{color:var(--content-disabled);box-shadow:none;cursor:default}:host.danger{background:var(--background-danger-default);border:none;color:var(--content-primary-inverse)}:host.danger:hover{background:var(--background-danger-hover)}:host.danger:active{background:var(--background-danger-pressed)}:host.danger:disabled{background:var(--background-disabled);border:var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.neutral{background:none;border:none;color:var(--content-primary)}:host.neutral:hover{color:var(--content-secondary)}:host.neutral:active{color:var(--content-tertiary)}:host.neutral:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}:host.reverse{background:none;border:none;color:var(--content-primary-inverse)}:host.reverse:hover{color:var(--background-hover)}:host.reverse:active{color:var(--content-primary-inverse)}:host.reverse:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "rte-icon", inputs: ["name", "size", "color", "classes", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "button[rteButton]", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"rte-button-label\">\n  <ng-content />\n  <!-- Le badge est g\u00E9r\u00E9 par BadgeDirective attach\u00E9e via hostDirectives -->\n</span>\n", styles: [":host{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;width:fit-content}:host:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}:host.size-s{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;height:24px;border-radius:4px;padding:4px 8px}:host.size-s .rte-button-label{margin:0 4px}:host.size-m{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;height:32px;border-radius:4px;padding:4px 12px}:host.size-m .rte-button-label{margin:0 6px}:host.size-l{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;height:40px;border-radius:8px;padding:4px 16px}:host.size-l .rte-button-label{margin:0 8px}:host.primary{border:var(--border-brand-default);color:var(--content-primary-inverse);background:var(--background-brand-default)}:host.primary:hover{background:var(--background-brand-hover);border:var(--background-brand-hover)}:host.primary:active{background:var(--background-brand-pressed)}:host.primary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.secondary{background:var(--background-default);border:solid 1px var(--border-brand-default);color:var(--content-brand-default)}:host.secondary:hover{background:var(--background-brand-inverse-hover)}:host.secondary:active{background:var(--background-brand-inverse-pressed)}:host.secondary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);cursor:default}:host.text{background:transparent;border:none;color:var(--content-brand-default)}:host.text:hover{background:var(--background-brand-inverse-hover)}:host.text:active{background:var(--background-brand-inverse-pressed)}:host.text:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:default}:host.transparent{background:transparent;border:none;color:var(--content-brand-default)}:host.transparent:hover{color:var(--content-brand-hover)}:host.transparent:active{color:var(--content-brand-pressed)}:host.transparent:disabled{color:var(--content-disabled);box-shadow:none;cursor:default}:host.danger{background:var(--background-danger-default);border:none;color:var(--content-primary-inverse)}:host.danger:hover{background:var(--background-danger-hover)}:host.danger:active{background:var(--background-danger-pressed)}:host.danger:disabled{background:var(--background-disabled);border:var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.neutral{background:none;border:none;color:var(--content-primary)}:host.neutral:hover{color:var(--content-secondary)}:host.neutral:active{color:var(--content-tertiary)}:host.neutral:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}:host.reverse{background:none;border:none;color:var(--content-primary-inverse)}:host.reverse:hover{color:var(--background-hover)}:host.reverse:active{color:var(--content-primary-inverse)}:host.reverse:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}\n"] }]
+            args: [{ selector: "button[rteButton]", imports: [IconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (rteButtonIcon() && rteButtonIconPosition() === \"left\") {\n  <rte-icon [name]=\"rteButtonIcon()!\" [appearance]=\"rteButtonIconAppearance()\" [size]=\"iconSize()!\"></rte-icon>\n}\n<span class=\"rte-button-label\">\n  <ng-content />\n  <!-- Le badge est g\u00E9r\u00E9 par BadgeDirective attach\u00E9e via hostDirectives -->\n</span>\n@if (rteButtonIcon() && rteButtonIconPosition() === \"right\") {\n  <rte-icon #icon [name]=\"rteButtonIcon()!\" [appearance]=\"rteButtonIconAppearance()\" [size]=\"iconSize()!\"></rte-icon>\n}\n", styles: [":host{display:inline-flex;flex-shrink:0;align-items:center;cursor:pointer;justify-content:center;width:fit-content}:host:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}:host.size-s{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-size:14px;letter-spacing:-.5px;font-weight:600;line-height:20px;height:24px;border-radius:4px;padding:4px 8px}:host.size-s .rte-button-label{margin:0 4px}:host.size-m{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:16px;line-height:24px;letter-spacing:-.5px;height:32px;border-radius:4px;padding:4px 12px}:host.size-m .rte-button-label{margin:0 6px}:host.size-l{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Nunito;font-weight:600;font-size:20px;line-height:28px;letter-spacing:-.5px;height:40px;border-radius:8px;padding:4px 16px}:host.size-l .rte-button-label{margin:0 8px}:host.primary{border:var(--border-brand-default);color:var(--content-primary-inverse);background:var(--background-brand-default)}:host.primary:hover{background:var(--background-brand-hover);border:var(--background-brand-hover)}:host.primary:active{background:var(--background-brand-pressed)}:host.primary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.secondary{background:var(--background-default);border:solid 1px var(--border-brand-default);color:var(--content-brand-default)}:host.secondary:hover{background:var(--background-brand-inverse-hover)}:host.secondary:active{background:var(--background-brand-inverse-pressed)}:host.secondary:disabled{background:var(--background-disabled);border:solid 1px var(--border-disabled);color:var(--content-disabled);cursor:default}:host.text{background:transparent;border:none;color:var(--content-brand-default)}:host.text:hover{background:var(--background-brand-inverse-hover)}:host.text:active{background:var(--background-brand-inverse-pressed)}:host.text:disabled{background:var(--background-disabled);color:var(--content-disabled);cursor:default}:host.transparent{background:transparent;border:none;color:var(--content-brand-default)}:host.transparent:hover{color:var(--content-brand-hover)}:host.transparent:active{color:var(--content-brand-pressed)}:host.transparent:disabled{color:var(--content-disabled);box-shadow:none;cursor:default}:host.danger{background:var(--background-danger-default);border:none;color:var(--content-primary-inverse)}:host.danger:hover{background:var(--background-danger-hover)}:host.danger:active{background:var(--background-danger-pressed)}:host.danger:disabled{background:var(--background-disabled);border:var(--border-disabled);color:var(--content-disabled);box-shadow:none;cursor:default}:host.neutral{background:none;border:none;color:var(--content-primary)}:host.neutral:hover{color:var(--content-secondary)}:host.neutral:active{color:var(--content-tertiary)}:host.neutral:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}:host.reverse{background:none;border:none;color:var(--content-primary-inverse)}:host.reverse:hover{color:var(--background-hover)}:host.reverse:active{color:var(--content-primary-inverse)}:host.reverse:disabled{background:var(--background-disabled);box-shadow:none;color:var(--content-disabled);cursor:default}\n"] }]
         }], propDecorators: { classes: [{
                 type: HostBinding,
                 args: ["class"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVdqRyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQVFXLHFCQUFnQixHQUFHLEtBQUssQ0FBZ0IsU0FBUyxDQUFDLENBQUM7UUFDbkQsa0JBQWEsR0FBRyxLQUFLLENBQWEsR0FBRyxDQUFDLENBQUM7UUFDdkMsa0JBQWEsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNoQyxvQkFBZSxHQUFHLEtBQUssRUFBZ0IsQ0FBQztRQU14Qyx1QkFBa0IsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQzFDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNuQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFFdkMsT0FBTyxDQUFDLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxJQUFJLE9BQU8sS0FBSyxRQUFRLENBQUMsSUFBSSxPQUFPLEtBQUssTUFBTSxDQUFDO1FBQzVFLENBQUMsQ0FBQyxDQUFDO0tBQ0o7SUFWQyxJQUEwQixPQUFPO1FBQy9CLE9BQU8sY0FBYyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsU0FBUyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQztJQUM5RSxDQUFDOytHQVJVLGVBQWU7bUdBQWYsZUFBZSwydEJDWDVCLDRKQUlBOzs0RkRPYSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLG1CQUdDLHVCQUF1QixDQUFDLE1BQU07OEJBUXJCLE9BQU87c0JBQWhDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBIb3N0QmluZGluZywgaW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmFkZ2VDb250ZW50IH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBCdXR0b25TaXplLCBCdXR0b25WYXJpYW50IH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2NvbW1vbi9jb21tb24tYnV0dG9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJidXR0b25bcnRlQnV0dG9uXVwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogXCIuL2J1dHRvbi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybDogXCIuL2J1dHRvbi5jb21wb25lbnQuc2Nzc1wiLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgcnRlQnV0dG9uVmFyaWFudCA9IGlucHV0PEJ1dHRvblZhcmlhbnQ+KFwicHJpbWFyeVwiKTtcbiAgcmVhZG9ubHkgcnRlQnV0dG9uU2l6ZSA9IGlucHV0PEJ1dHRvblNpemU+KFwibVwiKTtcbiAgcmVhZG9ubHkgcnRlQmFkZ2VDb3VudCA9IGlucHV0PG51bWJlcj4oKTtcbiAgcmVhZG9ubHkgcnRlQmFkZ2VDb250ZW50ID0gaW5wdXQ8QmFkZ2VDb250ZW50PigpO1xuXG4gIEBIb3N0QmluZGluZyhcImNsYXNzXCIpIGdldCBjbGFzc2VzKCkge1xuICAgIHJldHVybiBgcnRlLWJ1dHRvbiAke3RoaXMucnRlQnV0dG9uVmFyaWFudCgpfSBzaXplLSR7dGhpcy5ydGVCdXR0b25TaXplKCl9YDtcbiAgfVxuXG4gIHJlYWRvbmx5IHNob3VsZERpc3BsYXlCYWRnZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBjb3VudCA9IHRoaXMucnRlQmFkZ2VDb3VudCgpO1xuICAgIGNvbnN0IGNvbnRlbnQgPSB0aGlzLnJ0ZUJhZGdlQ29udGVudCgpO1xuXG4gICAgcmV0dXJuIChjb3VudCAmJiBjb3VudCA+IDAgJiYgY29udGVudCA9PT0gXCJudW1iZXJcIikgfHwgY29udGVudCA9PT0gXCJpY29uXCI7XG4gIH0pO1xufVxuIiwiPHNwYW4gY2xhc3M9XCJydGUtYnV0dG9uLWxhYmVsXCI+XG4gIDxuZy1jb250ZW50IC8+XG4gIDwhLS0gTGUgYmFkZ2UgZXN0IGfDqXLDqSBwYXIgQmFkZ2VEaXJlY3RpdmUgYXR0YWNow6llIHZpYSBob3N0RGlyZWN0aXZlcyAtLT5cbjwvc3Bhbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUt6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBVXZELE1BQU0sT0FBTyxlQUFlO0lBUjVCO1FBU1cscUJBQWdCLEdBQUcsS0FBSyxDQUFnQixTQUFTLENBQUMsQ0FBQztRQUNuRCxrQkFBYSxHQUFHLEtBQUssQ0FBYSxHQUFHLENBQUMsQ0FBQztRQUN2QyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLG9CQUFlLEdBQUcsS0FBSyxFQUFnQixDQUFDO1FBQ3hDLGtCQUFhLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDaEMsMEJBQXFCLEdBQUcsS0FBSyxDQUFxQixNQUFNLENBQUMsQ0FBQztRQUMxRCw0QkFBdUIsR0FBRyxLQUFLLENBQXVCLFFBQVEsQ0FBQyxDQUFDO1FBRWhFLGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFNaEUsdUJBQWtCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMxQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDbkMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1lBRXZDLE9BQU8sQ0FBQyxLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsSUFBSSxPQUFPLEtBQUssUUFBUSxDQUFDLElBQUksT0FBTyxLQUFLLE1BQU0sQ0FBQztRQUM1RSxDQUFDLENBQUMsQ0FBQztLQUNKO0lBVkMsSUFBMEIsT0FBTztRQUMvQixPQUFPLGNBQWMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7SUFDOUUsQ0FBQzsrR0FiVSxlQUFlO21HQUFmLGVBQWUsaXNDQ2hCNUIseWhCQVVBLHM3R0RBWSxhQUFhOzs0RkFNWixlQUFlO2tCQVIzQixTQUFTOytCQUNFLG1CQUFtQixXQUNwQixDQUFDLGFBQWEsQ0FBQyxjQUNaLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTTs4QkFhckIsT0FBTztzQkFBaEMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIEhvc3RCaW5kaW5nLCBpbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBCdXR0b25JY29uU2l6ZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZVwiO1xuaW1wb3J0IHsgQmFkZ2VDb250ZW50IH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBCdXR0b25JY29uQXBwZWFyYW5jZSwgQnV0dG9uSWNvblBvc2l0aW9uIH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IEJ1dHRvblNpemUsIEJ1dHRvblZhcmlhbnQgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9idXR0b24vY29tbW9uL2NvbW1vbi1idXR0b25cIjtcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uL2ljb24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJidXR0b25bcnRlQnV0dG9uXVwiLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsOiBcIi4vYnV0dG9uLmNvbXBvbmVudC5zY3NzXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICByZWFkb25seSBydGVCdXR0b25WYXJpYW50ID0gaW5wdXQ8QnV0dG9uVmFyaWFudD4oXCJwcmltYXJ5XCIpO1xuICByZWFkb25seSBydGVCdXR0b25TaXplID0gaW5wdXQ8QnV0dG9uU2l6ZT4oXCJtXCIpO1xuICByZWFkb25seSBydGVCYWRnZUNvdW50ID0gaW5wdXQ8bnVtYmVyPigpO1xuICByZWFkb25seSBydGVCYWRnZUNvbnRlbnQgPSBpbnB1dDxCYWRnZUNvbnRlbnQ+KCk7XG4gIHJlYWRvbmx5IHJ0ZUJ1dHRvbkljb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IHJ0ZUJ1dHRvbkljb25Qb3NpdGlvbiA9IGlucHV0PEJ1dHRvbkljb25Qb3NpdGlvbj4oXCJsZWZ0XCIpO1xuICByZWFkb25seSBydGVCdXR0b25JY29uQXBwZWFyYW5jZSA9IGlucHV0PEJ1dHRvbkljb25BcHBlYXJhbmNlPihcImZpbGxlZFwiKTtcblxuICByZWFkb25seSBpY29uU2l6ZSA9IGNvbXB1dGVkKCgpID0+IEJ1dHRvbkljb25TaXplW3RoaXMucnRlQnV0dG9uU2l6ZSgpXSk7XG5cbiAgQEhvc3RCaW5kaW5nKFwiY2xhc3NcIikgZ2V0IGNsYXNzZXMoKSB7XG4gICAgcmV0dXJuIGBydGUtYnV0dG9uICR7dGhpcy5ydGVCdXR0b25WYXJpYW50KCl9IHNpemUtJHt0aGlzLnJ0ZUJ1dHRvblNpemUoKX1gO1xuICB9XG5cbiAgcmVhZG9ubHkgc2hvdWxkRGlzcGxheUJhZGdlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGNvdW50ID0gdGhpcy5ydGVCYWRnZUNvdW50KCk7XG4gICAgY29uc3QgY29udGVudCA9IHRoaXMucnRlQmFkZ2VDb250ZW50KCk7XG5cbiAgICByZXR1cm4gKGNvdW50ICYmIGNvdW50ID4gMCAmJiBjb250ZW50ID09PSBcIm51bWJlclwiKSB8fCBjb250ZW50ID09PSBcImljb25cIjtcbiAgfSk7XG59XG4iLCJAaWYgKHJ0ZUJ1dHRvbkljb24oKSAmJiBydGVCdXR0b25JY29uUG9zaXRpb24oKSA9PT0gXCJsZWZ0XCIpIHtcbiAgPHJ0ZS1pY29uIFtuYW1lXT1cInJ0ZUJ1dHRvbkljb24oKSFcIiBbYXBwZWFyYW5jZV09XCJydGVCdXR0b25JY29uQXBwZWFyYW5jZSgpXCIgW3NpemVdPVwiaWNvblNpemUoKSFcIj48L3J0ZS1pY29uPlxufVxuPHNwYW4gY2xhc3M9XCJydGUtYnV0dG9uLWxhYmVsXCI+XG4gIDxuZy1jb250ZW50IC8+XG4gIDwhLS0gTGUgYmFkZ2UgZXN0IGfDqXLDqSBwYXIgQmFkZ2VEaXJlY3RpdmUgYXR0YWNow6llIHZpYSBob3N0RGlyZWN0aXZlcyAtLT5cbjwvc3Bhbj5cbkBpZiAocnRlQnV0dG9uSWNvbigpICYmIHJ0ZUJ1dHRvbkljb25Qb3NpdGlvbigpID09PSBcInJpZ2h0XCIpIHtcbiAgPHJ0ZS1pY29uICNpY29uIFtuYW1lXT1cInJ0ZUJ1dHRvbkljb24oKSFcIiBbYXBwZWFyYW5jZV09XCJydGVCdXR0b25JY29uQXBwZWFyYW5jZSgpXCIgW3NpemVdPVwiaWNvblNpemUoKSFcIj48L3J0ZS1pY29uPlxufVxuIl19

package/esm2022/lib/components/card/card.component.mjs

@@ -1,12 +1,12 @@
 import { CommonModule } from "@angular/common";
 import { ChangeDetectionStrategy, Component, computed, input, output } from "@angular/core";
-import { cardSize } from "@design-system-rte/core/components/card/card.constats";
+import { DEFAULT_CARD_WIDTH } from "@design-system-rte/core/components/card/card.constants";
 import { ENTER_KEY, SPACE_KEY } from "@design-system-rte/core/constants/keyboard/keyboard.constants";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CardComponent {
     constructor() {
-        this.size = input("m");
+        this.width = input(DEFAULT_CARD_WIDTH);
         this.cardType = input("default");
         this.clickable = input(false);
         this.disabled = input(false);
@@ -14,7 +14,6 @@ export class CardComponent {
         this.ariaLabelledby = input(undefined);
         this.ariaRole = input(undefined);
         this.cardClicked = output();
-        this.cardWidth = computed(() => `${cardSize[this.size()]}px`);
         this.tabIndex = computed(() => (this.clickable() ? 0 : -1));
     }
     onClick() {
@@ -31,10 +30,10 @@ export class CardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "rte-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, cardType: { classPropertyName: "cardType", publicName: "cardType", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<div\n  class=\"card card-{{ cardType() }}\"\n  [style.width]=\"cardWidth()\"\n  [attr.disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-role]=\"ariaRole()\"\n  [ngClass]=\"{ clickable: clickable() }\"\n  [tabIndex]=\"tabIndex()\"\n  (click)=\"onClick()\"\n  (keydown)=\"onKeyDown($event)\"\n>\n  <ng-content />\n</div>\n", styles: [".card{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);transition:background-color .3s,box-shadow .3s}.card:hover{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%)}.card[disabled=true]{background:var(--background-disabled);opacity:30%;box-shadow:none;pointer-events:none}.card[disabled=true].card-outlined{border:1px solid var(--border-disabled);background:var(--background-disabled);box-shadow:none}.card.card-outlined{box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);flex-shrink:0;border:1px solid var(--border-tertiary)}.card.card-outlined:active.clickable{border-color:var(--border-secondary)}.card.clickable{cursor:pointer}.card:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CardComponent, isStandalone: true, selector: "rte-card", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, cardType: { classPropertyName: "cardType", publicName: "cardType", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaRole: { classPropertyName: "ariaRole", publicName: "ariaRole", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<div\n  class=\"card card-{{ cardType() }}\"\n  [style.width]=\"width()\"\n  [attr.disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-role]=\"ariaRole()\"\n  [ngClass]=\"{ clickable: clickable() }\"\n  [tabIndex]=\"tabIndex()\"\n  (click)=\"onClick()\"\n  (keydown)=\"onKeyDown($event)\"\n>\n  <ng-content />\n</div>\n", styles: [".card{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);transition:background-color .3s,box-shadow .3s}.card:hover{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%)}.card[disabled=true]{background:var(--background-disabled);opacity:30%;box-shadow:none;pointer-events:none}.card[disabled=true].card-outlined{border:1px solid var(--border-disabled);background:var(--background-disabled);box-shadow:none}.card.card-outlined{box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);flex-shrink:0;border:1px solid var(--border-tertiary)}.card.card-outlined:active.clickable{border-color:var(--border-secondary)}.card.clickable{cursor:pointer}.card:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rte-card", imports: [CommonModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"card card-{{ cardType() }}\"\n  [style.width]=\"cardWidth()\"\n  [attr.disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-role]=\"ariaRole()\"\n  [ngClass]=\"{ clickable: clickable() }\"\n  [tabIndex]=\"tabIndex()\"\n  (click)=\"onClick()\"\n  (keydown)=\"onKeyDown($event)\"\n>\n  <ng-content />\n</div>\n", styles: [".card{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);transition:background-color .3s,box-shadow .3s}.card:hover{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%)}.card[disabled=true]{background:var(--background-disabled);opacity:30%;box-shadow:none;pointer-events:none}.card[disabled=true].card-outlined{border:1px solid var(--border-disabled);background:var(--background-disabled);box-shadow:none}.card.card-outlined{box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);flex-shrink:0;border:1px solid var(--border-tertiary)}.card.card-outlined:active.clickable{border-color:var(--border-secondary)}.card.clickable{cursor:pointer}.card:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}\n"] }]
+            args: [{ selector: "rte-card", imports: [CommonModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"card card-{{ cardType() }}\"\n  [style.width]=\"width()\"\n  [attr.disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledby()\"\n  [attr.aria-role]=\"ariaRole()\"\n  [ngClass]=\"{ clickable: clickable() }\"\n  [tabIndex]=\"tabIndex()\"\n  (click)=\"onClick()\"\n  (keydown)=\"onKeyDown($event)\"\n>\n  <ng-content />\n</div>\n", styles: [".card{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:4px;box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);transition:background-color .3s,box-shadow .3s}.card:hover{box-shadow:0 2px 4px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-2) 0%,var(--elevation-surface-shadow-2) 100%)}.card[disabled=true]{background:var(--background-disabled);opacity:30%;box-shadow:none;pointer-events:none}.card[disabled=true].card-outlined{border:1px solid var(--border-disabled);background:var(--background-disabled);box-shadow:none}.card.card-outlined{box-shadow:0 1px 2px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-1) 0%,var(--elevation-surface-shadow-1) 100%);flex-shrink:0;border:1px solid var(--border-tertiary)}.card.card-outlined:active.clickable{border-color:var(--border-secondary)}.card.clickable{cursor:pointer}.card:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUdqRixPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtEQUErRCxDQUFDOzs7QUFVckcsTUFBTSxPQUFPLGFBQWE7SUFSMUI7UUFTVyxTQUFJLEdBQUcsS0FBSyxDQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQVcsU0FBUyxDQUFDLENBQUM7UUFDdEMsY0FBUyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNsQyxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRWpDLGNBQVMsR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO1FBQ2pELG1CQUFjLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUN0RCxhQUFRLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUVoRCxnQkFBVyxHQUFHLE1BQU0sRUFBUSxDQUFDO1FBRTdCLGNBQVMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXpELGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBZ0JqRTtJQWRDLE9BQU87UUFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDO1lBQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRCxTQUFTLENBQUMsS0FBb0I7UUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztZQUN6QyxJQUFJLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDL0MsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFDSCxDQUFDO0lBQ0gsQ0FBQzsrR0E3QlUsYUFBYTttR0FBYixhQUFhLDRnQ0NmMUIsNFlBY0EsZzBDRExZLFlBQVk7OzRGQU1YLGFBQWE7a0JBUnpCLFNBQVM7K0JBQ0UsVUFBVSxXQUNYLENBQUMsWUFBWSxDQUFDLGNBQ1gsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBvdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgY2FyZFNpemUgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29tcG9uZW50cy9jYXJkL2NhcmQuY29uc3RhdHNcIjtcbmltcG9ydCB7IENhcmRUeXBlIH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvY2FyZC9jYXJkLmludGVyZmFjZVwiO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2NvbW1vbi9jb21tb24tdHlwZXNcIjtcbmltcG9ydCB7IEVOVEVSX0tFWSwgU1BBQ0VfS0VZIH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbnN0YW50cy9rZXlib2FyZC9rZXlib2FyZC5jb25zdGFudHNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcInJ0ZS1jYXJkXCIsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcmQuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9jYXJkLmNvbXBvbmVudC5zY3NzXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgc2l6ZSA9IGlucHV0PFNpemU+KFwibVwiKTtcbiAgcmVhZG9ubHkgY2FyZFR5cGUgPSBpbnB1dDxDYXJkVHlwZT4oXCJkZWZhdWx0XCIpO1xuICByZWFkb25seSBjbGlja2FibGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGRpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGFyaWFMYWJlbCA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcmVhZG9ubHkgYXJpYUxhYmVsbGVkYnkgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFyaWFSb2xlID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IGNhcmRDbGlja2VkID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgY2FyZFdpZHRoID0gY29tcHV0ZWQoKCkgPT4gYCR7Y2FyZFNpemVbdGhpcy5zaXplKCldfXB4YCk7XG5cbiAgcmVhZG9ubHkgdGFiSW5kZXggPSBjb21wdXRlZCgoKSA9PiAodGhpcy5jbGlja2FibGUoKSA/IDAgOiAtMSkpO1xuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKCkgJiYgdGhpcy5jbGlja2FibGUoKSkge1xuICAgICAgdGhpcy5jYXJkQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKCkgJiYgdGhpcy5jbGlja2FibGUoKSkge1xuICAgICAgaWYgKFtFTlRFUl9LRVksIFNQQUNFX0tFWV0uaW5jbHVkZXMoZXZlbnQua2V5KSkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJjYXJkIGNhcmQte3sgY2FyZFR5cGUoKSB9fVwiXG4gIFtzdHlsZS53aWR0aF09XCJjYXJkV2lkdGgoKVwiXG4gIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbCgpXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5KClcIlxuICBbYXR0ci5hcmlhLXJvbGVdPVwiYXJpYVJvbGUoKVwiXG4gIFtuZ0NsYXNzXT1cInsgY2xpY2thYmxlOiBjbGlja2FibGUoKSB9XCJcbiAgW3RhYkluZGV4XT1cInRhYkluZGV4KClcIlxuICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgKGtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIlxuPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kcy1ydGUtbGliL3NyYy9saWIvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBRTVGLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0RBQStELENBQUM7OztBQVVyRyxNQUFNLE9BQU8sYUFBYTtJQVIxQjtRQVNXLFVBQUssR0FBRyxLQUFLLENBQVMsa0JBQWtCLENBQUMsQ0FBQztRQUMxQyxhQUFRLEdBQUcsS0FBSyxDQUFXLFNBQVMsQ0FBQyxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDbEMsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVqQyxjQUFTLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUNqRCxtQkFBYyxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDdEQsYUFBUSxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFFaEQsZ0JBQVcsR0FBRyxNQUFNLEVBQVEsQ0FBQztRQUU3QixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztLQWdCakU7SUFkQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztZQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQW9CO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUM7WUFDekMsSUFBSSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQy9DLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUMxQixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBM0JVLGFBQWE7bUdBQWIsYUFBYSwrZ0NDZDFCLHdZQWNBLGcwQ0ROWSxZQUFZOzs0RkFNWCxhQUFhO2tCQVJ6QixTQUFTOytCQUNFLFVBQVUsV0FDWCxDQUFDLFlBQVksQ0FBQyxjQUNYLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IERFRkFVTFRfQ0FSRF9XSURUSCB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2NhcmQvY2FyZC5jb25zdGFudHNcIjtcbmltcG9ydCB7IENhcmRUeXBlIH0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlL2NvbXBvbmVudHMvY2FyZC9jYXJkLmludGVyZmFjZVwiO1xuaW1wb3J0IHsgRU5URVJfS0VZLCBTUEFDRV9LRVkgfSBmcm9tIFwiQGRlc2lnbi1zeXN0ZW0tcnRlL2NvcmUvY29uc3RhbnRzL2tleWJvYXJkL2tleWJvYXJkLmNvbnN0YW50c1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwicnRlLWNhcmRcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FyZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybDogXCIuL2NhcmQuY29tcG9uZW50LnNjc3NcIixcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge1xuICByZWFkb25seSB3aWR0aCA9IGlucHV0PHN0cmluZz4oREVGQVVMVF9DQVJEX1dJRFRIKTtcbiAgcmVhZG9ubHkgY2FyZFR5cGUgPSBpbnB1dDxDYXJkVHlwZT4oXCJkZWZhdWx0XCIpO1xuICByZWFkb25seSBjbGlja2FibGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGRpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGFyaWFMYWJlbCA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcmVhZG9ubHkgYXJpYUxhYmVsbGVkYnkgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFyaWFSb2xlID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IGNhcmRDbGlja2VkID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgdGFiSW5kZXggPSBjb21wdXRlZCgoKSA9PiAodGhpcy5jbGlja2FibGUoKSA/IDAgOiAtMSkpO1xuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKCkgJiYgdGhpcy5jbGlja2FibGUoKSkge1xuICAgICAgdGhpcy5jYXJkQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgb25LZXlEb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKCkgJiYgdGhpcy5jbGlja2FibGUoKSkge1xuICAgICAgaWYgKFtFTlRFUl9LRVksIFNQQUNFX0tFWV0uaW5jbHVkZXMoZXZlbnQua2V5KSkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJjYXJkIGNhcmQte3sgY2FyZFR5cGUoKSB9fVwiXG4gIFtzdHlsZS53aWR0aF09XCJ3aWR0aCgpXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsKClcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwiYXJpYUxhYmVsbGVkYnkoKVwiXG4gIFthdHRyLmFyaWEtcm9sZV09XCJhcmlhUm9sZSgpXCJcbiAgW25nQ2xhc3NdPVwieyBjbGlja2FibGU6IGNsaWNrYWJsZSgpIH1cIlxuICBbdGFiSW5kZXhdPVwidGFiSW5kZXgoKVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXG4+XG4gIDxuZy1jb250ZW50IC8+XG48L2Rpdj5cbiJdfQ==