@xxmachina/components 20.67.0 → 20.69.4

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

@@ -21,10 +21,10 @@ class CommandFormBuilder {
             }),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFormBuilder, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFormBuilder, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFormBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFormBuilder, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -34,21 +34,21 @@ class CommandFeature {
     _commandService = inject(CommandService);
     commandFb = inject(CommandFormBuilder);
     jsonSchemaFb = inject(JsonSchemaFormService);
-    commandForm = computed(() => this.commandFb.build(), ...(ngDevMode ? [{ debugName: "commandForm" }] : []));
+    commandForm = computed(() => this.commandFb.build(), ...(ngDevMode ? [{ debugName: "commandForm" }] : /* istanbul ignore next */ []));
     commandFormValue = derivedAsync(() => this.commandForm().valueChanges, { initialValue: this.commandForm().value });
-    apiJsonUrl = computed(() => this.commandFormValue()?.webApiRequest?.apiJsonUrl, ...(ngDevMode ? [{ debugName: "apiJsonUrl" }] : []));
-    path = computed(() => this.commandFormValue()?.webApiRequest?.path, ...(ngDevMode ? [{ debugName: "path" }] : []));
-    method = computed(() => this.commandFormValue()?.webApiRequest?.method?.toLowerCase(), ...(ngDevMode ? [{ debugName: "method" }] : []));
-    requestBodySchema = computed(() => this.openApi().getRequestBodySchema(this.path(), this.method()), ...(ngDevMode ? [{ debugName: "requestBodySchema" }] : []));
-    title = computed(() => this.openApi().getSummary(this.path(), this.method()), ...(ngDevMode ? [{ debugName: "title" }] : []));
+    apiJsonUrl = computed(() => this.commandFormValue()?.webApiRequest?.apiJsonUrl, ...(ngDevMode ? [{ debugName: "apiJsonUrl" }] : /* istanbul ignore next */ []));
+    path = computed(() => this.commandFormValue()?.webApiRequest?.path, ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
+    method = computed(() => this.commandFormValue()?.webApiRequest?.method?.toLowerCase(), ...(ngDevMode ? [{ debugName: "method" }] : /* istanbul ignore next */ []));
+    requestBodySchema = computed(() => this.openApi().getRequestBodySchema(this.path(), this.method()), ...(ngDevMode ? [{ debugName: "requestBodySchema" }] : /* istanbul ignore next */ []));
+    title = computed(() => this.openApi().getSummary(this.path(), this.method()), ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     endpointAutoCompleteOptions = computed(() => {
         return this.openApi().getEndpoints().filter((endpoint) => endpoint.startsWith(this.path()));
-    }, ...(ngDevMode ? [{ debugName: "endpointAutoCompleteOptions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "endpointAutoCompleteOptions" }] : /* istanbul ignore next */ []));
     methodOptions = computed(() => {
         return this.openApi().getMethods(this.commandFormValue()?.webApiRequest?.path ?? '').map((method) => ({
             name: method.toLocaleUpperCase(), value: method.toLocaleUpperCase()
         }));
-    }, ...(ngDevMode ? [{ debugName: "methodOptions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "methodOptions" }] : /* istanbul ignore next */ []));
     openApi = derivedAsync(() => {
         const url = this.apiJsonUrl();
         return of(url).pipe(filter((url) => !!url), switchMap(() => this.openApiService.getOpenApi(url).pipe(catchError((error) => (console.error(error), NEVER)))));
@@ -60,24 +60,24 @@ class CommandFeature {
             paths: {},
         }),
     });
-    form = computed(() => this.jsonSchemaFb.build(this.requestBodySchema(), { fb: this.fb }), ...(ngDevMode ? [{ debugName: "form" }] : []));
+    form = computed(() => this.jsonSchemaFb.build(this.requestBodySchema(), { fb: this.fb }), ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
     extractedFormFieldMap = computed(() => this.jsonSchemaFb.buildFieldMap(this.requestBodySchema(), {
         merge: {
             'id': { type: 'hidden' },
             '__typename': { type: 'hidden' },
             'kind': { type: 'hidden' },
         }
-    }), ...(ngDevMode ? [{ debugName: "extractedFormFieldMap" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "extractedFormFieldMap" }] : /* istanbul ignore next */ []));
     hasPermission(command) {
         return this._commandService.hasPermission(command);
     }
     execute(command, data) {
         return this._commandService.execute(command, data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFeature });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFeature });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFeature, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFeature, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/xxmachina-components-features-query.mjs

@@ -53,10 +53,10 @@ class QueryUpdateFeature {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryUpdateFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryUpdateFeature });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryUpdateFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryUpdateFeature });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryUpdateFeature, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryUpdateFeature, decorators: [{
             type: Injectable
         }] });
 
@@ -108,10 +108,10 @@ class QueryGraphqlVariablesFormFeature {
             this.feature.form.get(['graphql', 'variablesJson']).setValue(JSON.stringify(next, null, 2));
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlVariablesFormFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlVariablesFormFeature });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlVariablesFormFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlVariablesFormFeature });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlVariablesFormFeature, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlVariablesFormFeature, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -138,10 +138,10 @@ class GraphqlResolver {
             ? this.queryService.query(query)
             : this.queryService.subscribe(query);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GraphqlResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GraphqlResolver });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GraphqlResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GraphqlResolver });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: GraphqlResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: GraphqlResolver, decorators: [{
             type: Injectable
         }] });
 
@@ -210,7 +210,7 @@ class QueryFeature {
         }
         return this.auth.accessToken$.pipe(filter(accessToken => !!accessToken), map(() => query));
     }), distinctUntilChanged((a, b) => isEqual(a, b)), debounceTime(500), this.app.loading.switchMap((query) => this.executeQuery(query), 'progress'), filter((result) => !!result), pauseWhenEditing(this.editingStateManager), shareReplay({ bufferSize: 1, refCount: true }));
-    error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
     result = toSignal(this.result$);
     constructor() {
         this.form.get(['graphql', 'variablesJson']).valueChanges.pipe(takeUntilDestroyed(), debounceTime(300), distinctUntilChanged(isEqual)).subscribe(() => this.refresh());
@@ -230,10 +230,10 @@ class QueryFeature {
             return of(null);
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFeature });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryFeature });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFeature, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryFeature, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -242,10 +242,10 @@ class QueryGraphqlSchemaFeature {
     service = inject(QueryService);
     graphqlSchema$ = this.feature.query$.pipe(debounceTime(300), filter(query => QueryHelper.isExecutableGetSchemaGraphql(query)), switchMap((query) => this.service.getSchema(query).pipe(catchError(error => (console.error('[QueryFeature] error', error), NEVER)))), distinctUntilChanged((a, b) => isEqual(a, b)));
     graphqlSchema = toSignal(this.graphqlSchema$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlSchemaFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlSchemaFeature });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlSchemaFeature, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlSchemaFeature });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryGraphqlSchemaFeature, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryGraphqlSchemaFeature, decorators: [{
             type: Injectable
         }] });
 

package/fesm2022/xxmachina-components-frames-qtp-v2.mjs

@@ -21,10 +21,10 @@ class QuerySectionDirective {
     static ngTemplateContextGuard(_dir, _ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QuerySectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: QuerySectionDirective, isStandalone: true, selector: "[querySection]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QuerySectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: QuerySectionDirective, isStandalone: true, selector: "[querySection]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QuerySectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QuerySectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[querySection]',
@@ -37,10 +37,10 @@ class TransformerSectionDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TransformerSectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: TransformerSectionDirective, isStandalone: true, selector: "[transformerSection]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TransformerSectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: TransformerSectionDirective, isStandalone: true, selector: "[transformerSection]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TransformerSectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TransformerSectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[transformerSection]',
@@ -53,10 +53,10 @@ class PresenterSectionDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PresenterSectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: PresenterSectionDirective, isStandalone: true, selector: "[presenterSection]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PresenterSectionDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: PresenterSectionDirective, isStandalone: true, selector: "[presenterSection]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PresenterSectionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PresenterSectionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[presenterSection]',
@@ -65,11 +65,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 
 class QtpV2Select {
-    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
     valueChange = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: QtpV2Select, isStandalone: true, selector: "frames-qtp-v2-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: QtpV2Select, isStandalone: true, selector: "frames-qtp-v2-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
     <mat-form-field appearance="outline" class="qtp-select">
       <mat-select [value]="value()" (selectionChange)="valueChange.emit($event.value)" panelClass="qtp-select-panel">
         @for (option of options(); track option.id) {
@@ -79,7 +79,7 @@ class QtpV2Select {
     </mat-form-field>
   `, isInline: true, styles: [":host{display:contents}.qtp-select{width:110px;min-width:110px;max-width:110px}::ng-deep .qtp-select .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .qtp-select .mat-mdc-text-field-wrapper{padding:0 10px!important;height:28px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;transition:all .2s ease!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}::ng-deep .qtp-select .mat-mdc-form-field-flex{height:28px!important}::ng-deep .qtp-select .mat-mdc-form-field-infix{padding:4px 0!important;min-height:28px!important;width:90px}::ng-deep .qtp-select .mat-mdc-select-trigger{font-size:12px!important;font-weight:500!important;letter-spacing:.2px!important;height:20px;width:90px}::ng-deep .qtp-select .mat-mdc-select-value,::ng-deep .qtp-select .mat-mdc-select-value-text,::ng-deep .qtp-select .mat-mdc-select-min-line{color:#fffffff2!important;-webkit-text-fill-color:rgba(255,255,255,.95)!important}::ng-deep .qtp-select .mat-mdc-select-arrow{color:#ffffff80!important;transition:color .2s ease,transform .2s ease!important}::ng-deep .qtp-select .mat-mdc-select-arrow svg{fill:currentColor!important}::ng-deep .qtp-select .mdc-notched-outline{display:none!important}::ng-deep .qtp-select:hover .mat-mdc-text-field-wrapper{background:#ffffff1a!important;border-color:#64b4ff66!important}::ng-deep .qtp-select:focus-within .mat-mdc-text-field-wrapper{background:#ffffff14!important;border-color:#64b4ff99!important;box-shadow:0 0 0 2px #64b4ff26!important}::ng-deep .qtp-select-panel{background:#2a2a2a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:4px;max-height:256px}::ng-deep .qtp-select-panel .mat-mdc-option{font-size:12px;min-height:32px;padding:0 12px}::ng-deep .qtp-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:#fff}::ng-deep .qtp-select-panel .mat-mdc-option:hover{background:#ffffff14!important}::ng-deep .qtp-select-panel .mat-mdc-option:hover .mdc-list-item__primary-text{color:#fff}::ng-deep .qtp-select-panel .mat-mdc-option.mat-mdc-option-active,::ng-deep .qtp-select-panel .mat-mdc-option.mat-mdc-option-selected{background:#ffffff1f!important}::ng-deep .qtp-select-panel .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text,::ng-deep .qtp-select-panel .mat-mdc-option.mat-mdc-option-selected .mdc-list-item__primary-text{color:#fff;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2Select, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2Select, decorators: [{
             type: Component,
             args: [{ selector: 'frames-qtp-v2-select', standalone: true, imports: [MatFormFieldModule, MatSelectModule], template: `
     <mat-form-field appearance="outline" class="qtp-select">
@@ -93,12 +93,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 class QtpV2TransformerActions {
-    canGenerate = input(false, ...(ngDevMode ? [{ debugName: "canGenerate" }] : []));
-    generating = input(false, ...(ngDevMode ? [{ debugName: "generating" }] : []));
+    canGenerate = input(false, ...(ngDevMode ? [{ debugName: "canGenerate" }] : /* istanbul ignore next */ []));
+    generating = input(false, ...(ngDevMode ? [{ debugName: "generating" }] : /* istanbul ignore next */ []));
     generate = output();
     run = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2TransformerActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: QtpV2TransformerActions, isStandalone: true, selector: "frames-qtp-v2-transformer-actions", inputs: { canGenerate: { classPropertyName: "canGenerate", publicName: "canGenerate", isSignal: true, isRequired: false, transformFunction: null }, generating: { classPropertyName: "generating", publicName: "generating", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { generate: "generate", run: "run" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2TransformerActions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: QtpV2TransformerActions, isStandalone: true, selector: "frames-qtp-v2-transformer-actions", inputs: { canGenerate: { classPropertyName: "canGenerate", publicName: "canGenerate", isSignal: true, isRequired: false, transformFunction: null }, generating: { classPropertyName: "generating", publicName: "generating", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { generate: "generate", run: "run" }, ngImport: i0, template: `
     @if (canGenerate()) {
       <button mat-stroked-button class="qtp-generate-btn" (click)="generate.emit()" [disabled]="generating()">
         @if (generating()) {
@@ -114,7 +114,7 @@ class QtpV2TransformerActions {
     </button>
   `, isInline: true, styles: [":host{display:contents}.qtp-generate-btn{height:26px!important;line-height:26px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.3px!important;padding:0 10px!important;min-width:auto!important;background:#ffffff14!important;color:#ffffffe6!important;border-radius:6px!important;border:1px solid rgba(100,180,255,.4)!important;transition:all .15s ease!important}.qtp-generate-btn:hover:not(:disabled){background:#64b4ff26!important;border-color:#64b4ff99!important}.qtp-generate-btn:disabled{opacity:.6;cursor:not-allowed}.qtp-generate-btn .mat-icon{font-size:14px!important;width:14px!important;height:14px!important;margin-right:4px!important;color:#64b4ffe6}.qtp-generate-btn mat-spinner{display:inline-block;margin-right:4px!important;vertical-align:middle}.qtp-run-btn{height:26px!important;line-height:26px!important;font-size:11px!important;font-weight:500!important;letter-spacing:.3px!important;padding:0 12px!important;min-width:auto!important;background:#1976d2!important;color:#fff!important;border-radius:6px!important;border:none!important;box-shadow:0 2px 4px #0003!important;transition:all .15s ease!important}.qtp-run-btn:hover{background:#1e88e5!important;box-shadow:0 3px 6px #00000040!important;transform:translateY(-1px)}.qtp-run-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0003!important}.qtp-run-btn .mat-icon{font-size:14px!important;width:14px!important;height:14px!important;margin-right:4px!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.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: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2TransformerActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2TransformerActions, decorators: [{
             type: Component,
             args: [{ selector: 'frames-qtp-v2-transformer-actions', standalone: true, imports: [MatButtonModule, MatIconModule, MatProgressSpinnerModule], template: `
     @if (canGenerate()) {
@@ -134,11 +134,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
         }], propDecorators: { canGenerate: [{ type: i0.Input, args: [{ isSignal: true, alias: "canGenerate", required: false }] }], generating: [{ type: i0.Input, args: [{ isSignal: true, alias: "generating", required: false }] }], generate: [{ type: i0.Output, args: ["generate"] }], run: [{ type: i0.Output, args: ["run"] }] } });
 
 class QtpV2DebugContent {
-    error = input(...(ngDevMode ? [undefined, { debugName: "error" }] : []));
-    debugLogs = input([], ...(ngDevMode ? [{ debugName: "debugLogs" }] : []));
-    formattedDebugLogs = computed(() => this.debugLogs().map((entry, index) => ({ index, text: formatDebugEntry(entry) })), ...(ngDevMode ? [{ debugName: "formattedDebugLogs" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2DebugContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: QtpV2DebugContent, isStandalone: true, selector: "frames-qtp-v2-debug-content", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, debugLogs: { classPropertyName: "debugLogs", publicName: "debugLogs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    error = input(...(ngDevMode ? [undefined, { debugName: "error" }] : /* istanbul ignore next */ []));
+    debugLogs = input([], ...(ngDevMode ? [{ debugName: "debugLogs" }] : /* istanbul ignore next */ []));
+    formattedDebugLogs = computed(() => this.debugLogs().map((entry, index) => ({ index, text: formatDebugEntry(entry) })), ...(ngDevMode ? [{ debugName: "formattedDebugLogs" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2DebugContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: QtpV2DebugContent, isStandalone: true, selector: "frames-qtp-v2-debug-content", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, debugLogs: { classPropertyName: "debugLogs", publicName: "debugLogs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (error()) {
       <div class="qtp-debug-error">
         <div class="qtp-debug-error-header">
@@ -157,7 +157,7 @@ class QtpV2DebugContent {
     }
   `, isInline: true, styles: [":host{display:contents}.qtp-debug-error{background:#f4433614;border:1px solid rgba(244,67,54,.3);border-radius:6px;overflow:hidden}.qtp-debug-error-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f443361f;border-bottom:1px solid rgba(244,67,54,.2);color:#ff8a80;font-weight:500}.qtp-debug-error-header mat-icon{font-size:18px;width:18px;height:18px;color:#f44336}.qtp-debug-error-message{margin:0;padding:12px;color:#ffcdd2;white-space:pre-wrap;word-break:break-word;line-height:1.5}.qtp-debug-log{background-color:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#ffffffe0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.5;margin:0 0 8px;max-height:240px;overflow:auto;padding:8px;white-space:pre-wrap;word-break:break-word}.qtp-debug-empty{color:#fff6;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2DebugContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2DebugContent, decorators: [{
             type: Component,
             args: [{ selector: 'frames-qtp-v2-debug-content', standalone: true, imports: [MatIconModule], template: `
     @if (error()) {
@@ -190,30 +190,30 @@ function formatDebugEntry(value) {
 }
 
 class QtpV2Frame {
-    mode = input('presentation', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-    expandedPanels = input(['query', 'presenter'], ...(ngDevMode ? [{ debugName: "expandedPanels" }] : []));
-    availableTransformers = input([], ...(ngDevMode ? [{ debugName: "availableTransformers" }] : []));
-    selectedTransformer = input(...(ngDevMode ? [undefined, { debugName: "selectedTransformer" }] : []));
-    availablePresenters = input([], ...(ngDevMode ? [{ debugName: "availablePresenters" }] : []));
-    selectedPresenter = input(...(ngDevMode ? [undefined, { debugName: "selectedPresenter" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    error = input(...(ngDevMode ? [undefined, { debugName: "error" }] : []));
-    debugLogs = input([], ...(ngDevMode ? [{ debugName: "debugLogs" }] : []));
-    canGenerateTransformer = input(false, ...(ngDevMode ? [{ debugName: "canGenerateTransformer" }] : []));
-    generatingTransformer = input(false, ...(ngDevMode ? [{ debugName: "generatingTransformer" }] : []));
+    mode = input('presentation', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    expandedPanels = input(['query', 'presenter'], ...(ngDevMode ? [{ debugName: "expandedPanels" }] : /* istanbul ignore next */ []));
+    availableTransformers = input([], ...(ngDevMode ? [{ debugName: "availableTransformers" }] : /* istanbul ignore next */ []));
+    selectedTransformer = input(...(ngDevMode ? [undefined, { debugName: "selectedTransformer" }] : /* istanbul ignore next */ []));
+    availablePresenters = input([], ...(ngDevMode ? [{ debugName: "availablePresenters" }] : /* istanbul ignore next */ []));
+    selectedPresenter = input(...(ngDevMode ? [undefined, { debugName: "selectedPresenter" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    error = input(...(ngDevMode ? [undefined, { debugName: "error" }] : /* istanbul ignore next */ []));
+    debugLogs = input([], ...(ngDevMode ? [{ debugName: "debugLogs" }] : /* istanbul ignore next */ []));
+    canGenerateTransformer = input(false, ...(ngDevMode ? [{ debugName: "canGenerateTransformer" }] : /* istanbul ignore next */ []));
+    generatingTransformer = input(false, ...(ngDevMode ? [{ debugName: "generatingTransformer" }] : /* istanbul ignore next */ []));
     panelStatesChange = output();
     transformerSelected = output();
     presenterSelected = output();
     runTransformer = output();
     generateTransformer = output();
-    queryTemplates = contentChildren(QuerySectionDirective, ...(ngDevMode ? [{ debugName: "queryTemplates" }] : []));
-    transformerTemplates = contentChildren(TransformerSectionDirective, ...(ngDevMode ? [{ debugName: "transformerTemplates" }] : []));
-    presenterTemplates = contentChildren(PresenterSectionDirective, ...(ngDevMode ? [{ debugName: "presenterTemplates" }] : []));
-    localPanels = signal(null, ...(ngDevMode ? [{ debugName: "localPanels" }] : []));
-    panels = computed(() => this.localPanels() ?? this.expandedPanels(), ...(ngDevMode ? [{ debugName: "panels" }] : []));
-    querySection = computed(() => this.queryTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "querySection" }] : []));
-    transformerSection = computed(() => this.transformerTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "transformerSection" }] : []));
-    presenterSection = computed(() => this.presenterTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "presenterSection" }] : []));
+    queryTemplates = contentChildren(QuerySectionDirective, ...(ngDevMode ? [{ debugName: "queryTemplates" }] : /* istanbul ignore next */ []));
+    transformerTemplates = contentChildren(TransformerSectionDirective, ...(ngDevMode ? [{ debugName: "transformerTemplates" }] : /* istanbul ignore next */ []));
+    presenterTemplates = contentChildren(PresenterSectionDirective, ...(ngDevMode ? [{ debugName: "presenterTemplates" }] : /* istanbul ignore next */ []));
+    localPanels = signal(null, ...(ngDevMode ? [{ debugName: "localPanels" }] : /* istanbul ignore next */ []));
+    panels = computed(() => this.localPanels() ?? this.expandedPanels(), ...(ngDevMode ? [{ debugName: "panels" }] : /* istanbul ignore next */ []));
+    querySection = computed(() => this.queryTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "querySection" }] : /* istanbul ignore next */ []));
+    transformerSection = computed(() => this.transformerTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "transformerSection" }] : /* istanbul ignore next */ []));
+    presenterSection = computed(() => this.presenterTemplates()[0]?.templateRef, ...(ngDevMode ? [{ debugName: "presenterSection" }] : /* istanbul ignore next */ []));
     isExpanded(panel) {
         return this.panels().includes(panel);
     }
@@ -244,10 +244,10 @@ class QtpV2Frame {
     onRun() {
         this.runTransformer.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2Frame, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: QtpV2Frame, isStandalone: true, selector: "frames-qtp-v2", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, expandedPanels: { classPropertyName: "expandedPanels", publicName: "expandedPanels", isSignal: true, isRequired: false, transformFunction: null }, availableTransformers: { classPropertyName: "availableTransformers", publicName: "availableTransformers", isSignal: true, isRequired: false, transformFunction: null }, selectedTransformer: { classPropertyName: "selectedTransformer", publicName: "selectedTransformer", isSignal: true, isRequired: false, transformFunction: null }, availablePresenters: { classPropertyName: "availablePresenters", publicName: "availablePresenters", isSignal: true, isRequired: false, transformFunction: null }, selectedPresenter: { classPropertyName: "selectedPresenter", publicName: "selectedPresenter", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, debugLogs: { classPropertyName: "debugLogs", publicName: "debugLogs", isSignal: true, isRequired: false, transformFunction: null }, canGenerateTransformer: { classPropertyName: "canGenerateTransformer", publicName: "canGenerateTransformer", isSignal: true, isRequired: false, transformFunction: null }, generatingTransformer: { classPropertyName: "generatingTransformer", publicName: "generatingTransformer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelStatesChange: "panelStatesChange", transformerSelected: "transformerSelected", presenterSelected: "presenterSelected", runTransformer: "runTransformer", generateTransformer: "generateTransformer" }, queries: [{ propertyName: "queryTemplates", predicate: QuerySectionDirective, isSignal: true }, { propertyName: "transformerTemplates", predicate: TransformerSectionDirective, isSignal: true }, { propertyName: "presenterTemplates", predicate: PresenterSectionDirective, isSignal: true }], ngImport: i0, template: "@if (mode() === 'presentation') {\n  <!-- Presentation Mode: Presenter content only (\u898B\u305F\u76EE)\u3002\n       querySection \u306F\u5E38\u6642\u30DE\u30A6\u30F3\u30C8\u3059\u308B (\u4E0B\u8A18\u30B3\u30E1\u30F3\u30C8\u53C2\u7167)\u3002 \u8868\u793A\u3057\u306A\u3044\u3060\u3051\u306A\u306E\u3067\n       CSS (qtp-query-hidden, 0\u00D70) \u3067\u96A0\u3059\u3002 \u65E7: 20260710 fix \u3067 querySection = \u96A0\u3057 xterm\n       \u3060\u3063\u305F\u9803\u306F presenter \u5074 xterm \u3068\u306E\u4E8C\u91CD parse \u304C CPU \u30DB\u30C3\u30C8\u30B9\u30DD\u30C3\u30C8\u3060\u3063\u305F\u305F\u3081\n       \u975E\u30DE\u30A6\u30F3\u30C8\u5316\u3057\u3066\u3044\u305F\u304C\u3001 20260812 (query editor \u5316) \u3067 querySection \u306E\u4E2D\u8EAB\u304C\n       XtermOrganism \u2192 SessionQueryEditor (GraphQL editor\u3001 xterm \u4F9D\u5B58\u306A\u3057) \u306B\u5909\u308F\u308A\u3001\n       \u4E8C\u91CD parse \u3068\u3044\u3046\u975E\u30DE\u30A6\u30F3\u30C8\u5316\u306E\u6839\u62E0\u306F\u6D88\u6EC5\u3057\u305F\u3002 \u3055\u3089\u306B SessionQueryEditor \u306F\n       mount \u6642\u306B query/subscription \u3092\u81EA\u52D5\u5B9F\u884C\u3059\u308B (fix/qtp-query-autorun) \u305F\u3081\u3001\n       \u975E\u30DE\u30A6\u30F3\u30C8\u306E\u307E\u307E\u3060\u3068 presentation mode \u3067\u51FA\u529B\u53D6\u5F97\u306E\u7D4C\u8DEF\u81EA\u4F53\u304C\u767A\u706B\u3057\u306A\u3044\n       (user \u5831\u544A: \u300Cpresenter mode \u3060\u3068\u521D\u671F\u8868\u793A\u3067\u51FA\u529B\u304C\u53D6\u308C\u306A\u3044\u300D)\u3002\n       \u8A2D\u8A08: projects/docs/design/feat/20260812_session-domain-object-explorer.md \u8FFD\u88DC -->\n  <div class=\"qtp-query-hidden\">\n    <ng-container *ngTemplateOutlet=\"querySection()\" />\n  </div>\n  <div class=\"qtp-presentation\">\n    <ng-container *ngTemplateOutlet=\"presenterSection()\" />\n  </div>\n} @else {\n  <!-- Develop Mode: Full QTP panels -->\n  <div class=\"qtp-container\">\n    <!-- Query Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('query')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('query')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">terminal</mat-icon>\n          <span class=\"qtp-header-title\">Query</span>\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('query')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"querySection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Transformer Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('transformer')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('transformer')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">code</mat-icon>\n          <span class=\"qtp-header-title\">Transformer</span>\n        </div>\n        <div class=\"qtp-header-right\" (click)=\"$event.stopPropagation()\">\n          <frames-qtp-v2-select [options]=\"availableTransformers()\" [value]=\"selectedTransformer()?.id\" (valueChange)=\"onTransformerChange($event)\" />\n          <frames-qtp-v2-transformer-actions\n            [canGenerate]=\"canGenerateTransformer()\"\n            [generating]=\"generatingTransformer()\"\n            (generate)=\"generateTransformer.emit()\"\n            (run)=\"onRun()\"\n          />\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('transformer')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"transformerSection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Presenter Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('presenter')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('presenter')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">{{ selectedPresenter()?.icon ?? 'view_module' }}</mat-icon>\n          <span class=\"qtp-header-title\">Presenter</span>\n        </div>\n        <div class=\"qtp-header-right\" (click)=\"$event.stopPropagation()\">\n          <frames-qtp-v2-select [options]=\"availablePresenters()\" [value]=\"selectedPresenter()?.id\" (valueChange)=\"onPresenterChange($event)\" />\n          @if (loading()) {\n            <mat-spinner diameter=\"16\" />\n          }\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('presenter')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"presenterSection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Debug Panel -->\n    <section class=\"qtp-panel qtp-debug-panel\" [class.expanded]=\"isExpanded('debug')\" [class.has-error]=\"!!error()\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('debug')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">bug_report</mat-icon>\n          <span class=\"qtp-header-title\">Debug</span>\n          @if (error()) {\n            <span class=\"qtp-debug-badge\">Error</span>\n          }\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('debug')\">\n        <div class=\"qtp-content qtp-debug-content\">\n          <frames-qtp-v2-debug-content [error]=\"error()\" [debugLogs]=\"debugLogs()\" />\n        </div>\n      </div>\n    </section>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:pan-y}.qtp-query-hidden{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.qtp-presentation{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.qtp-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:auto}.qtp-panel{background:#121216f2;overflow:hidden;display:flex;flex-direction:column;margin:0;border:none;border-bottom:1px solid rgba(255,255,255,.06);transition:flex .3s ease,background .2s ease}.qtp-panel:last-child{border-bottom:none}.qtp-panel:not(.expanded){flex:0 0 auto}.qtp-panel.expanded{flex:1 1 0;min-height:120px;background:#16161cfa}.qtp-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;transition:background .2s ease}.qtp-header:hover{background:#ffffff0d}.expanded>.qtp-header{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.qtp-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.qtp-header-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#ffffff80;transition:color .2s ease}.expanded .qtp-header-icon{color:#64b4ffe6}.qtp-header-title{font-size:13px;font-weight:500;letter-spacing:.2px;color:#fff9;transition:color .2s ease}.expanded .qtp-header-title{color:#ffffffe6}.qtp-header-right{display:flex;align-items:center;gap:10px}.qtp-body{display:flex;flex-direction:column;overflow:auto;flex:0;max-height:0;transition:max-height .3s ease,flex .3s ease}.qtp-body.open{flex:1;max-height:9999px}.qtp-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:0;cursor:text;-webkit-user-select:text;user-select:text}.qtp-debug-panel.has-error .qtp-header{background:#f4433614}.qtp-debug-panel.has-error .qtp-header-icon{color:#f44336!important}.qtp-debug-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#f4433633;color:#ff8a80;margin-left:8px}.qtp-debug-content{padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}mat-spinner{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: QtpV2Select, selector: "frames-qtp-v2-select", inputs: ["options", "value"], outputs: ["valueChange"] }, { kind: "component", type: QtpV2TransformerActions, selector: "frames-qtp-v2-transformer-actions", inputs: ["canGenerate", "generating"], outputs: ["generate", "run"] }, { kind: "component", type: QtpV2DebugContent, selector: "frames-qtp-v2-debug-content", inputs: ["error", "debugLogs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2Frame, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: QtpV2Frame, isStandalone: true, selector: "frames-qtp-v2", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, expandedPanels: { classPropertyName: "expandedPanels", publicName: "expandedPanels", isSignal: true, isRequired: false, transformFunction: null }, availableTransformers: { classPropertyName: "availableTransformers", publicName: "availableTransformers", isSignal: true, isRequired: false, transformFunction: null }, selectedTransformer: { classPropertyName: "selectedTransformer", publicName: "selectedTransformer", isSignal: true, isRequired: false, transformFunction: null }, availablePresenters: { classPropertyName: "availablePresenters", publicName: "availablePresenters", isSignal: true, isRequired: false, transformFunction: null }, selectedPresenter: { classPropertyName: "selectedPresenter", publicName: "selectedPresenter", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, debugLogs: { classPropertyName: "debugLogs", publicName: "debugLogs", isSignal: true, isRequired: false, transformFunction: null }, canGenerateTransformer: { classPropertyName: "canGenerateTransformer", publicName: "canGenerateTransformer", isSignal: true, isRequired: false, transformFunction: null }, generatingTransformer: { classPropertyName: "generatingTransformer", publicName: "generatingTransformer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panelStatesChange: "panelStatesChange", transformerSelected: "transformerSelected", presenterSelected: "presenterSelected", runTransformer: "runTransformer", generateTransformer: "generateTransformer" }, queries: [{ propertyName: "queryTemplates", predicate: QuerySectionDirective, isSignal: true }, { propertyName: "transformerTemplates", predicate: TransformerSectionDirective, isSignal: true }, { propertyName: "presenterTemplates", predicate: PresenterSectionDirective, isSignal: true }], ngImport: i0, template: "@if (mode() === 'presentation') {\n  <!-- Presentation Mode: Presenter content only (\u898B\u305F\u76EE)\u3002\n       querySection \u306F\u5E38\u6642\u30DE\u30A6\u30F3\u30C8\u3059\u308B (\u4E0B\u8A18\u30B3\u30E1\u30F3\u30C8\u53C2\u7167)\u3002 \u8868\u793A\u3057\u306A\u3044\u3060\u3051\u306A\u306E\u3067\n       CSS (qtp-query-hidden, 0\u00D70) \u3067\u96A0\u3059\u3002 \u65E7: 20260710 fix \u3067 querySection = \u96A0\u3057 xterm\n       \u3060\u3063\u305F\u9803\u306F presenter \u5074 xterm \u3068\u306E\u4E8C\u91CD parse \u304C CPU \u30DB\u30C3\u30C8\u30B9\u30DD\u30C3\u30C8\u3060\u3063\u305F\u305F\u3081\n       \u975E\u30DE\u30A6\u30F3\u30C8\u5316\u3057\u3066\u3044\u305F\u304C\u3001 20260812 (query editor \u5316) \u3067 querySection \u306E\u4E2D\u8EAB\u304C\n       XtermOrganism \u2192 SessionQueryEditor (GraphQL editor\u3001 xterm \u4F9D\u5B58\u306A\u3057) \u306B\u5909\u308F\u308A\u3001\n       \u4E8C\u91CD parse \u3068\u3044\u3046\u975E\u30DE\u30A6\u30F3\u30C8\u5316\u306E\u6839\u62E0\u306F\u6D88\u6EC5\u3057\u305F\u3002 \u3055\u3089\u306B SessionQueryEditor \u306F\n       mount \u6642\u306B query/subscription \u3092\u81EA\u52D5\u5B9F\u884C\u3059\u308B (fix/qtp-query-autorun) \u305F\u3081\u3001\n       \u975E\u30DE\u30A6\u30F3\u30C8\u306E\u307E\u307E\u3060\u3068 presentation mode \u3067\u51FA\u529B\u53D6\u5F97\u306E\u7D4C\u8DEF\u81EA\u4F53\u304C\u767A\u706B\u3057\u306A\u3044\n       (user \u5831\u544A: \u300Cpresenter mode \u3060\u3068\u521D\u671F\u8868\u793A\u3067\u51FA\u529B\u304C\u53D6\u308C\u306A\u3044\u300D)\u3002\n       \u8A2D\u8A08: projects/docs/design/feat/20260812_session-domain-object-explorer.md \u8FFD\u88DC -->\n  <div class=\"qtp-query-hidden\">\n    <ng-container *ngTemplateOutlet=\"querySection()\" />\n  </div>\n  <div class=\"qtp-presentation\">\n    <ng-container *ngTemplateOutlet=\"presenterSection()\" />\n  </div>\n} @else {\n  <!-- Develop Mode: Full QTP panels -->\n  <div class=\"qtp-container\">\n    <!-- Query Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('query')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('query')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">terminal</mat-icon>\n          <span class=\"qtp-header-title\">Query</span>\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('query')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"querySection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Transformer Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('transformer')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('transformer')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">code</mat-icon>\n          <span class=\"qtp-header-title\">Transformer</span>\n        </div>\n        <div class=\"qtp-header-right\" (click)=\"$event.stopPropagation()\">\n          <frames-qtp-v2-select [options]=\"availableTransformers()\" [value]=\"selectedTransformer()?.id\" (valueChange)=\"onTransformerChange($event)\" />\n          <frames-qtp-v2-transformer-actions\n            [canGenerate]=\"canGenerateTransformer()\"\n            [generating]=\"generatingTransformer()\"\n            (generate)=\"generateTransformer.emit()\"\n            (run)=\"onRun()\"\n          />\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('transformer')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"transformerSection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Presenter Panel -->\n    <section class=\"qtp-panel\" [class.expanded]=\"isExpanded('presenter')\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('presenter')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">{{ selectedPresenter()?.icon ?? 'view_module' }}</mat-icon>\n          <span class=\"qtp-header-title\">Presenter</span>\n        </div>\n        <div class=\"qtp-header-right\" (click)=\"$event.stopPropagation()\">\n          <frames-qtp-v2-select [options]=\"availablePresenters()\" [value]=\"selectedPresenter()?.id\" (valueChange)=\"onPresenterChange($event)\" />\n          @if (loading()) {\n            <mat-spinner diameter=\"16\" />\n          }\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('presenter')\">\n        <div class=\"qtp-content\">\n          <ng-container *ngTemplateOutlet=\"presenterSection()\" />\n        </div>\n      </div>\n    </section>\n\n    <!-- Debug Panel -->\n    <section class=\"qtp-panel qtp-debug-panel\" [class.expanded]=\"isExpanded('debug')\" [class.has-error]=\"!!error()\">\n      <header class=\"qtp-header\" (click)=\"togglePanel('debug')\">\n        <div class=\"qtp-header-left\">\n          <mat-icon class=\"qtp-header-icon\">bug_report</mat-icon>\n          <span class=\"qtp-header-title\">Debug</span>\n          @if (error()) {\n            <span class=\"qtp-debug-badge\">Error</span>\n          }\n        </div>\n      </header>\n      <div class=\"qtp-body\" [class.open]=\"isExpanded('debug')\">\n        <div class=\"qtp-content qtp-debug-content\">\n          <frames-qtp-v2-debug-content [error]=\"error()\" [debugLogs]=\"debugLogs()\" />\n        </div>\n      </div>\n    </section>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:pan-y}.qtp-query-hidden{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.qtp-presentation{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.qtp-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:auto}.qtp-panel{background:#121216f2;overflow:hidden;display:flex;flex-direction:column;margin:0;border:none;border-bottom:1px solid rgba(255,255,255,.06);transition:flex .3s ease,background .2s ease}.qtp-panel:last-child{border-bottom:none}.qtp-panel:not(.expanded){flex:0 0 auto}.qtp-panel.expanded{flex:1 1 0;min-height:120px;background:#16161cfa}.qtp-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;transition:background .2s ease}.qtp-header:hover{background:#ffffff0d}.expanded>.qtp-header{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.qtp-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.qtp-header-icon{font-size:18px!important;width:18px!important;height:18px!important;color:#ffffff80;transition:color .2s ease}.expanded .qtp-header-icon{color:#64b4ffe6}.qtp-header-title{font-size:13px;font-weight:500;letter-spacing:.2px;color:#fff9;transition:color .2s ease}.expanded .qtp-header-title{color:#ffffffe6}.qtp-header-right{display:flex;align-items:center;gap:10px}.qtp-body{display:flex;flex-direction:column;overflow:auto;flex:0;max-height:0;transition:max-height .3s ease,flex .3s ease}.qtp-body.open{flex:1;max-height:9999px}.qtp-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:0;cursor:text;-webkit-user-select:text;user-select:text}.qtp-debug-panel.has-error .qtp-header{background:#f4433614}.qtp-debug-panel.has-error .qtp-header-icon{color:#f44336!important}.qtp-debug-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#f4433633;color:#ff8a80;margin-left:8px}.qtp-debug-content{padding:12px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px}mat-spinner{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: QtpV2Select, selector: "frames-qtp-v2-select", inputs: ["options", "value"], outputs: ["valueChange"] }, { kind: "component", type: QtpV2TransformerActions, selector: "frames-qtp-v2-transformer-actions", inputs: ["canGenerate", "generating"], outputs: ["generate", "run"] }, { kind: "component", type: QtpV2DebugContent, selector: "frames-qtp-v2-debug-content", inputs: ["error", "debugLogs"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QtpV2Frame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QtpV2Frame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-qtp-v2', standalone: true, imports: [
                         CommonModule,

package/fesm2022/xxmachina-components-groups-command-form.mjs

@@ -8,12 +8,12 @@ import { CommandFeature } from '@xxmachina/components/features/command';
 
 class CommandFormGroup extends NgAtomicComponent {
     feature = inject(CommandFeature);
-    apiJsonUrls = input([], ...(ngDevMode ? [{ debugName: "apiJsonUrls" }] : []));
+    apiJsonUrls = input([], ...(ngDevMode ? [{ debugName: "apiJsonUrls" }] : /* istanbul ignore next */ []));
     apiJsonUrlAutoCompleteOptions = computed(() => {
         return this.apiJsonUrls().filter((url) => url.includes(this.feature.apiJsonUrl()));
-    }, ...(ngDevMode ? [{ debugName: "apiJsonUrlAutoCompleteOptions" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFormGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: CommandFormGroup, isStandalone: true, selector: "groups-command-form", inputs: { apiJsonUrls: { classPropertyName: "apiJsonUrls", publicName: "apiJsonUrls", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "apiJsonUrlAutoCompleteOptions" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFormGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: CommandFormGroup, isStandalone: true, selector: "groups-command-form", inputs: { apiJsonUrls: { classPropertyName: "apiJsonUrls", publicName: "apiJsonUrls", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <organisms-text-input-section
       [control]="feature.commandForm().get(['webApiRequest', 'apiJsonUrl'])"
       [autoComplete]="apiJsonUrlAutoCompleteOptions()"
@@ -34,7 +34,7 @@ class CommandFormGroup extends NgAtomicComponent {
     </div>
   `, isInline: true, styles: [":host{display:flex;flex-direction:column;padding-top:24px;box-sizing:border-box;height:100%}\n"], dependencies: [{ kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section" }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section" }, { kind: "pipe", type: JsonPipe, name: "json" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CommandFormGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CommandFormGroup, decorators: [{
             type: Component,
             args: [{ selector: 'groups-command-form', imports: [
                         TextInputSectionOrganism,

package/fesm2022/xxmachina-components-groups-query-form.mjs

@@ -28,14 +28,14 @@ function toGraphqlSchemaExtensions(schema) {
 
 class QueryFormGroup extends NgAtomicComponent {
     #feature = inject(QueryFeature);
-    form = input(this.#feature.form, ...(ngDevMode ? [{ debugName: "form" }] : []));
+    form = input(this.#feature.form, ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
     formValue = derivedAsync(() => getValue$(this.form()));
     graphqlSchemaFeature = inject(QueryGraphqlSchemaFeature);
     keyActions = input([
         { key: 'Ctrl-Enter', actionId: QueryFeature.ActionId.クエリの実行 },
         { key: 'Cmd-Enter', actionId: QueryFeature.ActionId.クエリの実行 },
         { key: 'Cmd-s', actionId: QueryFeature.ActionId.クエリの更新 },
-    ], ...(ngDevMode ? [{ debugName: "keyActions" }] : []));
+    ], ...(ngDevMode ? [{ debugName: "keyActions" }] : /* istanbul ignore next */ []));
     resources = injectAll(Resource);
     endpointAutoCompleteOptions = computed(() => {
         const query = this.formValue();
@@ -43,15 +43,15 @@ class QueryFormGroup extends NgAtomicComponent {
             .filter(resource => resource.type === 'graphql')
             .map(resource => resource.graphql.url)
             .filter(url => url.startsWith(query.graphql.endpoint));
-    }, ...(ngDevMode ? [{ debugName: "endpointAutoCompleteOptions" }] : []));
-    queryExtensions = computed(() => toGraphqlSchemaExtensions(this.graphqlSchemaFeature.graphqlSchema()), ...(ngDevMode ? [{ debugName: "queryExtensions" }] : []));
-    variablesExtensions = computed(() => [json()], ...(ngDevMode ? [{ debugName: "variablesExtensions" }] : []));
-    headersExtensions = computed(() => [json()], ...(ngDevMode ? [{ debugName: "headersExtensions" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "endpointAutoCompleteOptions" }] : /* istanbul ignore next */ []));
+    queryExtensions = computed(() => toGraphqlSchemaExtensions(this.graphqlSchemaFeature.graphqlSchema()), ...(ngDevMode ? [{ debugName: "queryExtensions" }] : /* istanbul ignore next */ []));
+    variablesExtensions = computed(() => [json()], ...(ngDevMode ? [{ debugName: "variablesExtensions" }] : /* istanbul ignore next */ []));
+    headersExtensions = computed(() => [json()], ...(ngDevMode ? [{ debugName: "headersExtensions" }] : /* istanbul ignore next */ []));
     transformerExtensions = computed(() => [
         javascript({ typescript: true })
-    ], ...(ngDevMode ? [{ debugName: "transformerExtensions" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFormGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: QueryFormGroup, isStandalone: true, selector: "groups-query-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    ], ...(ngDevMode ? [{ debugName: "transformerExtensions" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryFormGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.25", type: QueryFormGroup, isStandalone: true, selector: "groups-query-form", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, keyActions: { classPropertyName: "keyActions", publicName: "keyActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
     <organisms-text-input-section
       [label]="'GraphQL Endpoint'"
       [control]="form().get(['graphql', 'endpoint'])"
@@ -99,7 +99,7 @@ class QueryFormGroup extends NgAtomicComponent {
     </frames-tabs>
   `, isInline: true, styles: [":host{display:flex;flex-direction:column;padding-top:24px;box-sizing:border-box;height:100%}:host frames-tabs{height:100%}:host frames-tabs extras-editor{height:100%}\n"], dependencies: [{ kind: "component", type: EditorComponent, selector: "extras-editor" }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section" }, { kind: "component", type: TabsFrame, selector: "frames-tabs", inputs: ["labels"], outputs: ["selectedTabIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: QueryFormGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: QueryFormGroup, decorators: [{
             type: Component,
             args: [{ selector: 'groups-query-form', imports: [
                         EditorComponent,

package/fesm2022/xxmachina-components-molecules-app-selector.mjs

@@ -24,8 +24,8 @@ class AppSelectorMolecule {
     onSelect(key) {
         this.state()?.select(key);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: AppSelectorMolecule, isStandalone: true, selector: "molecules-app-selector", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AppSelectorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: AppSelectorMolecule, isStandalone: true, selector: "molecules-app-selector", ngImport: i0, template: `
     @if (state(); as app) {
       <button mat-button class="app-display" [matMenuTriggerFor]="appMenu">
         {{ app.current }}
@@ -39,7 +39,7 @@ class AppSelectorMolecule {
     }
   `, isInline: true, styles: [":host{display:inline-flex;align-items:center}.app-display{color:var(--on-primary-color, inherit);text-decoration:none;padding:0 8px;min-height:36px;line-height:36px;font-size:14px;transition:background-color .2s ease-in-out}.app-display:hover{color:var(--on-primary-color, inherit);background-color:#ffffff1a}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.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: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AppSelectorMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AppSelectorMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-app-selector', standalone: true, imports: [MatButtonModule, MatIconModule, MatMenuModule], template: `
     @if (state(); as app) {

package/fesm2022/xxmachina-components-molecules-calendar-paginator.mjs

@@ -17,14 +17,14 @@ class CalendarPaginatorMolecule {
     onNextButtonClick() {
         this.dateChange.emit(this.date.clone().add(1, 'months'));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarPaginatorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: CalendarPaginatorMolecule, isStandalone: true, selector: "molecules-calendar-paginator", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CalendarPaginatorMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: CalendarPaginatorMolecule, isStandalone: true, selector: "molecules-calendar-paginator", inputs: { date: "date" }, outputs: { dateChange: "dateChange" }, ngImport: i0, template: `
   <button mat-icon-button (click)="onPrevButtonClick()"><mat-icon>keyboard_arrow_left</mat-icon></button>
   <span class="month">{{ date | date : 'yyyy年MM月'}}</span>
   <button mat-icon-button (click)="onNextButtonClick()"><mat-icon>keyboard_arrow_right</mat-icon></button>
   `, isInline: true, styles: [":host{display:block}:host{display:flex;justify-content:center;align-items:center;width:fit-content}:host .month{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CalendarPaginatorMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: CalendarPaginatorMolecule, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'molecules-calendar-paginator', imports: [
                         CommonModule,