ngx-gem-spaas
Version:
This library contains services, components, images and styles to provide a unified look and way-of-working throughout GEM SPaaS.
11 lines • 4.92 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class SlideOutContentComponent {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SlideOutContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SlideOutContentComponent, selector: "spaas-slide-out-content", ngImport: i0, template: "<div class=\"slide-out__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".slide-out{background-color:hsla(var(--bg-h),var(--bg-s),var(--bg-l),.94);height:100vh;position:fixed;left:0;top:0;transform:translate3d(-100%,0,0);transition:transform .2s;width:100%;z-index:9004}.slide-out.visible{transform:translateZ(0)}.slide-out__close{color:hsla(var(--error-h),var(--error-s),var(--error-l),1);opacity:0;position:fixed;right:54px;top:20px;z-index:9999}@media screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) and (orientation: portrait),screen and (max-width: 767px) and (orientation: portrait),screen and (max-height: 420px) and (orientation: landscape){.slide-out__close{right:10px}}.slide-out__close.visible{animation:rotate .6s;opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.slide-out__close .mat-icon{font-size:28px!important;height:28px!important;line-height:28px!important;width:28px!important}.slide-out__content{animation:anim-fade-in .4s .2s ease forwards;display:flex;height:calc(100vh - 28px);justify-content:flex-start;left:88px;opacity:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:14px;width:calc(100% - 176px);z-index:9005}@media screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) and (orientation: portrait),screen and (max-width: 767px) and (orientation: portrait),screen and (max-height: 420px) and (orientation: landscape){.slide-out__content{left:44px;width:calc(100% - 88px)}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SlideOutContentComponent, decorators: [{
type: Component,
args: [{ selector: 'spaas-slide-out-content', template: "<div class=\"slide-out__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".slide-out{background-color:hsla(var(--bg-h),var(--bg-s),var(--bg-l),.94);height:100vh;position:fixed;left:0;top:0;transform:translate3d(-100%,0,0);transition:transform .2s;width:100%;z-index:9004}.slide-out.visible{transform:translateZ(0)}.slide-out__close{color:hsla(var(--error-h),var(--error-s),var(--error-l),1);opacity:0;position:fixed;right:54px;top:20px;z-index:9999}@media screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) and (orientation: portrait),screen and (max-width: 767px) and (orientation: portrait),screen and (max-height: 420px) and (orientation: landscape){.slide-out__close{right:10px}}.slide-out__close.visible{animation:rotate .6s;opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.slide-out__close .mat-icon{font-size:28px!important;height:28px!important;line-height:28px!important;width:28px!important}.slide-out__content{animation:anim-fade-in .4s .2s ease forwards;display:flex;height:calc(100vh - 28px);justify-content:flex-start;left:88px;opacity:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;top:14px;width:calc(100% - 176px);z-index:9005}@media screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) and (orientation: portrait),screen and (max-width: 767px) and (orientation: portrait),screen and (max-height: 420px) and (orientation: landscape){.slide-out__content{left:44px;width:calc(100% - 88px)}}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtb3V0LWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWdlbS1zcGFhcy9zcmMvc2xpZGUtb3V0L3NsaWRlLW91dC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1nZW0tc3BhYXMvc3JjL3NsaWRlLW91dC9zbGlkZS1vdXQtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVF4QyxNQUFNLE9BQU8sd0JBQXdCOytHQUF4Qix3QkFBd0I7bUdBQXhCLHdCQUF3QiwrRENSckMsaUZBR0E7OzRGREthLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NwYWFzLXNsaWRlLW91dC1jb250ZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGUtb3V0LWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLW91dC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU2xpZGVPdXRDb250ZW50Q29tcG9uZW50IHtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2xpZGUtb3V0X19jb250ZW50XCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19