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

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

@@ -0,0 +1,65 @@
+import { TextContentDirective } from "@wm/components/base";
+import { Component, Inject, Injector, Optional, SecurityContext } from '@angular/core';
+import { encodeUrl, isInsecureContentRequest } from '@wm/core';
+import { provideAsWidgetRef, StylableComponent, styler, TrustAsPipe } from '@wm/components/base';
+import { registerProps } from './iframe.props';
+import * as i0 from "@angular/core";
+import * as i1 from "@wm/components/base";
+const DEFAULT_CLS = 'embed-responsive app-iframe';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-iframe',
+    hostClass: DEFAULT_CLS
+};
+export class IframeComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, trustAsPipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.trustAsPipe = trustAsPipe;
+        /**
+         * this property member is set to true when the content request url doesn't match windows protocol
+         */
+        this.showContentLoadError = false;
+        styler(this.nativeElement, this);
+    }
+    computeIframeSrc() {
+        this.showContentLoadError = false;
+        this._iframesrc = undefined;
+        if (this.iframesrc) {
+            let url = this.iframesrc;
+            if (this.encodeurl) {
+                url = encodeUrl(this.iframesrc);
+            }
+            const trustedUrl = this.trustAsPipe.transform(url, SecurityContext.RESOURCE_URL);
+            if (isInsecureContentRequest(url)) {
+                this.showContentLoadError = true;
+                this.errorMsg = `${this.appLocale.MESSAGE_ERROR_CONTENT_DISPLAY} ${this.iframesrc}`;
+                this.hintMsg = this.errorMsg;
+            }
+            this._iframesrc = trustedUrl;
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'iframesrc' || key === 'encodeurl') {
+            this.computeIframeSrc();
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TrustAsPipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWZyYW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9pZnJhbWUvc3JjL2lmcmFtZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvaWZyYW1lL3NyYy9pZnJhbWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHckYsT0FBTyxFQUFDLFNBQVMsRUFBRSx3QkFBd0IsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUM3RCxPQUFPLEVBQWdCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUU5RyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQUU3QyxNQUFNLFdBQVcsR0FBRyw2QkFBNkIsQ0FBQztBQUNsRCxNQUFNLGFBQWEsR0FBa0I7SUFDakMsVUFBVSxFQUFFLFdBQVc7SUFDdkIsU0FBUyxFQUFFLFdBQVc7Q0FDekIsQ0FBQztBQVdGLE1BQU0sT0FBTyxlQUFnQixTQUFRLGlCQUFpQjthQUMzQyxvQkFBZSxHQUFHLGFBQWEsRUFBRSxBQUFsQixDQUFtQjtJQWtCekMsWUFBWSxHQUFhLEVBQVUsV0FBd0IsRUFBMEMsZUFBb0I7UUFDckgsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFEWixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQUwzRDs7V0FFRztRQUNJLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUloQyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRVMsZ0JBQWdCO1FBQ3RCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUM7UUFFNUIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDakIsSUFBSSxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUN6QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDakIsR0FBRyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDcEMsQ0FBQztZQUVELE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsWUFBWSxDQUFDLENBQUM7WUFFakYsSUFBSSx3QkFBd0IsQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNoQyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsSUFBSSxDQUFDO2dCQUVqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyw2QkFBNkIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BGLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUNqQyxDQUFDO1lBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7UUFDakMsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUc7UUFDekIsSUFBSSxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUM3QyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1QixDQUFDO2FBQU0sQ0FBQztZQUNKLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDTCxDQUFDOytHQXJEUSxlQUFlLHFFQW1CNkMsa0JBQWtCO21HQW5COUUsZUFBZSx5REFKYjtZQUNQLGtCQUFrQixDQUFDLGVBQWUsQ0FBQztTQUN0QyxpREN0QkwscWRBZUEsNENERWMsb0JBQW9COzs0RkFPckIsZUFBZTtrQkFUM0IsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxvQkFBb0IsQ0FBQyxZQUNyQixZQUFZLGFBRVg7d0JBQ1Asa0JBQWtCLGlCQUFpQjtxQkFDdEM7OzBCQXFCNkQsTUFBTTsyQkFBQyxrQkFBa0I7OzBCQUFHLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZXh0Q29udGVudERpcmVjdGl2ZSB9IGZyb20gXCJAd20vY29tcG9uZW50cy9iYXNlXCI7XG5pbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbmplY3RvciwgT3B0aW9uYWwsIFNlY3VyaXR5Q29udGV4dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1NhZmVSZXNvdXJjZVVybH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbmltcG9ydCB7ZW5jb2RlVXJsLCBpc0luc2VjdXJlQ29udGVudFJlcXVlc3R9IGZyb20gJ0B3bS9jb3JlJztcbmltcG9ydCB7SVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyLCBUcnVzdEFzUGlwZX0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7cmVnaXN0ZXJQcm9wc30gZnJvbSAnLi9pZnJhbWUucHJvcHMnO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdlbWJlZC1yZXNwb25zaXZlIGFwcC1pZnJhbWUnO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHtcbiAgICB3aWRnZXRUeXBlOiAnd20taWZyYW1lJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtUZXh0Q29udGVudERpcmVjdGl2ZV0sXG4gICAgc2VsZWN0b3I6ICdbd21JZnJhbWVdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWZyYW1lLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKElmcmFtZUNvbXBvbmVudClcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIElmcmFtZUNvbXBvbmVudCBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgaW5pdGlhbGl6ZVByb3BzID0gcmVnaXN0ZXJQcm9wcygpO1xuXG4gICAgcHVibGljIGlmcmFtZXNyYzogc3RyaW5nO1xuICAgIHB1YmxpYyBlbmNvZGV1cmw6IGJvb2xlYW47XG5cbiAgICBwdWJsaWMgX2lmcmFtZXNyYzogU2FmZVJlc291cmNlVXJsO1xuICAgIHByaXZhdGUgZXJyb3JNc2c6IHN0cmluZztcbiAgICBwcml2YXRlIGhpbnRNc2c6IHN0cmluZztcblxuICAgIHB1YmxpYyBjYXB0aW9uOiBhbnk7XG4gICAgcHVibGljIG5hbWU6IHN0cmluZztcbiAgICBwdWJsaWMgaGludDogc3RyaW5nO1xuICAgIHB1YmxpYyBhcmlhbGFiZWw6IHN0cmluZztcbiAgICAvKipcbiAgICAgKiB0aGlzIHByb3BlcnR5IG1lbWJlciBpcyBzZXQgdG8gdHJ1ZSB3aGVuIHRoZSBjb250ZW50IHJlcXVlc3QgdXJsIGRvZXNuJ3QgbWF0Y2ggd2luZG93cyBwcm90b2NvbFxuICAgICAqL1xuICAgIHB1YmxpYyBzaG93Q29udGVudExvYWRFcnJvciA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoaW5qOiBJbmplY3RvciwgcHJpdmF0ZSB0cnVzdEFzUGlwZTogVHJ1c3RBc1BpcGUsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBjb21wdXRlSWZyYW1lU3JjKCkge1xuICAgICAgICB0aGlzLnNob3dDb250ZW50TG9hZEVycm9yID0gZmFsc2U7XG4gICAgICAgIHRoaXMuX2lmcmFtZXNyYyA9IHVuZGVmaW5lZDtcblxuICAgICAgICBpZiAodGhpcy5pZnJhbWVzcmMpIHtcbiAgICAgICAgICAgIGxldCB1cmwgPSB0aGlzLmlmcmFtZXNyYztcbiAgICAgICAgICAgIGlmICh0aGlzLmVuY29kZXVybCkge1xuICAgICAgICAgICAgICAgIHVybCA9IGVuY29kZVVybCh0aGlzLmlmcmFtZXNyYyk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IHRydXN0ZWRVcmwgPSB0aGlzLnRydXN0QXNQaXBlLnRyYW5zZm9ybSh1cmwsIFNlY3VyaXR5Q29udGV4dC5SRVNPVVJDRV9VUkwpO1xuXG4gICAgICAgICAgICBpZiAoaXNJbnNlY3VyZUNvbnRlbnRSZXF1ZXN0KHVybCkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnNob3dDb250ZW50TG9hZEVycm9yID0gdHJ1ZTtcblxuICAgICAgICAgICAgICAgIHRoaXMuZXJyb3JNc2cgPSBgJHt0aGlzLmFwcExvY2FsZS5NRVNTQUdFX0VSUk9SX0NPTlRFTlRfRElTUExBWX0gJHt0aGlzLmlmcmFtZXNyY31gO1xuICAgICAgICAgICAgICAgIHRoaXMuaGludE1zZyA9IHRoaXMuZXJyb3JNc2c7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMuX2lmcmFtZXNyYyA9IHRydXN0ZWRVcmw7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92Pykge1xuICAgICAgICBpZiAoa2V5ID09PSAnaWZyYW1lc3JjJyB8fCBrZXkgPT09ICdlbmNvZGV1cmwnKSB7XG4gICAgICAgICAgICB0aGlzLmNvbXB1dGVJZnJhbWVTcmMoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGlmcmFtZSAgY2xhc3M9XCJlbWJlZC1yZXNwb25zaXZlLWl0ZW0gaWZyYW1lLWNvbnRlbnRcIiByb2xlPVwiZG9jdW1lbnRcIlxuICBzY3JvbGxpbmc9XCJhdXRvXCJcbiAgbWFyZ2luaGVpZ2h0PVwiMFwiXG4gIG1hcmdpbndpZHRoPVwiMFwiXG4gIGZyYW1lYm9yZGVyPVwiMFwiXG4gIFtuYW1lXT1cIm5hbWVcIlxuICBbYXR0ci5zcmNdPVwiX2lmcmFtZXNyY1wiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYWxhYmVsIHx8ICdpZnJhbWUnXCJcbiAgc2VhbWxlc3M9XCJzZWFtbGVzc1wiPlxuPC9pZnJhbWU+XG5AaWYgKHNob3dDb250ZW50TG9hZEVycm9yKSB7XG4gIDxkaXYgY2xhc3M9XCJ3bS1jb250ZW50LWluZm8gcmVhZG9ubHktd3JhcHBlclwiPlxuICAgIDxwIGNsYXNzPVwid20tbWVzc2FnZVwiIFt0aXRsZV09XCJoaW50TXNnXCIgW3RleHRDb250ZW50XT1cImVyck1zZ1wiPjwvcD5cbiAgPC9kaXY+XG59XG4iXX0=

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

@@ -0,0 +1,15 @@
+import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-iframe', new Map([
+        ['class', PROP_STRING],
+        ['encodeurl', PROP_BOOLEAN],
+        ['height', { value: '150px', ...PROP_STRING }],
+        ['iframesrc', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['width', { value: '300px', ...PROP_STRING }],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWZyYW1lLnByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2Jhc2ljL2lmcmFtZS9zcmMvaWZyYW1lLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXhFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLEVBQUU7SUFDOUIsUUFBUSxDQUNKLFdBQVcsRUFDWCxJQUFJLEdBQUcsQ0FDSDtRQUNJLENBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQztRQUN0QixDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUM7UUFDM0IsQ0FBQyxRQUFRLEVBQUUsRUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDNUMsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO1FBQzFCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLE1BQU0sRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsR0FBRyxZQUFZLEVBQUMsQ0FBQztRQUN4QyxDQUFDLE9BQU8sRUFBRSxFQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsR0FBRyxXQUFXLEVBQUMsQ0FBQztRQUMzQyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDckIsQ0FBQyxXQUFXLEVBQUUsV0FBVyxDQUFDO0tBQzdCLENBQ0osQ0FDSixDQUFDO0FBQ04sQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtQUk9QX0JPT0xFQU4sIFBST1BfU1RSSU5HLCByZWdpc3Rlcn0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20taWZyYW1lJyxcbiAgICAgICAgbmV3IE1hcChcbiAgICAgICAgICAgIFtcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnZW5jb2RldXJsJywgUFJPUF9CT09MRUFOXSxcbiAgICAgICAgICAgICAgICBbJ2hlaWdodCcsIHt2YWx1ZTogJzE1MHB4JywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2lmcmFtZXNyYycsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydzaG93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XSxcbiAgICAgICAgICAgICAgICBbJ3dpZHRoJywge3ZhbHVlOiAnMzAwcHgnLCAuLi5QUk9QX1NUUklOR31dLFxuICAgICAgICAgICAgICAgIFsnaGludCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ2FyaWFsYWJlbCcsIFBST1BfU1RSSU5HXVxuICAgICAgICAgICAgXVxuICAgICAgICApXG4gICAgKTtcbn07XG4iXX0=

package/components/basic/iframe/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvaWZyYW1lL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

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

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

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

@@ -0,0 +1,84 @@
+import * as i1 from '@wm/components/base';
+import { register, PROP_STRING, PROP_BOOLEAN, StylableComponent, styler, TextContentDirective, provideAsWidgetRef } from '@wm/components/base';
+import * as i0 from '@angular/core';
+import { SecurityContext, Inject, Optional, Component } from '@angular/core';
+import { encodeUrl, isInsecureContentRequest } from '@wm/core';
+
+const registerProps = () => {
+    register('wm-iframe', new Map([
+        ['class', PROP_STRING],
+        ['encodeurl', PROP_BOOLEAN],
+        ['height', { value: '150px', ...PROP_STRING }],
+        ['iframesrc', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }],
+        ['width', { value: '300px', ...PROP_STRING }],
+        ['hint', PROP_STRING],
+        ['arialabel', PROP_STRING]
+    ]));
+};
+
+const DEFAULT_CLS = 'embed-responsive app-iframe';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-iframe',
+    hostClass: DEFAULT_CLS
+};
+class IframeComponent extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, trustAsPipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.trustAsPipe = trustAsPipe;
+        /**
+         * this property member is set to true when the content request url doesn't match windows protocol
+         */
+        this.showContentLoadError = false;
+        styler(this.nativeElement, this);
+    }
+    computeIframeSrc() {
+        this.showContentLoadError = false;
+        this._iframesrc = undefined;
+        if (this.iframesrc) {
+            let url = this.iframesrc;
+            if (this.encodeurl) {
+                url = encodeUrl(this.iframesrc);
+            }
+            const trustedUrl = this.trustAsPipe.transform(url, SecurityContext.RESOURCE_URL);
+            if (isInsecureContentRequest(url)) {
+                this.showContentLoadError = true;
+                this.errorMsg = `${this.appLocale.MESSAGE_ERROR_CONTENT_DISPLAY} ${this.iframesrc}`;
+                this.hintMsg = this.errorMsg;
+            }
+            this._iframesrc = trustedUrl;
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'iframesrc' || key === 'encodeurl') {
+            this.computeIframeSrc();
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.TrustAsPipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IframeComponent };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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":"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"}

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

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

package/components/basic/iframe/package.json

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

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

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

package/components/basic/label/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

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

@@ -0,0 +1,109 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@wm/core', '@wm/components/base', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.basic = global.wm.components.basic || {}, global.wm.components.basic.label = {}), global.ng.core, global.wm.core, global.wm.components.base, global._));
+})(this, (function (exports, i0, core, i1, lodashEs) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+
+    const registerProps = () => {
+        i1.register('wm-label', new Map([
+            ['animation', i1.PROP_STRING],
+            ['caption', { value: 'Label', ...i1.PROP_STRING }],
+            ['class', i1.PROP_STRING],
+            ['conditionalclass', i1.PROP_ANY],
+            ['conditionalstyle', i1.PROP_ANY],
+            ['type', i1.PROP_STRING],
+            ['notag', i1.PROP_BOOLEAN],
+            ['hint', i1.PROP_STRING],
+            ['name', i1.PROP_STRING],
+            ['required', i1.PROP_BOOLEAN],
+            ['show', { value: true, ...i1.PROP_BOOLEAN }]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'app-label';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-label',
+        hostClass: DEFAULT_CLS,
+        displayType: i1.DISPLAY_TYPE.INLINE_BLOCK
+    };
+    class LabelDirective extends i1.StylableComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, sanitizePipe, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.sanitizePipe = sanitizePipe;
+            i1.styler(this.nativeElement, this);
+        }
+        onPropertyChange(key, nv, ov) {
+            if (key === 'caption') {
+                // Check for trustPipe safe values
+                let bindContent = this.nativeElement.getAttribute('caption.bind');
+                let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;
+                const insertZWSP = (value) => {
+                    if (typeof value !== 'string')
+                        return value;
+                    return value.replace(/\d{5,}/g, (match) => {
+                        return match.replace(/(.{9})(?=.)/g, '$1\u200B');
+                    });
+                };
+                if (lodashEs.isObject(nv) && !safeValue) {
+                    core.setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));
+                }
+                else if (lodashEs.isObject(nv) && safeValue) {
+                    core.setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
+                }
+                else {
+                    core.setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), i0.SecurityContext.HTML));
+                }
+            }
+            else if (key === 'required') {
+                core.toggleClass(this.nativeElement, 'required', nv);
+            }
+            else {
+                super.onPropertyChange(key, nv, ov);
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", ngImport: i0__namespace, type: LabelDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        standalone: true,
+                        selector: '[wmLabel]',
+                        providers: [
+                            i1.provideAsWidgetRef(LabelDirective)
+                        ],
+                        exportAs: 'wmLabel'
+                    }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.SanitizePipe }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    exports.LabelDirective = LabelDirective;
+
+}));

package/components/basic/label/esm2022/index.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvbGFiZWwvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/components/basic/label/esm2022/label.directive.mjs

@@ -0,0 +1,71 @@
+import { Directive, Inject, Injector, Optional, SecurityContext } from '@angular/core';
+import { setProperty, toggleClass } from '@wm/core';
+import { DISPLAY_TYPE, provideAsWidgetRef, SanitizePipe, StylableComponent, styler } from '@wm/components/base';
+import { registerProps } from './label.props';
+import { isObject } from "lodash-es";
+import * as i0 from "@angular/core";
+import * as i1 from "@wm/components/base";
+const DEFAULT_CLS = 'app-label';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-label',
+    hostClass: DEFAULT_CLS,
+    displayType: DISPLAY_TYPE.INLINE_BLOCK
+};
+export class LabelDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, sanitizePipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.sanitizePipe = sanitizePipe;
+        styler(this.nativeElement, this);
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'caption') {
+            // Check for trustPipe safe values
+            let bindContent = this.nativeElement.getAttribute('caption.bind');
+            let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;
+            const insertZWSP = (value) => {
+                if (typeof value !== 'string')
+                    return value;
+                return value.replace(/\d{5,}/g, (match) => {
+                    return match.replace(/(.{9})(?=.)/g, '$1\u200B');
+                });
+            };
+            if (isObject(nv) && !safeValue) {
+                setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));
+            }
+            else if (isObject(nv) && safeValue) {
+                setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
+            }
+            else {
+                setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));
+            }
+        }
+        else if (key === 'required') {
+            toggleClass(this.nativeElement, 'required', nv);
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
+            provideAsWidgetRef(LabelDirective)
+        ], exportAs: ["wmLabel"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLabel]',
+                    providers: [
+                        provideAsWidgetRef(LabelDirective)
+                    ],
+                    exportAs: 'wmLabel'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.SanitizePipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy93aWRnZXRzL2Jhc2ljL2xhYmVsL3NyYy9sYWJlbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFckYsT0FBTyxFQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFDbEQsT0FBTyxFQUNILFlBQVksRUFFWixrQkFBa0IsRUFDbEIsWUFBWSxFQUNaLGlCQUFpQixFQUNqQixNQUFNLEVBQ1QsTUFBTSxxQkFBcUIsQ0FBQztBQUU3QixPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxXQUFXLENBQUM7OztBQUVuQyxNQUFNLFdBQVcsR0FBRyxXQUFXLENBQUM7QUFDaEMsTUFBTSxhQUFhLEdBQWtCO0lBQ2pDLFVBQVUsRUFBRSxVQUFVO0lBQ3RCLFNBQVMsRUFBRSxXQUFXO0lBQ3RCLFdBQVcsRUFBRSxZQUFZLENBQUMsWUFBWTtDQUN6QyxDQUFDO0FBVUYsTUFBTSxPQUFPLGNBQWUsU0FBUSxpQkFBaUI7YUFDMUMsb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFFekMsWUFBWSxHQUFhLEVBQVUsWUFBeUIsRUFBMEMsZUFBb0I7UUFDdEgsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLEVBQUUsZUFBZSxDQUFDLENBQUM7UUFEWixpQkFBWSxHQUFaLFlBQVksQ0FBYTtRQUd4RCxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFHO1FBRXpCLElBQUksR0FBRyxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ3BCLGtDQUFrQztZQUNsQyxJQUFJLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsQ0FBQztZQUNsRSxJQUFJLFNBQVMsR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxXQUFXLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFDN0UsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFVLEVBQVUsRUFBRTtnQkFDdEMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRO29CQUFFLE9BQU8sS0FBSyxDQUFDO2dCQUM1QyxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7b0JBQ3RDLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsVUFBVSxDQUFDLENBQUM7Z0JBQ3JELENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQyxDQUFDO1lBQ0YsSUFBSSxRQUFRLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDN0IsV0FBVyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUN2RSxDQUFDO2lCQUFNLElBQUksUUFBUSxDQUFDLEVBQUUsQ0FBQyxJQUFJLFNBQVMsRUFBRSxDQUFDO2dCQUNuQyxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pFLENBQUM7aUJBQU8sQ0FBQztnQkFDTCxXQUFXLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxXQUFXLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ3BILENBQUM7UUFFTCxDQUFDO2FBQU0sSUFBSSxHQUFHLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDNUIsV0FBVyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3BELENBQUM7YUFBTSxDQUFDO1lBQ0osS0FBSyxDQUFDLGdCQUFnQixDQUFDLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDeEMsQ0FBQztJQUNMLENBQUM7K0dBbENRLGNBQWMsc0VBRytDLGtCQUFrQjttR0FIL0UsY0FBYyx3REFMWjtZQUNQLGtCQUFrQixDQUFDLGNBQWMsQ0FBQztTQUNyQzs7NEZBR1EsY0FBYztrQkFSMUIsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDZCxRQUFRLEVBQUUsV0FBVztvQkFDckIsU0FBUyxFQUFFO3dCQUNQLGtCQUFrQixnQkFBZ0I7cUJBQ3JDO29CQUNELFFBQVEsRUFBRSxTQUFTO2lCQUN0Qjs7MEJBSWtFLE1BQU07MkJBQUMsa0JBQWtCOzswQkFBRyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsLCBTZWN1cml0eUNvbnRleHR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge3NldFByb3BlcnR5LCB0b2dnbGVDbGFzc30gZnJvbSAnQHdtL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBESVNQTEFZX1RZUEUsXG4gICAgSVdpZGdldENvbmZpZyxcbiAgICBwcm92aWRlQXNXaWRnZXRSZWYsXG4gICAgU2FuaXRpemVQaXBlLFxuICAgIFN0eWxhYmxlQ29tcG9uZW50LFxuICAgIHN0eWxlclxufSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHtyZWdpc3RlclByb3BzfSBmcm9tICcuL2xhYmVsLnByb3BzJztcbmltcG9ydCB7aXNPYmplY3R9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLWxhYmVsJztcbmNvbnN0IFdJREdFVF9DT05GSUc6IElXaWRnZXRDb25maWcgPSB7XG4gICAgd2lkZ2V0VHlwZTogJ3dtLWxhYmVsJyxcbiAgICBob3N0Q2xhc3M6IERFRkFVTFRfQ0xTLFxuICAgIGRpc3BsYXlUeXBlOiBESVNQTEFZX1RZUEUuSU5MSU5FX0JMT0NLXG59O1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t3bUxhYmVsXScsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVBc1dpZGdldFJlZihMYWJlbERpcmVjdGl2ZSlcbiAgICBdLFxuICAgIGV4cG9ydEFzOiAnd21MYWJlbCdcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxEaXJlY3RpdmUgZXh0ZW5kcyBTdHlsYWJsZUNvbXBvbmVudCB7XG4gICAgc3RhdGljIGluaXRpYWxpemVQcm9wcyA9IHJlZ2lzdGVyUHJvcHMoKTtcblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIHByaXZhdGUgc2FuaXRpemVQaXBlOlNhbml0aXplUGlwZSwgQEluamVjdCgnRVhQTElDSVRfQ09OVEVYVCcpIEBPcHRpb25hbCgpIGV4cGxpY2l0Q29udGV4dDogYW55KSB7XG4gICAgICAgIHN1cGVyKGluaiwgV0lER0VUX0NPTkZJRywgZXhwbGljaXRDb250ZXh0KTtcblxuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzKTtcbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92Pykge1xuXG4gICAgICAgIGlmIChrZXkgPT09ICdjYXB0aW9uJykge1xuICAgICAgICAgICAgLy8gQ2hlY2sgZm9yIHRydXN0UGlwZSBzYWZlIHZhbHVlc1xuICAgICAgICAgICAgbGV0IGJpbmRDb250ZW50ID0gdGhpcy5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnY2FwdGlvbi5iaW5kJyk7XG4gICAgICAgICAgICBsZXQgc2FmZVZhbHVlID0gYmluZENvbnRlbnQgPyBudiAmJiBiaW5kQ29udGVudC5pbmNsdWRlcygndHJ1c3RBczonKSA6IGZhbHNlO1xuICAgICAgICAgICAgY29uc3QgaW5zZXJ0WldTUCA9ICh2YWx1ZTogYW55KTogc3RyaW5nID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodHlwZW9mIHZhbHVlICE9PSAnc3RyaW5nJykgcmV0dXJuIHZhbHVlO1xuICAgICAgICAgICAgICAgIHJldHVybiB2YWx1ZS5yZXBsYWNlKC9cXGR7NSx9L2csIChtYXRjaCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gbWF0Y2gucmVwbGFjZSgvKC57OX0pKD89LikvZywgJyQxXFx1MjAwQicpO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIGlmIChpc09iamVjdChudikgJiYgIXNhZmVWYWx1ZSkge1xuICAgICAgICAgICAgICAgIHNldFByb3BlcnR5KHRoaXMubmF0aXZlRWxlbWVudCwgJ3RleHRDb250ZW50JywgSlNPTi5zdHJpbmdpZnkobnYpKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoaXNPYmplY3QobnYpICYmIHNhZmVWYWx1ZSkge1xuICAgICAgICAgICAgICAgIHNldFByb3BlcnR5KHRoaXMubmF0aXZlRWxlbWVudCwgJ2lubmVySFRNTCcsIG52W09iamVjdC5rZXlzKG52KVswXV0pO1xuICAgICAgICAgICAgfSAgZWxzZSB7XG4gICAgICAgICAgICAgICAgc2V0UHJvcGVydHkodGhpcy5uYXRpdmVFbGVtZW50LCAnaW5uZXJIVE1MJywgdGhpcy5zYW5pdGl6ZVBpcGUudHJhbnNmb3JtKGluc2VydFpXU1AobnYpLCBTZWN1cml0eUNvbnRleHQuSFRNTCkpO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgIH0gZWxzZSBpZiAoa2V5ID09PSAncmVxdWlyZWQnKSB7XG4gICAgICAgICAgICB0b2dnbGVDbGFzcyh0aGlzLm5hdGl2ZUVsZW1lbnQsICdyZXF1aXJlZCcsIG52KTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

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

@@ -0,0 +1,17 @@
+import { PROP_ANY, PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';
+export const registerProps = () => {
+    register('wm-label', new Map([
+        ['animation', PROP_STRING],
+        ['caption', { value: 'Label', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['conditionalclass', PROP_ANY],
+        ['conditionalstyle', PROP_ANY],
+        ['type', PROP_STRING],
+        ['notag', PROP_BOOLEAN],
+        ['hint', PROP_STRING],
+        ['name', PROP_STRING],
+        ['required', PROP_BOOLEAN],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwucHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvbGFiZWwvc3JjL2xhYmVsLnByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVsRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO0lBQzlCLFFBQVEsQ0FDSixVQUFVLEVBQ1YsSUFBSSxHQUFHLENBQ0g7UUFDSSxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUM7UUFDMUIsQ0FBQyxTQUFTLEVBQUUsRUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsV0FBVyxFQUFDLENBQUM7UUFDN0MsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDO1FBQ3RCLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO1FBQzlCLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxDQUFDO1FBQzlCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUM7UUFDdkIsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO1FBQ3JCLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQztRQUNyQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7UUFDMUIsQ0FBQyxNQUFNLEVBQUUsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsWUFBWSxFQUFDLENBQUM7S0FDM0MsQ0FDSixDQUNKLENBQUM7QUFDTixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1BST1BfQU5ZLCBQUk9QX0JPT0xFQU4sIFBST1BfU1RSSU5HLCByZWdpc3Rlcn0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmV4cG9ydCBjb25zdCByZWdpc3RlclByb3BzID0gKCkgPT4ge1xuICAgIHJlZ2lzdGVyKFxuICAgICAgICAnd20tbGFiZWwnLFxuICAgICAgICBuZXcgTWFwKFxuICAgICAgICAgICAgW1xuICAgICAgICAgICAgICAgIFsnYW5pbWF0aW9uJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnY2FwdGlvbicsIHt2YWx1ZTogJ0xhYmVsJywgLi4uUFJPUF9TVFJJTkd9XSxcbiAgICAgICAgICAgICAgICBbJ2NsYXNzJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnY29uZGl0aW9uYWxjbGFzcycsIFBST1BfQU5ZXSxcbiAgICAgICAgICAgICAgICBbJ2NvbmRpdGlvbmFsc3R5bGUnLCBQUk9QX0FOWV0sXG4gICAgICAgICAgICAgICAgWyd0eXBlJywgUFJPUF9TVFJJTkddLFxuICAgICAgICAgICAgICAgIFsnbm90YWcnLCBQUk9QX0JPT0xFQU5dLFxuICAgICAgICAgICAgICAgIFsnaGludCcsIFBST1BfU1RSSU5HXSxcbiAgICAgICAgICAgICAgICBbJ25hbWUnLCBQUk9QX1NUUklOR10sXG4gICAgICAgICAgICAgICAgWydyZXF1aXJlZCcsIFBST1BfQk9PTEVBTl0sXG4gICAgICAgICAgICAgICAgWydzaG93Jywge3ZhbHVlOiB0cnVlLCAuLi5QUk9QX0JPT0xFQU59XVxuICAgICAgICAgICAgXVxuICAgICAgICApXG4gICAgKTtcbn07XG4iXX0=

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

@@ -0,0 +1,2 @@
+export * from './label.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9iYXNpYy9sYWJlbC9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9sYWJlbC5kaXJlY3RpdmUnO1xuIl19

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

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+import { SecurityContext, Inject, Optional, Directive } from '@angular/core';
+import { setProperty, toggleClass } from '@wm/core';
+import * as i1 from '@wm/components/base';
+import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef } from '@wm/components/base';
+import { isObject } from 'lodash-es';
+
+const registerProps = () => {
+    register('wm-label', new Map([
+        ['animation', PROP_STRING],
+        ['caption', { value: 'Label', ...PROP_STRING }],
+        ['class', PROP_STRING],
+        ['conditionalclass', PROP_ANY],
+        ['conditionalstyle', PROP_ANY],
+        ['type', PROP_STRING],
+        ['notag', PROP_BOOLEAN],
+        ['hint', PROP_STRING],
+        ['name', PROP_STRING],
+        ['required', PROP_BOOLEAN],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+
+const DEFAULT_CLS = 'app-label';
+const WIDGET_CONFIG = {
+    widgetType: 'wm-label',
+    hostClass: DEFAULT_CLS,
+    displayType: DISPLAY_TYPE.INLINE_BLOCK
+};
+class LabelDirective extends StylableComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, sanitizePipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.sanitizePipe = sanitizePipe;
+        styler(this.nativeElement, this);
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'caption') {
+            // Check for trustPipe safe values
+            let bindContent = this.nativeElement.getAttribute('caption.bind');
+            let safeValue = bindContent ? nv && bindContent.includes('trustAs:') : false;
+            const insertZWSP = (value) => {
+                if (typeof value !== 'string')
+                    return value;
+                return value.replace(/\d{5,}/g, (match) => {
+                    return match.replace(/(.{9})(?=.)/g, '$1\u200B');
+                });
+            };
+            if (isObject(nv) && !safeValue) {
+                setProperty(this.nativeElement, 'textContent', JSON.stringify(nv));
+            }
+            else if (isObject(nv) && safeValue) {
+                setProperty(this.nativeElement, 'innerHTML', nv[Object.keys(nv)[0]]);
+            }
+            else {
+                setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));
+            }
+        }
+        else if (key === 'required') {
+            toggleClass(this.nativeElement, 'required', nv);
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: LabelDirective, isStandalone: true, selector: "[wmLabel]", providers: [
+            provideAsWidgetRef(LabelDirective)
+        ], exportAs: ["wmLabel"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLabel]',
+                    providers: [
+                        provideAsWidgetRef(LabelDirective)
+                    ],
+                    exportAs: 'wmLabel'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.SanitizePipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LabelDirective };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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, 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 {\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\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                setProperty(this.nativeElement, 'innerHTML', this.sanitizePipe.transform(insertZWSP(nv), SecurityContext.HTML));\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

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

package/components/basic/{default/label → label}/label.directive.d.ts

@@ -1,5 +1,5 @@
 import { Injector } from '@angular/core';
-import { StylableComponent, SanitizePipe } from '@wm/components/base';
+import { SanitizePipe, StylableComponent } from '@wm/components/base';
 import * as i0 from "@angular/core";
 export declare class LabelDirective extends StylableComponent {
     private sanitizePipe;

package/components/basic/label/package.json

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

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

@@ -0,0 +1 @@
+export * from './label.directive';