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

package/components/base/types/index.d.ts

@@ -4,7 +4,8 @@ import { DecimalPipe, DatePipe } from '@angular/common';
 import { CustomPipeManager, App, AbstractI18nService, PartialRefProvider, CustomWidgetRefProvider, Viewport, IDGenerator } from '@wm/core';
 import * as _wavemaker_focus_trap from '@wavemaker/focus-trap';
 import { Subject } from 'rxjs';
-import { EventManager, DomSanitizer, SafeHtml, SafeValue } from '@angular/platform-browser';
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { EventManager, DomSanitizer, SafeValue, SafeHtml } from '@angular/platform-browser';
 import * as lodash from 'lodash';
 import { SwipeAnimation } from '@swipey';
 
@@ -190,7 +191,7 @@ declare function applyFilterOnField(dataSource: any, filterDef: any, formFields:
 declare function transformData(dataObject: any, variableName: any): any;
 
 declare class WmPipe {
-    private pipeName;
+    private readonly pipeName;
     protected customPipeManager: CustomPipeManager;
     protected pipeRef: any;
     protected isCustomPipe: any;
@@ -199,16 +200,16 @@ declare class WmPipe {
 }
 
 declare class TrailingZeroDecimalPipe implements PipeTransform {
-    private decimalPipe;
+    private readonly decimalPipe;
     transform(value: any, selectedLocale: string, numberfilter: string, localefilter: any, trailingzero: boolean, decimalValue: string, skipTrailingZeroCheck?: boolean, formattedLocale?: any): any;
     constructor(decimalPipe: DecimalPipe);
     static ɵfac: i0.ɵɵFactoryDeclaration<TrailingZeroDecimalPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TrailingZeroDecimalPipe, "trailingZeroDecimalPipe", true>;
 }
 declare class ToDatePipe extends WmPipe implements PipeTransform {
-    private datePipe;
-    private i18nService;
-    private app;
+    private readonly datePipe;
+    private readonly i18nService;
+    private readonly app;
     protected customPipeManager: CustomPipeManager;
     returnFn(data: any, args: any, variables: any): any;
     transform(data: any, format: any, timezone?: any, compInstance?: any): any;
@@ -217,16 +218,16 @@ declare class ToDatePipe extends WmPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<ToDatePipe, "toDate", true>;
 }
 declare class ToNumberPipe implements PipeTransform {
-    private decimalPipe;
-    private i18nService;
+    private readonly decimalPipe;
+    private readonly i18nService;
     transform(data: any, fracSize: any): string;
     constructor(decimalPipe: DecimalPipe, i18nService: AbstractI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ToNumberPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ToNumberPipe, "toNumber", true>;
 }
 declare class ToCurrencyPipe implements PipeTransform {
-    private decimalPipe;
-    private i18nService;
+    private readonly decimalPipe;
+    private readonly i18nService;
     transform(data: any, currencySymbol: any, fracSize: any): string;
     constructor(decimalPipe: DecimalPipe, i18nService: AbstractI18nService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ToCurrencyPipe, never>;
@@ -246,8 +247,8 @@ declare class SuffixPipe implements PipeTransform {
  * Custom pipe: It is work as interceptor between the user custom pipe function and angular pipe
  */
 declare class CustomPipe implements PipeTransform {
-    private app;
-    private custmeUserPipe;
+    private readonly app;
+    private readonly custmeUserPipe;
     constructor(app: App, custmeUserPipe: CustomPipeManager);
     transform(data: any, pipename: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomPipe, never>;
@@ -536,7 +537,7 @@ declare abstract class BaseComponent implements OnDestroy, OnInit, AfterViewInit
     /**
      * Map of event handler callbacks
      */
-    private eventHandlers;
+    private readonly eventHandlers;
     /**
      * context of the widget
      * when the widget is preset inside a repeater this context will have the repeater related properties
@@ -561,10 +562,10 @@ declare abstract class BaseComponent implements OnDestroy, OnInit, AfterViewInit
      * Holds the event registration functions.
      * these functions needs to be executed after onViewInit
      */
-    private toBeSetupEventsQueue;
+    private readonly toBeSetupEventsQueue;
     __cloneable__: boolean;
     widgetProps: Map<string, any>;
-    private $attrs;
+    private readonly $attrs;
     private isMuted;
     viewContainerRef: ViewContainerRef;
     viewParentApp: App;
@@ -824,10 +825,10 @@ declare abstract class DatasetAwareNavComponent extends StylableComponent implem
     private binditemtarget;
     private binduserrole;
     private bindisactive;
-    private securityService;
+    private readonly securityService;
     protected binditemid: string | null;
     protected nodes$: Subject<unknown>;
-    private cancelLocaleChangeSubscription;
+    private readonly cancelLocaleChangeSubscription;
     constructor(inj: Injector, WIDGET_CONFIG: any, explicitContext: any);
     /**
      * constructs individual node for the widget model.
@@ -1008,9 +1009,9 @@ declare class PartialContainerDirective implements OnDestroy {
     vcRef: ViewContainerRef;
     elRef: ElementRef;
     inj: Injector;
-    private envInjector;
-    private app;
-    private partialRefProvider;
+    private readonly envInjector;
+    private readonly app;
+    private readonly partialRefProvider;
     private contentInitialized;
     private $target;
     private instanceRef;
@@ -1034,9 +1035,9 @@ declare class CustomWidgetContainerDirective implements OnDestroy {
     vcRef: ViewContainerRef;
     elRef: ElementRef;
     inj: Injector;
-    private envInjector;
-    private app;
-    private customWidgetRefProvider;
+    private readonly envInjector;
+    private readonly app;
+    private readonly customWidgetRefProvider;
     constructor(componentInstance: any, vcRef: ViewContainerRef, elRef: ElementRef, inj: Injector, envInjector: EnvironmentInjector, app: App, widgetname: string, customWidgetRefProvider: CustomWidgetRefProvider);
     private loadCustomWidget;
     ngOnDestroy(): void;
@@ -1048,10 +1049,10 @@ declare class BaseFieldValidations {
     private hasValidators;
     private instance;
     formwidget: any;
-    private widgettype;
+    private readonly widgettype;
     private widgetControl;
     private widgetContext;
-    private tableFieldType;
+    private readonly tableFieldType;
     private defaultValidatorMessages;
     private _syncValidators;
     private _asyncValidatorFn;
@@ -1085,8 +1086,8 @@ declare class BaseFieldValidations {
  */
 
 declare class ItemTemplateDirective extends StylableComponent implements OnInit, OnDestroy {
-    private app;
-    static initializeProps: void;
+    private readonly app;
+    static readonly initializeProps: void;
     context: any;
     content: any;
     partialParams: any;
@@ -1103,14 +1104,14 @@ declare class ItemTemplateDirective extends StylableComponent implements OnInit,
 }
 
 declare class RepeatTemplateDirective extends StylableComponent {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     constructor(inj: Injector, explicitContext: any);
     static ɵfac: i0.ɵɵFactoryDeclaration<RepeatTemplateDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RepeatTemplateDirective, "[wmRepeatTemplate]", ["repeatItemRef"], {}, {}, never, never, true, never>;
 }
 
 declare class MessageComponent extends StylableComponent {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     messageClass: string;
     messageIconClass: string;
     type: string;
@@ -1127,9 +1128,9 @@ declare class MessageComponent extends StylableComponent {
 }
 
 declare class PullToRefresh extends SwipeAnimation {
-    private $el;
-    private app;
-    private onPullToRefresh;
+    private readonly $el;
+    private readonly app;
+    private readonly onPullToRefresh;
     private infoContainer;
     private runAnimation;
     private count;
@@ -1174,8 +1175,8 @@ declare class PullToRefresh extends SwipeAnimation {
 }
 
 declare class PartialDirective extends StylableComponent implements OnDestroy {
-    private viewport;
-    static initializeProps: void;
+    private readonly viewport;
+    static readonly initializeProps: void;
     constructor(inj: Injector, viewport: Viewport, explicitContext: any);
     private callback;
     ngOnAttach(): void;
@@ -1291,7 +1292,7 @@ declare class DialogServiceImpl {
      * @type {Map<any, any>}
      * Ex Map[[dialogName, [[dialogScope, dialogRef]]]]
      */
-    private dialogRefsCollection;
+    private readonly dialogRefsCollection;
     private appConfirmDialog;
     constructor();
     /**
@@ -1340,15 +1341,15 @@ declare class DialogServiceImpl {
 }
 
 declare class TrustAsPipe implements PipeTransform {
-    private domSanitizer;
+    private readonly domSanitizer;
     constructor(domSanitizer: DomSanitizer);
-    transform(content: string, context: string | SecurityContext): SafeHtml;
+    transform(content: string, context: string | SecurityContext): _angular_platform_browser.SafeHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<TrustAsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TrustAsPipe, "trustAs", true>;
 }
 
 declare class SanitizePipe implements PipeTransform {
-    private domSanitizer;
+    private readonly domSanitizer;
     constructor(domSanitizer: DomSanitizer);
     transform(content: string | SafeValue, context: string | SecurityContext): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SanitizePipe, never>;
@@ -1363,7 +1364,7 @@ declare class ImagePipe implements PipeTransform {
 
 declare class ContainerDirective extends BaseContainerComponent {
     app?: App;
-    static initializeProps: void;
+    static readonly initializeProps: void;
     isPrism: boolean;
     constructor(inj: Injector, explicitContext?: any, app?: App);
     static ɵfac: i0.ɵɵFactoryDeclaration<ContainerDirective, [null, { optional: true; }, null]>;
@@ -1371,8 +1372,8 @@ declare class ContainerDirective extends BaseContainerComponent {
 }
 
 declare class LazyLoadDirective implements OnDestroy {
-    private templateRef;
-    private viewContainer;
+    private readonly templateRef;
+    private readonly viewContainer;
     private readonly viewParent;
     private context;
     private embeddedView;
@@ -1385,7 +1386,7 @@ declare class LazyLoadDirective implements OnDestroy {
 }
 
 declare class PartialParamHandlerDirective implements OnDestroy {
-    private widgetRef;
+    private readonly widgetRef;
     constructor(widgetRef: any);
     registerParams(name: string, value: string, bindExpr: string, type: string): void;
     ngOnDestroy(): void;
@@ -1395,7 +1396,7 @@ declare class PartialParamHandlerDirective implements OnDestroy {
 declare class PartialParamDirective implements OnInit {
     bindValue: any;
     type: any;
-    private partialParamsProvider;
+    private readonly partialParamsProvider;
     name: string;
     value: any;
     constructor(bindValue: any, type: any, partialParamsProvider: PartialParamHandlerDirective);
@@ -1405,7 +1406,7 @@ declare class PartialParamDirective implements OnInit {
 }
 
 declare class TextContentDirective {
-    private elRef;
+    private readonly elRef;
     set textContent(nv: any);
     constructor(elRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextContentDirective, never>;
@@ -1413,8 +1414,8 @@ declare class TextContentDirective {
 }
 
 declare class ShowInDeviceDirective implements OnDestroy {
-    private viewContainerRef;
-    private templateRef;
+    private readonly viewContainerRef;
+    private readonly templateRef;
     private context;
     private devices;
     private embeddedView;

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

@@ -171,12 +171,12 @@
             }
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AnchorComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.App }, { 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: AnchorComponent, isStandalone: true, selector: "a[wmAnchor]", host: { properties: { "target": "this.target", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AnchorComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.App }, { 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: AnchorComponent, isStandalone: true, selector: "a[wmAnchor]", host: { properties: { "target": "this.target", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
                 base.provideAsWidgetRef(AnchorComponent)
             ], exportAs: ["wmAnchor"], usesInheritance: true, ngImport: i0__namespace, template: "\n<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [defaultClasses]=\"iconurl ? 'anchor-image-icon' : ''\" [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\" alt=\"Anchor icon\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n", dependencies: [{ kind: "ngmodule", type: common.CommonModule }, { 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: AnchorComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AnchorComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [common.CommonModule, base.TextContentDirective, base.WmAppIconComponent], selector: 'a[wmAnchor]', providers: [
                             base.provideAsWidgetRef(AnchorComponent)

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

@@ -152,12 +152,12 @@ class AnchorComponent extends StylableComponent {
         }
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AnchorComponent, deps: [{ token: i0.Injector }, { token: i1.App }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: AnchorComponent, isStandalone: true, selector: "a[wmAnchor]", host: { properties: { "target": "this.target", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AnchorComponent, deps: [{ token: i0.Injector }, { token: i1.App }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: AnchorComponent, isStandalone: true, selector: "a[wmAnchor]", host: { properties: { "target": "this.target", "attr.accesskey": "this.shortcutkey", "attr.icon-position": "this.iconposition" } }, providers: [
             provideAsWidgetRef(AnchorComponent)
         ], exportAs: ["wmAnchor"], usesInheritance: true, ngImport: i0, template: "\n<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [defaultClasses]=\"iconurl ? 'anchor-image-icon' : ''\" [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\" alt=\"Anchor icon\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AnchorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AnchorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TextContentDirective, WmAppIconComponent], selector: 'a[wmAnchor]', providers: [
                         provideAsWidgetRef(AnchorComponent)

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/anchor/src/anchor.props.ts","../../../../../projects/components/widgets/basic/anchor/src/anchor.component.ts","../../../../../projects/components/widgets/basic/anchor/src/anchor.component.html","../../../../../projects/components/widgets/basic/anchor/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-anchor',\n        new Map(\n            [\n                ['animation', PROP_STRING],\n                ['badgevalue', PROP_STRING],\n                ['caption', {value: 'Link', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['conditionalclass', PROP_ANY],\n                ['conditionalstyle', PROP_ANY],\n                ['encodeurl', PROP_BOOLEAN],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['hyperlink', {value: '', ...PROP_STRING}],\n                ['iconclass', PROP_STRING],\n                ['iconheight', PROP_STRING],\n                ['iconmargin', PROP_STRING],\n                ['iconposition', PROP_STRING],\n                ['iconurl', PROP_STRING],\n                ['iconwidth', PROP_STRING],\n                ['name', PROP_STRING],\n                ['shortcutkey', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}],\n                ['target', {value: '_self', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport {AfterViewInit, Component, HostBinding, Inject, Injector, OnDestroy, Optional} from '@angular/core';\n\nimport {\n    addClass,\n    App,\n    encodeUrl,\n    EventNotifier,\n    getRouteNameFromLink,\n    removeAttr,\n    removeClass,\n    setAttr\n} from '@wm/core';\nimport {DISPLAY_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TextContentDirective, WmAppIconComponent} from '@wm/components/base';\n\nimport {registerProps} from './anchor.props'; \n\nconst DEFAULT_CLS = 'app-anchor';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-anchor',\n    hostClass: DEFAULT_CLS,\n    displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\nconst regex = /Actions.goToPage_(\\w+)\\.invoke\\(\\)/g;\nexport const disableContextMenu = ($event: Event) => {\n    $event.preventDefault();\n};\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, TextContentDirective, WmAppIconComponent],\n    selector: 'a[wmAnchor]',\n    templateUrl: './anchor.component.html',\n    providers: [\n        provideAsWidgetRef(AnchorComponent)\n    ],\n    exportAs: 'wmAnchor'\n})\nexport class AnchorComponent extends StylableComponent implements AfterViewInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    private hasNavigationToCurrentPageExpr: boolean;\n    private hasGoToPageExpr: boolean;\n    private goToPageName: string;\n    private cancelSubscription: any;\n\n    public encodeurl;\n    public hyperlink;\n    public iconheight: string;\n    public iconwidth: string;\n    public iconmargin: string;\n    public iconurl: string;\n    public iconclass: string;\n    public caption: any;\n    public badgevalue: string;\n    public arialabel: string;\n\n    @HostBinding('target') target: string;\n    @HostBinding('attr.accesskey') shortcutkey: string;\n    @HostBinding('attr.icon-position') iconposition: string;\n    private _eventNotifier = new EventNotifier();\n\n    constructor(\n        inj: Injector,\n        private app: App,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    protected processEventAttr(eventName: string, expr: string, meta?: string) {\n\n        super.processEventAttr(eventName, expr, meta);\n\n        if (!this.hasNavigationToCurrentPageExpr) {\n            const app = this.inj.get(App);\n            const fns = expr.split(';').map(Function.prototype.call, String.prototype.trim);\n            if (fns.some(fn => {\n                regex.lastIndex = 0;\n                const matches = regex.exec(fn);\n\n                const hasGoToPageExpr = matches && (matches.length > 0);\n                if(hasGoToPageExpr && !this.hasGoToPageExpr) {\n                    this.hasGoToPageExpr = true;\n                    this.goToPageName = matches[1];\n                }\n\n                return hasGoToPageExpr && matches[1] === app.activePageName;\n            })) {\n                this.hasNavigationToCurrentPageExpr = true;\n            }\n        }\n    }\n\n    public onActive(callback: (data: any) =>void) {\n        this._eventNotifier.subscribe('on-active', callback);\n    }\n\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any, meta?: string) {\n        super.handleEvent(\n            node,\n            eventName,\n            e => {\n                if (this.hasGoToPageExpr && locals.$event) {\n                    locals.$event.preventDefault();\n                }\n                eventCallback();\n            },\n            locals,\n            meta\n        );\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'hyperlink') {\n            if (!nv) {\n                setAttr(this.nativeElement, 'href', 'javascript:void(0)');\n                this.nativeElement.addEventListener('contextmenu', disableContextMenu);\n                return;\n            }\n            if (this.encodeurl) {\n                nv = encodeUrl(nv);\n            }\n            // if hyperlink starts with 'www.' append '//' in the beginning\n            if (nv.startsWith('www.')) {\n                nv = `//${nv}`;\n            }\n            setAttr(this.nativeElement, 'href', nv);\n            this.nativeElement.removeEventListener('contextmenu', disableContextMenu);\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    init() {\n        if (this.hasNavigationToCurrentPageExpr) {\n            addClass(this.nativeElement, 'active');\n            setAttr(this.nativeElement, 'aria-current', 'page');\n        }\n        if (this.hyperlink && getRouteNameFromLink(this.hyperlink) === `/${this.app.activePageName}`\n            || this.hasNavigationToCurrentPageExpr) {\n            this._eventNotifier.notify(\"on-active\", {});\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.init();\n        if(this.hasGoToPageExpr) {\n            // Clean up any existing subscription before creating a new one\n            if (this.cancelSubscription) {\n                this.cancelSubscription();\n                this.cancelSubscription = null;\n            }\n            \n            // In SPA, it highlights active page link when we navigate within the same layout\n            this.cancelSubscription = this.app.subscribe(\"highlightActiveLink\", (data) => {\n                if(this.hasNavigationToCurrentPageExpr && this.goToPageName !== this.app.activePageName) {\n                    this.hasNavigationToCurrentPageExpr = false;\n                    removeClass(this.nativeElement, 'active');\n                    removeAttr(this.nativeElement, 'aria-current');\n                }\n                if (this.goToPageName === data.pageName) {\n                    this.hasNavigationToCurrentPageExpr = true;\n                    addClass(this.nativeElement, 'active');\n                    setAttr(this.nativeElement, 'aria-current', 'page');\n                }\n            });\n        }\n    }\n\n    ngOnAttach() {\n        this.init();\n        super.ngOnAttach();\n    }\n\n    public ngOnDestroy() {\n        // Unsubscribe from app event first to prevent any callbacks during destruction\n        if(this.cancelSubscription) {\n            this.cancelSubscription();\n            this.cancelSubscription = null;\n        }\n        \n        // Destroy local event notifier\n        this._eventNotifier.destroy();\n        \n        // Remove event listener if it exists\n        if (this.nativeElement) {\n            this.nativeElement.removeEventListener('contextmenu', disableContextMenu);\n        }\n        super.ngOnDestroy();\n    }\n}\n","\n<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [defaultClasses]=\"iconurl ? 'anchor-image-icon' : ''\" [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\" alt=\"Anchor icon\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/anchor/src/anchor.props.ts","../../../../../projects/components/widgets/basic/anchor/src/anchor.component.ts","../../../../../projects/components/widgets/basic/anchor/src/anchor.component.html","../../../../../projects/components/widgets/basic/anchor/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-anchor',\n        new Map(\n            [\n                ['animation', PROP_STRING],\n                ['badgevalue', PROP_STRING],\n                ['caption', {value: 'Link', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['conditionalclass', PROP_ANY],\n                ['conditionalstyle', PROP_ANY],\n                ['encodeurl', PROP_BOOLEAN],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['hyperlink', {value: '', ...PROP_STRING}],\n                ['iconclass', PROP_STRING],\n                ['iconheight', PROP_STRING],\n                ['iconmargin', PROP_STRING],\n                ['iconposition', PROP_STRING],\n                ['iconurl', PROP_STRING],\n                ['iconwidth', PROP_STRING],\n                ['name', PROP_STRING],\n                ['shortcutkey', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}],\n                ['target', {value: '_self', ...PROP_STRING}]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport {AfterViewInit, Component, HostBinding, Inject, Injector, OnDestroy, Optional} from '@angular/core';\n\nimport {\n    addClass,\n    App,\n    encodeUrl,\n    EventNotifier,\n    getRouteNameFromLink,\n    removeAttr,\n    removeClass,\n    setAttr\n} from '@wm/core';\nimport {DISPLAY_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TextContentDirective, WmAppIconComponent} from '@wm/components/base';\n\nimport {registerProps} from './anchor.props'; \n\nconst DEFAULT_CLS = 'app-anchor';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-anchor',\n    hostClass: DEFAULT_CLS,\n    displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\nconst regex = /Actions.goToPage_(\\w+)\\.invoke\\(\\)/g;\nexport const disableContextMenu = ($event: Event) => {\n    $event.preventDefault();\n};\n\n@Component({\n    standalone: true,\n    imports: [CommonModule, TextContentDirective, WmAppIconComponent],\n    selector: 'a[wmAnchor]',\n    templateUrl: './anchor.component.html',\n    providers: [\n        provideAsWidgetRef(AnchorComponent)\n    ],\n    exportAs: 'wmAnchor'\n})\nexport class AnchorComponent extends StylableComponent implements AfterViewInit, OnDestroy {\n    static readonly initializeProps = registerProps();\n\n    private hasNavigationToCurrentPageExpr: boolean;\n    private hasGoToPageExpr: boolean;\n    private goToPageName: string;\n    private cancelSubscription: any;\n\n    public encodeurl;\n    public hyperlink;\n    public iconheight: string;\n    public iconwidth: string;\n    public iconmargin: string;\n    public iconurl: string;\n    public iconclass: string;\n    public caption: any;\n    public badgevalue: string;\n    public arialabel: string;\n\n    @HostBinding('target') target: string;\n    @HostBinding('attr.accesskey') shortcutkey: string;\n    @HostBinding('attr.icon-position') iconposition: string;\n    private readonly _eventNotifier = new EventNotifier();\n\n    constructor(\n        inj: Injector,\n        private readonly app: App,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    protected processEventAttr(eventName: string, expr: string, meta?: string) {\n\n        super.processEventAttr(eventName, expr, meta);\n\n        if (!this.hasNavigationToCurrentPageExpr) {\n            const app = this.inj.get(App);\n            const fns = expr.split(';').map(Function.prototype.call, String.prototype.trim);\n            if (fns.some(fn => {\n                regex.lastIndex = 0;\n                const matches = regex.exec(fn);\n\n                const hasGoToPageExpr = matches && (matches.length > 0);\n                if(hasGoToPageExpr && !this.hasGoToPageExpr) {\n                    this.hasGoToPageExpr = true;\n                    this.goToPageName = matches[1];\n                }\n\n                return hasGoToPageExpr && matches[1] === app.activePageName;\n            })) {\n                this.hasNavigationToCurrentPageExpr = true;\n            }\n        }\n    }\n\n    public onActive(callback: (data: any) =>void) {\n        this._eventNotifier.subscribe('on-active', callback);\n    }\n\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any, meta?: string) {\n        super.handleEvent(\n            node,\n            eventName,\n            e => {\n                if (this.hasGoToPageExpr && locals.$event) {\n                    locals.$event.preventDefault();\n                }\n                eventCallback();\n            },\n            locals,\n            meta\n        );\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'hyperlink') {\n            if (!nv) {\n                setAttr(this.nativeElement, 'href', 'javascript:void(0)');\n                this.nativeElement.addEventListener('contextmenu', disableContextMenu);\n                return;\n            }\n            if (this.encodeurl) {\n                nv = encodeUrl(nv);\n            }\n            // if hyperlink starts with 'www.' append '//' in the beginning\n            if (nv.startsWith('www.')) {\n                nv = `//${nv}`;\n            }\n            setAttr(this.nativeElement, 'href', nv);\n            this.nativeElement.removeEventListener('contextmenu', disableContextMenu);\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    init() {\n        if (this.hasNavigationToCurrentPageExpr) {\n            addClass(this.nativeElement, 'active');\n            setAttr(this.nativeElement, 'aria-current', 'page');\n        }\n        if (this.hyperlink && getRouteNameFromLink(this.hyperlink) === `/${this.app.activePageName}`\n            || this.hasNavigationToCurrentPageExpr) {\n            this._eventNotifier.notify(\"on-active\", {});\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        this.init();\n        if(this.hasGoToPageExpr) {\n            // Clean up any existing subscription before creating a new one\n            if (this.cancelSubscription) {\n                this.cancelSubscription();\n                this.cancelSubscription = null;\n            }\n            \n            // In SPA, it highlights active page link when we navigate within the same layout\n            this.cancelSubscription = this.app.subscribe(\"highlightActiveLink\", (data) => {\n                if(this.hasNavigationToCurrentPageExpr && this.goToPageName !== this.app.activePageName) {\n                    this.hasNavigationToCurrentPageExpr = false;\n                    removeClass(this.nativeElement, 'active');\n                    removeAttr(this.nativeElement, 'aria-current');\n                }\n                if (this.goToPageName === data.pageName) {\n                    this.hasNavigationToCurrentPageExpr = true;\n                    addClass(this.nativeElement, 'active');\n                    setAttr(this.nativeElement, 'aria-current', 'page');\n                }\n            });\n        }\n    }\n\n    ngOnAttach() {\n        this.init();\n        super.ngOnAttach();\n    }\n\n    public ngOnDestroy() {\n        // Unsubscribe from app event first to prevent any callbacks during destruction\n        if(this.cancelSubscription) {\n            this.cancelSubscription();\n            this.cancelSubscription = null;\n        }\n        \n        // Destroy local event notifier\n        this._eventNotifier.destroy();\n        \n        // Remove event listener if it exists\n        if (this.nativeElement) {\n            this.nativeElement.removeEventListener('contextmenu', disableContextMenu);\n        }\n        super.ngOnDestroy();\n    }\n}\n","\n<wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" [defaultClasses]=\"iconurl ? 'anchor-image-icon' : ''\" [iconStyle]=\"{width: iconwidth, height: iconheight, margin: iconmargin, fontSize: iconwidth}\" alt=\"Anchor icon\"></wm-app-icon>\n@if (iconclass || iconurl) {\n  <span class=\"sr-only\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n}\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n@if (badgevalue) {\n  <span class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\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/anchor/types/index.d.ts

@@ -5,8 +5,8 @@ import { StylableComponent } from '@wm/components/base';
 
 declare const disableContextMenu: ($event: Event) => void;
 declare class AnchorComponent extends StylableComponent implements AfterViewInit, OnDestroy {
-    private app;
-    static initializeProps: void;
+    private readonly app;
+    static readonly initializeProps: void;
     private hasNavigationToCurrentPageExpr;
     private hasGoToPageExpr;
     private goToPageName;
@@ -24,7 +24,7 @@ declare class AnchorComponent extends StylableComponent implements AfterViewInit
     target: string;
     shortcutkey: string;
     iconposition: string;
-    private _eventNotifier;
+    private readonly _eventNotifier;
     constructor(inj: Injector, app: App, explicitContext: any);
     protected processEventAttr(eventName: string, expr: string, meta?: string): void;
     onActive(callback: (data: any) => void): void;

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

@@ -61,12 +61,12 @@
                 super.onPropertyChange(key, nv, ov);
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AudioComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: AudioComponent, isStandalone: true, selector: "[wmAudio]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AudioComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: AudioComponent, isStandalone: true, selector: "[wmAudio]", providers: [
                 base.provideAsWidgetRef(AudioComponent)
             ], usesInheritance: true, ngImport: i0__namespace, template: "<audio [attr.aria-label]=\"arialabel || 'Audio'\" [attr.hint]=\"hint\" [autoplay]=\"autoplay\"\n       [controls]=\"controls\" [loop]=\"loop\" [muted]=\"muted\" [preload]=\"audiopreload\" [src]=\"mp3format | trustAs: 'resource'\"\n       name=\"wmAudio\" [tabindex]=\"tabindex\">\n    <source type=\"audio/mp3\" [src]=\"mp3format | trustAs: 'resource'\">\n    {{audiosupportmessage}}\n</audio>\n", dependencies: [{ kind: "pipe", type: base.TrustAsPipe, name: "trustAs" }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: AudioComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: AudioComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TrustAsPipe], selector: '[wmAudio]', providers: [
                             base.provideAsWidgetRef(AudioComponent)

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

@@ -40,12 +40,12 @@ class AudioComponent extends StylableComponent {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AudioComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.20", type: AudioComponent, isStandalone: true, selector: "[wmAudio]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AudioComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.21", type: AudioComponent, isStandalone: true, selector: "[wmAudio]", providers: [
             provideAsWidgetRef(AudioComponent)
         ], usesInheritance: true, ngImport: i0, template: "<audio [attr.aria-label]=\"arialabel || 'Audio'\" [attr.hint]=\"hint\" [autoplay]=\"autoplay\"\n       [controls]=\"controls\" [loop]=\"loop\" [muted]=\"muted\" [preload]=\"audiopreload\" [src]=\"mp3format | trustAs: 'resource'\"\n       name=\"wmAudio\" [tabindex]=\"tabindex\">\n    <source type=\"audio/mp3\" [src]=\"mp3format | trustAs: 'resource'\">\n    {{audiosupportmessage}}\n</audio>\n", dependencies: [{ kind: "pipe", type: TrustAsPipe, name: "trustAs" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: AudioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: AudioComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TrustAsPipe], selector: '[wmAudio]', providers: [
                         provideAsWidgetRef(AudioComponent)

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/audio/src/audio.props.ts","../../../../../projects/components/widgets/basic/audio/src/audio.component.ts","../../../../../projects/components/widgets/basic/audio/src/audio.component.html","../../../../../projects/components/widgets/basic/audio/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-audio',\n        new Map(\n            [\n                ['audiopreload', {value: 'none', ...PROP_STRING}],\n                ['audiosupportmessage', {value: 'Your browser does not support the audio tag.', ...PROP_STRING}],\n                ['autoplay', PROP_BOOLEAN],\n                ['class', PROP_STRING],\n                ['controls', PROP_BOOLEAN],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['loop', PROP_BOOLEAN],\n                ['mp3format', PROP_STRING],\n                ['muted', PROP_BOOLEAN],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}]\n            ]\n        )\n    );\n};\n","import {Component, Inject, Injector, Optional} from '@angular/core';\n\nimport {DISPLAY_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TrustAsPipe} from '@wm/components/base';\nimport {registerProps} from './audio.props';\n\nconst DEFAULT_CLS = 'app-audio';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-audio',\n    hostClass: DEFAULT_CLS,\n    displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Component({\n    standalone: true,\n    imports: [TrustAsPipe],\n    selector: '[wmAudio]',\n    templateUrl: './audio.component.html',\n    providers: [\n        provideAsWidgetRef(AudioComponent)\n    ]\n})\nexport class AudioComponent extends StylableComponent {\n    static initializeProps = registerProps();\n\n    public mp3format: string;\n    public muted: boolean;\n    public controls: boolean;\n    public loop: boolean;\n    public audiopreload: any;\n    public audiosupportmessage: any;\n    public autoplay: boolean;\n    public hint: string;\n    public arialabel: string;\n    public tabindex: 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    onPropertyChange(key, nv, ov) {\n        if (key === 'tabindex') {\n            return\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","<audio [attr.aria-label]=\"arialabel || 'Audio'\" [attr.hint]=\"hint\" [autoplay]=\"autoplay\"\n       [controls]=\"controls\" [loop]=\"loop\" [muted]=\"muted\" [preload]=\"audiopreload\" [src]=\"mp3format | trustAs: 'resource'\"\n       name=\"wmAudio\" [tabindex]=\"tabindex\">\n    <source type=\"audio/mp3\" [src]=\"mp3format | trustAs: 'resource'\">\n    {{audiosupportmessage}}\n</audio>\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,cAAc,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QACjD,CAAC,qBAAqB,EAAE,EAAC,KAAK,EAAE,8CAA8C,EAAE,GAAG,WAAW,EAAC,CAAC;QAChG,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,YAAY,CAAC;QACtB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,OAAO,EAAE,YAAY,CAAC;QACvB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,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,CACJ;AACL,CAAC;;AClBD,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;AAWK,MAAO,cAAe,SAAQ,iBAAiB,CAAA;AAC1C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IAazC,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;AAEA,IAAA,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAA;AACxB,QAAA,IAAI,GAAG,KAAK,UAAU,EAAE;YACpB;QACJ;aAAO;YACH,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACvC;IACJ;AA1BS,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,0CAcY,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAd5C,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,EAJZ;YACP,kBAAkB,CAAC,cAAc;SACpC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,6YAMA,uCDQc,WAAW,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAOZ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,WAAW,CAAC,EAAA,QAAA,EACZ,WAAW,EAAA,SAAA,EAEV;AACP,wBAAA,kBAAkB,CAAA,cAAA;AACrB,qBAAA,EAAA,QAAA,EAAA,6YAAA,EAAA;;0BAgB2B,MAAM;2BAAC,kBAAkB;;0BAAG;;;AEnC5D;;AAEG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/audio/src/audio.props.ts","../../../../../projects/components/widgets/basic/audio/src/audio.component.ts","../../../../../projects/components/widgets/basic/audio/src/audio.component.html","../../../../../projects/components/widgets/basic/audio/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-audio',\n        new Map(\n            [\n                ['audiopreload', {value: 'none', ...PROP_STRING}],\n                ['audiosupportmessage', {value: 'Your browser does not support the audio tag.', ...PROP_STRING}],\n                ['autoplay', PROP_BOOLEAN],\n                ['class', PROP_STRING],\n                ['controls', PROP_BOOLEAN],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['loop', PROP_BOOLEAN],\n                ['mp3format', PROP_STRING],\n                ['muted', PROP_BOOLEAN],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['tabindex', {value: 0, ...PROP_NUMBER}]\n            ]\n        )\n    );\n};\n","import {Component, Inject, Injector, Optional} from '@angular/core';\n\nimport {DISPLAY_TYPE, IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, TrustAsPipe} from '@wm/components/base';\nimport {registerProps} from './audio.props';\n\nconst DEFAULT_CLS = 'app-audio';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-audio',\n    hostClass: DEFAULT_CLS,\n    displayType: DISPLAY_TYPE.INLINE_BLOCK\n};\n\n@Component({\n    standalone: true,\n    imports: [TrustAsPipe],\n    selector: '[wmAudio]',\n    templateUrl: './audio.component.html',\n    providers: [\n        provideAsWidgetRef(AudioComponent)\n    ]\n})\nexport class AudioComponent extends StylableComponent {\n    static readonly initializeProps = registerProps();\n\n    public mp3format: string;\n    public muted: boolean;\n    public controls: boolean;\n    public loop: boolean;\n    public audiopreload: any;\n    public audiosupportmessage: any;\n    public autoplay: boolean;\n    public hint: string;\n    public arialabel: string;\n    public tabindex: 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    onPropertyChange(key, nv, ov) {\n        if (key === 'tabindex') {\n            return\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","<audio [attr.aria-label]=\"arialabel || 'Audio'\" [attr.hint]=\"hint\" [autoplay]=\"autoplay\"\n       [controls]=\"controls\" [loop]=\"loop\" [muted]=\"muted\" [preload]=\"audiopreload\" [src]=\"mp3format | trustAs: 'resource'\"\n       name=\"wmAudio\" [tabindex]=\"tabindex\">\n    <source type=\"audio/mp3\" [src]=\"mp3format | trustAs: 'resource'\">\n    {{audiosupportmessage}}\n</audio>\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,cAAc,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QACjD,CAAC,qBAAqB,EAAE,EAAC,KAAK,EAAE,8CAA8C,EAAE,GAAG,WAAW,EAAC,CAAC;QAChG,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,UAAU,EAAE,YAAY,CAAC;QAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,MAAM,EAAE,YAAY,CAAC;QACtB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,OAAO,EAAE,YAAY,CAAC;QACvB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,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,CACJ;AACL,CAAC;;AClBD,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;AAWK,MAAO,cAAe,SAAQ,iBAAiB,CAAA;AACjC,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IAalD,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;AAEA,IAAA,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAA;AACxB,QAAA,IAAI,GAAG,KAAK,UAAU,EAAE;YACpB;QACJ;aAAO;YACH,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACvC;IACJ;AA1BS,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,0CAcY,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAd5C,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,EAJZ;YACP,kBAAkB,CAAC,cAAc;SACpC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBL,6YAMA,uCDQc,WAAW,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAOZ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;AACM,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,WACP,CAAC,WAAW,CAAC,EAAA,QAAA,EACZ,WAAW,EAAA,SAAA,EAEV;AACP,wBAAA,kBAAkB,CAAA,cAAA;AACrB,qBAAA,EAAA,QAAA,EAAA,6YAAA,EAAA;;0BAgB2B,MAAM;2BAAC,kBAAkB;;0BAAG;;;AEnC5D;;AAEG;;;;"}

package/components/basic/audio/types/index.d.ts

@@ -3,7 +3,7 @@ import { Injector } from '@angular/core';
 import { StylableComponent } from '@wm/components/base';
 
 declare class AudioComponent extends StylableComponent {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     mp3format: string;
     muted: boolean;
     controls: boolean;

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

@@ -74,27 +74,26 @@
                 if (typeof nv === 'object' && safeValue) {
                     core.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
                 }
+                else 
+                // Guard against sanitizePipe being null/undefined
+                if (this.sanitizePipe) {
+                    core.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
+                }
                 else {
-                    // Guard against sanitizePipe being null/undefined
-                    if (this.sanitizePipe) {
-                        core.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, i0.SecurityContext.HTML));
-                    }
-                    else {
-                        // Fallback to textContent if sanitizePipe is not available
-                        core.setProperty(this.nativeElement, 'textContent', nv);
-                    }
+                    // Fallback to textContent if sanitizePipe is not available
+                    core.setProperty(this.nativeElement, 'textContent', nv);
                 }
             }
             else {
                 super.onPropertyChange(key, nv, ov);
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: HtmlDirective, deps: [{ token: i0__namespace.Injector }, { token: 'height', attribute: true }, { token: 'content.bind', attribute: true }, { 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: HtmlDirective, isStandalone: true, selector: "[wmHtml]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: HtmlDirective, deps: [{ token: i0__namespace.Injector }, { token: 'height', attribute: true }, { token: 'content.bind', attribute: true }, { 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: HtmlDirective, isStandalone: true, selector: "[wmHtml]", providers: [
                 i1.provideAsWidgetRef(HtmlDirective)
             ], exportAs: ["wmHtml"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: HtmlDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: HtmlDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,

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

@@ -54,27 +54,26 @@ class HtmlDirective extends StylableComponent {
             if (typeof nv === 'object' && safeValue) {
                 setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
             }
+            else 
+            // Guard against sanitizePipe being null/undefined
+            if (this.sanitizePipe) {
+                setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, SecurityContext.HTML));
+            }
             else {
-                // Guard against sanitizePipe being null/undefined
-                if (this.sanitizePipe) {
-                    setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, SecurityContext.HTML));
-                }
-                else {
-                    // Fallback to textContent if sanitizePipe is not available
-                    setProperty(this.nativeElement, 'textContent', nv);
-                }
+                // Fallback to textContent if sanitizePipe is not available
+                setProperty(this.nativeElement, 'textContent', nv);
             }
         }
         else {
             super.onPropertyChange(key, nv, ov);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HtmlDirective, deps: [{ token: i0.Injector }, { token: 'height', attribute: true }, { token: 'content.bind', attribute: true }, { 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: HtmlDirective, isStandalone: true, selector: "[wmHtml]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HtmlDirective, deps: [{ token: i0.Injector }, { token: 'height', attribute: true }, { token: 'content.bind', attribute: true }, { 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: HtmlDirective, isStandalone: true, selector: "[wmHtml]", providers: [
             provideAsWidgetRef(HtmlDirective)
         ], exportAs: ["wmHtml"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: HtmlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: HtmlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/html/src/html.props.ts","../../../../../projects/components/widgets/basic/html/src/html.directive.ts","../../../../../projects/components/widgets/basic/html/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-html',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['content', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Attribute, Directive, Inject, Injector, OnInit, Optional, SecurityContext} from '@angular/core';\n\nimport {setCSS, setProperty} from '@wm/core';\nimport { IWidgetConfig, provideAsWidgetRef, SanitizePipe, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './html.props';\n\nconst DEFAULT_CLS = 'app-html-container';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-html',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmHtml]',\n    providers: [\n        provideAsWidgetRef(HtmlDirective)\n    ],\n    exportAs: 'wmHtml'\n})\nexport class HtmlDirective extends StylableComponent implements OnInit {\n    static initializeProps = registerProps();\n    public content: string;\n\n    constructor(\n        inj: Injector,\n        @Attribute('height') height: string,\n        @Attribute('content.bind') private boundContent: string,\n        private sanitizePipe:SanitizePipe,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        // if the height is provided set the overflow to auto\n        if (height) {\n            setCSS(this.nativeElement, 'overflow', 'auto');\n        }\n\n        styler(this.nativeElement, this);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        if (this.boundContent) {\n            this.nativeElement.innerHTML = '';\n        }\n        if (!this.content && this.nativeElement.innerHTML) {\n            this.content = this.nativeElement.innerHTML;\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\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\n        if (key === 'content') {\n            // Check for trustPipe safe values\n            let bindContent = this.nativeElement.getAttribute('content.bind');\n            let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;\n            if (typeof nv === 'object' && safeValue) {\n                setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);\n            }  else {\n                // Guard against sanitizePipe being null/undefined\n                if (this.sanitizePipe) {\n                    setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, SecurityContext.HTML));\n                } else {\n                    // Fallback to textContent if sanitizePipe is not available\n                    setProperty(this.nativeElement, 'textContent', nv);\n                }\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/html/src/html.props.ts","../../../../../projects/components/widgets/basic/html/src/html.directive.ts","../../../../../projects/components/widgets/basic/html/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-html',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['content', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Attribute, Directive, Inject, Injector, OnInit, Optional, SecurityContext} from '@angular/core';\n\nimport {setCSS, setProperty} from '@wm/core';\nimport { IWidgetConfig, provideAsWidgetRef, SanitizePipe, StylableComponent, styler } from '@wm/components/base';\n\nimport { registerProps } from './html.props';\n\nconst DEFAULT_CLS = 'app-html-container';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-html',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n  standalone: true,\n    selector: '[wmHtml]',\n    providers: [\n        provideAsWidgetRef(HtmlDirective)\n    ],\n    exportAs: 'wmHtml'\n})\nexport class HtmlDirective extends StylableComponent implements OnInit {\n    static readonly initializeProps = registerProps();\n    public content: string;\n\n    constructor(\n        inj: Injector,\n        @Attribute('height') height: string,\n        @Attribute('content.bind') private readonly boundContent: string,\n        private readonly sanitizePipe:SanitizePipe,\n        @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n    ) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        // if the height is provided set the overflow to auto\n        if (height) {\n            setCSS(this.nativeElement, 'overflow', 'auto');\n        }\n\n        styler(this.nativeElement, this);\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        if (this.boundContent) {\n            this.nativeElement.innerHTML = '';\n        }\n        if (!this.content && this.nativeElement.innerHTML) {\n            this.content = this.nativeElement.innerHTML;\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\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\n        if (key === 'content') {\n            // Check for trustPipe safe values\n            let bindContent = this.nativeElement.getAttribute('content.bind');\n            let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;\n            if (typeof nv === 'object' && safeValue) {\n                setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);\n            }  else \n                // Guard against sanitizePipe being null/undefined\n                if (this.sanitizePipe) {\n                    setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(nv, SecurityContext.HTML));\n                } else {\n                    // Fallback to textContent if sanitizePipe is not available\n                    setProperty(this.nativeElement, 'textContent', nv);\n                }\n            \n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}