UNPKG

@dotglitch/ngx-common

Version:

Angular components and utilities that are commonly used.

1 lines 16.9 kB
{"version":3,"file":"dotglitch-ngx-common-overlay-wrapper.mjs","sources":["../../packages/common/overlay-wrapper/overlay-wrapper.component.ts","../../packages/common/overlay-wrapper/overlay-wrapper.component.html","../../packages/common/overlay-wrapper/dotglitch-ngx-common-overlay-wrapper.ts"],"sourcesContent":["import { CommonModule, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, ElementRef, OnInit, TemplateRef, ViewChild } from '@angular/core';\nimport gsap from 'gsap';\n\n@Component({\n selector: 'ngx-transition-panel',\n templateUrl: './overlay-wrapper.component.html',\n styleUrls: ['./overlay-wrapper.component.scss'],\n imports: [\n NgTemplateOutlet\n ],\n standalone: true\n})\nexport class TransitionPanelComponent implements AfterViewInit {\n @ContentChild('content', { read: TemplateRef }) content: TemplateRef<ElementRef>;\n @ContentChild('background', { read: TemplateRef }) background: TemplateRef<ElementRef>;\n\n constructor(\n private readonly elementRef: ElementRef\n ) { }\n\n ngAfterViewInit() {\n const el = this.elementRef.nativeElement;\n\n //OPEN TRIGGER\n const openTrigger = el.querySelector('.menu-trigger') as HTMLElement;\n const openTriggerTop = openTrigger.querySelector('.menu-trigger-bar.top') as HTMLElement;\n const openTriggerMiddle = openTrigger.querySelector('.menu-trigger-bar.middle') as HTMLElement;\n const openTriggerBottom = openTrigger.querySelector('.menu-trigger-bar.bottom') as HTMLElement;\n\n //CLOSE TRIGGER\n const closeTrigger = el.querySelector('.close-trigger') as HTMLElement;\n const closeTriggerLeft = closeTrigger.querySelector('.close-trigger-bar.left') as HTMLElement;\n const closeTriggerRight = closeTrigger.querySelector('.close-trigger-bar.right') as HTMLElement;\n\n //LOGO\n const front = el.querySelector('.front') as HTMLElement;\n\n //MENU\n const menu = el.querySelector('.back-content') as HTMLElement;\n const menuTop = el.querySelector('.rect.top') as HTMLElement;\n const menuMiddle = el.querySelector('.rect.middle') as HTMLElement;\n const menuBottom = el.querySelector('.rect.bottom') as HTMLElement;\n\n //TL\n const tlOpen = gsap.timeline({\n paused: true\n });\n const tlClose = gsap.timeline({\n paused: true\n });\n\n //OPEN TIMELINE\n tlOpen\n .add(\"preOpen\")\n .to(front, {\n duration: 0.4,\n scale: 0.8,\n opacity: 0,\n ease: \"power2.easeOut\"\n }, \"preOpen\")\n .to(openTriggerTop, {\n duration: 0.4,\n x: \"+80px\",\n y: \"-80px\",\n delay: 0.1,\n ease: \"power4.easeIn\",\n onComplete: function () {\n closeTrigger.style['z-index'] = '25';\n }\n }, \"preOpen\")\n .to(openTriggerMiddle, {\n duration: 0.4,\n x: \"+=80px\",\n y: \"-=80px\",\n ease: \"power4.easeIn\",\n onComplete: function () {\n openTrigger.style['visibility'] = 'hidden';\n }\n }, \"preOpen\")\n .to(openTriggerBottom, {\n duration: 0.4,\n x: \"+=80px\", y: \"-=80px\", delay: 0.2, ease: \"power4.easeIn\"\n }, \"preOpen\")\n\n .add(\"open\", \"-=0.4\")\n .to(menuTop, {\n duration: 0.8,\n bottom: \"25%\",\n right: \"25%\",\n left: \"-75%\",\n top: \"-75%\",\n ease: \"power4.inOut\"\n }, \"open\")\n .to(menuMiddle, {\n duration: 0.8,\n scaleX: 1,\n ease: \"power4.inOut\"\n }, \"open\")\n .to(menuBottom, {\n duration: 0.8,\n top: \"25%\",\n left: \"25%\",\n right: \"-75%\",\n bottom: \"-75%\",\n ease: \"power4.inOut\"\n }, \"open\")\n .fromTo(menu, {\n duration: 0.6,\n y: 30,\n opacity: 0,\n visibility: 'hidden'\n },\n {\n y: 0,\n opacity: 1,\n visibility: 'visible',\n ease: \"power4.out\"\n },\n \"-=0.2\")\n\n .add(\"preClose\", \"-=0.8\")\n .to(closeTriggerLeft, {\n duration: 0.8,\n x: \"-=100px\",\n y: \"+=100px\",\n ease: \"power4.easeOut\"\n }, \"preClose\")\n .to(closeTriggerRight, {\n duration: 0.8,\n x: \"+=100px\",\n y: \"+=100px\",\n delay: 0.2,\n ease: \"power4.easeOut\"\n }, \"preClose\");\n\n\n //CLOSE TIMELINE\n tlClose\n .add(\"close\")\n .to(menuTop, {\n duration: 0.2,\n backgroundColor: \"#6295ca\",\n ease: \"power4.inOut\",\n onComplete: function () {\n front.style['z-index'] = '26';\n closeTrigger.style['z-index'] = '5';\n openTrigger.style['visibility'] = 'visible';\n }\n }, \"close\")\n .to(menuMiddle, {\n duration: 0.2,\n backgroundColor: \"#6295ca\",\n ease: \"power4.inOut\"\n }, \"close\")\n .to(menuBottom, {\n duration: 0.2,\n backgroundColor: \"#6295ca\",\n ease: \"power4.inOut\"\n }, \"close\")\n .to(menu, {\n duration: 0.6,\n y: 20,\n opacity: 0,\n ease: \"power4.easeOut\",\n onComplete: function () {\n menu.style['visibility'] = 'hidden';\n }\n }, \"close\")\n .to(front, {\n duration: 0.8,\n delay: \"+=0.2\",\n scale: 1,\n opacity: 1,\n ease: \"power4.inOut\",\n }, \"close\")\n .to(menuTop, {\n duration: 0.8,\n delay: \"+=0.2\",\n bottom: \"100%\",\n right: \"100%\",\n left: \"-50%\",\n top: \"-50%\",\n ease: \"power4.inOut\"\n }, \"close\")\n .to(menuMiddle, {\n duration: 0.8,\n delay: \"+=0.2\",\n scaleX: 0,\n ease: \"power4.inOut\"\n }, \"close\")\n .to(menuBottom, {\n duration: 0.8,\n delay: \"+=0.2\",\n bottom: \"-50%\",\n right: \"-50%\",\n left: \"100%\",\n top: \"100%\",\n ease: \"power4.inOut\",\n onComplete: function () {\n menuTop.style['background-color'] = '#ffffff';\n menuMiddle.style['background-color'] = '#ffffff';\n menuBottom.style['background-color'] = '#ffffff';\n }\n }, \"close\")\n .to(closeTriggerLeft, {\n duration: 0.2,\n x: \"+=100px\",\n y: \"-=100px\",\n ease: \"power4.easeIn\"\n }, \"close\")\n .to(closeTriggerRight, {\n duration: 0.2,\n x: \"-=100px\",\n y: \"-=100px\",\n delay: 0.1,\n ease: \"power4.easeIn\"\n }, \"close\")\n .to(openTriggerTop, {\n duration: 1,\n x: \"-=80px\",\n y: \"+=80px\",\n delay: 0.2,\n ease: \"power4.easeOut\"\n }, \"close\")\n .to(openTriggerMiddle, {\n duration: 1,\n x: \"-=80px\",\n y: \"+=80px\",\n ease: \"power4.easeOut\"\n }, \"close\")\n .to(openTriggerBottom, {\n duration: 1,\n x: \"-=80px\",\n y: \"+=80px\",\n delay: 0.1,\n ease: \"power4.easeOut\"\n }, \"close\");\n\n\n //EVENTS\n openTrigger.onclick = function () {\n if (tlOpen.progress() < 1) {\n tlOpen.play();\n } else {\n tlOpen.restart();\n }\n };\n\n closeTrigger.onclick = function () {\n if (tlClose.progress() < 1) {\n tlClose.play();\n } else {\n tlClose.restart();\n }\n };\n }\n\n}\n","<!-- BASEN ON DRIBBBLE SHOT: https://dribbble.com/shots/2209627-UI8-Nav -->\n\n <span class=\"menu-trigger\">\n <span class=\"menu-trigger-bar top\"></span>\n <span class=\"menu-trigger-bar middle\"></span>\n <span class=\"menu-trigger-bar bottom\"></span>\n </span>\n <span class=\"close-trigger\">\n <span class=\"close-trigger-bar left\"></span>\n <span class=\"close-trigger-bar right\"></span>\n </span>\n <span class=\"front\">\n @if (content) {\n <ng-template [ngTemplateOutlet]=\"content\"/>\n }\n @else {\n <ng-content />\n }\n </span>\n <div class=\"inner-container\">\n <span class=\"rect top\"></span>\n <span class=\"rect middle\"></span>\n <span class=\"rect bottom\"></span>\n\n <div class=\"back-content\">\n @if (background) {\n <ng-template [ngTemplateOutlet]=\"background\" />\n }\n </div>\n </div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}