Icard/angular-clarity-master(work.../node_modules/primeng/esm2022/styleclass/styleclass.mjs

316 lines
36 KiB
JavaScript
Raw Permalink Normal View History

2024-07-16 14:55:36 +00:00
import { CommonModule } from '@angular/common';
import { Directive, HostListener, Input, NgModule, booleanAttribute } from '@angular/core';
import { DomHandler } from 'primeng/dom';
import * as i0 from "@angular/core";
/**
* StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
* @group Components
*/
export class StyleClass {
el;
renderer;
zone;
constructor(el, renderer, zone) {
this.el = el;
this.renderer = renderer;
this.zone = zone;
}
/**
* Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
* @group Props
*/
selector;
/**
* Style class to add when item begins to get displayed.
* @group Props
* @deprecated Use enterFromClass instead
*/
set enterClass(value) {
this._enterClass = value;
console.warn('enterClass is deprecated, use enterFromClass instead');
}
get enterClass() {
return this._enterClass;
}
/**
* Style class to add when item begins to get displayed.
* @group Props
*/
enterFromClass;
/**
* Style class to add during enter animation.
* @group Props
*/
enterActiveClass;
/**
* Style class to add when item begins to get displayed.
* @group Props
*/
enterToClass;
/**
* Style class to add when item begins to get hidden.
* @group Props
* @deprecated Use leaveFromClass instead
*/
set leaveClass(value) {
this._leaveClass = value;
console.warn('leaveClass is deprecated, use leaveFromClass instead');
}
get leaveClass() {
return this._leaveClass;
}
/**
* Style class to add when item begins to get hidden.
* @group Props
*/
leaveFromClass;
/**
* Style class to add during leave animation.
* @group Props
*/
leaveActiveClass;
/**
* Style class to add when leave animation is completed.
* @group Props
*/
leaveToClass;
/**
* Whether to trigger leave animation when outside of the element is clicked.
* @group Props
*/
hideOnOutsideClick;
/**
* Adds or removes a class when no enter-leave animation is required.
* @group Props
*/
toggleClass;
/**
* Whether to trigger leave animation when escape key pressed.
* @group Props
*/
hideOnEscape;
eventListener;
documentClickListener;
documentKeydownListener;
target;
enterListener;
leaveListener;
animating;
_enterClass;
_leaveClass;
clickListener() {
this.target = this.resolveTarget();
if (this.toggleClass) {
this.toggle();
}
else {
if (this.target.offsetParent === null)
this.enter();
else
this.leave();
}
}
toggle() {
if (DomHandler.hasClass(this.target, this.toggleClass))
DomHandler.removeClass(this.target, this.toggleClass);
else
DomHandler.addClass(this.target, this.toggleClass);
}
enter() {
if (this.enterActiveClass) {
if (!this.animating) {
this.animating = true;
if (this.enterActiveClass === 'slidedown') {
this.target.style.height = '0px';
DomHandler.removeClass(this.target, 'hidden');
this.target.style.maxHeight = this.target.scrollHeight + 'px';
DomHandler.addClass(this.target, 'hidden');
this.target.style.height = '';
}
DomHandler.addClass(this.target, this.enterActiveClass);
if (this.enterClass || this.enterFromClass) {
DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);
}
this.enterListener = this.renderer.listen(this.target, 'animationend', () => {
DomHandler.removeClass(this.target, this.enterActiveClass);
if (this.enterToClass) {
DomHandler.addClass(this.target, this.enterToClass);
}
this.enterListener && this.enterListener();
if (this.enterActiveClass === 'slidedown') {
this.target.style.maxHeight = '';
}
this.animating = false;
});
}
}
else {
if (this.enterClass || this.enterFromClass) {
DomHandler.removeClass(this.target, this.enterClass || this.enterFromClass);
}
if (this.enterToClass) {
DomHandler.addClass(this.target, this.enterToClass);
}
}
if (this.hideOnOutsideClick) {
this.bindDocumentClickListener();
}
if (this.hideOnEscape) {
this.bindDocumentKeydownListener();
}
}
leave() {
if (this.leaveActiveClass) {
if (!this.animating) {
this.animating = true;
DomHandler.addClass(this.target, this.leaveActiveClass);
if (this.leaveClass || this.leaveFromClass) {
DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);
}
this.leaveListener = this.renderer.listen(this.target, 'animationend', () => {
DomHandler.removeClass(this.target, this.leaveActiveClass);
if (this.leaveToClass) {
DomHandler.addClass(this.target, this.leaveToClass);
}
this.leaveListener && this.leaveListener();
this.animating = false;
});
}
}
else {
if (this.leaveClass || this.leaveFromClass) {
DomHandler.removeClass(this.target, this.leaveClass || this.leaveFromClass);
}
if (this.leaveToClass) {
DomHandler.addClass(this.target, this.leaveToClass);
}
}
if (this.hideOnOutsideClick) {
this.unbindDocumentClickListener();
}
if (this.hideOnEscape) {
this.unbindDocumentKeydownListener();
}
}
resolveTarget() {
if (this.target) {
return this.target;
}
switch (this.selector) {
case '@next':
return this.el.nativeElement.nextElementSibling;
case '@prev':
return this.el.nativeElement.previousElementSibling;
case '@parent':
return this.el.nativeElement.parentElement;
case '@grandparent':
return this.el.nativeElement.parentElement.parentElement;
default:
return document.querySelector(this.selector);
}
}
bindDocumentClickListener() {
if (!this.documentClickListener) {
this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {
if (!this.isVisible() || getComputedStyle(this.target).getPropertyValue('position') === 'static')
this.unbindDocumentClickListener();
else if (this.isOutsideClick(event))
this.leave();
});
}
}
bindDocumentKeydownListener() {
if (!this.documentKeydownListener) {
this.zone.runOutsideAngular(() => {
this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {
const { key, keyCode, which, type } = event;
if (!this.isVisible() || getComputedStyle(this.target).getPropertyValue('position') === 'static')
this.unbindDocumentKeydownListener();
if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27)
this.leave();
});
});
}
}
isVisible() {
return this.target.offsetParent !== null;
}
isOutsideClick(event) {
return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !this.target.contains(event.target);
}
unbindDocumentClickListener() {
if (this.documentClickListener) {
this.documentClickListener();
this.documentClickListener = null;
}
}
unbindDocumentKeydownListener() {
if (this.documentKeydownListener) {
this.documentKeydownListener();
this.documentKeydownListener = null;
}
}
ngOnDestroy() {
this.target = null;
if (this.eventListener) {
this.eventListener();
}
this.unbindDocumentClickListener();
this.unbindDocumentKeydownListener();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: StyleClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.3.7", type: StyleClass, selector: "[pStyleClass]", inputs: { selector: ["pStyleClass", "selector"], enterClass: "enterClass", enterFromClass: "enterFromClass", enterActiveClass: "enterActiveClass", enterToClass: "enterToClass", leaveClass: "leaveClass", leaveFromClass: "leaveFromClass", leaveActiveClass: "leaveActiveClass", leaveToClass: "leaveToClass", hideOnOutsideClick: ["hideOnOutsideClick", "hideOnOutsideClick", booleanAttribute], toggleClass: "toggleClass", hideOnEscape: ["hideOnEscape", "hideOnEscape", booleanAttribute] }, host: { listeners: { "click": "clickListener($event)" }, classAttribute: "p-element" }, ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: StyleClass, decorators: [{
type: Directive,
args: [{
selector: '[pStyleClass]',
host: {
class: 'p-element'
}
}]
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { selector: [{
type: Input,
args: ['pStyleClass']
}], enterClass: [{
type: Input
}], enterFromClass: [{
type: Input
}], enterActiveClass: [{
type: Input
}], enterToClass: [{
type: Input
}], leaveClass: [{
type: Input
}], leaveFromClass: [{
type: Input
}], leaveActiveClass: [{
type: Input
}], leaveToClass: [{
type: Input
}], hideOnOutsideClick: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], toggleClass: [{
type: Input
}], hideOnEscape: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], clickListener: [{
type: HostListener,
args: ['click', ['$event']]
}] } });
export class StyleClassModule {
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: StyleClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: StyleClassModule, declarations: [StyleClass], imports: [CommonModule], exports: [StyleClass] });
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: StyleClassModule, imports: [CommonModule] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: StyleClassModule, decorators: [{
type: NgModule,
args: [{
imports: [CommonModule],
exports: [StyleClass],
declarations: [StyleClass]
}]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVjbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9zdHlsZWNsYXNzL3N0eWxlY2xhc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQWdDLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JJLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBRXpDOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxVQUFVO0lBQ0E7SUFBdUI7SUFBNkI7SUFBdkUsWUFBbUIsRUFBYyxFQUFTLFFBQW1CLEVBQVUsSUFBWTtRQUFoRSxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVMsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLFNBQUksR0FBSixJQUFJLENBQVE7SUFBRyxDQUFDO0lBQ3ZGOzs7T0FHRztJQUNtQixRQUFRLENBQXFCO0lBQ25EOzs7O09BSUc7SUFDSCxJQUFhLFVBQVUsQ0FBQyxLQUFhO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0RBQXNELENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBQ0QsSUFBSSxVQUFVO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzVCLENBQUM7SUFDRDs7O09BR0c7SUFDTSxjQUFjLENBQXFCO0lBQzVDOzs7T0FHRztJQUNNLGdCQUFnQixDQUFxQjtJQUM5Qzs7O09BR0c7SUFDTSxZQUFZLENBQXFCO0lBQzFDOzs7O09BSUc7SUFDSCxJQUFhLFVBQVUsQ0FBQyxLQUFhO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLE9BQU8sQ0FBQyxJQUFJLENBQUMsc0RBQXNELENBQUMs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