@wawjs/ngx-prime 22.0.0

package/fesm2022/wawjs-ngx-prime-baseinput.mjs

@@ -0,0 +1,95 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, computed, Directive } from '@angular/core';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import { Fluid } from '@wawjs/ngx-prime/fluid';
+
+class BaseInput extends BaseEditableHolder {
+    pcFluid = inject(Fluid, { optional: true, host: true, skipSelf: true });
+    /**
+     * Spans 100% width of the container when enabled.
+     * @defaultValue false
+     * @group Props
+     */
+    fluid = input(undefined, { ...(ngDevMode ? { debugName: "fluid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue 'outlined'
+     * @group Props
+     */
+    variant = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the visible width of the input element in characters.
+     * @defaultValue undefined
+     * @group Props
+     */
+    inputSize = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "inputSize" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the value must match the pattern.
+     * @defaultValue undefined
+     * @group Props
+     */
+    pattern = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "pattern" }] : /* istanbul ignore next */ []));
+    /**
+     * The value must be greater than or equal to the value.
+     * @defaultValue undefined
+     * @group Props
+     */
+    min = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+    /**
+     * The value must be less than or equal to the value.
+     * @defaultValue undefined
+     * @group Props
+     */
+    max = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    /**
+     * Unless the step is set to the any literal, the value must be min + an integral multiple of the step.
+     * @defaultValue undefined
+     * @group Props
+     */
+    step = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    /**
+     * The number of characters (code points) must not be less than the value of the attribute, if non-empty.
+     * @defaultValue undefined
+     * @group Props
+     */
+    minlength = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "minlength" }] : /* istanbul ignore next */ []));
+    /**
+     * The number of characters (code points) must not exceed the value of the attribute.
+     * @defaultValue undefined
+     * @group Props
+     */
+    maxlength = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "maxlength" }] : /* istanbul ignore next */ []));
+    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
+    get hasFluid() {
+        return this.fluid() ?? !!this.pcFluid;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BaseInput, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: BaseInput, isStandalone: true, inputs: { fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, inputSize: { classPropertyName: "inputSize", publicName: "inputSize", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BaseInput, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }], propDecorators: { fluid: [{ type: i0.Input, args: [{ isSignal: true, alias: "fluid", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inputSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSize", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseInput };
+//# sourceMappingURL=wawjs-ngx-prime-baseinput.mjs.map

package/fesm2022/wawjs-ngx-prime-baseinput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-baseinput.mjs","sources":["../../src/baseinput/baseinput.ts","../../src/baseinput/wawjs-ngx-prime-baseinput.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input } from '@angular/core';\nimport { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';\nimport { Fluid } from '@wawjs/ngx-prime/fluid';\n\n@Directive({ standalone: true })\nexport class BaseInput<PT = any> extends BaseEditableHolder<PT> {\n    pcFluid: Fluid | null = inject(Fluid, { optional: true, host: true, skipSelf: true });\n\n    /**\n     * Spans 100% width of the container when enabled.\n     * @defaultValue false\n     * @group Props\n     */\n    fluid = input(undefined, { transform: booleanAttribute });\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue 'outlined'\n     * @group Props\n     */\n    variant = input<'filled' | 'outlined' | undefined>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<'large' | 'small' | undefined>();\n    /**\n     * Specifies the visible width of the input element in characters.\n     * @defaultValue undefined\n     * @group Props\n     */\n    inputSize = input<number | null | undefined>();\n    /**\n     * Specifies the value must match the pattern.\n     * @defaultValue undefined\n     * @group Props\n     */\n    pattern = input<string | null | undefined>();\n    /**\n     * The value must be greater than or equal to the value.\n     * @defaultValue undefined\n     * @group Props\n     */\n    min = input<number | null | undefined>();\n    /**\n     * The value must be less than or equal to the value.\n     * @defaultValue undefined\n     * @group Props\n     */\n    max = input<number | null | undefined>();\n    /**\n     * Unless the step is set to the any literal, the value must be min + an integral multiple of the step.\n     * @defaultValue undefined\n     * @group Props\n     */\n    step = input<number | null | undefined>();\n    /**\n     * The number of characters (code points) must not be less than the value of the attribute, if non-empty.\n     * @defaultValue undefined\n     * @group Props\n     */\n    minlength = input<number | null | undefined>();\n    /**\n     * The number of characters (code points) must not exceed the value of the attribute.\n     * @defaultValue undefined\n     * @group Props\n     */\n    maxlength = input<number | null | undefined>();\n\n    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant());\n\n    get hasFluid() {\n        return this.fluid() ?? !!this.pcFluid;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/wawjs-ngx-prime-basemodelholder.mjs

@@ -0,0 +1,27 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Directive } from '@angular/core';
+import { isNotEmpty } from '@wawjs/css-prime-utils';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+
+class BaseModelHolder extends BaseComponent {
+    modelValue = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modelValue" }] : /* istanbul ignore next */ []));
+    $filled = computed(() => isNotEmpty(this.modelValue()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$filled" }] : /* istanbul ignore next */ []));
+    writeModelValue(value) {
+        this.modelValue.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BaseModelHolder, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: BaseModelHolder, isStandalone: true, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BaseModelHolder, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseModelHolder };
+//# sourceMappingURL=wawjs-ngx-prime-basemodelholder.mjs.map

package/fesm2022/wawjs-ngx-prime-basemodelholder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-basemodelholder.mjs","sources":["../../src/basemodelholder/basemodelholder.ts","../../src/basemodelholder/wawjs-ngx-prime-basemodelholder.ts"],"sourcesContent":["import { computed, Directive, signal } from '@angular/core';\nimport { isNotEmpty } from '@wawjs/css-prime-utils';\nimport { BaseComponent } from '@wawjs/ngx-prime/basecomponent';\n\n@Directive({ standalone: true })\nexport class BaseModelHolder<PT = any> extends BaseComponent<PT> {\n    modelValue = signal<string | string[] | any | undefined>(undefined);\n\n    $filled = computed(() => isNotEmpty(this.modelValue()));\n\n    writeModelValue(value: any) {\n        this.modelValue.set(value);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;AAKM,MAAO,eAA0B,SAAQ,aAAiB,CAAA;IAC5D,UAAU,GAAG,MAAM,CAAsC,SAAS;mFAAC;AAEnE,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gFAAC;AAEvD,IAAA,eAAe,CAAC,KAAU,EAAA;AACtB,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;uGAPS,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE;;;ACJ/B;;AAEG;;;;"}

package/fesm2022/wawjs-ngx-prime-bind.mjs

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, signal, computed, effect, Directive, NgModule } from '@angular/core';
+import { cn, equals } from '@wawjs/css-prime-utils';
+
+/**
+ * Bind directive provides dynamic attribute, property, and event listener binding functionality.
+ * @group Components
+ */
+class Bind {
+    el = inject(ElementRef);
+    renderer = inject(Renderer2);
+    /**
+     * Dynamic attributes, properties, and event listeners to be applied to the host element.
+     * @group Props
+     */
+    pBind = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pBind" }] : /* istanbul ignore next */ []));
+    _attrs = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_attrs" }] : /* istanbul ignore next */ []));
+    attrs = computed(() => this._attrs() || this.pBind(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "attrs" }] : /* istanbul ignore next */ []));
+    styles = computed(() => this.attrs()?.style, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(this.attrs()?.class), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    listeners = [];
+    constructor() {
+        effect(() => {
+            const { style, class: className, ...rest } = this.attrs() || {};
+            for (const [key, value] of Object.entries(rest)) {
+                if (key.startsWith('on') && typeof value === 'function') {
+                    const eventName = key.slice(2).toLowerCase();
+                    // add listener if not already added
+                    if (!this.listeners.some((l) => l.eventName === eventName)) {
+                        const unlisten = this.renderer.listen(this.el.nativeElement, eventName, value);
+                        this.listeners.push({ eventName, unlisten });
+                    }
+                }
+                else if (value === null || value === undefined) {
+                    // remove attr
+                    this.renderer.removeAttribute(this.el.nativeElement, key);
+                }
+                else {
+                    // attr & prop fallback
+                    this.renderer.setAttribute(this.el.nativeElement, key, value.toString());
+                    if (key in this.el.nativeElement) {
+                        this.el.nativeElement[key] = value;
+                    }
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.clearListeners();
+    }
+    setAttrs(attrs) {
+        if (!equals(this._attrs(), attrs)) {
+            this._attrs.set(attrs);
+        }
+    }
+    clearListeners() {
+        this.listeners.forEach(({ unlisten }) => unlisten());
+        this.listeners = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Bind, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: Bind, isStandalone: true, selector: "[pBind]", inputs: { pBind: { classPropertyName: "pBind", publicName: "pBind", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "styles()", "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Bind, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[pBind]',
+                    standalone: true,
+                    host: {
+                        '[style]': 'styles()',
+                        '[class]': 'classes()'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { pBind: [{ type: i0.Input, args: [{ isSignal: true, alias: "pBind", required: false }] }] } });
+class BindModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BindModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: BindModule, imports: [Bind], exports: [Bind] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BindModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BindModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Bind],
+                    exports: [Bind]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Bind, BindModule };
+//# sourceMappingURL=wawjs-ngx-prime-bind.mjs.map

package/fesm2022/wawjs-ngx-prime-bind.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-bind.mjs","sources":["../../src/bind/bind.ts","../../src/bind/wawjs-ngx-prime-bind.ts"],"sourcesContent":["import { computed, Directive, effect, ElementRef, input, NgModule, Renderer2, signal, OnDestroy, inject } from '@angular/core';\nimport { cn, equals } from '@wawjs/css-prime-utils';\n\n/**\n * Bind directive provides dynamic attribute, property, and event listener binding functionality.\n * @group Components\n */\n@Directive({\n    selector: '[pBind]',\n    standalone: true,\n    host: {\n        '[style]': 'styles()',\n        '[class]': 'classes()'\n    }\n})\nexport class Bind implements OnDestroy {\n    private el = inject(ElementRef);\n    private renderer = inject(Renderer2);\n\n    /**\n     * Dynamic attributes, properties, and event listeners to be applied to the host element.\n     * @group Props\n     */\n    pBind = input<{ [key: string]: any } | undefined>(undefined);\n\n    private _attrs = signal<{ [key: string]: any } | undefined>(undefined);\n    private attrs = computed(() => this._attrs() || this.pBind());\n\n    styles = computed(() => this.attrs()?.style);\n    classes = computed(() => cn(this.attrs()?.class));\n\n    private listeners: { eventName: string; unlisten: () => void }[] = [];\n\n    constructor() {\n        effect(() => {\n            const { style, class: className, ...rest } = this.attrs() || {};\n\n            for (const [key, value] of Object.entries(rest)) {\n                if (key.startsWith('on') && typeof value === 'function') {\n                    const eventName = key.slice(2).toLowerCase();\n\n                    // add listener if not already added\n                    if (!this.listeners.some((l) => l.eventName === eventName)) {\n                        const unlisten = this.renderer.listen(this.el.nativeElement, eventName, value);\n\n                        this.listeners.push({ eventName, unlisten });\n                    }\n                } else if (value === null || value === undefined) {\n                    // remove attr\n                    this.renderer.removeAttribute(this.el.nativeElement, key);\n                } else {\n                    // attr & prop fallback\n                    this.renderer.setAttribute(this.el.nativeElement, key, value.toString());\n\n                    if (key in this.el.nativeElement) {\n                        (this.el.nativeElement as any)[key] = value;\n                    }\n                }\n            }\n        });\n    }\n\n    ngOnDestroy() {\n        this.clearListeners();\n    }\n\n    public setAttrs(attrs: { [key: string]: any } | undefined) {\n        if (!equals(this._attrs(), attrs)) {\n            this._attrs.set(attrs);\n        }\n    }\n\n    private clearListeners() {\n        this.listeners.forEach(({ unlisten }) => unlisten());\n        this.listeners = [];\n    }\n}\n\n@NgModule({\n    imports: [Bind],\n    exports: [Bind]\n})\nexport class BindModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAGA;;;AAGG;MASU,IAAI,CAAA;AACL,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AACvB,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAEpC;;;AAGG;IACH,KAAK,GAAG,KAAK,CAAqC,SAAS;8EAAC;IAEpD,MAAM,GAAG,MAAM,CAAqC,SAAS;+EAAC;AAC9D,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE;8EAAC;IAE7D,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK;+EAAC;AAC5C,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC;gFAAC;IAEzC,SAAS,GAAkD,EAAE;AAErE,IAAA,WAAA,GAAA;QACI,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;AAE/D,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AAC7C,gBAAA,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;oBACrD,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;;AAG5C,oBAAA,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,EAAE;AACxD,wBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,CAAC;wBAE9E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;oBAChD;gBACJ;qBAAO,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;;AAE9C,oBAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC;gBAC7D;qBAAO;;AAEH,oBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;oBAExE,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;wBAC7B,IAAI,CAAC,EAAE,CAAC,aAAqB,CAAC,GAAG,CAAC,GAAG,KAAK;oBAC/C;gBACJ;YACJ;AACJ,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;QACP,IAAI,CAAC,cAAc,EAAE;IACzB;AAEO,IAAA,QAAQ,CAAC,KAAyC,EAAA;QACrD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE;AAC/B,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QAC1B;IACJ;IAEQ,cAAc,GAAA;AAClB,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,CAAC;AACpD,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;uGA5DS,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAJ,IAAI,EAAA,UAAA,EAAA,CAAA;kBARhB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,UAAU;AACrB,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;MAoEY,UAAU,CAAA;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAV,UAAU,EAAA,OAAA,EAAA,CAnEV,IAAI,CAAA,EAAA,OAAA,EAAA,CAAJ,IAAI,CAAA,EAAA,CAAA;wGAmEJ,UAAU,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,IAAI,CAAC;oBACf,OAAO,EAAE,CAAC,IAAI;AACjB,iBAAA;;;ACjFD;;AAEG;;;;"}

package/fesm2022/wawjs-ngx-prime-blockui.mjs

@@ -0,0 +1,250 @@
+export * from '@wawjs/ngx-prime/types/blockui';
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, booleanAttribute, numberAttribute, effect, contentChildren, ContentChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { PrimeTemplate, SharedModule } from '@wawjs/ngx-prime/api';
+import { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { blockBodyScroll, unblockBodyScroll } from '@wawjs/ngx-prime/dom';
+import { ZIndexUtils } from '@wawjs/ngx-prime/utils';
+import { style } from '@wawjs/css-prime-styles/blockui';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+const classes = {
+    root: ({ instance }) => [
+        'p-blockui p-blockui-mask',
+        {
+            'p-blockui-mask-document': !instance.target()
+        }
+    ]
+};
+class BlockUiStyle extends BaseStyle {
+    name = 'blockui';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUiStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUiStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUiStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * BlockUI represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.ngx-prime.org/blockui)
+ *
+ * @module blockuistyle
+ *
+ */
+var BlockUIClasses;
+(function (BlockUIClasses) {
+    /**
+     * Class name of the root element
+     */
+    BlockUIClasses["root"] = "p-blockui";
+})(BlockUIClasses || (BlockUIClasses = {}));
+
+const BLOCKUI_INSTANCE = new InjectionToken('BLOCKUI_INSTANCE');
+/**
+ * BlockUI can either block other components or the whole page.
+ * @group Components
+ */
+class BlockUI extends BaseComponent {
+    componentName = 'BlockUI';
+    $pcBlockUI = inject(BLOCKUI_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Name of the local ng-template variable referring to another component.
+     * @group Props
+     */
+    target = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex = input(true, { ...(ngDevMode ? { debugName: "autoZIndex" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex = input(0, { ...(ngDevMode ? { debugName: "baseZIndex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Current blocked state as a boolean.
+     * @group Props
+     */
+    blocked = input(false, { ...(ngDevMode ? { debugName: "blocked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * template of the content
+     * @group Templates
+     */
+    contentTemplate;
+    _blocked = false;
+    animationEndListener;
+    _componentStyle = inject(BlockUiStyle);
+    constructor() {
+        super();
+        effect(() => {
+            const val = this.blocked();
+            if (this.el && this.el.nativeElement) {
+                if (val) {
+                    this.block();
+                }
+                else if (this._blocked) {
+                    // Only unblock if currently blocked
+                    this.unblock();
+                }
+            }
+            else {
+                this._blocked = val;
+            }
+        });
+    }
+    onAfterViewInit() {
+        if (this._blocked)
+            this.block();
+        if (this.target() && !this.target().getBlockableElement) {
+            throw 'Target of BlockUI must implement BlockableUI interface';
+        }
+    }
+    _contentTemplate;
+    templates = contentChildren(PrimeTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    onAfterContentInit() {
+        this.templates().forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this.contentTemplate = item.template;
+                    break;
+                default:
+                    this.contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    block() {
+        if (isPlatformBrowser(this.platformId)) {
+            this._blocked = true;
+            this.el.nativeElement.style.display = 'flex';
+            if (this.target()) {
+                this.target()
+                    .getBlockableElement()
+                    .appendChild(this.el.nativeElement);
+                this.target().getBlockableElement().style.position = 'relative';
+            }
+            else {
+                this.renderer.appendChild(this.document.body, this.el.nativeElement);
+                blockBodyScroll();
+            }
+            if (this.autoZIndex()) {
+                ZIndexUtils.set('modal', this.el.nativeElement, this.baseZIndex() + this.config.zIndex.modal);
+            }
+            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask');
+            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask-enter-active');
+        }
+    }
+    unblock() {
+        if (isPlatformBrowser(this.platformId) && this.el && this._blocked) {
+            this._blocked = false;
+            if (!this.animationEndListener) {
+                this.animationEndListener = this.renderer.listen(this.el.nativeElement, 'animationend', this.destroyModal.bind(this));
+            }
+            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask-enter-active');
+            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask-leave-active');
+        }
+    }
+    destroyModal() {
+        this._blocked = false;
+        if (this.el && isPlatformBrowser(this.platformId)) {
+            this.el.nativeElement.style.display = 'none';
+            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask');
+            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask-leave-active');
+            ZIndexUtils.clear(this.el.nativeElement);
+            if (!this.target()) {
+                this.document.body.removeChild(this.el.nativeElement);
+                unblockBodyScroll();
+            }
+        }
+        this.unbindAnimationEndListener();
+        this.cd.markForCheck();
+    }
+    unbindAnimationEndListener() {
+        if (this.animationEndListener && this.el) {
+            this.animationEndListener();
+            this.animationEndListener = null;
+        }
+    }
+    onDestroy() {
+        if (this._blocked) {
+            // Skip animation on destroy, just cleanup
+            this._blocked = false;
+            if (this.el && isPlatformBrowser(this.platformId)) {
+                ZIndexUtils.clear(this.el.nativeElement);
+                if (!this.target()) {
+                    unblockBodyScroll();
+                }
+            }
+            this.unbindAnimationEndListener();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUI, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.2", type: BlockUI, isStandalone: true, selector: "p-blockUI, p-blockui, p-block-ui", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, autoZIndex: { classPropertyName: "autoZIndex", publicName: "autoZIndex", isSignal: true, isRequired: false, transformFunction: null }, baseZIndex: { classPropertyName: "baseZIndex", publicName: "baseZIndex", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, blocked: { classPropertyName: "blocked", publicName: "blocked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-busy": "_blocked", "class": "cn(cx('root'), styleClass())" } }, providers: [BlockUiStyle, { provide: BLOCKUI_INSTANCE, useExisting: BlockUI }, { provide: PARENT_INSTANCE, useExisting: BlockUI }], queries: [{ propertyName: "templates", predicate: PrimeTemplate, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"] }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <ng-content></ng-content>
+        <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUI, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-blockUI, p-blockui, p-block-ui',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule],
+                    template: `
+        <ng-content></ng-content>
+        <ng-container *ngTemplateOutlet="contentTemplate || _contentTemplate"></ng-container>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [BlockUiStyle, { provide: BLOCKUI_INSTANCE, useExisting: BlockUI }, { provide: PARENT_INSTANCE, useExisting: BlockUI }],
+                    host: {
+                        '[attr.aria-busy]': '_blocked',
+                        '[class]': "cn(cx('root'), styleClass())"
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], ctorParameters: () => [], propDecorators: { target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], autoZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoZIndex", required: false }] }], baseZIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseZIndex", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], blocked: [{ type: i0.Input, args: [{ isSignal: true, alias: "blocked", required: false }] }], contentTemplate: [{
+                type: ContentChild,
+                args: ['content', { descendants: false }]
+            }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
+class BlockUIModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: BlockUIModule, imports: [BlockUI, SharedModule], exports: [BlockUI, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUIModule, imports: [BlockUI, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BlockUIModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [BlockUI, SharedModule],
+                    exports: [BlockUI, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BlockUI, BlockUIClasses, BlockUIModule, BlockUiStyle };
+//# sourceMappingURL=wawjs-ngx-prime-blockui.mjs.map

package/fesm2022/wawjs-ngx-prime-blockui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-blockui.mjs","sources":["../../src/blockui/style/blockuistyle.ts","../../src/blockui/blockui.ts","../../src/blockui/wawjs-ngx-prime-blockui.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@wawjs/css-prime-styles/blockui';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-blockui p-blockui-mask',\n        {\n            'p-blockui-mask-document': !instance.target()\n        }\n    ]\n};\n\n@Injectable()\nexport class BlockUiStyle extends BaseStyle {\n    name = 'blockui';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * BlockUI represents people using icons, labels and images.\n *\n * [Live Demo](https://www.ngx-prime.org/blockui)\n *\n * @module blockuistyle\n *\n */\nexport enum BlockUIClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-blockui'\n}\n\nexport type BlockUIStyle = BaseStyle;\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, effect, ElementRef, inject, InjectionToken, input, NgModule, numberAttribute, TemplateRef, ViewEncapsulation, contentChildren } from '@angular/core';\nimport { PrimeTemplate, SharedModule } from '@wawjs/ngx-prime/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';\nimport { Bind } from '@wawjs/ngx-prime/bind';\nimport { blockBodyScroll, unblockBodyScroll } from '@wawjs/ngx-prime/dom';\nimport { BlockUIPassThrough } from '@wawjs/ngx-prime/types/blockui';\nimport { ZIndexUtils } from '@wawjs/ngx-prime/utils';\nimport { BlockUiStyle } from './style/blockuistyle';\n\nconst BLOCKUI_INSTANCE = new InjectionToken<BlockUI>('BLOCKUI_INSTANCE');\n\n/**\n * BlockUI can either block other components or the whole page.\n * @group Components\n */\n@Component({\n    selector: 'p-blockUI, p-blockui, p-block-ui',\n    standalone: true,\n    imports: [CommonModule, SharedModule],\n    template: `\n        <ng-content></ng-content>\n        <ng-container *ngTemplateOutlet=\"contentTemplate || _contentTemplate\"></ng-container>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [BlockUiStyle, { provide: BLOCKUI_INSTANCE, useExisting: BlockUI }, { provide: PARENT_INSTANCE, useExisting: BlockUI }],\n    host: {\n        '[attr.aria-busy]': '_blocked',\n        '[class]': \"cn(cx('root'), styleClass())\"\n    },\n    hostDirectives: [Bind]\n})\nexport class BlockUI extends BaseComponent<BlockUIPassThrough> {\n    componentName = 'BlockUI';\n\n    $pcBlockUI: BlockUI | undefined = inject(BLOCKUI_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Name of the local ng-template variable referring to another component.\n     * @group Props\n     */\n    target = input<any>();\n    /**\n     * Whether to automatically manage layering.\n     * @group Props\n     */\n    autoZIndex = input(true, { transform: booleanAttribute });\n    /**\n     * Base zIndex value to use in layering.\n     * @group Props\n     */\n    baseZIndex = input(0, { transform: numberAttribute });\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Current blocked state as a boolean.\n     * @group Props\n     */\n    blocked = input(false, { transform: booleanAttribute });\n    /**\n     * template of the content\n     * @group Templates\n     */\n    @ContentChild('content', { descendants: false }) contentTemplate: TemplateRef<any> | undefined;\n\n    _blocked: boolean = false;\n\n    animationEndListener: VoidFunction | null | undefined;\n\n    _componentStyle = inject(BlockUiStyle);\n\n    constructor() {\n        super();\n        effect(() => {\n            const val = this.blocked();\n\n            if (this.el && this.el.nativeElement) {\n                if (val) {\n                    this.block();\n                } else if (this._blocked) {\n                    // Only unblock if currently blocked\n                    this.unblock();\n                }\n            } else {\n                this._blocked = val;\n            }\n        });\n    }\n\n    onAfterViewInit() {\n        if (this._blocked) this.block();\n\n        if (this.target() && !this.target().getBlockableElement) {\n            throw 'Target of BlockUI must implement BlockableUI interface';\n        }\n    }\n\n    _contentTemplate: TemplateRef<any> | undefined;\n\n    readonly templates = contentChildren(PrimeTemplate);\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this.contentTemplate = item.template;\n                    break;\n\n                default:\n                    this.contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    block() {\n        if (isPlatformBrowser(this.platformId)) {\n            this._blocked = true;\n            (this.el as ElementRef).nativeElement.style.display = 'flex';\n\n            if (this.target()) {\n                this.target()\n                    .getBlockableElement()\n                    .appendChild((this.el as ElementRef).nativeElement);\n                this.target().getBlockableElement().style.position = 'relative';\n            } else {\n                this.renderer.appendChild(this.document.body, (this.el as ElementRef).nativeElement);\n                blockBodyScroll();\n            }\n\n            if (this.autoZIndex()) {\n                ZIndexUtils.set('modal', (this.el as ElementRef).nativeElement, this.baseZIndex() + this.config.zIndex.modal);\n            }\n\n            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask');\n            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask-enter-active');\n        }\n    }\n\n    unblock() {\n        if (isPlatformBrowser(this.platformId) && this.el && this._blocked) {\n            this._blocked = false;\n\n            if (!this.animationEndListener) {\n                this.animationEndListener = this.renderer.listen(this.el.nativeElement, 'animationend', this.destroyModal.bind(this));\n            }\n\n            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask-enter-active');\n            this.renderer.addClass(this.el.nativeElement, 'p-overlay-mask-leave-active');\n        }\n    }\n\n    destroyModal() {\n        this._blocked = false;\n\n        if (this.el && isPlatformBrowser(this.platformId)) {\n            this.el.nativeElement.style.display = 'none';\n            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask');\n            this.renderer.removeClass(this.el.nativeElement, 'p-overlay-mask-leave-active');\n            ZIndexUtils.clear(this.el.nativeElement);\n\n            if (!this.target()) {\n                this.document.body.removeChild(this.el.nativeElement);\n                unblockBodyScroll();\n            }\n        }\n\n        this.unbindAnimationEndListener();\n        this.cd.markForCheck();\n    }\n\n    unbindAnimationEndListener() {\n        if (this.animationEndListener && this.el) {\n            this.animationEndListener();\n            this.animationEndListener = null;\n        }\n    }\n\n    onDestroy() {\n        if (this._blocked) {\n            // Skip animation on destroy, just cleanup\n            this._blocked = false;\n\n            if (this.el && isPlatformBrowser(this.platformId)) {\n                ZIndexUtils.clear(this.el.nativeElement);\n\n                if (!this.target()) {\n                    unblockBodyScroll();\n                }\n            }\n\n            this.unbindAnimationEndListener();\n        }\n    }\n}\n\n@NgModule({\n    imports: [BlockUI, SharedModule],\n    exports: [BlockUI, SharedModule]\n})\nexport class BlockUIModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}