@rivet-health/design-system 40.44.2 → 40.44.4

package/esm2022/lib/navigation/views/edit-view/edit-view.component.mjs

@@ -86,10 +86,10 @@ export class EditViewComponent {
         }
         return EditViewComponent.NO_SHARED_USERS;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditViewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: EditViewComponent, selector: "riv-edit-view", inputs: { anchor: "anchor", autoSelectName: "autoSelectName", view: "view", userSource: "userSource", userSelectMode: "userSelectMode", onAddUser: "onAddUser", newTooltip: "newTooltip", mode: "mode" }, outputs: { save: "save", delete: "delete", close: "close" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"editedView; let ev\">\n  <riv-callout\n    *riv-overlay\n    [anchor]=\"anchor ?? null\"\n    [isModal]=\"true\"\n    [showCaret]=\"false\"\n    [theme]=\"'light'\"\n    [preferredPosition]=\"'bottom-right'\"\n    [fallbackDirection]=\"'clockwise'\"\n    (close)=\"close.emit()\"\n  >\n    <div class=\"edit-view\">\n      <div class=\"name-input\">\n        <span class=\"name-label\">Name * </span>\n        <riv-text-field\n          [autoFocus]=\"autoSelectName ? 'select' : false\"\n          [value]=\"ev.title ?? ''\"\n          (valueChange)=\"titleChange($event)\"\n        ></riv-text-field>\n      </div>\n\n      <hr class=\"divider\" />\n\n      <riv-permission-picker\n        [permission]=\"ev.permission\"\n        [sharedUsers]=\"getSharedUsers(ev)\"\n        [userSelectMode]=\"userSelectMode\"\n        [userSource]=\"userSource\"\n        [onAddUser]=\"onAddUser\"\n        [newTooltip]=\"newTooltip\"\n        (permissionChange)=\"onPermissionChange($event)\"\n        (sharedUsersChange)=\"onSharedUsersChange($event)\"\n      ></riv-permission-picker>\n\n      <hr class=\"divider\" />\n\n      <div class=\"actions\">\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'Trash2'\"\n          (click)=\"delete.emit(ev); close.emit()\"\n          *ngIf=\"canEdit()\"\n        >\n          Delete\n        </button>\n\n        <div class=\"actions-spacer\"></div>\n\n        <div class=\"primary-actions\">\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'ghost'\"\n            (click)=\"close.emit()\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'primary'\"\n            [disabled]=\"canEdit() && isClean()\"\n            (click)=\"save.emit(ev); close.emit()\"\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  </riv-callout>\n</ng-container>\n", styles: [".edit-view{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 104);max-width:50vw;max-height:80vh;overflow-y:auto}.divider{height:var(--border-width);background-color:var(--border-light);border:0;width:100%}.name-label{font:var(--title-02)}.name-input{display:flex;flex-direction:column;gap:var(--size-small)}.actions{display:flex;justify-content:space-between;align-items:center}.actions-spacer{flex-grow:1}.primary-actions{display:flex;align-items:center;gap:var(--size-small)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.CalloutComponent, selector: "riv-callout", inputs: ["anchor", "isModal", "preferredPosition", "allowedPositions", "fallbackDirection", "showCaret", "theme"], outputs: ["close"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[riv-overlay]" }, { kind: "component", type: i5.PermissionPickerComponent, selector: "riv-permission-picker", inputs: ["permission", "sharedUsers", "userSelectMode", "userSource", "onAddUser", "newTooltip", "disabledPermissions"], outputs: ["permissionChange", "sharedUsersChange"] }, { kind: "component", type: i6.TextFieldComponent, selector: "riv-text-field", inputs: ["disabled", "readonly", "placeholder", "casing", "type", "size", "autoFocus", "name", "minLength", "maxLength", "value"], outputs: ["valueChange", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditViewComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditViewComponent, selector: "riv-edit-view", inputs: { anchor: "anchor", autoSelectName: "autoSelectName", view: "view", userSource: "userSource", userSelectMode: "userSelectMode", onAddUser: "onAddUser", newTooltip: "newTooltip", mode: "mode" }, outputs: { save: "save", delete: "delete", close: "close" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"editedView; let ev\">\n  <riv-callout\n    *riv-overlay\n    [anchor]=\"anchor ?? null\"\n    [isModal]=\"true\"\n    [showCaret]=\"false\"\n    [theme]=\"'light'\"\n    [preferredPosition]=\"'bottom-right'\"\n    [fallbackDirection]=\"'clockwise'\"\n    (close)=\"close.emit()\"\n  >\n    <div class=\"edit-view\">\n      <div class=\"name-input\">\n        <span class=\"name-label\">Name * </span>\n        <riv-text-field\n          [autoFocus]=\"autoSelectName ? 'select' : false\"\n          [value]=\"ev.title ?? ''\"\n          (valueChange)=\"titleChange($event)\"\n        ></riv-text-field>\n      </div>\n\n      <hr class=\"divider\" />\n\n      <riv-permission-picker\n        [permission]=\"ev.permission\"\n        [sharedUsers]=\"getSharedUsers(ev)\"\n        [userSelectMode]=\"userSelectMode\"\n        [userSource]=\"userSource\"\n        [onAddUser]=\"onAddUser\"\n        [newTooltip]=\"newTooltip\"\n        (permissionChange)=\"onPermissionChange($event)\"\n        (sharedUsersChange)=\"onSharedUsersChange($event)\"\n      ></riv-permission-picker>\n\n      <hr class=\"divider\" />\n\n      <div class=\"actions\">\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'Trash2'\"\n          (click)=\"delete.emit(ev); close.emit()\"\n          *ngIf=\"canEdit()\"\n        >\n          Delete\n        </button>\n\n        <div class=\"actions-spacer\"></div>\n\n        <div class=\"primary-actions\">\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'ghost'\"\n            (click)=\"close.emit()\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'primary'\"\n            [disabled]=\"canEdit() && isClean()\"\n            (click)=\"save.emit(ev); close.emit()\"\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  </riv-callout>\n</ng-container>\n", styles: [".edit-view{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 104);max-width:50vw;max-height:80vh;overflow-y:auto}.divider{height:var(--border-width);background-color:var(--border-light);border:0;width:100%}.name-label{font:var(--title-02)}.name-input{display:flex;flex-direction:column;gap:var(--size-small)}.actions{display:flex;justify-content:space-between;align-items:center}.actions-spacer{flex-grow:1}.primary-actions{display:flex;align-items:center;gap:var(--size-small)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.CalloutComponent, selector: "riv-callout", inputs: ["anchor", "isModal", "preferredPosition", "allowedPositions", "fallbackDirection", "showCaret", "theme"], outputs: ["close"] }, { kind: "directive", type: i4.OverlayDirective, selector: "[riv-overlay]" }, { kind: "component", type: i5.PermissionPickerComponent, selector: "riv-permission-picker", inputs: ["permission", "sharedUsers", "userSelectMode", "userSource", "onAddUser", "newTooltip", "disabledPermissions"], outputs: ["permissionChange", "sharedUsersChange"] }, { kind: "component", type: i6.TextFieldComponent, selector: "riv-text-field", inputs: ["disabled", "readonly", "placeholder", "casing", "type", "size", "autoFocus", "name", "minLength", "maxLength", "value"], outputs: ["valueChange", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EditViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-edit-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"editedView; let ev\">\n  <riv-callout\n    *riv-overlay\n    [anchor]=\"anchor ?? null\"\n    [isModal]=\"true\"\n    [showCaret]=\"false\"\n    [theme]=\"'light'\"\n    [preferredPosition]=\"'bottom-right'\"\n    [fallbackDirection]=\"'clockwise'\"\n    (close)=\"close.emit()\"\n  >\n    <div class=\"edit-view\">\n      <div class=\"name-input\">\n        <span class=\"name-label\">Name * </span>\n        <riv-text-field\n          [autoFocus]=\"autoSelectName ? 'select' : false\"\n          [value]=\"ev.title ?? ''\"\n          (valueChange)=\"titleChange($event)\"\n        ></riv-text-field>\n      </div>\n\n      <hr class=\"divider\" />\n\n      <riv-permission-picker\n        [permission]=\"ev.permission\"\n        [sharedUsers]=\"getSharedUsers(ev)\"\n        [userSelectMode]=\"userSelectMode\"\n        [userSource]=\"userSource\"\n        [onAddUser]=\"onAddUser\"\n        [newTooltip]=\"newTooltip\"\n        (permissionChange)=\"onPermissionChange($event)\"\n        (sharedUsersChange)=\"onSharedUsersChange($event)\"\n      ></riv-permission-picker>\n\n      <hr class=\"divider\" />\n\n      <div class=\"actions\">\n        <button\n          type=\"button\"\n          rivButton\n          [variant]=\"'ghost'\"\n          [icon]=\"'Trash2'\"\n          (click)=\"delete.emit(ev); close.emit()\"\n          *ngIf=\"canEdit()\"\n        >\n          Delete\n        </button>\n\n        <div class=\"actions-spacer\"></div>\n\n        <div class=\"primary-actions\">\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'ghost'\"\n            (click)=\"close.emit()\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'primary'\"\n            [disabled]=\"canEdit() && isClean()\"\n            (click)=\"save.emit(ev); close.emit()\"\n          >\n            Save\n          </button>\n        </div>\n      </div>\n    </div>\n  </riv-callout>\n</ng-container>\n", styles: [".edit-view{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 104);max-width:50vw;max-height:80vh;overflow-y:auto}.divider{height:var(--border-width);background-color:var(--border-light);border:0;width:100%}.name-label{font:var(--title-02)}.name-input{display:flex;flex-direction:column;gap:var(--size-small)}.actions{display:flex;justify-content:space-between;align-items:center}.actions-spacer{flex-grow:1}.primary-actions{display:flex;align-items:center;gap:var(--size-small)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { anchor: [{

package/esm2022/lib/navigation/views/permission-picker/permission-picker.component.mjs

@@ -123,10 +123,10 @@ export class PermissionPickerComponent {
         this.sharedUsersChange.emit(RivViews.toSharedUsers(this.selectedUsers));
         this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PermissionPickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PermissionPickerComponent, selector: "riv-permission-picker", inputs: { permission: "permission", sharedUsers: "sharedUsers", userSelectMode: "userSelectMode", userSource: "userSource", onAddUser: "onAddUser", newTooltip: "newTooltip", disabledPermissions: "disabledPermissions" }, outputs: { permissionChange: "permissionChange", sharedUsersChange: "sharedUsersChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"permission-picker\">\n  <div class=\"permission-label\">View permissions</div>\n\n  <div class=\"permission-options\">\n    <button\n      *ngFor=\"let option of permissionOptions\"\n      class=\"permission-option\"\n      [class.current]=\"permission === option.value\"\n      [class.disabled]=\"isDisabled(option.value)\"\n      type=\"button\"\n      [attr.aria-checked]=\"permission === option.value\"\n      [attr.aria-label]=\"option.title + ' permission'\"\n      [attr.aria-disabled]=\"isDisabled(option.value)\"\n      (click)=\"onPermissionClick(option.value)\"\n    >\n      <div class=\"option-content\">\n        <div class=\"option-title\">\n          <span>{{ option.title }}</span>\n          <span class=\"option-description\">{{ option.subtitle }}</span>\n        </div>\n        <riv-icon\n          *ngIf=\"permission === option.value\"\n          class=\"permission-indicator\"\n          [name]=\"'Check'\"\n          [size]=\"16\"\n        ></riv-icon>\n      </div>\n      <riv-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'select' &&\n          userSelectManager\n        \"\n        [label]=\"'Users with access'\"\n        [manager]=\"userSelectManager\"\n      ></riv-select>\n      <riv-search-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'search-select'\n        \"\n        (click)=\"$event.stopPropagation()\"\n        [label]=\"'Users with access'\"\n        [options]=\"userOptions\"\n        [selected]=\"selectedUsers\"\n        [placeholder]=\"'Search users'\"\n        [addNewLabel]=\"'Add'\"\n        [newTooltip]=\"newTooltip\"\n        (selectedChange)=\"onSelectedUsersChange($event)\"\n        (addNew)=\"handleAddUser($event)\"\n      ></riv-search-select>\n    </button>\n  </div>\n</div>\n", styles: [".permission-picker{display:flex;flex-direction:column;gap:var(--size-medium)}.permission-options{display:flex;flex-direction:column}.permission-label{font:var(--title-02)}.permission-option{display:flex;flex-direction:column;gap:var(--size-small);padding:var(--size-small) var(--size-medium);border-radius:var(--border-radius-large);cursor:pointer;text-align:left}.permission-option:hover:not(.disabled){background-color:var(--surface-light-1)}.permission-option:active:not(.disabled),.permission-option.current{background-color:var(--surface-light-2)}.permission-option.disabled{cursor:not-allowed;opacity:.5}.option-content{display:flex;justify-content:space-between;align-items:center}.option-title{font:var(--body-medium);display:flex;flex-direction:column;align-items:flex-start}.option-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-indicator{color:var(--type-light-link)}\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: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "component", type: i3.SearchSelectComponent, selector: "riv-search-select", inputs: ["options", "selected", "placeholder", "addNewLabel", "newTooltip", "size", "disabled", "label", "help", "required", "state", "errorMessage", "optionTemplate", "chipTemplate"], outputs: ["selectedChange", "addNew"] }, { kind: "component", type: i4.SelectComponent, selector: "riv-select", inputs: ["manager", "size", "disabled", "locked", "grow", "allowedCalloutPositions", "preferredCalloutPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PermissionPickerComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PermissionPickerComponent, selector: "riv-permission-picker", inputs: { permission: "permission", sharedUsers: "sharedUsers", userSelectMode: "userSelectMode", userSource: "userSource", onAddUser: "onAddUser", newTooltip: "newTooltip", disabledPermissions: "disabledPermissions" }, outputs: { permissionChange: "permissionChange", sharedUsersChange: "sharedUsersChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"permission-picker\">\n  <div class=\"permission-label\">View permissions</div>\n\n  <div class=\"permission-options\">\n    <button\n      *ngFor=\"let option of permissionOptions\"\n      class=\"permission-option\"\n      [class.current]=\"permission === option.value\"\n      [class.disabled]=\"isDisabled(option.value)\"\n      type=\"button\"\n      [attr.aria-checked]=\"permission === option.value\"\n      [attr.aria-label]=\"option.title + ' permission'\"\n      [attr.aria-disabled]=\"isDisabled(option.value)\"\n      (click)=\"onPermissionClick(option.value)\"\n    >\n      <div class=\"option-content\">\n        <div class=\"option-title\">\n          <span>{{ option.title }}</span>\n          <span class=\"option-description\">{{ option.subtitle }}</span>\n        </div>\n        <riv-icon\n          *ngIf=\"permission === option.value\"\n          class=\"permission-indicator\"\n          [name]=\"'Check'\"\n          [size]=\"16\"\n        ></riv-icon>\n      </div>\n      <riv-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'select' &&\n          userSelectManager\n        \"\n        [label]=\"'Users with access'\"\n        [manager]=\"userSelectManager\"\n      ></riv-select>\n      <riv-search-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'search-select'\n        \"\n        (click)=\"$event.stopPropagation()\"\n        [label]=\"'Users with access'\"\n        [options]=\"userOptions\"\n        [selected]=\"selectedUsers\"\n        [placeholder]=\"'Search users'\"\n        [addNewLabel]=\"'Add'\"\n        [newTooltip]=\"newTooltip\"\n        (selectedChange)=\"onSelectedUsersChange($event)\"\n        (addNew)=\"handleAddUser($event)\"\n      ></riv-search-select>\n    </button>\n  </div>\n</div>\n", styles: [".permission-picker{display:flex;flex-direction:column;gap:var(--size-medium)}.permission-options{display:flex;flex-direction:column}.permission-label{font:var(--title-02)}.permission-option{display:flex;flex-direction:column;gap:var(--size-small);padding:var(--size-small) var(--size-medium);border-radius:var(--border-radius-large);cursor:pointer;text-align:left}.permission-option:hover:not(.disabled){background-color:var(--surface-light-1)}.permission-option:active:not(.disabled),.permission-option.current{background-color:var(--surface-light-2)}.permission-option.disabled{cursor:not-allowed;opacity:.5}.option-content{display:flex;justify-content:space-between;align-items:center}.option-title{font:var(--body-medium);display:flex;flex-direction:column;align-items:flex-start}.option-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-indicator{color:var(--type-light-link)}\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: "component", type: i2.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "component", type: i3.SearchSelectComponent, selector: "riv-search-select", inputs: ["options", "selected", "placeholder", "addNewLabel", "newTooltip", "size", "disabled", "label", "help", "required", "state", "errorMessage", "optionTemplate", "chipTemplate"], outputs: ["selectedChange", "addNew"] }, { kind: "component", type: i4.SelectComponent, selector: "riv-select", inputs: ["manager", "size", "disabled", "locked", "grow", "allowedCalloutPositions", "preferredCalloutPosition"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PermissionPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PermissionPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-permission-picker', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"permission-picker\">\n  <div class=\"permission-label\">View permissions</div>\n\n  <div class=\"permission-options\">\n    <button\n      *ngFor=\"let option of permissionOptions\"\n      class=\"permission-option\"\n      [class.current]=\"permission === option.value\"\n      [class.disabled]=\"isDisabled(option.value)\"\n      type=\"button\"\n      [attr.aria-checked]=\"permission === option.value\"\n      [attr.aria-label]=\"option.title + ' permission'\"\n      [attr.aria-disabled]=\"isDisabled(option.value)\"\n      (click)=\"onPermissionClick(option.value)\"\n    >\n      <div class=\"option-content\">\n        <div class=\"option-title\">\n          <span>{{ option.title }}</span>\n          <span class=\"option-description\">{{ option.subtitle }}</span>\n        </div>\n        <riv-icon\n          *ngIf=\"permission === option.value\"\n          class=\"permission-indicator\"\n          [name]=\"'Check'\"\n          [size]=\"16\"\n        ></riv-icon>\n      </div>\n      <riv-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'select' &&\n          userSelectManager\n        \"\n        [label]=\"'Users with access'\"\n        [manager]=\"userSelectManager\"\n      ></riv-select>\n      <riv-search-select\n        *ngIf=\"\n          permission === 'shared' &&\n          option.value === 'shared' &&\n          userSelectMode === 'search-select'\n        \"\n        (click)=\"$event.stopPropagation()\"\n        [label]=\"'Users with access'\"\n        [options]=\"userOptions\"\n        [selected]=\"selectedUsers\"\n        [placeholder]=\"'Search users'\"\n        [addNewLabel]=\"'Add'\"\n        [newTooltip]=\"newTooltip\"\n        (selectedChange)=\"onSelectedUsersChange($event)\"\n        (addNew)=\"handleAddUser($event)\"\n      ></riv-search-select>\n    </button>\n  </div>\n</div>\n", styles: [".permission-picker{display:flex;flex-direction:column;gap:var(--size-medium)}.permission-options{display:flex;flex-direction:column}.permission-label{font:var(--title-02)}.permission-option{display:flex;flex-direction:column;gap:var(--size-small);padding:var(--size-small) var(--size-medium);border-radius:var(--border-radius-large);cursor:pointer;text-align:left}.permission-option:hover:not(.disabled){background-color:var(--surface-light-1)}.permission-option:active:not(.disabled),.permission-option.current{background-color:var(--surface-light-2)}.permission-option.disabled{cursor:not-allowed;opacity:.5}.option-content{display:flex;justify-content:space-between;align-items:center}.option-title{font:var(--body-medium);display:flex;flex-direction:column;align-items:flex-start}.option-description{font:var(--body-medium);color:var(--type-light-low-contrast)}.permission-indicator{color:var(--type-light-link)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { permission: [{

package/esm2022/lib/navigation/views/view-menu/view-menu.component.mjs

@@ -11,10 +11,10 @@ export class ViewMenuComponent {
         this.el = el;
         this.menuContext = 'tab';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ViewMenuComponent, selector: "riv-view-menu", inputs: { manager: "manager", view: "view", menuContext: "menuContext" }, queries: [{ propertyName: "triggerTemplate", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"view\">\n  <riv-menu\n    #menu\n    [preferredPosition]=\"'bottom-right'\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <ng-container *ngIf=\"triggerTemplate\">\n      <ng-template #trigger>\n        <ng-container [ngTemplateOutlet]=\"triggerTemplate\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEnabled',\n          id: view.id,\n          enabled: !view.enabled,\n          source: 'menu'\n        })\n      \"\n      [disabled]=\"view.system || view.temporary\"\n      [attr.aria-disabled]=\"view.system || view.temporary ? 'true' : null\"\n    >\n      {{ view.enabled ? 'Hide tab' : 'Show tab' }}\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: false, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Edit view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: true, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Rename view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({ type: 'duplicateView', view, menuContext })\n      \"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Duplicate view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setDeletingView',\n          context: { id: view.id, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Delete view\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"manager?.actions?.next({ type: 'copyLinkToView', view })\"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Copy link to view\n    </button>\n  </riv-menu>\n\n  <ng-container *ngIf=\"manager?.state | async; let state\">\n    <ng-container *ngIf=\"state.editingViewContext; let editingViewContext\">\n      <riv-edit-view\n        *ngIf=\"\n          editingViewContext.id === view.id &&\n          editingViewContext.menuContext === menuContext\n        \"\n        [view]=\"view\"\n        [userSource]=\"state.userSource\"\n        [userSelectMode]=\"state.userSelectMode\"\n        [onAddUser]=\"state.onAddUser\"\n        [newTooltip]=\"state.newTooltip\"\n        [autoSelectName]=\"editingViewContext.autoRename\"\n        [anchor]=\"el.nativeElement\"\n        (save)=\"manager?.actions?.next({ type: 'updateView', view: $event })\"\n        (delete)=\"manager?.actions?.next({ type: 'deleteView', view: $event })\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setEditingView', context: null })\n        \"\n      ></riv-edit-view>\n    </ng-container>\n\n    <ng-container *ngIf=\"state.deletingViewContext; let deletingViewContext\">\n      <riv-dialog\n        *ngIf=\"\n          deletingViewContext.id === view.id &&\n          deletingViewContext.menuContext === menuContext\n        \"\n        [title]=\"'Delete view'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setDeletingView', context: null })\n        \"\n      >\n        <div class=\"delete-dialog\">\n          <div class=\"delete-title\">\n            Are you sure you want to delete the following view?\n          </div>\n          <p>{{ view.title }}</p>\n        </div>\n        <footer class=\"delete-footer\">\n          <button\n            type=\"button\"\n            rivButton\n            (click)=\"\n              manager?.actions?.next({ type: 'setDeletingView', context: null })\n            \"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'danger'\"\n            (click)=\"\n              manager?.actions?.next({\n                type: 'deleteView',\n                view\n              })\n            \"\n          >\n            Delete view\n          </button>\n        </footer>\n      </riv-dialog>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:stretch}riv-menu{width:100%;max-width:100%;height:100%;max-height:100%}.delete-dialog{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 120);max-width:100%}.delete-title{font:var(--title-02)}.delete-footer{padding:var(--size-medium);display:flex;justify-content:space-between;gap:var(--size-medium)}\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.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.DialogComponent, selector: "riv-dialog", inputs: ["title", "minWidth", "customBody", "customFooter"], outputs: ["close"] }, { kind: "component", type: i4.EditViewComponent, selector: "riv-edit-view", inputs: ["anchor", "autoSelectName", "view", "userSource", "userSelectMode", "onAddUser", "newTooltip", "mode"], outputs: ["save", "delete", "close"] }, { kind: "component", type: i5.MenuComponent, selector: "riv-menu", inputs: ["preferredPosition", "disabled"] }, { kind: "component", type: i6.MenuItemComponent, selector: "[riv-menu-item]", inputs: ["locked", "disabled", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ViewMenuComponent, selector: "riv-view-menu", inputs: { manager: "manager", view: "view", menuContext: "menuContext" }, queries: [{ propertyName: "triggerTemplate", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"view\">\n  <riv-menu\n    #menu\n    [preferredPosition]=\"'bottom-right'\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <ng-container *ngIf=\"triggerTemplate\">\n      <ng-template #trigger>\n        <ng-container [ngTemplateOutlet]=\"triggerTemplate\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEnabled',\n          id: view.id,\n          enabled: !view.enabled,\n          source: 'menu'\n        })\n      \"\n      [disabled]=\"view.system || view.temporary\"\n      [attr.aria-disabled]=\"view.system || view.temporary ? 'true' : null\"\n    >\n      {{ view.enabled ? 'Hide tab' : 'Show tab' }}\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: false, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Edit view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: true, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Rename view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({ type: 'duplicateView', view, menuContext })\n      \"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Duplicate view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setDeletingView',\n          context: { id: view.id, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Delete view\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"manager?.actions?.next({ type: 'copyLinkToView', view })\"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Copy link to view\n    </button>\n  </riv-menu>\n\n  <ng-container *ngIf=\"manager?.state | async; let state\">\n    <ng-container *ngIf=\"state.editingViewContext; let editingViewContext\">\n      <riv-edit-view\n        *ngIf=\"\n          editingViewContext.id === view.id &&\n          editingViewContext.menuContext === menuContext\n        \"\n        [view]=\"view\"\n        [userSource]=\"state.userSource\"\n        [userSelectMode]=\"state.userSelectMode\"\n        [onAddUser]=\"state.onAddUser\"\n        [newTooltip]=\"state.newTooltip\"\n        [autoSelectName]=\"editingViewContext.autoRename\"\n        [anchor]=\"el.nativeElement\"\n        (save)=\"manager?.actions?.next({ type: 'updateView', view: $event })\"\n        (delete)=\"manager?.actions?.next({ type: 'deleteView', view: $event })\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setEditingView', context: null })\n        \"\n      ></riv-edit-view>\n    </ng-container>\n\n    <ng-container *ngIf=\"state.deletingViewContext; let deletingViewContext\">\n      <riv-dialog\n        *ngIf=\"\n          deletingViewContext.id === view.id &&\n          deletingViewContext.menuContext === menuContext\n        \"\n        [title]=\"'Delete view'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setDeletingView', context: null })\n        \"\n      >\n        <div class=\"delete-dialog\">\n          <div class=\"delete-title\">\n            Are you sure you want to delete the following view?\n          </div>\n          <p>{{ view.title }}</p>\n        </div>\n        <footer class=\"delete-footer\">\n          <button\n            type=\"button\"\n            rivButton\n            (click)=\"\n              manager?.actions?.next({ type: 'setDeletingView', context: null })\n            \"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'danger'\"\n            (click)=\"\n              manager?.actions?.next({\n                type: 'deleteView',\n                view\n              })\n            \"\n          >\n            Delete view\n          </button>\n        </footer>\n      </riv-dialog>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:stretch}riv-menu{width:100%;max-width:100%;height:100%;max-height:100%}.delete-dialog{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 120);max-width:100%}.delete-title{font:var(--title-02)}.delete-footer{padding:var(--size-medium);display:flex;justify-content:space-between;gap:var(--size-medium)}\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.ButtonComponent, selector: "[rivButton]", inputs: ["locked", "disabled", "loading", "full", "size", "variant", "icon", "iconPosition", "current"] }, { kind: "component", type: i3.DialogComponent, selector: "riv-dialog", inputs: ["title", "minWidth", "customBody", "customFooter"], outputs: ["close"] }, { kind: "component", type: i4.EditViewComponent, selector: "riv-edit-view", inputs: ["anchor", "autoSelectName", "view", "userSource", "userSelectMode", "onAddUser", "newTooltip", "mode"], outputs: ["save", "delete", "close"] }, { kind: "component", type: i5.MenuComponent, selector: "riv-menu", inputs: ["preferredPosition", "disabled"] }, { kind: "component", type: i6.MenuItemComponent, selector: "[riv-menu-item]", inputs: ["locked", "disabled", "variant"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-view-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"view\">\n  <riv-menu\n    #menu\n    [preferredPosition]=\"'bottom-right'\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <ng-container *ngIf=\"triggerTemplate\">\n      <ng-template #trigger>\n        <ng-container [ngTemplateOutlet]=\"triggerTemplate\"></ng-container>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEnabled',\n          id: view.id,\n          enabled: !view.enabled,\n          source: 'menu'\n        })\n      \"\n      [disabled]=\"view.system || view.temporary\"\n      [attr.aria-disabled]=\"view.system || view.temporary ? 'true' : null\"\n    >\n      {{ view.enabled ? 'Hide tab' : 'Show tab' }}\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: false, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Edit view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setEditingView',\n          context: { id: view.id, autoRename: true, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Rename view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({ type: 'duplicateView', view, menuContext })\n      \"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Duplicate view\n    </button>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"\n        manager?.actions?.next({\n          type: 'setDeletingView',\n          context: { id: view.id, menuContext }\n        })\n      \"\n      [disabled]=\"view.system\"\n      [attr.aria-disabled]=\"view.system ? 'true' : null\"\n    >\n      Delete view\n    </button>\n    <div class=\"riv-divider\"></div>\n    <button\n      type=\"button\"\n      riv-menu-item\n      (click)=\"manager?.actions?.next({ type: 'copyLinkToView', view })\"\n      [disabled]=\"view.temporary\"\n      [attr.aria-disabled]=\"view.temporary ? 'true' : null\"\n    >\n      Copy link to view\n    </button>\n  </riv-menu>\n\n  <ng-container *ngIf=\"manager?.state | async; let state\">\n    <ng-container *ngIf=\"state.editingViewContext; let editingViewContext\">\n      <riv-edit-view\n        *ngIf=\"\n          editingViewContext.id === view.id &&\n          editingViewContext.menuContext === menuContext\n        \"\n        [view]=\"view\"\n        [userSource]=\"state.userSource\"\n        [userSelectMode]=\"state.userSelectMode\"\n        [onAddUser]=\"state.onAddUser\"\n        [newTooltip]=\"state.newTooltip\"\n        [autoSelectName]=\"editingViewContext.autoRename\"\n        [anchor]=\"el.nativeElement\"\n        (save)=\"manager?.actions?.next({ type: 'updateView', view: $event })\"\n        (delete)=\"manager?.actions?.next({ type: 'deleteView', view: $event })\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setEditingView', context: null })\n        \"\n      ></riv-edit-view>\n    </ng-container>\n\n    <ng-container *ngIf=\"state.deletingViewContext; let deletingViewContext\">\n      <riv-dialog\n        *ngIf=\"\n          deletingViewContext.id === view.id &&\n          deletingViewContext.menuContext === menuContext\n        \"\n        [title]=\"'Delete view'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setDeletingView', context: null })\n        \"\n      >\n        <div class=\"delete-dialog\">\n          <div class=\"delete-title\">\n            Are you sure you want to delete the following view?\n          </div>\n          <p>{{ view.title }}</p>\n        </div>\n        <footer class=\"delete-footer\">\n          <button\n            type=\"button\"\n            rivButton\n            (click)=\"\n              manager?.actions?.next({ type: 'setDeletingView', context: null })\n            \"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            rivButton\n            [variant]=\"'danger'\"\n            (click)=\"\n              manager?.actions?.next({\n                type: 'deleteView',\n                view\n              })\n            \"\n          >\n            Delete view\n          </button>\n        </footer>\n      </riv-dialog>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:inline-flex;align-items:stretch}riv-menu{width:100%;max-width:100%;height:100%;max-height:100%}.delete-dialog{padding:var(--size-xlarge);display:flex;flex-direction:column;gap:var(--size-large);width:calc(var(--base-grid-size) * 120);max-width:100%}.delete-title{font:var(--title-02)}.delete-footer{padding:var(--size-medium);display:flex;justify-content:space-between;gap:var(--size-medium)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { manager: [{

package/esm2022/lib/navigation/views/views/views.component.mjs

@@ -73,10 +73,10 @@ export class ViewsComponent {
     getPermissionDescription(permission) {
         return RivViews.getPermissionDescription(permission);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ViewsComponent, selector: "riv-views", inputs: { manager: "manager", sideSheetTopOffset: "sideSheetTopOffset" }, viewQueries: [{ propertyName: "overflowTrigger", first: true, predicate: ["overflowTrigger"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  (rivClientSize)=\"\n    manager?.actions?.next({ type: 'setContainerWidth', width: $event.width })\n  \"\n  class=\"container\"\n>\n  <ng-container *ngIf=\"manager?.state | async; let s\">\n    <ng-container\n      *ngFor=\"let view of s.displayedViews; let i = index; trackBy: trackById\"\n    >\n      <ng-container *ngIf=\"view.active; else inactiveTab\">\n        <riv-view-menu\n          [manager]=\"manager\"\n          [view]=\"view\"\n          [menuContext]=\"'tab'\"\n          class=\"active-menu\"\n        >\n          <ng-template #menuTrigger>\n            <div\n              class=\"tab active\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-left]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-right]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, false)\"\n            >\n              <riv-icon\n                class=\"tab-reorder\"\n                [class.hidden-class]=\"view.system\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div rivTruncate>\n                {{ view.title }}\n              </div>\n              <riv-icon\n                class=\"permission-icon\"\n                [name]=\"getPermissionIcon(view.permission)\"\n                [size]=\"12\"\n                [rivTooltip]=\"getPermissionDescription(view.permission)\"\n              ></riv-icon>\n            </div>\n          </ng-template>\n        </riv-view-menu>\n      </ng-container>\n      <ng-template #inactiveTab>\n        <button\n          type=\"button\"\n          class=\"tab\"\n          [class.dragging]=\"draggedTabIndex === i\"\n          [class.dragged-over-left]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex > i\n          \"\n          [class.dragged-over-right]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex < i\n          \"\n          [attr.draggable]=\"!view.system\"\n          [attr.droppable]=\"!view.system\"\n          (dragstart)=\"dragStart(i, view.title, view.system)\"\n          (dragenter)=\"$event.preventDefault()\"\n          (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n          (drop)=\"drop(i, false)\"\n          (click)=\"\n            manager?.actions?.next({\n              type: 'setActiveView',\n              id: view.id,\n              source: 'tab'\n            })\n          \"\n        >\n          <riv-icon\n            class=\"tab-reorder\"\n            [class.hidden-class]=\"view.system\"\n            [name]=\"'Reorder'\"\n            [size]=\"16\"\n          ></riv-icon>\n          <span rivTruncate>\n            {{ view.title }}\n          </span>\n        </button>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      *ngIf=\"s.allEnabledViews.length - s.displayedViews.length; let count\"\n      class=\"tab overflow\"\n      rivTruncate\n      #overflowTrigger\n      (click)=\"\n        manager?.actions?.next({ type: 'setOverflowPickerOpen', open: true })\n      \"\n    >\n      {{ count | rivNumber }} more\n    </button>\n    <ng-container *ngIf=\"s.overflow.pickerOpen\">\n      <riv-callout\n        *riv-overlay\n        [anchor]=\"overflowTrigger?.nativeElement\"\n        [isModal]=\"true\"\n        [showCaret]=\"false\"\n        [theme]=\"'light'\"\n        [preferredPosition]=\"'bottom-left'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setOverflowPickerOpen', open: false })\n        \"\n      >\n        <div class=\"overflow-callout\">\n          <riv-search\n            [value]=\"s.overflow.search\"\n            (valueChange)=\"\n              manager?.actions?.next({\n                type: 'setOverflowSearchQuery',\n                query: $event\n              })\n            \"\n          ></riv-search>\n          <div class=\"overflow-view-list\">\n            <button\n              type=\"button\"\n              *ngFor=\"let view of s.enabledViews; let i = index\"\n              class=\"overflow-view\"\n              [class.system]=\"view.system\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-top]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-bottom]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, true)\"\n              (click)=\"\n                manager?.actions?.next({\n                  type: 'setActiveView',\n                  id: view.id,\n                  source: 'overflow'\n                });\n                manager?.actions?.next({\n                  type: 'setOverflowPickerOpen',\n                  open: false\n                })\n              \"\n            >\n              <riv-icon\n                *ngIf=\"!view.system\"\n                class=\"overflow-reorder\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div class=\"overflow-title\" rivTruncate>\n                <riv-highlight\n                  [indices]=\"view.titleHighlightIndices ?? []\"\n                  [text]=\"view.title\"\n                ></riv-highlight>\n              </div>\n              <riv-view-menu\n                [manager]=\"manager\"\n                [view]=\"view\"\n                [menuContext]=\"'overflow'\"\n              ></riv-view-menu>\n            </button>\n            <riv-zero-state\n              *ngIf=\"!s.enabledViews.length\"\n              [message]=\"'No matching views.'\"\n            ></riv-zero-state>\n          </div>\n        </div>\n      </riv-callout>\n    </ng-container>\n    <div class=\"all-views-button-container\">\n      <button\n        type=\"button\"\n        rivButton\n        [variant]=\"'ghost'\"\n        [size]=\"'medium'\"\n        (click)=\"showAllViews = true\"\n      >\n        All views\n      </button>\n    </div>\n  </ng-container>\n</div>\n\n<riv-all-views-modal\n  *ngIf=\"showAllViews\"\n  [manager]=\"manager\"\n  [topOffset]=\"sideSheetTopOffset\"\n  (close)=\"showAllViews = false\"\n></riv-all-views-modal>\n\n<riv-toast *ngIf=\"showLinkCopiedToast | async\" (close)=\"toastClosed.next()\">\n  Link to view copied to clipboard\n</riv-toast>\n", styles: [".container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc(var(--base-grid-size) * 81));justify-content:start;border-bottom:var(--border-width) solid var(--border-light)}.tab{font:var(--input-medium);color:var(--type-light-low-contrast);background-color:var(--surface-light-1);border:var(--border-width) solid var(--border-light);border-bottom:none;border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium);padding:var(--size-small) var(--size-large) var(--size-small) 0;cursor:pointer;transition:background-color var(--medium-transition);display:flex;justify-content:flex-start;align-items:center;position:relative}.tab:hover{background-color:var(--surface-light-2)}.tab:active{background-color:var(--surface-light-3)}.tab:not(:first-child),.active-menu{margin-left:calc(var(--border-width) * -1)}.tab.active{color:var(--purp-80);background-color:var(--surface-light-0);border-bottom:var(--border-width) solid var(--surface-light-0);margin-bottom:calc(var(--border-width) * -1);z-index:1;width:100%;max-width:100%;height:100%;max-height:100%}.tab.active:active{border:var(--border-width) solid var(--purp-80)}.tab.dragging{cursor:grabbing}.tab.dragged-over-left:before,.tab.dragged-over-right:before{content:\"\";position:absolute;top:0;bottom:0;width:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.tab.dragged-over-left:before{left:0}.tab.dragged-over-right:before{right:0}.tab-reorder{color:var(--type-light-low-contrast);opacity:0;transition:opacity var(--short-transition);cursor:grab;margin:0 var(--size-xsmall)}.tab:hover .tab-reorder{opacity:1}.hidden-class{visibility:hidden}.active-menu{display:inline-flex;color:var(--type-light-link-hover);--size: calc(100% + calc(var(--border-width)));width:var(--size);max-width:var(--size);height:var(--size);max-height:var(--size);cursor:pointer;font:var(--input-medium)}.tab.overflow{padding-left:var(--size-large)}.all-views-button-container{padding:var(--size-xxsmall)}.overflow-callout{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-medium);height:calc(var(--base-grid-size) * 120);max-height:50vh;width:calc(var(--base-grid-size) * 75);max-width:50vw}.overflow-view-list{display:flex;flex-direction:column;gap:var(--size-small);flex-grow:1;overflow-y:auto}.overflow-view{display:flex;align-items:center;gap:var(--size-small);cursor:pointer;border-radius:var(--border-radius-medium);transition:background-color var(--short-transition);position:relative}.overflow-view.system{padding-left:var(--size-small)}.overflow-view:hover{background-color:var(--surface-light-2)}.overflow-view.dragged-over-top:before,.overflow-view.dragged-over-bottom:before{content:\"\";position:absolute;left:0;right:0;height:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.overflow-view.dragged-over-top:before{top:0}.overflow-view.dragged-over-bottom:before{bottom:0}.overflow-reorder{color:var(--type-light-low-contrast);cursor:grab}.overflow-title{flex-grow:1;text-align:left}.permission-icon{color:var(--type-light-low-contrast);margin-left:var(--size-xsmall);flex-shrink:0}.tab.active .permission-icon{color:var(--purp-80)}\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: "component", type: i2.AllViewsModalComponent, selector: "riv-all-views-modal", inputs: ["manager", "topOffset"], outputs: ["close"] }, { 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: "component", type: i5.HighlightComponent, selector: "riv-highlight", inputs: ["text", "indices"] }, { kind: "component", type: i6.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i7.OverlayDirective, selector: "[riv-overlay]" }, { kind: "component", type: i8.SearchComponent, selector: "riv-search", inputs: ["placeholder", "name", "labelTemplate"] }, { kind: "directive", type: i9.SizeDirective, selector: "[rivClientSize]", outputs: ["rivClientSize"] }, { kind: "component", type: i10.ToastComponent, selector: "riv-toast", inputs: ["variant", "icon"], outputs: ["close"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }, { kind: "component", type: i12.TruncateComponent, selector: "[rivTruncate]", inputs: ["maxTooltipWidth"] }, { kind: "component", type: i13.ViewMenuComponent, selector: "riv-view-menu", inputs: ["manager", "view", "menuContext"] }, { kind: "component", type: i14.ZeroStateComponent, selector: "riv-zero-state", inputs: ["message", "title", "icon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.NumberPipe, name: "rivNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ViewsComponent, selector: "riv-views", inputs: { manager: "manager", sideSheetTopOffset: "sideSheetTopOffset" }, viewQueries: [{ propertyName: "overflowTrigger", first: true, predicate: ["overflowTrigger"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  (rivClientSize)=\"\n    manager?.actions?.next({ type: 'setContainerWidth', width: $event.width })\n  \"\n  class=\"container\"\n>\n  <ng-container *ngIf=\"manager?.state | async; let s\">\n    <ng-container\n      *ngFor=\"let view of s.displayedViews; let i = index; trackBy: trackById\"\n    >\n      <ng-container *ngIf=\"view.active; else inactiveTab\">\n        <riv-view-menu\n          [manager]=\"manager\"\n          [view]=\"view\"\n          [menuContext]=\"'tab'\"\n          class=\"active-menu\"\n        >\n          <ng-template #menuTrigger>\n            <div\n              class=\"tab active\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-left]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-right]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, false)\"\n            >\n              <riv-icon\n                class=\"tab-reorder\"\n                [class.hidden-class]=\"view.system\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div rivTruncate>\n                {{ view.title }}\n              </div>\n              <riv-icon\n                class=\"permission-icon\"\n                [name]=\"getPermissionIcon(view.permission)\"\n                [size]=\"12\"\n                [rivTooltip]=\"getPermissionDescription(view.permission)\"\n              ></riv-icon>\n            </div>\n          </ng-template>\n        </riv-view-menu>\n      </ng-container>\n      <ng-template #inactiveTab>\n        <button\n          type=\"button\"\n          class=\"tab\"\n          [class.dragging]=\"draggedTabIndex === i\"\n          [class.dragged-over-left]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex > i\n          \"\n          [class.dragged-over-right]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex < i\n          \"\n          [attr.draggable]=\"!view.system\"\n          [attr.droppable]=\"!view.system\"\n          (dragstart)=\"dragStart(i, view.title, view.system)\"\n          (dragenter)=\"$event.preventDefault()\"\n          (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n          (drop)=\"drop(i, false)\"\n          (click)=\"\n            manager?.actions?.next({\n              type: 'setActiveView',\n              id: view.id,\n              source: 'tab'\n            })\n          \"\n        >\n          <riv-icon\n            class=\"tab-reorder\"\n            [class.hidden-class]=\"view.system\"\n            [name]=\"'Reorder'\"\n            [size]=\"16\"\n          ></riv-icon>\n          <span rivTruncate>\n            {{ view.title }}\n          </span>\n        </button>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      *ngIf=\"s.allEnabledViews.length - s.displayedViews.length; let count\"\n      class=\"tab overflow\"\n      rivTruncate\n      #overflowTrigger\n      (click)=\"\n        manager?.actions?.next({ type: 'setOverflowPickerOpen', open: true })\n      \"\n    >\n      {{ count | rivNumber }} more\n    </button>\n    <ng-container *ngIf=\"s.overflow.pickerOpen\">\n      <riv-callout\n        *riv-overlay\n        [anchor]=\"overflowTrigger?.nativeElement\"\n        [isModal]=\"true\"\n        [showCaret]=\"false\"\n        [theme]=\"'light'\"\n        [preferredPosition]=\"'bottom-left'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setOverflowPickerOpen', open: false })\n        \"\n      >\n        <div class=\"overflow-callout\">\n          <riv-search\n            [value]=\"s.overflow.search\"\n            (valueChange)=\"\n              manager?.actions?.next({\n                type: 'setOverflowSearchQuery',\n                query: $event\n              })\n            \"\n          ></riv-search>\n          <div class=\"overflow-view-list\">\n            <button\n              type=\"button\"\n              *ngFor=\"let view of s.enabledViews; let i = index\"\n              class=\"overflow-view\"\n              [class.system]=\"view.system\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-top]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-bottom]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, true)\"\n              (click)=\"\n                manager?.actions?.next({\n                  type: 'setActiveView',\n                  id: view.id,\n                  source: 'overflow'\n                });\n                manager?.actions?.next({\n                  type: 'setOverflowPickerOpen',\n                  open: false\n                })\n              \"\n            >\n              <riv-icon\n                *ngIf=\"!view.system\"\n                class=\"overflow-reorder\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div class=\"overflow-title\" rivTruncate>\n                <riv-highlight\n                  [indices]=\"view.titleHighlightIndices ?? []\"\n                  [text]=\"view.title\"\n                ></riv-highlight>\n              </div>\n              <riv-view-menu\n                [manager]=\"manager\"\n                [view]=\"view\"\n                [menuContext]=\"'overflow'\"\n              ></riv-view-menu>\n            </button>\n            <riv-zero-state\n              *ngIf=\"!s.enabledViews.length\"\n              [message]=\"'No matching views.'\"\n            ></riv-zero-state>\n          </div>\n        </div>\n      </riv-callout>\n    </ng-container>\n    <div class=\"all-views-button-container\">\n      <button\n        type=\"button\"\n        rivButton\n        [variant]=\"'ghost'\"\n        [size]=\"'medium'\"\n        (click)=\"showAllViews = true\"\n      >\n        All views\n      </button>\n    </div>\n  </ng-container>\n</div>\n\n<riv-all-views-modal\n  *ngIf=\"showAllViews\"\n  [manager]=\"manager\"\n  [topOffset]=\"sideSheetTopOffset\"\n  (close)=\"showAllViews = false\"\n></riv-all-views-modal>\n\n<riv-toast *ngIf=\"showLinkCopiedToast | async\" (close)=\"toastClosed.next()\">\n  Link to view copied to clipboard\n</riv-toast>\n", styles: [".container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc(var(--base-grid-size) * 81));justify-content:start;border-bottom:var(--border-width) solid var(--border-light)}.tab{font:var(--input-medium);color:var(--type-light-low-contrast);background-color:var(--surface-light-1);border:var(--border-width) solid var(--border-light);border-bottom:none;border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium);padding:var(--size-small) var(--size-large) var(--size-small) 0;cursor:pointer;transition:background-color var(--medium-transition);display:flex;justify-content:flex-start;align-items:center;position:relative}.tab:hover{background-color:var(--surface-light-2)}.tab:active{background-color:var(--surface-light-3)}.tab:not(:first-child),.active-menu{margin-left:calc(var(--border-width) * -1)}.tab.active{color:var(--purp-80);background-color:var(--surface-light-0);border-bottom:var(--border-width) solid var(--surface-light-0);margin-bottom:calc(var(--border-width) * -1);z-index:1;width:100%;max-width:100%;height:100%;max-height:100%}.tab.active:active{border:var(--border-width) solid var(--purp-80)}.tab.dragging{cursor:grabbing}.tab.dragged-over-left:before,.tab.dragged-over-right:before{content:\"\";position:absolute;top:0;bottom:0;width:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.tab.dragged-over-left:before{left:0}.tab.dragged-over-right:before{right:0}.tab-reorder{color:var(--type-light-low-contrast);opacity:0;transition:opacity var(--short-transition);cursor:grab;margin:0 var(--size-xsmall)}.tab:hover .tab-reorder{opacity:1}.hidden-class{visibility:hidden}.active-menu{display:inline-flex;color:var(--type-light-link-hover);--size: calc(100% + calc(var(--border-width)));width:var(--size);max-width:var(--size);height:var(--size);max-height:var(--size);cursor:pointer;font:var(--input-medium)}.tab.overflow{padding-left:var(--size-large)}.all-views-button-container{padding:var(--size-xxsmall)}.overflow-callout{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-medium);height:calc(var(--base-grid-size) * 120);max-height:50vh;width:calc(var(--base-grid-size) * 75);max-width:50vw}.overflow-view-list{display:flex;flex-direction:column;gap:var(--size-small);flex-grow:1;overflow-y:auto}.overflow-view{display:flex;align-items:center;gap:var(--size-small);cursor:pointer;border-radius:var(--border-radius-medium);transition:background-color var(--short-transition);position:relative}.overflow-view.system{padding-left:var(--size-small)}.overflow-view:hover{background-color:var(--surface-light-2)}.overflow-view.dragged-over-top:before,.overflow-view.dragged-over-bottom:before{content:\"\";position:absolute;left:0;right:0;height:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.overflow-view.dragged-over-top:before{top:0}.overflow-view.dragged-over-bottom:before{bottom:0}.overflow-reorder{color:var(--type-light-low-contrast);cursor:grab}.overflow-title{flex-grow:1;text-align:left}.permission-icon{color:var(--type-light-low-contrast);margin-left:var(--size-xsmall);flex-shrink:0}.tab.active .permission-icon{color:var(--purp-80)}\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: "component", type: i2.AllViewsModalComponent, selector: "riv-all-views-modal", inputs: ["manager", "topOffset"], outputs: ["close"] }, { 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: "component", type: i5.HighlightComponent, selector: "riv-highlight", inputs: ["text", "indices"] }, { kind: "component", type: i6.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i7.OverlayDirective, selector: "[riv-overlay]" }, { kind: "component", type: i8.SearchComponent, selector: "riv-search", inputs: ["placeholder", "name", "labelTemplate"] }, { kind: "directive", type: i9.SizeDirective, selector: "[rivClientSize]", outputs: ["rivClientSize"] }, { kind: "component", type: i10.ToastComponent, selector: "riv-toast", inputs: ["variant", "icon"], outputs: ["close"] }, { kind: "directive", type: i11.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }, { kind: "component", type: i12.TruncateComponent, selector: "[rivTruncate]", inputs: ["maxTooltipWidth"] }, { kind: "component", type: i13.ViewMenuComponent, selector: "riv-view-menu", inputs: ["manager", "view", "menuContext"] }, { kind: "component", type: i14.ZeroStateComponent, selector: "riv-zero-state", inputs: ["message", "title", "icon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i15.NumberPipe, name: "rivNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ViewsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ViewsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-views', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  (rivClientSize)=\"\n    manager?.actions?.next({ type: 'setContainerWidth', width: $event.width })\n  \"\n  class=\"container\"\n>\n  <ng-container *ngIf=\"manager?.state | async; let s\">\n    <ng-container\n      *ngFor=\"let view of s.displayedViews; let i = index; trackBy: trackById\"\n    >\n      <ng-container *ngIf=\"view.active; else inactiveTab\">\n        <riv-view-menu\n          [manager]=\"manager\"\n          [view]=\"view\"\n          [menuContext]=\"'tab'\"\n          class=\"active-menu\"\n        >\n          <ng-template #menuTrigger>\n            <div\n              class=\"tab active\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-left]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-right]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, false)\"\n            >\n              <riv-icon\n                class=\"tab-reorder\"\n                [class.hidden-class]=\"view.system\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div rivTruncate>\n                {{ view.title }}\n              </div>\n              <riv-icon\n                class=\"permission-icon\"\n                [name]=\"getPermissionIcon(view.permission)\"\n                [size]=\"12\"\n                [rivTooltip]=\"getPermissionDescription(view.permission)\"\n              ></riv-icon>\n            </div>\n          </ng-template>\n        </riv-view-menu>\n      </ng-container>\n      <ng-template #inactiveTab>\n        <button\n          type=\"button\"\n          class=\"tab\"\n          [class.dragging]=\"draggedTabIndex === i\"\n          [class.dragged-over-left]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex > i\n          \"\n          [class.dragged-over-right]=\"\n            draggedOverTabIndex === i &&\n            draggedTabIndex !== null &&\n            draggedTabIndex < i\n          \"\n          [attr.draggable]=\"!view.system\"\n          [attr.droppable]=\"!view.system\"\n          (dragstart)=\"dragStart(i, view.title, view.system)\"\n          (dragenter)=\"$event.preventDefault()\"\n          (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n          (drop)=\"drop(i, false)\"\n          (click)=\"\n            manager?.actions?.next({\n              type: 'setActiveView',\n              id: view.id,\n              source: 'tab'\n            })\n          \"\n        >\n          <riv-icon\n            class=\"tab-reorder\"\n            [class.hidden-class]=\"view.system\"\n            [name]=\"'Reorder'\"\n            [size]=\"16\"\n          ></riv-icon>\n          <span rivTruncate>\n            {{ view.title }}\n          </span>\n        </button>\n      </ng-template>\n    </ng-container>\n    <button\n      type=\"button\"\n      *ngIf=\"s.allEnabledViews.length - s.displayedViews.length; let count\"\n      class=\"tab overflow\"\n      rivTruncate\n      #overflowTrigger\n      (click)=\"\n        manager?.actions?.next({ type: 'setOverflowPickerOpen', open: true })\n      \"\n    >\n      {{ count | rivNumber }} more\n    </button>\n    <ng-container *ngIf=\"s.overflow.pickerOpen\">\n      <riv-callout\n        *riv-overlay\n        [anchor]=\"overflowTrigger?.nativeElement\"\n        [isModal]=\"true\"\n        [showCaret]=\"false\"\n        [theme]=\"'light'\"\n        [preferredPosition]=\"'bottom-left'\"\n        (close)=\"\n          manager?.actions?.next({ type: 'setOverflowPickerOpen', open: false })\n        \"\n      >\n        <div class=\"overflow-callout\">\n          <riv-search\n            [value]=\"s.overflow.search\"\n            (valueChange)=\"\n              manager?.actions?.next({\n                type: 'setOverflowSearchQuery',\n                query: $event\n              })\n            \"\n          ></riv-search>\n          <div class=\"overflow-view-list\">\n            <button\n              type=\"button\"\n              *ngFor=\"let view of s.enabledViews; let i = index\"\n              class=\"overflow-view\"\n              [class.system]=\"view.system\"\n              [class.dragging]=\"draggedTabIndex === i\"\n              [class.dragged-over-top]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex > i\n              \"\n              [class.dragged-over-bottom]=\"\n                draggedOverTabIndex === i &&\n                draggedTabIndex !== null &&\n                draggedTabIndex < i\n              \"\n              [attr.draggable]=\"!view.system\"\n              [attr.droppable]=\"!view.system\"\n              (dragstart)=\"dragStart(i, view.title, view.system)\"\n              (dragenter)=\"$event.preventDefault()\"\n              (dragover)=\"$event.preventDefault(); dragOver(i, view.system)\"\n              (drop)=\"drop(i, true)\"\n              (click)=\"\n                manager?.actions?.next({\n                  type: 'setActiveView',\n                  id: view.id,\n                  source: 'overflow'\n                });\n                manager?.actions?.next({\n                  type: 'setOverflowPickerOpen',\n                  open: false\n                })\n              \"\n            >\n              <riv-icon\n                *ngIf=\"!view.system\"\n                class=\"overflow-reorder\"\n                [name]=\"'Reorder'\"\n                [size]=\"16\"\n              ></riv-icon>\n              <div class=\"overflow-title\" rivTruncate>\n                <riv-highlight\n                  [indices]=\"view.titleHighlightIndices ?? []\"\n                  [text]=\"view.title\"\n                ></riv-highlight>\n              </div>\n              <riv-view-menu\n                [manager]=\"manager\"\n                [view]=\"view\"\n                [menuContext]=\"'overflow'\"\n              ></riv-view-menu>\n            </button>\n            <riv-zero-state\n              *ngIf=\"!s.enabledViews.length\"\n              [message]=\"'No matching views.'\"\n            ></riv-zero-state>\n          </div>\n        </div>\n      </riv-callout>\n    </ng-container>\n    <div class=\"all-views-button-container\">\n      <button\n        type=\"button\"\n        rivButton\n        [variant]=\"'ghost'\"\n        [size]=\"'medium'\"\n        (click)=\"showAllViews = true\"\n      >\n        All views\n      </button>\n    </div>\n  </ng-container>\n</div>\n\n<riv-all-views-modal\n  *ngIf=\"showAllViews\"\n  [manager]=\"manager\"\n  [topOffset]=\"sideSheetTopOffset\"\n  (close)=\"showAllViews = false\"\n></riv-all-views-modal>\n\n<riv-toast *ngIf=\"showLinkCopiedToast | async\" (close)=\"toastClosed.next()\">\n  Link to view copied to clipboard\n</riv-toast>\n", styles: [".container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc(var(--base-grid-size) * 81));justify-content:start;border-bottom:var(--border-width) solid var(--border-light)}.tab{font:var(--input-medium);color:var(--type-light-low-contrast);background-color:var(--surface-light-1);border:var(--border-width) solid var(--border-light);border-bottom:none;border-top-left-radius:var(--border-radius-medium);border-top-right-radius:var(--border-radius-medium);padding:var(--size-small) var(--size-large) var(--size-small) 0;cursor:pointer;transition:background-color var(--medium-transition);display:flex;justify-content:flex-start;align-items:center;position:relative}.tab:hover{background-color:var(--surface-light-2)}.tab:active{background-color:var(--surface-light-3)}.tab:not(:first-child),.active-menu{margin-left:calc(var(--border-width) * -1)}.tab.active{color:var(--purp-80);background-color:var(--surface-light-0);border-bottom:var(--border-width) solid var(--surface-light-0);margin-bottom:calc(var(--border-width) * -1);z-index:1;width:100%;max-width:100%;height:100%;max-height:100%}.tab.active:active{border:var(--border-width) solid var(--purp-80)}.tab.dragging{cursor:grabbing}.tab.dragged-over-left:before,.tab.dragged-over-right:before{content:\"\";position:absolute;top:0;bottom:0;width:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.tab.dragged-over-left:before{left:0}.tab.dragged-over-right:before{right:0}.tab-reorder{color:var(--type-light-low-contrast);opacity:0;transition:opacity var(--short-transition);cursor:grab;margin:0 var(--size-xsmall)}.tab:hover .tab-reorder{opacity:1}.hidden-class{visibility:hidden}.active-menu{display:inline-flex;color:var(--type-light-link-hover);--size: calc(100% + calc(var(--border-width)));width:var(--size);max-width:var(--size);height:var(--size);max-height:var(--size);cursor:pointer;font:var(--input-medium)}.tab.overflow{padding-left:var(--size-large)}.all-views-button-container{padding:var(--size-xxsmall)}.overflow-callout{padding:var(--size-large);display:flex;flex-direction:column;gap:var(--size-medium);height:calc(var(--base-grid-size) * 120);max-height:50vh;width:calc(var(--base-grid-size) * 75);max-width:50vw}.overflow-view-list{display:flex;flex-direction:column;gap:var(--size-small);flex-grow:1;overflow-y:auto}.overflow-view{display:flex;align-items:center;gap:var(--size-small);cursor:pointer;border-radius:var(--border-radius-medium);transition:background-color var(--short-transition);position:relative}.overflow-view.system{padding-left:var(--size-small)}.overflow-view:hover{background-color:var(--surface-light-2)}.overflow-view.dragged-over-top:before,.overflow-view.dragged-over-bottom:before{content:\"\";position:absolute;left:0;right:0;height:var(--size-xxsmall);background-color:var(--brand);box-shadow:0 0 var(--size-xxsmall) var(--brand)}.overflow-view.dragged-over-top:before{top:0}.overflow-view.dragged-over-bottom:before{bottom:0}.overflow-reorder{color:var(--type-light-low-contrast);cursor:grab}.overflow-title{flex-grow:1;text-align:left}.permission-icon{color:var(--type-light-low-contrast);margin-left:var(--size-xsmall);flex-shrink:0}.tab.active .permission-icon{color:var(--purp-80)}\n"] }]
         }], propDecorators: { manager: [{

package/esm2022/lib/notification/badge/badge.component.mjs

@@ -8,10 +8,10 @@ export class BadgeComponent {
     get classes() {
         return `${this.size} ${this.variant}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BadgeComponent, selector: "riv-badge", inputs: { variant: "variant", size: "size" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-1);font-weight:var(--font-weight-heavy);white-space:nowrap;border-radius:calc(var(--base-grid-size) * var(--badge-multiplier));min-width:calc(var(--base-grid-size) * var(--badge-multiplier));min-height:calc(var(--base-grid-size) * var(--badge-multiplier));max-width:100%;background-color:var(--badge-background-color)}:host.xsmall{box-shadow:0 0 0 var(--border-width) var(--badge-background-color);padding:0 calc(var(--base-grid-size) * 1.5);--badge-multiplier: 4}:host.small{box-shadow:none;padding:calc(var(--base-grid-size) / 2) calc(var(--base-grid-size) * 2);--badge-multiplier: 5}:host.medium{box-shadow:none;padding:var(--base-grid-size) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.large{box-shadow:none;padding:calc(var(--base-grid-size) * 1.5) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.brand{--badge-background-color: var(--brand);color:var(--white-100)}:host.disabled{--badge-background-color: var(--gray-20);color:var(--type-light-disabled)}:host.qualitative-safety{--badge-background-color: var(--surface-light-safety);color:var(--type-light-safety)}:host.qualitative-caution{--badge-background-color: var(--surface-light-caution);color:var(--type-light-caution)}:host.qualitative-warning{--badge-background-color: var(--surface-light-warning);color:var(--type-light-warning)}:host.qualitative-danger{--badge-background-color: var(--surface-light-danger);color:var(--type-light-danger)}:host.qualitative-danger-inverse{--badge-background-color: var(--surface-dark-danger);color:var(--white-100)}:host.categorical-2{--badge-background-color: var(--baloo-10);color:var(--baloo-90)}:host.categorical-3{--badge-background-color: var(--yella-10);color:var(--yella-90)}:host.categorical-4{--badge-background-color: var(--tang-10);color:var(--tang-90)}:host.categorical-6{--badge-background-color: var(--rosi-10);color:var(--rosi-90)}:host.categorical-7{--badge-background-color: var(--serena-10);color:var(--serena-90)}:host.categorical-8{--badge-background-color: var(--teal-diamond-10);color:var(--teal-diamond-90)}:host.categorical-9{--badge-background-color: var(--purp-10);color:var(--purp-90)}:host.categorical-10{--badge-background-color: var(--arnge-10);color:var(--arnge-90)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BadgeComponent, selector: "riv-badge", inputs: { variant: "variant", size: "size" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-1);font-weight:var(--font-weight-heavy);white-space:nowrap;border-radius:calc(var(--base-grid-size) * var(--badge-multiplier));min-width:calc(var(--base-grid-size) * var(--badge-multiplier));min-height:calc(var(--base-grid-size) * var(--badge-multiplier));max-width:100%;background-color:var(--badge-background-color)}:host.xsmall{box-shadow:0 0 0 var(--border-width) var(--badge-background-color);padding:0 calc(var(--base-grid-size) * 1.5);--badge-multiplier: 4}:host.small{box-shadow:none;padding:calc(var(--base-grid-size) / 2) calc(var(--base-grid-size) * 2);--badge-multiplier: 5}:host.medium{box-shadow:none;padding:var(--base-grid-size) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.large{box-shadow:none;padding:calc(var(--base-grid-size) * 1.5) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.brand{--badge-background-color: var(--brand);color:var(--white-100)}:host.disabled{--badge-background-color: var(--gray-20);color:var(--type-light-disabled)}:host.qualitative-safety{--badge-background-color: var(--surface-light-safety);color:var(--type-light-safety)}:host.qualitative-caution{--badge-background-color: var(--surface-light-caution);color:var(--type-light-caution)}:host.qualitative-warning{--badge-background-color: var(--surface-light-warning);color:var(--type-light-warning)}:host.qualitative-danger{--badge-background-color: var(--surface-light-danger);color:var(--type-light-danger)}:host.qualitative-danger-inverse{--badge-background-color: var(--surface-dark-danger);color:var(--white-100)}:host.categorical-2{--badge-background-color: var(--baloo-10);color:var(--baloo-90)}:host.categorical-3{--badge-background-color: var(--yella-10);color:var(--yella-90)}:host.categorical-4{--badge-background-color: var(--tang-10);color:var(--tang-90)}:host.categorical-6{--badge-background-color: var(--rosi-10);color:var(--rosi-90)}:host.categorical-7{--badge-background-color: var(--serena-10);color:var(--serena-90)}:host.categorical-8{--badge-background-color: var(--teal-diamond-10);color:var(--teal-diamond-90)}:host.categorical-9{--badge-background-color: var(--purp-10);color:var(--purp-90)}:host.categorical-10{--badge-background-color: var(--arnge-10);color:var(--arnge-90)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;font-size:var(--type-1-font-size);line-height:var(--type-1-line-height-1);font-weight:var(--font-weight-heavy);white-space:nowrap;border-radius:calc(var(--base-grid-size) * var(--badge-multiplier));min-width:calc(var(--base-grid-size) * var(--badge-multiplier));min-height:calc(var(--base-grid-size) * var(--badge-multiplier));max-width:100%;background-color:var(--badge-background-color)}:host.xsmall{box-shadow:0 0 0 var(--border-width) var(--badge-background-color);padding:0 calc(var(--base-grid-size) * 1.5);--badge-multiplier: 4}:host.small{box-shadow:none;padding:calc(var(--base-grid-size) / 2) calc(var(--base-grid-size) * 2);--badge-multiplier: 5}:host.medium{box-shadow:none;padding:var(--base-grid-size) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.large{box-shadow:none;padding:calc(var(--base-grid-size) * 1.5) calc(var(--base-grid-size) * 3);--badge-multiplier: 6}:host.brand{--badge-background-color: var(--brand);color:var(--white-100)}:host.disabled{--badge-background-color: var(--gray-20);color:var(--type-light-disabled)}:host.qualitative-safety{--badge-background-color: var(--surface-light-safety);color:var(--type-light-safety)}:host.qualitative-caution{--badge-background-color: var(--surface-light-caution);color:var(--type-light-caution)}:host.qualitative-warning{--badge-background-color: var(--surface-light-warning);color:var(--type-light-warning)}:host.qualitative-danger{--badge-background-color: var(--surface-light-danger);color:var(--type-light-danger)}:host.qualitative-danger-inverse{--badge-background-color: var(--surface-dark-danger);color:var(--white-100)}:host.categorical-2{--badge-background-color: var(--baloo-10);color:var(--baloo-90)}:host.categorical-3{--badge-background-color: var(--yella-10);color:var(--yella-90)}:host.categorical-4{--badge-background-color: var(--tang-10);color:var(--tang-90)}:host.categorical-6{--badge-background-color: var(--rosi-10);color:var(--rosi-90)}:host.categorical-7{--badge-background-color: var(--serena-10);color:var(--serena-90)}:host.categorical-8{--badge-background-color: var(--teal-diamond-10);color:var(--teal-diamond-90)}:host.categorical-9{--badge-background-color: var(--purp-10);color:var(--purp-90)}:host.categorical-10{--badge-background-color: var(--arnge-10);color:var(--arnge-90)}\n"] }]
         }], propDecorators: { variant: [{

package/esm2022/lib/notification/banner/banner-action.component.mjs

@@ -31,10 +31,10 @@ export class BannerActionComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerActionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BannerActionComponent, selector: "[riv-banner-action]", inputs: { locked: "locked", disabled: "disabled" }, host: { properties: { "class.disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n<riv-icon *ngIf=\"locked\" [name]=\"'Lock'\" [size]=\"16\"></riv-icon>\n", styles: [":host{display:inline-block;color:var(--type-light-link);text-decoration:underline;cursor:pointer;font:var(--body-medium)}:host:disabled,:host.disabled{color:var(--type-light-disabled);cursor:default}riv-icon{vertical-align:middle}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerActionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BannerActionComponent, selector: "[riv-banner-action]", inputs: { locked: "locked", disabled: "disabled" }, host: { properties: { "class.disabled": "this.isDisabled" } }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n<riv-icon *ngIf=\"locked\" [name]=\"'Lock'\" [size]=\"16\"></riv-icon>\n", styles: [":host{display:inline-block;color:var(--type-light-link);text-decoration:underline;cursor:pointer;font:var(--body-medium)}:host:disabled,:host.disabled{color:var(--type-light-disabled);cursor:default}riv-icon{vertical-align:middle}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerActionComponent, decorators: [{
             type: Component,
             args: [{ selector: '[riv-banner-action]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<riv-icon *ngIf=\"locked\" [name]=\"'Lock'\" [size]=\"16\"></riv-icon>\n", styles: [":host{display:inline-block;color:var(--type-light-link);text-decoration:underline;cursor:pointer;font:var(--body-medium)}:host:disabled,:host.disabled{color:var(--type-light-disabled);cursor:default}riv-icon{vertical-align:middle}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { locked: [{

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

@@ -30,10 +30,10 @@ export class BannerComponent {
         }
         return this.icon;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BannerComponent, selector: "riv-banner", inputs: { variant: "variant", icon: "icon", iconTooltip: "iconTooltip", heading: "heading", dismissable: "dismissable" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.variant", "class.has-heading": "this.hasHeading" } }, ngImport: i0, template: "<riv-icon\n  *ngIf=\"getResolvedIcon(); let icon\"\n  [name]=\"icon\"\n  [rivTooltip]=\"iconTooltip\"\n  [size]=\"20\"\n  class=\"icon\"\n></riv-icon>\n<div *ngIf=\"hasHeading\" class=\"heading\">{{ heading }}</div>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<button\n  type=\"button\"\n  *ngIf=\"dismissable\"\n  class=\"dismiss\"\n  (click)=\"dismiss.emit()\"\n>\n  <riv-icon [name]=\"'X'\" [size]=\"20\"></riv-icon>\n</button>\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--size-large);padding:var(--size-large);border-radius:var(--border-radius-medium);box-shadow:var(--depth-1);color:var(--type-light-high-contrast);border-left-style:solid;border-left-width:var(--size-small);border-left-color:var(--banner-accent)}:host .icon{color:var(--banner-accent)}:host.has-heading{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"icon heading close\" \".    content .\";column-gap:var(--size-large);row-gap:0;align-items:start}:host.has-heading .icon{grid-area:icon}:host.has-heading .heading{grid-area:heading}:host.has-heading .content{grid-area:content}:host.has-heading .dismiss{grid-area:close}.heading{font:var(--body-medium);font-weight:var(--font-weight-heavy);line-height:var(--type-2-line-height-2)}:host.info{background-color:var(--purp-10);--banner-accent: var(--purp-80)}:host.safety{background-color:var(--safety-light);--banner-accent: var(--safety-dark)}:host.warning{background-color:var(--caution-light);--banner-accent: var(--tang-70)}:host.danger{background-color:var(--danger-light);--banner-accent: var(--danger-main)}.icon{margin:var(--size-xxsmall);flex-shrink:0}.content{flex-grow:1;font:var(--body-medium)}.dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--size-xxsmall);cursor:pointer;transition:background-color var(--short-transition);border-radius:var(--border-radius-small);color:var(--type-light-high-contrast)}.dismiss:hover{background-color:var(--black-20)}.dismiss:active{background-color:var(--black-30)}\n"], dependencies: [{ 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.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BannerComponent, selector: "riv-banner", inputs: { variant: "variant", icon: "icon", iconTooltip: "iconTooltip", heading: "heading", dismissable: "dismissable" }, outputs: { dismiss: "dismiss" }, host: { properties: { "class": "this.variant", "class.has-heading": "this.hasHeading" } }, ngImport: i0, template: "<riv-icon\n  *ngIf=\"getResolvedIcon(); let icon\"\n  [name]=\"icon\"\n  [rivTooltip]=\"iconTooltip\"\n  [size]=\"20\"\n  class=\"icon\"\n></riv-icon>\n<div *ngIf=\"hasHeading\" class=\"heading\">{{ heading }}</div>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<button\n  type=\"button\"\n  *ngIf=\"dismissable\"\n  class=\"dismiss\"\n  (click)=\"dismiss.emit()\"\n>\n  <riv-icon [name]=\"'X'\" [size]=\"20\"></riv-icon>\n</button>\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--size-large);padding:var(--size-large);border-radius:var(--border-radius-medium);box-shadow:var(--depth-1);color:var(--type-light-high-contrast);border-left-style:solid;border-left-width:var(--size-small);border-left-color:var(--banner-accent)}:host .icon{color:var(--banner-accent)}:host.has-heading{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"icon heading close\" \".    content .\";column-gap:var(--size-large);row-gap:0;align-items:start}:host.has-heading .icon{grid-area:icon}:host.has-heading .heading{grid-area:heading}:host.has-heading .content{grid-area:content}:host.has-heading .dismiss{grid-area:close}.heading{font:var(--body-medium);font-weight:var(--font-weight-heavy);line-height:var(--type-2-line-height-2)}:host.info{background-color:var(--purp-10);--banner-accent: var(--purp-80)}:host.safety{background-color:var(--safety-light);--banner-accent: var(--safety-dark)}:host.warning{background-color:var(--caution-light);--banner-accent: var(--tang-70)}:host.danger{background-color:var(--danger-light);--banner-accent: var(--danger-main)}.icon{margin:var(--size-xxsmall);flex-shrink:0}.content{flex-grow:1;font:var(--body-medium)}.dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--size-xxsmall);cursor:pointer;transition:background-color var(--short-transition);border-radius:var(--border-radius-small);color:var(--type-light-high-contrast)}.dismiss:hover{background-color:var(--black-20)}.dismiss:active{background-color:var(--black-30)}\n"], dependencies: [{ 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.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-icon\n  *ngIf=\"getResolvedIcon(); let icon\"\n  [name]=\"icon\"\n  [rivTooltip]=\"iconTooltip\"\n  [size]=\"20\"\n  class=\"icon\"\n></riv-icon>\n<div *ngIf=\"hasHeading\" class=\"heading\">{{ heading }}</div>\n<div class=\"content\">\n  <ng-content></ng-content>\n</div>\n<button\n  type=\"button\"\n  *ngIf=\"dismissable\"\n  class=\"dismiss\"\n  (click)=\"dismiss.emit()\"\n>\n  <riv-icon [name]=\"'X'\" [size]=\"20\"></riv-icon>\n</button>\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--size-large);padding:var(--size-large);border-radius:var(--border-radius-medium);box-shadow:var(--depth-1);color:var(--type-light-high-contrast);border-left-style:solid;border-left-width:var(--size-small);border-left-color:var(--banner-accent)}:host .icon{color:var(--banner-accent)}:host.has-heading{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"icon heading close\" \".    content .\";column-gap:var(--size-large);row-gap:0;align-items:start}:host.has-heading .icon{grid-area:icon}:host.has-heading .heading{grid-area:heading}:host.has-heading .content{grid-area:content}:host.has-heading .dismiss{grid-area:close}.heading{font:var(--body-medium);font-weight:var(--font-weight-heavy);line-height:var(--type-2-line-height-2)}:host.info{background-color:var(--purp-10);--banner-accent: var(--purp-80)}:host.safety{background-color:var(--safety-light);--banner-accent: var(--safety-dark)}:host.warning{background-color:var(--caution-light);--banner-accent: var(--tang-70)}:host.danger{background-color:var(--danger-light);--banner-accent: var(--danger-main)}.icon{margin:var(--size-xxsmall);flex-shrink:0}.content{flex-grow:1;font:var(--body-medium)}.dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--size-xxsmall);cursor:pointer;transition:background-color var(--short-transition);border-radius:var(--border-radius-small);color:var(--type-light-high-contrast)}.dismiss:hover{background-color:var(--black-20)}.dismiss:active{background-color:var(--black-30)}\n"] }]
         }], propDecorators: { variant: [{

package/esm2022/lib/notification/map-indicator/map-indicator.component.mjs

@@ -36,10 +36,10 @@ export class MapIndicatorComponent {
             this.cached = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapIndicatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MapIndicatorComponent, selector: "riv-map-indicator", inputs: { name: "name", icons: "icons" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"nameValue === 'SingleSmall' || nameValue === 'SingleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"single-icon\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'SingleSmall' ? 10 : 14\"\n  ></riv-icon>\n</ng-container>\n\n<ng-container\n  *ngIf=\"nameValue === 'DoubleSmall' || nameValue === 'DoubleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"double-icon-left\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n\n  <riv-icon\n    *ngIf=\"icons.length >= 2\"\n    class=\"double-icon-right\"\n    [style.color]=\"icons[1].color\"\n    [style.rotate]=\"icons[1].rotation\"\n    [name]=\"icons[1].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[1].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n</ng-container>\n", styles: [":host{position:relative;display:inline-flex}.single-icon{position:absolute;top:10%;left:10%}.double-icon-left{position:absolute;top:20%;left:10%}.double-icon-right{position:absolute;top:20%;left:50%}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MapIndicatorComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MapIndicatorComponent, selector: "riv-map-indicator", inputs: { name: "name", icons: "icons" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"nameValue === 'SingleSmall' || nameValue === 'SingleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"single-icon\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'SingleSmall' ? 10 : 14\"\n  ></riv-icon>\n</ng-container>\n\n<ng-container\n  *ngIf=\"nameValue === 'DoubleSmall' || nameValue === 'DoubleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"double-icon-left\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n\n  <riv-icon\n    *ngIf=\"icons.length >= 2\"\n    class=\"double-icon-right\"\n    [style.color]=\"icons[1].color\"\n    [style.rotate]=\"icons[1].rotation\"\n    [name]=\"icons[1].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[1].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n</ng-container>\n", styles: [":host{position:relative;display:inline-flex}.single-icon{position:absolute;top:10%;left:10%}.double-icon-left{position:absolute;top:20%;left:10%}.double-icon-right{position:absolute;top:20%;left:50%}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MapIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-map-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"nameValue === 'SingleSmall' || nameValue === 'SingleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"single-icon\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'SingleSmall' ? 10 : 14\"\n  ></riv-icon>\n</ng-container>\n\n<ng-container\n  *ngIf=\"nameValue === 'DoubleSmall' || nameValue === 'DoubleRegular'\"\n>\n  <riv-icon\n    *ngIf=\"icons.length >= 1\"\n    class=\"double-icon-left\"\n    [style.color]=\"icons[0].color\"\n    [style.rotate]=\"icons[0].rotation\"\n    [name]=\"icons[0].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[0].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n\n  <riv-icon\n    *ngIf=\"icons.length >= 2\"\n    class=\"double-icon-right\"\n    [style.color]=\"icons[1].color\"\n    [style.rotate]=\"icons[1].rotation\"\n    [name]=\"icons[1].iconName\"\n    [customSize]=\"nameValue === 'DoubleSmall' ? 10 : 14\"\n    [fillColor]=\"icons[1].color ? 'currentColor' : undefined\"\n  ></riv-icon>\n</ng-container>\n", styles: [":host{position:relative;display:inline-flex}.single-icon{position:absolute;top:10%;left:10%}.double-icon-left{position:absolute;top:20%;left:10%}.double-icon-right{position:absolute;top:20%;left:50%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { name: [{

package/esm2022/lib/notification/notification-badge/notification-badge.component.mjs

@@ -6,10 +6,10 @@ export class NotificationBadgeComponent {
         this.count = null;
         this.variant = 'basic';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationBadgeComponent, selector: "riv-notification-badge", inputs: { count: "count", variant: "variant" }, host: { properties: { "class": "this.variant" } }, ngImport: i0, template: '{{ count === null ? null : (count | rivNumber) }}', isInline: true, styles: [":host{display:inline-flex}:host:not(:empty){font-size:calc(var(--base-grid-size) * 2);line-height:calc(var(--base-grid-size) * 2);font-weight:var(--font-weight-heavy);padding:var(--size-xxsmall) var(--size-xsmall);color:var(--gray-20);border-radius:calc(var(--base-grid-size) * 4)}:host:empty{width:calc(var(--base-grid-size) * 2);height:calc(var(--base-grid-size) * 2);border-radius:calc(var(--base-grid-size) * 2)}:host(.basic){background-color:var(--fyre-70)}:host(.brand){background-color:var(--brand)}\n"], dependencies: [{ kind: "pipe", type: i1.NumberPipe, name: "rivNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NotificationBadgeComponent, selector: "riv-notification-badge", inputs: { count: "count", variant: "variant" }, host: { properties: { "class": "this.variant" } }, ngImport: i0, template: '{{ count === null ? null : (count | rivNumber) }}', isInline: true, styles: [":host{display:inline-flex}:host:not(:empty){font-size:calc(var(--base-grid-size) * 2);line-height:calc(var(--base-grid-size) * 2);font-weight:var(--font-weight-heavy);padding:var(--size-xxsmall) var(--size-xsmall);color:var(--gray-20);border-radius:calc(var(--base-grid-size) * 4)}:host:empty{width:calc(var(--base-grid-size) * 2);height:calc(var(--base-grid-size) * 2);border-radius:calc(var(--base-grid-size) * 2)}:host(.basic){background-color:var(--fyre-70)}:host(.brand){background-color:var(--brand)}\n"], dependencies: [{ kind: "pipe", type: i1.NumberPipe, name: "rivNumber" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-notification-badge', template: '{{ count === null ? null : (count | rivNumber) }}', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-flex}:host:not(:empty){font-size:calc(var(--base-grid-size) * 2);line-height:calc(var(--base-grid-size) * 2);font-weight:var(--font-weight-heavy);padding:var(--size-xxsmall) var(--size-xsmall);color:var(--gray-20);border-radius:calc(var(--base-grid-size) * 4)}:host:empty{width:calc(var(--base-grid-size) * 2);height:calc(var(--base-grid-size) * 2);border-radius:calc(var(--base-grid-size) * 2)}:host(.basic){background-color:var(--fyre-70)}:host(.brand){background-color:var(--brand)}\n"] }]
         }], propDecorators: { count: [{

package/esm2022/lib/overlay/callout/callout.component.mjs

@@ -58,7 +58,7 @@ export class CalloutComponent {
             width: window.innerWidth,
             height: window.innerHeight,
         };
-        if (this.anchor === null || this.content === null || this.scrim === null)
+        if (this.anchor == null || this.content == null || this.scrim == null)
             return;
         const scrimRect = this.scrim.nativeElement.getBoundingClientRect();
         const anchorRect = this.anchor instanceof Element
@@ -80,10 +80,10 @@ export class CalloutComponent {
         this.resolvedPosition = calloutOrigin.position;
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalloutComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CalloutComponent, selector: "riv-callout", inputs: { anchor: "anchor", isModal: "isModal", preferredPosition: "preferredPosition", allowedPositions: "allowedPositions", fallbackDirection: "fallbackDirection", showCaret: "showCaret", theme: "theme" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "scrim", first: true, predicate: ["scrim"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrim\n  class=\"scrim\"\n  [class.full]=\"isModal\"\n  (click)=\"scrimClick($event)\"\n  (mousedown)=\"scrimMouseDown($event)\"\n>\n  <div\n    class=\"callout\"\n    (rivClientSize)=\"onContentSizeChanges()\"\n    [ngClass]=\"[theme, resolvedPosition]\"\n    [class.caret]=\"showCaret\"\n    [style.left.px]=\"left\"\n    [style.top.px]=\"top\"\n    [rivLockScroll]=\"isModal\"\n    #content\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrim{position:fixed;z-index:var(--callout-z-index);cursor:default;top:0;right:0;left:0}.scrim.full{bottom:0}.callout{position:absolute;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);box-shadow:var(--depth-2)}.callout.dark{--background-color: var(--surface-dark-0);--border-color: var(--border-dark);--text-color: var(--type-dark-high-contrast)}.callout.light{--background-color: var(--surface-light-0);--border-color: var(--border-light);--text-color: var(--type-light-high-contrast)}.callout.caret:after{--size: 11px;content:\"\";width:var(--size);height:var(--size);position:absolute;background-color:var(--background-color);border-left:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.callout.caret.top-left:after{right:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-center:after{left:50%;bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-right:after{left:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.right-top:after{top:var(--size-large);left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.center-right:after{top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.right-bottom:after{left:0;bottom:var(--size-large);transform:translate(-50%,50%) rotate(45deg)}.callout.caret.bottom-right:after{top:0;left:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-center:after{top:0;left:50%;transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-left:after{top:0;right:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.left-bottom:after{right:0;bottom:var(--size-large);transform:translate(50%,50%) rotate(225deg)}.callout.caret.center-left:after{top:50%;right:0;transform:translate(50%,-50%) rotate(225deg)}.callout.caret.left-top:after{top:var(--size-large);right:0;transform:translate(50%,-50%) rotate(225deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.LockScrollDirective, selector: "[rivLockScroll]", inputs: ["rivLockScroll"] }, { kind: "directive", type: i3.SizeDirective, selector: "[rivClientSize]", outputs: ["rivClientSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalloutComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CalloutComponent, selector: "riv-callout", inputs: { anchor: "anchor", isModal: "isModal", preferredPosition: "preferredPosition", allowedPositions: "allowedPositions", fallbackDirection: "fallbackDirection", showCaret: "showCaret", theme: "theme" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "scrim", first: true, predicate: ["scrim"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #scrim\n  class=\"scrim\"\n  [class.full]=\"isModal\"\n  (click)=\"scrimClick($event)\"\n  (mousedown)=\"scrimMouseDown($event)\"\n>\n  <div\n    class=\"callout\"\n    (rivClientSize)=\"onContentSizeChanges()\"\n    [ngClass]=\"[theme, resolvedPosition]\"\n    [class.caret]=\"showCaret\"\n    [style.left.px]=\"left\"\n    [style.top.px]=\"top\"\n    [rivLockScroll]=\"isModal\"\n    #content\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrim{position:fixed;z-index:var(--callout-z-index);cursor:default;top:0;right:0;left:0}.scrim.full{bottom:0}.callout{position:absolute;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);box-shadow:var(--depth-2)}.callout.dark{--background-color: var(--surface-dark-0);--border-color: var(--border-dark);--text-color: var(--type-dark-high-contrast)}.callout.light{--background-color: var(--surface-light-0);--border-color: var(--border-light);--text-color: var(--type-light-high-contrast)}.callout.caret:after{--size: 11px;content:\"\";width:var(--size);height:var(--size);position:absolute;background-color:var(--background-color);border-left:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.callout.caret.top-left:after{right:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-center:after{left:50%;bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-right:after{left:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.right-top:after{top:var(--size-large);left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.center-right:after{top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.right-bottom:after{left:0;bottom:var(--size-large);transform:translate(-50%,50%) rotate(45deg)}.callout.caret.bottom-right:after{top:0;left:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-center:after{top:0;left:50%;transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-left:after{top:0;right:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.left-bottom:after{right:0;bottom:var(--size-large);transform:translate(50%,50%) rotate(225deg)}.callout.caret.center-left:after{top:50%;right:0;transform:translate(50%,-50%) rotate(225deg)}.callout.caret.left-top:after{top:var(--size-large);right:0;transform:translate(50%,-50%) rotate(225deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.LockScrollDirective, selector: "[rivLockScroll]", inputs: ["rivLockScroll"] }, { kind: "directive", type: i3.SizeDirective, selector: "[rivClientSize]", outputs: ["rivClientSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalloutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalloutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-callout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #scrim\n  class=\"scrim\"\n  [class.full]=\"isModal\"\n  (click)=\"scrimClick($event)\"\n  (mousedown)=\"scrimMouseDown($event)\"\n>\n  <div\n    class=\"callout\"\n    (rivClientSize)=\"onContentSizeChanges()\"\n    [ngClass]=\"[theme, resolvedPosition]\"\n    [class.caret]=\"showCaret\"\n    [style.left.px]=\"left\"\n    [style.top.px]=\"top\"\n    [rivLockScroll]=\"isModal\"\n    #content\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".scrim{position:fixed;z-index:var(--callout-z-index);cursor:default;top:0;right:0;left:0}.scrim.full{bottom:0}.callout{position:absolute;background-color:var(--background-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);box-shadow:var(--depth-2)}.callout.dark{--background-color: var(--surface-dark-0);--border-color: var(--border-dark);--text-color: var(--type-dark-high-contrast)}.callout.light{--background-color: var(--surface-light-0);--border-color: var(--border-light);--text-color: var(--type-light-high-contrast)}.callout.caret:after{--size: 11px;content:\"\";width:var(--size);height:var(--size);position:absolute;background-color:var(--background-color);border-left:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color)}.callout.caret.top-left:after{right:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-center:after{left:50%;bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.top-right:after{left:var(--size-large);bottom:0;transform:translate(-50%,50%) rotate(315deg)}.callout.caret.right-top:after{top:var(--size-large);left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.center-right:after{top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg)}.callout.caret.right-bottom:after{left:0;bottom:var(--size-large);transform:translate(-50%,50%) rotate(45deg)}.callout.caret.bottom-right:after{top:0;left:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-center:after{top:0;left:50%;transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.bottom-left:after{top:0;right:var(--size-large);transform:translate(-50%,-50%) rotate(135deg)}.callout.caret.left-bottom:after{right:0;bottom:var(--size-large);transform:translate(50%,50%) rotate(225deg)}.callout.caret.center-left:after{top:50%;right:0;transform:translate(50%,-50%) rotate(225deg)}.callout.caret.left-top:after{top:var(--size-large);right:0;transform:translate(50%,-50%) rotate(225deg)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { anchor: [{
@@ -127,4 +127,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
     ];
     CalloutComponent.Directions = ['clockwise', 'counter-clockwise'];
 })(CalloutComponent || (CalloutComponent = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQUU5Qyw2RUFBNkU7QUFDN0Usc0NBQXNDO0FBQ3RDLG1HQUFtRztBQU9uRyxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQTZCLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBR25ELFdBQU0sR0FBNkIsSUFBSSxDQUFDO1FBR3hDLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFHeEIsc0JBQWlCLEdBQXNDLGNBQWMsQ0FBQztRQUd0RSxxQkFBZ0IsR0FBd0M7WUFDdEQsR0FBRyxnQkFBZ0IsQ0FBQyxpQkFBaUI7U0FDdEMsQ0FBQztRQUdGLHNCQUFpQixHQUErQixtQkFBbUIsQ0FBQztRQUdwRSxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLFVBQUssR0FBMkIsTUFBTSxDQUFDO1FBR3ZDLFlBQU8sR0FBc0MsSUFBSSxDQUFDO1FBR2xELFVBQUssR0FBbUMsSUFBSSxDQUFDO1FBRXJDLDJCQUFzQixHQUFZLEtBQUssQ0FBQztRQXFCaEQsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQixRQUFHLEdBQVcsQ0FBQyxDQUFDO1FBQ2hCLHFCQUFnQixHQUFzQyxJQUFJLENBQUMsaUJBQWlCLENBQUM7UUF5RHBFLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBL0dZLENBQUM7SUFpQ3ZELGNBQWMsQ0FBQyxHQUFlO1FBQzVCLElBQUksQ0FBQyxzQkFBc0I7WUFDekIsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFjLENBQUMsSUFBSSxLQUFLLENBQUM7SUFDdEUsQ0FBQztJQUVELFVBQVUsQ0FBQyxHQUFlO1FBQ3hCLDJFQUEyRTtRQUMzRSwrRUFBK0U7UUFDL0UsMkVBQTJFO1FBQzNFLDRFQUE0RTtRQUM1RSwwRUFBMEU7UUFDMUUsMkNBQTJDO1FBQzNDLElBQUksR0FBRyxDQUFDLE1BQU0sS0FBSyxHQUFHLENBQUMsYUFBYSxJQUFJLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7WUFDckUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDO1FBQ0Qsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQU1ELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLFVBQVUsR0FBRztZQUNqQixLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7WUFDeEIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxXQUFXO1NBQzNCLENBQUM7UUFFRixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSTtZQUN0RSxPQUFPO1FBRVQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUVuRSxNQUFNLFVBQVUsR0FDZCxJQUFJLENBQUMsTUFBTSxZQUFZLE9BQU87WUFDNUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMscUJBQXFCLEVBQUU7WUFDckMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFFbEIsTUFBTSxZQUFZLEdBQUc7WUFDbkIsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDLElBQUksRUFBRSw2SUFBNkk7WUFDbEwsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUc7WUFDakMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLElBQUk7WUFDekMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDLEdBQUc7U0FDM0MsQ0FBQztRQUVGLE1BQU0sV0FBVyxHQUFHO1lBQ2xCLEtBQUssRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXO1lBQzdDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxZQUFZO1NBQ2hELENBQUM7UUFFRixNQUFNLGFBQWEsR0FBRyxTQUFTLENBQzdCLFlBQVksRUFDWixXQUFXLEVBQ1gsVUFBVSxFQUNWLElBQUksQ0FBQyxpQkFBaUIsRUFDdEIsSUFBSSxDQUFDLGdCQUFnQixFQUNyQixJQUFJLENBQUMsaUJBQWlCLEVBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN2QixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxHQUFHLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQztRQUMvQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7K0dBN0dVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDBlQ3ZCN0IsNGNBb0JBOzs0RkRHYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNO3NGQU0vQyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFNTixpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLFNBQVM7dUJBQUMsU0FBUztnQkFJcEIsS0FBSztzQkFESixTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBbUY1QixLQUFLO3NCQURiLE1BQU07O0FBSVQsV0FBaUIsZ0JBQWdCO0lBQ2xCLHVCQUFNLEdBQUcsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFVLENBQUM7SUFHcEMsa0NBQWlCLEdBQUc7UUFDL0IsVUFBVTtRQUNWLFlBQVk7UUFDWixXQUFXO1FBQ1gsV0FBVztRQUNYLGNBQWM7UUFDZCxjQUFjO1FBQ2QsY0FBYztRQUNkLGVBQWU7UUFDZixhQUFhO1FBQ2IsYUFBYTtRQUNiLGFBQWE7UUFDYixVQUFVO0tBQ0YsQ0FBQztJQUdFLDJCQUFVLEdBQUcsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQVUsQ0FBQztBQUV4RSxDQUFDLEVBdEJnQixnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBc0JoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGdldE9yaWdpbiB9IGZyb20gJy4vY2FsbG91dC5oZWxwZXJzJztcblxuLy8gVE9ETzogb25jZSB3ZSB1cGdyYWRlIHRvIEFuZ3VsYXIgMTYsIHRoaXMgY29tcG9uZW50IGNhbiBiZSBjbGVhbmVkIHVwIHdpdGhcbi8vIHNpZ25hbHMgaW5zdGVhZCBvZiBsaWZlY3ljbGUgaG9va3MuXG4vLyBodHRwczovL3d3dy5ub3Rpb24uc28vcml2ZXQvUmVzb2x2ZS1UT0RPcy1hZnRlci1Bbmd1bGFyLXVwZ3JhZGUtMWYyNjY3ZWIyYTMxODBiNzlmNmFkOTJhN2U1NzZmMDhcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1jYWxsb3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgQElucHV0KClcbiAgYW5jaG9yOiBFbGVtZW50IHwgRE9NUmVjdCB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIGlzTW9kYWw6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHByZWZlcnJlZFBvc2l0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb24gPSAnYm90dG9tLXJpZ2h0JztcblxuICBASW5wdXQoKVxuICBhbGxvd2VkUG9zaXRpb25zOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb25bXSA9IFtcbiAgICAuLi5DYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb25zLFxuICBdO1xuXG4gIEBJbnB1dCgpXG4gIGZhbGxiYWNrRGlyZWN0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkRpcmVjdGlvbiA9ICdjb3VudGVyLWNsb2Nrd2lzZSc7XG5cbiAgQElucHV0KClcbiAgc2hvd0NhcmV0OiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICB0aGVtZTogQ2FsbG91dENvbXBvbmVudC5UaGVtZSA9ICdkYXJrJztcblxuICBAVmlld0NoaWxkKCdjb250ZW50JylcbiAgY29udGVudDogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4gfCBudWxsID0gbnVsbDtcblxuICBAVmlld0NoaWxkKCdzY3JpbScsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBzY3JpbTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIG1vdXNlRG93bkluc2lkZUNvbnRlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzY3JpbU1vdXNlRG93bihldnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLm1vdXNlRG93bkluc2lkZUNvbnRlbnQgPVxuICAgICAgdGhpcy5jb250ZW50Py5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2dC50YXJnZXQgYXMgTm9kZSkgPz8gZmFsc2U7XG4gIH1cblxuICBzY3JpbUNsaWNrKGV2dDogTW91c2VFdmVudCkge1xuICAgIC8vIEEgY2xpY2sgYWx3YXlzIHN0YXJ0cyB3aXRoIGEgbW91c2Vkb3duLiBJZiBhIHVzZXIgbW91c2UgZG93bnMgaW5zaWRlIHRoZVxuICAgIC8vIGNvbnRlbnQgYW5kIHRoZW4gZHJhZ3MgdG8gdGhlIHNjcmltLCB0aGlzIHdpbGwgdHJpZ2dlciBhIGNsaWNrIG9uIHRoZSBzY3JpbS5cbiAgICAvLyBUaGlzIGNhbiBoYXBwZW4gaWYgdGhlIHVzZXIgc2VsZWN0cyB0ZXh0IGFuZCBkcmFncyB0b28gZmFyLCBsZWFkaW5nIHRvIGFcbiAgICAvLyBiYWQgZXhwZXJpZW5jZS4gVG8gcHJldmVudCB0aGF0LCB3ZSB0cmFjayBpZiB0aGUgbW91c2Vkb3duIHN0YXJ0ZWQgaW5zaWRlXG4gICAgLy8gdGhlIGNvbnRlbnQuIElmIGl0IGRpZCwgd2UgaWdub3JlIHRoZSBjbGljayBvbiB0aGUgc2NyaW0uIElmIGl0IGRpZG4ndCxcbiAgICAvLyB3ZSBhbGxvdyB0aGUgY2xpY2sgdG8gY2xvc2UgdGhlIGNhbGxvdXQuXG4gICAgaWYgKGV2dC50YXJnZXQgPT09IGV2dC5jdXJyZW50VGFyZ2V0ICYmICF0aGlzLm1vdXNlRG93bkluc2lkZUNvbnRlbnQpIHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgICAvLyBhbHdheXMgcmVzZXQgdGhlIGZsYWcgYWZ0ZXIgYSBjbGlja1xuICAgIHRoaXMubW91c2VEb3duSW5zaWRlQ29udGVudCA9IGZhbHNlO1xuICB9XG5cbiAgbGVmdDogbnVtYmVyID0gMDtcbiAgdG9wOiBudW1iZXIgPSAwO1xuICByZXNvbHZlZFBvc2l0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb24gPSB0aGlzLnByZWZlcnJlZFBvc2l0aW9uO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNldFBvc2l0aW9uKCk7XG4gIH1cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5zZXRQb3NpdGlvbigpO1xuICB9XG4gIG9uQ29udGVudFNpemVDaGFuZ2VzKCkge1xuICAgIHRoaXMuc2V0UG9zaXRpb24oKTtcbiAgfVxuXG4gIHNldFBvc2l0aW9uKCkge1xuICAgIGNvbnN0IHdpbmRvd1NpemUgPSB7XG4gICAgICB3aWR0aDogd2luZG93LmlubmVyV2lkdGgsXG4gICAgICBoZWlnaHQ6IHdpbmRvdy5pbm5lckhlaWdodCxcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMuYW5jaG9yID09PSBudWxsIHx8IHRoaXMuY29udGVudCA9PT0gbnVsbCB8fCB0aGlzLnNjcmltID09PSBudWxsKVxuICAgICAgcmV0dXJuO1xuXG4gICAgY29uc3Qgc2NyaW1SZWN0ID0gdGhpcy5zY3JpbS5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgY29uc3QgYW5jaG9yUmVjdCA9XG4gICAgICB0aGlzLmFuY2hvciBpbnN0YW5jZW9mIEVsZW1lbnRcbiAgICAgICAgPyB0aGlzLmFuY2hvci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgICA6IHRoaXMuYW5jaG9yO1xuXG4gICAgY29uc3QgYW5jaG9yQm91bmRzID0ge1xuICAgICAgeDogYW5jaG9yUmVjdC5sZWZ0IC0gc2NyaW1SZWN0LmxlZnQsIC8vIEluIG1vc3QgY2FzZXMsIHRoZSBzY3JpbSB3aWxsIGJlIHBvc2l0aW9uZWQgYXQgKDAsMCksIGJ1dCBpZiBpdCdzIG5vdCwgdGhpcyB3aWxsIG1ha2Ugc3VyZSB0aGUgY2FsbG91dCBpcyBwb3NpdGlvbmVkIGNvcnJlY3RseSByZWdhcmRsZXNzLlxuICAgICAgeTogYW5jaG9yUmVjdC50b3AgLSBzY3JpbVJlY3QudG9wLFxuICAgICAgd2lkdGg6IGFuY2hvclJlY3QucmlnaHQgLSBhbmNob3JSZWN0LmxlZnQsXG4gICAgICBoZWlnaHQ6IGFuY2hvclJlY3QuYm90dG9tIC0gYW5jaG9yUmVjdC50b3AsXG4gICAgfTtcblxuICAgIGNvbnN0IGNhbGxvdXRTaXplID0ge1xuICAgICAgd2lkdGg6IHRoaXMuY29udGVudC5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoLFxuICAgICAgaGVpZ2h0OiB0aGlzLmNvbnRlbnQubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHQsXG4gICAgfTtcblxuICAgIGNvbnN0IGNhbGxvdXRPcmlnaW4gPSBnZXRPcmlnaW4oXG4gICAgICBhbmNob3JCb3VuZHMsXG4gICAgICBjYWxsb3V0U2l6ZSxcbiAgICAgIHdpbmRvd1NpemUsXG4gICAgICB0aGlzLnByZWZlcnJlZFBvc2l0aW9uLFxuICAgICAgdGhpcy5hbGxvd2VkUG9zaXRpb25zLFxuICAgICAgdGhpcy5mYWxsYmFja0RpcmVjdGlvbixcbiAgICAgIHRoaXMuc2hvd0NhcmV0ID8gOCA6IDAsXG4gICAgKTtcblxuICAgIHRoaXMubGVmdCA9IGNhbGxvdXRPcmlnaW4ueDtcbiAgICB0aGlzLnRvcCA9IGNhbGxvdXRPcmlnaW4ueTtcbiAgICB0aGlzLnJlc29sdmVkUG9zaXRpb24gPSBjYWxsb3V0T3JpZ2luLnBvc2l0aW9uO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICByZWFkb25seSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBDYWxsb3V0Q29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IFRoZW1lcyA9IFsnbGlnaHQnLCAnZGFyayddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBUaGVtZSA9ICh0eXBlb2YgVGhlbWVzKVtudW1iZXJdO1xuXG4gIGV4cG9ydCBjb25zdCBBbmNob3JlZFBvc2l0aW9ucyA9IFtcbiAgICAndG9wLWxlZnQnLFxuICAgICd0b3AtY2VudGVyJyxcbiAgICAndG9wLXJpZ2h0JyxcbiAgICAncmlnaHQtdG9wJyxcbiAgICAnY2VudGVyLXJpZ2h0JyxcbiAgICAncmlnaHQtYm90dG9tJyxcbiAgICAnYm90dG9tLXJpZ2h0JyxcbiAgICAnYm90dG9tLWNlbnRlcicsXG4gICAgJ2JvdHRvbS1sZWZ0JyxcbiAgICAnbGVmdC1ib3R0b20nLFxuICAgICdjZW50ZXItbGVmdCcsXG4gICAgJ2xlZnQtdG9wJyxcbiAgXSBhcyBjb25zdDtcbiAgZXhwb3J0IHR5cGUgQW5jaG9yZWRQb3NpdGlvbiA9ICh0eXBlb2YgQW5jaG9yZWRQb3NpdGlvbnMpW251bWJlcl07XG5cbiAgZXhwb3J0IGNvbnN0IERpcmVjdGlvbnMgPSBbJ2Nsb2Nrd2lzZScsICdjb3VudGVyLWNsb2Nrd2lzZSddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBEaXJlY3Rpb24gPSAodHlwZW9mIERpcmVjdGlvbnMpW251bWJlcl07XG59XG4iLCI8ZGl2XG4gICNzY3JpbVxuICBjbGFzcz1cInNjcmltXCJcbiAgW2NsYXNzLmZ1bGxdPVwiaXNNb2RhbFwiXG4gIChjbGljayk9XCJzY3JpbUNsaWNrKCRldmVudClcIlxuICAobW91c2Vkb3duKT1cInNjcmltTW91c2VEb3duKCRldmVudClcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjYWxsb3V0XCJcbiAgICAocml2Q2xpZW50U2l6ZSk9XCJvbkNvbnRlbnRTaXplQ2hhbmdlcygpXCJcbiAgICBbbmdDbGFzc109XCJbdGhlbWUsIHJlc29sdmVkUG9zaXRpb25dXCJcbiAgICBbY2xhc3MuY2FyZXRdPVwic2hvd0NhcmV0XCJcbiAgICBbc3R5bGUubGVmdC5weF09XCJsZWZ0XCJcbiAgICBbc3R5bGUudG9wLnB4XT1cInRvcFwiXG4gICAgW3JpdkxvY2tTY3JvbGxdPVwiaXNNb2RhbFwiXG4gICAgI2NvbnRlbnRcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yaXYvc3JjL2xpYi9vdmVybGF5L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7OztBQUU5Qyw2RUFBNkU7QUFDN0Usc0NBQXNDO0FBQ3RDLG1HQUFtRztBQU9uRyxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQTZCLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBR25ELFdBQU0sR0FBNkIsSUFBSSxDQUFDO1FBR3hDLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFHeEIsc0JBQWlCLEdBQXNDLGNBQWMsQ0FBQztRQUd0RSxxQkFBZ0IsR0FBd0M7WUFDdEQsR0FBRyxnQkFBZ0IsQ0FBQyxpQkFBaUI7U0FDdEMsQ0FBQztRQUdGLHNCQUFpQixHQUErQixtQkFBbUIsQ0FBQztRQUdwRSxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLFVBQUssR0FBMkIsTUFBTSxDQUFDO1FBR3ZDLFlBQU8sR0FBc0MsSUFBSSxDQUFDO1FBR2xELFVBQUssR0FBbUMsSUFBSSxDQUFDO1FBRXJDLDJCQUFzQixHQUFZLEtBQUssQ0FBQztRQXFCaEQsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUNqQixRQUFHLEdBQVcsQ0FBQyxDQUFDO1FBQ2hCLHFCQUFnQixHQUFzQyxJQUFJLENBQUMsaUJBQWlCLENBQUM7UUF5RHBFLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBL0dZLENBQUM7SUFpQ3ZELGNBQWMsQ0FBQyxHQUFlO1FBQzVCLElBQUksQ0FBQyxzQkFBc0I7WUFDekIsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxNQUFjLENBQUMsSUFBSSxLQUFLLENBQUM7SUFDdEUsQ0FBQztJQUVELFVBQVUsQ0FBQyxHQUFlO1FBQ3hCLDJFQUEyRTtRQUMzRSwrRUFBK0U7UUFDL0UsMkVBQTJFO1FBQzNFLDRFQUE0RTtRQUM1RSwwRUFBMEU7UUFDMUUsMkNBQTJDO1FBQzNDLElBQUksR0FBRyxDQUFDLE1BQU0sS0FBSyxHQUFHLENBQUMsYUFBYSxJQUFJLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7WUFDckUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwQixDQUFDO1FBQ0Qsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxzQkFBc0IsR0FBRyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQU1ELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLFVBQVUsR0FBRztZQUNqQixLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVU7WUFDeEIsTUFBTSxFQUFFLE1BQU0sQ0FBQyxXQUFXO1NBQzNCLENBQUM7UUFFRixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSTtZQUNuRSxPQUFPO1FBRVQsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUVuRSxNQUFNLFVBQVUsR0FDZCxJQUFJLENBQUMsTUFBTSxZQUFZLE9BQU87WUFDNUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMscUJBQXFCLEVBQUU7WUFDckMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFFbEIsTUFBTSxZQUFZLEdBQUc7WUFDbkIsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDLElBQUksRUFBRSw2SUFBNkk7WUFDbEwsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUc7WUFDakMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLElBQUk7WUFDekMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxNQUFNLEdBQUcsVUFBVSxDQUFDLEdBQUc7U0FDM0MsQ0FBQztRQUVGLE1BQU0sV0FBVyxHQUFHO1lBQ2xCLEtBQUssRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXO1lBQzdDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxZQUFZO1NBQ2hELENBQUM7UUFFRixNQUFNLGFBQWEsR0FBRyxTQUFTLENBQzdCLFlBQVksRUFDWixXQUFXLEVBQ1gsVUFBVSxFQUNWLElBQUksQ0FBQyxpQkFBaUIsRUFDdEIsSUFBSSxDQUFDLGdCQUFnQixFQUNyQixJQUFJLENBQUMsaUJBQWlCLEVBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN2QixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxHQUFHLEdBQUcsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQztRQUMvQyxJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzNCLENBQUM7K0dBN0dVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDBlQ3ZCN0IsNGNBb0JBOzs0RkRHYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNO3NGQU0vQyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLGlCQUFpQjtzQkFEaEIsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFNTixpQkFBaUI7c0JBRGhCLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixPQUFPO3NCQUROLFNBQVM7dUJBQUMsU0FBUztnQkFJcEIsS0FBSztzQkFESixTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBbUY1QixLQUFLO3NCQURiLE1BQU07O0FBSVQsV0FBaUIsZ0JBQWdCO0lBQ2xCLHVCQUFNLEdBQUcsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFVLENBQUM7SUFHcEMsa0NBQWlCLEdBQUc7UUFDL0IsVUFBVTtRQUNWLFlBQVk7UUFDWixXQUFXO1FBQ1gsV0FBVztRQUNYLGNBQWM7UUFDZCxjQUFjO1FBQ2QsY0FBYztRQUNkLGVBQWU7UUFDZixhQUFhO1FBQ2IsYUFBYTtRQUNiLGFBQWE7UUFDYixVQUFVO0tBQ0YsQ0FBQztJQUdFLDJCQUFVLEdBQUcsQ0FBQyxXQUFXLEVBQUUsbUJBQW1CLENBQVUsQ0FBQztBQUV4RSxDQUFDLEVBdEJnQixnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBc0JoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGdldE9yaWdpbiB9IGZyb20gJy4vY2FsbG91dC5oZWxwZXJzJztcblxuLy8gVE9ETzogb25jZSB3ZSB1cGdyYWRlIHRvIEFuZ3VsYXIgMTYsIHRoaXMgY29tcG9uZW50IGNhbiBiZSBjbGVhbmVkIHVwIHdpdGhcbi8vIHNpZ25hbHMgaW5zdGVhZCBvZiBsaWZlY3ljbGUgaG9va3MuXG4vLyBodHRwczovL3d3dy5ub3Rpb24uc28vcml2ZXQvUmVzb2x2ZS1UT0RPcy1hZnRlci1Bbmd1bGFyLXVwZ3JhZGUtMWYyNjY3ZWIyYTMxODBiNzlmNmFkOTJhN2U1NzZmMDhcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jpdi1jYWxsb3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhbGxvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxsb3V0LmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgQElucHV0KClcbiAgYW5jaG9yOiBFbGVtZW50IHwgRE9NUmVjdCB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIGlzTW9kYWw6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHByZWZlcnJlZFBvc2l0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb24gPSAnYm90dG9tLXJpZ2h0JztcblxuICBASW5wdXQoKVxuICBhbGxvd2VkUG9zaXRpb25zOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb25bXSA9IFtcbiAgICAuLi5DYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb25zLFxuICBdO1xuXG4gIEBJbnB1dCgpXG4gIGZhbGxiYWNrRGlyZWN0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkRpcmVjdGlvbiA9ICdjb3VudGVyLWNsb2Nrd2lzZSc7XG5cbiAgQElucHV0KClcbiAgc2hvd0NhcmV0OiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKVxuICB0aGVtZTogQ2FsbG91dENvbXBvbmVudC5UaGVtZSA9ICdkYXJrJztcblxuICBAVmlld0NoaWxkKCdjb250ZW50JylcbiAgY29udGVudDogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4gfCBudWxsID0gbnVsbDtcblxuICBAVmlld0NoaWxkKCdzY3JpbScsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBzY3JpbTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIG1vdXNlRG93bkluc2lkZUNvbnRlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBzY3JpbU1vdXNlRG93bihldnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLm1vdXNlRG93bkluc2lkZUNvbnRlbnQgPVxuICAgICAgdGhpcy5jb250ZW50Py5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2dC50YXJnZXQgYXMgTm9kZSkgPz8gZmFsc2U7XG4gIH1cblxuICBzY3JpbUNsaWNrKGV2dDogTW91c2VFdmVudCkge1xuICAgIC8vIEEgY2xpY2sgYWx3YXlzIHN0YXJ0cyB3aXRoIGEgbW91c2Vkb3duLiBJZiBhIHVzZXIgbW91c2UgZG93bnMgaW5zaWRlIHRoZVxuICAgIC8vIGNvbnRlbnQgYW5kIHRoZW4gZHJhZ3MgdG8gdGhlIHNjcmltLCB0aGlzIHdpbGwgdHJpZ2dlciBhIGNsaWNrIG9uIHRoZSBzY3JpbS5cbiAgICAvLyBUaGlzIGNhbiBoYXBwZW4gaWYgdGhlIHVzZXIgc2VsZWN0cyB0ZXh0IGFuZCBkcmFncyB0b28gZmFyLCBsZWFkaW5nIHRvIGFcbiAgICAvLyBiYWQgZXhwZXJpZW5jZS4gVG8gcHJldmVudCB0aGF0LCB3ZSB0cmFjayBpZiB0aGUgbW91c2Vkb3duIHN0YXJ0ZWQgaW5zaWRlXG4gICAgLy8gdGhlIGNvbnRlbnQuIElmIGl0IGRpZCwgd2UgaWdub3JlIHRoZSBjbGljayBvbiB0aGUgc2NyaW0uIElmIGl0IGRpZG4ndCxcbiAgICAvLyB3ZSBhbGxvdyB0aGUgY2xpY2sgdG8gY2xvc2UgdGhlIGNhbGxvdXQuXG4gICAgaWYgKGV2dC50YXJnZXQgPT09IGV2dC5jdXJyZW50VGFyZ2V0ICYmICF0aGlzLm1vdXNlRG93bkluc2lkZUNvbnRlbnQpIHtcbiAgICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgICAvLyBhbHdheXMgcmVzZXQgdGhlIGZsYWcgYWZ0ZXIgYSBjbGlja1xuICAgIHRoaXMubW91c2VEb3duSW5zaWRlQ29udGVudCA9IGZhbHNlO1xuICB9XG5cbiAgbGVmdDogbnVtYmVyID0gMDtcbiAgdG9wOiBudW1iZXIgPSAwO1xuICByZXNvbHZlZFBvc2l0aW9uOiBDYWxsb3V0Q29tcG9uZW50LkFuY2hvcmVkUG9zaXRpb24gPSB0aGlzLnByZWZlcnJlZFBvc2l0aW9uO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnNldFBvc2l0aW9uKCk7XG4gIH1cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5zZXRQb3NpdGlvbigpO1xuICB9XG4gIG9uQ29udGVudFNpemVDaGFuZ2VzKCkge1xuICAgIHRoaXMuc2V0UG9zaXRpb24oKTtcbiAgfVxuXG4gIHNldFBvc2l0aW9uKCkge1xuICAgIGNvbnN0IHdpbmRvd1NpemUgPSB7XG4gICAgICB3aWR0aDogd2luZG93LmlubmVyV2lkdGgsXG4gICAgICBoZWlnaHQ6IHdpbmRvdy5pbm5lckhlaWdodCxcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMuYW5jaG9yID09IG51bGwgfHwgdGhpcy5jb250ZW50ID09IG51bGwgfHwgdGhpcy5zY3JpbSA9PSBudWxsKVxuICAgICAgcmV0dXJuO1xuXG4gICAgY29uc3Qgc2NyaW1SZWN0ID0gdGhpcy5zY3JpbS5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgY29uc3QgYW5jaG9yUmVjdCA9XG4gICAgICB0aGlzLmFuY2hvciBpbnN0YW5jZW9mIEVsZW1lbnRcbiAgICAgICAgPyB0aGlzLmFuY2hvci5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuICAgICAgICA6IHRoaXMuYW5jaG9yO1xuXG4gICAgY29uc3QgYW5jaG9yQm91bmRzID0ge1xuICAgICAgeDogYW5jaG9yUmVjdC5sZWZ0IC0gc2NyaW1SZWN0LmxlZnQsIC8vIEluIG1vc3QgY2FzZXMsIHRoZSBzY3JpbSB3aWxsIGJlIHBvc2l0aW9uZWQgYXQgKDAsMCksIGJ1dCBpZiBpdCdzIG5vdCwgdGhpcyB3aWxsIG1ha2Ugc3VyZSB0aGUgY2FsbG91dCBpcyBwb3NpdGlvbmVkIGNvcnJlY3RseSByZWdhcmRsZXNzLlxuICAgICAgeTogYW5jaG9yUmVjdC50b3AgLSBzY3JpbVJlY3QudG9wLFxuICAgICAgd2lkdGg6IGFuY2hvclJlY3QucmlnaHQgLSBhbmNob3JSZWN0LmxlZnQsXG4gICAgICBoZWlnaHQ6IGFuY2hvclJlY3QuYm90dG9tIC0gYW5jaG9yUmVjdC50b3AsXG4gICAgfTtcblxuICAgIGNvbnN0IGNhbGxvdXRTaXplID0ge1xuICAgICAgd2lkdGg6IHRoaXMuY29udGVudC5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoLFxuICAgICAgaGVpZ2h0OiB0aGlzLmNvbnRlbnQubmF0aXZlRWxlbWVudC5jbGllbnRIZWlnaHQsXG4gICAgfTtcblxuICAgIGNvbnN0IGNhbGxvdXRPcmlnaW4gPSBnZXRPcmlnaW4oXG4gICAgICBhbmNob3JCb3VuZHMsXG4gICAgICBjYWxsb3V0U2l6ZSxcbiAgICAgIHdpbmRvd1NpemUsXG4gICAgICB0aGlzLnByZWZlcnJlZFBvc2l0aW9uLFxuICAgICAgdGhpcy5hbGxvd2VkUG9zaXRpb25zLFxuICAgICAgdGhpcy5mYWxsYmFja0RpcmVjdGlvbixcbiAgICAgIHRoaXMuc2hvd0NhcmV0ID8gOCA6IDAsXG4gICAgKTtcblxuICAgIHRoaXMubGVmdCA9IGNhbGxvdXRPcmlnaW4ueDtcbiAgICB0aGlzLnRvcCA9IGNhbGxvdXRPcmlnaW4ueTtcbiAgICB0aGlzLnJlc29sdmVkUG9zaXRpb24gPSBjYWxsb3V0T3JpZ2luLnBvc2l0aW9uO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICByZWFkb25seSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBDYWxsb3V0Q29tcG9uZW50IHtcbiAgZXhwb3J0IGNvbnN0IFRoZW1lcyA9IFsnbGlnaHQnLCAnZGFyayddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBUaGVtZSA9ICh0eXBlb2YgVGhlbWVzKVtudW1iZXJdO1xuXG4gIGV4cG9ydCBjb25zdCBBbmNob3JlZFBvc2l0aW9ucyA9IFtcbiAgICAndG9wLWxlZnQnLFxuICAgICd0b3AtY2VudGVyJyxcbiAgICAndG9wLXJpZ2h0JyxcbiAgICAncmlnaHQtdG9wJyxcbiAgICAnY2VudGVyLXJpZ2h0JyxcbiAgICAncmlnaHQtYm90dG9tJyxcbiAgICAnYm90dG9tLXJpZ2h0JyxcbiAgICAnYm90dG9tLWNlbnRlcicsXG4gICAgJ2JvdHRvbS1sZWZ0JyxcbiAgICAnbGVmdC1ib3R0b20nLFxuICAgICdjZW50ZXItbGVmdCcsXG4gICAgJ2xlZnQtdG9wJyxcbiAgXSBhcyBjb25zdDtcbiAgZXhwb3J0IHR5cGUgQW5jaG9yZWRQb3NpdGlvbiA9ICh0eXBlb2YgQW5jaG9yZWRQb3NpdGlvbnMpW251bWJlcl07XG5cbiAgZXhwb3J0IGNvbnN0IERpcmVjdGlvbnMgPSBbJ2Nsb2Nrd2lzZScsICdjb3VudGVyLWNsb2Nrd2lzZSddIGFzIGNvbnN0O1xuICBleHBvcnQgdHlwZSBEaXJlY3Rpb24gPSAodHlwZW9mIERpcmVjdGlvbnMpW251bWJlcl07XG59XG4iLCI8ZGl2XG4gICNzY3JpbVxuICBjbGFzcz1cInNjcmltXCJcbiAgW2NsYXNzLmZ1bGxdPVwiaXNNb2RhbFwiXG4gIChjbGljayk9XCJzY3JpbUNsaWNrKCRldmVudClcIlxuICAobW91c2Vkb3duKT1cInNjcmltTW91c2VEb3duKCRldmVudClcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjYWxsb3V0XCJcbiAgICAocml2Q2xpZW50U2l6ZSk9XCJvbkNvbnRlbnRTaXplQ2hhbmdlcygpXCJcbiAgICBbbmdDbGFzc109XCJbdGhlbWUsIHJlc29sdmVkUG9zaXRpb25dXCJcbiAgICBbY2xhc3MuY2FyZXRdPVwic2hvd0NhcmV0XCJcbiAgICBbc3R5bGUubGVmdC5weF09XCJsZWZ0XCJcbiAgICBbc3R5bGUudG9wLnB4XT1cInRvcFwiXG4gICAgW3JpdkxvY2tTY3JvbGxdPVwiaXNNb2RhbFwiXG4gICAgI2NvbnRlbnRcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/overlay/callout/help/help.component.mjs

@@ -6,10 +6,10 @@ export class HelpComponent {
     constructor() {
         this.size = 16;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HelpComponent, selector: "riv-help", inputs: { help: "help", size: "size" }, ngImport: i0, template: "<riv-icon [rivTooltip]=\"help\" [name]=\"'Info'\" [size]=\"size\"></riv-icon>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: HelpComponent, selector: "riv-help", inputs: { help: "help", size: "size" }, ngImport: i0, template: "<riv-icon [rivTooltip]=\"help\" [name]=\"'Info'\" [size]=\"size\"></riv-icon>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }, { kind: "directive", type: i2.TooltipDirective, selector: "[rivTooltip]", inputs: ["rivTooltip", "rivTooltipTheme", "rivTooltipMaxWidth", "rivTooltipPreferredPosition", "rivTooltipAnchor", "rivTooltipCloseDelay", "rivTooltipOpenDelay", "rivTooltipGracePeriod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HelpComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpComponent, decorators: [{
             type: Component,
             args: [{ selector: 'riv-help', changeDetection: ChangeDetectionStrategy.OnPush, template: "<riv-icon [rivTooltip]=\"help\" [name]=\"'Info'\" [size]=\"size\"></riv-icon>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center}\n"] }]
         }], propDecorators: { help: [{

package/esm2022/lib/overlay/callout/lock-scroll.directive.mjs

@@ -14,10 +14,10 @@ export class LockScrollContextService {
     popContext() {
         return --this.stack;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LockScrollContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LockScrollContextService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockScrollContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockScrollContextService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LockScrollContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockScrollContextService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -56,10 +56,10 @@ export class LockScrollDirective {
         document.body.removeAttribute('style');
         document.documentElement.scrollTop = this.context.scrollPosition;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LockScrollDirective, deps: [{ token: LockScrollContextService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: LockScrollDirective, selector: "[rivLockScroll]", inputs: { lock: ["rivLockScroll", "lock"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockScrollDirective, deps: [{ token: LockScrollContextService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LockScrollDirective, selector: "[rivLockScroll]", inputs: { lock: ["rivLockScroll", "lock"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LockScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LockScrollDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[rivLockScroll]' }]
         }], ctorParameters: () => [{ type: LockScrollContextService }], propDecorators: { lock: [{