@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.232

package/components/basic/spinner/bundles/index.umd.js

@@ -0,0 +1,118 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/core'), require('@wm/core'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/core', '@wm/core', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.spinner = {}), global.ng.common, global.wm.components.base, global.ng.core, global.wm.core, global._));
+})(this, (function (exports, i2, i1, i0, core, lodashEs) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const registerProps = () => {
+        i1.register('wm-spinner', new Map([
+            ['animation', { value: 'spin', PROP_STRING: i1.PROP_STRING }],
+            ['caption', { value: 'Loading...', ...i1.PROP_STRING }],
+            ['class', i1.PROP_STRING],
+            ['iconclass', { value: 'fa fa-circle-o-notch fa-spin', ...i1.PROP_STRING }],
+            ['iconsize', i1.PROP_STRING],
+            ['image', i1.PROP_STRING],
+            ['imageheight', i1.PROP_STRING],
+            ['imagewidth', { value: '20px', ...i1.PROP_STRING }],
+            ['name', i1.PROP_STRING],
+            ['show', { value: true, ...i1.PROP_BOOLEAN }],
+            ['type', { value: 'icon', ...i1.PROP_STRING }],
+            ['servicevariabletotrack', i1.PROP_STRING],
+            ['hint', i1.PROP_STRING],
+            ['arialabel', i1.PROP_STRING]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'app-spinner';
+    const WIDGET_CONFIG = { widgetType: 'wm-spinner', hostClass: DEFAULT_CLS };
+    class SpinnerComponent extends i1.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        get spinnerMessages() {
+            return this._spinnerMessages;
+        }
+        set spinnerMessages(newVal) {
+            this.showCaption = lodashEs.isEmpty(newVal);
+            this._spinnerMessages = newVal;
+        }
+        listenOnDataSource() {
+            const variables = lodashEs.split(this.servicevariabletotrack, ',');
+            this.getAppInstance().subscribe('toggle-variable-state', data => {
+                const name = data.variable.execute(core.DataSource.Operation.GET_NAME);
+                if (lodashEs.includes(variables, name) && core.validateDataSourceCtx(data.variable, this.getViewParent())) {
+                    this.widget.show = data.active;
+                }
+            });
+        }
+        constructor(inj, imagePipe, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.imagePipe = imagePipe;
+            this.iconclass = '';
+            this.animation = '';
+            this.showCaption = true;
+            i1.styler(this.nativeElement, this);
+        }
+        onPropertyChange(key, nv, ov) {
+            if (key === 'image') {
+                this.picture = this.imagePipe.transform(nv);
+            }
+            else if (key === 'animation') {
+                if (nv === 'spin') {
+                    this.animation = 'fa-spin';
+                }
+                else {
+                    this.animation = nv || '';
+                }
+            }
+            else {
+                super.onPropertyChange(key, nv, ov);
+            }
+        }
+        ngOnInit() {
+            super.ngOnInit();
+            // if variables are to be listened to, hide the widget and set the listener
+            if (this.servicevariabletotrack) {
+                this.widget.show = false;
+                this.listenOnDataSource();
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: SpinnerComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "[wmSpinner]", providers: [
+                i1.provideAsWidgetRef(SpinnerComponent)
+            ], exportAs: ["wmSpinner"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: SpinnerComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i2.CommonModule, i1.TextContentDirective], selector: '[wmSpinner]', providers: [
+                            i1.provideAsWidgetRef(SpinnerComponent)
+                        ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.ImagePipe }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    exports.SpinnerComponent = SpinnerComponent;
+
+}));

package/components/{input/default → basic/spinner}/esm2022/index.mjs

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public_api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvZGVmYXVsdC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/components/basic/spinner/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './spinner.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9zcGlubmVyL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NwaW5uZXIuY29tcG9uZW50JztcbiJdfQ==

package/components/basic/spinner/esm2022/spinner.component.mjs

@@ -0,0 +1,79 @@
+import { CommonModule } from '@angular/common';
+import { TextContentDirective } from "@wm/components/base";
+import { Component, Inject, Injector, Optional } from '@angular/core';
+import { DataSource, validateDataSourceCtx } from '@wm/core';
+import { provideAsWidgetRef, StylableComponent, styler, ImagePipe } from '@wm/components/base';
+import { registerProps } from './spinner.props';
+import { includes, isEmpty, split } from "lodash-es";
+import * as i0 from "@angular/core";
+import * as i1 from "@wm/components/base";
+import * as i2 from "@angular/common";
+const DEFAULT_CLS = 'app-spinner';
+const WIDGET_CONFIG = { widgetType: 'wm-spinner', hostClass: DEFAULT_CLS };
+export class SpinnerComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    get spinnerMessages() {
+        return this._spinnerMessages;
+    }
+    set spinnerMessages(newVal) {
+        this.showCaption = isEmpty(newVal);
+        this._spinnerMessages = newVal;
+    }
+    listenOnDataSource() {
+        const variables = split(this.servicevariabletotrack, ',');
+        this.getAppInstance().subscribe('toggle-variable-state', data => {
+            const name = data.variable.execute(DataSource.Operation.GET_NAME);
+            if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {
+                this.widget.show = data.active;
+            }
+        });
+    }
+    constructor(inj, imagePipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.imagePipe = imagePipe;
+        this.iconclass = '';
+        this.animation = '';
+        this.showCaption = true;
+        styler(this.nativeElement, this);
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'image') {
+            this.picture = this.imagePipe.transform(nv);
+        }
+        else if (key === 'animation') {
+            if (nv === 'spin') {
+                this.animation = 'fa-spin';
+            }
+            else {
+                this.animation = nv || '';
+            }
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // if variables are to be listened to, hide the widget and set the listener
+        if (this.servicevariabletotrack) {
+            this.widget.show = false;
+            this.listenOnDataSource();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "[wmSpinner]", providers: [
+            provideAsWidgetRef(SpinnerComponent)
+        ], exportAs: ["wmSpinner"], usesInheritance: true, ngImport: i0, template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective], selector: '[wmSpinner]', providers: [
+                        provideAsWidgetRef(SpinnerComponent)
+                    ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.ImagePipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFVLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU1RSxPQUFPLEVBQUMsVUFBVSxFQUFFLHFCQUFxQixFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzNELE9BQU8sRUFBaUIsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTlHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUMsTUFBTSxXQUFXLENBQUM7Ozs7QUFFbkQsTUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFrQixFQUFDLFVBQVUsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBQyxDQUFDO0FBWXhGLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxpQkFBaUI7YUFDNUMsb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFhekMsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pDLENBQUM7SUFF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YW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGV4dENvbnRlbnREaXJlY3RpdmUgfSBmcm9tIFwiQHdtL2NvbXBvbmVudHMvYmFzZVwiO1xuaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0RhdGFTb3VyY2UsIHZhbGlkYXRlRGF0YVNvdXJjZUN0eH0gZnJvbSAnQHdtL2NvcmUnO1xuaW1wb3J0IHsgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyLCBJbWFnZVBpcGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vc3Bpbm5lci5wcm9wcyc7XG5pbXBvcnQge2luY2x1ZGVzLCBpc0VtcHR5LCBzcGxpdH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdhcHAtc3Bpbm5lcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge3dpZGdldFR5cGU6ICd3bS1zcGlubmVyJywgaG9zdENsYXNzOiBERUZBVUxUX0NMU307XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUZXh0Q29udGVudERpcmVjdGl2ZV0sXG4gICAgc2VsZWN0b3I6ICdbd21TcGlubmVyXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU3Bpbm5lckNvbXBvbmVudClcbiAgICBdLFxuICAgIGV4cG9ydEFzOiAnd21TcGlubmVyJ1xufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgaWNvbmNsYXNzID0gJyc7XG4gICAgcHVibGljIGFuaW1hdGlvbiA9ICcnO1xuICAgIHB1YmxpYyBpbWFnZXdpZHRoO1xuICAgIHB1YmxpYyBpbWFnZWhlaWdodDtcbiAgICBwdWJsaWMgc2VydmljZXZhcmlhYmxldG90cmFjazogc3RyaW5nO1xuICAgIHB1YmxpYyBzaG93OiBib29sZWFuO1xuICAgIHByaXZhdGUgcGljdHVyZTogc3RyaW5nO1xuICAgIHByaXZhdGUgX3NwaW5uZXJNZXNzYWdlcztcbiAgICBwdWJsaWMgc2hvd0NhcHRpb24gPSB0cnVlO1xuICAgIHB1YmxpYyB0eXBlOiBhbnk7XG5cbiAgICBwdWJsaWMgZ2V0IHNwaW5uZXJNZXNzYWdlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NwaW5uZXJNZXNzYWdlcztcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNwaW5uZXJNZXNzYWdlcyhuZXdWYWwpIHtcbiAgICAgICAgdGhpcy5zaG93Q2FwdGlvbiA9IGlzRW1wdHkobmV3VmFsKTtcbiAgICAgICAgdGhpcy5fc3Bpbm5lck1lc3NhZ2VzID0gbmV3VmFsO1xuICAgIH1cblxuICAgIHByaXZhdGUgbGlzdGVuT25EYXRhU291cmNlKCkge1xuICAgICAgICBjb25zdCB2YXJpYWJsZXMgPSBzcGxpdCh0aGlzLnNlcnZpY2V2YXJpYWJsZXRvdHJhY2ssICcsJyk7XG4gICAgICAgIHRoaXMuZ2V0QXBwSW5zdGFuY2UoKS5zdWJzY3JpYmUoJ3RvZ2dsZS12YXJpYWJsZS1zdGF0ZScsIGRhdGEgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmFtZSA9IGRhdGEudmFyaWFibGUuZXhlY3V0ZShEYXRhU291cmNlLk9wZXJhdGlvbi5HRVRfTkFNRSk7XG4gICAgICAgICAgICBpZiAoaW5jbHVkZXModmFyaWFibGVzLCBuYW1lKSAmJiB2YWxpZGF0ZURhdGFTb3VyY2VDdHgoZGF0YS52YXJpYWJsZSwgdGhpcy5nZXRWaWV3UGFyZW50KCkpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy53aWRnZXQuc2hvdyA9IGRhdGEuYWN0aXZlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBwcml2YXRlIGltYWdlUGlwZTogSW1hZ2VQaXBlLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzKTtcbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleTogc3RyaW5nLCBudjogYW55LCBvdj86IGFueSkge1xuICAgICAgICBpZiAoa2V5ID09PSAnaW1hZ2UnKSB7XG4gICAgICAgICAgICB0aGlzLnBpY3R1cmUgPSB0aGlzLmltYWdlUGlwZS50cmFuc2Zvcm0obnYpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ2FuaW1hdGlvbicpIHtcbiAgICAgICAgICAgIGlmIChudiA9PT0gJ3NwaW4nKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hbmltYXRpb24gPSAnZmEtc3Bpbic7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uID0gbnYgfHwgJyc7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICAvLyBpZiB2YXJpYWJsZXMgYXJlIHRvIGJlIGxpc3RlbmVkIHRvLCBoaWRlIHRoZSB3aWRnZXQgYW5kIHNldCB0aGUgbGlzdGVuZXJcbiAgICAgICAgaWYgKHRoaXMuc2VydmljZXZhcmlhYmxldG90cmFjaykge1xuICAgICAgICAgICAgdGhpcy53aWRnZXQuc2hvdyA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5saXN0ZW5PbkRhdGFTb3VyY2UoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyLW1lc3NhZ2VcIj5cbiAgQGlmICh0eXBlID09PSAnaW1hZ2UnKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWltYWdlIGFuaW1hdGVkIGluZmluaXRlXCIgW25nQ2xhc3NdPVwiYW5pbWF0aW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgIFtuZ1N0eWxlXT1cInt3aWR0aDogaW1hZ2V3aWR0aCwgaGVpZ2h0OiBpbWFnZWhlaWdodCwgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwaWN0dXJlICsgJyknLCBiYWNrZ3JvdW5kU2l6ZTogaW1hZ2V3aWR0aH1cIlxuICAgID48L3NwYW4+XG4gIH1cbiAgQGlmICh0eXBlID09PSAnaWNvbicpIHtcbiAgICA8aSBjbGFzcz1cInNwaW5uZXItaW1hZ2UgYW5pbWF0ZWQgaW5maW5pdGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBbbmdDbGFzc109XCJbaWNvbmNsYXNzLCBhbmltYXRpb25dXCIgW3N0eWxlLmZvblNpemVdPVwiaWNvbnNpemVcIj48L2k+XG4gIH1cbiAgQGlmIChzaG93Q2FwdGlvbikge1xuICAgIDxzcGFuIGNsYXNzPVwic3Bpbm5lci10ZXh0XCIgW2lubmVySFRNTF09XCJjYXB0aW9uXCI+PC9zcGFuPlxuICB9XG4gIEBpZiAoIXNob3dDYXB0aW9uICYmIHNwaW5uZXJNZXNzYWdlcykge1xuICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyLW1lc3NhZ2VzXCI+XG4gICAgICBAZm9yICh2YWx1ZSBvZiBzcGlubmVyTWVzc2FnZXM7IHRyYWNrIHZhbHVlKSB7XG4gICAgICAgIDxwIFt0ZXh0Q29udGVudF09XCJ2YWx1ZVwiPjwvcD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

package/components/basic/spinner/esm2022/spinner.props.mjs

@@ -0,0 +1,20 @@
+import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-spinner', new Map([
+        ['animation', { value: 'spin', PROP_STRING }],
+        ['caption', { value: 'Loading...', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['iconclass', { value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING }],
+        ['iconsize', PROP_STRING],
+        ['image', PROP_STRING],
+        ['imageheight', PROP_STRING],
+        ['imagewidth', { value: '20px', ...PROP_STRING }],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['type', { value: 'icon', ...PROP_STRING }],
+        ['servicevariabletotrack', PROP_STRING],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5wcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9zcGlubmVyL3NyYy9zcGlubmVyLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXhFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLFlBQVksRUFDWixJQUFJLEdBQUcsQ0FDSDtRQUNJLENBQUMsV0FBVyxFQUFFLEVBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUMsQ0FBQztRQUMzQyxDQUFDLFNBQVMsRUFBRSxFQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUNsRCxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUM7UUFDdEIsQ0FBQyxXQUFXLEVBQUUsRUFBQyxLQUFLLEVBQUUsOEJBQThCLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUN0RSxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUM7UUFDekIsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsYUFBYSxFQUFFLFdBQVcsQ0FBQztRQUM1QixDQUFDLFlBQVksRUFBRSxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMvQyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7UUFDeEMsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDekMsQ0FBQyx3QkFBd0IsRUFBRSxXQUFXLENBQUM7UUFDdkMsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQztLQUM3QixDQUNKLENBQ0osQ0FBQztBQUNOLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UFJPUF9CT09MRUFOLCBQUk9QX1NUUklORywgcmVnaXN0ZXJ9IGZyb20gJ0B3bS9jb21wb25lbnRzL2Jhc2UnO1xuXG5leHBvcnQgY29uc3QgcmVnaXN0ZXJQcm9wcyA9ICgpID0+IHtcbiAgICByZWdpc3RlcihcbiAgICAgICAgJ3dtLXNwaW5uZXInLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYW5pbWF0aW9uJywge3ZhbHVlOiAnc3BpbicsIFBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjYXB0aW9uJywge3ZhbHVlOiAnTG9hZGluZy4uLicsIC4uLlBST1BfU1RSSU5HfV0sXG4gICAgICAgICAgICAgICAgWydjbGFzcycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ljb25jbGFzcycsIHt2YWx1ZTogJ2ZhIGZhLWNpcmNsZS1vLW5vdGNoIGZhLXNwaW4nLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnaWNvbnNpemUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydpbWFnZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2ltYWdlaGVpZ2h0JywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnaW1hZ2V3aWR0aCcsIHt2YWx1ZTogJzIwcHgnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnbmFtZScsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ3Nob3cnLCB7dmFsdWU6IHRydWUsIC4uLlBST1BfQk9PTEVBTn1dLFxuICAgICAgICAgICAgICAgIFsndHlwZScsIHt2YWx1ZTogJ2ljb24nLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnc2VydmljZXZhcmlhYmxldG90cmFjaycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2hpbnQnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydhcmlhbGFiZWwnLCBQUk9QX1NUUklOR11cbiAgICAgICAgICAgIF1cbiAgICAgICAgKVxuICAgICk7XG59O1xuIl19

package/components/basic/spinner/fesm2022/index.mjs

@@ -0,0 +1,103 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@wm/components/base';
+import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, TextContentDirective, provideAsWidgetRef } from '@wm/components/base';
+import * as i0 from '@angular/core';
+import { Inject, Optional, Component } from '@angular/core';
+import { DataSource, validateDataSourceCtx } from '@wm/core';
+import { isEmpty, split, includes } from 'lodash-es';
+
+const registerProps = () => {
+    register('wm-spinner', new Map([
+        ['animation', { value: 'spin', PROP_STRING }],
+        ['caption', { value: 'Loading...', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['iconclass', { value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING }],
+        ['iconsize', PROP_STRING],
+        ['image', PROP_STRING],
+        ['imageheight', PROP_STRING],
+        ['imagewidth', { value: '20px', ...PROP_STRING }],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['type', { value: 'icon', ...PROP_STRING }],
+        ['servicevariabletotrack', PROP_STRING],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
+    ]));
+};
+
+const DEFAULT_CLS = 'app-spinner';
+const WIDGET_CONFIG = { widgetType: 'wm-spinner', hostClass: DEFAULT_CLS };
+class SpinnerComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    get spinnerMessages() {
+        return this._spinnerMessages;
+    }
+    set spinnerMessages(newVal) {
+        this.showCaption = isEmpty(newVal);
+        this._spinnerMessages = newVal;
+    }
+    listenOnDataSource() {
+        const variables = split(this.servicevariabletotrack, ',');
+        this.getAppInstance().subscribe('toggle-variable-state', data => {
+            const name = data.variable.execute(DataSource.Operation.GET_NAME);
+            if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {
+                this.widget.show = data.active;
+            }
+        });
+    }
+    constructor(inj, imagePipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.imagePipe = imagePipe;
+        this.iconclass = '';
+        this.animation = '';
+        this.showCaption = true;
+        styler(this.nativeElement, this);
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'image') {
+            this.picture = this.imagePipe.transform(nv);
+        }
+        else if (key === 'animation') {
+            if (nv === 'spin') {
+                this.animation = 'fa-spin';
+            }
+            else {
+                this.animation = nv || '';
+            }
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // if variables are to be listened to, hide the widget and set the listener
+        if (this.servicevariabletotrack) {
+            this.widget.show = false;
+            this.listenOnDataSource();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "[wmSpinner]", providers: [
+            provideAsWidgetRef(SpinnerComponent)
+        ], exportAs: ["wmSpinner"], usesInheritance: true, ngImport: i0, template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective], selector: '[wmSpinner]', providers: [
+                        provideAsWidgetRef(SpinnerComponent)
+                    ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.ImagePipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SpinnerComponent };
+//# sourceMappingURL=index.mjs.map

package/components/basic/spinner/fesm2022/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/spinner/src/spinner.props.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.html","../../../../../projects/components/widgets/basic/spinner/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-spinner',\n        new Map(\n            [\n                ['animation', {value: 'spin', PROP_STRING}],\n                ['caption', {value: 'Loading...', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['iconclass', {value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING}],\n                ['iconsize', PROP_STRING],\n                ['image', PROP_STRING],\n                ['imageheight', PROP_STRING],\n                ['imagewidth', {value: '20px', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['type', {value: 'icon', ...PROP_STRING}],\n                ['servicevariabletotrack', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { TextContentDirective } from \"@wm/components/base\";\nimport {Component, Inject, Injector, OnInit, Optional} from '@angular/core';\n\nimport {DataSource, validateDataSourceCtx} from '@wm/core';\nimport { IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, ImagePipe } from '@wm/components/base';\n\nimport { registerProps } from './spinner.props';\nimport {includes, isEmpty, split} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-spinner';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-spinner', hostClass: DEFAULT_CLS};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, TextContentDirective],\n    selector: '[wmSpinner]',\n    templateUrl: './spinner.component.html',\n    providers: [\n        provideAsWidgetRef(SpinnerComponent)\n    ],\n    exportAs: 'wmSpinner'\n})\nexport class SpinnerComponent extends StylableComponent implements OnInit {\n    static initializeProps = registerProps();\n\n    public iconclass = '';\n    public animation = '';\n    public imagewidth;\n    public imageheight;\n    public servicevariabletotrack: string;\n    public show: boolean;\n    private picture: string;\n    private _spinnerMessages;\n    public showCaption = true;\n    public type: any;\n\n    public get spinnerMessages() {\n        return this._spinnerMessages;\n    }\n\n    public set spinnerMessages(newVal) {\n        this.showCaption = isEmpty(newVal);\n        this._spinnerMessages = newVal;\n    }\n\n    private listenOnDataSource() {\n        const variables = split(this.servicevariabletotrack, ',');\n        this.getAppInstance().subscribe('toggle-variable-state', data => {\n            const name = data.variable.execute(DataSource.Operation.GET_NAME);\n            if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {\n                this.widget.show = data.active;\n            }\n        });\n    }\n\n    constructor(inj: Injector, private imagePipe: ImagePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'image') {\n            this.picture = this.imagePipe.transform(nv);\n        } else if (key === 'animation') {\n            if (nv === 'spin') {\n                this.animation = 'fa-spin';\n            } else {\n                this.animation = nv || '';\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        // if variables are to be listened to, hide the widget and set the listener\n        if (this.servicevariabletotrack) {\n            this.widget.show = false;\n            this.listenOnDataSource();\n        }\n    }\n}\n","<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/spinner/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@wm/components/basic/spinner" />
+export * from './public_api';

package/components/basic/spinner/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@wm/components/basic/spinner",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "esm": "./esm2022/index.mjs",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/basic/spinner/public_api.d.ts

@@ -0,0 +1 @@
+export * from './spinner.component';

package/components/basic/tree/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wm/components/base'), require('@angular/core'), require('@wm/core'), require('lodash-es')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@wm/components/base', '@angular/core', '@wm/core', 'lodash-es'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.tree = {}), global.wm.components.base, global.ng.core, global.wm.core, global._));
-})(this, (function (exports, base, i0, core, lodashEs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/components/base'), require('@wm/core'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/components/base', '@wm/core', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.tree = {}), global.ng.core, global.wm.components.base, global.wm.core, global._));
+})(this, (function (exports, i0, base, core, lodashEs) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -43,7 +43,6 @@
         ]));
     };
 
-    const _c0 = ["wmTree", ""];
     const WIDGET_INFO = { widgetType: 'wm-tree', hostClass: 'app-tree' };
     const defaultTreeIconClass = 'plus-minus';
     class TreeComponent extends base.StylableComponent {
@@ -348,40 +347,37 @@
             this.selecteditem = {};
             this.selectById();
         }
-        static { this.ɵfac = function TreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵinjectAttribute('datavalue.bind'), i0__namespace.ɵɵinjectAttribute('nodelabel.bind'), i0__namespace.ɵɵinjectAttribute('nodeicon.bind'), i0__namespace.ɵɵinjectAttribute('nodechildren.bind'), i0__namespace.ɵɵinjectAttribute('nodeid.bind'), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: TreeComponent, selectors: [["ul", "wmTree", ""]], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    base.provideAsWidgetRef(TreeComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c0, decls: 2, vars: 0, consts: [["wmTree", ""], ["id", "ztree", 1, "ztree"]], template: function TreeComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵelement(0, "ul", 1, 0);
-            } }, dependencies: [base.WmComponentsModule], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TreeComponent, deps: [{ token: i0__namespace.Injector }, { token: 'datavalue.bind', attribute: true }, { token: 'nodelabel.bind', attribute: true }, { token: 'nodeicon.bind', attribute: true }, { token: 'nodechildren.bind', attribute: true }, { token: 'nodeid.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TreeComponent, isStandalone: true, selector: "ul[wmTree]", providers: [
+                base.provideAsWidgetRef(TreeComponent)
+            ], usesInheritance: true, ngImport: i0__namespace, template: "<ul #wmTree class=\"ztree\" id=\"ztree\"></ul>  ", encapsulation: i0__namespace.ViewEncapsulation.None }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(TreeComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [base.WmComponentsModule], selector: 'ul[wmTree]', providers: [
-                        base.provideAsWidgetRef(TreeComponent)
-                    ], encapsulation: i0.ViewEncapsulation.None, template: "<ul #wmTree class=\"ztree\" id=\"ztree\"></ul>  " }]
-        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['datavalue.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['nodelabel.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['nodeicon.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['nodechildren.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Attribute,
-                    args: ['nodeid.bind']
-                }] }, { type: undefined, decorators: [{
-                    type: i0.Inject,
-                    args: ['EXPLICIT_CONTEXT']
-                }, {
-                    type: i0.Optional
-                }] }], null); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(TreeComponent, { className: "TreeComponent", filePath: "tree.component.ts", lineNumber: 23 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: TreeComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, selector: 'ul[wmTree]', providers: [
+                            base.provideAsWidgetRef(TreeComponent)
+                        ], encapsulation: i0.ViewEncapsulation.None, template: "<ul #wmTree class=\"ztree\" id=\"ztree\"></ul>  " }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['datavalue.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['nodelabel.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['nodeicon.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['nodechildren.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['nodeid.bind']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
 
     exports.TreeComponent = TreeComponent;