@wavemaker/app-ng-runtime 11.10.5-rc.6100 → 11.11.0-rc.6106

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

@@ -1,11 +1,11 @@
-import * as i0 from '@angular/core';
-import { Component, Inject, Optional, HostBinding, SecurityContext, Directive, Attribute, NgModule } from '@angular/core';
-import * as i1 from '@wm/core';
-import { EventNotifier, App, setAttr, encodeUrl, addClass, getRouteNameFromLink, removeClass, removeAttr, setCSS, setProperty, isInsecureContentRequest, toggleClass, isMobileApp, switchClass, DataSource, validateDataSourceCtx, removeNode, createElement, appendNode, transformFileURI } from '@wm/core';
-import * as i1$1 from '@wm/components/base';
-import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1$1 from '@wm/components/base';
+import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, DISPLAY_TYPE, StylableComponent, styler, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
+import * as i0 from '@angular/core';
+import { Component, Inject, Optional, HostBinding, SecurityContext, Directive, Attribute } from '@angular/core';
+import * as i1 from '@wm/core';
+import { EventNotifier, App, setAttr, encodeUrl, addClass, getRouteNameFromLink, removeClass, removeAttr, setCSS, setProperty, isInsecureContentRequest, toggleClass, switchClass, DataSource, validateDataSourceCtx, removeNode, createElement, appendNode, transformFileURI } from '@wm/core';
 import { isObject, isEmpty, split, includes } from 'lodash-es';
 
 const registerProps$8 = () => {
@@ -38,22 +38,22 @@ const _c0$5 = ["wmAnchor", ""];
 const _c1$1 = [[["", 8, "caret"]]];
 const _c2$1 = [".caret"];
 const _c3 = (a0, a1, a2) => ({ width: a0, height: a1, margin: a2 });
-function AnchorComponent_img_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 5);
+function AnchorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 0);
     i0.ɵɵpipe(1, "image");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("src", i0.ɵɵpipeBind1(1, 2, ctx_r0.iconurl), i0.ɵɵsanitizeUrl)("ngStyle", i0.ɵɵpureFunction3(4, _c3, ctx_r0.iconwidth, ctx_r0.iconheight, ctx_r0.iconmargin));
 } }
-function AnchorComponent_i_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
+function AnchorComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵclassMapInterpolate1("app-icon ", ctx_r0.iconclass, "");
     i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(4, _c3, ctx_r0.iconwidth, ctx_r0.iconheight, ctx_r0.iconmargin));
 } }
-function AnchorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
+function AnchorComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 2);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -61,8 +61,8 @@ function AnchorComponent_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2("", ctx_r0.caption, " ", ctx_r0.appLocale.LABEL_ICON, "");
 } }
-function AnchorComponent_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 8);
+function AnchorComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 4);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("textContent", ctx_r0.badgevalue);
@@ -180,31 +180,31 @@ class AnchorComponent extends StylableComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnchorComponent, selectors: [["a", "wmAnchor", ""]], hostVars: 3, hostBindings: function AnchorComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵhostProperty("target", ctx.target);
             i0.ɵɵattribute("accesskey", ctx.shortcutkey)("icon-position", ctx.iconposition);
-        } }, exportAs: ["wmAnchor"], features: [i0.ɵɵProvidersFeature([
+        } }, exportAs: ["wmAnchor"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(AnchorComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$5, ngContentSelectors: _c2$1, decls: 6, vars: 5, consts: [["data-identifier", "img", "alt", "Image", "class", "anchor-image-icon", 3, "src", "ngStyle", 4, "ngIf"], ["aria-hidden", "true", 3, "class", "ngStyle", 4, "ngIf"], ["class", "sr-only", 4, "ngIf"], [1, "anchor-caption", 3, "innerHTML"], ["class", "badge pull-right", 3, "textContent", 4, "ngIf"], ["data-identifier", "img", "alt", "Image", 1, "anchor-image-icon", 3, "src", "ngStyle"], ["aria-hidden", "true", 3, "ngStyle"], [1, "sr-only"], [1, "badge", "pull-right", 3, "textContent"]], template: function AnchorComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$5, ngContentSelectors: _c2$1, decls: 6, vars: 5, consts: [["data-identifier", "img", "alt", "Image", 1, "anchor-image-icon", 3, "src", "ngStyle"], ["aria-hidden", "true", 3, "class", "ngStyle"], [1, "sr-only"], [1, "anchor-caption", 3, "innerHTML"], [1, "badge", "pull-right", 3, "textContent"], ["aria-hidden", "true", 3, "ngStyle"]], template: function AnchorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c1$1);
-            i0.ɵɵtemplate(0, AnchorComponent_img_0_Template, 2, 8, "img", 0)(1, AnchorComponent_i_1_Template, 1, 8, "i", 1)(2, AnchorComponent_span_2_Template, 2, 2, "span", 2);
+            i0.ɵɵtemplate(0, AnchorComponent_Conditional_0_Template, 2, 8, "img", 0)(1, AnchorComponent_Conditional_1_Template, 1, 8, "i", 1)(2, AnchorComponent_Conditional_2_Template, 2, 2, "span", 2);
             i0.ɵɵelement(3, "span", 3);
             i0.ɵɵprojection(4);
-            i0.ɵɵtemplate(5, AnchorComponent_span_5_Template, 1, 1, "span", 4);
+            i0.ɵɵtemplate(5, AnchorComponent_Conditional_5_Template, 1, 1, "span", 4);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.iconurl);
+            i0.ɵɵconditional(ctx.iconurl ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.iconclass);
+            i0.ɵɵconditional(ctx.iconclass ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.iconclass);
+            i0.ɵɵconditional(ctx.iconclass ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("innerHTML", ctx.caption, i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.badgevalue);
-        } }, dependencies: [i2.NgIf, i2.NgStyle, i1$1.TextContentDirective, i1$1.ImagePipe], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.badgevalue ? 5 : -1);
+        } }, dependencies: [CommonModule, i2.NgStyle, WmComponentsModule, i1$1.TextContentDirective, i1$1.ImagePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnchorComponent, [{
         type: Component,
-        args: [{ selector: 'a[wmAnchor]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], selector: 'a[wmAnchor]', providers: [
                     provideAsWidgetRef(AnchorComponent)
-                ], exportAs: 'wmAnchor', template: "<img data-identifier=\"img\" alt=\"Image\" class=\"anchor-image-icon\" [src]=\"iconurl | image\" *ngIf=\"iconurl\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n<i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\" *ngIf=\"iconclass\"></i>\n<span class=\"sr-only\" *ngIf=\"iconclass\">{{caption}} {{appLocale.LABEL_ICON}}</span>\n<span class=\"anchor-caption\" [innerHTML]=\"caption\"></span>\n<ng-content select=\".caret\"></ng-content>\n<span *ngIf=\"badgevalue\" class=\"badge pull-right\" [textContent]=\"badgevalue\"></span>\n" }]
+                ], exportAs: 'wmAnchor', template: "@if (iconurl) {\n  <img data-identifier=\"img\" alt=\"Image\" class=\"anchor-image-icon\" [src]=\"iconurl | image\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"/>\n}\n@if (iconclass) {\n  <i class=\"app-icon {{iconclass}}\" aria-hidden=\"true\" [ngStyle]=\"{width:iconwidth, height:iconheight, margin:iconmargin}\"></i>\n}\n@if (iconclass) {\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" }]
     }], () => [{ type: i0.Injector }, { type: i1.App }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
@@ -220,7 +220,7 @@ class AnchorComponent extends StylableComponent {
             type: HostBinding,
             args: ['attr.icon-position']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnchorComponent, { className: "AnchorComponent", filePath: "anchor/anchor.component.ts", lineNumber: 37 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnchorComponent, { className: "AnchorComponent", filePath: "anchor/anchor.component.ts", lineNumber: 41 }); })();
 
 const registerProps$7 = () => {
     register('wm-audio', new Map([
@@ -262,9 +262,9 @@ class AudioComponent extends StylableComponent {
         }
     }
     static { this.ɵfac = function AudioComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AudioComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AudioComponent, selectors: [["", "wmAudio", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AudioComponent, selectors: [["", "wmAudio", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(AudioComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$4, decls: 5, vars: 17, consts: [["name", "wmAudio", 3, "autoplay", "controls", "loop", "muted", "preload", "src", "tabindex"], ["type", "audio/mp3", 3, "src"]], template: function AudioComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$4, decls: 5, vars: 17, consts: [["name", "wmAudio", 3, "autoplay", "controls", "loop", "muted", "preload", "src", "tabindex"], ["type", "audio/mp3", 3, "src"]], template: function AudioComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "audio", 0);
             i0.ɵɵpipe(1, "trustAs");
             i0.ɵɵelement(2, "source", 1);
@@ -278,11 +278,11 @@ class AudioComponent extends StylableComponent {
             i0.ɵɵproperty("src", i0.ɵɵpipeBind2(3, 14, ctx.mp3format, "resource"), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.audiosupportmessage, "\n");
-        } }, dependencies: [i1$1.TrustAsPipe], encapsulation: 2 }); }
+        } }, dependencies: [WmComponentsModule, i1$1.TrustAsPipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AudioComponent, [{
         type: Component,
-        args: [{ selector: '[wmAudio]', providers: [
+        args: [{ standalone: true, imports: [WmComponentsModule], selector: '[wmAudio]', providers: [
                     provideAsWidgetRef(AudioComponent)
                 ], 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" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
@@ -291,7 +291,7 @@ class AudioComponent extends StylableComponent {
             }, {
                 type: Optional
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AudioComponent, { className: "AudioComponent", filePath: "audio/audio.component.ts", lineNumber: 20 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AudioComponent, { className: "AudioComponent", filePath: "audio/audio.component.ts", lineNumber: 23 }); })();
 
 const registerProps$6 = () => {
     register('wm-html', new Map([
@@ -347,13 +347,14 @@ class HtmlDirective extends StylableComponent {
         }
     }
     static { this.ɵfac = function HtmlDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HtmlDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵinjectAttribute('height'), i0.ɵɵinjectAttribute('content.bind'), i0.ɵɵdirectiveInject(i1$1.SanitizePipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HtmlDirective, selectors: [["", "wmHtml", ""]], exportAs: ["wmHtml"], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HtmlDirective, selectors: [["", "wmHtml", ""]], exportAs: ["wmHtml"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(HtmlDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmHtml]',
                 providers: [
                     provideAsWidgetRef(HtmlDirective)
@@ -392,8 +393,8 @@ const registerProps$5 = () => {
 };
 
 const _c0$3 = ["wmIcon", ""];
-function IconComponent_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 2);
+function IconComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 0);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -401,8 +402,8 @@ function IconComponent_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.arialabel || ctx_r0.caption || ctx_r0.appLocale.LABEL_ICON);
 } }
-function IconComponent_label_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "label", 3);
+function IconComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "label", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("textContent", ctx_r0.caption);
@@ -422,24 +423,24 @@ class IconComponent extends StylableComponent {
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconComponent, selectors: [["", "wmIcon", ""]], hostVars: 3, hostBindings: function IconComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("icon-position", ctx.iconposition);
             i0.ɵɵstyleProp("font-size", ctx.iconsize);
-        } }, features: [i0.ɵɵProvidersFeature([
+        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(IconComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$3, decls: 3, vars: 5, consts: [["class", "sr-only", 4, "ngIf"], ["aria-hidden", "true", "class", "app-label", 3, "textContent", 4, "ngIf"], [1, "sr-only"], ["aria-hidden", "true", 1, "app-label", 3, "textContent"]], template: function IconComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$3, decls: 3, vars: 5, consts: [[1, "sr-only"], ["aria-hidden", "true", 1, "app-label", 3, "textContent"]], template: function IconComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "i");
-            i0.ɵɵtemplate(1, IconComponent_span_1_Template, 2, 1, "span", 0)(2, IconComponent_label_2_Template, 1, 1, "label", 1);
+            i0.ɵɵtemplate(1, IconComponent_Conditional_1_Template, 2, 1, "span", 0)(2, IconComponent_Conditional_2_Template, 1, 1, "label", 1);
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate1("app-icon ", ctx.iconclass, "");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.iconclass);
+            i0.ɵɵconditional(ctx.iconclass ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.caption);
-        } }, dependencies: [i2.NgIf, i1$1.TextContentDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.caption ? 2 : -1);
+        } }, dependencies: [CommonModule, WmComponentsModule, i1$1.TextContentDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
         type: Component,
-        args: [{ selector: '[wmIcon]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], selector: '[wmIcon]', providers: [
                     provideAsWidgetRef(IconComponent)
-                ], template: "<i class=\"app-icon {{iconclass}}\"></i>\n<span *ngIf=\"iconclass\" class=\"sr-only\">{{ arialabel || caption || appLocale.LABEL_ICON }}</span>\n<label *ngIf=\"caption\" [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n" }]
+                ], template: "<i class=\"app-icon {{iconclass}}\"></i>\n@if (iconclass) {\n  <span class=\"sr-only\">{{ arialabel || caption || appLocale.LABEL_ICON }}</span>\n}\n@if (caption) {\n  <label [textContent]=\"caption\" aria-hidden=\"true\" class=\"app-label\"></label>\n}\n" }]
     }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
@@ -452,7 +453,7 @@ class IconComponent extends StylableComponent {
             type: HostBinding,
             args: ['style.fontSize']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "icon/icon.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "icon/icon.component.ts", lineNumber: 23 }); })();
 
 const registerProps$4 = () => {
     register('wm-iframe', new Map([
@@ -469,9 +470,9 @@ const registerProps$4 = () => {
 };
 
 const _c0$2 = ["wmIframe", ""];
-function IframeComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "p", 3);
+function IframeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "p", 2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -520,30 +521,30 @@ class IframeComponent extends StylableComponent {
         }
     }
     static { this.ɵfac = function IframeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IframeComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.TrustAsPipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IframeComponent, selectors: [["", "wmIframe", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IframeComponent, selectors: [["", "wmIframe", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(IframeComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$2, decls: 2, vars: 4, consts: [["role", "document", "scrolling", "auto", "marginheight", "0", "marginwidth", "0", "frameborder", "0", "seamless", "seamless", 1, "embed-responsive-item", "iframe-content", 3, "name"], ["class", "wm-content-info readonly-wrapper", 4, "ngIf"], [1, "wm-content-info", "readonly-wrapper"], [1, "wm-message", 3, "title", "textContent"]], template: function IframeComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$2, decls: 2, vars: 4, consts: [["role", "document", "scrolling", "auto", "marginheight", "0", "marginwidth", "0", "frameborder", "0", "seamless", "seamless", 1, "embed-responsive-item", "iframe-content", 3, "name"], [1, "wm-content-info", "readonly-wrapper"], [1, "wm-message", 3, "title", "textContent"]], template: function IframeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "iframe", 0);
-            i0.ɵɵtemplate(1, IframeComponent_div_1_Template, 2, 2, "div", 1);
+            i0.ɵɵtemplate(1, IframeComponent_Conditional_1_Template, 2, 2, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("name", ctx.name);
             i0.ɵɵattribute("src", ctx._iframesrc, i0.ɵɵsanitizeResourceUrl)("aria-label", ctx.arialabel || "iframe");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showContentLoadError);
-        } }, dependencies: [i2.NgIf, i1$1.TextContentDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(ctx.showContentLoadError ? 1 : -1);
+        } }, dependencies: [CommonModule, WmComponentsModule, i1$1.TextContentDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IframeComponent, [{
         type: Component,
-        args: [{ selector: '[wmIframe]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], 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<div class=\"wm-content-info readonly-wrapper\" *ngIf=\"showContentLoadError\">\n    <p class=\"wm-message\" [title]=\"hintMsg\" [textContent]=\"errMsg\"></p>\n</div>\n" }]
+                ], template: "<iframe  class=\"embed-responsive-item iframe-content\" role=\"document\"\n  scrolling=\"auto\"\n  marginheight=\"0\"\n  marginwidth=\"0\"\n  frameborder=\"0\"\n  [name]=\"name\"\n  [attr.src]=\"_iframesrc\"\n  [attr.aria-label]=\"arialabel || 'iframe'\"\n  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" }]
     }], () => [{ type: i0.Injector }, { type: i1$1.TrustAsPipe }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IframeComponent, { className: "IframeComponent", filePath: "iframe/iframe.component.ts", lineNumber: 22 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IframeComponent, { className: "IframeComponent", filePath: "iframe/iframe.component.ts", lineNumber: 26 }); })();
 
 const registerProps$3 = () => {
     register('wm-label', new Map([
@@ -597,13 +598,14 @@ class LabelDirective extends StylableComponent {
         }
     }
     static { this.ɵfac = function LabelDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LabelDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.SanitizePipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LabelDirective, selectors: [["", "wmLabel", ""]], exportAs: ["wmLabel"], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LabelDirective, selectors: [["", "wmLabel", ""]], exportAs: ["wmLabel"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(LabelDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LabelDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: '[wmLabel]',
                 providers: [
                     provideAsWidgetRef(LabelDirective)
@@ -636,9 +638,6 @@ const registerProps$2 = () => {
         ['show', { value: true, ...PROP_BOOLEAN }],
         ['tabindex', { value: 0, ...PROP_NUMBER }]
     ]);
-    if (isMobileApp()) {
-        props.set('offline', { value: true, ...PROP_BOOLEAN });
-    }
     register('wm-picture', props);
 };
 
@@ -707,13 +706,14 @@ class PictureDirective extends StylableComponent {
     static { this.ɵfac = function PictureDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PictureDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.ImagePipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: PictureDirective, selectors: [["img", "wmPicture", ""]], hostVars: 1, hostBindings: function PictureDirective_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵhostProperty("src", ctx.imgSource, i0.ɵɵsanitizeUrl);
-        } }, exportAs: ["wmPicture"], features: [i0.ɵɵProvidersFeature([
+        } }, exportAs: ["wmPicture"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(PictureDirective)
             ]), i0.ɵɵInheritDefinitionFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PictureDirective, [{
         type: Directive,
         args: [{
+                standalone: true,
                 selector: 'img[wmPicture]',
                 providers: [
                     provideAsWidgetRef(PictureDirective)
@@ -752,39 +752,39 @@ const registerProps$1 = () => {
 const _c0$1 = ["wmSpinner", ""];
 const _c1 = (a0, a1, a2, a3) => ({ width: a0, height: a1, backgroundImage: a2, backgroundSize: a3 });
 const _c2 = (a0, a1) => [a0, a1];
-function SpinnerComponent_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 5);
+function SpinnerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 1);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.animation)("ngStyle", i0.ɵɵpureFunction4(2, _c1, ctx_r0.imagewidth, ctx_r0.imageheight, "url(" + ctx_r0.picture + ")", ctx_r0.imagewidth));
 } }
-function SpinnerComponent_i_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
+function SpinnerComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("fon-size", ctx_r0.iconsize);
     i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(3, _c2, ctx_r0.iconclass, ctx_r0.animation));
 } }
-function SpinnerComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 7);
+function SpinnerComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 3);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("innerHTML", ctx_r0.caption, i0.ɵɵsanitizeHtml);
 } }
-function SpinnerComponent_div_4_p_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 10);
+function SpinnerComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 6);
 } if (rf & 2) {
     const value_r2 = ctx.$implicit;
     i0.ɵɵproperty("textContent", value_r2);
 } }
-function SpinnerComponent_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵtemplate(1, SpinnerComponent_div_4_p_1_Template, 1, 1, "p", 9);
+function SpinnerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵrepeaterCreate(1, SpinnerComponent_Conditional_4_For_2_Template, 1, 1, "p", 6, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.spinnerMessages);
+    i0.ɵɵrepeater(ctx_r0.spinnerMessages);
 } }
 const DEFAULT_CLS$1 = 'app-spinner';
 const WIDGET_CONFIG$1 = { widgetType: 'wm-spinner', hostClass: DEFAULT_CLS$1 };
@@ -839,35 +839,35 @@ class SpinnerComponent extends StylableComponent {
         }
     }
     static { this.ɵfac = function SpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SpinnerComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.ImagePipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpinnerComponent, selectors: [["", "wmSpinner", ""]], exportAs: ["wmSpinner"], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SpinnerComponent, selectors: [["", "wmSpinner", ""]], exportAs: ["wmSpinner"], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(SpinnerComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0$1, decls: 5, vars: 4, consts: [[1, "spinner-message"], ["class", "spinner-image animated infinite", "aria-hidden", "true", 3, "ngClass", "ngStyle", 4, "ngIf"], ["class", "spinner-image animated infinite", "aria-hidden", "true", 3, "ngClass", "fonSize", 4, "ngIf"], ["class", "spinner-text", 3, "innerHTML", 4, "ngIf"], ["class", "spinner-messages", 4, "ngIf"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass", "ngStyle"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass"], [1, "spinner-text", 3, "innerHTML"], [1, "spinner-messages"], [3, "textContent", 4, "ngFor", "ngForOf"], [3, "textContent"]], template: function SpinnerComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0$1, decls: 5, vars: 4, consts: [[1, "spinner-message"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass", "ngStyle"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass", "fonSize"], [1, "spinner-text", 3, "innerHTML"], [1, "spinner-messages"], ["aria-hidden", "true", 1, "spinner-image", "animated", "infinite", 3, "ngClass"], [3, "textContent"]], template: function SpinnerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, SpinnerComponent_span_1_Template, 1, 7, "span", 1)(2, SpinnerComponent_i_2_Template, 1, 6, "i", 2)(3, SpinnerComponent_span_3_Template, 1, 1, "span", 3)(4, SpinnerComponent_div_4_Template, 2, 1, "div", 4);
+            i0.ɵɵtemplate(1, SpinnerComponent_Conditional_1_Template, 1, 7, "span", 1)(2, SpinnerComponent_Conditional_2_Template, 1, 6, "i", 2)(3, SpinnerComponent_Conditional_3_Template, 1, 1, "span", 3)(4, SpinnerComponent_Conditional_4_Template, 3, 0, "div", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "image");
+            i0.ɵɵconditional(ctx.type === "image" ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "icon");
+            i0.ɵɵconditional(ctx.type === "icon" ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.showCaption);
+            i0.ɵɵconditional(ctx.showCaption ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.showCaption && ctx.spinnerMessages);
-        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgStyle, i1$1.TextContentDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(!ctx.showCaption && ctx.spinnerMessages ? 4 : -1);
+        } }, dependencies: [CommonModule, i2.NgClass, i2.NgStyle, WmComponentsModule, i1$1.TextContentDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SpinnerComponent, [{
         type: Component,
-        args: [{ selector: '[wmSpinner]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], selector: '[wmSpinner]', providers: [
                     provideAsWidgetRef(SpinnerComponent)
-                ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n        [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n        *ngIf=\"type === 'image'\"></span>\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\" *ngIf=\"type === 'icon'\"></i>\n    <span class=\"spinner-text\" [innerHTML]=\"caption\" *ngIf=\"showCaption\"></span>\n    <div class=\"spinner-messages\" *ngIf=\"!showCaption && spinnerMessages\">\n        <p *ngFor=\"let value of spinnerMessages\" [textContent]=\"value\"></p>\n    </div>\n</div>\n" }]
+                ], exportAs: 'wmSpinner', template: "<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n" }]
     }], () => [{ type: i0.Injector }, { type: i1$1.ImagePipe }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SpinnerComponent, { className: "SpinnerComponent", filePath: "spinner/spinner.component.ts", lineNumber: 20 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SpinnerComponent, { className: "SpinnerComponent", filePath: "spinner/spinner.component.ts", lineNumber: 24 }); })();
 
 const registerProps = () => {
     register('wm-video', new Map([
@@ -893,22 +893,22 @@ const registerProps = () => {
 };
 
 const _c0 = ["wmVideo", ""];
-function VideoComponent_source_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "source", 4);
+function VideoComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "source", 1);
     i0.ɵɵpipe(1, "trustAs");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("src", i0.ɵɵpipeBind2(1, 1, ctx_r0.mp4format, "resource"), i0.ɵɵsanitizeUrl);
 } }
-function VideoComponent_source_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "source", 5);
+function VideoComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "source", 2);
     i0.ɵɵpipe(1, "trustAs");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("src", i0.ɵɵpipeBind2(1, 1, ctx_r0.webmformat, "resource"), i0.ɵɵsanitizeUrl);
 } }
-function VideoComponent_source_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "source", 6);
+function VideoComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "source", 3);
     i0.ɵɵpipe(1, "trustAs");
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -962,91 +962,44 @@ class VideoComponent extends StylableComponent {
         super.onPropertyChange(key, nv, ov);
     }
     static { this.ɵfac = function VideoComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || VideoComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1$1.TrustAsPipe), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoComponent, selectors: [["", "wmVideo", ""]], features: [i0.ɵɵProvidersFeature([
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VideoComponent, selectors: [["", "wmVideo", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
                 provideAsWidgetRef(VideoComponent)
-            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 7, vars: 18, consts: [[3, "preload", "src", "muted", "poster", "controls", "loop", "autoplay", "tabindex"], ["type", "video/mp4", 3, "src", 4, "ngIf"], ["type", "video/webm", 3, "src", 4, "ngIf"], ["type", "video/ogg", 3, "src", 4, "ngIf"], ["type", "video/mp4", 3, "src"], ["type", "video/webm", 3, "src"], ["type", "video/ogg", 3, "src"]], template: function VideoComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c0, decls: 7, vars: 18, consts: [[3, "preload", "src", "muted", "poster", "controls", "loop", "autoplay", "tabindex"], ["type", "video/mp4", 3, "src"], ["type", "video/webm", 3, "src"], ["type", "video/ogg", 3, "src"]], template: function VideoComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "video", 0);
             i0.ɵɵpipe(1, "trustAs");
             i0.ɵɵpipe(2, "image");
-            i0.ɵɵtemplate(3, VideoComponent_source_3_Template, 2, 4, "source", 1)(4, VideoComponent_source_4_Template, 2, 4, "source", 2)(5, VideoComponent_source_5_Template, 2, 4, "source", 3);
+            i0.ɵɵtemplate(3, VideoComponent_Conditional_3_Template, 2, 4, "source", 1)(4, VideoComponent_Conditional_4_Template, 2, 4, "source", 2)(5, VideoComponent_Conditional_5_Template, 2, 4, "source", 3);
             i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("preload", ctx.videopreload)("src", i0.ɵɵpipeBind2(1, 13, ctx.mp4format, "resource"), i0.ɵɵsanitizeUrl)("muted", ctx.muted)("poster", i0.ɵɵpipeBind1(2, 16, ctx.videoposter), i0.ɵɵsanitizeUrl)("controls", ctx.controls)("loop", ctx.loop)("autoplay", ctx.autoplay)("tabindex", ctx.tabindex);
             i0.ɵɵattribute("aria-label", ctx.arialabel || "video");
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.mp4format);
+            i0.ɵɵconditional(ctx.mp4format ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.webmformat);
+            i0.ɵɵconditional(ctx.webmformat ? 4 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.oggformat);
+            i0.ɵɵconditional(ctx.oggformat ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.videosupportmessage, "\n");
-        } }, dependencies: [i2.NgIf, i1$1.TrustAsPipe, i1$1.ImagePipe], encapsulation: 2 }); }
+        } }, dependencies: [CommonModule, WmComponentsModule, i1$1.TrustAsPipe, i1$1.ImagePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VideoComponent, [{
         type: Component,
-        args: [{ selector: '[wmVideo]', providers: [
+        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule], selector: '[wmVideo]', providers: [
                     provideAsWidgetRef(VideoComponent)
-                ], template: "<video [attr.aria-label]=\"arialabel || 'video'\" [preload]=\"videopreload\"\n       [src]=\"mp4format | trustAs: 'resource'\"\n       [muted]=\"muted\"\n       [poster]=\"videoposter | image\"\n       [controls]=\"controls\"\n       [loop]=\"loop\"\n       [autoplay]=\"autoplay\" [tabindex]=\"tabindex\">\n    <source type=\"video/mp4\" [src]=\"mp4format | trustAs: 'resource'\" *ngIf=\"mp4format\">\n    <source type=\"video/webm\" [src]=\"webmformat | trustAs: 'resource'\" *ngIf=\"webmformat\">\n    <source type=\"video/ogg\" [src]=\"oggformat | trustAs: 'resource'\" *ngIf=\"oggformat\">\n    {{videosupportmessage}}\n</video>\n" }]
+                ], template: "<video [attr.aria-label]=\"arialabel || 'video'\" [preload]=\"videopreload\"\n  [src]=\"mp4format | trustAs: 'resource'\"\n  [muted]=\"muted\"\n  [poster]=\"videoposter | image\"\n  [controls]=\"controls\"\n  [loop]=\"loop\"\n  [autoplay]=\"autoplay\" [tabindex]=\"tabindex\">\n  @if (mp4format) {\n    <source type=\"video/mp4\" [src]=\"mp4format | trustAs: 'resource'\">\n  }\n  @if (webmformat) {\n    <source type=\"video/webm\" [src]=\"webmformat | trustAs: 'resource'\">\n  }\n  @if (oggformat) {\n    <source type=\"video/ogg\" [src]=\"oggformat | trustAs: 'resource'\">\n  }\n  {{videosupportmessage}}\n</video>\n" }]
     }], () => [{ type: i0.Injector }, { type: i1$1.TrustAsPipe }, { type: undefined, decorators: [{
                 type: Inject,
                 args: ['EXPLICIT_CONTEXT']
             }, {
                 type: Optional
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VideoComponent, { className: "VideoComponent", filePath: "video/video.component.ts", lineNumber: 22 }); })();
-
-const components = [
-    AnchorComponent,
-    AudioComponent,
-    HtmlDirective,
-    IconComponent,
-    IframeComponent,
-    LabelDirective,
-    PictureDirective,
-    SpinnerComponent,
-    VideoComponent
-];
-class BasicModule {
-    static { this.ɵfac = function BasicModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BasicModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: BasicModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            WmComponentsModule] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasicModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    WmComponentsModule
-                ],
-                declarations: [...components],
-                exports: [...components]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(BasicModule, { declarations: [AnchorComponent,
-        AudioComponent,
-        HtmlDirective,
-        IconComponent,
-        IframeComponent,
-        LabelDirective,
-        PictureDirective,
-        SpinnerComponent,
-        VideoComponent], imports: [CommonModule,
-        WmComponentsModule], exports: [AnchorComponent,
-        AudioComponent,
-        HtmlDirective,
-        IconComponent,
-        IframeComponent,
-        LabelDirective,
-        PictureDirective,
-        SpinnerComponent,
-        VideoComponent] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(VideoComponent, { className: "VideoComponent", filePath: "video/video.component.ts", lineNumber: 26 }); })();
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnchorComponent, AudioComponent, BasicModule, HtmlDirective, IconComponent, IframeComponent, LabelDirective, PictureDirective, SpinnerComponent, VideoComponent, disableContextMenu };
+export { AnchorComponent, AudioComponent, HtmlDirective, IconComponent, IframeComponent, LabelDirective, PictureDirective, SpinnerComponent, VideoComponent, disableContextMenu };
 //# sourceMappingURL=index.mjs.map