npm - @wavemaker-ai/app-ng-runtime - Versions diffs - 12.0.0-rc.335 → 12.0.1-rc.338 - Mend

@wavemaker-ai/app-ng-runtime 12.0.0-rc.335 → 12.0.1-rc.338

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

package/components/basic/html/types/index.d.ts CHANGED Viewed

@@ -3,9 +3,9 @@ import { OnInit, Injector } from '@angular/core';
 import { StylableComponent, SanitizePipe } from '@wm/components/base';
 declare class HtmlDirective extends StylableComponent implements OnInit {
-    private boundContent;
-    private sanitizePipe;
-    static initializeProps: void;
+    private readonly boundContent;
+    private readonly sanitizePipe;
+    static readonly initializeProps: void;
     content: string;
     constructor(inj: Injector, height: string, boundContent: string, sanitizePipe: SanitizePipe, explicitContext: any);
     ngOnInit(): void;

package/components/basic/icon/bundles/index.umd.js CHANGED Viewed

@@ -52,12 +52,12 @@
             super(inj, WIDGET_CONFIG, explicitContext);
             base.styler(this.nativeElement, this);
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: IconComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: IconComponent, isStandalone: true, selector: "[wmIcon]", host: { properties: { "attr.icon-position": "this.iconposition", "style.fontSize": "this.iconsize" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: IconComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: IconComponent, isStandalone: true, selector: "[wmIcon]", host: { properties: { "attr.icon-position": "this.iconposition", "style.fontSize": "this.iconsize" } }, providers: [
                 base.provideAsWidgetRef(IconComponent)
             ], usesInheritance: true, ngImport: i0__namespace, template: "<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{ arialabel || caption || appLocale.LABEL_ICON }}</span>\n}\n@if (caption) {\n  <label [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n}\n", dependencies: [{ kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: IconComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: IconComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TextContentDirective, base.WmAppIconComponent], selector: '[wmIcon]', providers: [
                             base.provideAsWidgetRef(IconComponent)

package/components/basic/icon/fesm2022/index.mjs CHANGED Viewed

@@ -31,12 +31,12 @@ class IconComponent extends StylableComponent {
         super(inj, WIDGET_CONFIG, explicitContext);
         styler(this.nativeElement, this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: IconComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: IconComponent, isStandalone: true, selector: "[wmIcon]", host: { properties: { "attr.icon-position": "this.iconposition", "style.fontSize": "this.iconsize" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: IconComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: IconComponent, isStandalone: true, selector: "[wmIcon]", host: { properties: { "attr.icon-position": "this.iconposition", "style.fontSize": "this.iconsize" } }, providers: [
             provideAsWidgetRef(IconComponent)
         ], usesInheritance: true, ngImport: i0, template: "<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{ arialabel || caption || appLocale.LABEL_ICON }}</span>\n}\n@if (caption) {\n  <label [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective, WmAppIconComponent], selector: '[wmIcon]', providers: [
                         provideAsWidgetRef(IconComponent)

package/components/basic/icon/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/icon/src/icon.props.ts","../../../../../projects/components/widgets/basic/icon/src/icon.component.ts","../../../../../projects/components/widgets/basic/icon/src/icon.component.html","../../../../../projects/components/widgets/basic/icon/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-icon',\n new Map(\n [\n ['animation', PROP_STRING],\n ['caption', PROP_STRING],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['iconclass', {value: 'wm-sl-l sl-user', ...PROP_STRING}],\n ['iconposition', {value: 'left', ...PROP_STRING}],\n ['iconsize', PROP_STRING],\n ['iconurl', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Component, HostBinding, Inject, Injector, Optional} from '@angular/core';\n\nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TextContentDirective, WmAppIconComponent} from '@wm/components/base';\nimport {registerProps} from './icon.props';\n\nconst DEFAULT_CLS = 'app-icon-wrapper';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-icon',\n hostClass: DEFAULT_CLS\n};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective, WmAppIconComponent],\n selector: '[wmIcon]',\n templateUrl: './icon.component.html',\n providers: [\n provideAsWidgetRef(IconComponent)\n ]\n})\nexport class IconComponent extends StylableComponent {\n static initializeProps = registerProps();\n\n public iconclass: any;\n public caption: string;\n public hint: string;\n public arialabel: string;\n public iconurl: string;\n\n @HostBinding('attr.icon-position') iconposition: string;\n @HostBinding('style.fontSize') iconsize: string;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n}\n","<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\"></wm-app-icon>\n@if (iconclass \|\| iconurl) {\n <span class=\"sr-only\">{{ arialabel \|\| caption \|\| appLocale.LABEL_ICON }}</span>\n}\n@if (caption) {\n <label [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,SAAS,EACT,IAAI,GAAG,CACH;QACI,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,WAAW,EAAC,CAAC;QACzD,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QACjD,CAAC,UAAU,EAAE,WAAW,CAAC;QACzB,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;AClBD,MAAM,WAAW,GAAG,kBAAkB;AACtC,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,SAAS,EAAE;CACd;AAWK,MAAO,aAAc,SAAQ,iBAAiB,CAAA;~~AACzC~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~IAWzC~~,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;AAE1C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAhBS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,0CAYa,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAZ5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAJX;YACP,kBAAkB,CAAC,aAAa;AACnC,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBL,+SAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMc,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAOzC,aAAa,EAAA,UAAA,EAAA,CAAA;kBATzB,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EACzC,UAAU,EAAA,SAAA,EAET;AACP,wBAAA,kBAAkB,CAAA,aAAA;AACrB,qBAAA,EAAA,QAAA,EAAA,+SAAA,EAAA;;0BAc2B,MAAM;2BAAC,kBAAkB;;0BAAG;;sBAHvD,WAAW;uBAAC,oBAAoB;;sBAChC,WAAW;uBAAC,gBAAgB;;;AE9BjC;;AAEG;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/icon/src/icon.props.ts","../../../../../projects/components/widgets/basic/icon/src/icon.component.ts","../../../../../projects/components/widgets/basic/icon/src/icon.component.html","../../../../../projects/components/widgets/basic/icon/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-icon',\n new Map(\n [\n ['animation', PROP_STRING],\n ['caption', PROP_STRING],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['iconclass', {value: 'wm-sl-l sl-user', ...PROP_STRING}],\n ['iconposition', {value: 'left', ...PROP_STRING}],\n ['iconsize', PROP_STRING],\n ['iconurl', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Component, HostBinding, Inject, Injector, Optional} from '@angular/core';\n\nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TextContentDirective, WmAppIconComponent} from '@wm/components/base';\nimport {registerProps} from './icon.props';\n\nconst DEFAULT_CLS = 'app-icon-wrapper';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-icon',\n hostClass: DEFAULT_CLS\n};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective, WmAppIconComponent],\n selector: '[wmIcon]',\n templateUrl: './icon.component.html',\n providers: [\n provideAsWidgetRef(IconComponent)\n ]\n})\nexport class IconComponent extends StylableComponent {\n static readonly initializeProps = registerProps();\n\n public iconclass: any;\n public caption: string;\n public hint: string;\n public arialabel: string;\n public iconurl: string;\n\n @HostBinding('attr.icon-position') iconposition: string;\n @HostBinding('style.fontSize') iconsize: string;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n}\n","<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\"></wm-app-icon>\n@if (iconclass \|\| iconurl) {\n <span class=\"sr-only\">{{ arialabel \|\| caption \|\| appLocale.LABEL_ICON }}</span>\n}\n@if (caption) {\n <label [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/icon/types/index.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { Injector } from '@angular/core';
 import { StylableComponent } from '@wm/components/base';
 declare class IconComponent extends StylableComponent {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     iconclass: any;
     caption: string;
     hint: string;

package/components/basic/iframe/bundles/index.umd.js CHANGED Viewed

@@ -79,16 +79,16 @@
                 super.onPropertyChange(key, nv, ov);
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: IframeComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: IframeComponent, isStandalone: true, selector: "[wmIframe]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: IframeComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: IframeComponent, isStandalone: true, selector: "[wmIframe]", providers: [
                 i1.provideAsWidgetRef(IframeComponent)
-            ], usesInheritance: true, ngImport: i0__namespace, template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i1.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
+            ], usesInheritance: true, ngImport: i0__namespace, template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  [attr.title]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: i1.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: IframeComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: IframeComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i1.TextContentDirective], selector: '[wmIframe]', providers: [
                             i1.provideAsWidgetRef(IframeComponent)
-                        ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n" }]
+                        ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  [attr.title]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n" }]
             }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.TrustAsPipe }, { type: undefined, decorators: [{
                         type: i0.Inject,
                         args: ['EXPLICIT_CONTEXT']

package/components/basic/iframe/fesm2022/index.mjs CHANGED Viewed

@@ -59,16 +59,16 @@ class IframeComponent extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: IframeComponent, deps: [{ token: i0.Injector }, { token: i1.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: IframeComponent, isStandalone: true, selector: "[wmIframe]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: IframeComponent, deps: [{ token: i0.Injector }, { token: i1.TrustAsPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: IframeComponent, isStandalone: true, selector: "[wmIframe]", providers: [
             provideAsWidgetRef(IframeComponent)
-        ], usesInheritance: true, ngImport: i0, template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  [attr.title]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: IframeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: IframeComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective], selector: '[wmIframe]', providers: [
                         provideAsWidgetRef(IframeComponent)
-                    ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n" }]
+                    ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  [attr.title]=\"arialabel || 'iframe'\"\n  seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n  <div class=\"wm-content-info readonly-wrapper\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n  </div>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TrustAsPipe }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['EXPLICIT_CONTEXT']

package/components/basic/iframe/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/iframe/src/iframe.props.ts","../../../../../projects/components/widgets/basic/iframe/src/iframe.component.ts","../../../../../projects/components/widgets/basic/iframe/src/iframe.component.html","../../../../../projects/components/widgets/basic/iframe/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-iframe',\n new Map(\n [\n ['class', PROP_STRING],\n ['encodeurl', PROP_BOOLEAN],\n ['height', {value: '150px', ...PROP_STRING}],\n ['iframesrc', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['width', {value: '300px', ...PROP_STRING}],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING]\n ]\n )\n );\n};\n","import { TextContentDirective } from \"@wm/components/base\";\nimport {Component, Inject, Injector, Optional, SecurityContext} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\n\nimport {encodeUrl, isInsecureContentRequest} from '@wm/core';\~~nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TrustAsPipe} from '@wm/components/base';\~~n\nimport {registerProps} from './iframe.props';\n\nconst DEFAULT_CLS = 'embed-responsive app-iframe';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-iframe',\n hostClass: DEFAULT_CLS\n};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective],\n selector: '[wmIframe]',\n templateUrl: './iframe.component.html',\n providers: [\n provideAsWidgetRef(IframeComponent)\n ]\n})\nexport class IframeComponent extends StylableComponent {\n static initializeProps = registerProps();\n\n public iframesrc: string;\n public encodeurl: boolean;\n\n public _iframesrc: SafeResourceUrl;\n private errorMsg: string;\n private hintMsg: string;\n\n public caption: any;\n public name: string;\n public hint: string;\n public arialabel: string;\n /*\n this property member is set to true when the content request url doesn't match windows protocol\n /\n public showContentLoadError = false;\n\n constructor(inj: Injector, private trustAsPipe: TrustAsPipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this);\n }\n\n protected computeIframeSrc() {\n this.showContentLoadError = false;\n this._iframesrc = undefined;\n\n if (this.iframesrc) {\n let url = this.iframesrc;\n if (this.encodeurl) {\n url = encodeUrl(this.iframesrc);\n }\n\n const trustedUrl = this.trustAsPipe.transform(url, SecurityContext.RESOURCE_URL);\n\n if (isInsecureContentRequest(url)) {\n this.showContentLoadError = true;\n\n this.errorMsg = `${this.appLocale.MESSAGE_ERROR_CONTENT_DISPLAY} ${this.iframesrc}`;\n this.hintMsg = this.errorMsg;\n }\n\n this._iframesrc = trustedUrl;\n }\n }\n\n onPropertyChange(key, nv, ov?) {\n if (key === 'iframesrc' \|\| key === 'encodeurl') {\n this.computeIframeSrc();\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n}\n","<iframe class=\"embed-responsive-item iframe-content\" role=\"document\"\n scrolling=\"auto\"\n marginheight=\"0\"\n marginwidth=\"0\"\n frameborder=\"0\"\n [name]=\"name\"\n [attr.src]=\"_iframesrc\"\n [attr.aria-label]=\"arialabel \|\| 'iframe'\"\n seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n <div class=\"wm-content-info readonly-wrapper\">\n <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n </div>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,WAAW,EACX,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,WAAW,EAAE,YAAY,CAAC;QAC3B,CAAC,QAAQ,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,WAAW,EAAC,CAAC;QAC5C,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,OAAO,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,WAAW,EAAC,CAAC;QAC3C,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW;AAC5B,KAAA,CACJ,CACJ;AACL,CAAC;;~~ACVD~~,MAAM,WAAW,GAAG,6BAA6B;AACjD,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,WAAW;AACvB,IAAA,SAAS,EAAE;CACd;AAWK,MAAO,eAAgB,SAAQ,iBAAiB,CAAA;~~AAC3C~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~AAkBzC~~,IAAA,WAAA,CAAY,GAAa,~~EAAU~~,WAAwB,EAA0C,eAAoB,EAAA;~~AACrH~~,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;~~QADX~~,IAAA,CAAA,WAAW,GAAX,WAAW;~~AAL9C~~;;AAEG;QACI,IAAA,CAAA,oBAAoB,GAAG,KAAK;AAI/B,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;IAEU,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK;AACjC,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS;AAE3B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,IAAI,GAAG,GAAG,IAAI,CAAC,SAAS;AACxB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,gBAAA,GAAG,GAAG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;YACnC;AAEA,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE,eAAe,CAAC,YAAY,CAAC;AAEhF,YAAA,IAAI,wBAAwB,CAAC,GAAG,CAAC,EAAE;AAC/B,gBAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;AAEhC,gBAAA,IAAI,CAAC,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,SAAS,CAAC,6BAA6B,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,EAAE;AACnF,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ;YAChC;AAEA,YAAA,IAAI,CAAC,UAAU,GAAG,UAAU;QAChC;IACJ;AAEA,IAAA,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAG,EAAA;QACzB,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,WAAW,EAAE;YAC5C,IAAI,CAAC,gBAAgB,EAAE;QAC3B;aAAO;YACH,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACvC;IACJ;AArDS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,~~qEAmB6C~~,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAnB9E~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAJb;YACP,kBAAkB,CAAC,eAAe;SACrC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECtBL~~,~~qdAeA~~,~~4CDEc,~~oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAOrB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,oBAAoB,CAAC,EAAA,QAAA,EACrB,YAAY,EAAA,SAAA,EAEX;AACP,wBAAA,kBAAkB,CAAA,eAAA;AACrB,qBAAA,EAAA,QAAA,EAAA,~~qdAAA,~~EAAA;;~~0BAqB6D~~,MAAM;2BAAC,kBAAkB;;0BAAG;;;~~AE3C9F~~;;AAEG;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/iframe/src/iframe.props.ts","../../../../../projects/components/widgets/basic/iframe/src/iframe.component.ts","../../../../../projects/components/widgets/basic/iframe/src/iframe.component.html","../../../../../projects/components/widgets/basic/iframe/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-iframe',\n new Map(\n [\n ['class', PROP_STRING],\n ['encodeurl', PROP_BOOLEAN],\n ['height', {value: '150px', ...PROP_STRING}],\n ['iframesrc', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['width', {value: '300px', ...PROP_STRING}],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING]\n ]\n )\n );\n};\n","import { TextContentDirective, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TrustAsPipe } from '@wm/components/base';\nimport {Component, Inject, Injector, Optional, SecurityContext} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\n\nimport {encodeUrl, isInsecureContentRequest} from '@wm/core';\n\nimport {registerProps} from './iframe.props';\n\nconst DEFAULT_CLS = 'embed-responsive app-iframe';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-iframe',\n hostClass: DEFAULT_CLS\n};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective],\n selector: '[wmIframe]',\n templateUrl: './iframe.component.html',\n providers: [\n provideAsWidgetRef(IframeComponent)\n ]\n})\nexport class IframeComponent extends StylableComponent {\n static readonly initializeProps = registerProps();\n\n public iframesrc: string;\n public encodeurl: boolean;\n\n public _iframesrc: SafeResourceUrl;\n private errorMsg: string;\n private hintMsg: string;\n\n public caption: any;\n public name: string;\n public hint: string;\n public arialabel: string;\n /*\n this property member is set to true when the content request url doesn't match windows protocol\n /\n public showContentLoadError = false;\n\n constructor(inj: Injector, private readonly trustAsPipe: TrustAsPipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this);\n }\n\n protected computeIframeSrc() {\n this.showContentLoadError = false;\n this._iframesrc = undefined;\n\n if (this.iframesrc) {\n let url = this.iframesrc;\n if (this.encodeurl) {\n url = encodeUrl(this.iframesrc);\n }\n\n const trustedUrl = this.trustAsPipe.transform(url, SecurityContext.RESOURCE_URL);\n\n if (isInsecureContentRequest(url)) {\n this.showContentLoadError = true;\n\n this.errorMsg = `${this.appLocale.MESSAGE_ERROR_CONTENT_DISPLAY} ${this.iframesrc}`;\n this.hintMsg = this.errorMsg;\n }\n\n this._iframesrc = trustedUrl;\n }\n }\n\n onPropertyChange(key, nv, ov?) {\n if (key === 'iframesrc' \|\| key === 'encodeurl') {\n this.computeIframeSrc();\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n}\n","<iframe class=\"embed-responsive-item iframe-content\" role=\"document\"\n scrolling=\"auto\"\n marginheight=\"0\"\n marginwidth=\"0\"\n frameborder=\"0\"\n [name]=\"name\"\n [attr.src]=\"_iframesrc\"\n [attr.aria-label]=\"arialabel \|\| 'iframe'\"\n [attr.title]=\"arialabel \|\| 'iframe'\"\n seamless=\"seamless\">\n</iframe>\n@if (showContentLoadError) {\n <div class=\"wm-content-info readonly-wrapper\">\n <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n </div>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/iframe/types/index.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
+import { StylableComponent, TrustAsPipe } from '@wm/components/base';
 import * as i0 from '@angular/core';
 import { Injector } from '@angular/core';
 import { SafeResourceUrl } from '@angular/platform-browser';
-import { StylableComponent, TrustAsPipe } from '@wm/components/base';
 declare class IframeComponent extends StylableComponent {
-    private trustAsPipe;
-    static initializeProps: void;
+    private readonly trustAsPipe;
+    static readonly initializeProps: void;
     iframesrc: string;
     encodeurl: boolean;
     _iframesrc: SafeResourceUrl;

package/components/basic/label/bundles/index.umd.js CHANGED Viewed

@@ -76,15 +76,14 @@
                 else if (lodashEs.isObject(nv) && safeValue) {
                     core.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
                 }
+                else
+                // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)
+                if (this.sanitizePipe) {
+                    core.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), i0.SecurityContext.HTML));
+                }
                 else {
-                    // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)
-                    if (this.sanitizePipe) {
-                        core.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), i0.SecurityContext.HTML));
-                    }
-                    else {
-                        // Fallback to textContent if sanitizePipe is not available
-                        core.setProperty(this.nativeElement, 'textContent', insertZWSP(nv));
-                    }
+                    // Fallback to textContent if sanitizePipe is not available
+                    core.setProperty(this.nativeElement, 'textContent', insertZWSP(nv));
                 }
             }
             else if (key === 'required') {
@@ -102,12 +101,12 @@
             // This retains references to the entire DI tree
             this.sanitizePipe = null;
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: LabelDirective, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.SanitizePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: LabelDirective, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.SanitizePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
                 i1.provideAsWidgetRef(LabelDirective)
             ], exportAs: ["wmLabel"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: LabelDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: LabelDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,

package/components/basic/label/fesm2022/index.mjs CHANGED Viewed

@@ -57,15 +57,14 @@ class LabelDirective extends StylableComponent {
             else if (isObject(nv) && safeValue) {
                 setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
             }
+            else
+            // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)
+            if (this.sanitizePipe) {
+                setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));
+            }
             else {
-                // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)
-                if (this.sanitizePipe) {
-                    setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));
-                }
-                else {
-                    // Fallback to textContent if sanitizePipe is not available
-                    setProperty(this.nativeElement, 'textContent', insertZWSP(nv));
-                }
+                // Fallback to textContent if sanitizePipe is not available
+                setProperty(this.nativeElement, 'textContent', insertZWSP(nv));
             }
         }
         else if (key === 'required') {
@@ -83,12 +82,12 @@ class LabelDirective extends StylableComponent {
         // This retains references to the entire DI tree
         this.sanitizePipe = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: LabelDirective, deps: [{ token: i0.Injector }, { token: i1.SanitizePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: LabelDirective, deps: [{ token: i0.Injector }, { token: i1.SanitizePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
             provideAsWidgetRef(LabelDirective)
         ], exportAs: ["wmLabel"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: LabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: LabelDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/components/basic/label/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/label/src/label.props.ts","../../../../../projects/components/widgets/basic/label/src/label.directive.ts","../../../../../projects/components/widgets/basic/label/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-label',\n new Map(\n [\n ['animation', PROP_STRING],\n ['caption', {value: 'Label', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['type', PROP_STRING],\n ['notag', PROP_BOOLEAN],\n ['hint', PROP_STRING],\n ['name', PROP_STRING],\n ['required', PROP_BOOLEAN],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Directive, Inject, Injector, OnDestroy, Optional, SecurityContext} from '@angular/core';\n\nimport {setProperty, toggleClass} from '@wm/core';\nimport {\n DISPLAY_TYPE,\n IWidgetConfig,\n provideAsWidgetRef,\n SanitizePipe,\n StylableComponent,\n styler\n} from '@wm/components/base';\n\nimport {registerProps} from './label.props';\nimport {isObject} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-label';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-label',\n hostClass: DEFAULT_CLS,\n displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Directive({\n standalone: true,\n selector: '[wmLabel]',\n providers: [\n provideAsWidgetRef(LabelDirective)\n ],\n exportAs: 'wmLabel'\n})\nexport class LabelDirective extends StylableComponent implements OnDestroy {\n static initializeProps = registerProps();\n\n constructor(inj: Injector, private sanitizePipe:SanitizePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n\n onPropertyChange(key, nv, ov?) {\n // Guard against property changes after component destruction\n // This can happen when property changes are queued asynchronously\n if (this.isDestroyed) {\n return;\n }\n if (key === 'caption') {\n // Check for trustPipe safe values\n let bindContent = this.nativeElement.getAttribute('caption.bind');\n let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;\n const insertZWSP = (value: any): string => {\n if (typeof value !== 'string') return value;\n return value.replace(/\\d{5,}/g, (match) => {\n return match.replace(/(.{9})(?=.)/g, '$1\\u200B');\n });\n };\n if (isObject(nv) && !safeValue) {\n setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));\n } else if (isObject(nv) && safeValue) {\n setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);\n } else {\n // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)\n if (this.sanitizePipe) {\n setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));\n } else {\n // Fallback to textContent if sanitizePipe is not available\n setProperty(this.nativeElement, 'textContent', insertZWSP(nv));\n }\n }\n\n } else if (key === 'required') {\n toggleClass(this.nativeElement, 'required', nv);\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n\n ngOnDestroy() {\n // Call parent ngOnDestroy first (sets isDestroyed = true)\n // This ensures onPropertyChange checks fail fast if called asynchronously\n super.ngOnDestroy();\n\n // MEMORY LEAK FIX: Clear sanitizePipe reference after destruction flag is set\n // This retains references to the entire DI tree\n this.sanitizePipe = null;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,UAAU,EACV,IAAI,GAAG,CACH;QACI,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,GAAG,WAAW,EAAC,CAAC;QAC7C,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,OAAO,EAAE,YAAY,CAAC;QACvB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;ACND,MAAM,WAAW,GAAG,WAAW;AAC/B,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,YAAY,CAAC;CAC7B;AAUK,MAAO,cAAe,SAAQ,iBAAiB,CAAA;~~AAC1C~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~AAEzC~~,IAAA,WAAA,CAAY,GAAa,EAAU,YAAyB,EAA0C,eAAoB,EAAA;AACtH,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;QADX,IAAA,CAAA,YAAY,GAAZ,YAAY;AAG3C,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAEA,IAAA,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAG,EAAA;;;AAGzB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB;QACJ;AACA,QAAA,IAAI,GAAG,KAAK,SAAS,EAAE;;YAEnB,IAAI,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC;AACjE,YAAA,IAAI,SAAS,GAAG,WAAW,GAAG,EAAE,IAAI,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,KAAK;AAC5E,YAAA,MAAM,UAAU,GAAG,CAAC,KAAU,KAAY;gBACtC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,oBAAA,OAAO,KAAK;gBAC3C,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,KAAI;oBACtC,OAAO,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE,UAAU,CAAC;AACpD,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC;YACD,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;AAC5B,gBAAA,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;YACtE;AAAO,iBAAA,IAAI,QAAQ,CAAC,EAAE,CAAC,IAAI,SAAS,EAAE;gBAClC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxE~~;iBAAQ;;AAEJ~~,~~gBAAA~~,IAAI,IAAI,CAAC,YAAY,EAAE;~~oBACnB~~,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;~~gBACnH~~;~~qBAAO~~;;AAEH,~~oBAAA~~,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;~~gBAClE~~;~~YACJ~~;~~QAEJ;~~AAAO,aAAA,IAAI,GAAG,KAAK,UAAU,EAAE;YAC3B,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,EAAE,CAAC;QACnD;aAAO;YACH,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACvC;IACJ;IAEA,WAAW,GAAA;;;QAGP,KAAK,CAAC,WAAW,EAAE;;;AAInB,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;IAC5B;AAtDS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,sEAG+C,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAH/E,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,EALZ;YACP,kBAAkB,CAAC,cAAc;AACpC,SAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,cAAA;AACrB,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACb,iBAAA;;0BAIkE,MAAM;2BAAC,kBAAkB;;0BAAG;;;ACjC/F;;AAEG;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/label/src/label.props.ts","../../../../../projects/components/widgets/basic/label/src/label.directive.ts","../../../../../projects/components/widgets/basic/label/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-label',\n new Map(\n [\n ['animation', PROP_STRING],\n ['caption', {value: 'Label', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['type', PROP_STRING],\n ['notag', PROP_BOOLEAN],\n ['hint', PROP_STRING],\n ['name', PROP_STRING],\n ['required', PROP_BOOLEAN],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Directive, Inject, Injector, OnDestroy, Optional, SecurityContext} from '@angular/core';\n\nimport {setProperty, toggleClass} from '@wm/core';\nimport {\n DISPLAY_TYPE,\n IWidgetConfig,\n provideAsWidgetRef,\n SanitizePipe,\n StylableComponent,\n styler\n} from '@wm/components/base';\n\nimport {registerProps} from './label.props';\nimport {isObject} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-label';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-label',\n hostClass: DEFAULT_CLS,\n displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Directive({\n standalone: true,\n selector: '[wmLabel]',\n providers: [\n provideAsWidgetRef(LabelDirective)\n ],\n exportAs: 'wmLabel'\n})\nexport class LabelDirective extends StylableComponent implements OnDestroy {\n static readonly initializeProps = registerProps();\n\n constructor(inj: Injector, private sanitizePipe:SanitizePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n\n onPropertyChange(key, nv, ov?) {\n // Guard against property changes after component destruction\n // This can happen when property changes are queued asynchronously\n if (this.isDestroyed) {\n return;\n }\n if (key === 'caption') {\n // Check for trustPipe safe values\n let bindContent = this.nativeElement.getAttribute('caption.bind');\n let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;\n const insertZWSP = (value: any): string => {\n if (typeof value !== 'string') return value;\n return value.replace(/\\d{5,}/g, (match) => {\n return match.replace(/(.{9})(?=.)/g, '$1\\u200B');\n });\n };\n if (isObject(nv) && !safeValue) {\n setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));\n } else if (isObject(nv) && safeValue) {\n setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);\n } else \n // Guard against sanitizePipe being null/undefined (e.g., after ngOnDestroy)\n if (this.sanitizePipe) {\n setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));\n } else {\n // Fallback to textContent if sanitizePipe is not available\n setProperty(this.nativeElement, 'textContent', insertZWSP(nv));\n }\n \n\n } else if (key === 'required') {\n toggleClass(this.nativeElement, 'required', nv);\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n\n ngOnDestroy() {\n // Call parent ngOnDestroy first (sets isDestroyed = true)\n // This ensures onPropertyChange checks fail fast if called asynchronously\n super.ngOnDestroy();\n\n // MEMORY LEAK FIX: Clear sanitizePipe reference after destruction flag is set\n // This retains references to the entire DI tree\n this.sanitizePipe = null;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/label/types/index.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { StylableComponent, SanitizePipe } from '@wm/components/base';
 declare class LabelDirective extends StylableComponent implements OnDestroy {
     private sanitizePipe;
-    static initializeProps: void;
+    static readonly initializeProps: void;
     constructor(inj: Injector, sanitizePipe: SanitizePipe, explicitContext: any);
     onPropertyChange(key: any, nv: any, ov?: any): void;
     ngOnDestroy(): void;

package/components/basic/picture/bundles/index.umd.js CHANGED Viewed

@@ -108,12 +108,12 @@
             this.setImgSource();
             super.ngOnInit();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PictureDirective, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: PictureDirective, isStandalone: true, selector: "img[wmPicture]", host: { properties: { "src": "this.imgSource" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PictureDirective, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: PictureDirective, isStandalone: true, selector: "img[wmPicture]", host: { properties: { "src": "this.imgSource" } }, providers: [
                 i1.provideAsWidgetRef(PictureDirective)
             ], exportAs: ["wmPicture"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: PictureDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: PictureDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,

package/components/basic/picture/fesm2022/index.mjs CHANGED Viewed

@@ -88,12 +88,12 @@ class PictureDirective extends StylableComponent {
         this.setImgSource();
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PictureDirective, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: PictureDirective, isStandalone: true, selector: "img[wmPicture]", host: { properties: { "src": "this.imgSource" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PictureDirective, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: PictureDirective, isStandalone: true, selector: "img[wmPicture]", host: { properties: { "src": "this.imgSource" } }, providers: [
             provideAsWidgetRef(PictureDirective)
         ], exportAs: ["wmPicture"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: PictureDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: PictureDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

package/components/basic/picture/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/picture/src/picture.props.ts","../../../../../projects/components/widgets/basic/picture/src/picture.directive.ts","../../../../../projects/components/widgets/basic/picture/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n const props = new Map(\n [\n ['animation', PROP_STRING],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['encodeurl', PROP_STRING],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['name', PROP_STRING],\n ['pictureaspect', {value: 'None', ...PROP_STRING}],\n ['alttext', {value: 'Image alt text not provided', ...PROP_STRING}],\n ['pictureplaceholder', PROP_STRING],\n ['picturesource', PROP_STRING],\n ['resizemode', {value: 'fill', ...PROP_STRING}],\n ['shape', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}]\n ]\n );\n register('wm-picture', props);\n};\n","import {Directive, HostBinding, Inject, Injector, OnInit, Optional} from '@angular/core';\n\nimport {~~setAttr,~~ setCSS, switchClass} from '@wm/core';\nimport {\n DISPLAY_TYPE,\n ImagePipe,\n IWidgetConfig,\n provideAsWidgetRef,\n StylableComponent,\n styler\n} from '@wm/components/base';\n\nimport {registerProps} from './picture.props';\n\nconst DEFAULT_CLS = 'app-picture';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-picture',\n hostClass: DEFAULT_CLS,\n displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Directive({\n standalone: true,\n selector: 'img[wmPicture]',\n providers: [\n provideAsWidgetRef(PictureDirective)\n ],\n exportAs: 'wmPicture'\n})\nexport class PictureDirective extends StylableComponent implements OnInit {\n static initializeProps = registerProps();\n\n encodeurl;\n picturesource;\n pictureplaceholder;\n alttext;\n\n @HostBinding('src') imgSource: string;\n\n constructor(inj: Injector, private imagePipe: ImagePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n\n setImgSource() {\n this.imgSource = this.imagePipe.transform(this.picturesource, this.encodeurl, this.pictureplaceholder);\n }\n\n onPropertyChange(key: string, nv: any, ov: any) {\n if (key === 'pictureaspect') {\n let width = '';\n let height = '';\n switch (nv) {\n case 'None':\n width = this.width;\n height = this.height;\n break;\n case 'H':\n width = '100%';\n break;\n case 'V':\n height = '100%';\n break;\n case 'Both':\n width = '100%';\n height = '100%';\n break;\n }\n setCSS(this.nativeElement, 'width', width, true);\n setCSS(this.nativeElement, 'height', height, true);\n } else if (key === 'encodeurl' \|\| key === 'pictureplaceholder') {\n this.setImgSource();\n } else if (key === 'shape') {\n switchClass(this.nativeElement, `img-${nv}`, `img-${ov}`);\n } else if (key === 'resizemode') {\n setCSS(this.nativeElement, 'object-fit', nv);\n }\n super.onPropertyChange(key, nv, ov);\n }\n\n onStyleChange(key: string, nv: any, ov?: any) {\n if (key === 'picturesource') {\n this.setImgSource();\n } else {\n super.onStyleChange(key, nv, ov);\n }\n }\n\n ngOnInit() {\n this.setImgSource();\n super.ngOnInit();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,CACjB;QACI,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,kBAAkB,EAAE,QAAQ,CAAC;QAC9B,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,eAAe,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QAClD,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,6BAA6B,EAAE,GAAG,WAAW,EAAC,CAAC;QACnE,CAAC,oBAAoB,EAAE,WAAW,CAAC;QACnC,CAAC,eAAe,EAAE,WAAW,CAAC;QAC9B,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QAC/C,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,GAAG,WAAW,EAAC;AAC1C,KAAA,CACJ;AACD,IAAA,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC;AACjC,CAAC;;ACVD,MAAM,WAAW,GAAG,aAAa;AACjC,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,YAAY,CAAC;CAC7B;AAUK,MAAO,gBAAiB,SAAQ,iBAAiB,CAAA;~~AAC5C~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~AASzC~~,IAAA,WAAA,CAAY,GAAa,~~EAAU~~,SAAoB,EAA0C,eAAoB,EAAA;~~AACjH~~,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;~~QADX~~,IAAA,CAAA,SAAS,GAAT,SAAS;~~AAGxC~~,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;IAEA,YAAY,GAAA;QACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC1G;AAEA,IAAA,gBAAgB,CAAC,GAAW,EAAE,EAAO,EAAE,EAAO,EAAA;AAC1C,QAAA,IAAI,GAAG,KAAK,eAAe,EAAE;YACzB,IAAI,KAAK,GAAG,EAAE;YACd,IAAI,MAAM,GAAG,EAAE;YACf,QAAQ,EAAE;AACN,gBAAA,KAAK,MAAM;AACP,oBAAA,KAAK,GAAG,IAAI,CAAC,KAAK;AAClB,oBAAA,MAAM,GAAG,IAAI,CAAC,MAAM;oBACpB;AACJ,gBAAA,KAAK,GAAG;oBACJ,KAAK,GAAG,MAAM;oBACd;AACJ,gBAAA,KAAK,GAAG;oBACJ,MAAM,GAAG,MAAM;oBACf;AACJ,gBAAA,KAAK,MAAM;oBACP,KAAK,GAAG,MAAM;oBACd,MAAM,GAAG,MAAM;oBACf;;YAER,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;YAChD,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC;QACtD;aAAO,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,oBAAoB,EAAE;YAC5D,IAAI,CAAC,YAAY,EAAE;QACvB;AAAO,aAAA,IAAI,GAAG,KAAK,OAAO,EAAE;AACxB,YAAA,WAAW,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA,IAAA,EAAO,EAAE,CAAA,CAAE,EAAE,CAAA,IAAA,EAAO,EAAE,CAAA,CAAE,CAAC;QAC7D;AAAQ,aAAA,IAAI,GAAG,KAAK,YAAY,EAAE;YAC9B,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,CAAC;QAChD;QACA,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;IACvC;AAEA,IAAA,aAAa,CAAC,GAAW,EAAE,EAAO,EAAE,EAAQ,EAAA;AACxC,QAAA,IAAI,GAAG,KAAK,eAAe,EAAE;YACzB,IAAI,CAAC,YAAY,EAAE;QACvB;aAAO;YACH,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACpC;IACJ;IAEA,QAAQ,GAAA;QACJ,IAAI,CAAC,YAAY,EAAE;QACnB,KAAK,CAAC,QAAQ,EAAE;IACpB;AA/DS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,~~mEAUwC~~,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAV1E~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,SAAA,EALd;YACP,kBAAkB,CAAC,gBAAgB;AACtC,SAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAGQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,gBAAA;AACrB,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACb,iBAAA;;~~0BAW6D~~,MAAM;2BAAC,kBAAkB;;0BAAG;;~~sBAFrF~~,WAAW;uBAAC,KAAK;;;ACrCtB;;AAEG;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/picture/src/picture.props.ts","../../../../../projects/components/widgets/basic/picture/src/picture.directive.ts","../../../../../projects/components/widgets/basic/picture/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n const props = new Map(\n [\n ['animation', PROP_STRING],\n ['class', PROP_STRING],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY],\n ['encodeurl', PROP_STRING],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['name', PROP_STRING],\n ['pictureaspect', {value: 'None', ...PROP_STRING}],\n ['alttext', {value: 'Image alt text not provided', ...PROP_STRING}],\n ['pictureplaceholder', PROP_STRING],\n ['picturesource', PROP_STRING],\n ['resizemode', {value: 'fill', ...PROP_STRING}],\n ['shape', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}]\n ]\n );\n register('wm-picture', props);\n};\n","import {Directive, HostBinding, Inject, Injector, OnInit, Optional} from '@angular/core';\n\nimport {setCSS, switchClass} from '@wm/core';\nimport {\n DISPLAY_TYPE,\n ImagePipe,\n IWidgetConfig,\n provideAsWidgetRef,\n StylableComponent,\n styler\n} from '@wm/components/base';\n\nimport {registerProps} from './picture.props';\n\nconst DEFAULT_CLS = 'app-picture';\nconst WIDGET_CONFIG: IWidgetConfig = {\n widgetType: 'wm-picture',\n hostClass: DEFAULT_CLS,\n displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Directive({\n standalone: true,\n selector: 'img[wmPicture]',\n providers: [\n provideAsWidgetRef(PictureDirective)\n ],\n exportAs: 'wmPicture'\n})\nexport class PictureDirective extends StylableComponent implements OnInit {\n static readonly initializeProps = registerProps();\n\n encodeurl;\n picturesource;\n pictureplaceholder;\n alttext;\n\n @HostBinding('src') imgSource: string;\n\n constructor(inj: Injector, private readonly imagePipe: ImagePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n styler(this.nativeElement, this);\n }\n\n setImgSource() {\n this.imgSource = this.imagePipe.transform(this.picturesource, this.encodeurl, this.pictureplaceholder);\n }\n\n onPropertyChange(key: string, nv: any, ov: any) {\n if (key === 'pictureaspect') {\n let width = '';\n let height = '';\n switch (nv) {\n case 'None':\n width = this.width;\n height = this.height;\n break;\n case 'H':\n width = '100%';\n break;\n case 'V':\n height = '100%';\n break;\n case 'Both':\n width = '100%';\n height = '100%';\n break;\n }\n setCSS(this.nativeElement, 'width', width, true);\n setCSS(this.nativeElement, 'height', height, true);\n } else if (key === 'encodeurl' \|\| key === 'pictureplaceholder') {\n this.setImgSource();\n } else if (key === 'shape') {\n switchClass(this.nativeElement, `img-${nv}`, `img-${ov}`);\n } else if (key === 'resizemode') {\n setCSS(this.nativeElement, 'object-fit', nv);\n }\n super.onPropertyChange(key, nv, ov);\n }\n\n onStyleChange(key: string, nv: any, ov?: any) {\n if (key === 'picturesource') {\n this.setImgSource();\n } else {\n super.onStyleChange(key, nv, ov);\n }\n }\n\n ngOnInit() {\n this.setImgSource();\n super.ngOnInit();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/picture/types/index.d.ts CHANGED Viewed

@@ -3,8 +3,8 @@ import { OnInit, Injector } from '@angular/core';
 import { StylableComponent, ImagePipe } from '@wm/components/base';
 declare class PictureDirective extends StylableComponent implements OnInit {
-    private imagePipe;
-    static initializeProps: void;
+    private readonly imagePipe;
+    static readonly initializeProps: void;
     encodeurl: any;
     picturesource: any;
     pictureplaceholder: any;

package/components/basic/progress/progress-bar/bundles/index.umd.js CHANGED Viewed

@@ -84,7 +84,7 @@
             const format = this.displayformat || '9';
             val = parseFloat('' + val);
             val = (val.toFixed(progressUtils.getDecimalCount(format)));
-            if (format.includes('%')) {
+            if (format?.includes('%')) {
                 val = `${val}%`;
             }
             return val;
@@ -114,12 +114,10 @@
                         const val = (this.datavalue || '0%');
                         width = displayVal = val;
                     }
-                    else {
-                        if (core.isDefined(this.datavalue)) {
-                            const denominator = (+this.maxvalue - +this.minvalue) || 1;
-                            const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
-                            width = displayVal = val;
-                        }
+                    else if (core.isDefined(this.datavalue)) {
+                        const denominator = (+this.maxvalue - +this.minvalue) || 1;
+                        const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
+                        width = displayVal = val;
                     }
                 }
                 this.data[0].displayValue = this.getFormattedDisplayVal(displayVal);
@@ -141,12 +139,12 @@
                 super.onPropertyChange(key, nv, ov);
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: ProgressBarComponent, deps: [{ token: i0__namespace.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: ProgressBarComponent, deps: [{ token: i0__namespace.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
                 base.provideAsWidgetRef(ProgressBarComponent)
             ], usesInheritance: true, ngImport: i0__namespace, template: "@for (bar of data; track bar) {\n  <div class=\"multi-bar progress-bar {{bar.cls}}\" [style.width]=\"bar.progressBarWidth\"\n    role=\"progressbar\" [attr.aria-valuenow]=\"datavalue\" [attr.aria-valuemin]=\"minvalue\" [attr.aria-valuemax]=\"maxvalue\"\n    [attr.aria-label]=\"arialabel || 'Progress bar'\" [tabindex]=\"tabindex\">\n    <span class=\"app-progress-label\" [attr.data-caption-placement]=\"captionplacement\">{{bar.displayValue}}</span>\n  </div>\n}\n" }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: ProgressBarComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: ProgressBarComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, selector: '[wmProgressBar]', providers: [
                             base.provideAsWidgetRef(ProgressBarComponent)

package/components/basic/progress/progress-bar/fesm2022/index.mjs CHANGED Viewed

@@ -66,7 +66,7 @@ class ProgressBarComponent extends StylableComponent {
         const format = this.displayformat || '9';
         val = parseFloat('' + val);
         val = (val.toFixed(getDecimalCount(format)));
-        if (format && format.includes('%')) {
+        if (format?.includes('%')) {
             val = `${val}%`;
         }
         return val;
@@ -96,12 +96,10 @@ class ProgressBarComponent extends StylableComponent {
                     const val = (this.datavalue || '0%');
                     width = displayVal = val;
                 }
-                else {
-                    if (isDefined(this.datavalue)) {
-                        const denominator = (+this.maxvalue - +this.minvalue) || 1;
-                        const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
-                        width = displayVal = val;
-                    }
+                else if (isDefined(this.datavalue)) {
+                    const denominator = (+this.maxvalue - +this.minvalue) || 1;
+                    const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';
+                    width = displayVal = val;
                 }
             }
             this.data[0].displayValue = this.getFormattedDisplayVal(displayVal);
@@ -123,12 +121,12 @@ class ProgressBarComponent extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i0.Injector }, { token: 'dataset', attribute: true }, { token: 'dataset.bind', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: ProgressBarComponent, isStandalone: true, selector: "[wmProgressBar]", providers: [
             provideAsWidgetRef(ProgressBarComponent)
         ], usesInheritance: true, ngImport: i0, template: "@for (bar of data; track bar) {\n  <div class=\"multi-bar progress-bar {{bar.cls}}\" [style.width]=\"bar.progressBarWidth\"\n    role=\"progressbar\" [attr.aria-valuenow]=\"datavalue\" [attr.aria-valuemin]=\"minvalue\" [attr.aria-valuemax]=\"maxvalue\"\n    [attr.aria-label]=\"arialabel || 'Progress bar'\" [tabindex]=\"tabindex\">\n    <span class=\"app-progress-label\" [attr.data-caption-placement]=\"captionplacement\">{{bar.displayValue}}</span>\n  </div>\n}\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: ProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: '[wmProgressBar]', providers: [
                         provideAsWidgetRef(ProgressBarComponent)

package/components/basic/progress/progress-bar/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.props.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.html","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-progress-bar',\n new Map(\n [\n ['captionplacement', {value: 'hidden', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['dataset', PROP_ANY],\n ['datavalue', PROP_STRING],\n ['displayformat', PROP_STRING],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['maxvalue', {value: 100, ...PROP_NUMBER}],\n ['minvalue', {value: 0, ...PROP_NUMBER}],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}],\n ['type', {value: 'default', ...PROP_STRING}]\n ]\n )\n );\n};\n","import {Attribute, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport {findValueOf, isDefined} from '@wm/core';\nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\n\nimport {registerProps} from './progress-bar.props';\nimport {getDecimalCount, isPercentageValue} from '@wm/components/basic/progress/progress-utils';\nimport {debounce, isArray} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'progress app-progress';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-progress-bar', hostClass: DEFAULT_CLS};\n\n// map of progress-bar type and classes\nexport const TYPE_CLASS_MAP = {\n 'default': '',\n 'default-striped': 'progress-bar-striped',\n 'success': 'progress-bar-success',\n 'success-striped': 'progress-bar-success progress-bar-striped',\n 'info': 'progress-bar-info',\n 'info-striped': 'progress-bar-info progress-bar-striped',\n 'warning': 'progress-bar-warning',\n 'warning-striped': 'progress-bar-warning progress-bar-striped',\n 'danger': 'progress-bar-danger',\n 'danger-striped': 'progress-bar-danger progress-bar-striped'\n};\n\n\n// interface for the progress-bar info\ninterface IProgressInfo {\n cls: string;\n progressBarWidth: string;\n displayValue: string;\n}\n\n@Component({\n standalone: true,\n selector: '[wmProgressBar]',\n templateUrl: './progress-bar.component.html',\n providers: [\n provideAsWidgetRef(ProgressBarComponent)\n ]\n})\nexport class ProgressBarComponent extends StylableComponent {\n static initializeProps = registerProps();\n\n public displayformat: string;\n public datavalue: string;\n public minvalue: number;\n public maxvalue: number;\n public type: string;\n public dataset: Array<any>;\n public hint: string;\n public arialabel: string;\n public tabindex: string;\n\n private _prepareData: Function;\n private readonly hasDataset: boolean;\n\n // progress-bar data, ngFor in the template iterates on this\n public data: Array<IProgressInfo> = [{\n cls: TYPE_CLASS_MAP.default,\n progressBarWidth: '0%',\n displayValue: '0'\n }];\n\n constructor(inj: Injector, @Attribute('dataset') dataset: string, @Attribute('dataset.bind') boundDataset: string, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n // flag which determines whether dataset is provided or not\n this.hasDataset = !!(dataset \|\| boundDataset);\n\n styler(this.nativeElement, this);\n\n this._prepareData = debounce(() => this.prepareData(), 50);\n }\n\n // update the proper classes when there is a change in type\n protected onTypeChange() {\n if (!this.hasDataset) {\n if (this.data[0]) {\n this.data[0].cls = TYPE_CLASS_MAP[this.type];\n }\n }\n }\n\n // returns the formatted display value based on the provided displayformat\n protected getFormattedDisplayVal(val: string \| number): string {\n const format = this.displayformat \|\| '9';\n\n val = parseFloat('' + val);\n val = (val.toFixed(getDecimalCount(format)));\n\n if (format && format.includes('%')) {\n val = `${val}%`;\n }\n return val;\n }\n\n protected prepareData() {\n // when the dataset is provided, iterate over the dataset to set the proper values in the data\n if (this.dataset && isArray(this.dataset) && this.type && this.datavalue) {\n this.data = this.dataset.map((datum): IProgressInfo => {\n const val: string = findValueOf(datum, this.datavalue).toString();\n let percentVal = val;\n if (val && !val.includes('%')) {\n percentVal = `${val}%`;\n }\n return {\n cls: TYPE_CLASS_MAP[findValueOf(datum, this.type)],\n progressBarWidth: percentVal,\n displayValue: this.getFormattedDisplayVal(val)\n };\n });\n } else {\n // if the dataset is not provided, update the values in the default data\n let width: string \| number = 0;\n let displayVal: string \| number = 0;\n if (this.datavalue) {\n if (isPercentageValue(this.datavalue)) {\n const val = (this.datavalue \|\| '0%');\n width = displayVal = val;\n } else {\n if (isDefined(this.datavalue)) {\n const denominator = (+this.maxvalue - +this.minvalue) \|\| 1;\n const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';\n width = displayVal = val;\n }\n }\n }\n this.data[0].displayValue = this.getFormattedDisplayVal(displayVal as string);\n this.data[0].progressBarWidth = width as string;\n this.data[0].cls = TYPE_CLASS_MAP[this.type];\n\n }\n }\n\n onPropertyChange(key: string, nv: any, ov?: any) {\n if (key === 'type') {\n this.onTypeChange();\n } else if (key === 'minvalue' \|\| key === 'maxvalue' \|\| key === 'datavalue' \|\| key === 'dataset' \|\| key === 'displayformat') {\n this._prepareData();\n } else if (key === 'tabindex') {\n return;\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n}\n","@for (bar of data; track bar) {\n <div class=\"multi-bar progress-bar {{bar.cls}}\" [style.width]=\"bar.progressBarWidth\"\n role=\"progressbar\" [attr.aria-valuenow]=\"datavalue\" [attr.aria-valuemin]=\"minvalue\" [attr.aria-valuemax]=\"maxvalue\"\n [attr.aria-label]=\"arialabel \|\| 'Progress bar'\" [tabindex]=\"tabindex\">\n <span class=\"app-progress-label\" [attr.data-caption-placement]=\"captionplacement\">{{bar.displayValue}}</span>\n </div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.props.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.ts","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/progress-bar.component.html","../../../../../../projects/components/widgets/basic/progress/progress-bar/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-progress-bar',\n new Map(\n [\n ['captionplacement', {value: 'hidden', ...PROP_STRING}],\n ['class', PROP_STRING],\n ['dataset', PROP_ANY],\n ['datavalue', PROP_STRING],\n ['displayformat', PROP_STRING],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['maxvalue', {value: 100, ...PROP_NUMBER}],\n ['minvalue', {value: 0, ...PROP_NUMBER}],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}],\n ['type', {value: 'default', ...PROP_STRING}]\n ]\n )\n );\n};\n","import {Attribute, Component, Inject, Injector, Optional} from '@angular/core';\n\nimport {findValueOf, isDefined} from '@wm/core';\nimport {IWidgetConfig, provideAsWidgetRef, StylableComponent, styler} from '@wm/components/base';\n\nimport {registerProps} from './progress-bar.props';\nimport {getDecimalCount, isPercentageValue} from '@wm/components/basic/progress/progress-utils';\nimport {debounce, isArray} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'progress app-progress';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-progress-bar', hostClass: DEFAULT_CLS};\n\n// map of progress-bar type and classes\nexport const TYPE_CLASS_MAP = {\n 'default': '',\n 'default-striped': 'progress-bar-striped',\n 'success': 'progress-bar-success',\n 'success-striped': 'progress-bar-success progress-bar-striped',\n 'info': 'progress-bar-info',\n 'info-striped': 'progress-bar-info progress-bar-striped',\n 'warning': 'progress-bar-warning',\n 'warning-striped': 'progress-bar-warning progress-bar-striped',\n 'danger': 'progress-bar-danger',\n 'danger-striped': 'progress-bar-danger progress-bar-striped'\n};\n\n\n// interface for the progress-bar info\ninterface IProgressInfo {\n cls: string;\n progressBarWidth: string;\n displayValue: string;\n}\n\n@Component({\n standalone: true,\n selector: '[wmProgressBar]',\n templateUrl: './progress-bar.component.html',\n providers: [\n provideAsWidgetRef(ProgressBarComponent)\n ]\n})\nexport class ProgressBarComponent extends StylableComponent {\n static readonly initializeProps = registerProps();\n\n public displayformat: string;\n public datavalue: string;\n public minvalue: number;\n public maxvalue: number;\n public type: string;\n public dataset: Array<any>;\n public hint: string;\n public arialabel: string;\n public tabindex: string;\n\n private readonly _prepareData: Function;\n private readonly hasDataset: boolean;\n\n // progress-bar data, ngFor in the template iterates on this\n public data: Array<IProgressInfo> = [{\n cls: TYPE_CLASS_MAP.default,\n progressBarWidth: '0%',\n displayValue: '0'\n }];\n\n constructor(inj: Injector, @Attribute('dataset') dataset: string, @Attribute('dataset.bind') boundDataset: string, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n\n // flag which determines whether dataset is provided or not\n this.hasDataset = !!(dataset \|\| boundDataset);\n\n styler(this.nativeElement, this);\n\n this._prepareData = debounce(() => this.prepareData(), 50);\n }\n\n // update the proper classes when there is a change in type\n protected onTypeChange() {\n if (!this.hasDataset) {\n if (this.data[0]) {\n this.data[0].cls = TYPE_CLASS_MAP[this.type];\n }\n }\n }\n\n // returns the formatted display value based on the provided displayformat\n protected getFormattedDisplayVal(val: string \| number): string {\n const format = this.displayformat \|\| '9';\n\n val = parseFloat('' + val);\n val = (val.toFixed(getDecimalCount(format)));\n\n if (format?.includes('%')) {\n val = `${val}%`;\n }\n return val;\n }\n\n protected prepareData() {\n // when the dataset is provided, iterate over the dataset to set the proper values in the data\n if (this.dataset && isArray(this.dataset) && this.type && this.datavalue) {\n this.data = this.dataset.map((datum): IProgressInfo => {\n const val: string = findValueOf(datum, this.datavalue).toString();\n let percentVal = val;\n if (val && !val.includes('%')) {\n percentVal = `${val}%`;\n }\n return {\n cls: TYPE_CLASS_MAP[findValueOf(datum, this.type)],\n progressBarWidth: percentVal,\n displayValue: this.getFormattedDisplayVal(val)\n };\n });\n } else {\n // if the dataset is not provided, update the values in the default data\n let width: string \| number = 0;\n let displayVal: string \| number = 0;\n if (this.datavalue) {\n if (isPercentageValue(this.datavalue)) {\n const val = (this.datavalue \|\| '0%');\n width = displayVal = val;\n } else \n if (isDefined(this.datavalue)) {\n const denominator = (+this.maxvalue - +this.minvalue) \|\| 1;\n const val = ((+this.datavalue - +this.minvalue) * 100) / denominator + '%';\n width = displayVal = val;\n }\n \n }\n this.data[0].displayValue = this.getFormattedDisplayVal(displayVal as string);\n this.data[0].progressBarWidth = width as string;\n this.data[0].cls = TYPE_CLASS_MAP[this.type];\n\n }\n }\n\n onPropertyChange(key: string, nv: any, ov?: any) {\n if (key === 'type') {\n this.onTypeChange();\n } else if (key === 'minvalue' \|\| key === 'maxvalue' \|\| key === 'datavalue' \|\| key === 'dataset' \|\| key === 'displayformat') {\n this._prepareData();\n } else if (key === 'tabindex') {\n return;\n } else {\n super.onPropertyChange(key, nv, ov);\n }\n }\n}\n","@for (bar of data; track bar) {\n <div class=\"multi-bar progress-bar {{bar.cls}}\" [style.width]=\"bar.progressBarWidth\"\n role=\"progressbar\" [attr.aria-valuenow]=\"datavalue\" [attr.aria-valuemin]=\"minvalue\" [attr.aria-valuemax]=\"maxvalue\"\n [attr.aria-label]=\"arialabel \|\| 'Progress bar'\" [tabindex]=\"tabindex\">\n <span class=\"app-progress-label\" [attr.data-caption-placement]=\"captionplacement\">{{bar.displayValue}}</span>\n </div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}