@xxmachina/components 20.67.0 → 20.69.4

package/fesm2022/xxmachina-components-organisms-xterm.mjs

@@ -630,21 +630,21 @@ class XtermOrganismStore extends InjectableComponent {
         useInteractiveTheme: false,
     }), ['components', 'organisms', 'xterm']);
     config = XtermOrganismStore.DI.injectConfig();
-    data = input(undefined, ...(ngDevMode ? [{ debugName: "data" }] : []));
-    interactive = input(false, ...(ngDevMode ? [{ debugName: "interactive" }] : []));
-    queryResult = input('', ...(ngDevMode ? [{ debugName: "queryResult" }] : []));
-    useInteractiveTheme = input(false, ...(ngDevMode ? [{ debugName: "useInteractiveTheme" }] : []));
-    totalWritten = input(0, ...(ngDevMode ? [{ debugName: "totalWritten" }] : []));
-    staticScreen = input(false, ...(ngDevMode ? [{ debugName: "staticScreen" }] : []));
+    data = input(undefined, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    interactive = input(false, ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
+    queryResult = input('', ...(ngDevMode ? [{ debugName: "queryResult" }] : /* istanbul ignore next */ []));
+    useInteractiveTheme = input(false, ...(ngDevMode ? [{ debugName: "useInteractiveTheme" }] : /* istanbul ignore next */ []));
+    totalWritten = input(0, ...(ngDevMode ? [{ debugName: "totalWritten" }] : /* istanbul ignore next */ []));
+    staticScreen = input(false, ...(ngDevMode ? [{ debugName: "staticScreen" }] : /* istanbul ignore next */ []));
     sessionContext = inject(XTERM_SESSION_CONTEXT, { optional: true });
     constructor() {
         super();
         XtermOrganismStore.DI.initialize(this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: XtermOrganismStore, isStandalone: true, selector: "organisms-xterm", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, queryResult: { classPropertyName: "queryResult", publicName: "queryResult", isSignal: true, isRequired: false, transformFunction: null }, useInteractiveTheme: { classPropertyName: "useInteractiveTheme", publicName: "useInteractiveTheme", isSignal: true, isRequired: false, transformFunction: null }, totalWritten: { classPropertyName: "totalWritten", publicName: "totalWritten", isSignal: true, isRequired: false, transformFunction: null }, staticScreen: { classPropertyName: "staticScreen", publicName: "staticScreen", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: XtermOrganismStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: XtermOrganismStore, isStandalone: true, selector: "organisms-xterm", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, queryResult: { classPropertyName: "queryResult", publicName: "queryResult", isSignal: true, isRequired: false, transformFunction: null }, useInteractiveTheme: { classPropertyName: "useInteractiveTheme", publicName: "useInteractiveTheme", isSignal: true, isRequired: false, transformFunction: null }, totalWritten: { classPropertyName: "totalWritten", publicName: "totalWritten", isSignal: true, isRequired: false, transformFunction: null }, staticScreen: { classPropertyName: "staticScreen", publicName: "staticScreen", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganismStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: XtermOrganismStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'organisms-xterm' }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], queryResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryResult", required: false }] }], useInteractiveTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "useInteractiveTheme", required: false }] }], totalWritten: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalWritten", required: false }] }], staticScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staticScreen", required: false }] }] } });
@@ -1042,14 +1042,14 @@ class XtermOrganism extends NgAtomicComponent {
     lastDataLength = 0;
     lastProcessedLength = 0;
     lastWrittenData = null;
-    terminalInitialized = signal(false, ...(ngDevMode ? [{ debugName: "terminalInitialized" }] : []));
+    terminalInitialized = signal(false, ...(ngDevMode ? [{ debugName: "terminalInitialized" }] : /* istanbul ignore next */ []));
     initialized = this.terminalInitialized.asReadonly();
-    fitEpoch = signal(0, ...(ngDevMode ? [{ debugName: "fitEpoch" }] : []));
-    fitScheduled = signal(0, ...(ngDevMode ? [{ debugName: "fitScheduled" }] : []));
+    fitEpoch = signal(0, ...(ngDevMode ? [{ debugName: "fitEpoch" }] : /* istanbul ignore next */ []));
+    fitScheduled = signal(0, ...(ngDevMode ? [{ debugName: "fitScheduled" }] : /* istanbul ignore next */ []));
     initSkippedDueToSize = false;
     disposables = [];
     followBottom = null;
-    scrollFromBottom = signal(null, ...(ngDevMode ? [{ debugName: "scrollFromBottom" }] : []));
+    scrollFromBottom = signal(null, ...(ngDevMode ? [{ debugName: "scrollFromBottom" }] : /* istanbul ignore next */ []));
     stableTimer = null;
     resizeTimer = null;
     fallbackTimer = null;
@@ -1396,10 +1396,10 @@ class XtermOrganism extends NgAtomicComponent {
     getImageAddon() {
         return this.imageAddon;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: XtermOrganism, isStandalone: true, selector: "organisms-xterm", outputs: { terminalReady: "terminalReady", githubLinkClick: "githubLinkClick" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: XtermOrganismStore, inputs: ["data", "data", "interactive", "interactive", "useInteractiveTheme", "useInteractiveTheme", "totalWritten", "totalWritten", "staticScreen", "staticScreen"] }], ngImport: i0, template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, isInline: true, styles: ["", "@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}:host .terminal-viewport,:host .xterm-wrapper{width:100%;height:100%;background:#0a0a0a;position:relative;overflow:hidden}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-layer{display:none!important}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor,:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-outline{opacity:0!important}:host ::ng-deep .xterm-screen canvas{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: XtermOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.25", type: XtermOrganism, isStandalone: true, selector: "organisms-xterm", outputs: { terminalReady: "terminalReady", githubLinkClick: "githubLinkClick" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: XtermOrganismStore, inputs: ["data", "data", "interactive", "interactive", "useInteractiveTheme", "useInteractiveTheme", "totalWritten", "totalWritten", "staticScreen", "staticScreen"] }], ngImport: i0, template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, isInline: true, styles: ["", "@import\"https://unpkg.com/@xterm/xterm@5.5.0/css/xterm.css\";:host{display:block;width:100%;height:100%}:host .terminal-viewport,:host .xterm-wrapper{width:100%;height:100%;background:#0a0a0a;position:relative;overflow:hidden}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-layer{display:none!important}:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor,:host:not(.interactive) .xterm-wrapper ::ng-deep .xterm-cursor-outline{opacity:0!important}:host ::ng-deep .xterm-screen canvas{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: XtermOrganism, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: XtermOrganism, decorators: [{
             type: Component,
             args: [{ selector: 'organisms-xterm', standalone: true, imports: [], template: `<div #container class="terminal-viewport xterm-wrapper"></div>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{
                             directive: XtermOrganismStore,

package/fesm2022/xxmachina-components-pages-command.mjs

@@ -206,7 +206,7 @@ let CommandPageStore = class CommandPageStore extends InjectableComponent {
     static provideRouteParamMapToDataInitializer(projector) {
         return CommandPageStore_1.Initializer.provide((store) => {
             const paramMap = injectRouteParamMap({ merge: true });
-            const data = computed(() => projector(paramMap()), ...(ngDevMode ? [{ debugName: "data" }] : []));
+            const data = computed(() => projector(paramMap()), ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
             effect(() => applyToInput(store, 'data', data()));
         });
     }
@@ -229,8 +229,8 @@ let CommandPageStore = class CommandPageStore extends InjectableComponent {
         return provideEffect(ActionId.EXECUTE_COMMAND, () => {
             const store = inject(CommandPageStore_1);
             const app = inject(AppService);
-            const paramKeys = computed(() => EndpointHelper.extract(store.feature.path()), ...(ngDevMode ? [{ debugName: "paramKeys" }] : []));
-            const resolvedParams = computed(() => pick(store.data(), paramKeys()), ...(ngDevMode ? [{ debugName: "resolvedParams" }] : []));
+            const paramKeys = computed(() => EndpointHelper.extract(store.feature.path()), ...(ngDevMode ? [{ debugName: "paramKeys" }] : /* istanbul ignore next */ []));
+            const resolvedParams = computed(() => pick(store.data(), paramKeys()), ...(ngDevMode ? [{ debugName: "resolvedParams" }] : /* istanbul ignore next */ []));
             return () => {
                 const resolvedEndpoint = EndpointHelper.resolve(store.feature.path(), resolvedParams());
                 const data = buildData(store.form(), store.command()?.webApiRequest?.contentType);
@@ -332,41 +332,41 @@ let CommandPageStore = class CommandPageStore extends InjectableComponent {
     feature = inject(CommandFeature);
     config = CommandPageStore_1.Config.inject();
     queryFeature = inject(QueryFeature);
-    style = input(_computed(() => this.config().style), ...(ngDevMode ? [{ debugName: "style" }] : []));
+    style = input(_computed(() => this.config().style), ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
     #navStartActions = injectNavStartActionsV2();
-    navStartActions = input(_computed(() => this.#navStartActions()), ...(ngDevMode ? [{ debugName: "navStartActions" }] : []));
-    navEndActions = input(_computed(() => this.config().navEndActions), ...(ngDevMode ? [{ debugName: "navEndActions" }] : []));
-    command = input(_computed(() => this.config().command), ...(ngDevMode ? [{ debugName: "command" }] : []));
-    form = input(_computed(() => this.feature.form()), ...(ngDevMode ? [{ debugName: "form" }] : []));
-    extractedFormFieldMap = input(_computed(() => this.feature.extractedFormFieldMap()), ...(ngDevMode ? [{ debugName: "extractedFormFieldMap" }] : []));
-    additionalFormFieldMap = input(_computed(() => this.config().additionalFormFieldMap), ...(ngDevMode ? [{ debugName: "additionalFormFieldMap" }] : []));
+    navStartActions = input(_computed(() => this.#navStartActions()), ...(ngDevMode ? [{ debugName: "navStartActions" }] : /* istanbul ignore next */ []));
+    navEndActions = input(_computed(() => this.config().navEndActions), ...(ngDevMode ? [{ debugName: "navEndActions" }] : /* istanbul ignore next */ []));
+    command = input(_computed(() => this.config().command), ...(ngDevMode ? [{ debugName: "command" }] : /* istanbul ignore next */ []));
+    form = input(_computed(() => this.feature.form()), ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    extractedFormFieldMap = input(_computed(() => this.feature.extractedFormFieldMap()), ...(ngDevMode ? [{ debugName: "extractedFormFieldMap" }] : /* istanbul ignore next */ []));
+    additionalFormFieldMap = input(_computed(() => this.config().additionalFormFieldMap), ...(ngDevMode ? [{ debugName: "additionalFormFieldMap" }] : /* istanbul ignore next */ []));
     formFieldMap = input(_computed(() => ({
         ...this.extractedFormFieldMap(),
         ...this.additionalFormFieldMap()
-    })), ...(ngDevMode ? [{ debugName: "formFieldMap" }] : []));
-    formFieldKeys = input(_computed(() => []), ...(ngDevMode ? [{ debugName: "formFieldKeys" }] : []));
-    formFlatExcludes = input(_computed(() => []), ...(ngDevMode ? [{ debugName: "formFlatExcludes" }] : []));
+    })), ...(ngDevMode ? [{ debugName: "formFieldMap" }] : /* istanbul ignore next */ []));
+    formFieldKeys = input(_computed(() => []), ...(ngDevMode ? [{ debugName: "formFieldKeys" }] : /* istanbul ignore next */ []));
+    formFlatExcludes = input(_computed(() => []), ...(ngDevMode ? [{ debugName: "formFlatExcludes" }] : /* istanbul ignore next */ []));
     _initializeQuery = injectRouteData('query');
-    initializeQuery = input(_computed(() => this._initializeQuery()), ...(ngDevMode ? [{ debugName: "initializeQuery" }] : []));
+    initializeQuery = input(_computed(() => this._initializeQuery()), ...(ngDevMode ? [{ debugName: "initializeQuery" }] : /* istanbul ignore next */ []));
     _data = injectUnflattenRouteParam('data');
-    data = input(_computed(() => this._data()), ...(ngDevMode ? [{ debugName: "data" }] : []));
+    data = input(_computed(() => this._data()), ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     formInvalid = derivedAsync(() => getInvalid$(this.form()));
-    title = input(_computed(() => this.config().title || this.feature.title()), ...(ngDevMode ? [{ debugName: "title" }] : []));
+    title = input(_computed(() => this.config().title || this.feature.title()), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     #actions = derivedAsync(() => buildActions(this.feature.hasPermission(this.command()), this.formInvalid()));
-    actions = input(_computed(() => this.#actions()), ...(ngDevMode ? [{ debugName: "actions" }] : []));
+    actions = input(_computed(() => this.#actions()), ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     skip = injectRouteSkip();
     constructor() {
         super();
         CommandPageStore_1.Initializer.initializeStore(this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandPageStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: CommandPageStore, isStandalone: true, inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, extractedFormFieldMap: { classPropertyName: "extractedFormFieldMap", publicName: "extractedFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, additionalFormFieldMap: { classPropertyName: "additionalFormFieldMap", publicName: "additionalFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, formFieldMap: { classPropertyName: "formFieldMap", publicName: "formFieldMap", isSignal: true, isRequired: false, transformFunction: null }, formFieldKeys: { classPropertyName: "formFieldKeys", publicName: "formFieldKeys", isSignal: true, isRequired: false, transformFunction: null }, formFlatExcludes: { classPropertyName: "formFlatExcludes", publicName: "formFlatExcludes", isSignal: true, isRequired: false, transformFunction: null }, initializeQuery: { classPropertyName: "initializeQuery", publicName: "initializeQuery", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandPageStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: CommandPageStore, isStandalone: true, inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, command: { classPropertyName: "command", publicName: "command", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, extractedFormFieldMap: { classPropertyName: "extractedFormFieldMap", publicName: "extractedFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, additionalFormFieldMap: { classPropertyName: "additionalFormFieldMap", publicName: "additionalFormFieldMap", isSignal: true, isRequired: false, transformFunction: null }, formFieldMap: { classPropertyName: "formFieldMap", publicName: "formFieldMap", isSignal: true, isRequired: false, transformFunction: null }, formFieldKeys: { classPropertyName: "formFieldKeys", publicName: "formFieldKeys", isSignal: true, isRequired: false, transformFunction: null }, formFlatExcludes: { classPropertyName: "formFlatExcludes", publicName: "formFlatExcludes", isSignal: true, isRequired: false, transformFunction: null }, initializeQuery: { classPropertyName: "initializeQuery", publicName: "initializeQuery", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 };
 CommandPageStore = CommandPageStore_1 = __decorate([
     TokenizedType(),
     __metadata("design:paramtypes", [])
 ], CommandPageStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandPageStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandPageStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }], ctorParameters: () => [], propDecorators: { style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], navStartActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "navStartActions", required: false }] }], navEndActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "navEndActions", required: false }] }], command: [{ type: i0.Input, args: [{ isSignal: true, alias: "command", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], extractedFormFieldMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "extractedFormFieldMap", required: false }] }], additionalFormFieldMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalFormFieldMap", required: false }] }], formFieldMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFieldMap", required: false }] }], formFieldKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFieldKeys", required: false }] }], formFlatExcludes: [{ type: i0.Input, args: [{ isSignal: true, alias: "formFlatExcludes", required: false }] }], initializeQuery: [{ type: i0.Input, args: [{ isSignal: true, alias: "initializeQuery", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }] } });
@@ -378,8 +378,8 @@ class CommandPage extends NgAtomicComponent {
     onFileSelected(payload) {
         this.dispatch({ id: ActionId.FILE_SELECTED, payload });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandPage, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: CommandPage, isStandalone: true, selector: "pages-command", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandPage, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: CommandPage, isStandalone: true, selector: "pages-command", providers: [
             CommandFeature,
             QueryFeature,
             QueryGraphqlSchemaFeature
@@ -410,7 +410,7 @@ class CommandPage extends NgAtomicComponent {
       </frames-tabs> 
     </templates-form>
   </frames-router-outlet>
-  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-dFG2: var(--page-width-lv1);--primary-color-SCOPED-IN-command-dFG2: var(--primary-color);--on-primary-color-SCOPED-IN-command-dFG2: var(--on-primary-color);--background-color-SCOPED-IN-command-dFG2: var(--background-color);--on-background-color-SCOPED-IN-command-dFG2: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-dFG2)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-dFG2);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-dFG2);--background-color: var(--background-color-SCOPED-IN-command-dFG2);--on-background-color: var(--on-background-color-SCOPED-IN-command-dFG2)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
+  `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-iwOx: var(--page-width-lv1);--primary-color-SCOPED-IN-command-iwOx: var(--primary-color);--on-primary-color-SCOPED-IN-command-iwOx: var(--on-primary-color);--background-color-SCOPED-IN-command-iwOx: var(--background-color);--on-background-color-SCOPED-IN-command-iwOx: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-iwOx)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-iwOx);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-iwOx);--background-color: var(--background-color-SCOPED-IN-command-iwOx);--on-background-color: var(--on-background-color-SCOPED-IN-command-iwOx)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }, { kind: "component", type: CommandFormGroup, selector: "groups-command-form", inputs: ["apiJsonUrls"] }, { kind: "component", type: QueryFormGroup, selector: "groups-query-form", inputs: ["form", "keyActions"] }] });
 }
 __decorate([
     Effect(FormTemplateStore.ActionId.FILE_SELECTED),
@@ -418,7 +418,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], CommandPage.prototype, "onFileSelected", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandPage, decorators: [{
             type: Component,
             args: [{ selector: 'pages-command', imports: [
                         RouterOutletFrame,
@@ -473,7 +473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'actions',
                             ]
                         },
-                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-dFG2: var(--page-width-lv1);--primary-color-SCOPED-IN-command-dFG2: var(--primary-color);--on-primary-color-SCOPED-IN-command-dFG2: var(--on-primary-color);--background-color-SCOPED-IN-command-dFG2: var(--background-color);--on-background-color-SCOPED-IN-command-dFG2: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-dFG2)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-dFG2);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-dFG2);--background-color: var(--background-color-SCOPED-IN-command-dFG2);--on-background-color: var(--on-background-color-SCOPED-IN-command-dFG2)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-command-iwOx: var(--page-width-lv1);--primary-color-SCOPED-IN-command-iwOx: var(--primary-color);--on-primary-color-SCOPED-IN-command-iwOx: var(--on-primary-color);--background-color-SCOPED-IN-command-iwOx: var(--background-color);--on-background-color-SCOPED-IN-command-iwOx: var(--on-background-color)}:host templates-form{padding-left:0;box-sizing:border-box;transition:padding-left .3s}:host .template{--first-content-height: 0px;width:var(--page-width-lv1-SCOPED-IN-command-iwOx)}:host .template div[dashboard]{padding:0;box-sizing:border-box}:host *{--primary-color: var(--primary-color-SCOPED-IN-command-iwOx);--on-primary-color: var(--on-primary-color-SCOPED-IN-command-iwOx);--background-color: var(--background-color-SCOPED-IN-command-iwOx);--on-background-color: var(--on-background-color-SCOPED-IN-command-iwOx)}\n"] }]
         }], propDecorators: { onFileSelected: [] } });
 
 /**

package/fesm2022/xxmachina-components-pages-query-v2.mjs

@@ -38,17 +38,17 @@ class QueryPageV2Store extends InjectableComponent {
             provideEffect(ListOrganism.ActionId.CLICK_ITEM, () => handler),
         ];
     }
-    query = input(injectRouteData('query')(), ...(ngDevMode ? [{ debugName: "query" }] : []));
-    navEndActions = input(injectRouteData('navEndActions')(), ...(ngDevMode ? [{ debugName: "navEndActions" }] : []));
-    columnNames = input([], ...(ngDevMode ? [{ debugName: "columnNames" }] : []));
-    presenter = input(injectRouteData('presenter')() ?? 'table', ...(ngDevMode ? [{ debugName: "presenter" }] : []));
+    query = input(injectRouteData('query')(), ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    navEndActions = input(injectRouteData('navEndActions')(), ...(ngDevMode ? [{ debugName: "navEndActions" }] : /* istanbul ignore next */ []));
+    columnNames = input([], ...(ngDevMode ? [{ debugName: "columnNames" }] : /* istanbul ignore next */ []));
+    presenter = input(injectRouteData('presenter')() ?? 'table', ...(ngDevMode ? [{ debugName: "presenter" }] : /* istanbul ignore next */ []));
     feature = inject(QueryFeature);
     fb = inject(FormBuilder);
-    queryPanelExpanded = signal(true, ...(ngDevMode ? [{ debugName: "queryPanelExpanded" }] : []));
-    transformerPanelExpanded = signal(false, ...(ngDevMode ? [{ debugName: "transformerPanelExpanded" }] : []));
-    presenterPanelExpanded = signal(true, ...(ngDevMode ? [{ debugName: "presenterPanelExpanded" }] : []));
+    queryPanelExpanded = signal(true, ...(ngDevMode ? [{ debugName: "queryPanelExpanded" }] : /* istanbul ignore next */ []));
+    transformerPanelExpanded = signal(false, ...(ngDevMode ? [{ debugName: "transformerPanelExpanded" }] : /* istanbul ignore next */ []));
+    presenterPanelExpanded = signal(true, ...(ngDevMode ? [{ debugName: "presenterPanelExpanded" }] : /* istanbul ignore next */ []));
     openPanelCount = computed(() => [this.queryPanelExpanded(), this.transformerPanelExpanded(), this.presenterPanelExpanded()]
-        .filter(Boolean).length, ...(ngDevMode ? [{ debugName: "openPanelCount" }] : []));
+        .filter(Boolean).length, ...(ngDevMode ? [{ debugName: "openPanelCount" }] : /* istanbul ignore next */ []));
     toggleQueryPanel(expanded) {
         if (!expanded && this.openPanelCount() <= 1)
             return;
@@ -64,20 +64,20 @@ class QueryPageV2Store extends InjectableComponent {
             return;
         this.presenterPanelExpanded.set(expanded);
     }
-    title = computed(() => this.query()?.title || 'データ一覧', ...(ngDevMode ? [{ debugName: "title" }] : []));
-    queryType = computed(() => this.query()?.type || 'graphql', ...(ngDevMode ? [{ debugName: "queryType" }] : []));
+    title = computed(() => this.query()?.title || 'データ一覧', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    queryType = computed(() => this.query()?.type || 'graphql', ...(ngDevMode ? [{ debugName: "queryType" }] : /* istanbul ignore next */ []));
     isLoading$ = this.feature.result$.pipe(map(() => false), startWith(true));
     isLoading = toSignal(this.isLoading$, { initialValue: true });
-    result = computed(() => this.feature.result() ?? {}, ...(ngDevMode ? [{ debugName: "result" }] : []));
-    itemsMap = computed(() => buildItemsMapFromResult(this.result()), ...(ngDevMode ? [{ debugName: "itemsMap" }] : []));
+    result = computed(() => this.feature.result() ?? {}, ...(ngDevMode ? [{ debugName: "result" }] : /* istanbul ignore next */ []));
+    itemsMap = computed(() => buildItemsMapFromResult(this.result()), ...(ngDevMode ? [{ debugName: "itemsMap" }] : /* istanbul ignore next */ []));
     items = computed(() => {
         const map = this.itemsMap();
         const keys = Object.keys(map);
         if (keys.length === 0)
             return [];
         return map[keys[0]]?.items ?? [];
-    }, ...(ngDevMode ? [{ debugName: "items" }] : []));
-    itemCount = computed(() => this.items().length, ...(ngDevMode ? [{ debugName: "itemCount" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    itemCount = computed(() => this.items().length, ...(ngDevMode ? [{ debugName: "itemCount" }] : /* istanbul ignore next */ []));
     displayedColumns = computed(() => {
         const items = this.items();
         if (items.length === 0)
@@ -86,7 +86,7 @@ class QueryPageV2Store extends InjectableComponent {
         if (!firstItem || typeof firstItem !== 'object')
             return [];
         return Object.keys(firstItem);
-    }, ...(ngDevMode ? [{ debugName: "displayedColumns" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "displayedColumns" }] : /* istanbul ignore next */ []));
     tableForm = computed(() => {
         const columns = this.displayedColumns();
         const columnsMap = {};
@@ -96,7 +96,7 @@ class QueryPageV2Store extends InjectableComponent {
         return this.fb.group({
             columns: this.fb.group({ map: this.fb.group(columnsMap) })
         });
-    }, ...(ngDevMode ? [{ debugName: "tableForm" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "tableForm" }] : /* istanbul ignore next */ []));
     columnFormFieldMap = computed(() => {
         const columns = this.displayedColumns();
         const fieldMap = {};
@@ -104,7 +104,7 @@ class QueryPageV2Store extends InjectableComponent {
             fieldMap[col] = { type: 'text', label: col };
         });
         return fieldMap;
-    }, ...(ngDevMode ? [{ debugName: "columnFormFieldMap" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "columnFormFieldMap" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         effect(() => {
@@ -123,10 +123,10 @@ class QueryPageV2Store extends InjectableComponent {
     refresh() {
         this.feature.refresh();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryPageV2Store, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: QueryPageV2Store, isStandalone: true, inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, columnNames: { classPropertyName: "columnNames", publicName: "columnNames", isSignal: true, isRequired: false, transformFunction: null }, presenter: { classPropertyName: "presenter", publicName: "presenter", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryPageV2Store, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: QueryPageV2Store, isStandalone: true, inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, columnNames: { classPropertyName: "columnNames", publicName: "columnNames", isSignal: true, isRequired: false, transformFunction: null }, presenter: { classPropertyName: "presenter", publicName: "presenter", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryPageV2Store, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryPageV2Store, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }], ctorParameters: () => [], propDecorators: { query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], navEndActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "navEndActions", required: false }] }], columnNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnNames", required: false }] }], presenter: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenter", required: false }] }] } });
@@ -137,8 +137,8 @@ class QueryPageV2 extends NgAtomicComponent {
     onItemClick(item) {
         this.dispatch({ id: ActionId.CLICK_ITEM, payload: item });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryPageV2, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: QueryPageV2, isStandalone: true, selector: "pages-query-v2", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryPageV2, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: QueryPageV2, isStandalone: true, selector: "pages-query-v2", providers: [
             QueryFeature.provideDefault(),
         ], usesInheritance: true, hostDirectives: [{ directive: QueryPageV2Store, inputs: ["query", "query", "navEndActions", "navEndActions", "columnNames", "columnNames", "presenter", "presenter"] }], ngImport: i0, template: "<frames-router-outlet>\n  <organisms-navigator\n    injectable\n    [endActions]=\"store.navEndActions()\"\n    (action)=\"dispatch($event)\"\n  >\n    <span class=\"title\">{{ store.title() }}</span>\n  </organisms-navigator>\n\n  <div class=\"qtp-container\">\n    <!-- Query Panel -->\n    <mat-expansion-panel class=\"config-panel query-panel\"\n      [expanded]=\"store.queryPanelExpanded()\"\n      (opened)=\"store.toggleQueryPanel(true)\"\n      (closed)=\"store.toggleQueryPanel(false)\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <mat-icon>code</mat-icon>\n          <span>Query</span>\n        </mat-panel-title>\n        <mat-panel-description class=\"header-actions\">\n          <span class=\"query-type\">{{ store.queryType() }}</span>\n          <button mat-flat-button color=\"primary\" class=\"header-run-button\"\n            (click)=\"store.refresh(); $event.stopPropagation()\">\n            <mat-icon>play_arrow</mat-icon>Run\n          </button>\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n      <div class=\"query-content\">\n        <div class=\"query-form\" [formGroup]=\"store.feature.form\">\n          <div class=\"form-row\" formGroupName=\"graphql\">\n            <mat-form-field appearance=\"outline\" class=\"endpoint-field\">\n              <mat-label>Endpoint</mat-label>\n              <input matInput formControlName=\"endpoint\" placeholder=\"GraphQL Endpoint\">\n            </mat-form-field>\n          </div>\n          <div class=\"form-row query-row\" formGroupName=\"graphql\">\n            <mat-form-field appearance=\"outline\" class=\"query-field\">\n              <mat-label>Query</mat-label>\n              <textarea matInput formControlName=\"query\" rows=\"12\"\n                placeholder=\"GraphQL Query or Subscription\"></textarea>\n            </mat-form-field>\n          </div>\n          <div class=\"form-row variables-row\" formGroupName=\"graphql\">\n            <mat-form-field appearance=\"outline\" class=\"variables-field\">\n              <mat-label>Variables (JSON)</mat-label>\n              <textarea matInput formControlName=\"variablesJson\" rows=\"3\"\n                placeholder='{\"limit\": 25, \"offset\": 0}'></textarea>\n            </mat-form-field>\n            <mat-form-field appearance=\"outline\" class=\"headers-field\">\n              <mat-label>Headers (JSON)</mat-label>\n              <textarea matInput formControlName=\"headersJson\" rows=\"3\"\n                placeholder='{\"content-type\": \"application/json\"}'></textarea>\n            </mat-form-field>\n          </div>\n        </div>\n      </div>\n    </mat-expansion-panel>\n\n    <!-- Transformer Panel -->\n    <mat-expansion-panel class=\"config-panel transformer-panel\"\n      [expanded]=\"store.transformerPanelExpanded()\"\n      (opened)=\"store.toggleTransformerPanel(true)\"\n      (closed)=\"store.toggleTransformerPanel(false)\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <mat-icon>transform</mat-icon>\n          <span>Transformer</span>\n        </mat-panel-title>\n        <mat-panel-description class=\"header-actions\">\n          <button mat-flat-button color=\"primary\" class=\"header-run-button\"\n            (click)=\"store.refresh(); $event.stopPropagation()\">\n            <mat-icon>play_arrow</mat-icon>Run\n          </button>\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n      <div class=\"transformer-content\" [formGroup]=\"store.feature.form\">\n        <div formGroupName=\"graphql\">\n          <mat-form-field appearance=\"outline\" class=\"transformer-field\">\n            <mat-label>Transformer (TypeScript)</mat-label>\n            <textarea matInput formControlName=\"transformerTs\" rows=\"10\"\n              placeholder=\"const transformer = (data) => data;\"></textarea>\n          </mat-form-field>\n        </div>\n      </div>\n    </mat-expansion-panel>\n\n    <!-- Presenter Panel -->\n    <mat-expansion-panel class=\"config-panel presenter-panel\"\n      [expanded]=\"store.presenterPanelExpanded()\"\n      (opened)=\"store.togglePresenterPanel(true)\"\n      (closed)=\"store.togglePresenterPanel(false)\">\n      <mat-expansion-panel-header>\n        <mat-panel-title>\n          <mat-icon>table_chart</mat-icon>\n          <span>Presenter</span>\n        </mat-panel-title>\n        <mat-panel-description class=\"header-actions\">\n          @if (store.isLoading()) {\n            <mat-spinner diameter=\"16\"></mat-spinner>\n          }\n          <span>{{ store.itemCount() }} \u4EF6</span>\n        </mat-panel-description>\n      </mat-expansion-panel-header>\n      <div class=\"presenter-content\">\n        @switch (store.presenter()) {\n          @case ('list') {\n            <organisms-list\n              [items]=\"store.items()\"\n              (action)=\"dispatch($event)\"\n            />\n          }\n          @default {\n            <organisms-table\n              [items]=\"store.items()\"\n              [form]=\"store.tableForm()\"\n              [columnFormFieldMap]=\"store.columnFormFieldMap()\"\n            />\n          }\n        }\n      </div>\n    </mat-expansion-panel>\n  </div>\n</frames-router-outlet>\n", styles: [".config-panel{background:#0000004d;flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden;width:100%}.config-panel.mat-expanded{flex:1 1 0;min-height:0}.config-panel.mat-expanded ::ng-deep .mat-expansion-panel-content-wrapper{flex:1 1 0;min-height:0}.config-panel ::ng-deep .mat-expansion-panel-header{padding:0 12px;height:40px;flex:0 0 40px}.config-panel.mat-expanded ::ng-deep .mat-expansion-panel-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.config-panel.mat-expanded ::ng-deep .mat-expansion-panel-body{display:flex;flex-direction:column;flex:1 1 0;min-height:0;padding:8px 12px;overflow:hidden}.config-panel ::ng-deep .mat-expansion-panel-header-title{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;flex:0 0 auto}.config-panel ::ng-deep .mat-expansion-panel-header-title mat-icon{font-size:16px;width:16px;height:16px}.config-panel ::ng-deep .mat-expansion-panel-header-description{flex:1;justify-content:flex-end;margin-right:0}.header-actions{display:flex;align-items:center;gap:8px;color:#ffffffb3}.query-type{font-size:11px;color:#ffffff80;padding:2px 8px;background:#ffffff1a;border-radius:4px}.header-run-button{height:24px;line-height:24px;font-size:11px;padding:0 8px;min-width:auto;background:#1976d2;color:#fff}.header-run-button ::ng-deep .mat-icon{font-size:14px;width:14px;height:14px;margin-right:2px}::ng-deep .mat-mdc-form-field{width:100%}::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .mat-mdc-text-field-wrapper{background:#ffffff0d}::ng-deep .mdc-notched-outline__leading,::ng-deep .mdc-notched-outline__notch,::ng-deep .mdc-notched-outline__trailing{border-color:#fff3!important}::ng-deep .mat-mdc-form-field-label{color:#fff9}::ng-deep .mat-mdc-input-element{color:#ffffffe6}::ng-deep textarea.mat-mdc-input-element{min-height:60px}.query-panel ::ng-deep .mat-expansion-panel-body{padding:8px}.query-content{flex:1 1 0;min-height:0;overflow:auto;background:#0a0a0a;border-radius:4px;padding:8px}.query-form{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0}.form-row{display:flex;gap:8px;width:100%;flex:0 0 auto}.form-row.query-row{flex:1 1 0;min-height:0}.form-row.variables-row .variables-field,.form-row.variables-row .headers-field{flex:1 1 50%}.endpoint-field{width:100%;flex:0 0 auto}.query-field{width:100%;flex:1 1 0;min-height:0}.query-field ::ng-deep .mat-mdc-form-field-flex{height:100%}.query-field ::ng-deep textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;resize:none;height:100%}.transformer-panel ::ng-deep .mat-expansion-panel-body{padding:8px}.transformer-content{flex:1 1 0;min-height:0;overflow:auto;background:#0a0a0a;border-radius:4px;padding:8px}.transformer-field{width:100%}.transformer-field ::ng-deep textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;resize:none}.presenter-panel ::ng-deep .mat-expansion-panel-body{padding:0}.presenter-content{flex:1 1 0;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.presenter-content ::ng-deep organisms-table{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}:host{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}:host ::ng-deep frames-line-up .main{display:flex;flex-direction:column;width:100%;max-width:100%}.title{font-size:16px;font-weight:500}.qtp-container{display:flex;flex-direction:column;flex:1 1 0;min-height:0;gap:4px;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i5.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: TableOrganism, selector: "organisms-table" }, { kind: "component", type: ListOrganism, selector: "organisms-list" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -148,7 +148,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], QueryPageV2.prototype, "onItemClick", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryPageV2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryPageV2, decorators: [{
             type: Component,
             args: [{ selector: 'pages-query-v2', standalone: true, imports: [
                         ReactiveFormsModule,