1 line
42 KiB
Plaintext
1 line
42 KiB
Plaintext
|
{"version":3,"file":"primeng-overlay.mjs","sources":["../../src/app/components/overlay/overlay.ts","../../src/app/components/overlay/primeng-overlay.ts"],"sourcesContent":["import { animate, animation, AnimationEvent, style, transition, trigger, useAnimation } from '@angular/animations';\nimport { CommonModule, DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n forwardRef,\n Inject,\n Input,\n NgModule,\n NgZone,\n OnDestroy,\n Output,\n PLATFORM_ID,\n QueryList,\n Renderer2,\n TemplateRef,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { OverlayModeType, OverlayOnBeforeHideEvent, OverlayOnBeforeShowEvent, OverlayOnHideEvent, OverlayOnShowEvent, OverlayOptions, OverlayService, PrimeNGConfig, PrimeTemplate, ResponsiveOverlayOptions, SharedModule } from 'primeng/api';\nimport { ConnectedOverlayScrollHandler, DomHandler } from 'primeng/dom';\nimport { ObjectUtils, ZIndexUtils } from 'primeng/utils';\nimport { VoidListener } from 'primeng/ts-helpers';\n\nexport const OVERLAY_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => Overlay),\n multi: true\n};\n\nconst showOverlayContentAnimation = animation([style({ transform: '{{transform}}', opacity: 0 }), animate('{{showTransitionParams}}')]);\n\nconst hideOverlayContentAnimation = animation([animate('{{hideTransitionParams}}', style({ transform: '{{transform}}', opacity: 0 }))]);\n/**\n * This API allows overlay components to be controlled from the PrimeNGConfig. In this way, all overlay components in the application can have the same behavior.\n * @group Components\n */\n@Component({\n selector: 'p-overlay',\n template: `\n <div\n *ngIf=\"modalVisible\"\n #overlay\n [ngStyle]=\"style\"\n [class]=\"styleClass\"\n [ngClass]=\"{\n 'p-overlay p-component': true,\n 'p-overlay-modal p-component-overlay p-component-overlay-enter': modal,\n 'p-overlay-center': modal && overlayResponsiveDirection === 'center',\n 'p-overlay-top': modal && overlayResponsiveDirection === 'top',\n 'p-overlay-top-start': modal && overlayResponsiveDirection === 'top-start',\n 'p-overlay-top-end': modal && overlayResponsiveDirection === 'top-end',\n 'p-overlay-bottom': modal && overlayResponsiveDirection === 'bottom',\n 'p-overlay-bottom-start': modal && overlayResponsiveDirection === 'bottom-start',\n 'p-overlay-bottom-end': modal && overlayResponsiveDirection === 'bottom-end',\n 'p-overlay-left': modal && overlayResponsiveDirection === 'left',\n 'p-overlay-left-start': modal && overlayResponsiveDirection === 'left-start',\n 'p-overlay-left-end': modal && overlayResponsiveDirection === 'left-end',\n 'p-overlay-right': modal && overlayResponsiveDirection === 'right',\n 'p-overlay-right-start': modal && overlayResponsiveDirection === 'right-start',\n 'p-overlay-right-end': modal && overlayResponsiveDirection === 'right-end'\n }\"\n (click)=\"onOverlayClick()\"\n >\n <div\n *ngIf=\"visible\"\n #content\n [ngStyle]=\"contentStyle\"\n [class]=\"contentStyleClass\"\n [ngClass]=\"'p-overlay-content'\"\n (click)=\"onOverlayContentClick($event)\"\n [@overlayContentAnimation]=\"{ value: 'visible', params: { showTransitionParams: showTransitionOptions, hideTransitionParams: hideTransitionOptions, transform: transformOptions[modal ? overlayResponsiveDirection : 'default'] } }\"\n (@overlayContentAnimation.start)=\"onOverlayContentAnimationStart($event)\"\n
|