@ethlete/cdk 4.14.3 → 4.14.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/esm2022/lib/components/overlay/components/overlay/components/overlay-container/overlay-container.component.mjs +3 -3
- package/esm2022/lib/components/overlay/components/overlay/partials/overlay-router-outlet/overlay-router-outlet.component.mjs +4 -3
- package/esm2022/lib/components/overlay/components/overlay/partials/overlay-sidebar/overlay-sidebar.component.mjs +1 -2
- package/esm2022/lib/components/overlay/components/overlay/utils/overlay-router.mjs +1 -1
- package/esm2022/lib/components/overlay/components/overlay/utils/sidebar-overlay.mjs +3 -1
- package/fesm2022/ethlete-cdk.mjs +7 -5
- package/fesm2022/ethlete-cdk.mjs.map +1 -1
- package/lib/components/overlay/components/overlay/utils/overlay-router.d.ts +1 -1
- package/package.json +1 -1
package/fesm2022/ethlete-cdk.mjs
CHANGED
|
@@ -11307,7 +11307,7 @@ class OverlayContainerComponent extends CdkDialogContainer {
|
|
|
11307
11307
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: OverlayContainerComponent, isStandalone: true, selector: "et-overlay-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.aria-modal": "_config.ariaModal", "id": "_config.id", "attr.role": "_config.role", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledBy", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "_config.ariaDescribedBy || null", "class.et-with-default-animation": "!_config.customAnimated" }, classAttribute: "et-overlay" }, usesInheritance: true, hostDirectives: [{ directive: i1$1.RootBoundaryDirective }, { directive: i1$1.AnimatedLifecycleDirective }, { directive: i2.ProvideThemeDirective }], ngImport: i0, template: `
|
|
11308
11308
|
<div class="et-overlay-container-drag-handle"></div>
|
|
11309
11309
|
<ng-template cdkPortalOutlet />
|
|
11310
|
-
`, isInline: true, styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>:nth-child(2){overflow:auto}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{display:flex}.et-overlay:has(.et-overlay-sidebar-host)>:nth-child(2){display:grid;grid-template-columns:0 1fr}.et-overlay:has(.et-overlay-sidebar-host):has(.et-overlay-sidebar--visible)>:nth-child(2){grid-template-columns:auto 1fr}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-host{display:grid;min-block-size:0}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-page{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-sidebar-host{overflow:auto}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(0,1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(0,1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(0,1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(0,1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:block;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body:has(.et-overlay-router-outlet-host){padding:0;display:grid}.et-overlay-body:has(.et-overlay-router-outlet-host) .et-overlay-router-outlet-page{padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body
|
|
11310
|
+
`, isInline: true, styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>:nth-child(2){overflow:auto}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{display:flex}.et-overlay:has(.et-overlay-sidebar-host)>:nth-child(2){display:grid;grid-template-columns:0 1fr}.et-overlay:has(.et-overlay-sidebar-host):has(.et-overlay-sidebar--visible)>:nth-child(2){grid-template-columns:auto 1fr}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-host{display:grid;min-block-size:0}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-page{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-sidebar-host{overflow:auto}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(0,1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(0,1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(0,1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(0,1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:block;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body:has(.et-overlay-router-outlet-contains-overflow-region) .et-overlay-body-container{display:grid;min-height:0;grid-template-rows:minmax(0,1fr)}.et-overlay-body:has(.et-overlay-router-outlet-host){padding:0;display:grid}.et-overlay-body:has(.et-overlay-router-outlet-host) .et-overlay-router-outlet-page{padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"], dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
11311
11311
|
}
|
|
11312
11312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: OverlayContainerComponent, decorators: [{
|
|
11313
11313
|
type: Component,
|
|
@@ -11324,7 +11324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
11324
11324
|
'[attr.aria-label]': '_config.ariaLabel',
|
|
11325
11325
|
'[attr.aria-describedby]': '_config.ariaDescribedBy || null',
|
|
11326
11326
|
'[class.et-with-default-animation]': '!_config.customAnimated',
|
|
11327
|
-
}, standalone: true, imports: [PortalModule], hostDirectives: [RootBoundaryDirective, AnimatedLifecycleDirective, ProvideThemeDirective], styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>:nth-child(2){overflow:auto}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{display:flex}.et-overlay:has(.et-overlay-sidebar-host)>:nth-child(2){display:grid;grid-template-columns:0 1fr}.et-overlay:has(.et-overlay-sidebar-host):has(.et-overlay-sidebar--visible)>:nth-child(2){grid-template-columns:auto 1fr}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-host{display:grid;min-block-size:0}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-page{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-sidebar-host{overflow:auto}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(0,1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(0,1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(0,1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(0,1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:block;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body:has(.et-overlay-router-outlet-host){padding:0;display:grid}.et-overlay-body:has(.et-overlay-router-outlet-host) .et-overlay-router-outlet-page{padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body
|
|
11327
|
+
}, standalone: true, imports: [PortalModule], hostDirectives: [RootBoundaryDirective, AnimatedLifecycleDirective, ProvideThemeDirective], styles: [".et-overlay{--et-overlay-padding-inline: 16px;--et-overlay-padding-block: 16px;--et-overlay-header-padding-block-end: 16px;--et-overlay-body-padding-block: 0;--et-overlay-footer-padding-block-start: 16px;--et-overlay-body-divider-color: #565656;--_et-overlay-drag-handle-inline-size: 32px;--_et-overlay-drag-handle-block-size: 4px;--_et-overlay-drag-handle-block-margin: 22px;--_et-overlay-drag-handle-color: #565656;--_et-overlay-drag-handle-radius: 5px;position:relative;display:grid;overflow:hidden;pointer-events:all;outline:none}.et-overlay>:nth-child(2){overflow:auto}.et-overlay.et-overlay--bottom-sheet .et-overlay-container-drag-handle{display:flex}.et-overlay:has(.et-overlay-sidebar-host)>:nth-child(2){display:grid;grid-template-columns:0 1fr}.et-overlay:has(.et-overlay-sidebar-host):has(.et-overlay-sidebar--visible)>:nth-child(2){grid-template-columns:auto 1fr}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-host{display:grid;min-block-size:0}.et-overlay:has(.et-overlay-sidebar-host) .et-overlay-router-outlet-page{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-sidebar-host{overflow:auto}.et-overlay-main{display:grid;grid-template-rows:minmax(0,1fr)}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:auto minmax(0,1fr) auto}.et-overlay-main:has(.et-overlay-header):has(.et-overlay-body){grid-template-rows:auto minmax(0,1fr)}.et-overlay-main:has(.et-overlay-body):has(.et-overlay-footer){grid-template-rows:minmax(0,1fr) auto}.et-overlay-main:not(:has(.et-overlay-footer)){grid-template-rows:minmax(0,1fr) auto}.et-overlay-container-drag-handle{block-size:var(--_et-overlay-drag-handle-block-size);margin-block:var(--_et-overlay-drag-handle-block-margin);display:none;justify-content:center}.et-overlay-container-drag-handle:before{content:\"\";position:static;inline-size:var(--_et-overlay-drag-handle-inline-size);block-size:var(--_et-overlay-drag-handle-block-size);background-color:var(--_et-overlay-drag-handle-color);border-radius:var(--_et-overlay-drag-handle-radius)}.et-overlay-body{display:block;overflow:auto;padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body:has(.et-overlay-router-outlet-contains-overflow-region) .et-overlay-body-container{display:grid;min-height:0;grid-template-rows:minmax(0,1fr)}.et-overlay-body:has(.et-overlay-router-outlet-host){padding:0;display:grid}.et-overlay-body:has(.et-overlay-router-outlet-host) .et-overlay-router-outlet-page{padding-inline:var(--et-overlay-padding-inline);padding-block:var(--et-overlay-body-padding-block)}.et-overlay-body.et-overlay-body--enable-divider-animations{transition:border-color .3s var(--ease-1)}.et-overlay-main:has(.et-overlay-header) .et-overlay-body.et-overlay-body--render-dividers{border-block-start:1px solid var(--et-overlay-body-divider-color)}.et-overlay-main:has(.et-overlay-footer) .et-overlay-body.et-overlay-body--render-dividers{border-block-end:1px solid var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers{border-color:var(--et-overlay-body-divider-color)}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-start{border-block-start-color:transparent}.et-overlay-body.et-overlay-body--render-dividers.et-overlay-body--dynamic-dividers.et-scrollable-body--is-at-end{border-block-end-color:transparent}.et-overlay-body .et-overlay-body-container{position:relative}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element,.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{position:absolute;block-size:1px;pointer-events:none}.et-overlay-body .et-overlay-body-container .et-overlay-body-start-element{inset-inline:1px;inset-block-start:1px}.et-overlay-body .et-overlay-body-container .et-overlay-body-end-element{inset-inline:1px;inset-block-end:1px}.et-overlay-header{padding-block-start:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-end:var(--et-overlay-header-padding-block-end)}.et-overlay-footer{padding-block-end:var(--et-overlay-padding-block);padding-inline:var(--et-overlay-padding-inline);padding-block-start:var(--et-overlay-footer-padding-block-start)}.et-overlay-pane{pointer-events:none}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-to{transform:scale(0)!important;border-radius:250px}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),border-radius .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-1),border-radius .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--full-screen-dialog.et-animation-leave-active{transition:transform .15s var(--ease-in-5),border-radius .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet{bottom:-50px;padding-bottom:50px}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-to{transform:translateY(100%)!important}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--bottom-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--top-sheet{top:-50px;padding-top:50px}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-to{transform:translateY(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--top-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--left-sheet{left:-50px;padding-left:50px}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-to{transform:translate(-100%)!important}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--left-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--right-sheet{right:-50px;padding-right:50px}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-from,.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-to{transform:translate(100%)!important}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-enter-active{transition:transform .3s var(--ease-spring-1)}}.et-overlay.et-with-default-animation.et-overlay--right-sheet.et-animation-leave-active{transition:transform .15s var(--ease-in-5)}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-from{opacity:0!important;transform:scale(.85)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-to{opacity:0!important;transform:scale(.7)!important}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-out-5),opacity .3s var(--ease-out-5)}@supports (transition-timing-function: linear(0,1)){.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-enter-active{transition:transform .3s var(--ease-spring-2),opacity .3s var(--ease-out-5)}}.et-overlay.et-with-default-animation.et-overlay--dialog.et-animation-leave-active{transition:transform .15s var(--ease-out-5),opacity .15s var(--ease-out-5)}\n"] }]
|
|
11328
11328
|
}], ctorParameters: () => [] });
|
|
11329
11329
|
|
|
11330
11330
|
const FILTER_OVERLAY_CONFIG = new InjectionToken('FILTER_OVERLAY_CONFIG');
|
|
@@ -12368,6 +12368,7 @@ class SidebarOverlayService {
|
|
|
12368
12368
|
toObservable(this.renderSidebar)
|
|
12369
12369
|
.pipe(distinctUntilChanged(), tap((renderSidebar) => {
|
|
12370
12370
|
if (renderSidebar) {
|
|
12371
|
+
this.router.transitionType.set('vertical');
|
|
12371
12372
|
this.router.removeRoute(sidebarPageRoute);
|
|
12372
12373
|
// if the user is currently on the sidebar route, navigate to the initial route.
|
|
12373
12374
|
if (this.router.currentRoute() === sidebarPageRoute) {
|
|
@@ -12375,6 +12376,7 @@ class SidebarOverlayService {
|
|
|
12375
12376
|
}
|
|
12376
12377
|
}
|
|
12377
12378
|
else {
|
|
12379
|
+
this.router.transitionType.set('overlay');
|
|
12378
12380
|
this.router.addRoute({
|
|
12379
12381
|
path: sidebarPageRoute,
|
|
12380
12382
|
component: OverlaySidebarPageComponent,
|
|
@@ -12665,6 +12667,7 @@ class OverlayRouterOutletComponent {
|
|
|
12665
12667
|
'et-overlay-router-outlet-transition--slide': computed(() => this.router.transitionType() === 'slide'),
|
|
12666
12668
|
'et-overlay-router-outlet-transition--fade': computed(() => this.router.transitionType() === 'fade'),
|
|
12667
12669
|
'et-overlay-router-outlet-transition--overlay': computed(() => this.router.transitionType() === 'overlay'),
|
|
12670
|
+
'et-overlay-router-outlet-transition--vertical': computed(() => this.router.transitionType() === 'vertical'),
|
|
12668
12671
|
'et-overlay-router-outlet-transition--none': computed(() => this.router.transitionType() === 'none'),
|
|
12669
12672
|
'et-overlay-router-outlet-contains-overflow-region': this.containsOverflowRegion,
|
|
12670
12673
|
});
|
|
@@ -12680,7 +12683,7 @@ class OverlayRouterOutletComponent {
|
|
|
12680
12683
|
</div>
|
|
12681
12684
|
}
|
|
12682
12685
|
</div>
|
|
12683
|
-
`, isInline: true, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4)}.et-overlay-router-outlet-host.et-overlay-router-outlet-contains-overflow-region{display:grid}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-from,.et-animation-leave-to){opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow
|
|
12686
|
+
`, isInline: true, styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4)}.et-overlay-router-outlet-host.et-overlay-router-outlet-contains-overflow-region{display:grid}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-from,.et-animation-leave-to){opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-overlay-router-outlet-page>*{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: AnimatedIfDirective, selector: "[etAnimatedIf]", inputs: ["etAnimatedIf"] }, { kind: "directive", type: AnimatedLifecycleDirective, selector: "[etAnimatedLifecycle]", inputs: ["skipNextEnter"], outputs: ["skipNextEnterChange"], exportAs: ["etAnimatedLifecycle"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
12684
12687
|
}
|
|
12685
12688
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: OverlayRouterOutletComponent, decorators: [{
|
|
12686
12689
|
type: Component,
|
|
@@ -12696,7 +12699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
|
|
|
12696
12699
|
</div>
|
|
12697
12700
|
`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
12698
12701
|
class: 'et-overlay-router-outlet-host',
|
|
12699
|
-
}, imports: [AnimatedIfDirective, AnimatedLifecycleDirective, NgComponentOutlet], styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4)}.et-overlay-router-outlet-host.et-overlay-router-outlet-contains-overflow-region{display:grid}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-from,.et-animation-leave-to){opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow
|
|
12702
|
+
}, imports: [AnimatedIfDirective, AnimatedLifecycleDirective, NgComponentOutlet], styles: [".et-overlay-router-outlet-host{--_et-overlay-router-transition-easing: var(--ease-in-out-4)}.et-overlay-router-outlet-host.et-overlay-router-outlet-contains-overflow-region{display:grid}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-from,.et-animation-leave-to){opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--none .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity 0ms linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-enter-from,.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page.et-animation-leave-to{opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--fade .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:opacity .1s linear}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-100%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page.et-animation-leave-to{transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--slide .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform .3s var(--_et-overlay-router-transition-easing),opacity .3s var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay{--_et-overlay-router-transform-from: translateX(100%);--_et-overlay-router-transform-to: translateX(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateX(-20%);--_et-overlay-router-transform-to: translateX(100%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--overlay .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical{--_et-overlay-router-transform-from: translateY(20%);--_et-overlay-router-transform-to: translateY(-20%);--_et-overlay-router-out-page-brightness: .8}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward{--_et-overlay-router-transform-from: translateY(-20%);--_et-overlay-router-transform-to: translateY(20%)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-from{filter:brightness(var(--_et-overlay-router-out-page-brightness))}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(1)}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-enter-active{z-index:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical.et-overlay-router-outlet-nav-dir--backward .et-overlay-router-outlet-page.et-animation-leave-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-from{transform:var(--_et-overlay-router-transform-from);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-leave-to{filter:brightness(var(--_et-overlay-router-out-page-brightness));transform:var(--_et-overlay-router-transform-to);opacity:0}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page.et-animation-enter-active{z-index:1}.et-overlay-router-outlet-host.et-overlay-router-outlet-transition--vertical .et-overlay-router-outlet-page:is(.et-animation-enter-active,.et-animation-leave-active){transition:transform 225ms var(--_et-overlay-router-transition-easing),filter 225ms var(--_et-overlay-router-transition-easing),opacity 225ms var(--_et-overlay-router-transition-easing)}.et-overlay-router-outlet{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.et-overlay-router-outlet-page{grid-area:1 / 1 / 2 / 2;pointer-events:none}.et-overlay-router-outlet-page>*{pointer-events:auto}\n"] }]
|
|
12700
12703
|
}] });
|
|
12701
12704
|
|
|
12702
12705
|
class OverlaySidebarComponent {
|
|
@@ -12709,7 +12712,6 @@ class OverlaySidebarComponent {
|
|
|
12709
12712
|
this.hostClassBindings = signalHostClasses({
|
|
12710
12713
|
'et-overlay-sidebar--visible': this.sidebar.renderSidebar,
|
|
12711
12714
|
});
|
|
12712
|
-
this.router.transitionType.set('overlay');
|
|
12713
12715
|
syncSignal(this.sidebarContent, this.sidebar.sidebarContentTemplate);
|
|
12714
12716
|
syncSignal(this.sidebarHeaderContent, this.sidebar.sidebarHeaderTemplate);
|
|
12715
12717
|
syncSignal(this.pageDividers, this.sidebar.sidebarPageDividers);
|