@design-system-rte/angular 1.5.0 → 1.6.0

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

@@ -16,6 +16,7 @@ export class CheckboxComponent {
         this.errorMessage = input("");
         this.readOnly = input(false);
         this.checked = input(false);
+        this.tabindex = input(undefined);
     }
     onKeydown(event) {
         if (event.code === "Space") {
@@ -25,10 +26,10 @@ export class CheckboxComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CheckboxComponent, isStandalone: true, selector: "rte-checkbox", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"rte-checkbox-container\">\n  <input\n    type=\"checkbox\"\n    class=\"rte-checkbox\"\n    [id]=\"id()\"\n    [value]=\"value()\"\n    [ngClass]=\"{ error: error(), 'read-only': readOnly() }\"\n    [disabled]=\"disabled()\"\n    [indeterminate]=\"indeterminate()\"\n    [checked]=\"checked()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-selected\" name=\"check-small\" [size]=\"16\" />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-indeterminated\" name=\"check-indeterminate\" [size]=\"16\" />\n  <div class=\"rte-checkbox-text-container\">\n    <label\n      *ngIf=\"showLabel()\"\n      class=\"rte-checkbox-label\"\n      [for]=\"id()\"\n      [ngClass]=\"{\n        error: error(),\n        'read-only': readOnly(),\n        disabled: disabled(),\n      }\"\n    >\n      {{ label() }}\n    </label>\n    <p class=\"rte-checkbox-description\">{{ description() }}</p>\n    <p *ngIf=\"error() && errorMessage()\" class=\"rte-checkbox-error\">{{ errorMessage() }}</p>\n  </div>\n</div>\n", styles: [".rte-checkbox-container{display:flex;gap:12px}.rte-checkbox-container .rte-checkbox{appearance:none;display:flex;width:16px;height:16px;border-radius:2px;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-default);align-items:center;justify-content:center;margin:4px 0}.rte-checkbox-container .rte-checkbox:before{content:\"\";display:none;position:absolute;border-radius:999px;background:var(--background-hover);width:32px;height:32px;z-index:-1}.rte-checkbox-container .rte-checkbox:active:before{opacity:100%;transform:scale(0);transition:transform 0s,opacity 0s}.rte-checkbox-container .rte-checkbox:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-checkbox-container .rte-checkbox:hover{cursor:pointer}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):before{display:inline-block}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):not(:active):before{opacity:50%;transition:transform .15s ease,opacity .3s ease}.rte-checkbox-container .rte-checkbox:disabled{cursor:default;border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container .rte-checkbox-description{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:checked:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:checked:not(:indeterminate)~.rte-checkbox-icon-selected{display:block}.rte-checkbox-container .rte-checkbox:indeterminate{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:indeterminate~.rte-checkbox-icon-indeterminated{display:block}.rte-checkbox-container .rte-checkbox.read-only{pointer-events:none;cursor:default;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container .checkbox-description{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-icons{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only.error{border:1px solid var(--content-danger-default);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.error{border:1px solid var(--content-danger-default);background:var(--background-default)}.rte-checkbox-container .rte-checkbox.error:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-danger-hover)}.rte-checkbox-container .rte-checkbox-text-container label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:var(--content-primary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-description{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;margin:0;color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-error{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;font-weight:700;margin:0;color:var(--content-danger-default)}.rte-checkbox-container .rte-checkbox-icons{display:none;z-index:1;pointer-events:none;transform:translateY(4px);position:absolute;color:#fff}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CheckboxComponent, isStandalone: true, selector: "rte-checkbox", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"rte-checkbox-container\">\n  <input\n    type=\"checkbox\"\n    class=\"rte-checkbox\"\n    [id]=\"id()\"\n    [value]=\"value()\"\n    [attr.tabindex]=\"tabindex()\"\n    [ngClass]=\"{ error: error(), 'read-only': readOnly() }\"\n    [disabled]=\"disabled()\"\n    [indeterminate]=\"indeterminate()\"\n    [checked]=\"checked()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-selected\" name=\"check-small\" [size]=\"16\" />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-indeterminated\" name=\"check-indeterminate\" [size]=\"16\" />\n  <div class=\"rte-checkbox-text-container\">\n    <label\n      *ngIf=\"showLabel()\"\n      class=\"rte-checkbox-label\"\n      [for]=\"id()\"\n      [ngClass]=\"{\n        error: error(),\n        'read-only': readOnly(),\n        disabled: disabled(),\n      }\"\n    >\n      {{ label() }}\n    </label>\n    <p class=\"rte-checkbox-description\">{{ description() }}</p>\n    <p *ngIf=\"error() && errorMessage()\" class=\"rte-checkbox-error\">{{ errorMessage() }}</p>\n  </div>\n</div>\n", styles: [".rte-checkbox-container{display:flex;gap:12px}.rte-checkbox-container .rte-checkbox{appearance:none;display:flex;width:16px;height:16px;border-radius:2px;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-default);align-items:center;justify-content:center;margin:4px 0}.rte-checkbox-container .rte-checkbox:before{content:\"\";display:none;position:absolute;border-radius:999px;background:var(--background-hover);width:32px;height:32px;z-index:-1}.rte-checkbox-container .rte-checkbox:active:before{opacity:100%;transform:scale(0);transition:transform 0s,opacity 0s}.rte-checkbox-container .rte-checkbox:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-checkbox-container .rte-checkbox:hover{cursor:pointer}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):before{display:inline-block}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):not(:active):before{opacity:50%;transition:transform .15s ease,opacity .3s ease}.rte-checkbox-container .rte-checkbox:disabled{cursor:default;border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container .rte-checkbox-description{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:checked:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:checked:not(:indeterminate)~.rte-checkbox-icon-selected{display:block}.rte-checkbox-container .rte-checkbox:indeterminate{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:indeterminate~.rte-checkbox-icon-indeterminated{display:block}.rte-checkbox-container .rte-checkbox.read-only{pointer-events:none;cursor:default;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container .checkbox-description{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-icons{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only.error{border:1px solid var(--content-danger-default);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.error{border:1px solid var(--content-danger-default);background:var(--background-default)}.rte-checkbox-container .rte-checkbox.error:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-danger-hover)}.rte-checkbox-container .rte-checkbox-text-container label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:var(--content-primary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-description{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;margin:0;color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-error{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;font-weight:700;margin:0;color:var(--content-danger-default)}.rte-checkbox-container .rte-checkbox-icons{display:none;z-index:1;pointer-events:none;transform:translateY(4px);position:absolute;color:#fff}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rte-checkbox", imports: [CommonModule, IconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rte-checkbox-container\">\n  <input\n    type=\"checkbox\"\n    class=\"rte-checkbox\"\n    [id]=\"id()\"\n    [value]=\"value()\"\n    [ngClass]=\"{ error: error(), 'read-only': readOnly() }\"\n    [disabled]=\"disabled()\"\n    [indeterminate]=\"indeterminate()\"\n    [checked]=\"checked()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-selected\" name=\"check-small\" [size]=\"16\" />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-indeterminated\" name=\"check-indeterminate\" [size]=\"16\" />\n  <div class=\"rte-checkbox-text-container\">\n    <label\n      *ngIf=\"showLabel()\"\n      class=\"rte-checkbox-label\"\n      [for]=\"id()\"\n      [ngClass]=\"{\n        error: error(),\n        'read-only': readOnly(),\n        disabled: disabled(),\n      }\"\n    >\n      {{ label() }}\n    </label>\n    <p class=\"rte-checkbox-description\">{{ description() }}</p>\n    <p *ngIf=\"error() && errorMessage()\" class=\"rte-checkbox-error\">{{ errorMessage() }}</p>\n  </div>\n</div>\n", styles: [".rte-checkbox-container{display:flex;gap:12px}.rte-checkbox-container .rte-checkbox{appearance:none;display:flex;width:16px;height:16px;border-radius:2px;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-default);align-items:center;justify-content:center;margin:4px 0}.rte-checkbox-container .rte-checkbox:before{content:\"\";display:none;position:absolute;border-radius:999px;background:var(--background-hover);width:32px;height:32px;z-index:-1}.rte-checkbox-container .rte-checkbox:active:before{opacity:100%;transform:scale(0);transition:transform 0s,opacity 0s}.rte-checkbox-container .rte-checkbox:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-checkbox-container .rte-checkbox:hover{cursor:pointer}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):before{display:inline-block}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):not(:active):before{opacity:50%;transition:transform .15s ease,opacity .3s ease}.rte-checkbox-container .rte-checkbox:disabled{cursor:default;border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container .rte-checkbox-description{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:checked:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:checked:not(:indeterminate)~.rte-checkbox-icon-selected{display:block}.rte-checkbox-container .rte-checkbox:indeterminate{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:indeterminate~.rte-checkbox-icon-indeterminated{display:block}.rte-checkbox-container .rte-checkbox.read-only{pointer-events:none;cursor:default;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container .checkbox-description{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-icons{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only.error{border:1px solid var(--content-danger-default);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.error{border:1px solid var(--content-danger-default);background:var(--background-default)}.rte-checkbox-container .rte-checkbox.error:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-danger-hover)}.rte-checkbox-container .rte-checkbox-text-container label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:var(--content-primary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-description{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;margin:0;color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-error{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;font-weight:700;margin:0;color:var(--content-danger-default)}.rte-checkbox-container .rte-checkbox-icons{display:none;z-index:1;pointer-events:none;transform:translateY(4px);position:absolute;color:#fff}\n"] }]
+            args: [{ selector: "rte-checkbox", imports: [CommonModule, IconComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rte-checkbox-container\">\n  <input\n    type=\"checkbox\"\n    class=\"rte-checkbox\"\n    [id]=\"id()\"\n    [value]=\"value()\"\n    [attr.tabindex]=\"tabindex()\"\n    [ngClass]=\"{ error: error(), 'read-only': readOnly() }\"\n    [disabled]=\"disabled()\"\n    [indeterminate]=\"indeterminate()\"\n    [checked]=\"checked()\"\n    (keydown)=\"onKeydown($event)\"\n  />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-selected\" name=\"check-small\" [size]=\"16\" />\n  <rte-icon class=\"rte-checkbox-icons rte-checkbox-icon-indeterminated\" name=\"check-indeterminate\" [size]=\"16\" />\n  <div class=\"rte-checkbox-text-container\">\n    <label\n      *ngIf=\"showLabel()\"\n      class=\"rte-checkbox-label\"\n      [for]=\"id()\"\n      [ngClass]=\"{\n        error: error(),\n        'read-only': readOnly(),\n        disabled: disabled(),\n      }\"\n    >\n      {{ label() }}\n    </label>\n    <p class=\"rte-checkbox-description\">{{ description() }}</p>\n    <p *ngIf=\"error() && errorMessage()\" class=\"rte-checkbox-error\">{{ errorMessage() }}</p>\n  </div>\n</div>\n", styles: [".rte-checkbox-container{display:flex;gap:12px}.rte-checkbox-container .rte-checkbox{appearance:none;display:flex;width:16px;height:16px;border-radius:2px;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-default);align-items:center;justify-content:center;margin:4px 0}.rte-checkbox-container .rte-checkbox:before{content:\"\";display:none;position:absolute;border-radius:999px;background:var(--background-hover);width:32px;height:32px;z-index:-1}.rte-checkbox-container .rte-checkbox:active:before{opacity:100%;transform:scale(0);transition:transform 0s,opacity 0s}.rte-checkbox-container .rte-checkbox:focus-visible{outline:1px solid var(--border-brand-focused);outline-offset:4px}.rte-checkbox-container .rte-checkbox:hover{cursor:pointer}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):before{display:inline-block}.rte-checkbox-container .rte-checkbox:hover:not(:disabled):not(:active):before{opacity:50%;transition:transform .15s ease,opacity .3s ease}.rte-checkbox-container .rte-checkbox:disabled{cursor:default;border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox:disabled~.rte-checkbox-text-container .rte-checkbox-description{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:checked:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:checked:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:checked.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:checked:not(:indeterminate)~.rte-checkbox-icon-selected{display:block}.rte-checkbox-container .rte-checkbox:indeterminate{border:1px solid var(--content-brand-default);background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-brand-default)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled{border:1px solid var(--content-disabled);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate:disabled~.rte-checkbox-icons{color:var(--content-disabled)}.rte-checkbox-container .rte-checkbox:indeterminate.error{background:var(--background-danger-default)}.rte-checkbox-container .rte-checkbox:indeterminate~.rte-checkbox-icon-indeterminated{display:block}.rte-checkbox-container .rte-checkbox.read-only{pointer-events:none;cursor:default;border:1px solid var(--content-tertiary);opacity:100%;background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container label,.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-text-container .checkbox-description{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only~.rte-checkbox-icons{color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox.read-only.error{border:1px solid var(--content-danger-default);background:var(--background-disabled)}.rte-checkbox-container .rte-checkbox.error{border:1px solid var(--content-danger-default);background:var(--background-default)}.rte-checkbox-container .rte-checkbox.error:hover:not(:disabled):not(:active):before{opacity:20%;background:var(--background-danger-hover)}.rte-checkbox-container .rte-checkbox-text-container label{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:var(--content-primary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-description{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;margin:0;color:var(--content-tertiary)}.rte-checkbox-container .rte-checkbox-text-container .rte-checkbox-error{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;font-weight:700;margin:0;color:var(--content-danger-default)}.rte-checkbox-container .rte-checkbox-icons{display:none;z-index:1;pointer-events:none;transform:translateY(4px);position:absolute;color:#fff}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVXZELE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFTVyxPQUFFLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixrQkFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixnQkFBVyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsVUFBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixpQkFBWSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FTakM7SUFQQyxTQUFTLENBQUMsS0FBb0I7UUFDNUIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzNCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7Z0JBQ3BCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBbkJVLGlCQUFpQjttR0FBakIsaUJBQWlCLG85Q0NiOUIsbWpDQStCQSw2bEpEeEJZLFlBQVksaU9BQUUsYUFBYTs7NEZBTTFCLGlCQUFpQjtrQkFSN0IsU0FBUzsrQkFDRSxjQUFjLFdBQ2YsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLGNBQzFCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uL2ljb24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJydGUtY2hlY2tib3hcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2hlY2tib3guY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9jaGVja2JveC5jb21wb25lbnQuc2Nzc1wiLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQge1xuICByZWFkb25seSBpZCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQoXCJcIik7XG4gIHJlYWRvbmx5IGluZGV0ZXJtaW5hdGUgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGRlc2NyaXB0aW9uID0gaW5wdXQoXCJcIik7XG4gIHJlYWRvbmx5IHNob3dMYWJlbCA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgZXJyb3IgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGVycm9yTWVzc2FnZSA9IGlucHV0KFwiXCIpO1xuICByZWFkb25seSByZWFkT25seSA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgY2hlY2tlZCA9IGlucHV0KGZhbHNlKTtcblxuICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQuY29kZSA9PT0gXCJTcGFjZVwiKSB7XG4gICAgICBpZiAodGhpcy5yZWFkT25seSgpKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRlLWNoZWNrYm94LWNvbnRhaW5lclwiPlxuICA8aW5wdXRcbiAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgIGNsYXNzPVwicnRlLWNoZWNrYm94XCJcbiAgICBbaWRdPVwiaWQoKVwiXG4gICAgW3ZhbHVlXT1cInZhbHVlKClcIlxuICAgIFtuZ0NsYXNzXT1cInsgZXJyb3I6IGVycm9yKCksICdyZWFkLW9ubHknOiByZWFkT25seSgpIH1cIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgICBbaW5kZXRlcm1pbmF0ZV09XCJpbmRldGVybWluYXRlKClcIlxuICAgIFtjaGVja2VkXT1cImNoZWNrZWQoKVwiXG4gICAgKGtleWRvd24pPVwib25LZXlkb3duKCRldmVudClcIlxuICAvPlxuICA8cnRlLWljb24gY2xhc3M9XCJydGUtY2hlY2tib3gtaWNvbnMgcnRlLWNoZWNrYm94LWljb24tc2VsZWN0ZWRcIiBuYW1lPVwiY2hlY2stc21hbGxcIiBbc2l6ZV09XCIxNlwiIC8+XG4gIDxydGUtaWNvbiBjbGFzcz1cInJ0ZS1jaGVja2JveC1pY29ucyBydGUtY2hlY2tib3gtaWNvbi1pbmRldGVybWluYXRlZFwiIG5hbWU9XCJjaGVjay1pbmRldGVybWluYXRlXCIgW3NpemVdPVwiMTZcIiAvPlxuICA8ZGl2IGNsYXNzPVwicnRlLWNoZWNrYm94LXRleHQtY29udGFpbmVyXCI+XG4gICAgPGxhYmVsXG4gICAgICAqbmdJZj1cInNob3dMYWJlbCgpXCJcbiAgICAgIGNsYXNzPVwicnRlLWNoZWNrYm94LWxhYmVsXCJcbiAgICAgIFtmb3JdPVwiaWQoKVwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgIGVycm9yOiBlcnJvcigpLFxuICAgICAgICAncmVhZC1vbmx5JzogcmVhZE9ubHkoKSxcbiAgICAgICAgZGlzYWJsZWQ6IGRpc2FibGVkKCksXG4gICAgICB9XCJcbiAgICA+XG4gICAgICB7eyBsYWJlbCgpIH19XG4gICAgPC9sYWJlbD5cbiAgICA8cCBjbGFzcz1cInJ0ZS1jaGVja2JveC1kZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uKCkgfX08L3A+XG4gICAgPHAgKm5nSWY9XCJlcnJvcigpICYmIGVycm9yTWVzc2FnZSgpXCIgY2xhc3M9XCJydGUtY2hlY2tib3gtZXJyb3JcIj57eyBlcnJvck1lc3NhZ2UoKSB9fTwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVXZELE1BQU0sT0FBTyxpQkFBaUI7SUFSOUI7UUFTVyxPQUFFLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixrQkFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixnQkFBVyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsVUFBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixpQkFBWSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN6QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkIsYUFBUSxHQUFHLEtBQUssQ0FBOEIsU0FBUyxDQUFDLENBQUM7S0FTbkU7SUFQQyxTQUFTLENBQUMsS0FBb0I7UUFDNUIsSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzNCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7Z0JBQ3BCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7K0dBcEJVLGlCQUFpQjttR0FBakIsaUJBQWlCLHFsRENiOUIsdWxDQWdDQSw2bEpEekJZLFlBQVksaU9BQUUsYUFBYTs7NEZBTTFCLGlCQUFpQjtrQkFSN0IsU0FBUzsrQkFDRSxjQUFjLFdBQ2YsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLGNBQzFCLElBQUksbUJBR0MsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uL2ljb24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJydGUtY2hlY2tib3hcIixcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2hlY2tib3guY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmw6IFwiLi9jaGVja2JveC5jb21wb25lbnQuc2Nzc1wiLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQge1xuICByZWFkb25seSBpZCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IHZhbHVlID0gaW5wdXQoXCJcIik7XG4gIHJlYWRvbmx5IGluZGV0ZXJtaW5hdGUgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGRlc2NyaXB0aW9uID0gaW5wdXQoXCJcIik7XG4gIHJlYWRvbmx5IHNob3dMYWJlbCA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgZXJyb3IgPSBpbnB1dChmYWxzZSk7XG4gIHJlYWRvbmx5IGVycm9yTWVzc2FnZSA9IGlucHV0KFwiXCIpO1xuICByZWFkb25seSByZWFkT25seSA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgY2hlY2tlZCA9IGlucHV0KGZhbHNlKTtcbiAgcmVhZG9ubHkgdGFiaW5kZXggPSBpbnB1dDxzdHJpbmcgfCBudW1iZXIgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgb25LZXlkb3duKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LmNvZGUgPT09IFwiU3BhY2VcIikge1xuICAgICAgaWYgKHRoaXMucmVhZE9ubHkoKSkge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJ0ZS1jaGVja2JveC1jb250YWluZXJcIj5cbiAgPGlucHV0XG4gICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICBjbGFzcz1cInJ0ZS1jaGVja2JveFwiXG4gICAgW2lkXT1cImlkKClcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZSgpXCJcbiAgICBbYXR0ci50YWJpbmRleF09XCJ0YWJpbmRleCgpXCJcbiAgICBbbmdDbGFzc109XCJ7IGVycm9yOiBlcnJvcigpLCAncmVhZC1vbmx5JzogcmVhZE9ubHkoKSB9XCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gICAgW2luZGV0ZXJtaW5hdGVdPVwiaW5kZXRlcm1pbmF0ZSgpXCJcbiAgICBbY2hlY2tlZF09XCJjaGVja2VkKClcIlxuICAgIChrZXlkb3duKT1cIm9uS2V5ZG93bigkZXZlbnQpXCJcbiAgLz5cbiAgPHJ0ZS1pY29uIGNsYXNzPVwicnRlLWNoZWNrYm94LWljb25zIHJ0ZS1jaGVja2JveC1pY29uLXNlbGVjdGVkXCIgbmFtZT1cImNoZWNrLXNtYWxsXCIgW3NpemVdPVwiMTZcIiAvPlxuICA8cnRlLWljb24gY2xhc3M9XCJydGUtY2hlY2tib3gtaWNvbnMgcnRlLWNoZWNrYm94LWljb24taW5kZXRlcm1pbmF0ZWRcIiBuYW1lPVwiY2hlY2staW5kZXRlcm1pbmF0ZVwiIFtzaXplXT1cIjE2XCIgLz5cbiAgPGRpdiBjbGFzcz1cInJ0ZS1jaGVja2JveC10ZXh0LWNvbnRhaW5lclwiPlxuICAgIDxsYWJlbFxuICAgICAgKm5nSWY9XCJzaG93TGFiZWwoKVwiXG4gICAgICBjbGFzcz1cInJ0ZS1jaGVja2JveC1sYWJlbFwiXG4gICAgICBbZm9yXT1cImlkKClcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBlcnJvcjogZXJyb3IoKSxcbiAgICAgICAgJ3JlYWQtb25seSc6IHJlYWRPbmx5KCksXG4gICAgICAgIGRpc2FibGVkOiBkaXNhYmxlZCgpLFxuICAgICAgfVwiXG4gICAgPlxuICAgICAge3sgbGFiZWwoKSB9fVxuICAgIDwvbGFiZWw+XG4gICAgPHAgY2xhc3M9XCJydGUtY2hlY2tib3gtZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbigpIH19PC9wPlxuICAgIDxwICpuZ0lmPVwiZXJyb3IoKSAmJiBlcnJvck1lc3NhZ2UoKVwiIGNsYXNzPVwicnRlLWNoZWNrYm94LWVycm9yXCI+e3sgZXJyb3JNZXNzYWdlKCkgfX08L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/checkbox-group/checkbox-group.component.mjs

@@ -19,7 +19,7 @@ export class CheckboxGroupComponent {
         this.isDisplayed = computed(() => !(this.disabled() && this.error()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CheckboxGroupComponent, isStandalone: true, selector: "rte-checkbox-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showItemsLabel: { classPropertyName: "showItemsLabel", publicName: "showItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, groupTitle: { classPropertyName: "groupTitle", publicName: "groupTitle", isSignal: true, isRequired: false, transformFunction: null }, showGroupTitle: { classPropertyName: "showGroupTitle", publicName: "showGroupTitle", isSignal: true, isRequired: false, transformFunction: null }, groupHelpText: { classPropertyName: "groupHelpText", publicName: "groupHelpText", isSignal: true, isRequired: false, transformFunction: null }, showHelpText: { classPropertyName: "showHelpText", publicName: "showHelpText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div *ngIf=\"isDisplayed()\" class=\"checkbox-group-container\">\n  <div\n    class=\"checkbox-group-header\"\n    [ngClass]=\"{\n      disabled: disabled(),\n      error: error(),\n      'read-only': readOnly(),\n    }\"\n  >\n    <h3 *ngIf=\"showGroupTitle()\" class=\"group-title\">\n      {{ groupTitle() }}\n    </h3>\n    <p *ngIf=\"showHelpText()\" class=\"group-help-text\">\n      {{ groupHelpText() }}\n    </p>\n    <p *ngIf=\"error()\" class=\"group-error-message\">\n      {{ errorMessage() }}\n    </p>\n  </div>\n  <div\n    class=\"checkbox-group\"\n    [ngClass]=\"{ horizontal: direction() === 'horizontal', vertical: direction() === 'vertical' }\"\n  >\n    <ng-container *ngFor=\"let item of items(); let i = index\">\n      <rte-checkbox\n        [id]=\"item + '-' + i\"\n        [label]=\"item\"\n        [showLabel]=\"showItemsLabel()\"\n        [disabled]=\"disabled()\"\n        [error]=\"error()\"\n        [readOnly]=\"readOnly()\"\n      />\n    </ng-container>\n  </div>\n</div>\n", styles: [".checkbox-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.checkbox-group-container .checkbox-group-header .group-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;align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-help-text{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-tertiary);align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger-default);align-self:stretch;margin:4px 0 0}.checkbox-group-container .checkbox-group-header.error .group-title{color:var(--content-danger-default)}.checkbox-group-container .checkbox-group-header.read-only .group-title{color:var(--content-tertiary)}.checkbox-group-container .checkbox-group-header.read-only .error .group-title{color:var(--content-danger-default)}.checkbox-group-container .checkbox-group-header.disabled{pointer-events:none}.checkbox-group-container .checkbox-group-header.disabled .group-title,.checkbox-group-container .checkbox-group-header.disabled .group-help-text{color:var(--content-disabled)}.checkbox-group-container .checkbox-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.checkbox-group-container .checkbox-group.vertical{flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckboxComponent, selector: "rte-checkbox", inputs: ["id", "label", "value", "indeterminate", "description", "showLabel", "disabled", "error", "errorMessage", "readOnly", "checked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CheckboxGroupComponent, isStandalone: true, selector: "rte-checkbox-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showItemsLabel: { classPropertyName: "showItemsLabel", publicName: "showItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, groupTitle: { classPropertyName: "groupTitle", publicName: "groupTitle", isSignal: true, isRequired: false, transformFunction: null }, showGroupTitle: { classPropertyName: "showGroupTitle", publicName: "showGroupTitle", isSignal: true, isRequired: false, transformFunction: null }, groupHelpText: { classPropertyName: "groupHelpText", publicName: "groupHelpText", isSignal: true, isRequired: false, transformFunction: null }, showHelpText: { classPropertyName: "showHelpText", publicName: "showHelpText", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div *ngIf=\"isDisplayed()\" class=\"checkbox-group-container\">\n  <div\n    class=\"checkbox-group-header\"\n    [ngClass]=\"{\n      disabled: disabled(),\n      error: error(),\n      'read-only': readOnly(),\n    }\"\n  >\n    <h3 *ngIf=\"showGroupTitle()\" class=\"group-title\">\n      {{ groupTitle() }}\n    </h3>\n    <p *ngIf=\"showHelpText()\" class=\"group-help-text\">\n      {{ groupHelpText() }}\n    </p>\n    <p *ngIf=\"error()\" class=\"group-error-message\">\n      {{ errorMessage() }}\n    </p>\n  </div>\n  <div\n    class=\"checkbox-group\"\n    [ngClass]=\"{ horizontal: direction() === 'horizontal', vertical: direction() === 'vertical' }\"\n  >\n    <ng-container *ngFor=\"let item of items(); let i = index\">\n      <rte-checkbox\n        [id]=\"item + '-' + i\"\n        [label]=\"item\"\n        [showLabel]=\"showItemsLabel()\"\n        [disabled]=\"disabled()\"\n        [error]=\"error()\"\n        [readOnly]=\"readOnly()\"\n      />\n    </ng-container>\n  </div>\n</div>\n", styles: [".checkbox-group-container{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.checkbox-group-container .checkbox-group-header .group-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;align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-help-text{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-tertiary);align-self:stretch;margin:0}.checkbox-group-container .checkbox-group-header .group-error-message{font-feature-settings:\"liga\" off,\"clig\" off;font-style:normal;font-family:Arial;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:var(--content-danger-default);align-self:stretch;margin:4px 0 0}.checkbox-group-container .checkbox-group-header.error .group-title{color:var(--content-danger-default)}.checkbox-group-container .checkbox-group-header.read-only .group-title{color:var(--content-tertiary)}.checkbox-group-container .checkbox-group-header.read-only .error .group-title{color:var(--content-danger-default)}.checkbox-group-container .checkbox-group-header.disabled{pointer-events:none}.checkbox-group-container .checkbox-group-header.disabled .group-title,.checkbox-group-container .checkbox-group-header.disabled .group-help-text{color:var(--content-disabled)}.checkbox-group-container .checkbox-group{display:flex;flex-direction:row;padding:0;align-items:flex-start;gap:24px}.checkbox-group-container .checkbox-group.vertical{flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CheckboxComponent, selector: "rte-checkbox", inputs: ["id", "label", "value", "indeterminate", "description", "showLabel", "disabled", "error", "errorMessage", "readOnly", "checked", "tabindex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/drawer/drawer-trigger/drawer-trigger.directive.mjs

@@ -0,0 +1,33 @@
+import { Directive, HostListener, output } from "@angular/core";
+import * as i0 from "@angular/core";
+export class DrawerTriggerDirective {
+    constructor() {
+        this.drawerTriggerKeyDown = output();
+        this.drawerTriggerClicked = output();
+    }
+    onDrawerTriggerClicked(clickEvent) {
+        this.drawerTriggerClicked.emit(clickEvent);
+    }
+    onKeyDown(keyboardEvent) {
+        this.drawerTriggerKeyDown.emit(keyboardEvent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DrawerTriggerDirective, isStandalone: true, selector: "[rteDrawerTrigger]", outputs: { drawerTriggerKeyDown: "drawerTriggerKeyDown", drawerTriggerClicked: "drawerTriggerClicked" }, host: { listeners: { "click": "onDrawerTriggerClicked($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.data-rte-drawer-trigger": "true" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[rteDrawerTrigger]",
+                    standalone: true,
+                    host: {
+                        "[attr.data-rte-drawer-trigger]": "true",
+                    },
+                }]
+        }], propDecorators: { onDrawerTriggerClicked: [{
+                type: HostListener,
+                args: ["click", ["$event"]]
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ["keydown", ["$event"]]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLXRyaWdnZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZHJhd2VyL2RyYXdlci10cmlnZ2VyL2RyYXdlci10cmlnZ2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU2hFLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFRVyx5QkFBb0IsR0FBRyxNQUFNLEVBQWlCLENBQUM7UUFFL0MseUJBQW9CLEdBQUcsTUFBTSxFQUFTLENBQUM7S0FXakQ7SUFSQyxzQkFBc0IsQ0FBQyxVQUFpQjtRQUN0QyxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxTQUFTLENBQUMsYUFBNEI7UUFDcEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNoRCxDQUFDOytHQWJVLHNCQUFzQjttR0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQVBsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osZ0NBQWdDLEVBQUUsTUFBTTtxQkFDekM7aUJBQ0Y7OEJBT0Msc0JBQXNCO3NCQURyQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFNakMsU0FBUztzQkFEUixZQUFZO3VCQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBvdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6IFwiW3J0ZURyYXdlclRyaWdnZXJdXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICBcIlthdHRyLmRhdGEtcnRlLWRyYXdlci10cmlnZ2VyXVwiOiBcInRydWVcIixcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRHJhd2VyVHJpZ2dlckRpcmVjdGl2ZSB7XG4gIHJlYWRvbmx5IGRyYXdlclRyaWdnZXJLZXlEb3duID0gb3V0cHV0PEtleWJvYXJkRXZlbnQ+KCk7XG5cbiAgcmVhZG9ubHkgZHJhd2VyVHJpZ2dlckNsaWNrZWQgPSBvdXRwdXQ8RXZlbnQ+KCk7XG5cbiAgQEhvc3RMaXN0ZW5lcihcImNsaWNrXCIsIFtcIiRldmVudFwiXSlcbiAgb25EcmF3ZXJUcmlnZ2VyQ2xpY2tlZChjbGlja0V2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuZHJhd2VyVHJpZ2dlckNsaWNrZWQuZW1pdChjbGlja0V2ZW50KTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoXCJrZXlkb3duXCIsIFtcIiRldmVudFwiXSlcbiAgb25LZXlEb3duKGtleWJvYXJkRXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmRyYXdlclRyaWdnZXJLZXlEb3duLmVtaXQoa2V5Ym9hcmRFdmVudCk7XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,160 @@
+import { CommonModule } from "@angular/common";
+import { afterNextRender, ChangeDetectionStrategy, Component, computed, DestroyRef, effect, inject, Injector, input, output, signal, untracked, viewChild, } from "@angular/core";
+import { DRAWER_PADDING, DRAWER_TRANSITION_DURATION, shouldUseDrawerDefaultFooter, shouldUseDrawerDefaultHeader, waitForNextFrame, } from "@design-system-rte/core";
+import { IconSize } from "@design-system-rte/core/components/icon/icon.constants";
+import { FocusTrapService } from "../../services/focus-trap.service";
+import { ButtonComponent } from "../button/button.component";
+import { DividerComponent } from "../divider/divider.component";
+import { IconComponent } from "../icon/icon.component";
+import { IconButtonComponent } from "../icon-button/icon-button.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DrawerComponent {
+    constructor() {
+        this.id = input.required();
+        this.title = input();
+        this.icon = input();
+        this.iconAppearance = input("outlined");
+        this.isOpen = input(false);
+        this.position = input("modal");
+        this.width = input();
+        this.closeOnOverlayClick = input(false);
+        this.primaryButtonLabel = input();
+        this.secondaryButtonLabel = input();
+        this.isCollapsible = input(false);
+        this.fixedHeader = input(false);
+        this.closeOnEscape = input(false);
+        this.isClosable = input(true);
+        this.modalHostMode = input(false);
+        this.drawerContent = input(null);
+        this.drawerHeader = input(null);
+        this.drawerFooter = input(null);
+        this.drawerContextContent = input(null);
+        this.closed = output();
+        this.clickToggle = output();
+        this.iconSize = signal(IconSize["xl"]);
+        this.drawerPanelModal = viewChild("drawerPanelModal");
+        this.drawerPanelResponsive = viewChild("drawerPanelResponsive");
+        this.isAnimating = signal(false);
+        this.shouldRenderModalLayer = signal(false);
+        this.shouldDisplayDefaultHeader = computed(() => shouldUseDrawerDefaultHeader(!!this.drawerHeader(), this.title()));
+        this.shouldDisplayDefaultFooter = computed(() => shouldUseDrawerDefaultFooter(!!this.drawerFooter(), this.primaryButtonLabel()));
+        this.panelWidthPx = signal(0);
+        this.collapsibleToggleTransform = computed(() => {
+            const widthPx = this.panelWidthPx();
+            return this.isAnimating() ? `translateX(-${widthPx + DRAWER_PADDING}px)` : "none";
+        });
+        this.responsiveDividerTransform = computed(() => {
+            const widthPx = this.panelWidthPx();
+            return this.isAnimating() ? `translateX(-${widthPx}px)` : "none";
+        });
+        this.floatingToggleOpacity = computed(() => (this.isAnimating() ? 0 : 1));
+        this.collapsibleToggleIconName = computed(() => this.isOpen() ? "right-panel-close" : "right-panel-open");
+        this.collapsibleToggleAriaLabel = computed(() => {
+            const verb = this.isOpen() ? "Close" : "Open";
+            return `${verb} drawer ${this.id()}`;
+        });
+        this.responsiveMainMarginRight = computed(() => (this.isAnimating() ? (this.width() ?? "0") : "0"));
+        this.focusTrap = inject(FocusTrapService);
+        this.destroyRef = inject(DestroyRef);
+        this.injector = inject(Injector);
+        this.resizeObserver = null;
+        this.focusTrapActive = false;
+        effect(() => {
+            const open = this.isOpen();
+            const usesModalLayer = this.position() === "modal";
+            if (open) {
+                this.handleDrawerOpen(usesModalLayer);
+            }
+            else {
+                this.handleDrawerClose(usesModalLayer);
+            }
+        }, { allowSignalWrites: true });
+        effect(() => {
+            const modalPanel = this.drawerPanelModal()?.nativeElement;
+            const responsivePanel = this.drawerPanelResponsive()?.nativeElement;
+            const panel = modalPanel ?? responsivePanel;
+            if (!panel) {
+                untracked(() => {
+                    this.resizeObserver?.disconnect();
+                    this.resizeObserver = null;
+                });
+                return;
+            }
+            untracked(() => {
+                this.resizeObserver?.disconnect();
+                this.resizeObserver = new ResizeObserver(() => {
+                    this.panelWidthPx.set(panel.clientWidth);
+                });
+                this.resizeObserver.observe(panel);
+                this.panelWidthPx.set(panel.clientWidth);
+            });
+        }, { allowSignalWrites: true });
+        this.destroyRef.onDestroy(() => {
+            this.resizeObserver?.disconnect();
+            if (this.focusTrapActive) {
+                this.focusTrap.deactivate();
+                this.focusTrapActive = false;
+            }
+        });
+    }
+    activateFocusTrapForPanel(resolvePanel) {
+        afterNextRender(() => {
+            const panelElement = resolvePanel();
+            if (panelElement && !this.focusTrapActive) {
+                this.focusTrap.activate(panelElement);
+                this.focusTrapActive = true;
+            }
+        }, { injector: this.injector });
+    }
+    handleDrawerOpen(usesModalLayer) {
+        if (usesModalLayer) {
+            this.shouldRenderModalLayer.set(true);
+        }
+        this.isAnimating.set(false);
+        const resolvePanel = () => {
+            if (usesModalLayer) {
+                return this.drawerPanelModal()?.nativeElement ?? this.drawerPanelResponsive()?.nativeElement;
+            }
+            return this.drawerPanelResponsive()?.nativeElement;
+        };
+        untracked(() => {
+            waitForNextFrame(() => {
+                this.isAnimating.set(true);
+                this.activateFocusTrapForPanel(resolvePanel);
+            });
+        });
+    }
+    handleDrawerClose(usesModalLayer) {
+        this.isAnimating.set(false);
+        if (this.focusTrapActive) {
+            this.focusTrap.deactivate();
+            this.focusTrapActive = false;
+        }
+        if (usesModalLayer && this.shouldRenderModalLayer()) {
+            setTimeout(() => {
+                this.shouldRenderModalLayer.set(false);
+            }, DRAWER_TRANSITION_DURATION);
+        }
+    }
+    onClose() {
+        this.closed.emit();
+    }
+    onClickToggle() {
+        this.clickToggle.emit();
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+        if (this.focusTrapActive) {
+            this.focusTrap.deactivate();
+            this.focusTrapActive = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DrawerComponent, isStandalone: true, selector: "rte-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconAppearance: { classPropertyName: "iconAppearance", publicName: "iconAppearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnOverlayClick: { classPropertyName: "closeOnOverlayClick", publicName: "closeOnOverlayClick", isSignal: true, isRequired: false, transformFunction: null }, primaryButtonLabel: { classPropertyName: "primaryButtonLabel", publicName: "primaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, secondaryButtonLabel: { classPropertyName: "secondaryButtonLabel", publicName: "secondaryButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, fixedHeader: { classPropertyName: "fixedHeader", publicName: "fixedHeader", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, isClosable: { classPropertyName: "isClosable", publicName: "isClosable", isSignal: true, isRequired: false, transformFunction: null }, modalHostMode: { classPropertyName: "modalHostMode", publicName: "modalHostMode", isSignal: true, isRequired: false, transformFunction: null }, drawerContent: { classPropertyName: "drawerContent", publicName: "drawerContent", isSignal: true, isRequired: false, transformFunction: null }, drawerHeader: { classPropertyName: "drawerHeader", publicName: "drawerHeader", isSignal: true, isRequired: false, transformFunction: null }, drawerFooter: { classPropertyName: "drawerFooter", publicName: "drawerFooter", isSignal: true, isRequired: false, transformFunction: null }, drawerContextContent: { classPropertyName: "drawerContextContent", publicName: "drawerContextContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", clickToggle: "clickToggle" }, viewQueries: [{ propertyName: "drawerPanelModal", first: true, predicate: ["drawerPanelModal"], descendants: true, isSignal: true }, { propertyName: "drawerPanelResponsive", first: true, predicate: ["drawerPanelResponsive"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"rte-drawer-root\" [class.rte-drawer-modal-host-layer]=\"modalHostMode()\" [attr.data-position]=\"position()\">\n  @if (isCollapsible()) {\n    <rte-icon-button\n      class=\"drawer-toggle drawer-toggle--floating\"\n      size=\"l\"\n      variant=\"primary\"\n      [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n      [name]=\"collapsibleToggleIconName()\"\n      [customStyle]=\"{\n        position: 'absolute',\n        top: '24px',\n        right: '4px',\n        opacity: floatingToggleOpacity().toString(),\n      }\"\n      (clickEvent)=\"onClickToggle()\"\n    />\n  }\n\n  @if (position() === \"responsive\") {\n    <div class=\"drawer-responsive-container\">\n      @if (isCollapsible()) {\n        <rte-icon-button\n          class=\"drawer-toggle drawer-toggle--responsive-floating\"\n          size=\"l\"\n          variant=\"primary\"\n          [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n          [name]=\"collapsibleToggleIconName()\"\n          [customStyle]=\"{\n            position: 'absolute',\n            top: '24px',\n            right: '4px',\n            opacity: isAnimating() ? '0' : '1',\n            transform: collapsibleToggleTransform(),\n          }\"\n          (clickEvent)=\"onClickToggle()\"\n        />\n      }\n      <div\n        class=\"drawer-responsive-divider-wrap\"\n        [style.visibility]=\"isAnimating() ? 'visible' : 'hidden'\"\n        [style.transform]=\"responsiveDividerTransform()\"\n      >\n        <rte-divider orientation=\"vertical\" />\n      </div>\n      <div\n        #drawerPanelResponsive\n        class=\"drawer\"\n        data-drawer-panel\n        data-testid=\"drawer-responsive-panel\"\n        role=\"region\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [attr.data-position]=\"position()\"\n        [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\"\n        [attr.aria-labelledby]=\"id() + '-drawer-title'\"\n        [style.width]=\"width()\"\n        [style.transform]=\"isAnimating() ? 'none' : 'translateX(' + (width() ?? '100%') + ')'\"\n        [style.visibility]=\"isAnimating() ? 'visible' : 'hidden'\"\n      >\n        <ng-container *ngTemplateOutlet=\"headerAndContent\" />\n        <ng-container *ngTemplateOutlet=\"footerBlock\" />\n      </div>\n      <div\n        class=\"drawer-children\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [style.marginRight]=\"responsiveMainMarginRight()\"\n        [style.maxHeight]=\"isAnimating() ? '100%' : undefined\"\n        [style.overflowY]=\"isAnimating() ? 'auto' : undefined\"\n      >\n        <ng-container *ngTemplateOutlet=\"drawerContextContent() ?? null\" />\n      </div>\n    </div>\n  }\n\n  @if (position() === \"modal\" && shouldRenderModalLayer()) {\n    <div class=\"rte-drawer-modal-layer\">\n      <div class=\"rte-drawer-backdrop\" [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"></div>\n      <div\n        #drawerPanelModal\n        class=\"drawer\"\n        data-drawer-panel\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\"\n        [attr.aria-labelledby]=\"id() + '-drawer-title'\"\n        [style.width]=\"width()\"\n      >\n        <ng-container *ngTemplateOutlet=\"headerAndContent\" />\n        <ng-container *ngTemplateOutlet=\"footerBlock\" />\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #headerAndContent>\n  @if (fixedHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerBlock\" />\n    <ng-container *ngTemplateOutlet=\"contentBlock\" />\n  } @else {\n    <div class=\"drawer-header-content\">\n      <ng-container *ngTemplateOutlet=\"headerBlock\" />\n      <ng-container *ngTemplateOutlet=\"contentBlock\" />\n    </div>\n  }\n</ng-template>\n\n<ng-template #headerBlock>\n  @if (isCollapsible()) {\n    <rte-icon-button\n      class=\"drawer-toggle\"\n      size=\"l\"\n      variant=\"primary\"\n      [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n      [name]=\"collapsibleToggleIconName()\"\n      [customStyle]=\"{ transform: collapsibleToggleTransform() }\"\n      (clickEvent)=\"onClickToggle()\"\n    />\n  }\n  @if (shouldDisplayDefaultHeader()) {\n    <div class=\"rte-drawer-base-header\">\n      <div class=\"rte-drawer-base-header-text\">\n        @if (icon()) {\n          <rte-icon [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n        }\n        <h2 id=\"{{ id() }}-drawer-title\" class=\"rte-drawer-base-header-title\">\n          {{ title() }}\n        </h2>\n        @if (isClosable()) {\n          <rte-icon-button\n            ariaLabel=\"Close drawer {{ id() }}\"\n            data-testid=\"drawer-close-button\"\n            name=\"close\"\n            size=\"l\"\n            class=\"rte-drawer-close-icon\"\n            variant=\"neutral\"\n            (clickEvent)=\"onClose()\"\n          />\n        }\n      </div>\n      <rte-divider />\n    </div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"drawerHeader() ?? null\" />\n  }\n</ng-template>\n\n<ng-template #contentBlock>\n  <div class=\"drawer-content\" tabindex=\"-1\" [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\">\n    <ng-container *ngTemplateOutlet=\"drawerContent() ?? null\" />\n  </div>\n</ng-template>\n\n<ng-template #footerBlock>\n  <div class=\"drawer-footer\" [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\">\n    @if (shouldDisplayDefaultFooter()) {\n      <div class=\"rte-drawer-base-footer\">\n        @if (secondaryButtonLabel()) {\n          <button rteButton rteButtonVariant=\"neutral\">\n            {{ secondaryButtonLabel() }}\n          </button>\n        }\n        <button rteButton rteButtonVariant=\"primary\">\n          {{ primaryButtonLabel() }}\n        </button>\n      </div>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"drawerFooter() ?? null\" />\n    }\n  </div>\n</ng-template>\n", styles: [":host-context(.rte-drawer-host--responsive-layout){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box}.rte-drawer-root{position:relative}.rte-drawer-root[data-position=responsive]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}.rte-drawer-root[data-position=responsive] .drawer-responsive-container{flex:1 1 auto;min-height:0;height:auto;position:relative;overflow-x:clip}.rte-drawer-modal-host-layer{position:fixed;inset:0;z-index:999;pointer-events:none}.rte-drawer-modal-host-layer .drawer-toggle--floating,.rte-drawer-modal-host-layer .rte-drawer-modal-layer{pointer-events:auto}.rte-drawer-modal-layer{position:fixed;inset:0}.rte-drawer-backdrop{position:absolute;inset:0;opacity:0;background-color:#201f1f80;transition:opacity .24s ease-out}.rte-drawer-backdrop[data-open=true]{opacity:1}.drawer-responsive-divider-wrap{position:absolute;right:0;transition:transform .24s ease-out;height:100%}.drawer{display:flex;height:100%;box-sizing:border-box;min-width:64px;padding:24px;gap:24px;flex-direction:column;align-items:flex-start;transform:translate(100%);transition:transform .24s ease-out;box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);background-color:var(--background-default);position:absolute;right:0}.drawer[data-fixed-header=false]{padding:24px 8px 24px 24px}.drawer[data-open=true]{transform:translate(0)}.drawer[data-position=responsive]{width:100%;position:absolute;right:0;box-shadow:none;transition:transform .24s ease-out;flex:0 0 auto;height:100%;max-height:100%;background:transparent}.drawer[data-position=responsive][data-open=true]{transform:none}.drawer .drawer-content{flex:1 1 auto;width:100%}.drawer .drawer-content[data-fixed-header=true]{padding-right:16px;overflow-y:auto}.drawer .drawer-toggle{position:absolute;top:24px;right:0;transition:transform .24s ease-out}.drawer .drawer-toggle:focus-visible{position:absolute}.drawer .drawer-footer{width:100%}.drawer .drawer-footer[data-fixed-header=false]{padding-right:16px;box-sizing:border-box}.drawer .drawer-header-content{display:flex;flex-direction:column;height:100%;gap:24px;overflow-y:auto;padding-right:16px;box-sizing:border-box}.rte-drawer-base-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-drawer-base-header .rte-drawer-base-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-drawer-base-header .rte-drawer-base-header-text .rte-drawer-base-header-title{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;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-drawer-base-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto;width:100%}.drawer-children{box-sizing:border-box;min-height:0;height:100%;transition:margin-right .24s ease-out}.drawer-toggle--floating,.drawer-toggle--responsive-floating{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "button[rteButton]", inputs: ["rteButtonVariant", "rteButtonSize", "rteBadgeCount", "rteBadgeContent", "rteButtonIcon", "rteButtonIconPosition", "rteButtonIconAppearance"] }, { kind: "component", type: DividerComponent, selector: "rte-divider", inputs: ["orientation", "thickness", "appearance", "endPoint"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rte-drawer", imports: [CommonModule, ButtonComponent, DividerComponent, IconComponent, IconButtonComponent], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"rte-drawer-root\" [class.rte-drawer-modal-host-layer]=\"modalHostMode()\" [attr.data-position]=\"position()\">\n  @if (isCollapsible()) {\n    <rte-icon-button\n      class=\"drawer-toggle drawer-toggle--floating\"\n      size=\"l\"\n      variant=\"primary\"\n      [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n      [name]=\"collapsibleToggleIconName()\"\n      [customStyle]=\"{\n        position: 'absolute',\n        top: '24px',\n        right: '4px',\n        opacity: floatingToggleOpacity().toString(),\n      }\"\n      (clickEvent)=\"onClickToggle()\"\n    />\n  }\n\n  @if (position() === \"responsive\") {\n    <div class=\"drawer-responsive-container\">\n      @if (isCollapsible()) {\n        <rte-icon-button\n          class=\"drawer-toggle drawer-toggle--responsive-floating\"\n          size=\"l\"\n          variant=\"primary\"\n          [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n          [name]=\"collapsibleToggleIconName()\"\n          [customStyle]=\"{\n            position: 'absolute',\n            top: '24px',\n            right: '4px',\n            opacity: isAnimating() ? '0' : '1',\n            transform: collapsibleToggleTransform(),\n          }\"\n          (clickEvent)=\"onClickToggle()\"\n        />\n      }\n      <div\n        class=\"drawer-responsive-divider-wrap\"\n        [style.visibility]=\"isAnimating() ? 'visible' : 'hidden'\"\n        [style.transform]=\"responsiveDividerTransform()\"\n      >\n        <rte-divider orientation=\"vertical\" />\n      </div>\n      <div\n        #drawerPanelResponsive\n        class=\"drawer\"\n        data-drawer-panel\n        data-testid=\"drawer-responsive-panel\"\n        role=\"region\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [attr.data-position]=\"position()\"\n        [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\"\n        [attr.aria-labelledby]=\"id() + '-drawer-title'\"\n        [style.width]=\"width()\"\n        [style.transform]=\"isAnimating() ? 'none' : 'translateX(' + (width() ?? '100%') + ')'\"\n        [style.visibility]=\"isAnimating() ? 'visible' : 'hidden'\"\n      >\n        <ng-container *ngTemplateOutlet=\"headerAndContent\" />\n        <ng-container *ngTemplateOutlet=\"footerBlock\" />\n      </div>\n      <div\n        class=\"drawer-children\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [style.marginRight]=\"responsiveMainMarginRight()\"\n        [style.maxHeight]=\"isAnimating() ? '100%' : undefined\"\n        [style.overflowY]=\"isAnimating() ? 'auto' : undefined\"\n      >\n        <ng-container *ngTemplateOutlet=\"drawerContextContent() ?? null\" />\n      </div>\n    </div>\n  }\n\n  @if (position() === \"modal\" && shouldRenderModalLayer()) {\n    <div class=\"rte-drawer-modal-layer\">\n      <div class=\"rte-drawer-backdrop\" [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"></div>\n      <div\n        #drawerPanelModal\n        class=\"drawer\"\n        data-drawer-panel\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.data-open]=\"isAnimating() ? 'true' : 'false'\"\n        [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\"\n        [attr.aria-labelledby]=\"id() + '-drawer-title'\"\n        [style.width]=\"width()\"\n      >\n        <ng-container *ngTemplateOutlet=\"headerAndContent\" />\n        <ng-container *ngTemplateOutlet=\"footerBlock\" />\n      </div>\n    </div>\n  }\n</div>\n\n<ng-template #headerAndContent>\n  @if (fixedHeader()) {\n    <ng-container *ngTemplateOutlet=\"headerBlock\" />\n    <ng-container *ngTemplateOutlet=\"contentBlock\" />\n  } @else {\n    <div class=\"drawer-header-content\">\n      <ng-container *ngTemplateOutlet=\"headerBlock\" />\n      <ng-container *ngTemplateOutlet=\"contentBlock\" />\n    </div>\n  }\n</ng-template>\n\n<ng-template #headerBlock>\n  @if (isCollapsible()) {\n    <rte-icon-button\n      class=\"drawer-toggle\"\n      size=\"l\"\n      variant=\"primary\"\n      [ariaLabel]=\"collapsibleToggleAriaLabel()\"\n      [name]=\"collapsibleToggleIconName()\"\n      [customStyle]=\"{ transform: collapsibleToggleTransform() }\"\n      (clickEvent)=\"onClickToggle()\"\n    />\n  }\n  @if (shouldDisplayDefaultHeader()) {\n    <div class=\"rte-drawer-base-header\">\n      <div class=\"rte-drawer-base-header-text\">\n        @if (icon()) {\n          <rte-icon [name]=\"icon() ?? ''\" [size]=\"iconSize()\" [appearance]=\"iconAppearance()\" />\n        }\n        <h2 id=\"{{ id() }}-drawer-title\" class=\"rte-drawer-base-header-title\">\n          {{ title() }}\n        </h2>\n        @if (isClosable()) {\n          <rte-icon-button\n            ariaLabel=\"Close drawer {{ id() }}\"\n            data-testid=\"drawer-close-button\"\n            name=\"close\"\n            size=\"l\"\n            class=\"rte-drawer-close-icon\"\n            variant=\"neutral\"\n            (clickEvent)=\"onClose()\"\n          />\n        }\n      </div>\n      <rte-divider />\n    </div>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"drawerHeader() ?? null\" />\n  }\n</ng-template>\n\n<ng-template #contentBlock>\n  <div class=\"drawer-content\" tabindex=\"-1\" [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\">\n    <ng-container *ngTemplateOutlet=\"drawerContent() ?? null\" />\n  </div>\n</ng-template>\n\n<ng-template #footerBlock>\n  <div class=\"drawer-footer\" [attr.data-fixed-header]=\"fixedHeader() ? 'true' : 'false'\">\n    @if (shouldDisplayDefaultFooter()) {\n      <div class=\"rte-drawer-base-footer\">\n        @if (secondaryButtonLabel()) {\n          <button rteButton rteButtonVariant=\"neutral\">\n            {{ secondaryButtonLabel() }}\n          </button>\n        }\n        <button rteButton rteButtonVariant=\"primary\">\n          {{ primaryButtonLabel() }}\n        </button>\n      </div>\n    } @else {\n      <ng-container *ngTemplateOutlet=\"drawerFooter() ?? null\" />\n    }\n  </div>\n</ng-template>\n", styles: [":host-context(.rte-drawer-host--responsive-layout){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box}.rte-drawer-root{position:relative}.rte-drawer-root[data-position=responsive]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}.rte-drawer-root[data-position=responsive] .drawer-responsive-container{flex:1 1 auto;min-height:0;height:auto;position:relative;overflow-x:clip}.rte-drawer-modal-host-layer{position:fixed;inset:0;z-index:999;pointer-events:none}.rte-drawer-modal-host-layer .drawer-toggle--floating,.rte-drawer-modal-host-layer .rte-drawer-modal-layer{pointer-events:auto}.rte-drawer-modal-layer{position:fixed;inset:0}.rte-drawer-backdrop{position:absolute;inset:0;opacity:0;background-color:#201f1f80;transition:opacity .24s ease-out}.rte-drawer-backdrop[data-open=true]{opacity:1}.drawer-responsive-divider-wrap{position:absolute;right:0;transition:transform .24s ease-out;height:100%}.drawer{display:flex;height:100%;box-sizing:border-box;min-width:64px;padding:24px;gap:24px;flex-direction:column;align-items:flex-start;transform:translate(100%);transition:transform .24s ease-out;box-shadow:0 4px 8px 0 var(--elevation-shadow-key),0 0 2px 0 var(--elevation-shadow-ambient);background:linear-gradient(0deg,var(--elevation-surface-shadow-3) 0%,var(--elevation-surface-shadow-3) 100%);background-color:var(--background-default);position:absolute;right:0}.drawer[data-fixed-header=false]{padding:24px 8px 24px 24px}.drawer[data-open=true]{transform:translate(0)}.drawer[data-position=responsive]{width:100%;position:absolute;right:0;box-shadow:none;transition:transform .24s ease-out;flex:0 0 auto;height:100%;max-height:100%;background:transparent}.drawer[data-position=responsive][data-open=true]{transform:none}.drawer .drawer-content{flex:1 1 auto;width:100%}.drawer .drawer-content[data-fixed-header=true]{padding-right:16px;overflow-y:auto}.drawer .drawer-toggle{position:absolute;top:24px;right:0;transition:transform .24s ease-out}.drawer .drawer-toggle:focus-visible{position:absolute}.drawer .drawer-footer{width:100%}.drawer .drawer-footer[data-fixed-header=false]{padding-right:16px;box-sizing:border-box}.drawer .drawer-header-content{display:flex;flex-direction:column;height:100%;gap:24px;overflow-y:auto;padding-right:16px;box-sizing:border-box}.rte-drawer-base-header{display:flex;flex-direction:column;gap:8px;width:100%;flex:0 0 auto}.rte-drawer-base-header .rte-drawer-base-header-text{display:flex;flex-direction:row;align-items:center;gap:8px}.rte-drawer-base-header .rte-drawer-base-header-text .rte-drawer-base-header-title{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;margin:0;overflow:hidden;color:var(--content-primary);text-overflow:ellipsis;flex:1 1 0}.rte-drawer-base-footer{display:flex;padding:0;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;flex:0 0 auto;width:100%}.drawer-children{box-sizing:border-box;min-height:0;height:100%;transition:margin-right .24s ease-out}.drawer-toggle--floating,.drawer-toggle--responsive-floating{z-index:1}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RzLXJ0ZS1saWIvc3JjL2xpYi9jb21wb25lbnRzL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHMtcnRlLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZHJhd2VyL2RyYXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLGVBQWUsRUFDZix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixVQUFVLEVBQ1YsTUFBTSxFQUVOLE1BQU0sRUFDTixRQUFRLEVBQ1IsS0FBSyxFQUVMLE1BQU0sRUFDTixNQUFNLEVBRU4sU0FBUyxFQUNULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsY0FBYyxFQUNkLDBCQUEwQixFQUMxQiw0QkFBNEIsRUFDNUIsNEJBQTRCLEVBQzVCLGdCQUFnQixHQUVqQixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUVsRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDOzs7QUFVM0UsTUFBTSxPQUFPLGVBQWU7SUF1RTFCO1FBdEVTLE9BQUUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENB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MEtBLGlyR0RySVksWUFBWSxzTUFBRSxlQUFlLHNOQUFFLGdCQUFnQix3SEFBRSxhQUFhLGlIQUFFLG1CQUFtQjs7NEZBTWxGLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsWUFBWSxXQUNiLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsbUJBQW1CLENBQUMsY0FDbEYsSUFBSSxtQkFHQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHtcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgRGVzdHJveVJlZixcbiAgZWZmZWN0LFxuICBFbGVtZW50UmVmLFxuICBpbmplY3QsXG4gIEluamVjdG9yLFxuICBpbnB1dCxcbiAgT25EZXN0cm95LFxuICBvdXRwdXQsXG4gIHNpZ25hbCxcbiAgVGVtcGxhdGVSZWYsXG4gIHVudHJhY2tlZCxcbiAgdmlld0NoaWxkLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtcbiAgRFJBV0VSX1BBRERJTkcsXG4gIERSQVdFUl9UUkFOU0lUSU9OX0RVUkFUSU9OLFxuICBzaG91bGRVc2VEcmF3ZXJEZWZhdWx0Rm9vdGVyLFxuICBzaG91bGRVc2VEcmF3ZXJEZWZhdWx0SGVhZGVyLFxuICB3YWl0Rm9yTmV4dEZyYW1lLFxuICBEcmF3ZXJQb3NpdGlvbixcbn0gZnJvbSBcIkBkZXNpZ24tc3lzdGVtLXJ0ZS9jb3JlXCI7XG5pbXBvcnQgeyBJY29uU2l6ZSB9IGZyb20gXCJAZGVzaWduLXN5c3RlbS1ydGUvY29yZS9jb21wb25lbnRzL2ljb24vaWNvbi5jb25zdGFudHNcIjtcblxuaW1wb3J0IHsgRm9jdXNUcmFwU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy9mb2N1cy10cmFwLnNlcnZpY2VcIjtcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgRGl2aWRlckNvbXBvbmVudCB9IGZyb20gXCIuLi9kaXZpZGVyL2RpdmlkZXIuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24vaWNvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IEljb25CdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJydGUtZHJhd2VyXCIsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgRGl2aWRlckNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgSWNvbkJ1dHRvbkNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiBcIi4vZHJhd2VyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsOiBcIi4vZHJhd2VyLmNvbXBvbmVudC5zY3NzXCIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEcmF3ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICByZWFkb25seSBpZCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGljb24gPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGljb25BcHBlYXJhbmNlID0gaW5wdXQ8XCJvdXRsaW5lZFwiIHwgXCJmaWxsZWRcIj4oXCJvdXRsaW5lZFwiKTtcbiAgcmVhZG9ubHkgaXNPcGVuID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBwb3NpdGlvbiA9IGlucHV0PERyYXdlclBvc2l0aW9uPihcIm1vZGFsXCIpO1xuICByZWFkb25seSB3aWR0aCA9IGlucHV0PHN0cmluZyB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgY2xvc2VPbk92ZXJsYXlDbGljayA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgcHJpbWFyeUJ1dHRvbkxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBzZWNvbmRhcnlCdXR0b25MYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgaXNDb2xsYXBzaWJsZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcmVhZG9ubHkgZml4ZWRIZWFkZXIgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGNsb3NlT25Fc2NhcGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGlzQ2xvc2FibGUgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgcmVhZG9ubHkgbW9kYWxIb3N0TW9kZSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICByZWFkb25seSBkcmF3ZXJDb250ZW50ID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsPihudWxsKTtcbiAgcmVhZG9ubHkgZHJhd2VySGVhZGVyID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsPihudWxsKTtcbiAgcmVhZG9ubHkgZHJhd2VyRm9vdGVyID0gaW5wdXQ8VGVtcGxhdGVSZWY8dW5rbm93bj4gfCBudWxsPihudWxsKTtcbiAgcmVhZG9ubHkgZHJhd2VyQ29udGV4dENvbnRlbnQgPSBpbnB1dDxUZW1wbGF0ZVJlZjx1bmtub3duPiB8IG51bGw+KG51bGwpO1xuXG4gIHJlYWRvbmx5IGNsb3NlZCA9IG91dHB1dDx2b2lkPigpO1xuICByZWFkb25seSBjbGlja1RvZ2dsZSA9IG91dHB1dDx2b2lkPigpO1xuXG4gIHJlYWRvbmx5IGljb25TaXplID0gc2lnbmFsKEljb25TaXplW1wieGxcIl0pO1xuXG4gIHJlYWRvbmx5IGRyYXdlclBhbmVsTW9kYWwgPSB2aWV3Q2hpbGQ8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KFwiZHJhd2VyUGFuZWxNb2RhbFwiKTtcbiAgcmVhZG9ubHkgZHJhd2VyUGFuZWxSZXNwb25zaXZlID0gdmlld0NoaWxkPEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihcImRyYXdlclBhbmVsUmVzcG9uc2l2ZVwiKTtcblxuICByZWFkb25seSBpc0FuaW1hdGluZyA9IHNpZ25hbChmYWxzZSk7XG4gIHJlYWRvbmx5IHNob3VsZFJlbmRlck1vZGFsTGF5ZXIgPSBzaWduYWwoZmFsc2UpO1xuXG4gIHJlYWRvbmx5IHNob3VsZERpc3BsYXlEZWZhdWx0SGVhZGVyID0gY29tcHV0ZWQoKCkgPT5cbiAgICBzaG91bGRVc2VEcmF3ZXJEZWZhdWx0SGVhZGVyKCEhdGhpcy5kcmF3ZXJIZWFkZXIoKSwgdGhpcy50aXRsZSgpKSxcbiAgKTtcbiAgcmVhZG9ubHkgc2hvdWxkRGlzcGxheURlZmF1bHRGb290ZXIgPSBjb21wdXRlZCgoKSA9PlxuICAgIHNob3VsZFVzZURyYXdlckRlZmF1bHRGb290ZXIoISF0aGlzLmRyYXdlckZvb3RlcigpLCB0aGlzLnByaW1hcnlCdXR0b25MYWJlbCgpKSxcbiAgKTtcblxuICByZWFkb25seSBwYW5lbFdpZHRoUHggPSBzaWduYWwoMCk7XG5cbiAgcmVhZG9ubHkgY29sbGFwc2libGVUb2dnbGVUcmFuc2Zvcm0gPSBjb21wdXRlZCgoKSA9PiB7XG4gICAgY29uc3Qgd2lkdGhQeCA9IHRoaXMucGFuZWxXaWR0aFB4KCk7XG4gICAgcmV0dXJuIHRoaXMuaXNBbmltYXRpbmcoKSA/IGB0cmFuc2xhdGVYKC0ke3dpZHRoUHggKyBEUkFXRVJfUEFERElOR31weClgIDogXCJub25lXCI7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IHJlc3BvbnNpdmVEaXZpZGVyVHJhbnNmb3JtID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHdpZHRoUHggPSB0aGlzLnBhbmVsV2lkdGhQeCgpO1xuICAgIHJldHVybiB0aGlzLmlzQW5pbWF0aW5nKCkgPyBgdHJhbnNsYXRlWCgtJHt3aWR0aFB4fXB4KWAgOiBcIm5vbmVcIjtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgZmxvYXRpbmdUb2dnbGVPcGFjaXR5ID0gY29tcHV0ZWQoKCkgPT4gKHRoaXMuaXNBbmltYXRpbmcoKSA/IDAgOiAxKSk7XG5cbiAgcmVhZG9ubHkgY29sbGFwc2libGVUb2dnbGVJY29uTmFtZSA9IGNvbXB1dGVkKCgpID0+XG4gICAgdGhpcy5pc09wZW4oKSA/IChcInJpZ2h0LXBhbmVsLWNsb3NlXCIgYXMgY29uc3QpIDogKFwicmlnaHQtcGFuZWwtb3BlblwiIGFzIGNvbnN0KSxcbiAgKTtcblxuICByZWFkb25seSBjb2xsYXBzaWJsZVRvZ2dsZUFyaWFMYWJlbCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCB2ZXJiID0gdGhpcy5pc09wZW4oKSA/IFwiQ2xvc2VcIiA6IFwiT3BlblwiO1xuICAgIHJldHVybiBgJHt2ZXJifSBkcmF3ZXIgJHt0aGlzLmlkKCl9YDtcbiAgfSk7XG5cbiAgcmVhZG9ubHkgcmVzcG9uc2l2ZU1haW5NYXJnaW5SaWdodCA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLmlzQW5pbWF0aW5nKCkgPyAodGhpcy53aWR0aCgpID8/IFwiMFwiKSA6IFwiMFwiKSk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBmb2N1c1RyYXAgPSBpbmplY3QoRm9jdXNUcmFwU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG4gIHByaXZhdGUgcmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgZm9jdXNUcmFwQWN0aXZlID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KFxuICAgICAgKCkgPT4ge1xuICAgICAgICBjb25zdCBvcGVuID0gdGhpcy5pc09wZW4oKTtcbiAgICAgICAgY29uc3QgdXNlc01vZGFsTGF5ZXIgPSB0aGlzLnBvc2l0aW9uKCkgPT09IFwibW9kYWxcIjtcblxuICAgICAgICBpZiAob3Blbikge1xuICAgICAgICAgIHRoaXMuaGFuZGxlRHJhd2VyT3Blbih1c2VzTW9kYWxMYXllcik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5oYW5kbGVEcmF3ZXJDbG9zZSh1c2VzTW9kYWxMYXllcik7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH0sXG4gICAgKTtcblxuICAgIGVmZmVjdChcbiAgICAgICgpID0+IHtcbiAgICAgICAgY29uc3QgbW9kYWxQYW5lbCA9IHRoaXMuZHJhd2VyUGFuZWxNb2RhbCgpPy5uYXRpdmVFbGVtZW50O1xuICAgICAgICBjb25zdCByZXNwb25zaXZlUGFuZWwgPSB0aGlzLmRyYXdlclBhbmVsUmVzcG9uc2l2ZSgpPy5uYXRpdmVFbGVtZW50O1xuICAgICAgICBjb25zdCBwYW5lbCA9IG1vZGFsUGFuZWwgPz8gcmVzcG9uc2l2ZVBhbmVsO1xuICAgICAgICBpZiAoIXBhbmVsKSB7XG4gICAgICAgICAgdW50cmFja2VkKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgICAgICAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBudWxsO1xuICAgICAgICAgIH0pO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgICAgIHRoaXMucmVzaXplT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgICAgICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMucGFuZWxXaWR0aFB4LnNldChwYW5lbC5jbGllbnRXaWR0aCk7XG4gICAgICAgICAgfSk7XG4gICAgICAgICAgdGhpcy5yZXNpemVPYnNlcnZlci5vYnNlcnZlKHBhbmVsKTtcbiAgICAgICAgICB0aGlzLnBhbmVsV2lkdGhQeC5zZXQocGFuZWwuY2xpZW50V2lkdGgpO1xuICAgICAgICB9KTtcbiAgICAgIH0sXG4gICAgICB7IGFsbG93U2lnbmFsV3JpdGVzOiB0cnVlIH0sXG4gICAgKTtcblxuICAgIHRoaXMuZGVzdHJveVJlZi5vbkRlc3Ryb3koKCkgPT4ge1xuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgICAgaWYgKHRoaXMuZm9jdXNUcmFwQWN0aXZlKSB7XG4gICAgICAgIHRoaXMuZm9jdXNUcmFwLmRlYWN0aXZhdGUoKTtcbiAgICAgICAgdGhpcy5mb2N1c1RyYXBBY3RpdmUgPSBmYWxzZTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYWN0aXZhdGVGb2N1c1RyYXBGb3JQYW5lbChyZXNvbHZlUGFuZWw6ICgpID0+IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkKTogdm9pZCB7XG4gICAgYWZ0ZXJOZXh0UmVuZGVyKFxuICAgICAgKCkgPT4ge1xuICAgICAgICBjb25zdCBwYW5lbEVsZW1lbnQgPSByZXNvbHZlUGFuZWwoKTtcbiAgICAgICAgaWYgKHBhbmVsRWxlbWVudCAmJiAhdGhpcy5mb2N1c1RyYXBBY3RpdmUpIHtcbiAgICAgICAgICB0aGlzLmZvY3VzVHJhcC5hY3RpdmF0ZShwYW5lbEVsZW1lbnQpO1xuICAgICAgICAgIHRoaXMuZm9jdXNUcmFwQWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIHsgaW5qZWN0b3I6IHRoaXMuaW5qZWN0b3IgfSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVEcmF3ZXJPcGVuKHVzZXNNb2RhbExheWVyOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKHVzZXNNb2RhbExheWVyKSB7XG4gICAgICB0aGlzLnNob3VsZFJlbmRlck1vZGFsTGF5ZXIuc2V0KHRydWUpO1xuICAgIH1cbiAgICB0aGlzLmlzQW5pbWF0aW5nLnNldChmYWxzZSk7XG4gICAgY29uc3QgcmVzb2x2ZVBhbmVsID0gKCkgPT4ge1xuICAgICAgaWYgKHVzZXNNb2RhbExheWVyKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRyYXdlclBhbmVsTW9kYWwoKT8ubmF0aXZlRWxlbWVudCA/PyB0aGlzLmRyYXdlclBhbmVsUmVzcG9uc2l2ZSgpPy5uYXRpdmVFbGVtZW50O1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRoaXMuZHJhd2VyUGFuZWxSZXNwb25zaXZlKCk/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgfTtcbiAgICB1bnRyYWNrZWQoKCkgPT4ge1xuICAgICAgd2FpdEZvck5leHRGcmFtZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuaXNBbmltYXRpbmcuc2V0KHRydWUpO1xuICAgICAgICB0aGlzLmFjdGl2YXRlRm9jdXNUcmFwRm9yUGFuZWwocmVzb2x2ZVBhbmVsKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVEcmF3ZXJDbG9zZSh1c2VzTW9kYWxMYXllcjogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuaXNBbmltYXRpbmcuc2V0KGZhbHNlKTtcbiAgICBpZiAodGhpcy5mb2N1c1RyYXBBY3RpdmUpIHtcbiAgICAgIHRoaXMuZm9jdXNUcmFwLmRlYWN0aXZhdGUoKTtcbiAgICAgIHRoaXMuZm9jdXNUcmFwQWN0aXZlID0gZmFsc2U7XG4gICAgfVxuICAgIGlmICh1c2VzTW9kYWxMYXllciAmJiB0aGlzLnNob3VsZFJlbmRlck1vZGFsTGF5ZXIoKSkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHRoaXMuc2hvdWxkUmVuZGVyTW9kYWxMYXllci5zZXQoZmFsc2UpO1xuICAgICAgfSwgRFJBV0VSX1RSQU5TSVRJT05fRFVSQVRJT04pO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG5cbiAgb25DbGlja1RvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrVG9nZ2xlLmVtaXQoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXI/LmRpc2Nvbm5lY3QoKTtcbiAgICBpZiAodGhpcy5mb2N1c1RyYXBBY3RpdmUpIHtcbiAgICAgIHRoaXMuZm9jdXNUcmFwLmRlYWN0aXZhdGUoKTtcbiAgICAgIHRoaXMuZm9jdXNUcmFwQWN0aXZlID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicnRlLWRyYXdlci1yb290XCIgW2NsYXNzLnJ0ZS1kcmF3ZXItbW9kYWwtaG9zdC1sYXllcl09XCJtb2RhbEhvc3RNb2RlKClcIiBbYXR0ci5kYXRhLXBvc2l0aW9uXT1cInBvc2l0aW9uKClcIj5cbiAgQGlmIChpc0NvbGxhcHNpYmxlKCkpIHtcbiAgICA8cnRlLWljb24tYnV0dG9uXG4gICAgICBjbGFzcz1cImRyYXdlci10b2dnbGUgZHJhd2VyLXRvZ2dsZS0tZmxvYXRpbmdcIlxuICAgICAgc2l6ZT1cImxcIlxuICAgICAgdmFyaWFudD1cInByaW1hcnlcIlxuICAgICAgW2FyaWFMYWJlbF09XCJjb2xsYXBzaWJsZVRvZ2dsZUFyaWFMYWJlbCgpXCJcbiAgICAgIFtuYW1lXT1cImNvbGxhcHNpYmxlVG9nZ2xlSWNvbk5hbWUoKVwiXG4gICAgICBbY3VzdG9tU3R5bGVdPVwie1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdG9wOiAnMjRweCcsXG4gICAgICAgIHJpZ2h0OiAnNHB4JyxcbiAgICAgICAgb3BhY2l0eTogZmxvYXRpbmdUb2dnbGVPcGFjaXR5KCkudG9TdHJpbmcoKSxcbiAgICAgIH1cIlxuICAgICAgKGNsaWNrRXZlbnQpPVwib25DbGlja1RvZ2dsZSgpXCJcbiAgICAvPlxuICB9XG5cbiAgQGlmIChwb3NpdGlvbigpID09PSBcInJlc3BvbnNpdmVcIikge1xuICAgIDxkaXYgY2xhc3M9XCJkcmF3ZXItcmVzcG9uc2l2ZS1jb250YWluZXJcIj5cbiAgICAgIEBpZiAoaXNDb2xsYXBzaWJsZSgpKSB7XG4gICAgICAgIDxydGUtaWNvbi1idXR0b25cbiAgICAgICAgICBjbGFzcz1cImRyYXdlci10b2dnbGUgZHJhd2VyLXRvZ2dsZS0tcmVzcG9uc2l2ZS1mbG9hdGluZ1wiXG4gICAgICAgICAgc2l6ZT1cImxcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBbYXJpYUxhYmVsXT1cImNvbGxhcHNpYmxlVG9nZ2xlQXJpYUxhYmVsKClcIlxuICAgICAgICAgIFtuYW1lXT1cImNvbGxhcHNpYmxlVG9nZ2xlSWNvbk5hbWUoKVwiXG4gICAgICAgICAgW2N1c3RvbVN0eWxlXT1cIntcbiAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgdG9wOiAnMjRweCcsXG4gICAgICAgICAgICByaWdodDogJzRweCcsXG4gICAgICAgICAgICBvcGFjaXR5OiBpc0FuaW1hdGluZygpID8gJzAnIDogJzEnLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBjb2xsYXBzaWJsZVRvZ2dsZVRyYW5zZm9ybSgpLFxuICAgICAgICAgIH1cIlxuICAgICAgICAgIChjbGlja0V2ZW50KT1cIm9uQ2xpY2tUb2dnbGUoKVwiXG4gICAgICAgIC8+XG4gICAgICB9XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZHJhd2VyLXJlc3BvbnNpdmUtZGl2aWRlci13cmFwXCJcbiAgICAgICAgW3N0eWxlLnZpc2liaWxpdHldPVwiaXNBbmltYXRpbmcoKSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nXCJcbiAgICAgICAgW3N0eWxlLnRyYW5zZm9ybV09XCJyZXNwb25zaXZlRGl2aWRlclRyYW5zZm9ybSgpXCJcbiAgICAgID5cbiAgICAgICAgPHJ0ZS1kaXZpZGVyIG9yaWVudGF0aW9uPVwidmVydGljYWxcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgICNkcmF3ZXJQYW5lbFJlc3BvbnNpdmVcbiAgICAgICAgY2xhc3M9XCJkcmF3ZXJcIlxuICAgICAgICBkYXRhLWRyYXdlci1wYW5lbFxuICAgICAgICBkYXRhLXRlc3RpZD1cImRyYXdlci1yZXNwb25zaXZlLXBhbmVsXCJcbiAgICAgICAgcm9sZT1cInJlZ2lvblwiXG4gICAgICAgIFthdHRyLmRhdGEtb3Blbl09XCJpc0FuaW1hdGluZygpID8gJ3RydWUnIDogJ2ZhbHNlJ1wiXG4gICAgICAgIFthdHRyLmRhdGEtcG9zaXRpb25dPVwicG9zaXRpb24oKVwiXG4gICAgICAgIFthdHRyLmRhdGEtZml4ZWQtaGVhZGVyXT1cImZpeGVkSGVhZGVyKCkgPyAndHJ1ZScgOiAnZmFsc2UnXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImlkKCkgKyAnLWRyYXdlci10aXRsZSdcIlxuICAgICAgICBbc3R5bGUud2lkdGhdPVwid2lkdGgoKVwiXG4gICAgICAgIFtzdHlsZS50cmFuc2Zvcm1dPVwiaXNBbmltYXRpbmcoKSA/ICdub25lJyA6ICd0cmFuc2xhdGVYKCcgKyAod2lkdGgoKSA/PyAnMTAwJScpICsgJyknXCJcbiAgICAgICAgW3N0eWxlLnZpc2liaWxpdHldPVwiaXNBbmltYXRpbmcoKSA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckFuZENvbnRlbnRcIiAvPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyQmxvY2tcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiZHJhd2VyLWNoaWxkcmVuXCJcbiAgICAgICAgW2F0dHIuZGF0YS1vcGVuXT1cImlzQW5pbWF0aW5nKCkgPyAndHJ1ZScgOiAnZmFsc2UnXCJcbiAgICAgICAgW3N0eWxlLm1hcmdpblJpZ2h0XT1cInJlc3BvbnNpdmVNYWluTWFyZ2luUmlnaHQoKVwiXG4gICAgICAgIFtzdHlsZS5tYXhIZWlnaHRdPVwiaXNBbmltYXRpbmcoKSA/ICcxMDAlJyA6IHVuZGVmaW5lZFwiXG4gICAgICAgIFtzdHlsZS5vdmVyZmxvd1ldPVwiaXNBbmltYXRpbmcoKSA/ICdhdXRvJyA6IHVuZGVmaW5lZFwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcmF3ZXJDb250ZXh0Q29udGVudCgpID8/IG51bGxcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIH1cblxuICBAaWYgKHBvc2l0aW9uKCkgPT09IFwibW9kYWxcIiAmJiBzaG91bGRSZW5kZXJNb2RhbExheWVyKCkpIHtcbiAgICA8ZGl2IGNsYXNzPVwicnRlLWRyYXdlci1tb2RhbC1sYXllclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJ0ZS1kcmF3ZXItYmFja2Ryb3BcIiBbYXR0ci5kYXRhLW9wZW5dPVwiaXNBbmltYXRpbmcoKSA/ICd0cnVlJyA6ICdmYWxzZSdcIj48L2Rpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgI2RyYXdlclBhbmVsTW9kYWxcbiAgICAgICAgY2xhc3M9XCJkcmF3ZXJcIlxuICAgICAgICBkYXRhLWRyYXdlci1wYW5lbFxuICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgICBbYXR0ci5kYXRhLW9wZW5dPVwiaXNBbmltYXRpbmcoKSA/ICd0cnVlJyA6ICdmYWxzZSdcIlxuICAgICAgICBbYXR0ci5kYXRhLWZpeGVkLWhlYWRlcl09XCJmaXhlZEhlYWRlcigpID8gJ3RydWUnIDogJ2ZhbHNlJ1wiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJpZCgpICsgJy1kcmF3ZXItdGl0bGUnXCJcbiAgICAgICAgW3N0eWxlLndpZHRoXT1cIndpZHRoKClcIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQW5kQ29udGVudFwiIC8+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmb290ZXJCbG9ja1wiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjaGVhZGVyQW5kQ29udGVudD5cbiAgQGlmIChmaXhlZEhlYWRlcigpKSB7XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckJsb2NrXCIgLz5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudEJsb2NrXCIgLz5cbiAgfSBAZWxzZSB7XG4gICAgPGRpdiBjbGFzcz1cImRyYXdlci1oZWFkZXItY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckJsb2NrXCIgLz5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50QmxvY2tcIiAvPlxuICAgIDwvZGl2PlxuICB9XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2hlYWRlckJsb2NrPlxuICBAaWYgKGlzQ29sbGFwc2libGUoKSkge1xuICAgIDxydGUtaWNvbi1idXR0b25cbiAgICAgIGNsYXNzPVwiZHJhd2VyLXRvZ2dsZVwiXG4gICAgICBzaXplPVwibFwiXG4gICAgICB2YXJpYW50PVwicHJpbWFyeVwiXG4gICAgICBbYXJpYUxhYmVsXT1cImNvbGxhcHNpYmxlVG9nZ2xlQXJpYUxhYmVsKClcIlxuICAgICAgW25hbWVdPVwiY29sbGFwc2libGVUb2dnbGVJY29uTmFtZSgpXCJcbiAgICAgIFtjdXN0b21TdHlsZV09XCJ7IHRyYW5zZm9ybTogY29sbGFwc2libGVUb2dnbGVUcmFuc2Zvcm0oKSB9XCJcbiAgICAgIChjbGlja0V2ZW50KT1cIm9uQ2xpY2tUb2dnbGUoKVwiXG4gICAgLz5cbiAgfVxuICBAaWYgKHNob3VsZERpc3BsYXlEZWZhdWx0SGVhZGVyKCkpIHtcbiAgICA8ZGl2IGNsYXNzPVwicnRlLWRyYXdlci1iYXNlLWhlYWRlclwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJ0ZS1kcmF3ZXItYmFzZS1oZWFkZXItdGV4dFwiPlxuICAgICAgICBAaWYgKGljb24oKSkge1xuICAgICAgICAgIDxydGUtaWNvbiBbbmFtZV09XCJpY29uKCkgPz8gJydcIiBbc2l6ZV09XCJpY29uU2l6ZSgpXCIgW2FwcGVhcmFuY2VdPVwiaWNvbkFwcGVhcmFuY2UoKVwiIC8+XG4gICAgICAgIH1cbiAgICAgICAgPGgyIGlkPVwie3sgaWQoKSB9fS1kcmF3ZXItdGl0bGVcIiBjbGFzcz1cInJ0ZS1kcmF3ZXItYmFzZS1oZWFkZXItdGl0bGVcIj5cbiAgICAgICAgICB7eyB0aXRsZSgpIH19XG4gICAgICAgIDwvaDI+XG4gICAgICAgIEBpZiAoaXNDbG9zYWJsZSgpKSB7XG4gICAgICAgICAgPHJ0ZS1pY29uLWJ1dHRvblxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2UgZHJhd2VyIHt7IGlkKCkgfX1cIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJkcmF3ZXItY2xvc2UtYnV0dG9uXCJcbiAgICAgICAgICAgIG5hbWU9XCJjbG9zZVwiXG4gICAgICAgICAgICBzaXplPVwibFwiXG4gICAgICAgICAgICBjbGFzcz1cInJ0ZS1kcmF3ZXItY2xvc2UtaWNvblwiXG4gICAgICAgICAgICB2YXJpYW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAoY2xpY2tFdmVudCk9XCJvbkNsb3NlKClcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgICAgPHJ0ZS1kaXZpZGVyIC8+XG4gICAgPC9kaXY+XG4gIH0gQGVsc2Uge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcmF3ZXJIZWFkZXIoKSA/PyBudWxsXCIgLz5cbiAgfVxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50QmxvY2s+XG4gIDxkaXYgY2xhc3M9XCJkcmF3ZXItY29udGVudFwiIHRhYmluZGV4PVwiLTFcIiBbYXR0ci5kYXRhLWZpeGVkLWhlYWRlcl09XCJmaXhlZEhlYWRlcigpID8gJ3RydWUnIDogJ2ZhbHNlJ1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcmF3ZXJDb250ZW50KCkgPz8gbnVsbFwiIC8+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNmb290ZXJCbG9jaz5cbiAgPGRpdiBjbGFzcz1cImRyYXdlci1mb290ZXJcIiBbYXR0ci5kYXRhLWZpeGVkLWhlYWRlcl09XCJmaXhlZEhlYWRlcigpID8gJ3RydWUnIDogJ2ZhbHNlJ1wiPlxuICAgIEBpZiAoc2hvdWxkRGlzcGxheURlZmF1bHRGb290ZXIoKSkge1xuICAgICAgPGRpdiBjbGFzcz1cInJ0ZS1kcmF3ZXItYmFzZS1mb290ZXJcIj5cbiAgICAgICAgQGlmIChzZWNvbmRhcnlCdXR0b25MYWJlbCgpKSB7XG4gICAgICAgICAgPGJ1dHRvbiBydGVCdXR0b24gcnRlQnV0dG9uVmFyaWFudD1cIm5ldXRyYWxcIj5cbiAgICAgICAgICAgIHt7IHNlY29uZGFyeUJ1dHRvbkxhYmVsKCkgfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgfVxuICAgICAgICA8YnV0dG9uIHJ0ZUJ1dHRvbiBydGVCdXR0b25WYXJpYW50PVwicHJpbWFyeVwiPlxuICAgICAgICAgIHt7IHByaW1hcnlCdXR0b25MYWJlbCgpIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZHJhd2VyRm9vdGVyKCkgPz8gbnVsbFwiIC8+XG4gICAgfVxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=