@acorex/components 20.9.2 → 20.9.4

package/fesm2022/acorex-components-rest-api-generator.mjs

@@ -89,11 +89,11 @@ class AXQueryParamsComponent {
         return '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryParamsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params .ax-query-params-container{width:100%}ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXQueryParamsComponent, isStandalone: true, selector: "ax-query-params", providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], ngImport: i0, template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}\n"], dependencies: [{ kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXQueryParamsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-query-params', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params .ax-query-params-container{width:100%}ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}\n"] }]
+            args: [{ selector: 'ax-query-params', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXDecoratorGenericComponent, AXButtonComponent, AXDecoratorIconComponent, AXTextBoxComponent, FormsModule], providers: [{ provide: AXComponent, useExisting: AXQueryParamsComponent }], template: "<div class=\"ax-query-params-container\">\n  <div class=\"ax-query-params-header\">\n    <ax-text>Query Params</ax-text>\n    <ax-button look=\"blank\" class=\"ax-sm\" color=\"primary\" (onClick)=\"addQueryParamsHandler()\">\n      <ax-icon icon=\"ax-icon ax-icon-plus\"></ax-icon>\n    </ax-button>\n  </div>\n\n  <div class=\"ax-query-params-value-container\">\n    @for (item of queryParamsArray(); track item) {\n      <div class=\"ax-query-params-value\">\n        <ax-text-box\n          (onValueChanged)=\"queryParamsKeyHandler($event, item.tempId)\"\n          placeholder=\"key\"\n          [ngModel]=\"setInitialState(item, 'key')\"\n        ></ax-text-box>\n        <ax-text-box\n          (onValueChanged)=\"queryParamsValueHandler($event, item.tempId)\"\n          placeholder=\"value\"\n          [ngModel]=\"setInitialState(item, 'value')\"\n        ></ax-text-box>\n        <ax-button look=\"blank\" class=\"ax-md\" color=\"danger\" (onClick)=\"removeQueryParamsHandler(item.tempId)\">\n          <ax-prefix>\n            <ax-icon icon=\"ax-icon ax-icon-trash\"></ax-icon>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["ax-query-params{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}ax-query-params .ax-query-params-container{width:100%}ax-query-params .ax-query-params-value-container{display:flex;flex-direction:column;gap:.5rem}ax-query-params .ax-query-params-value-container .ax-query-params-value{display:flex;gap:.5rem;align-items:center}ax-query-params .ax-query-params-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}\n"] }]
         }] });
 
 class AXRequestBodyComponent {
@@ -318,7 +318,7 @@ class AXRestApiGeneratorComponent {
         this.service.outPutJSON.update((prev) => ({ ...prev, method: e.value }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRestApiGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService, { provide: AXComponent, useExisting: AXRestApiGeneratorComponent }], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{display:flex;flex-direction:column;gap:1rem;min-width:40rem}@media screen and (max-width: 1024px){ax-rest-api-generator{min-width:100%}}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.3", type: AXRestApiGeneratorComponent, isStandalone: true, selector: "ax-rest-api-generator", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onValueChange: "onValueChange" }, providers: [AXRestApiGeneratorService, { provide: AXComponent, useExisting: AXRestApiGeneratorComponent }], ngImport: i0, template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{display:flex;flex-direction:column;gap:1rem;min-width:40rem}@media screen and (max-width:1024px){ax-rest-api-generator{min-width:100%}}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}\n"], dependencies: [{ kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXQueryParamsComponent, selector: "ax-query-params" }, { kind: "component", type: AXRequestBodyComponent, selector: "ax-request-body" }, { kind: "component", type: AXRestApiAuthComponent, selector: "ax-rest-api-auth" }, { kind: "component", type: AXRequestHeadersComponent, selector: "ax-request-headers" }, { kind: "directive", type: AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXRestApiGeneratorComponent, decorators: [{
             type: Component,
@@ -335,7 +335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXRestApiAuthComponent,
                         AXRequestHeadersComponent,
                         AXTabContentDirective,
-                    ], template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{display:flex;flex-direction:column;gap:1rem;min-width:40rem}@media screen and (max-width: 1024px){ax-rest-api-generator{min-width:100%}}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}\n"] }]
+                    ], template: "<div class=\"ax-url-input-container\">\n  <ax-text-box [(ngModel)]=\"service.outPutJSON().url\" placeholder=\"URL\" (onValueChanged)=\"urlHandler($event)\">\n    <ax-clear-button></ax-clear-button>\n    <ax-prefix>\n      <ax-select-box\n        [(ngModel)]=\"service.outPutJSON().method\"\n        (onValueChanged)=\"methodHandler($event)\"\n        [dataSource]=\"['GET', 'POST', 'DELETE', 'PUT', 'PATCH']\"\n      >\n      </ax-select-box\n    ></ax-prefix>\n  </ax-text-box>\n</div>\n\n<ax-tabs [content]=\"cronTab\" look=\"with-line\" [fitParent]=\"true\" location=\"bottom\">\n  <ax-tab-item key=\"1\" text=\"Params\">\n    <ax-content> <ax-query-params></ax-query-params> </ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"2\" text=\"Body\">\n    <ax-content><ax-request-body></ax-request-body></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"3\" text=\"Auth\">\n    <ax-content> <ax-rest-api-auth></ax-rest-api-auth></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"4\" text=\"Headers\">\n    <ax-content> <ax-request-headers></ax-request-headers></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n", styles: ["ax-rest-api-generator{display:flex;flex-direction:column;gap:1rem;min-width:40rem}@media screen and (max-width:1024px){ax-rest-api-generator{min-width:100%}}ax-rest-api-generator ax-select-box ax-dropdown-box{--ax-comp-editor-border-width: 0px !important}ax-rest-api-generator ax-select-box ax-dropdown-box.ax-editor-container{--ax-comp-editor-box-outline-width: 0}ax-rest-api-generator .ax-select-box{border:0}\n"] }]
         }] });
 
 const COMPONENT = [