@rivet-health/design-system 40.39.2 → 40.40.0

package/esm2020/lib/input/filter-dropdown/filter-dropdown.component.mjs

@@ -0,0 +1,89 @@
+import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../notification/badge/badge.component";
+import * as i3 from "../button/button.component";
+import * as i4 from "../../overlay/callout/callout.component";
+import * as i5 from "../../overlay/overlay.directive";
+import * as i6 from "../../overlay/callout/tooltip/tooltip.directive";
+export class FilterDropdownComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.label = '';
+        this.value = null;
+        /** Pixels added to the value's 120px max width before it truncates. */
+        this.valueExtraWidth = 0;
+        this.count = null;
+        /** Whether a filter is applied (Figma's "Active"); inactive is unfilled. */
+        this.active = false;
+        this.removable = true;
+        this.disabled = false;
+        this.tooltip = null;
+        this.open = false;
+        this.preferredPosition = 'bottom-right';
+        this.allowedPositions = [
+            'bottom-right',
+            'top-right',
+        ];
+        this.openChange = new EventEmitter();
+        this.remove = new EventEmitter();
+    }
+    get classes() {
+        return Object.entries({
+            active: this.active,
+            removable: this.removable,
+            disabled: this.disabled,
+        })
+            .filter(([_, v]) => v)
+            .map(([k]) => k)
+            .join(' ');
+    }
+    // The callout's close fires from the overlay outlet, outside this view.
+    setOpen(open) {
+        this.open = open;
+        this.openChange.emit(open);
+        this.cdr.markForCheck();
+    }
+}
+FilterDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FilterDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FilterDropdownComponent, selector: "riv-filter-dropdown", inputs: { label: "label", value: "value", valueExtraWidth: "valueExtraWidth", count: "count", active: "active", removable: "removable", disabled: "disabled", tooltip: "tooltip", open: "open", preferredPosition: "preferredPosition", allowedPositions: "allowedPositions" }, outputs: { openChange: "openChange", remove: "remove" }, host: { properties: { "class": "this.classes" } }, queries: [{ propertyName: "triggerTemplate", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span #anchor>\n  <button\n    *ngIf=\"triggerTemplate; else defaultTrigger\"\n    class=\"custom-trigger\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"label || null\"\n    [attr.aria-expanded]=\"open\"\n    (click)=\"setOpen(!open)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"triggerTemplate; context: { open: open }\"\n    ></ng-container>\n  </button>\n  <ng-template #defaultTrigger>\n    <div\n      class=\"trigger\"\n      [rivTooltip]=\"tooltip ?? undefined\"\n      (click)=\"!disabled && setOpen(!open)\"\n    >\n      <button\n        *ngIf=\"removable && !disabled\"\n        rivButton\n        type=\"button\"\n        [variant]=\"'ghost'\"\n        [icon]=\"'X'\"\n        [attr.aria-label]=\"'Remove ' + label\"\n        (click)=\"$event.stopPropagation(); remove.emit()\"\n      ></button>\n      <span class=\"label\">{{ label }}</span>\n      <ng-container *ngIf=\"value !== null\">\n        <div class=\"divider\"></div>\n        <span class=\"value\" [style.max-width.px]=\"120 + valueExtraWidth\">{{\n          value\n        }}</span>\n      </ng-container>\n      <span *ngIf=\"(count ?? 0) > 0\" class=\"count\">\n        <riv-badge\n          [size]=\"'xsmall'\"\n          [variant]=\"disabled ? 'disabled' : 'brand'\"\n          >{{ count }}</riv-badge\n        >\n      </span>\n      <button\n        *ngIf=\"!disabled\"\n        rivButton\n        type=\"button\"\n        [variant]=\"'ghost'\"\n        [icon]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-expanded]=\"open\"\n      ></button>\n    </div>\n  </ng-template>\n</span>\n\n<ng-container *ngIf=\"open && !disabled\">\n  <riv-callout\n    *riv-overlay\n    [anchor]=\"anchor\"\n    [theme]=\"'light'\"\n    [showCaret]=\"false\"\n    [preferredPosition]=\"preferredPosition\"\n    [allowedPositions]=\"allowedPositions\"\n    (close)=\"setOpen(false)\"\n  >\n    <div class=\"content\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate ?? null\"></ng-container>\n    </div>\n  </riv-callout>\n</ng-container>\n", styles: [":host{flex:0 0 auto}.custom-trigger{display:inline-flex;font:inherit;color:inherit}.trigger{display:inline-flex;align-items:center;box-sizing:content-box;height:var(--type-2-line-height-0);padding:calc(var(--base-grid-size) * 2) 0;border:var(--border-width) solid var(--border-light-blend);border-radius:var(--border-radius-small);background-color:transparent;font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);cursor:pointer;transition:background-color var(--medium-transition)}.trigger:hover{background-color:var(--black-20)}.trigger:active{background-color:var(--black-40)}:host(.active) .trigger{background-color:var(--purp-10)}:host(.active) .trigger:hover{background-color:var(--purp-20)}:host(.active) .trigger:active{background-color:var(--purp-30)}:host(.removable:not(.active)) .trigger{border-style:dashed}:host(:not(.removable)) .trigger,:host(.disabled) .trigger{padding-left:var(--size-medium)}:host(.disabled) .trigger{padding-right:var(--size-medium);border-color:var(--surface-light-4);background-color:transparent;color:var(--type-light-disabled);cursor:default}:host(.disabled.active) .trigger{background-color:var(--surface-light-1)}.label{flex:1 0 auto;font-weight:var(--font-weight-heavy)}.divider{width:var(--border-width);height:var(--type-3-font-size);margin:0 var(--size-small);background-color:var(--border-light)}.value{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.count{padding-left:var(--size-small)}.content{min-width:calc(var(--base-grid-size) * 74);padding:var(--size-large)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.BadgeComponent, selector: "riv-badge", inputs: ["variant", "size"] }, { kind: "component", type: i3.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i4.CalloutComponent, selector: "riv-callout", inputs: ["anchor", "isModal", "preferredPosition", "allowedPositions", "fallbackDirection", "showCaret", "theme"], outputs: ["close"] }, { kind: "directive", type: i5.OverlayDirective, selector: "[riv-overlay]" }, { kind: "directive", type: i6.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'riv-filter-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span #anchor>\n  <button\n    *ngIf=\"triggerTemplate; else defaultTrigger\"\n    class=\"custom-trigger\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"label || null\"\n    [attr.aria-expanded]=\"open\"\n    (click)=\"setOpen(!open)\"\n  >\n    <ng-container\n      *ngTemplateOutlet=\"triggerTemplate; context: { open: open }\"\n    ></ng-container>\n  </button>\n  <ng-template #defaultTrigger>\n    <div\n      class=\"trigger\"\n      [rivTooltip]=\"tooltip ?? undefined\"\n      (click)=\"!disabled && setOpen(!open)\"\n    >\n      <button\n        *ngIf=\"removable && !disabled\"\n        rivButton\n        type=\"button\"\n        [variant]=\"'ghost'\"\n        [icon]=\"'X'\"\n        [attr.aria-label]=\"'Remove ' + label\"\n        (click)=\"$event.stopPropagation(); remove.emit()\"\n      ></button>\n      <span class=\"label\">{{ label }}</span>\n      <ng-container *ngIf=\"value !== null\">\n        <div class=\"divider\"></div>\n        <span class=\"value\" [style.max-width.px]=\"120 + valueExtraWidth\">{{\n          value\n        }}</span>\n      </ng-container>\n      <span *ngIf=\"(count ?? 0) > 0\" class=\"count\">\n        <riv-badge\n          [size]=\"'xsmall'\"\n          [variant]=\"disabled ? 'disabled' : 'brand'\"\n          >{{ count }}</riv-badge\n        >\n      </span>\n      <button\n        *ngIf=\"!disabled\"\n        rivButton\n        type=\"button\"\n        [variant]=\"'ghost'\"\n        [icon]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n        [attr.aria-label]=\"label\"\n        [attr.aria-expanded]=\"open\"\n      ></button>\n    </div>\n  </ng-template>\n</span>\n\n<ng-container *ngIf=\"open && !disabled\">\n  <riv-callout\n    *riv-overlay\n    [anchor]=\"anchor\"\n    [theme]=\"'light'\"\n    [showCaret]=\"false\"\n    [preferredPosition]=\"preferredPosition\"\n    [allowedPositions]=\"allowedPositions\"\n    (close)=\"setOpen(false)\"\n  >\n    <div class=\"content\">\n      <ng-container *ngTemplateOutlet=\"contentTemplate ?? null\"></ng-container>\n    </div>\n  </riv-callout>\n</ng-container>\n", styles: [":host{flex:0 0 auto}.custom-trigger{display:inline-flex;font:inherit;color:inherit}.trigger{display:inline-flex;align-items:center;box-sizing:content-box;height:var(--type-2-line-height-0);padding:calc(var(--base-grid-size) * 2) 0;border:var(--border-width) solid var(--border-light-blend);border-radius:var(--border-radius-small);background-color:transparent;font-size:var(--type-2-font-size);line-height:var(--type-2-line-height-0);cursor:pointer;transition:background-color var(--medium-transition)}.trigger:hover{background-color:var(--black-20)}.trigger:active{background-color:var(--black-40)}:host(.active) .trigger{background-color:var(--purp-10)}:host(.active) .trigger:hover{background-color:var(--purp-20)}:host(.active) .trigger:active{background-color:var(--purp-30)}:host(.removable:not(.active)) .trigger{border-style:dashed}:host(:not(.removable)) .trigger,:host(.disabled) .trigger{padding-left:var(--size-medium)}:host(.disabled) .trigger{padding-right:var(--size-medium);border-color:var(--surface-light-4);background-color:transparent;color:var(--type-light-disabled);cursor:default}:host(.disabled.active) .trigger{background-color:var(--surface-light-1)}.label{flex:1 0 auto;font-weight:var(--font-weight-heavy)}.divider{width:var(--border-width);height:var(--type-3-font-size);margin:0 var(--size-small);background-color:var(--border-light)}.value{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.count{padding-left:var(--size-small)}.content{min-width:calc(var(--base-grid-size) * 74);padding:var(--size-large)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueExtraWidth: [{
+                type: Input
+            }], count: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], removable: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], preferredPosition: [{
+                type: Input
+            }], allowedPositions: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }], triggerTemplate: [{
+                type: ContentChild,
+                args: ['trigger']
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content']
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL2lucHV0L2ZpbHRlci1kcm9wZG93bi9maWx0ZXItZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvaW5wdXQvZmlsdGVyLWRyb3Bkb3duL2ZpbHRlci1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVN2QixNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFlBQTZCLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBR25ELFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFFNUIsdUVBQXVFO1FBRXZFLG9CQUFlLEdBQVcsQ0FBQyxDQUFDO1FBRzVCLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBRTVCLDRFQUE0RTtRQUU1RSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBR3hCLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFHMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUcxQixZQUFPLEdBQWtCLElBQUksQ0FBQztRQUc5QixTQUFJLEdBQVksS0FBSyxDQUFDO1FBR3RCLHNCQUFpQixHQUFzQyxjQUFjLENBQUM7UUFHdEUscUJBQWdCLEdBQXdDO1lBQ3RELGNBQWM7WUFDZCxXQUFXO1NBQ1osQ0FBQztRQUdPLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBR3pDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBNUNXLENBQUM7SUFvRHZELElBQ0ksT0FBTztRQUNULE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQztZQUNwQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbkIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1lBQ3pCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtTQUN4QixDQUFDO2FBQ0MsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQzthQUNyQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7YUFDZixJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDO0lBRUQsd0VBQXdFO0lBQ3hFLE9BQU8sQ0FBQyxJQUFhO1FBQ25CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7cUhBdEVVLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLDRuQkNuQnBDLHFqRUF1RUE7NEZEcERhLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTt3R0FNL0MsS0FBSztzQkFESixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFLTixlQUFlO3NCQURkLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUtOLE1BQU07c0JBREwsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4saUJBQWlCO3NCQURoQixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQU9HLFVBQVU7c0JBRGxCLE1BQU07Z0JBSUUsTUFBTTtzQkFEZCxNQUFNO2dCQUlQLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxTQUFTO2dCQUl2QixlQUFlO3NCQURkLFlBQVk7dUJBQUMsU0FBUztnQkFJbkIsT0FBTztzQkFEVixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYWxsb3V0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vb3ZlcmxheS9jYWxsb3V0L2NhbGxvdXQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncml2LWZpbHRlci1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWx0ZXItZHJvcGRvd24uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyRHJvcGRvd25Db21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAvKiogUGl4ZWxzIGFkZGVkIHRvIHRoZSB2YWx1ZSdzIDEyMHB4IG1heCB3aWR0aCBiZWZvcmUgaXQgdHJ1bmNhdGVzLiAqL1xuICBASW5wdXQoKVxuICB2YWx1ZUV4dHJhV2lkdGg6IG51bWJlciA9IDA7XG5cbiAgQElucHV0KClcbiAgY291bnQ6IG51bWJlciB8IG51bGwgPSBudWxsO1xuXG4gIC8qKiBXaGV0aGVyIGEgZmlsdGVyIGlzIGFwcGxpZWQgKEZpZ21hJ3MgXCJBY3RpdmVcIik7IGluYWN0aXZlIGlzIHVuZmlsbGVkLiAqL1xuICBASW5wdXQoKVxuICBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICByZW1vdmFibGU6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdG9vbHRpcDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgQElucHV0KClcbiAgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIHByZWZlcnJlZFBvc2l0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb24gPSAnYm90dG9tLXJpZ2h0JztcblxuICBASW5wdXQoKVxuICBhbGxvd2VkUG9zaXRpb25zOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb25bXSA9IFtcbiAgICAnYm90dG9tLXJpZ2h0JyxcbiAgICAndG9wLXJpZ2h0JyxcbiAgXTtcblxuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgb3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBAT3V0cHV0KClcbiAgcmVhZG9ubHkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBDb250ZW50Q2hpbGQoJ3RyaWdnZXInKVxuICB0cmlnZ2VyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjx7IG9wZW46IGJvb2xlYW4gfT47XG5cbiAgQENvbnRlbnRDaGlsZCgnY29udGVudCcpXG4gIGNvbnRlbnRUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPHZvaWQ+O1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgY2xhc3NlcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyh7XG4gICAgICBhY3RpdmU6IHRoaXMuYWN0aXZlLFxuICAgICAgcmVtb3ZhYmxlOiB0aGlzLnJlbW92YWJsZSxcbiAgICAgIGRpc2FibGVkOiB0aGlzLmRpc2FibGVkLFxuICAgIH0pXG4gICAgICAuZmlsdGVyKChbXywgdl0pID0+IHYpXG4gICAgICAubWFwKChba10pID0+IGspXG4gICAgICAuam9pbignICcpO1xuICB9XG5cbiAgLy8gVGhlIGNhbGxvdXQncyBjbG9zZSBmaXJlcyBmcm9tIHRoZSBvdmVybGF5IG91dGxldCwgb3V0c2lkZSB0aGlzIHZpZXcuXG4gIHNldE9wZW4ob3BlbjogYm9vbGVhbikge1xuICAgIHRoaXMub3BlbiA9IG9wZW47XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQob3Blbik7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxzcGFuICNhbmNob3I+XG4gIDxidXR0b25cbiAgICAqbmdJZj1cInRyaWdnZXJUZW1wbGF0ZTsgZWxzZSBkZWZhdWx0VHJpZ2dlclwiXG4gICAgY2xhc3M9XCJjdXN0b20tdHJpZ2dlclwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsIHx8IG51bGxcIlxuICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwib3BlblwiXG4gICAgKGNsaWNrKT1cInNldE9wZW4oIW9wZW4pXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidHJpZ2dlclRlbXBsYXRlOyBjb250ZXh0OiB7IG9wZW46IG9wZW4gfVwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICA8L2J1dHRvbj5cbiAgPG5nLXRlbXBsYXRlICNkZWZhdWx0VHJpZ2dlcj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInRyaWdnZXJcIlxuICAgICAgW3JpdlRvb2x0aXBdPVwidG9vbHRpcCA/PyB1bmRlZmluZWRcIlxuICAgICAgKGNsaWNrKT1cIiFkaXNhYmxlZCAmJiBzZXRPcGVuKCFvcGVuKVwiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cInJlbW92YWJsZSAmJiAhZGlzYWJsZWRcIlxuICAgICAgICByaXZCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFt2YXJpYW50XT1cIidnaG9zdCdcIlxuICAgICAgICBbaWNvbl09XCInWCdcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidSZW1vdmUgJyArIGxhYmVsXCJcbiAgICAgICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKTsgcmVtb3ZlLmVtaXQoKVwiXG4gICAgICA+PC9idXR0b24+XG4gICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWUgIT09IG51bGxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRpdmlkZXJcIj48L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwiMTIwICsgdmFsdWVFeHRyYVdpZHRoXCI+e3tcbiAgICAgICAgICB2YWx1ZVxuICAgICAgICB9fTwvc3Bhbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPHNwYW4gKm5nSWY9XCIoY291bnQgPz8gMCkgPiAwXCIgY2xhc3M9XCJjb3VudFwiPlxuICAgICAgICA8cml2LWJhZGdlXG4gICAgICAgICAgW3NpemVdPVwiJ3hzbWFsbCdcIlxuICAgICAgICAgIFt2YXJpYW50XT1cImRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdicmFuZCdcIlxuICAgICAgICAgID57eyBjb3VudCB9fTwvcml2LWJhZGdlXG4gICAgICAgID5cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCIhZGlzYWJsZWRcIlxuICAgICAgICByaXZCdXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFt2YXJpYW50XT1cIidnaG9zdCdcIlxuICAgICAgICBbaWNvbl09XCJvcGVuID8gJ0NoZXZyb25VcCcgOiAnQ2hldnJvbkRvd24nXCJcbiAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJsYWJlbFwiXG4gICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwib3BlblwiXG4gICAgICA+PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L3NwYW4+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJvcGVuICYmICFkaXNhYmxlZFwiPlxuICA8cml2LWNhbGxvdXRcbiAgICAqcml2LW92ZXJsYXlcbiAgICBbYW5jaG9yXT1cImFuY2hvclwiXG4gICAgW3RoZW1lXT1cIidsaWdodCdcIlxuICAgIFtzaG93Q2FyZXRdPVwiZmFsc2VcIlxuICAgIFtwcmVmZXJyZWRQb3NpdGlvbl09XCJwcmVmZXJyZWRQb3NpdGlvblwiXG4gICAgW2FsbG93ZWRQb3NpdGlvbnNdPVwiYWxsb3dlZFBvc2l0aW9uc1wiXG4gICAgKGNsb3NlKT1cInNldE9wZW4oZmFsc2UpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlID8/IG51bGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9yaXYtY2FsbG91dD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2020/lib/navigation/views/all-views-modal/all-views-modal.component.mjs

@@ -29,10 +29,10 @@ export class AllViewsModalComponent {
     }
 }
 AllViewsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AllViewsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AllViewsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AllViewsModalComponent, selector: "riv-all-views-modal", inputs: { manager: "manager", topOffset: "topOffset" }, outputs: { close: "close" }, ngImport: i0, template: "<ng-container *ngIf=\"manager?.state | async; let s\">\n  <riv-side-sheet [topOffset]=\"topOffset\" (close)=\"close.emit()\">\n    <div class=\"content\">\n      <header>\n        <span class=\"title\">All views</span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n\n      <riv-search\n        (valueChange)=\"\n          manager?.actions?.next({\n            type: 'setAllViewsSearchQuery',\n            query: $event\n          })\n        \"\n        [value]=\"s.all.search\"\n        placeholder=\"Search\"\n      ></riv-search>\n\n      <div class=\"views\">\n        <!-- View sections by permission type -->\n        <ng-container\n          *ngIf=\"s.all.privateViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'private',\n            open: s.all.privateOpen,\n            openChange: getOpenChange('private'),\n            views: s.all.privateViews,\n            title: getPermissionTitle('private'),\n            description: getPermissionDescription('private')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.sharedViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'shared',\n            open: s.all.sharedOpen,\n            openChange: getOpenChange('shared'),\n            views: s.all.sharedViews,\n            title: getPermissionTitle('shared'),\n            description: getPermissionDescription('shared')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.publicViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'public',\n            open: s.all.publicOpen,\n            openChange: getOpenChange('public'),\n            views: s.all.publicViews,\n            title: getPermissionTitle('public'),\n            description: getPermissionDescription('public')\n          }\"\n        ></ng-container>\n\n        <!-- Permission section -->\n        <ng-template\n          #permissionSection\n          let-permission=\"permission\"\n          let-open=\"open\"\n          let-openChange=\"openChange\"\n          let-views=\"views\"\n          let-title=\"title\"\n          let-description=\"description\"\n        >\n          <div class=\"permission-section\">\n            <button\n              type=\"button\"\n              class=\"permission-header\"\n              (click)=\"openChange(!open)\"\n              [disabled]=\"!!s.all.search\"\n              [attr.aria-disabled]=\"!!s.all.search ? 'true' : null\"\n            >\n              <div class=\"permission-header-content\">\n                <h3 class=\"permission-title\">{{ title }}</h3>\n                <span class=\"permission-description\">{{ description }}</span>\n              </div>\n              <riv-icon\n                [name]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n                [size]=\"20\"\n              ></riv-icon>\n            </button>\n\n            <div class=\"permission-content\" *ngIf=\"open\">\n              <div class=\"views-list\" *ngIf=\"views.length > 0\">\n                <button\n                  type=\"button\"\n                  *ngFor=\"let view of views; trackBy: trackById\"\n                  class=\"view-item\"\n                  (click)=\"\n                    manager?.actions?.next({\n                      type: 'setActiveView',\n                      id: view.id,\n                      source: 'menu'\n                    });\n                    close.emit()\n                  \"\n                >\n                  <div class=\"view-title\" rivTruncate>\n                    <riv-highlight\n                      [text]=\"view.title\"\n                      [indices]=\"view.titleHighlightIndices ?? []\"\n                    >\n                    </riv-highlight>\n                  </div>\n                  <riv-view-menu\n                    [manager]=\"manager\"\n                    [view]=\"view\"\n                    [menuContext]=\"'all-views'\"\n                  ></riv-view-menu>\n                  <button\n                    type=\"button\"\n                    class=\"enable-view\"\n                    [class.enabled]=\"view.enabled && !view.system\"\n                    (click)=\"\n                      $event.stopPropagation();\n                      manager?.actions?.next({\n                        type: 'setEnabled',\n                        id: view.id,\n                        enabled: !view.enabled,\n                        source: 'eyeIcon'\n                      })\n                    \"\n                    [disabled]=\"view.system\"\n                    [attr.aria-disabled]=\"view.system ? 'true' : null\"\n                  >\n                    <riv-icon\n                      *ngIf=\"view.enabled\"\n                      [name]=\"view.system ? 'Lock' : 'Eye'\"\n                      [rivTooltip]=\"view.system ? '' : 'Hide tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                    <riv-icon\n                      *ngIf=\"!view.enabled\"\n                      [name]=\"'EyeOff'\"\n                      [rivTooltip]=\"'Show tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                  </button>\n                </button>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </riv-side-sheet>\n</ng-container>\n", styles: [".content{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-medium);height:100%}header{display:flex;justify-content:space-between;align-items:center}.title{font:var(--title-02)}.views{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--size-xlarge);scrollbar-gutter:stable;margin-right:calc(var(--size-medium) * -1)}.permission-section{display:flex;flex-direction:column}.permission-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-xsmall);border:none;background:none;cursor:pointer;gap:var(--size-small);border-radius:var(--border-radius-medium);transition:background-color var(--short-transition)}.permission-header:disabled{cursor:default;color:var(--type-light-disabled)}.permission-header:hover:not(:disabled){background-color:var(--surface-light-1)}.permission-header:active:not(:disabled){background-color:var(--surface-light-2)}.permission-header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.permission-title{font:var(--title-02)}.permission-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-content{padding-top:var(--size-small)}.views-list{display:flex;flex-direction:column;gap:var(--size-small)}.view-item{display:flex;align-items:center;padding:var(--size-xsmall);border-radius:var(--border-radius-small);cursor:pointer;background-color:var(--surface-light-0);transition:background-color var(--short-transition)}.view-item:hover{background-color:var(--surface-light-1)}.view-item:active{background-color:var(--surface-light-2)}.view-title{text-align:left;flex-grow:1;font:var(--input-medium)}.view-item riv-view-menu{align-self:flex-end;opacity:0;transition:opacity var(--short-transition)}.view-item:hover riv-view-menu{opacity:1}.enable-view{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding-left:var(--size-xsmall);transition:color var(--medium-transition);color:var(--type-light-low-contrast)}.enable-view.enabled{color:var(--type-light-link)}.enable-view.enabled:hover{color:var(--type-light-link-hover)}.enable-view.enabled:active{color:var(--type-light-link-active)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.HighlightComponent, selector: "riv-highlight", inputs: ["text", "indices"] }, { kind: "component", type: i4.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "component", type: i5.SearchComponent, selector: "riv-search", inputs: ["placeholder", "name", "labelTemplate"] }, { kind: "component", type: i6.SideSheetComponent, selector: "riv-side-sheet", inputs: ["topOffset", "width", "obscure"], outputs: ["close"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }, { kind: "component", type: i8.TruncateComponent, selector: "[rivTruncate]", inputs: ["maxTooltipWidth"] }, { kind: "component", type: i9.ViewMenuComponent, selector: "riv-view-menu", inputs: ["manager", "view", "menuContext"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+AllViewsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AllViewsModalComponent, selector: "riv-all-views-modal", inputs: { manager: "manager", topOffset: "topOffset" }, outputs: { close: "close" }, ngImport: i0, template: "<ng-container *ngIf=\"manager?.state | async; let s\">\n  <riv-side-sheet\n    [label]=\"'All views'\"\n    [topOffset]=\"topOffset\"\n    (close)=\"close.emit()\"\n  >\n    <div class=\"content\">\n      <header>\n        <span class=\"title\">All views</span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n\n      <riv-search\n        (valueChange)=\"\n          manager?.actions?.next({\n            type: 'setAllViewsSearchQuery',\n            query: $event\n          })\n        \"\n        [value]=\"s.all.search\"\n        placeholder=\"Search\"\n      ></riv-search>\n\n      <div class=\"views\">\n        <!-- View sections by permission type -->\n        <ng-container\n          *ngIf=\"s.all.privateViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'private',\n            open: s.all.privateOpen,\n            openChange: getOpenChange('private'),\n            views: s.all.privateViews,\n            title: getPermissionTitle('private'),\n            description: getPermissionDescription('private')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.sharedViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'shared',\n            open: s.all.sharedOpen,\n            openChange: getOpenChange('shared'),\n            views: s.all.sharedViews,\n            title: getPermissionTitle('shared'),\n            description: getPermissionDescription('shared')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.publicViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'public',\n            open: s.all.publicOpen,\n            openChange: getOpenChange('public'),\n            views: s.all.publicViews,\n            title: getPermissionTitle('public'),\n            description: getPermissionDescription('public')\n          }\"\n        ></ng-container>\n\n        <!-- Permission section -->\n        <ng-template\n          #permissionSection\n          let-permission=\"permission\"\n          let-open=\"open\"\n          let-openChange=\"openChange\"\n          let-views=\"views\"\n          let-title=\"title\"\n          let-description=\"description\"\n        >\n          <div class=\"permission-section\">\n            <button\n              type=\"button\"\n              class=\"permission-header\"\n              (click)=\"openChange(!open)\"\n              [disabled]=\"!!s.all.search\"\n              [attr.aria-disabled]=\"!!s.all.search ? 'true' : null\"\n            >\n              <div class=\"permission-header-content\">\n                <h3 class=\"permission-title\">{{ title }}</h3>\n                <span class=\"permission-description\">{{ description }}</span>\n              </div>\n              <riv-icon\n                [name]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n                [size]=\"20\"\n              ></riv-icon>\n            </button>\n\n            <div class=\"permission-content\" *ngIf=\"open\">\n              <div class=\"views-list\" *ngIf=\"views.length > 0\">\n                <button\n                  type=\"button\"\n                  *ngFor=\"let view of views; trackBy: trackById\"\n                  class=\"view-item\"\n                  (click)=\"\n                    manager?.actions?.next({\n                      type: 'setActiveView',\n                      id: view.id,\n                      source: 'menu'\n                    });\n                    close.emit()\n                  \"\n                >\n                  <div class=\"view-title\" rivTruncate>\n                    <riv-highlight\n                      [text]=\"view.title\"\n                      [indices]=\"view.titleHighlightIndices ?? []\"\n                    >\n                    </riv-highlight>\n                  </div>\n                  <riv-view-menu\n                    [manager]=\"manager\"\n                    [view]=\"view\"\n                    [menuContext]=\"'all-views'\"\n                  ></riv-view-menu>\n                  <button\n                    type=\"button\"\n                    class=\"enable-view\"\n                    [class.enabled]=\"view.enabled && !view.system\"\n                    (click)=\"\n                      $event.stopPropagation();\n                      manager?.actions?.next({\n                        type: 'setEnabled',\n                        id: view.id,\n                        enabled: !view.enabled,\n                        source: 'eyeIcon'\n                      })\n                    \"\n                    [disabled]=\"view.system\"\n                    [attr.aria-disabled]=\"view.system ? 'true' : null\"\n                  >\n                    <riv-icon\n                      *ngIf=\"view.enabled\"\n                      [name]=\"view.system ? 'Lock' : 'Eye'\"\n                      [rivTooltip]=\"view.system ? '' : 'Hide tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                    <riv-icon\n                      *ngIf=\"!view.enabled\"\n                      [name]=\"'EyeOff'\"\n                      [rivTooltip]=\"'Show tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                  </button>\n                </button>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </riv-side-sheet>\n</ng-container>\n", styles: [".content{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-medium);height:100%}header{display:flex;justify-content:space-between;align-items:center}.title{font:var(--title-02)}.views{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--size-xlarge);scrollbar-gutter:stable;margin-right:calc(var(--size-medium) * -1)}.permission-section{display:flex;flex-direction:column}.permission-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-xsmall);border:none;background:none;cursor:pointer;gap:var(--size-small);border-radius:var(--border-radius-medium);transition:background-color var(--short-transition)}.permission-header:disabled{cursor:default;color:var(--type-light-disabled)}.permission-header:hover:not(:disabled){background-color:var(--surface-light-1)}.permission-header:active:not(:disabled){background-color:var(--surface-light-2)}.permission-header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.permission-title{font:var(--title-02)}.permission-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-content{padding-top:var(--size-small)}.views-list{display:flex;flex-direction:column;gap:var(--size-small)}.view-item{display:flex;align-items:center;padding:var(--size-xsmall);border-radius:var(--border-radius-small);cursor:pointer;background-color:var(--surface-light-0);transition:background-color var(--short-transition)}.view-item:hover{background-color:var(--surface-light-1)}.view-item:active{background-color:var(--surface-light-2)}.view-title{text-align:left;flex-grow:1;font:var(--input-medium)}.view-item riv-view-menu{align-self:flex-end;opacity:0;transition:opacity var(--short-transition)}.view-item:hover riv-view-menu{opacity:1}.enable-view{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding-left:var(--size-xsmall);transition:color var(--medium-transition);color:var(--type-light-low-contrast)}.enable-view.enabled{color:var(--type-light-link)}.enable-view.enabled:hover{color:var(--type-light-link-hover)}.enable-view.enabled:active{color:var(--type-light-link-active)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.HighlightComponent, selector: "riv-highlight", inputs: ["text", "indices"] }, { kind: "component", type: i4.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "component", type: i5.SearchComponent, selector: "riv-search", inputs: ["placeholder", "name", "labelTemplate"] }, { kind: "component", type: i6.SideSheetComponent, selector: "riv-side-sheet", inputs: ["topOffset", "width", "obscure", "label"], outputs: ["close"] }, { kind: "directive", type: i7.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }, { kind: "component", type: i8.TruncateComponent, selector: "[rivTruncate]", inputs: ["maxTooltipWidth"] }, { kind: "component", type: i9.ViewMenuComponent, selector: "riv-view-menu", inputs: ["manager", "view", "menuContext"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AllViewsModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'riv-all-views-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"manager?.state | async; let s\">\n  <riv-side-sheet [topOffset]=\"topOffset\" (close)=\"close.emit()\">\n    <div class=\"content\">\n      <header>\n        <span class=\"title\">All views</span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n\n      <riv-search\n        (valueChange)=\"\n          manager?.actions?.next({\n            type: 'setAllViewsSearchQuery',\n            query: $event\n          })\n        \"\n        [value]=\"s.all.search\"\n        placeholder=\"Search\"\n      ></riv-search>\n\n      <div class=\"views\">\n        <!-- View sections by permission type -->\n        <ng-container\n          *ngIf=\"s.all.privateViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'private',\n            open: s.all.privateOpen,\n            openChange: getOpenChange('private'),\n            views: s.all.privateViews,\n            title: getPermissionTitle('private'),\n            description: getPermissionDescription('private')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.sharedViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'shared',\n            open: s.all.sharedOpen,\n            openChange: getOpenChange('shared'),\n            views: s.all.sharedViews,\n            title: getPermissionTitle('shared'),\n            description: getPermissionDescription('shared')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.publicViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'public',\n            open: s.all.publicOpen,\n            openChange: getOpenChange('public'),\n            views: s.all.publicViews,\n            title: getPermissionTitle('public'),\n            description: getPermissionDescription('public')\n          }\"\n        ></ng-container>\n\n        <!-- Permission section -->\n        <ng-template\n          #permissionSection\n          let-permission=\"permission\"\n          let-open=\"open\"\n          let-openChange=\"openChange\"\n          let-views=\"views\"\n          let-title=\"title\"\n          let-description=\"description\"\n        >\n          <div class=\"permission-section\">\n            <button\n              type=\"button\"\n              class=\"permission-header\"\n              (click)=\"openChange(!open)\"\n              [disabled]=\"!!s.all.search\"\n              [attr.aria-disabled]=\"!!s.all.search ? 'true' : null\"\n            >\n              <div class=\"permission-header-content\">\n                <h3 class=\"permission-title\">{{ title }}</h3>\n                <span class=\"permission-description\">{{ description }}</span>\n              </div>\n              <riv-icon\n                [name]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n                [size]=\"20\"\n              ></riv-icon>\n            </button>\n\n            <div class=\"permission-content\" *ngIf=\"open\">\n              <div class=\"views-list\" *ngIf=\"views.length > 0\">\n                <button\n                  type=\"button\"\n                  *ngFor=\"let view of views; trackBy: trackById\"\n                  class=\"view-item\"\n                  (click)=\"\n                    manager?.actions?.next({\n                      type: 'setActiveView',\n                      id: view.id,\n                      source: 'menu'\n                    });\n                    close.emit()\n                  \"\n                >\n                  <div class=\"view-title\" rivTruncate>\n                    <riv-highlight\n                      [text]=\"view.title\"\n                      [indices]=\"view.titleHighlightIndices ?? []\"\n                    >\n                    </riv-highlight>\n                  </div>\n                  <riv-view-menu\n                    [manager]=\"manager\"\n                    [view]=\"view\"\n                    [menuContext]=\"'all-views'\"\n                  ></riv-view-menu>\n                  <button\n                    type=\"button\"\n                    class=\"enable-view\"\n                    [class.enabled]=\"view.enabled && !view.system\"\n                    (click)=\"\n                      $event.stopPropagation();\n                      manager?.actions?.next({\n                        type: 'setEnabled',\n                        id: view.id,\n                        enabled: !view.enabled,\n                        source: 'eyeIcon'\n                      })\n                    \"\n                    [disabled]=\"view.system\"\n                    [attr.aria-disabled]=\"view.system ? 'true' : null\"\n                  >\n                    <riv-icon\n                      *ngIf=\"view.enabled\"\n                      [name]=\"view.system ? 'Lock' : 'Eye'\"\n                      [rivTooltip]=\"view.system ? '' : 'Hide tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                    <riv-icon\n                      *ngIf=\"!view.enabled\"\n                      [name]=\"'EyeOff'\"\n                      [rivTooltip]=\"'Show tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                  </button>\n                </button>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </riv-side-sheet>\n</ng-container>\n", styles: [".content{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-medium);height:100%}header{display:flex;justify-content:space-between;align-items:center}.title{font:var(--title-02)}.views{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--size-xlarge);scrollbar-gutter:stable;margin-right:calc(var(--size-medium) * -1)}.permission-section{display:flex;flex-direction:column}.permission-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-xsmall);border:none;background:none;cursor:pointer;gap:var(--size-small);border-radius:var(--border-radius-medium);transition:background-color var(--short-transition)}.permission-header:disabled{cursor:default;color:var(--type-light-disabled)}.permission-header:hover:not(:disabled){background-color:var(--surface-light-1)}.permission-header:active:not(:disabled){background-color:var(--surface-light-2)}.permission-header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.permission-title{font:var(--title-02)}.permission-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-content{padding-top:var(--size-small)}.views-list{display:flex;flex-direction:column;gap:var(--size-small)}.view-item{display:flex;align-items:center;padding:var(--size-xsmall);border-radius:var(--border-radius-small);cursor:pointer;background-color:var(--surface-light-0);transition:background-color var(--short-transition)}.view-item:hover{background-color:var(--surface-light-1)}.view-item:active{background-color:var(--surface-light-2)}.view-title{text-align:left;flex-grow:1;font:var(--input-medium)}.view-item riv-view-menu{align-self:flex-end;opacity:0;transition:opacity var(--short-transition)}.view-item:hover riv-view-menu{opacity:1}.enable-view{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding-left:var(--size-xsmall);transition:color var(--medium-transition);color:var(--type-light-low-contrast)}.enable-view.enabled{color:var(--type-light-link)}.enable-view.enabled:hover{color:var(--type-light-link-hover)}.enable-view.enabled:active{color:var(--type-light-link-active)}\n"] }]
+            args: [{ selector: 'riv-all-views-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"manager?.state | async; let s\">\n  <riv-side-sheet\n    [label]=\"'All views'\"\n    [topOffset]=\"topOffset\"\n    (close)=\"close.emit()\"\n  >\n    <div class=\"content\">\n      <header>\n        <span class=\"title\">All views</span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n\n      <riv-search\n        (valueChange)=\"\n          manager?.actions?.next({\n            type: 'setAllViewsSearchQuery',\n            query: $event\n          })\n        \"\n        [value]=\"s.all.search\"\n        placeholder=\"Search\"\n      ></riv-search>\n\n      <div class=\"views\">\n        <!-- View sections by permission type -->\n        <ng-container\n          *ngIf=\"s.all.privateViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'private',\n            open: s.all.privateOpen,\n            openChange: getOpenChange('private'),\n            views: s.all.privateViews,\n            title: getPermissionTitle('private'),\n            description: getPermissionDescription('private')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.sharedViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'shared',\n            open: s.all.sharedOpen,\n            openChange: getOpenChange('shared'),\n            views: s.all.sharedViews,\n            title: getPermissionTitle('shared'),\n            description: getPermissionDescription('shared')\n          }\"\n        ></ng-container>\n        <ng-container\n          *ngIf=\"s.all.publicViews.length > 0\"\n          [ngTemplateOutlet]=\"permissionSection\"\n          [ngTemplateOutletContext]=\"{\n            permission: 'public',\n            open: s.all.publicOpen,\n            openChange: getOpenChange('public'),\n            views: s.all.publicViews,\n            title: getPermissionTitle('public'),\n            description: getPermissionDescription('public')\n          }\"\n        ></ng-container>\n\n        <!-- Permission section -->\n        <ng-template\n          #permissionSection\n          let-permission=\"permission\"\n          let-open=\"open\"\n          let-openChange=\"openChange\"\n          let-views=\"views\"\n          let-title=\"title\"\n          let-description=\"description\"\n        >\n          <div class=\"permission-section\">\n            <button\n              type=\"button\"\n              class=\"permission-header\"\n              (click)=\"openChange(!open)\"\n              [disabled]=\"!!s.all.search\"\n              [attr.aria-disabled]=\"!!s.all.search ? 'true' : null\"\n            >\n              <div class=\"permission-header-content\">\n                <h3 class=\"permission-title\">{{ title }}</h3>\n                <span class=\"permission-description\">{{ description }}</span>\n              </div>\n              <riv-icon\n                [name]=\"open ? 'ChevronUp' : 'ChevronDown'\"\n                [size]=\"20\"\n              ></riv-icon>\n            </button>\n\n            <div class=\"permission-content\" *ngIf=\"open\">\n              <div class=\"views-list\" *ngIf=\"views.length > 0\">\n                <button\n                  type=\"button\"\n                  *ngFor=\"let view of views; trackBy: trackById\"\n                  class=\"view-item\"\n                  (click)=\"\n                    manager?.actions?.next({\n                      type: 'setActiveView',\n                      id: view.id,\n                      source: 'menu'\n                    });\n                    close.emit()\n                  \"\n                >\n                  <div class=\"view-title\" rivTruncate>\n                    <riv-highlight\n                      [text]=\"view.title\"\n                      [indices]=\"view.titleHighlightIndices ?? []\"\n                    >\n                    </riv-highlight>\n                  </div>\n                  <riv-view-menu\n                    [manager]=\"manager\"\n                    [view]=\"view\"\n                    [menuContext]=\"'all-views'\"\n                  ></riv-view-menu>\n                  <button\n                    type=\"button\"\n                    class=\"enable-view\"\n                    [class.enabled]=\"view.enabled && !view.system\"\n                    (click)=\"\n                      $event.stopPropagation();\n                      manager?.actions?.next({\n                        type: 'setEnabled',\n                        id: view.id,\n                        enabled: !view.enabled,\n                        source: 'eyeIcon'\n                      })\n                    \"\n                    [disabled]=\"view.system\"\n                    [attr.aria-disabled]=\"view.system ? 'true' : null\"\n                  >\n                    <riv-icon\n                      *ngIf=\"view.enabled\"\n                      [name]=\"view.system ? 'Lock' : 'Eye'\"\n                      [rivTooltip]=\"view.system ? '' : 'Hide tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                    <riv-icon\n                      *ngIf=\"!view.enabled\"\n                      [name]=\"'EyeOff'\"\n                      [rivTooltip]=\"'Show tab'\"\n                      [size]=\"20\"\n                    ></riv-icon>\n                  </button>\n                </button>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </riv-side-sheet>\n</ng-container>\n", styles: [".content{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-medium);height:100%}header{display:flex;justify-content:space-between;align-items:center}.title{font:var(--title-02)}.views{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--size-xlarge);scrollbar-gutter:stable;margin-right:calc(var(--size-medium) * -1)}.permission-section{display:flex;flex-direction:column}.permission-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--size-xsmall);border:none;background:none;cursor:pointer;gap:var(--size-small);border-radius:var(--border-radius-medium);transition:background-color var(--short-transition)}.permission-header:disabled{cursor:default;color:var(--type-light-disabled)}.permission-header:hover:not(:disabled){background-color:var(--surface-light-1)}.permission-header:active:not(:disabled){background-color:var(--surface-light-2)}.permission-header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.permission-title{font:var(--title-02)}.permission-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-content{padding-top:var(--size-small)}.views-list{display:flex;flex-direction:column;gap:var(--size-small)}.view-item{display:flex;align-items:center;padding:var(--size-xsmall);border-radius:var(--border-radius-small);cursor:pointer;background-color:var(--surface-light-0);transition:background-color var(--short-transition)}.view-item:hover{background-color:var(--surface-light-1)}.view-item:active{background-color:var(--surface-light-2)}.view-title{text-align:left;flex-grow:1;font:var(--input-medium)}.view-item riv-view-menu{align-self:flex-end;opacity:0;transition:opacity var(--short-transition)}.view-item:hover riv-view-menu{opacity:1}.enable-view{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding-left:var(--size-xsmall);transition:color var(--medium-transition);color:var(--type-light-low-contrast)}.enable-view.enabled{color:var(--type-light-link)}.enable-view.enabled:hover{color:var(--type-light-link-hover)}.enable-view.enabled:active{color:var(--type-light-link-active)}\n"] }]
         }], propDecorators: { manager: [{
                 type: Input
             }], topOffset: [{
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], close: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsLXZpZXdzLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL25hdmlnYXRpb24vdmlld3MvYWxsLXZpZXdzLW1vZGFsL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9uYXZpZ2F0aW9uL3ZpZXdzL2FsbC12aWV3cy1tb2RhbC9hbGwtdmlld3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7Ozs7Ozs7QUFRcEMsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQWNFLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFHdEIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFXakMsdUJBQWtCLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFDO1FBQ2pELDZCQUF3QixHQUFHLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQztLQUs5RDtJQWZDLGFBQWEsQ0FBQyxVQUFtQztRQUMvQyxPQUFPLENBQUMsSUFBYSxFQUFFLEVBQUUsQ0FDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDO1lBQzFCLElBQUksRUFBRSxtQkFBbUI7WUFDekIsVUFBVTtZQUNWLElBQUk7U0FDTCxDQUFDLENBQUM7SUFDUCxDQUFDO0lBS0QsU0FBUyxDQUFDLENBQVMsRUFBRSxJQUE2QjtRQUNoRCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQzs7b0hBM0JVLHNCQUFzQjt3R0FBdEIsc0JBQXNCLGdKQ2ZuQyw2bUxBNkpBOzRGRDlJYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07OEJBTy9DLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sS0FBSztzQkFESixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJpdlZpZXdzIH0gZnJvbSAnLi4vc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtYWxsLXZpZXdzLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBbGxWaWV3c01vZGFsQ29tcG9uZW50PFxuICBVIGV4dGVuZHMgUml2Vmlld3MuVXNlcixcbiAgViBleHRlbmRzIFJpdlZpZXdzLlZpZXc8VT4sXG4+IHtcbiAgQElucHV0KClcbiAgbWFuYWdlcj86IFJpdlZpZXdzLk1hbmFnZXI8VSwgVj47XG5cbiAgQElucHV0KClcbiAgdG9wT2Zmc2V0OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXRPcGVuQ2hhbmdlKHBlcm1pc3Npb246IFJpdlZpZXdzLlZpZXdQZXJtaXNzaW9uKTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQge1xuICAgIHJldHVybiAob3BlbjogYm9vbGVhbikgPT5cbiAgICAgIHRoaXMubWFuYWdlcj8uYWN0aW9ucz8ubmV4dCh7XG4gICAgICAgIHR5cGU6ICdzZXRBbGxWaWV3c1RvZ2dsZScsXG4gICAgICAgIHBlcm1pc3Npb24sXG4gICAgICAgIG9wZW4sXG4gICAgICB9KTtcbiAgfVxuXG4gIGdldFBlcm1pc3Npb25UaXRsZSA9IFJpdlZpZXdzLmdldFBlcm1pc3Npb25UaXRsZTtcbiAgZ2V0UGVybWlzc2lvbkRlc2NyaXB0aW9uID0gUml2Vmlld3MuZ2V0UGVybWlzc2lvbkRlc2NyaXB0aW9uO1xuXG4gIHRyYWNrQnlJZChfOiBudW1iZXIsIHZpZXc6IFJpdlZpZXdzLkZ1bGxWaWV3PFUsIFY+KTogVlsnaWQnXSB7XG4gICAgcmV0dXJuIHZpZXcuaWQ7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtYW5hZ2VyPy5zdGF0ZSB8IGFzeW5jOyBsZXQgc1wiPlxuICA8cml2LXNpZGUtc2hlZXQgW3RvcE9mZnNldF09XCJ0b3BPZmZzZXRcIiAoY2xvc2UpPVwiY2xvc2UuZW1pdCgpXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cbiAgICAgIDxoZWFkZXI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj5BbGwgdmlld3M8L3NwYW4+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICByaXZCdXR0b25cbiAgICAgICAgICBbdmFyaWFudF09XCInZ2hvc3QnXCJcbiAgICAgICAgICBbaWNvbl09XCInWCdcIlxuICAgICAgICAgIChjbGljayk9XCJjbG9zZS5lbWl0KClcIlxuICAgICAgICA+PC9idXR0b24+XG4gICAgICA8L2hlYWRlcj5cblxuICAgICAgPHJpdi1zZWFyY2hcbiAgICAgICAgKHZhbHVlQ2hhbmdlKT1cIlxuICAgICAgICAgIG1hbmFnZXI/LmFjdGlvbnM/Lm5leHQoe1xuICAgICAgICAgICAgdHlwZTogJ3NldEFsbFZpZXdzU2VhcmNoUXVlcnknLFxuICAgICAgICAgICAgcXVlcnk6ICRldmVudFxuICAgICAgICAgIH0pXG4gICAgICAgIFwiXG4gICAgICAgIFt2YWx1ZV09XCJzLmFsbC5zZWFyY2hcIlxuICAgICAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiXG4gICAgICA+PC9yaXYtc2VhcmNoPlxuXG4gICAgICA8ZGl2IGNsYXNzPVwidmlld3NcIj5cbiAgICAgICAgPCEtLSBWaWV3IHNlY3Rpb25zIGJ5IHBlcm1pc3Npb24gdHlwZSAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwicy5hbGwucHJpdmF0ZVZpZXdzLmxlbmd0aCA+IDBcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInBlcm1pc3Npb25TZWN0aW9uXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie1xuICAgICAgICAgICAgcGVybWlzc2lvbjogJ3ByaXZhdGUnLFxuICAgICAgICAgICAgb3Blbjogcy5hbGwucHJpdmF0ZU9wZW4sXG4gICAgICAgICAgICBvcGVuQ2hhbmdlOiBnZXRPcGVuQ2hhbmdlKCdwcml2YXRlJyksXG4gICAgICAgICAgICB2aWV3czogcy5hbGwucHJpdmF0ZVZpZXdzLFxuICAgICAgICAgICAgdGl0bGU6IGdldFBlcm1pc3Npb25UaXRsZSgncHJpdmF0ZScpLFxuICAgICAgICAgICAgZGVzY3JpcHRpb246IGdldFBlcm1pc3Npb25EZXNjcmlwdGlvbigncHJpdmF0ZScpXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwicy5hbGwuc2hhcmVkVmlld3MubGVuZ3RoID4gMFwiXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwicGVybWlzc2lvblNlY3Rpb25cIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG4gICAgICAgICAgICBwZXJtaXNzaW9uOiAnc2hhcmVkJyxcbiAgICAgICAgICAgIG9wZW46IHMuYWxsLnNoYXJlZE9wZW4sXG4gICAgICAgICAgICBvcGVuQ2hhbmdlOiBnZXRPcGVuQ2hhbmdlKCdzaGFyZWQnKSxcbiAgICAgICAgICAgIHZpZXdzOiBzLmFsbC5zaGFyZWRWaWV3cyxcbiAgICAgICAgICAgIHRpdGxlOiBnZXRQZXJtaXNzaW9uVGl0bGUoJ3NoYXJlZCcpLFxuICAgICAgICAgICAgZGVzY3JpcHRpb246IGdldFBlcm1pc3Npb25EZXNjcmlwdGlvbignc2hhcmVkJylcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJzLmFsbC5wdWJsaWNWaWV3cy5sZW5ndGggPiAwXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJwZXJtaXNzaW9uU2VjdGlvblwiXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntcbiAgICAgICAgICAgIHBlcm1pc3Npb246ICdwdWJsaWMnLFxuICAgICAgICAgICAgb3Blbjogcy5hbGwucHVibGljT3BlbixcbiAgICAgICAgICAgIG9wZW5DaGFuZ2U6IGdldE9wZW5DaGFuZ2UoJ3B1YmxpYycpLFxuICAgICAgICAgICAgdmlld3M6IHMuYWxsLnB1YmxpY1ZpZXdzLFxuICAgICAgICAgICAgdGl0bGU6IGdldFBlcm1pc3Npb25UaXRsZSgncHVibGljJyksXG4gICAgICAgICAgICBkZXNjcmlwdGlvbjogZ2V0UGVybWlzc2lvbkRlc2NyaXB0aW9uKCdwdWJsaWMnKVxuICAgICAgICAgIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBQZXJtaXNzaW9uIHNlY3Rpb24gLS0+XG4gICAgICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICAgICNwZXJtaXNzaW9uU2VjdGlvblxuICAgICAgICAgIGxldC1wZXJtaXNzaW9uPVwicGVybWlzc2lvblwiXG4gICAgICAgICAgbGV0LW9wZW49XCJvcGVuXCJcbiAgICAgICAgICBsZXQtb3BlbkNoYW5nZT1cIm9wZW5DaGFuZ2VcIlxuICAgICAgICAgIGxldC12aWV3cz1cInZpZXdzXCJcbiAgICAgICAgICBsZXQtdGl0bGU9XCJ0aXRsZVwiXG4gICAgICAgICAgbGV0LWRlc2NyaXB0aW9uPVwiZGVzY3JpcHRpb25cIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInBlcm1pc3Npb24tc2VjdGlvblwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgY2xhc3M9XCJwZXJtaXNzaW9uLWhlYWRlclwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvcGVuQ2hhbmdlKCFvcGVuKVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhIXMuYWxsLnNlYXJjaFwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiISFzLmFsbC5zZWFyY2ggPyAndHJ1ZScgOiBudWxsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBlcm1pc3Npb24taGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJwZXJtaXNzaW9uLXRpdGxlXCI+e3sgdGl0bGUgfX08L2gzPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGVybWlzc2lvbi1kZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIH19PC9zcGFuPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPHJpdi1pY29uXG4gICAgICAgICAgICAgICAgW25hbWVdPVwib3BlbiA/ICdDaGV2cm9uVXAnIDogJ0NoZXZyb25Eb3duJ1wiXG4gICAgICAgICAgICAgICAgW3NpemVdPVwiMjBcIlxuICAgICAgICAgICAgICA+PC9yaXYtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicGVybWlzc2lvbi1jb250ZW50XCIgKm5nSWY9XCJvcGVuXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2aWV3cy1saXN0XCIgKm5nSWY9XCJ2aWV3cy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgdmlldyBvZiB2aWV3czsgdHJhY2tCeTogdHJhY2tCeUlkXCJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwidmlldy1pdGVtXCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJcbiAgICAgICAgICAgICAgICAgICAgbWFuYWdlcj8uYWN0aW9ucz8ubmV4dCh7XG4gICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3NldEFjdGl2ZVZpZXcnLFxuICAgICAgICAgICAgICAgICAgICAgIGlkOiB2aWV3LmlkLFxuICAgICAgICAgICAgICAgICAgICAgIHNvdXJjZTogJ21lbnUnXG4gICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICBjbG9zZS5lbWl0KClcbiAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZpZXctdGl0bGVcIiByaXZUcnVuY2F0ZT5cbiAgICAgICAgICAgICAgICAgICAgPHJpdi1oaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCJ2aWV3LnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaW5kaWNlc109XCJ2aWV3LnRpdGxlSGlnaGxpZ2h0SW5kaWNlcyA/PyBbXVwiXG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPC9yaXYtaGlnaGxpZ2h0PlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8cml2LXZpZXctbWVudVxuICAgICAgICAgICAgICAgICAgICBbbWFuYWdlcl09XCJtYW5hZ2VyXCJcbiAgICAgICAgICAgICAgICAgICAgW3ZpZXddPVwidmlld1wiXG4gICAgICAgICAgICAgICAgICAgIFttZW51Q29udGV4dF09XCInYWxsLXZpZXdzJ1wiXG4gICAgICAgICAgICAgICAgICA+PC9yaXYtdmlldy1tZW51PlxuICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJlbmFibGUtdmlld1wiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5lbmFibGVkXT1cInZpZXcuZW5hYmxlZCAmJiAhdmlldy5zeXN0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiXG4gICAgICAgICAgICAgICAgICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICAgIG1hbmFnZXI/LmFjdGlvbnM/Lm5leHQoe1xuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogJ3NldEVuYWJsZWQnLFxuICAgICAgICAgICAgICAgICAgICAgICAgaWQ6IHZpZXcuaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBlbmFibGVkOiAhdmlldy5lbmFibGVkLFxuICAgICAgICAgICAgICAgICAgICAgICAgc291cmNlOiAnZXllSWNvbidcbiAgICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwidmlldy5zeXN0ZW1cIlxuICAgICAgICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cInZpZXcuc3lzdGVtID8gJ3RydWUnIDogbnVsbFwiXG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxyaXYtaWNvblxuICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwidmlldy5lbmFibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCJ2aWV3LnN5c3RlbSA/ICdMb2NrJyA6ICdFeWUnXCJcbiAgICAgICAgICAgICAgICAgICAgICBbcml2VG9vbHRpcF09XCJ2aWV3LnN5c3RlbSA/ICcnIDogJ0hpZGUgdGFiJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiMjBcIlxuICAgICAgICAgICAgICAgICAgICA+PC9yaXYtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPHJpdi1pY29uXG4gICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhdmlldy5lbmFibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbmFtZV09XCInRXllT2ZmJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW3JpdlRvb2x0aXBdPVwiJ1Nob3cgdGFiJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW3NpemVdPVwiMjBcIlxuICAgICAgICAgICAgICAgICAgICA+PC9yaXYtaWNvbj5cbiAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvcml2LXNpZGUtc2hlZXQ+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsLXZpZXdzLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL25hdmlnYXRpb24vdmlld3MvYWxsLXZpZXdzLW1vZGFsL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9uYXZpZ2F0aW9uL3ZpZXdzL2FsbC12aWV3cy1tb2RhbC9hbGwtdmlld3MtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7Ozs7Ozs7Ozs7QUFRcEMsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQWNFLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFHdEIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFXakMsdUJBQWtCLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFDO1FBQ2pELDZCQUF3QixHQUFHLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQztLQUs5RDtJQWZDLGFBQWEsQ0FBQyxVQUFtQztRQUMvQyxPQUFPLENBQUMsSUFBYSxFQUFFLEVBQUUsQ0FDdkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDO1lBQzFCLElBQUksRUFBRSxtQkFBbUI7WUFDekIsVUFBVTtZQUNWLElBQUk7U0FDTCxDQUFDLENBQUM7SUFDUCxDQUFDO0lBS0QsU0FBUyxDQUFDLENBQVMsRUFBRSxJQUE2QjtRQUNoRCxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQzs7b0hBM0JVLHNCQUFzQjt3R0FBdEIsc0JBQXNCLGdKQ2ZuQyx3cExBaUtBOzRGRGxKYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07OEJBTy9DLE9BQU87c0JBRE4sS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sS0FBSztzQkFESixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJpdlZpZXdzIH0gZnJvbSAnLi4vc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtYWxsLXZpZXdzLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsbC12aWV3cy1tb2RhbC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBBbGxWaWV3c01vZGFsQ29tcG9uZW50PFxuICBVIGV4dGVuZHMgUml2Vmlld3MuVXNlcixcbiAgViBleHRlbmRzIFJpdlZpZXdzLlZpZXc8VT4sXG4+IHtcbiAgQElucHV0KClcbiAgbWFuYWdlcj86IFJpdlZpZXdzLk1hbmFnZXI8VSwgVj47XG5cbiAgQElucHV0KClcbiAgdG9wT2Zmc2V0OiBudW1iZXIgPSAwO1xuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXRPcGVuQ2hhbmdlKHBlcm1pc3Npb246IFJpdlZpZXdzLlZpZXdQZXJtaXNzaW9uKTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQge1xuICAgIHJldHVybiAob3BlbjogYm9vbGVhbikgPT5cbiAgICAgIHRoaXMubWFuYWdlcj8uYWN0aW9ucz8ubmV4dCh7XG4gICAgICAgIHR5cGU6ICdzZXRBbGxWaWV3c1RvZ2dsZScsXG4gICAgICAgIHBlcm1pc3Npb24sXG4gICAgICAgIG9wZW4sXG4gICAgICB9KTtcbiAgfVxuXG4gIGdldFBlcm1pc3Npb25UaXRsZSA9IFJpdlZpZXdzLmdldFBlcm1pc3Npb25UaXRsZTtcbiAgZ2V0UGVybWlzc2lvbkRlc2NyaXB0aW9uID0gUml2Vmlld3MuZ2V0UGVybWlzc2lvbkRlc2NyaXB0aW9uO1xuXG4gIHRyYWNrQnlJZChfOiBudW1iZXIsIHZpZXc6IFJpdlZpZXdzLkZ1bGxWaWV3PFUsIFY+KTogVlsnaWQnXSB7XG4gICAgcmV0dXJuIHZpZXcuaWQ7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJtYW5hZ2VyPy5zdGF0ZSB8IGFzeW5jOyBsZXQgc1wiPlxuICA8cml2LXNpZGUtc2hlZXRcbiAgICBbbGFiZWxdPVwiJ0FsbCB2aWV3cydcIlxuICAgIFt0b3BPZmZzZXRdPVwidG9wT2Zmc2V0XCJcbiAgICAoY2xvc2UpPVwiY2xvc2UuZW1pdCgpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+QWxsIHZpZXdzPC9zcGFuPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgcml2QnV0dG9uXG4gICAgICAgICAgW3ZhcmlhbnRdPVwiJ2dob3N0J1wiXG4gICAgICAgICAgW2ljb25dPVwiJ1gnXCJcbiAgICAgICAgICAoY2xpY2spPVwiY2xvc2UuZW1pdCgpXCJcbiAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgPC9oZWFkZXI+XG5cbiAgICAgIDxyaXYtc2VhcmNoXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJcbiAgICAgICAgICBtYW5hZ2VyPy5hY3Rpb25zPy5uZXh0KHtcbiAgICAgICAgICAgIHR5cGU6ICdzZXRBbGxWaWV3c1NlYXJjaFF1ZXJ5JyxcbiAgICAgICAgICAgIHF1ZXJ5OiAkZXZlbnRcbiAgICAgICAgICB9KVxuICAgICAgICBcIlxuICAgICAgICBbdmFsdWVdPVwicy5hbGwuc2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2hcIlxuICAgICAgPjwvcml2LXNlYXJjaD5cblxuICAgICAgPGRpdiBjbGFzcz1cInZpZXdzXCI+XG4gICAgICAgIDwhLS0gVmlldyBzZWN0aW9ucyBieSBwZXJtaXNzaW9uIHR5cGUgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdJZj1cInMuYWxsLnByaXZhdGVWaWV3cy5sZW5ndGggPiAwXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJwZXJtaXNzaW9uU2VjdGlvblwiXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntcbiAgICAgICAgICAgIHBlcm1pc3Npb246ICdwcml2YXRlJyxcbiAgICAgICAgICAgIG9wZW46IHMuYWxsLnByaXZhdGVPcGVuLFxuICAgICAgICAgICAgb3BlbkNoYW5nZTogZ2V0T3BlbkNoYW5nZSgncHJpdmF0ZScpLFxuICAgICAgICAgICAgdmlld3M6IHMuYWxsLnByaXZhdGVWaWV3cyxcbiAgICAgICAgICAgIHRpdGxlOiBnZXRQZXJtaXNzaW9uVGl0bGUoJ3ByaXZhdGUnKSxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uOiBnZXRQZXJtaXNzaW9uRGVzY3JpcHRpb24oJ3ByaXZhdGUnKVxuICAgICAgICAgIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdJZj1cInMuYWxsLnNoYXJlZFZpZXdzLmxlbmd0aCA+IDBcIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInBlcm1pc3Npb25TZWN0aW9uXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie1xuICAgICAgICAgICAgcGVybWlzc2lvbjogJ3NoYXJlZCcsXG4gICAgICAgICAgICBvcGVuOiBzLmFsbC5zaGFyZWRPcGVuLFxuICAgICAgICAgICAgb3BlbkNoYW5nZTogZ2V0T3BlbkNoYW5nZSgnc2hhcmVkJyksXG4gICAgICAgICAgICB2aWV3czogcy5hbGwuc2hhcmVkVmlld3MsXG4gICAgICAgICAgICB0aXRsZTogZ2V0UGVybWlzc2lvblRpdGxlKCdzaGFyZWQnKSxcbiAgICAgICAgICAgIGRlc2NyaXB0aW9uOiBnZXRQZXJtaXNzaW9uRGVzY3JpcHRpb24oJ3NoYXJlZCcpXG4gICAgICAgICAgfVwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwicy5hbGwucHVibGljVmlld3MubGVuZ3RoID4gMFwiXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwicGVybWlzc2lvblNlY3Rpb25cIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7XG4gICAgICAgICAgICBwZXJtaXNzaW9uOiAncHVibGljJyxcbiAgICAgICAgICAgIG9wZW46IHMuYWxsLnB1YmxpY09wZW4sXG4gICAgICAgICAgICBvcGVuQ2hhbmdlOiBnZXRPcGVuQ2hhbmdlKCdwdWJsaWMnKSxcbiAgICAgICAgICAgIHZpZXdzOiBzLmFsbC5wdWJsaWNWaWV3cyxcbiAgICAgICAgICAgIHRpdGxlOiBnZXRQZXJtaXNzaW9uVGl0bGUoJ3B1YmxpYycpLFxuICAgICAgICAgICAgZGVzY3JpcHRpb246IGdldFBlcm1pc3Npb25EZXNjcmlwdGlvbigncHVibGljJylcbiAgICAgICAgICB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDwhLS0gUGVybWlzc2lvbiBzZWN0aW9uIC0tPlxuICAgICAgICA8bmctdGVtcGxhdGVcbiAgICAgICAgICAjcGVybWlzc2lvblNlY3Rpb25cbiAgICAgICAgICBsZXQtcGVybWlzc2lvbj1cInBlcm1pc3Npb25cIlxuICAgICAgICAgIGxldC1vcGVuPVwib3BlblwiXG4gICAgICAgICAgbGV0LW9wZW5DaGFuZ2U9XCJvcGVuQ2hhbmdlXCJcbiAgICAgICAgICBsZXQtdmlld3M9XCJ2aWV3c1wiXG4gICAgICAgICAgbGV0LXRpdGxlPVwidGl0bGVcIlxuICAgICAgICAgIGxldC1kZXNjcmlwdGlvbj1cImRlc2NyaXB0aW9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJwZXJtaXNzaW9uLXNlY3Rpb25cIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicGVybWlzc2lvbi1oZWFkZXJcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwib3BlbkNoYW5nZSghb3BlbilcIlxuICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiISFzLmFsbC5zZWFyY2hcIlxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWRpc2FibGVkXT1cIiEhcy5hbGwuc2VhcmNoID8gJ3RydWUnIDogbnVsbFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwZXJtaXNzaW9uLWhlYWRlci1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwicGVybWlzc2lvbi10aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBlcm1pc3Npb24tZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDxyaXYtaWNvblxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIm9wZW4gPyAnQ2hldnJvblVwJyA6ICdDaGV2cm9uRG93bidcIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cIjIwXCJcbiAgICAgICAgICAgICAgPjwvcml2LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBlcm1pc3Npb24tY29udGVudFwiICpuZ0lmPVwib3BlblwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmlld3MtbGlzdFwiICpuZ0lmPVwidmlld3MubGVuZ3RoID4gMFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IHZpZXcgb2Ygdmlld3M7IHRyYWNrQnk6IHRyYWNrQnlJZFwiXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cInZpZXctaXRlbVwiXG4gICAgICAgICAgICAgICAgICAoY2xpY2spPVwiXG4gICAgICAgICAgICAgICAgICAgIG1hbmFnZXI/LmFjdGlvbnM/Lm5leHQoe1xuICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdzZXRBY3RpdmVWaWV3JyxcbiAgICAgICAgICAgICAgICAgICAgICBpZDogdmlldy5pZCxcbiAgICAgICAgICAgICAgICAgICAgICBzb3VyY2U6ICdtZW51J1xuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgY2xvc2UuZW1pdCgpXG4gICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2aWV3LXRpdGxlXCIgcml2VHJ1bmNhdGU+XG4gICAgICAgICAgICAgICAgICAgIDxyaXYtaGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwidmlldy50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2luZGljZXNdPVwidmlldy50aXRsZUhpZ2hsaWdodEluZGljZXMgPz8gW11cIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDwvcml2LWhpZ2hsaWdodD5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgPHJpdi12aWV3LW1lbnVcbiAgICAgICAgICAgICAgICAgICAgW21hbmFnZXJdPVwibWFuYWdlclwiXG4gICAgICAgICAgICAgICAgICAgIFt2aWV3XT1cInZpZXdcIlxuICAgICAgICAgICAgICAgICAgICBbbWVudUNvbnRleHRdPVwiJ2FsbC12aWV3cydcIlxuICAgICAgICAgICAgICAgICAgPjwvcml2LXZpZXctbWVudT5cbiAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZW5hYmxlLXZpZXdcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZW5hYmxlZF09XCJ2aWV3LmVuYWJsZWQgJiYgIXZpZXcuc3lzdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIlxuICAgICAgICAgICAgICAgICAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgICAgICAgICAgICBtYW5hZ2VyPy5hY3Rpb25zPy5uZXh0KHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU6ICdzZXRFbmFibGVkJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlkOiB2aWV3LmlkLFxuICAgICAgICAgICAgICAgICAgICAgICAgZW5hYmxlZDogIXZpZXcuZW5hYmxlZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHNvdXJjZTogJ2V5ZUljb24nXG4gICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInZpZXcuc3lzdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJ2aWV3LnN5c3RlbSA/ICd0cnVlJyA6IG51bGxcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8cml2LWljb25cbiAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cInZpZXcuZW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwidmlldy5zeXN0ZW0gPyAnTG9jaycgOiAnRXllJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW3JpdlRvb2x0aXBdPVwidmlldy5zeXN0ZW0gPyAnJyA6ICdIaWRlIHRhYidcIlxuICAgICAgICAgICAgICAgICAgICAgIFtzaXplXT1cIjIwXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvcml2LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDxyaXYtaWNvblxuICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIXZpZXcuZW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwiJ0V5ZU9mZidcIlxuICAgICAgICAgICAgICAgICAgICAgIFtyaXZUb29sdGlwXT1cIidTaG93IHRhYidcIlxuICAgICAgICAgICAgICAgICAgICAgIFtzaXplXT1cIjIwXCJcbiAgICAgICAgICAgICAgICAgICAgPjwvcml2LWljb24+XG4gICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3Jpdi1zaWRlLXNoZWV0PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2020/lib/overlay/modal/dialog/dialog.component.mjs

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output, } from '@angular/core';
+import { uniqueId } from 'lodash';
 import { ANIMATION_CONSTANTS } from '../../overlay-outlet.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../dialog-stack.service";
@@ -10,6 +11,7 @@ export class DialogComponent {
         this.customBody = false;
         this.customFooter = false;
         this.close = new EventEmitter();
+        this.titleId = uniqueId('riv-dialog-title-');
         this.hook = ANIMATION_CONSTANTS.DIALOG.HOOK;
         this.stackKey = dialogStack.register();
     }
@@ -24,10 +26,10 @@ export class DialogComponent {
     }
 }
 DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, deps: [{ token: i1.DialogStackService }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogComponent, selector: "riv-dialog", inputs: { title: "title", minWidth: "minWidth", customBody: "customBody", customFooter: "customFooter" }, outputs: { close: "close" }, host: { listeners: { "document:keydown": "handleKeydown($event)" } }, ngImport: i0, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"true\">\n  <div [attr.data-animation-hook]=\"hook\" class=\"wrapper\">\n    <div class=\"dialog\" [style.min-width]=\"minWidth\">\n      <header>\n        <span class=\"title\">\n          {{ title }}\n        </span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n      <div class=\"body\" [class.custom]=\"customBody\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"footer riv-dialog-footer\" [class.custom]=\"customFooter\">\n        <ng-content select=\"footer\"></ng-content>\n      </div>\n    </div>\n  </div>\n</riv-modal>\n", styles: [".wrapper{position:absolute;top:50%;left:50%}.dialog{transform:translate(-50%,-50%);border-radius:var(--border-radius-medium);border:var(--border-width) solid var(--border-light);display:flex;flex-direction:column;max-width:calc(100vw - var(--size-xlarge) * 2);max-height:calc(100vh - var(--size-xlarge) * 2);overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--size-medium);gap:var(--size-medium);border-bottom:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.title{font:var(--title-04);padding:var(--size-large) 0}.body{background-color:var(--surface-light-0);overflow-y:auto;min-height:0}.body:not(.custom){padding:var(--size-large)}.footer{border-top:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.footer:not(:has(> footer)){display:none}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.ModalComponent, selector: "riv-modal", inputs: ["obscure", "topOffset"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DialogComponent, selector: "riv-dialog", inputs: { title: "title", minWidth: "minWidth", customBody: "customBody", customFooter: "customFooter" }, outputs: { close: "close" }, host: { listeners: { "document:keydown": "handleKeydown($event)" } }, ngImport: i0, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"true\">\n  <div [attr.data-animation-hook]=\"hook\" class=\"wrapper\">\n    <div\n      class=\"dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-labelledby]=\"title ? titleId : null\"\n      [style.min-width]=\"minWidth\"\n    >\n      <header>\n        <span class=\"title\" [id]=\"titleId\">\n          {{ title }}\n        </span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n      <div class=\"body\" [class.custom]=\"customBody\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"footer riv-dialog-footer\" [class.custom]=\"customFooter\">\n        <ng-content select=\"footer\"></ng-content>\n      </div>\n    </div>\n  </div>\n</riv-modal>\n", styles: [".wrapper{position:absolute;top:50%;left:50%}.dialog{transform:translate(-50%,-50%);border-radius:var(--border-radius-medium);border:var(--border-width) solid var(--border-light);display:flex;flex-direction:column;max-width:calc(100vw - var(--size-xlarge) * 2);max-height:calc(100vh - var(--size-xlarge) * 2);overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--size-medium);gap:var(--size-medium);border-bottom:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.title{font:var(--title-04);padding:var(--size-large) 0}.body{background-color:var(--surface-light-0);overflow-y:auto;min-height:0}.body:not(.custom){padding:var(--size-large)}.footer{border-top:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.footer:not(:has(> footer)){display:none}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.ModalComponent, selector: "riv-modal", inputs: ["obscure", "topOffset"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'riv-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"true\">\n  <div [attr.data-animation-hook]=\"hook\" class=\"wrapper\">\n    <div class=\"dialog\" [style.min-width]=\"minWidth\">\n      <header>\n        <span class=\"title\">\n          {{ title }}\n        </span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n      <div class=\"body\" [class.custom]=\"customBody\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"footer riv-dialog-footer\" [class.custom]=\"customFooter\">\n        <ng-content select=\"footer\"></ng-content>\n      </div>\n    </div>\n  </div>\n</riv-modal>\n", styles: [".wrapper{position:absolute;top:50%;left:50%}.dialog{transform:translate(-50%,-50%);border-radius:var(--border-radius-medium);border:var(--border-width) solid var(--border-light);display:flex;flex-direction:column;max-width:calc(100vw - var(--size-xlarge) * 2);max-height:calc(100vh - var(--size-xlarge) * 2);overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--size-medium);gap:var(--size-medium);border-bottom:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.title{font:var(--title-04);padding:var(--size-large) 0}.body{background-color:var(--surface-light-0);overflow-y:auto;min-height:0}.body:not(.custom){padding:var(--size-large)}.footer{border-top:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.footer:not(:has(> footer)){display:none}\n"] }]
+            args: [{ selector: 'riv-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"true\">\n  <div [attr.data-animation-hook]=\"hook\" class=\"wrapper\">\n    <div\n      class=\"dialog\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-labelledby]=\"title ? titleId : null\"\n      [style.min-width]=\"minWidth\"\n    >\n      <header>\n        <span class=\"title\" [id]=\"titleId\">\n          {{ title }}\n        </span>\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'X'\"\n          (click)=\"close.emit()\"\n        ></button>\n      </header>\n      <div class=\"body\" [class.custom]=\"customBody\">\n        <ng-content></ng-content>\n      </div>\n      <div class=\"footer riv-dialog-footer\" [class.custom]=\"customFooter\">\n        <ng-content select=\"footer\"></ng-content>\n      </div>\n    </div>\n  </div>\n</riv-modal>\n", styles: [".wrapper{position:absolute;top:50%;left:50%}.dialog{transform:translate(-50%,-50%);border-radius:var(--border-radius-medium);border:var(--border-width) solid var(--border-light);display:flex;flex-direction:column;max-width:calc(100vw - var(--size-xlarge) * 2);max-height:calc(100vh - var(--size-xlarge) * 2);overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--size-medium);gap:var(--size-medium);border-bottom:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.title{font:var(--title-04);padding:var(--size-large) 0}.body{background-color:var(--surface-light-0);overflow-y:auto;min-height:0}.body:not(.custom){padding:var(--size-large)}.footer{border-top:var(--border-width) solid var(--border-light);background-color:var(--surface-light-1);flex-shrink:0}.footer:not(:has(> footer)){display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogStackService }]; }, propDecorators: { title: [{
                 type: Input
             }], minWidth: [{
@@ -42,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: HostListener,
                 args: ['document:keydown', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL292ZXJsYXkvbW9kYWwvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7OztBQVNyRSxNQUFNLE9BQU8sZUFBZTtJQWtCMUIsWUFBNkIsV0FBK0I7UUFBL0IsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBVjVELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFHbkIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFvQnhCLFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBZjlDLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxhQUFhLENBQUMsS0FBb0I7UUFDaEMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFFO1lBQzFELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7NkdBaENVLGVBQWU7aUdBQWYsZUFBZSwrUENsQjVCLG92QkF3QkE7NEZETmEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07eUdBSS9DLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixLQUFLO3NCQURKLE1BQU07Z0JBY1AsYUFBYTtzQkFEWixZQUFZO3VCQUFDLGtCQUFrQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBTklNQVRJT05fQ09OU1RBTlRTIH0gZnJvbSAnLi4vLi4vb3ZlcmxheS1vdXRsZXQuY29tcG9uZW50JztcbmltcG9ydCB7IERpYWxvZ1N0YWNrU2VydmljZSB9IGZyb20gJy4uL2RpYWxvZy1zdGFjay5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncml2LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kaWFsb2cuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQElucHV0KClcbiAgdGl0bGU/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgbWluV2lkdGg/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgY3VzdG9tQm9keSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGN1c3RvbUZvb3RlciA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHN0YWNrS2V5OiBzeW1ib2w7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBkaWFsb2dTdGFjazogRGlhbG9nU3RhY2tTZXJ2aWNlKSB7XG4gICAgdGhpcy5zdGFja0tleSA9IGRpYWxvZ1N0YWNrLnJlZ2lzdGVyKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmRpYWxvZ1N0YWNrLnVucmVnaXN0ZXIodGhpcy5zdGFja0tleSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duJywgWyckZXZlbnQnXSlcbiAgaGFuZGxlS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICh0aGlzLmRpYWxvZ1N0YWNrLmlzVG9wbW9zdEVzY2FwZSh0aGlzLnN0YWNrS2V5LCBldmVudCkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB0aGlzLmNsb3NlLmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICByZWFkb25seSBob29rID0gQU5JTUFUSU9OX0NPTlNUQU5UUy5ESUFMT0cuSE9PSztcbn1cbiIsIjxyaXYtbW9kYWwgKGNsb3NlKT1cImNsb3NlLmVtaXQoKVwiIFtvYnNjdXJlXT1cInRydWVcIj5cbiAgPGRpdiBbYXR0ci5kYXRhLWFuaW1hdGlvbi1ob29rXT1cImhvb2tcIiBjbGFzcz1cIndyYXBwZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nXCIgW3N0eWxlLm1pbi13aWR0aF09XCJtaW5XaWR0aFwiPlxuICAgICAgPGhlYWRlcj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZVwiPlxuICAgICAgICAgIHt7IHRpdGxlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHJpdkJ1dHRvblxuICAgICAgICAgIFt2YXJpYW50XT1cIidnaG9zdCdcIlxuICAgICAgICAgIFtpY29uXT1cIidYJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlLmVtaXQoKVwiXG4gICAgICAgID48L2J1dHRvbj5cbiAgICAgIDwvaGVhZGVyPlxuICAgICAgPGRpdiBjbGFzcz1cImJvZHlcIiBbY2xhc3MuY3VzdG9tXT1cImN1c3RvbUJvZHlcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyIHJpdi1kaWFsb2ctZm9vdGVyXCIgW2NsYXNzLmN1c3RvbV09XCJjdXN0b21Gb290ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9yaXYtbW9kYWw+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Jpdi9zcmMvbGliL292ZXJsYXkvbW9kYWwvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDbEMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7O0FBU3JFLE1BQU0sT0FBTyxlQUFlO0lBb0IxQixZQUE2QixXQUErQjtRQUEvQixnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFaNUQsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUduQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUdyQixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV4QixZQUFPLEdBQVcsUUFBUSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFvQmhELFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBZjlDLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFHRCxhQUFhLENBQUMsS0FBb0I7UUFDaEMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFFO1lBQzFELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ25CO0lBQ0gsQ0FBQzs7NkdBbENVLGVBQWU7aUdBQWYsZUFBZSwrUENuQjVCLG80QkE4QkE7NEZEWGEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07eUdBSS9DLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixLQUFLO3NCQURKLE1BQU07Z0JBZ0JQLGFBQWE7c0JBRFosWUFBWTt1QkFBQyxrQkFBa0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdW5pcXVlSWQgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgQU5JTUFUSU9OX0NPTlNUQU5UUyB9IGZyb20gJy4uLy4uL292ZXJsYXktb3V0bGV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaWFsb2dTdGFja1NlcnZpY2UgfSBmcm9tICcuLi9kaWFsb2ctc3RhY2suc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIG1pbldpZHRoPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGN1c3RvbUJvZHkgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjdXN0b21Gb290ZXIgPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgdGl0bGVJZDogc3RyaW5nID0gdW5pcXVlSWQoJ3Jpdi1kaWFsb2ctdGl0bGUtJyk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBzdGFja0tleTogc3ltYm9sO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZGlhbG9nU3RhY2s6IERpYWxvZ1N0YWNrU2VydmljZSkge1xuICAgIHRoaXMuc3RhY2tLZXkgPSBkaWFsb2dTdGFjay5yZWdpc3RlcigpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kaWFsb2dTdGFjay51bnJlZ2lzdGVyKHRoaXMuc3RhY2tLZXkpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bicsIFsnJGV2ZW50J10pXG4gIGhhbmRsZUtleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAodGhpcy5kaWFsb2dTdGFjay5pc1RvcG1vc3RFc2NhcGUodGhpcy5zdGFja0tleSwgZXZlbnQpKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5jbG9zZS5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgcmVhZG9ubHkgaG9vayA9IEFOSU1BVElPTl9DT05TVEFOVFMuRElBTE9HLkhPT0s7XG59XG4iLCI8cml2LW1vZGFsIChjbG9zZSk9XCJjbG9zZS5lbWl0KClcIiBbb2JzY3VyZV09XCJ0cnVlXCI+XG4gIDxkaXYgW2F0dHIuZGF0YS1hbmltYXRpb24taG9va109XCJob29rXCIgY2xhc3M9XCJ3cmFwcGVyXCI+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJkaWFsb2dcIlxuICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGUgPyB0aXRsZUlkIDogbnVsbFwiXG4gICAgICBbc3R5bGUubWluLXdpZHRoXT1cIm1pbldpZHRoXCJcbiAgICA+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCIgW2lkXT1cInRpdGxlSWRcIj5cbiAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICByaXZCdXR0b25cbiAgICAgICAgICBbdmFyaWFudF09XCInZ2hvc3QnXCJcbiAgICAgICAgICBbaWNvbl09XCInWCdcIlxuICAgICAgICAgIChjbGljayk9XCJjbG9zZS5lbWl0KClcIlxuICAgICAgICA+PC9idXR0b24+XG4gICAgICA8L2hlYWRlcj5cbiAgICAgIDxkaXYgY2xhc3M9XCJib2R5XCIgW2NsYXNzLmN1c3RvbV09XCJjdXN0b21Cb2R5XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZvb3RlciByaXYtZGlhbG9nLWZvb3RlclwiIFtjbGFzcy5jdXN0b21dPVwiY3VzdG9tRm9vdGVyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImZvb3RlclwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvcml2LW1vZGFsPlxuIl19

package/esm2020/lib/overlay/modal/side-sheet/side-sheet.component.mjs

@@ -12,17 +12,19 @@ export class SideSheetComponent {
     }
 }
 SideSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SideSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SideSheetComponent, selector: "riv-side-sheet", inputs: { topOffset: "topOffset", width: "width", obscure: "obscure" }, outputs: { close: "close" }, ngImport: i0, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"obscure\" [topOffset]=\"topOffset\">\n  <div\n    [attr.data-animation-hook]=\"hook\"\n    class=\"side-sheet\"\n    [style.width]=\"width\"\n  >\n    <ng-content></ng-content>\n  </div>\n</riv-modal>\n", styles: [".side-sheet{position:absolute;top:0;right:0;bottom:0;background-color:var(--surface-light-0);max-width:100vw;box-shadow:var(--depth-2)}\n"], dependencies: [{ kind: "component", type: i1.ModalComponent, selector: "riv-modal", inputs: ["obscure", "topOffset"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SideSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SideSheetComponent, selector: "riv-side-sheet", inputs: { topOffset: "topOffset", width: "width", obscure: "obscure", label: "label" }, outputs: { close: "close" }, ngImport: i0, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"obscure\" [topOffset]=\"topOffset\">\n  <div\n    [attr.data-animation-hook]=\"hook\"\n    class=\"side-sheet\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"label ?? null\"\n    [style.width]=\"width\"\n  >\n    <ng-content></ng-content>\n  </div>\n</riv-modal>\n", styles: [".side-sheet{position:absolute;top:0;right:0;bottom:0;background-color:var(--surface-light-0);max-width:100vw;box-shadow:var(--depth-2)}\n"], dependencies: [{ kind: "component", type: i1.ModalComponent, selector: "riv-modal", inputs: ["obscure", "topOffset"], outputs: ["close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SideSheetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'riv-side-sheet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"obscure\" [topOffset]=\"topOffset\">\n  <div\n    [attr.data-animation-hook]=\"hook\"\n    class=\"side-sheet\"\n    [style.width]=\"width\"\n  >\n    <ng-content></ng-content>\n  </div>\n</riv-modal>\n", styles: [".side-sheet{position:absolute;top:0;right:0;bottom:0;background-color:var(--surface-light-0);max-width:100vw;box-shadow:var(--depth-2)}\n"] }]
+            args: [{ selector: 'riv-side-sheet', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-modal (close)=\"close.emit()\" [obscure]=\"obscure\" [topOffset]=\"topOffset\">\n  <div\n    [attr.data-animation-hook]=\"hook\"\n    class=\"side-sheet\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    [attr.aria-label]=\"label ?? null\"\n    [style.width]=\"width\"\n  >\n    <ng-content></ng-content>\n  </div>\n</riv-modal>\n", styles: [".side-sheet{position:absolute;top:0;right:0;bottom:0;background-color:var(--surface-light-0);max-width:100vw;box-shadow:var(--depth-2)}\n"] }]
         }], propDecorators: { topOffset: [{
                 type: Input
             }], width: [{
                 type: Input
             }], obscure: [{
                 type: Input
+            }], label: [{
+                type: Input
             }], close: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBU3JFLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFTRSxjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBR3RCLFVBQUssR0FBVyxtQ0FBbUMsQ0FBQztRQUdwRCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBR3pCLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXhCLFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0tBQ3JEOztnSEFkWSxrQkFBa0I7b0dBQWxCLGtCQUFrQiwySkNoQi9CLDRQQVNBOzRGRE9hLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBSVQsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsU0FBUztzQkFEUixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUs7Z0JBSU4sS0FBSztzQkFESixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFOSU1BVElPTl9DT05TVEFOVFMgfSBmcm9tICcuLi8uLi9vdmVybGF5LW91dGxldC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtc2lkZS1zaGVldCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLXNoZWV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZS1zaGVldC5jb21wb25lbnQuY3NzJ10sXG5cbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVTaGVldENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHRvcE9mZnNldDogbnVtYmVyID0gMDtcblxuICBASW5wdXQoKVxuICB3aWR0aDogc3RyaW5nID0gJ2NhbGModmFyKC0tYmFzZS1ncmlkLXNpemUpICogMTA1KSc7XG5cbiAgQElucHV0KClcbiAgb2JzY3VyZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICByZWFkb25seSBob29rID0gQU5JTUFUSU9OX0NPTlNUQU5UUy5TSURFX1NIRUVULkhPT0s7XG59XG4iLCI8cml2LW1vZGFsIChjbG9zZSk9XCJjbG9zZS5lbWl0KClcIiBbb2JzY3VyZV09XCJvYnNjdXJlXCIgW3RvcE9mZnNldF09XCJ0b3BPZmZzZXRcIj5cbiAgPGRpdlxuICAgIFthdHRyLmRhdGEtYW5pbWF0aW9uLWhvb2tdPVwiaG9va1wiXG4gICAgY2xhc3M9XCJzaWRlLXNoZWV0XCJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvcml2LW1vZGFsPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1zaGVldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L21vZGFsL3NpZGUtc2hlZXQvc2lkZS1zaGVldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7O0FBU3JFLE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFTRSxjQUFTLEdBQVcsQ0FBQyxDQUFDO1FBR3RCLFVBQUssR0FBVyxtQ0FBbUMsQ0FBQztRQUdwRCxZQUFPLEdBQVksS0FBSyxDQUFDO1FBT3pCLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXhCLFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0tBQ3JEOztnSEFsQlksa0JBQWtCO29HQUFsQixrQkFBa0IsMktDaEIvQixtVkFZQTs0RkRJYSxrQkFBa0I7a0JBUDlCLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUlULHVCQUF1QixDQUFDLE1BQU07OEJBSS9DLFNBQVM7c0JBRFIsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUtOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQU5JTUFUSU9OX0NPTlNUQU5UUyB9IGZyb20gJy4uLy4uL292ZXJsYXktb3V0bGV0LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1zaWRlLXNoZWV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtc2hlZXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaWRlLXNoZWV0LmNvbXBvbmVudC5jc3MnXSxcblxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZVNoZWV0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgdG9wT2Zmc2V0OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHdpZHRoOiBzdHJpbmcgPSAnY2FsYyh2YXIoLS1iYXNlLWdyaWQtc2l6ZSkgKiAxMDUpJztcblxuICBASW5wdXQoKVxuICBvYnNjdXJlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIEFjY2Vzc2libGUgbmFtZSBmb3IgdGhlIHNpZGUgc2hlZXQsIGFubm91bmNlZCBieSBzY3JlZW4gcmVhZGVycy4gKi9cbiAgQElucHV0KClcbiAgbGFiZWw/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpXG4gIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHJlYWRvbmx5IGhvb2sgPSBBTklNQVRJT05fQ09OU1RBTlRTLlNJREVfU0hFRVQuSE9PSztcbn1cbiIsIjxyaXYtbW9kYWwgKGNsb3NlKT1cImNsb3NlLmVtaXQoKVwiIFtvYnNjdXJlXT1cIm9ic2N1cmVcIiBbdG9wT2Zmc2V0XT1cInRvcE9mZnNldFwiPlxuICA8ZGl2XG4gICAgW2F0dHIuZGF0YS1hbmltYXRpb24taG9va109XCJob29rXCJcbiAgICBjbGFzcz1cInNpZGUtc2hlZXRcIlxuICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsID8/IG51bGxcIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiXG4gID5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9yaXYtbW9kYWw+XG4iXX0=

package/esm2020/lib/overlay/toast/toast.component.mjs

@@ -18,10 +18,10 @@ export class ToastComponent {
 }
 ToastComponent.DURATION = 5000;
 ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToastComponent, selector: "riv-toast", inputs: { variant: "variant", icon: "icon" }, outputs: { close: "close" }, ngImport: i0, template: "<div *riv-overlay class=\"wrapper\" [attr.data-animation-hook]=\"hook\">\n  <div class=\"toast\" [ngClass]=\"variant\">\n    <riv-icon *ngIf=\"icon\" [name]=\"icon\" [size]=\"16\"></riv-icon>\n    <div class=\"content\"><ng-content></ng-content></div>\n  </div>\n</div>\n", styles: [".wrapper{position:fixed;top:calc(var(--base-grid-size) * 20);left:50%;z-index:var(--toast-z-index)}.toast{transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:var(--size-small);padding:var(--size-xsmall) var(--size-large);border-radius:calc(var(--base-grid-size) * 8);box-shadow:var(--depth-1);font:var(--body-medium)}.toast.basic{background-color:var(--surface-dark-0);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--surface-dark-0)}.toast.danger{background-color:var(--danger-main);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--danger-main)}.toast.safety,.toast.safety-dark{background-color:var(--baja-blast-90);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--baja-blast-90)}.toast.safety-inverse{background-color:var(--surface-light-safety);color:var(--type-light-safety);border:var(--border-width) solid currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i3.OverlayDirective, selector: "[riv-overlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToastComponent, selector: "riv-toast", inputs: { variant: "variant", icon: "icon" }, outputs: { close: "close" }, ngImport: i0, template: "<div *riv-overlay class=\"wrapper\" [attr.data-animation-hook]=\"hook\">\n  <div class=\"toast\" role=\"status\" [ngClass]=\"variant\">\n    <riv-icon *ngIf=\"icon\" [name]=\"icon\" [size]=\"16\"></riv-icon>\n    <div class=\"content\"><ng-content></ng-content></div>\n  </div>\n</div>\n", styles: [".wrapper{position:fixed;top:calc(var(--base-grid-size) * 20);left:50%;z-index:var(--toast-z-index)}.toast{transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:var(--size-small);padding:var(--size-xsmall) var(--size-large);border-radius:calc(var(--base-grid-size) * 8);box-shadow:var(--depth-1);font:var(--body-medium)}.toast.basic{background-color:var(--surface-dark-0);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--surface-dark-0)}.toast.danger{background-color:var(--danger-main);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--danger-main)}.toast.safety,.toast.safety-dark{background-color:var(--baja-blast-90);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--baja-blast-90)}.toast.safety-inverse{background-color:var(--surface-light-safety);color:var(--type-light-safety);border:var(--border-width) solid currentColor}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i3.OverlayDirective, selector: "[riv-overlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'riv-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *riv-overlay class=\"wrapper\" [attr.data-animation-hook]=\"hook\">\n  <div class=\"toast\" [ngClass]=\"variant\">\n    <riv-icon *ngIf=\"icon\" [name]=\"icon\" [size]=\"16\"></riv-icon>\n    <div class=\"content\"><ng-content></ng-content></div>\n  </div>\n</div>\n", styles: [".wrapper{position:fixed;top:calc(var(--base-grid-size) * 20);left:50%;z-index:var(--toast-z-index)}.toast{transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:var(--size-small);padding:var(--size-xsmall) var(--size-large);border-radius:calc(var(--base-grid-size) * 8);box-shadow:var(--depth-1);font:var(--body-medium)}.toast.basic{background-color:var(--surface-dark-0);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--surface-dark-0)}.toast.danger{background-color:var(--danger-main);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--danger-main)}.toast.safety,.toast.safety-dark{background-color:var(--baja-blast-90);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--baja-blast-90)}.toast.safety-inverse{background-color:var(--surface-light-safety);color:var(--type-light-safety);border:var(--border-width) solid currentColor}\n"] }]
+            args: [{ selector: 'riv-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *riv-overlay class=\"wrapper\" [attr.data-animation-hook]=\"hook\">\n  <div class=\"toast\" role=\"status\" [ngClass]=\"variant\">\n    <riv-icon *ngIf=\"icon\" [name]=\"icon\" [size]=\"16\"></riv-icon>\n    <div class=\"content\"><ng-content></ng-content></div>\n  </div>\n</div>\n", styles: [".wrapper{position:fixed;top:calc(var(--base-grid-size) * 20);left:50%;z-index:var(--toast-z-index)}.toast{transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:var(--size-small);padding:var(--size-xsmall) var(--size-large);border-radius:calc(var(--base-grid-size) * 8);box-shadow:var(--depth-1);font:var(--body-medium)}.toast.basic{background-color:var(--surface-dark-0);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--surface-dark-0)}.toast.danger{background-color:var(--danger-main);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--danger-main)}.toast.safety,.toast.safety-dark{background-color:var(--baja-blast-90);color:var(--type-dark-high-contrast);border:var(--border-width) solid var(--baja-blast-90)}.toast.safety-inverse{background-color:var(--surface-light-safety);color:var(--type-light-safety);border:var(--border-width) solid currentColor}\n"] }]
         }], propDecorators: { variant: [{
                 type: Input
             }], icon: [{
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         'safety-inverse',
     ];
 })(ToastComponent || (ToastComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvb3ZlcmxheS90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVFsRSxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQVVFLFlBQU8sR0FBMkIsT0FBTyxDQUFDO1FBWTFDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXhCLFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0tBQ2hEO0lBVkMsUUFBUTtRQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLENBQUMsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7QUFaTSx1QkFBUSxHQUFHLElBQUksQ0FBQzs0R0FEWixjQUFjO2dHQUFkLGNBQWMsNEhDakIzQixpUkFNQTs0RkRXYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFNL0MsT0FBTztzQkFETixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFVTixLQUFLO3NCQURKLE1BQU07O0FBTVQsV0FBaUIsY0FBYztJQUNoQix1QkFBUSxHQUFHO1FBQ3RCLE9BQU87UUFDUCxRQUFRO1FBQ1IsUUFBUTtRQUNSLGFBQWE7UUFDYixnQkFBZ0I7S0FDUixDQUFDO0FBRWIsQ0FBQyxFQVRnQixjQUFjLEtBQWQsY0FBYyxRQVM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IEFOSU1BVElPTl9DT05TVEFOVFMgfSBmcm9tICcuLi9vdmVybGF5LW91dGxldC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtdG9hc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b2FzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHN0YXRpYyBEVVJBVElPTiA9IDUwMDA7XG5cbiAgQElucHV0KClcbiAgdmFyaWFudDogVG9hc3RDb21wb25lbnQuVmFyaWFudCA9ICdiYXNpYyc7XG5cbiAgQElucHV0KClcbiAgaWNvbj86IEljb25Db21wb25lbnQuTmFtZTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICAgIH0sIFRvYXN0Q29tcG9uZW50LkRVUkFUSU9OKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICByZWFkb25seSBob29rID0gQU5JTUFUSU9OX0NPTlNUQU5UUy5UT0FTVC5IT09LO1xufVxuXG5leHBvcnQgbmFtZXNwYWNlIFRvYXN0Q29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IFZhcmlhbnRzID0gW1xuICAgICdiYXNpYycsXG4gICAgJ2RhbmdlcicsXG4gICAgJ3NhZmV0eScsXG4gICAgJ3NhZmV0eS1kYXJrJyxcbiAgICAnc2FmZXR5LWludmVyc2UnLFxuICBdIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBWYXJpYW50ID0gKHR5cGVvZiBWYXJpYW50cylbbnVtYmVyXTtcbn1cbiIsIjxkaXYgKnJpdi1vdmVybGF5IGNsYXNzPVwid3JhcHBlclwiIFthdHRyLmRhdGEtYW5pbWF0aW9uLWhvb2tdPVwiaG9va1wiPlxuICA8ZGl2IGNsYXNzPVwidG9hc3RcIiBbbmdDbGFzc109XCJ2YXJpYW50XCI+XG4gICAgPHJpdi1pY29uICpuZ0lmPVwiaWNvblwiIFtuYW1lXT1cImljb25cIiBbc2l6ZV09XCIxNlwiPjwvcml2LWljb24+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcml2L3NyYy9saWIvb3ZlcmxheS90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVFsRSxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQVVFLFlBQU8sR0FBMkIsT0FBTyxDQUFDO1FBWTFDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRXhCLFNBQUksR0FBRyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0tBQ2hEO0lBVkMsUUFBUTtRQUNOLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLENBQUMsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7QUFaTSx1QkFBUSxHQUFHLElBQUksQ0FBQzs0R0FEWixjQUFjO2dHQUFkLGNBQWMsNEhDakIzQixpU0FNQTs0RkRXYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs4QkFNL0MsT0FBTztzQkFETixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFVTixLQUFLO3NCQURKLE1BQU07O0FBTVQsV0FBaUIsY0FBYztJQUNoQix1QkFBUSxHQUFHO1FBQ3RCLE9BQU87UUFDUCxRQUFRO1FBQ1IsUUFBUTtRQUNSLGFBQWE7UUFDYixnQkFBZ0I7S0FDUixDQUFDO0FBRWIsQ0FBQyxFQVRnQixjQUFjLEtBQWQsY0FBYyxRQVM5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IEFOSU1BVElPTl9DT05TVEFOVFMgfSBmcm9tICcuLi9vdmVybGF5LW91dGxldC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyaXYtdG9hc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b2FzdC5jb21wb25lbnQuY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHN0YXRpYyBEVVJBVElPTiA9IDUwMDA7XG5cbiAgQElucHV0KClcbiAgdmFyaWFudDogVG9hc3RDb21wb25lbnQuVmFyaWFudCA9ICdiYXNpYyc7XG5cbiAgQElucHV0KClcbiAgaWNvbj86IEljb25Db21wb25lbnQuTmFtZTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICAgIH0sIFRvYXN0Q29tcG9uZW50LkRVUkFUSU9OKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICByZWFkb25seSBob29rID0gQU5JTUFUSU9OX0NPTlNUQU5UUy5UT0FTVC5IT09LO1xufVxuXG5leHBvcnQgbmFtZXNwYWNlIFRvYXN0Q29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IFZhcmlhbnRzID0gW1xuICAgICdiYXNpYycsXG4gICAgJ2RhbmdlcicsXG4gICAgJ3NhZmV0eScsXG4gICAgJ3NhZmV0eS1kYXJrJyxcbiAgICAnc2FmZXR5LWludmVyc2UnLFxuICBdIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBWYXJpYW50ID0gKHR5cGVvZiBWYXJpYW50cylbbnVtYmVyXTtcbn1cbiIsIjxkaXYgKnJpdi1vdmVybGF5IGNsYXNzPVwid3JhcHBlclwiIFthdHRyLmRhdGEtYW5pbWF0aW9uLWhvb2tdPVwiaG9va1wiPlxuICA8ZGl2IGNsYXNzPVwidG9hc3RcIiByb2xlPVwic3RhdHVzXCIgW25nQ2xhc3NdPVwidmFyaWFudFwiPlxuICAgIDxyaXYtaWNvbiAqbmdJZj1cImljb25cIiBbbmFtZV09XCJpY29uXCIgW3NpemVdPVwiMTZcIj48L3Jpdi1pY29uPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19