@microsoft/windows-admin-center-sdk 2.523.1 → 2.538.1

package/angular/bundles/microsoft-windows-admin-center-sdk-angular.umd.js

@@ -10292,7 +10292,6 @@
             this.parseConfig(layoutConfig, phoneUp, exports.SmeResponsiveWindowBreakpoints.PhoneUp);
             this.parseConfig(layoutConfig, phoneDown, exports.SmeResponsiveWindowBreakpoints.PhoneDown);
             this.parseConfig(layoutConfig, reflow, exports.SmeResponsiveWindowBreakpoints.Reflow);
-            console.log(layoutConfig);
             return layoutConfig;
         };
         LayoutConfigGenerator.prototype.parseConfig = function (layoutConfig, config, smeResponsiveWindowBreakpoints) {
@@ -16373,9 +16372,9 @@
     function DialogComponent_sme_backdrop_0_button_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r5_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 7);
+            i0.ɵɵelementStart(0, "button", 8);
             i0.ɵɵlistener("click", function DialogComponent_sme_backdrop_0_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.onCloseClicked(); });
-            i0.ɵɵelement(1, "span", 8);
+            i0.ɵɵelement(1, "span", 9);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -16386,7 +16385,7 @@
     }
     function DialogComponent_sme_backdrop_0_span_9_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 9);
+            i0.ɵɵelementStart(0, "span", 10);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -16399,7 +16398,7 @@
     }
     function DialogComponent_sme_backdrop_0_span_10_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 9);
+            i0.ɵɵelementStart(0, "span", 10);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -16423,12 +16422,12 @@
             i0.ɵɵelementStart(5, "div", 5);
             i0.ɵɵprojection(6, 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "div", 4);
+            i0.ɵɵelementStart(7, "div", 6);
             i0.ɵɵprojection(8, 2);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(9, DialogComponent_sme_backdrop_0_span_9_Template, 2, 2, "span", 6);
-            i0.ɵɵtemplate(10, DialogComponent_sme_backdrop_0_span_10_Template, 2, 2, "span", 6);
+            i0.ɵɵtemplate(9, DialogComponent_sme_backdrop_0_span_9_Template, 2, 2, "span", 7);
+            i0.ɵɵtemplate(10, DialogComponent_sme_backdrop_0_span_10_Template, 2, 2, "span", 7);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -16517,7 +16516,7 @@
         return DialogFooterComponent;
     }());
     /** @nocollapse */ DialogFooterComponent.ɵfac = function DialogFooterComponent_Factory(t) { return new (t || DialogFooterComponent)(); };
-    /** @nocollapse */ DialogFooterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DialogFooterComponent, selectors: [["sme-dialog-footer"]], ngContentSelectors: _c0$o, decls: 2, vars: 0, consts: [[1, "sme-layout-float-right", "sme-position-right-inline", "sme-padding-spread-h-xs", "sme-layout-dialog-footer"]], template: function DialogFooterComponent_Template(rf, ctx) {
+    /** @nocollapse */ DialogFooterComponent.ɵcmp = i0.ɵɵdefineComponent({ type: DialogFooterComponent, selectors: [["sme-dialog-footer"]], ngContentSelectors: _c0$o, decls: 2, vars: 0, consts: [[1, "sme-layout-dialog-footer"]], template: function DialogFooterComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵelementStart(0, "div", 0);
@@ -16530,7 +16529,7 @@
                 type: i0.Component,
                 args: [{
                         selector: 'sme-dialog-footer',
-                        template: "<div class=\"sme-layout-float-right sme-position-right-inline sme-padding-spread-h-xs sme-layout-dialog-footer\">\n    <ng-content></ng-content></div>"
+                        template: "<div class=\"sme-layout-dialog-footer\">\n    <ng-content></ng-content></div>"
                     }]
             }], null, null);
     })();
@@ -16795,7 +16794,7 @@
             if (rf & 1) {
                 i0.ɵɵlistener("keyup.escape", function DialogComponent_keyup_escape_HostBindingHandler() { return ctx.onKeyUp(); }, false, i0.ɵɵresolveDocument);
             }
-        }, inputs: { allowBackgroundInteraction: "allowBackgroundInteraction", showBackdrop: "showBackdrop", clickBackdrop: "clickBackdrop", ariaLabel: "ariaLabel", ariaDescription: "ariaDescription", actionPane: "actionPane", dialogMode: "dialogMode", dialogType: "dialogType", closeButton: "closeButton", compactFullHeight: "compactFullHeight" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c2$6, decls: 1, vars: 1, consts: [["class", "sme-layout-absolute sme-position-inset-none", 3, "level", "showBackdrop", "allowBackgroundInteraction", "clicked", 4, "ngIf"], [1, "sme-layout-absolute", "sme-position-inset-none", 3, "level", "showBackdrop", "allowBackgroundInteraction", "clicked"], ["aria-modal", "true", 3, "ngClass"], ["class", "sme-button-trigger sme-button-auto-width sme-dialog-close-button", 3, "title", "click", 4, "ngIf"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "sme-layout-relative", "sme-position-flex-auto", "sme-padding-horizontal-lg", "sme-arrange-overflow-auto-y", "sme-arrange-overflow-hide-x", "sme-focus-zone", "sme-layout-responsive-zone-xs", "sme-dialog-content-wrapper"], ["class", "sme-screen-reader", 3, "id", 4, "ngIf"], [1, "sme-button-trigger", "sme-button-auto-width", "sme-dialog-close-button", 3, "title", "click"], [1, "sme-icon", "sme-icon-cancel"], [1, "sme-screen-reader", 3, "id"]], template: function DialogComponent_Template(rf, ctx) {
+        }, inputs: { allowBackgroundInteraction: "allowBackgroundInteraction", showBackdrop: "showBackdrop", clickBackdrop: "clickBackdrop", ariaLabel: "ariaLabel", ariaDescription: "ariaDescription", actionPane: "actionPane", dialogMode: "dialogMode", dialogType: "dialogType", closeButton: "closeButton", compactFullHeight: "compactFullHeight" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c2$6, decls: 1, vars: 1, consts: [["class", "sme-layout-absolute sme-position-inset-none", 3, "level", "showBackdrop", "allowBackgroundInteraction", "clicked", 4, "ngIf"], [1, "sme-layout-absolute", "sme-position-inset-none", 3, "level", "showBackdrop", "allowBackgroundInteraction", "clicked"], ["aria-modal", "true", 3, "ngClass"], ["class", "sme-button-trigger sme-button-auto-width sme-dialog-close-button", 3, "title", "click", 4, "ngIf"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "sme-layout-relative", "sme-position-flex-auto", "sme-padding-horizontal-lg", "sme-arrange-overflow-auto-y", "sme-arrange-overflow-hide-x", "sme-focus-zone", "sme-layout-responsive-zone-xs", "sme-dialog-content-wrapper"], [1, "sme-position-flex-none", "sme-focus-zone", "sme-padding-horizontal-lg", "sme-padding-vertical-xs"], ["class", "sme-screen-reader", 3, "id", 4, "ngIf"], [1, "sme-button-trigger", "sme-button-auto-width", "sme-dialog-close-button", 3, "title", "click"], [1, "sme-icon", "sme-icon-cancel"], [1, "sme-screen-reader", 3, "id"]], template: function DialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef(_c1$a);
                 i0.ɵɵtemplate(0, DialogComponent_sme_backdrop_0_Template, 11, 11, "sme-backdrop", 0);
@@ -31047,7 +31046,7 @@
                 return this.editable ? this.internalItems.map(function (item) { return item.content; }) : this.internalItems;
             },
             set: function (value) {
-                var e_1, _a, e_2, _b;
+                var e_1, _b, e_2, _c;
                 var _this = this;
                 if (!this.rememberSelection) {
                     this.removeHighlightFromRow();
@@ -31130,8 +31129,8 @@
                                     }
                                     else {
                                         try {
-                                            for (var _c = __values(this.items), _d = _c.next(); !_d.done; _d = _c.next()) {
-                                                var item = _d.value;
+                                            for (var _d = __values(this.items), _e = _d.next(); !_e.done; _e = _d.next()) {
+                                                var item = _e.value;
                                                 var index = selectionIdentitiesToRemember_1.indexOf(this.getItemIdentityFunction(item));
                                                 if (index !== -1) {
                                                     this.selection.push(item);
@@ -31148,7 +31147,7 @@
                                         catch (e_1_1) { e_1 = { error: e_1_1 }; }
                                         finally {
                                             try {
-                                                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                                                if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
                                             }
                                             finally { if (e_1) throw e_1.error; }
                                         }
@@ -31267,8 +31266,8 @@
                                     }
                                     else {
                                         try {
-                                            for (var _e = __values(this.items), _f = _e.next(); !_f.done; _f = _e.next()) {
-                                                var item = _f.value;
+                                            for (var _f = __values(this.items), _g = _f.next(); !_g.done; _g = _f.next()) {
+                                                var item = _g.value;
                                                 var index = selectionItemsToRemember_1.indexOf(item);
                                                 if (index !== -1) {
                                                     this.selection.push(item);
@@ -31285,7 +31284,7 @@
                                         catch (e_2_1) { e_2 = { error: e_2_1 }; }
                                         finally {
                                             try {
-                                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                                                if (_g && !_g.done && (_c = _f.return)) _c.call(_f);
                                             }
                                             finally { if (e_2) throw e_2.error; }
                                         }
@@ -34221,6 +34220,7 @@
             });
         };
         DataTableComponent.prototype.onElementFocusing = function (event) {
+            var _a;
             if (event.targetZone === this.contentElement.nativeElement) {
                 if (!this.contentAreaHasFocus) {
                     event.preventDefaultFocusBehavior();
@@ -34233,7 +34233,10 @@
             else if (event.targetElement && event.targetElement.hasAttribute('data-sme-last-focusable-shadow-element')
                 && event.targetElement === this.lastFocusableShadowElement.nativeElement) {
                 event.preventDefaultFocusBehavior();
-                if (event.sourceZone === this.contentElement.nativeElement || event.sourceZone === this.headerElement.nativeElement) {
+                // The third condition is added to fix keyboard focus being trapped in the data table
+                // when the last focusable element doesn't meet the first 2 conditions (ex: the last focusable element is a link).
+                if (event.sourceZone === this.contentElement.nativeElement || event.sourceZone === this.headerElement.nativeElement ||
+                    ((_a = (event.targetElement.attributes.getNamedItem('tabindex'))) === null || _a === void 0 ? void 0 : _a.value) >= '0') {
                     var nextFocusableElement = dom.Dom.getNextZoneElement(event.targetElement);
                     if (!nextFocusableElement) {
                         event.targetElement.focus();
@@ -43955,7 +43958,7 @@
 
     function ExtensionDialogComponent_span_7_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 4);
+            i0.ɵɵelementStart(0, "span", 5);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -43968,7 +43971,7 @@
     }
     function ExtensionDialogComponent_span_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span", 4);
+            i0.ɵɵelementStart(0, "span", 5);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -43989,7 +43992,7 @@
         return ExtensionDialogComponent;
     }(DialogComponent));
     /** @nocollapse */ ExtensionDialogComponent.ɵfac = function ExtensionDialogComponent_Factory(t) { return ɵExtensionDialogComponent_BaseFactory(t || ExtensionDialogComponent); };
-    /** @nocollapse */ ExtensionDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ExtensionDialogComponent, selectors: [["sme-extension-dialog"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$G, decls: 9, vars: 6, consts: [["aria-modal", "true", 1, "sme-position-stretch-h", "sme-position-stretch-v", 3, "ngClass"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "sme-layout-relative", "sme-position-flex-auto", "sme-padding-horizontal-lg", "sme-arrange-overflow-auto-y", "sme-arrange-overflow-hide-x", "sme-focus-zone", "sme-layout-responsive-zone-xs"], ["class", "sme-screen-reader", 3, "id", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"]], template: function ExtensionDialogComponent_Template(rf, ctx) {
+    /** @nocollapse */ ExtensionDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ExtensionDialogComponent, selectors: [["sme-extension-dialog"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$G, decls: 9, vars: 6, consts: [["aria-modal", "true", 1, "sme-position-stretch-h", "sme-position-stretch-v", 3, "ngClass"], [1, "sme-position-flex-none", "sme-focus-zone"], [1, "sme-layout-relative", "sme-position-flex-auto", "sme-padding-horizontal-lg", "sme-arrange-overflow-auto-y", "sme-arrange-overflow-hide-x", "sme-focus-zone", "sme-layout-responsive-zone-xs"], [1, "sme-position-flex-none", "sme-focus-zone", "sme-padding-horizontal-lg", "sme-padding-vertical-xs"], ["class", "sme-screen-reader", 3, "id", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"]], template: function ExtensionDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef(_c0$1c);
                 i0.ɵɵelementStart(0, "div", 0);
@@ -43999,11 +44002,11 @@
                 i0.ɵɵelementStart(3, "div", 2);
                 i0.ɵɵprojection(4, 1);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(5, "div", 1);
+                i0.ɵɵelementStart(5, "div", 3);
                 i0.ɵɵprojection(6, 2);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(7, ExtensionDialogComponent_span_7_Template, 2, 2, "span", 3);
-                i0.ɵɵtemplate(8, ExtensionDialogComponent_span_8_Template, 2, 2, "span", 3);
+                i0.ɵɵtemplate(7, ExtensionDialogComponent_span_7_Template, 2, 2, "span", 4);
+                i0.ɵɵtemplate(8, ExtensionDialogComponent_span_8_Template, 2, 2, "span", 4);
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
@@ -44255,7 +44258,7 @@
 
     function HeaderComponent_div_0_span_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "span", 11);
+            i0.ɵɵelement(0, "span", 12);
         }
         if (rf & 2) {
             var ctx_r5 = i0.ɵɵnextContext(2);
@@ -44264,13 +44267,45 @@
     }
     function HeaderComponent_div_0_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "span", 12);
+            i0.ɵɵelement(0, "span", 13);
         }
         if (rf & 2) {
             var ctx_r6 = i0.ɵɵnextContext(2);
             i0.ɵɵstyleProp("background-image", ctx_r6.urlIcon);
         }
     }
+    function HeaderComponent_div_0_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "span", 14);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r7 = i0.ɵɵnextContext(2);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(ctx_r7.text);
+        }
+    }
+    function HeaderComponent_div_0_div_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 15);
+            i0.ɵɵelementStart(1, "div");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div", 16);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r8 = i0.ɵɵnextContext(2);
+            i0.ɵɵclassProp("sme-padding-left-xs", ctx_r8.urlIcon || ctx_r8.smeIconClassName);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx_r8.text);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx_r8.subtitle);
+        }
+    }
     function HeaderComponent_div_0_ng_container_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainer(0);
@@ -44282,11 +44317,10 @@
             i0.ɵɵelementStart(1, "span", 6);
             i0.ɵɵtemplate(2, HeaderComponent_div_0_span_2_Template, 1, 2, "span", 7);
             i0.ɵɵtemplate(3, HeaderComponent_div_0_span_3_Template, 1, 2, "span", 8);
-            i0.ɵɵelementStart(4, "span", 9);
-            i0.ɵɵtext(5);
-            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, HeaderComponent_div_0_span_4_Template, 2, 1, "span", 9);
+            i0.ɵɵtemplate(5, HeaderComponent_div_0_div_5_Template, 5, 4, "div", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, HeaderComponent_div_0_ng_container_6_Template, 1, 0, "ng-container", 10);
+            i0.ɵɵtemplate(6, HeaderComponent_div_0_ng_container_6_Template, 1, 0, "ng-container", 11);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -44298,15 +44332,17 @@
             i0.ɵɵproperty("ngIf", ctx_r0.smeIconClassName);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.urlIcon);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.text);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", !ctx_r0.subtitle);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx_r0.subtitle);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngTemplateOutlet", _r3);
         }
     }
     function HeaderComponent_h2_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h2", 13);
+            i0.ɵɵelementStart(0, "h2", 17);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -44324,11 +44360,11 @@
     }
     function HeaderComponent_div_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 14);
+            i0.ɵɵelementStart(0, "div", 18);
             i0.ɵɵelementStart(1, "h3", 6);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, HeaderComponent_div_2_ng_container_3_Template, 1, 0, "ng-container", 10);
+            i0.ɵɵtemplate(3, HeaderComponent_div_2_ng_container_3_Template, 1, 0, "ng-container", 11);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -44365,8 +44401,17 @@
         function HeaderComponent(injector) {
             var _this = _super.call(this, injector) || this;
             _this.styleTo = '';
+            /**
+             * The header type
+             */
             _this.type = HeaderComponent.tool;
+            /**
+             * The font text for the main header
+             */
             _this.text = '';
+            /**
+             * The font size level for the main header
+             */
             _this.level = '';
             if (_this.smeIconClassName && _this.urlIcon) {
                 logging.Logging.log({
@@ -44421,10 +44466,10 @@
     HeaderComponent.h3style = 'sme-font-h3';
     HeaderComponent.h4style = 'sme-font-h4 sme-font-h4-no-spacing';
     /** @nocollapse */ HeaderComponent.ɵfac = function HeaderComponent_Factory(t) { return new (t || HeaderComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ HeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderComponent, selectors: [["sme-header"]], inputs: { type: "type", text: "text", level: "level", smeIconClassName: "smeIconClassName", urlIcon: "urlIcon" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1d, decls: 5, vars: 3, consts: [["class", "sme-layout-flex sme-position-flex-align-center sme-layout-tool-header", 4, "ngIf"], ["id", "sme-dialog-title", 3, "ngClass", 4, "ngIf"], ["class", "sme-position-flex-none sme-layout-settings-header", 4, "ngIf"], ["class", "sme-padding-left-xs"], ["contentTemplate", ""], [1, "sme-layout-flex", "sme-position-flex-align-center", "sme-layout-tool-header"], [3, "ngClass"], ["class", "sme-position-align-v-inline-middle sme-icon", 3, "class", 4, "ngIf"], ["class", "sme-position-align-v-inline-middle sme-url-icon", 3, "background-image", 4, "ngIf"], [1, "sme-position-align-v-inline-middle"], [4, "ngTemplateOutlet"], [1, "sme-position-align-v-inline-middle", "sme-icon"], [1, "sme-position-align-v-inline-middle", "sme-url-icon"], ["id", "sme-dialog-title", 3, "ngClass"], [1, "sme-position-flex-none", "sme-layout-settings-header"]], template: function HeaderComponent_Template(rf, ctx) {
+    /** @nocollapse */ HeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: HeaderComponent, selectors: [["sme-header"]], inputs: { type: "type", text: "text", level: "level", smeIconClassName: "smeIconClassName", urlIcon: "urlIcon", subtitle: "subtitle" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$1d, decls: 5, vars: 3, consts: [["class", "sme-layout-flex sme-position-flex-align-center sme-layout-tool-header", 4, "ngIf"], ["id", "sme-dialog-title", 3, "ngClass", 4, "ngIf"], ["class", "sme-position-flex-none sme-layout-settings-header", 4, "ngIf"], ["class", "sme-padding-left-xs"], ["contentTemplate", ""], [1, "sme-layout-flex", "sme-position-flex-align-center", "sme-layout-tool-header"], [3, "ngClass"], ["class", "sme-position-align-v-inline-middle sme-icon", 3, "class", 4, "ngIf"], ["class", "sme-position-align-v-inline-middle sme-url-icon", 3, "background-image", 4, "ngIf"], ["class", "sme-position-align-v-inline-middle", 4, "ngIf"], ["class", "sme-arrange-stack-v sme-layout-inline-block", 3, "sme-padding-left-xs", 4, "ngIf"], [4, "ngTemplateOutlet"], [1, "sme-position-align-v-inline-middle", "sme-icon"], [1, "sme-position-align-v-inline-middle", "sme-url-icon"], [1, "sme-position-align-v-inline-middle"], [1, "sme-arrange-stack-v", "sme-layout-inline-block"], [1, "sme-font-label"], ["id", "sme-dialog-title", 3, "ngClass"], [1, "sme-position-flex-none", "sme-layout-settings-header"]], template: function HeaderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
-                i0.ɵɵtemplate(0, HeaderComponent_div_0_Template, 7, 5, "div", 0);
+                i0.ɵɵtemplate(0, HeaderComponent_div_0_Template, 7, 6, "div", 0);
                 i0.ɵɵtemplate(1, HeaderComponent_h2_1_Template, 2, 2, "h2", 1);
                 i0.ɵɵtemplate(2, HeaderComponent_div_2_Template, 4, 3, "div", 2);
                 i0.ɵɵtemplate(3, HeaderComponent_ng_template_3_Template, 1, 0, "ng-template", 3, 4, i0.ɵɵtemplateRefExtractor);
@@ -44454,6 +44499,8 @@
                     type: i0.Input
                 }], urlIcon: [{
                     type: i0.Input
+                }], subtitle: [{
+                    type: i0.Input
                 }] });
     })();
 
@@ -49201,9 +49248,8 @@
             i0.ɵɵelement(0, "sme-option", 32);
         }
         if (rf & 2) {
-            var option_r64 = ctx.$implicit;
-            var ctx_r63 = i0.ɵɵnextContext(7);
-            i0.ɵɵproperty("value", ctx_r63.queryDataOperand[option_r64])("label", ctx_r63.queryDataOperand[option_r64]);
+            var operand_r64 = ctx.$implicit;
+            i0.ɵɵproperty("value", operand_r64.value)("label", operand_r64.value);
         }
     }
     function QueryEditorComponent_ng_container_0_ng_container_1_div_1_form_4_ng_container_5_sme_form_field_3_Template(rf, ctx) {
@@ -49534,6 +49580,7 @@
         __extends(QueryEditorComponent, _super);
         function QueryEditorComponent() {
             var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.operands = [];
             _this.columnsDropdownData = [];
             _this.columnDropdownData = [];
             _this.resourceStrings = MsftSme.getStrings().MsftSmeShell.Angular.QueryEditor;