@ethlete/query 5.6.1 → 5.6.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @ethlete/query
 
+## 5.6.2
+
+### Patch Changes
+
+- [`02e8dc5`](https://github.com/ethlete-io/ethdk/commit/02e8dc533004e626066eeee5fa4ff23474bae358) Thanks [@TomTomB](https://github.com/TomTomB)! - Allow usage of nested interfaces inside query params object
+
 ## 5.6.1
 
 ### Patch Changes

package/esm2022/lib/devtools/components/query-devtools/query-devtools.component.mjs

@@ -211,10 +211,10 @@ export class QueryDevtoolsComponent {
     clearQueryHistory() {
         this.queryHistory$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Open Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Query browser</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' }\"\n            (click)=\"selectQueryListMode('live')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' }\"\n            (click)=\"selectQueryListMode('history')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n        </div>\n\n        <div class=\"et-qd-queries__browser\">\n          @if (queryListMode() === 'live') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queries(); track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          @if (queryListMode() === 'history') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          <div class=\"et-qd-queries__browser-detail\">\n            @if (selectedQuery(); as query) {\n              <p class=\"et-qd-queries__browser-detail__title\">\n                {{ query._queryConfig.method }} {{ query._routeWithParams }}\n              </p>\n\n              <div class=\"et-qd-queries__actions\">\n                <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                  Execute (ignore cache)\n                </button>\n\n                <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                <div class=\"et-qd-queries__divider\"></div>\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                  (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Poll\n                </button>\n\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                  (click)=\"query.stopPolling()\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Stop polling\n                </button>\n                @if (query.isPolling || query._isPollingPaused) {\n                  <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Pause polling\n                  </button>\n                  <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Resume polling\n                  </button>\n                }\n              </div>\n\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>State type</p>\n                  <pre>{{ query.rawState.type }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Dependents</p>\n                  <pre>{{ query._dependents | json }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is expired</p>\n                  <pre>{{ query.isExpired }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is in use</p>\n                  <pre>{{ query.isInUse }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Subscriber count</p>\n                  <pre>{{ query._subscriberCount }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling</p>\n                  <pre>{{ query.isPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling paused</p>\n                  <pre>{{ query._isPollingPaused }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Enable smart polling</p>\n                  <pre>{{ query._enableSmartPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query store key</p>\n                  <pre>{{ query._queryStoreKey }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Arguments</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                      (click)=\"toggleShowArguments()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showArguments()) {\n                    <pre>{{ query._arguments | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>State</p>\n                  <p><i> Warning, this will cause a subscription if shown!</i></p>\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                      (click)=\"toggleShowResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showResponse()) {\n                    <pre>{{ query.state$ | async | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Raw state</p>\n                  <p><i> The query state unaffected by entity stores</i></p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                      (click)=\"toggleShowRawResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showRawResponse()) {\n                    <pre>{{ query.rawState | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query config</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                      (click)=\"toggleShowQueryConfig()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showQueryConfig()) {\n                    <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                  }\n                </div>\n\n                @if (!!query._queryConfig.entity) {\n                  <div class=\"et-qd-list-item\">\n                    <p>Entity store value</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                        (click)=\"toggleShowEntityStoreValue()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showEntityStoreValue()) {\n                      <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}.et-query-devtools-open-btn{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:9999;all:unset;font-family:monospace}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid #3c424a;padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid #3c424a;margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid #3c424a;list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid #3c424a;background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;gap:2px}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Open Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Query browser</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' }\"\n            (click)=\"selectQueryListMode('live')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' }\"\n            (click)=\"selectQueryListMode('history')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n        </div>\n\n        <div class=\"et-qd-queries__browser\">\n          @if (queryListMode() === 'live') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queries(); track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          @if (queryListMode() === 'history') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          <div class=\"et-qd-queries__browser-detail\">\n            @if (selectedQuery(); as query) {\n              <p class=\"et-qd-queries__browser-detail__title\">\n                {{ query._queryConfig.method }} {{ query._routeWithParams }}\n              </p>\n\n              <div class=\"et-qd-queries__actions\">\n                <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                  Execute (ignore cache)\n                </button>\n\n                <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                <div class=\"et-qd-queries__divider\"></div>\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                  (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Poll\n                </button>\n\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                  (click)=\"query.stopPolling()\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Stop polling\n                </button>\n                @if (query.isPolling || query._isPollingPaused) {\n                  <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Pause polling\n                  </button>\n                  <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Resume polling\n                  </button>\n                }\n              </div>\n\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>State type</p>\n                  <pre>{{ query.rawState.type }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Dependents</p>\n                  <pre>{{ query._dependents | json }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is expired</p>\n                  <pre>{{ query.isExpired }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is in use</p>\n                  <pre>{{ query.isInUse }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Subscriber count</p>\n                  <pre>{{ query._subscriberCount }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling</p>\n                  <pre>{{ query.isPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling paused</p>\n                  <pre>{{ query._isPollingPaused }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Enable smart polling</p>\n                  <pre>{{ query._enableSmartPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query store key</p>\n                  <pre>{{ query._queryStoreKey }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Arguments</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                      (click)=\"toggleShowArguments()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showArguments()) {\n                    <pre>{{ query._arguments | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>State</p>\n                  <p><i> Warning, this will cause a subscription if shown!</i></p>\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                      (click)=\"toggleShowResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showResponse()) {\n                    <pre>{{ query.state$ | async | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Raw state</p>\n                  <p><i> The query state unaffected by entity stores</i></p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                      (click)=\"toggleShowRawResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showRawResponse()) {\n                    <pre>{{ query.rawState | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query config</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                      (click)=\"toggleShowQueryConfig()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showQueryConfig()) {\n                    <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                  }\n                </div>\n\n                @if (!!query._queryConfig.entity) {\n                  <div class=\"et-qd-list-item\">\n                    <p>Entity store value</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                        (click)=\"toggleShowEntityStoreValue()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showEntityStoreValue()) {\n                      <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}.et-query-devtools-open-btn{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:9999;all:unset;font-family:monospace}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid #3c424a;padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid #3c424a;margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid #3c424a;list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid #3c424a;background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;gap:2px}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-query-devtools', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, host: {
                         class: 'et-query-devtools',

package/esm2022/lib/devtools/pipes/query-short-name.pipe.mjs

@@ -15,10 +15,10 @@ export class QueryShortNamePipe {
         console.log(route);
         return route;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'queryShortName', standalone: true }]
         }] });

package/esm2022/lib/directives/infinity-query-trigger.directive.mjs

@@ -40,10 +40,10 @@ export class InfinityQueryTriggerDirective {
         });
         this._observer.observe(this._elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/lib/directives/infinity-query.directive.mjs

@@ -155,10 +155,10 @@ export class InfinityQueryDirective {
         this._viewContext.currentQuery = null;
         this._data$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["etInfinityQuery"], hostDirectives: [{ directive: i1.DelayableDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["etInfinityQuery"], hostDirectives: [{ directive: i1.DelayableDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/lib/directives/query.directive.mjs

@@ -103,10 +103,10 @@ export class QueryDirective {
             this._viewContainerRef.createEmbeddedView(this._mainTemplateRef, this._viewContext);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: ["etQuery", "query"], cache: ["etQueryCache", "cache"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: ["etQuery", "query"], cache: ["etQueryCache", "cache"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2022/lib/request/request.types.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWVzdC50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcXVlcnkvc3JjL2xpYi9yZXF1ZXN0L3JlcXVlc3QudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBTdGF0dXNDb2RlIH0gZnJvbSAnLi9yZXF1ZXN0LnV0aWwnO1xuXG5leHBvcnQgdHlwZSBNZXRob2QgPVxuICB8ICdHRVQnXG4gIHwgJ1BPU1QnXG4gIHwgJ1BVVCdcbiAgfCAnREVMRVRFJ1xuICB8ICdQQVRDSCdcbiAgfCAnSEVBRCdcbiAgfCAnT1BUSU9OUydcbiAgfCAnVFJBQ0UnXG4gIHwgJ0NPTk5FQ1QnXG4gIHwgJ1BVUkdFJ1xuICB8ICdMSU5LJ1xuICB8ICdVTkxJTksnXG4gIHwgJ0dRTF9RVUVSWSdcbiAgfCAnR1FMX01VVEFURSdcbiAgfCAnQ1VTVE9NJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXF1ZXN0RXJyb3I8RGV0YWlsID0gdW5rbm93bj4ge1xuICB1cmw6IHN0cmluZztcbiAgc3RhdHVzOiBIdHRwU3RhdHVzQ29kZTtcbiAgc3RhdHVzVGV4dDogc3RyaW5nO1xuICBkZXRhaWw6IERldGFpbDtcbn1cblxuZXhwb3J0IHR5cGUgUmVxdWVzdEhlYWRlcnMgPSBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuZXhwb3J0IHR5cGUgUXVlcnlQYXJhbXMgPSBSZWNvcmQ8c3RyaW5nIHwgbnVtYmVyLCB1bmtub3duIHwgQXJyYXk8dW5rbm93bj4+O1xuZXhwb3J0IHR5cGUgUGF0aFBhcmFtcyA9IFJlY29yZDxzdHJpbmcsIHN0cmluZyB8IG51bWJlcj47XG5cbmV4cG9ydCB0eXBlIENhY2hlQWRhcHRlckZuID0gKGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzKSA9PiBudW1iZXIgfCBudWxsO1xuXG5leHBvcnQgdHlwZSBSZXF1ZXN0SGVhZGVyc01ldGhvZE1hcCA9IHtcbiAgW00gaW4gTWV0aG9kXT86IFJlcXVlc3RIZWFkZXJzO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBQYXJ0aWFsWGhyU3RhdGUge1xuICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgc3RhdHVzOiBudW1iZXI7XG4gIHN0YXR1c1RleHQ6IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVxdWVzdFJldHJ5Rm5Db25maWcge1xuICBlcnJvcjogUmVxdWVzdEVycm9yO1xuICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgY3VycmVudFJldHJ5Q291bnQ6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBSZXF1ZXN0UmV0cnlGblJlc3VsdCB7XG4gIHJldHJ5OiBib29sZWFuO1xuICBkZWxheT86IG51bWJlcjtcbn1cblxuZXhwb3J0IHR5cGUgUmVxdWVzdFJldHJ5Rm4gPSAoY29uZmlnOiBSZXF1ZXN0UmV0cnlGbkNvbmZpZykgPT4gUmVxdWVzdFJldHJ5Rm5SZXN1bHQ7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUmVxdWVzdENvbmZpZyB7XG4gIG1ldGhvZDogTWV0aG9kO1xuICB1cmxXaXRoUGFyYW1zOiBzdHJpbmc7XG4gIGJvZHk/OiB1bmtub3duO1xuICByZXBvcnRQcm9ncmVzcz86IGJvb2xlYW47XG4gIHdpdGhDcmVkZW50aWFscz86IGJvb2xlYW47XG4gIHJlc3BvbnNlVHlwZT86ICdhcnJheWJ1ZmZlcicgfCAnYmxvYicgfCAnanNvbicgfCAndGV4dCc7XG4gIGhlYWRlcnM/OiBSZXF1ZXN0SGVhZGVycztcbiAgY2FjaGVBZGFwdGVyPzogQ2FjaGVBZGFwdGVyRm47XG4gIHJldHJ5Rm4/OiBSZXF1ZXN0UmV0cnlGbjtcbn1cblxuZXhwb3J0IHR5cGUgUmVxdWVzdFByb2dyZXNzID0ge1xuICBjdXJyZW50OiBudW1iZXI7XG4gIHBlcmNlbnRhZ2U/OiBudW1iZXI7XG4gIHRvdGFsPzogbnVtYmVyO1xufTtcblxuZXhwb3J0IHR5cGUgUmVxdWVzdEV2ZW50PFJlc3BvbnNlID0gdW5rbm93bj4gPVxuICB8IHtcbiAgICAgIHR5cGU6ICdzdGFydCc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIGlzUmV0cnk/OiBib29sZWFuO1xuICAgICAgcmV0cnlOdW1iZXI/OiBudW1iZXI7XG4gICAgICByZXRyeURlbGF5PzogbnVtYmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICB0eXBlOiAnZGVsYXktcmV0cnknO1xuICAgICAgaGVhZGVyczogUmVxdWVzdEhlYWRlcnM7XG4gICAgICByZXRyeU51bWJlcjogbnVtYmVyO1xuICAgICAgcmV0cnlEZWxheTogbnVtYmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICB0eXBlOiAnZG93bmxvYWQtcHJvZ3Jlc3MnO1xuICAgICAgaGVhZGVyczogUmVxdWVzdEhlYWRlcnM7XG4gICAgICBwcm9ncmVzczogUmVxdWVzdFByb2dyZXNzO1xuICAgICAgcGFydGlhbFRleHQ/OiBzdHJpbmc7XG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICd1cGxvYWQtcHJvZ3Jlc3MnO1xuICAgICAgaGVhZGVyczogUmVxdWVzdEhlYWRlcnM7XG4gICAgICBwcm9ncmVzczogUmVxdWVzdFByb2dyZXNzO1xuICAgIH1cbiAgfCB7XG4gICAgICB0eXBlOiAnc3VjY2Vzcyc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIHJlc3BvbnNlOiBSZXNwb25zZTtcbiAgICAgIGV4cGlyZXNJblRpbWVzdGFtcD86IG51bWJlcjtcbiAgICB9XG4gIHwge1xuICAgICAgdHlwZTogJ2ZhaWx1cmUnO1xuICAgICAgaGVhZGVyczogUmVxdWVzdEhlYWRlcnM7XG4gICAgICBlcnJvcjogUmVxdWVzdEVycm9yO1xuICAgIH1cbiAgfCB7XG4gICAgICB0eXBlOiAnY2FuY2VsJztcbiAgICAgIGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzO1xuICAgIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnVpbGRRdWVyeVN0cmluZ0NvbmZpZyB7XG4gIC8qKlxuICAgKiBPYmplY3Qgbm90YXRpb24gdG8gdXNlIGZvciBuZXN0ZWQgb2JqZWN0cy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogLy8gZG90IG5vdGF0aW9uXG4gICAqIHsgZm9vOiB7IGJhcjogJ2JheicgfSB9ID0+IFwiZm9vLmJhcj1iYXpcIlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiAvLyBicmFja2V0IG5vdGF0aW9uXG4gICAqIHsgZm9vOiB7IGJhcjogJ2JheicgfSB9ID0+IFwiZm9vW2Jhcl09YmF6XCJcbiAgICpcbiAgICogQGRlZmF1bHQgJ2JyYWNrZXQnXG4gICAqL1xuICBvYmplY3ROb3RhdGlvbj86ICdkb3QnIHwgJ2JyYWNrZXQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRvIHdyaXRlIGFycmF5IGluZGV4ZXMgaW4gYnJhY2tldCBub3RhdGlvbi5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogLy8gdHJ1ZVxuICAgKiB7IGZvbzogWydiYXInLCAnYmF6J10gfSA9PiBcImZvb1swXT1iYXImZm9vWzFdPWJhelwiXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIC8vIGZhbHNlXG4gICAqIHsgZm9vOiBbJ2JhcicsICdiYXonXSB9ID0+IFwiZm9vW109YmFyJmZvb1tdPWJhelwiXG4gICAqXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICB3cml0ZUFycmF5SW5kZXhlcz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEEgbGlzdCBvZiB2YWx1ZXMgdGhhdCBzaG91bGQgYmUgaWdub3JlZCB3aGVuIGJ1aWxkaW5nIHRoZSBxdWVyeSBzdHJpbmcuXG4gICAqXG4gICAqIEFsc28gaGF2ZSBhIGxvb2sgYXQgYGlnbm9yZWRWYWx1ZXNGbnNgLlxuICAgKlxuICAgKiBAZGVmYXVsdCBbdW5kZWZpbmVkLCBudWxsLCBJbmZpbml0eSwgLUluZmluaXR5XVxuICAgKi9cbiAgaWdub3JlZFZhbHVlcz86IEFycmF5PHVua25vd24+O1xuXG4gIC8qKlxuICAgKiBBIGxpc3Qgb2YgZnVuY3Rpb25zIHRoYXQgc2hvdWxkIGJlIHVzZWQgdG8gZGV0ZXJtaW5lIHdoZXRoZXIgYSB2YWx1ZSBzaG91bGQgYmUgaWdub3JlZCB3aGVuIGJ1aWxkaW5nIHRoZSBxdWVyeSBzdHJpbmcuXG4gICAqXG4gICAqIEFsc28gaGF2ZSBhIGxvb2sgYXQgYGlnbm9yZWRWYWx1ZXNgLlxuICAgKlxuICAgKiBAZGVmYXVsdCBbaXNOYU4sIGlzRW1wdHlTdHJpbmddXG4gICAqL1xuICBpZ25vcmVkVmFsdWVzRm5zPzogQXJyYXk8KHZhbHVlOiB1bmtub3duKSA9PiBib29sZWFuPjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVxdWVzdC50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcXVlcnkvc3JjL2xpYi9yZXF1ZXN0L3JlcXVlc3QudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBTdGF0dXNDb2RlIH0gZnJvbSAnLi9yZXF1ZXN0LnV0aWwnO1xuXG5leHBvcnQgdHlwZSBNZXRob2QgPVxuICB8ICdHRVQnXG4gIHwgJ1BPU1QnXG4gIHwgJ1BVVCdcbiAgfCAnREVMRVRFJ1xuICB8ICdQQVRDSCdcbiAgfCAnSEVBRCdcbiAgfCAnT1BUSU9OUydcbiAgfCAnVFJBQ0UnXG4gIHwgJ0NPTk5FQ1QnXG4gIHwgJ1BVUkdFJ1xuICB8ICdMSU5LJ1xuICB8ICdVTkxJTksnXG4gIHwgJ0dRTF9RVUVSWSdcbiAgfCAnR1FMX01VVEFURSdcbiAgfCAnQ1VTVE9NJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXF1ZXN0RXJyb3I8RGV0YWlsID0gdW5rbm93bj4ge1xuICB1cmw6IHN0cmluZztcbiAgc3RhdHVzOiBIdHRwU3RhdHVzQ29kZTtcbiAgc3RhdHVzVGV4dDogc3RyaW5nO1xuICBkZXRhaWw6IERldGFpbDtcbn1cblxuZXhwb3J0IHR5cGUgUmVxdWVzdEhlYWRlcnMgPSBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuZXhwb3J0IHR5cGUgUXVlcnlQYXJhbXMgPSBvYmplY3Q7XG5leHBvcnQgdHlwZSBQYXRoUGFyYW1zID0gUmVjb3JkPHN0cmluZywgc3RyaW5nIHwgbnVtYmVyPjtcblxuZXhwb3J0IHR5cGUgQ2FjaGVBZGFwdGVyRm4gPSAoaGVhZGVyczogUmVxdWVzdEhlYWRlcnMpID0+IG51bWJlciB8IG51bGw7XG5cbmV4cG9ydCB0eXBlIFJlcXVlc3RIZWFkZXJzTWV0aG9kTWFwID0ge1xuICBbTSBpbiBNZXRob2RdPzogUmVxdWVzdEhlYWRlcnM7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhcnRpYWxYaHJTdGF0ZSB7XG4gIGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzO1xuICBzdGF0dXM6IG51bWJlcjtcbiAgc3RhdHVzVGV4dDogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBSZXF1ZXN0UmV0cnlGbkNvbmZpZyB7XG4gIGVycm9yOiBSZXF1ZXN0RXJyb3I7XG4gIGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzO1xuICBjdXJyZW50UmV0cnlDb3VudDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFJlcXVlc3RSZXRyeUZuUmVzdWx0IHtcbiAgcmV0cnk6IGJvb2xlYW47XG4gIGRlbGF5PzogbnVtYmVyO1xufVxuXG5leHBvcnQgdHlwZSBSZXF1ZXN0UmV0cnlGbiA9IChjb25maWc6IFJlcXVlc3RSZXRyeUZuQ29uZmlnKSA9PiBSZXF1ZXN0UmV0cnlGblJlc3VsdDtcblxuZXhwb3J0IGludGVyZmFjZSBSZXF1ZXN0Q29uZmlnIHtcbiAgbWV0aG9kOiBNZXRob2Q7XG4gIHVybFdpdGhQYXJhbXM6IHN0cmluZztcbiAgYm9keT86IHVua25vd247XG4gIHJlcG9ydFByb2dyZXNzPzogYm9vbGVhbjtcbiAgd2l0aENyZWRlbnRpYWxzPzogYm9vbGVhbjtcbiAgcmVzcG9uc2VUeXBlPzogJ2FycmF5YnVmZmVyJyB8ICdibG9iJyB8ICdqc29uJyB8ICd0ZXh0JztcbiAgaGVhZGVycz86IFJlcXVlc3RIZWFkZXJzO1xuICBjYWNoZUFkYXB0ZXI/OiBDYWNoZUFkYXB0ZXJGbjtcbiAgcmV0cnlGbj86IFJlcXVlc3RSZXRyeUZuO1xufVxuXG5leHBvcnQgdHlwZSBSZXF1ZXN0UHJvZ3Jlc3MgPSB7XG4gIGN1cnJlbnQ6IG51bWJlcjtcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcbiAgdG90YWw/OiBudW1iZXI7XG59O1xuXG5leHBvcnQgdHlwZSBSZXF1ZXN0RXZlbnQ8UmVzcG9uc2UgPSB1bmtub3duPiA9XG4gIHwge1xuICAgICAgdHlwZTogJ3N0YXJ0JztcbiAgICAgIGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzO1xuICAgICAgaXNSZXRyeT86IGJvb2xlYW47XG4gICAgICByZXRyeU51bWJlcj86IG51bWJlcjtcbiAgICAgIHJldHJ5RGVsYXk/OiBudW1iZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdkZWxheS1yZXRyeSc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIHJldHJ5TnVtYmVyOiBudW1iZXI7XG4gICAgICByZXRyeURlbGF5OiBudW1iZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdkb3dubG9hZC1wcm9ncmVzcyc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIHByb2dyZXNzOiBSZXF1ZXN0UHJvZ3Jlc3M7XG4gICAgICBwYXJ0aWFsVGV4dD86IHN0cmluZztcbiAgICB9XG4gIHwge1xuICAgICAgdHlwZTogJ3VwbG9hZC1wcm9ncmVzcyc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIHByb2dyZXNzOiBSZXF1ZXN0UHJvZ3Jlc3M7XG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdzdWNjZXNzJztcbiAgICAgIGhlYWRlcnM6IFJlcXVlc3RIZWFkZXJzO1xuICAgICAgcmVzcG9uc2U6IFJlc3BvbnNlO1xuICAgICAgZXhwaXJlc0luVGltZXN0YW1wPzogbnVtYmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICB0eXBlOiAnZmFpbHVyZSc7XG4gICAgICBoZWFkZXJzOiBSZXF1ZXN0SGVhZGVycztcbiAgICAgIGVycm9yOiBSZXF1ZXN0RXJyb3I7XG4gICAgfVxuICB8IHtcbiAgICAgIHR5cGU6ICdjYW5jZWwnO1xuICAgICAgaGVhZGVyczogUmVxdWVzdEhlYWRlcnM7XG4gICAgfTtcblxuZXhwb3J0IGludGVyZmFjZSBCdWlsZFF1ZXJ5U3RyaW5nQ29uZmlnIHtcbiAgLyoqXG4gICAqIE9iamVjdCBub3RhdGlvbiB0byB1c2UgZm9yIG5lc3RlZCBvYmplY3RzLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiAvLyBkb3Qgbm90YXRpb25cbiAgICogeyBmb286IHsgYmFyOiAnYmF6JyB9IH0gPT4gXCJmb28uYmFyPWJhelwiXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIC8vIGJyYWNrZXQgbm90YXRpb25cbiAgICogeyBmb286IHsgYmFyOiAnYmF6JyB9IH0gPT4gXCJmb29bYmFyXT1iYXpcIlxuICAgKlxuICAgKiBAZGVmYXVsdCAnYnJhY2tldCdcbiAgICovXG4gIG9iamVjdE5vdGF0aW9uPzogJ2RvdCcgfCAnYnJhY2tldCc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gd3JpdGUgYXJyYXkgaW5kZXhlcyBpbiBicmFja2V0IG5vdGF0aW9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiAvLyB0cnVlXG4gICAqIHsgZm9vOiBbJ2JhcicsICdiYXonXSB9ID0+IFwiZm9vWzBdPWJhciZmb29bMV09YmF6XCJcbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogLy8gZmFsc2VcbiAgICogeyBmb286IFsnYmFyJywgJ2JheiddIH0gPT4gXCJmb29bXT1iYXImZm9vW109YmF6XCJcbiAgICpcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIHdyaXRlQXJyYXlJbmRleGVzPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQSBsaXN0IG9mIHZhbHVlcyB0aGF0IHNob3VsZCBiZSBpZ25vcmVkIHdoZW4gYnVpbGRpbmcgdGhlIHF1ZXJ5IHN0cmluZy5cbiAgICpcbiAgICogQWxzbyBoYXZlIGEgbG9vayBhdCBgaWdub3JlZFZhbHVlc0Zuc2AuXG4gICAqXG4gICAqIEBkZWZhdWx0IFt1bmRlZmluZWQsIG51bGwsIEluZmluaXR5LCAtSW5maW5pdHldXG4gICAqL1xuICBpZ25vcmVkVmFsdWVzPzogQXJyYXk8dW5rbm93bj47XG5cbiAgLyoqXG4gICAqIEEgbGlzdCBvZiBmdW5jdGlvbnMgdGhhdCBzaG91bGQgYmUgdXNlZCB0byBkZXRlcm1pbmUgd2hldGhlciBhIHZhbHVlIHNob3VsZCBiZSBpZ25vcmVkIHdoZW4gYnVpbGRpbmcgdGhlIHF1ZXJ5IHN0cmluZy5cbiAgICpcbiAgICogQWxzbyBoYXZlIGEgbG9vayBhdCBgaWdub3JlZFZhbHVlc2AuXG4gICAqXG4gICAqIEBkZWZhdWx0IFtpc05hTiwgaXNFbXB0eVN0cmluZ11cbiAgICovXG4gIGlnbm9yZWRWYWx1ZXNGbnM/OiBBcnJheTwodmFsdWU6IHVua25vd24pID0+IGJvb2xlYW4+O1xufVxuIl19

package/fesm2022/ethlete-query.mjs

@@ -1754,10 +1754,10 @@ class QueryShortNamePipe {
         console.log(route);
         return route;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, isStandalone: true, name: "queryShortName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryShortNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryShortNamePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'queryShortName', standalone: true }]
         }] });
@@ -1976,10 +1976,10 @@ class QueryDevtoolsComponent {
     clearQueryHistory() {
         this.queryHistory$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.1", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Open Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Query browser</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' }\"\n            (click)=\"selectQueryListMode('live')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' }\"\n            (click)=\"selectQueryListMode('history')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n        </div>\n\n        <div class=\"et-qd-queries__browser\">\n          @if (queryListMode() === 'live') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queries(); track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          @if (queryListMode() === 'history') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          <div class=\"et-qd-queries__browser-detail\">\n            @if (selectedQuery(); as query) {\n              <p class=\"et-qd-queries__browser-detail__title\">\n                {{ query._queryConfig.method }} {{ query._routeWithParams }}\n              </p>\n\n              <div class=\"et-qd-queries__actions\">\n                <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                  Execute (ignore cache)\n                </button>\n\n                <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                <div class=\"et-qd-queries__divider\"></div>\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                  (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Poll\n                </button>\n\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                  (click)=\"query.stopPolling()\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Stop polling\n                </button>\n                @if (query.isPolling || query._isPollingPaused) {\n                  <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Pause polling\n                  </button>\n                  <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Resume polling\n                  </button>\n                }\n              </div>\n\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>State type</p>\n                  <pre>{{ query.rawState.type }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Dependents</p>\n                  <pre>{{ query._dependents | json }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is expired</p>\n                  <pre>{{ query.isExpired }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is in use</p>\n                  <pre>{{ query.isInUse }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Subscriber count</p>\n                  <pre>{{ query._subscriberCount }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling</p>\n                  <pre>{{ query.isPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling paused</p>\n                  <pre>{{ query._isPollingPaused }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Enable smart polling</p>\n                  <pre>{{ query._enableSmartPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query store key</p>\n                  <pre>{{ query._queryStoreKey }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Arguments</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                      (click)=\"toggleShowArguments()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showArguments()) {\n                    <pre>{{ query._arguments | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>State</p>\n                  <p><i> Warning, this will cause a subscription if shown!</i></p>\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                      (click)=\"toggleShowResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showResponse()) {\n                    <pre>{{ query.state$ | async | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Raw state</p>\n                  <p><i> The query state unaffected by entity stores</i></p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                      (click)=\"toggleShowRawResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showRawResponse()) {\n                    <pre>{{ query.rawState | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query config</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                      (click)=\"toggleShowQueryConfig()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showQueryConfig()) {\n                    <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                  }\n                </div>\n\n                @if (!!query._queryConfig.entity) {\n                  <div class=\"et-qd-list-item\">\n                    <p>Entity store value</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                        (click)=\"toggleShowEntityStoreValue()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showEntityStoreValue()) {\n                      <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}.et-query-devtools-open-btn{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:9999;all:unset;font-family:monospace}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid #3c424a;padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid #3c424a;margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid #3c424a;list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid #3c424a;background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;gap:2px}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDevtoolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.3", type: QueryDevtoolsComponent, isStandalone: true, selector: "et-query-devtools", host: { classAttribute: "et-query-devtools" }, ngImport: i0, template: "@if (!isOpen()) {\n  <button (click)=\"toggleOpen()\" class=\"et-query-devtools-open-btn et-qd-chip\">Open Devtools</button>\n}\n\n@if (isOpen()) {\n  <div\n    [class.et-query-devtools-container--transparent]=\"isTranslucent()\"\n    class=\"et-query-devtools-container et-query-devtools-container--snap-{{ snapLayout() }}\"\n  >\n    <header class=\"et-qd-header\">\n      <h3 class=\"et-qd-header__title\">Query Devtools</h3>\n\n      <div class=\"et-qd-header__select\">\n        <label for=\"et-query-client-instance\">Client instance</label>\n        <select [formControl]=\"selectedClientIdCtrl\" id=\"et-query-client-instance\">\n          @for (clientConfig of queryClientConfigs; track trackByClient(i, clientConfig); let i = $index) {\n            <option [value]=\"i\">\n              {{ clientConfig.displayName ?? clientConfig.client.config.baseRoute }}\n            </option>\n          }\n        </select>\n      </div>\n\n      <button (click)=\"toggleOpen()\" class=\"et-qd-btn et-qd-btn-secondary\">Close</button>\n    </header>\n\n    <div class=\"et-qd-sub-header\">\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': !isTranslucent() }\"\n        (click)=\"toggleTranslucent()\"\n        class=\"et-qd-chip et-qd-translucent-clickable\"\n      >\n        Translucent\n      </button>\n      <div class=\"et-qd-sub-header__divider\"></div>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'full' }\"\n        (click)=\"selectSnapLayout('full')\"\n        class=\"et-qd-chip\"\n      >\n        Fullscreen\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'top' }\"\n        (click)=\"selectSnapLayout('top')\"\n        class=\"et-qd-chip\"\n      >\n        Top\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'bottom' }\"\n        (click)=\"selectSnapLayout('bottom')\"\n        class=\"et-qd-chip\"\n      >\n        Bottom\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'left' }\"\n        (click)=\"selectSnapLayout('left')\"\n        class=\"et-qd-chip\"\n      >\n        Left\n      </button>\n      <button\n        [ngClass]=\"{ 'et-qd-chip-secondary': snapLayout() !== 'right' }\"\n        (click)=\"selectSnapLayout('right')\"\n        class=\"et-qd-chip\"\n      >\n        Right\n      </button>\n    </div>\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-client\">\n        <p class=\"et-qd-client__title\">{{ cfg.displayName ?? cfg.client.config.baseRoute }}</p>\n\n        <div class=\"et-qd-client__actions\">\n          <button (click)=\"cfg.client._store.refreshQueriesInUse()\" class=\"et-qd-chip\">Refresh all</button>\n          <button (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true })\" class=\"et-qd-chip\">\n            Refresh all (ignore caches)\n          </button>\n          <button\n            (click)=\"cfg.client._store.refreshQueriesInUse({ ignoreCacheValidity: true, purgeUnused: true })\"\n            class=\"et-qd-chip\"\n          >\n            Refresh all (ignore caches & purge unused)\n          </button>\n        </div>\n      </div>\n    }\n\n    @if (selectedClientConfig(); as cfg) {\n      <div class=\"et-qd-queries\">\n        <p class=\"et-qd-queries__title\">Query browser</p>\n        <div class=\"et-qd-queries__actions\">\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'live' }\"\n            (click)=\"selectQueryListMode('live')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            Live ({{ queries()?.length ?? 0 }})\n          </button>\n          <button\n            [ngClass]=\"{ 'et-qd-chip-secondary': queryListMode() !== 'history' }\"\n            (click)=\"selectQueryListMode('history')\"\n            class=\"et-qd-chip et-qd-chip-bordered\"\n          >\n            History ({{ (queryHistory$ | async)?.length ?? 0 }}/50)\n          </button>\n          @if (queryListMode() === 'history') {\n            <div class=\"et-qd-queries__divider\"></div>\n            <button (click)=\"clearQueryHistory()\" class=\"et-qd-chip et-qd-chip-bordered\">Clear history</button>\n          }\n        </div>\n\n        <div class=\"et-qd-queries__browser\">\n          @if (queryListMode() === 'live') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queries(); track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          @if (queryListMode() === 'history') {\n            <ul class=\"et-qd-queries__browser-list\">\n              @for (query of queryHistory$ | async; track trackByQuery($index, query)) {\n                <li>\n                  <button [class.et-qd-query--active]=\"selectedQuery()?._id === query._id\" (click)=\"selectQuery(query)\">\n                    <span> {{ query._queryConfig.method }}</span>\n                    <span> {{ query | queryShortName }}</span>\n                  </button>\n                </li>\n              }\n            </ul>\n          }\n          <div class=\"et-qd-queries__browser-detail\">\n            @if (selectedQuery(); as query) {\n              <p class=\"et-qd-queries__browser-detail__title\">\n                {{ query._queryConfig.method }} {{ query._routeWithParams }}\n              </p>\n\n              <div class=\"et-qd-queries__actions\">\n                <button (click)=\"query.execute()\" class=\"et-qd-chip et-qd-chip-bordered\">Execute</button>\n                <button (click)=\"query.execute({ skipCache: true })\" class=\"et-qd-chip et-qd-chip-bordered\">\n                  Execute (ignore cache)\n                </button>\n\n                <button (click)=\"query.abort()\" class=\"et-qd-chip et-qd-chip-bordered\">Abort</button>\n                <div class=\"et-qd-queries__divider\"></div>\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': !query.isPolling }\"\n                  (click)=\"query.poll({ interval: 5000, takeUntil: _destroy$ })\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Poll\n                </button>\n\n                <button\n                  [ngClass]=\"{ 'et-qd-chip-secondary': query.isPolling }\"\n                  (click)=\"query.stopPolling()\"\n                  class=\"et-qd-chip et-qd-chip-bordered\"\n                >\n                  Stop polling\n                </button>\n                @if (query.isPolling || query._isPollingPaused) {\n                  <button (click)=\"query.pausePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Pause polling\n                  </button>\n                  <button (click)=\"query.resumePolling()\" class=\"et-qd-chip et-qd-chip-secondary et-qd-chip-bordered\">\n                    Resume polling\n                  </button>\n                }\n              </div>\n\n              <div class=\"et-qd-list\">\n                <div class=\"et-qd-list-item\">\n                  <p>State type</p>\n                  <pre>{{ query.rawState.type }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Dependents</p>\n                  <pre>{{ query._dependents | json }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is expired</p>\n                  <pre>{{ query.isExpired }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is in use</p>\n                  <pre>{{ query.isInUse }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Subscriber count</p>\n                  <pre>{{ query._subscriberCount }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling</p>\n                  <pre>{{ query.isPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Is polling paused</p>\n                  <pre>{{ query._isPollingPaused }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Enable smart polling</p>\n                  <pre>{{ query._enableSmartPolling }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query store key</p>\n                  <pre>{{ query._queryStoreKey }}</pre>\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Arguments</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showArguments() }\"\n                      (click)=\"toggleShowArguments()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showArguments()) {\n                    <pre>{{ query._arguments | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>State</p>\n                  <p><i> Warning, this will cause a subscription if shown!</i></p>\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showResponse() }\"\n                      (click)=\"toggleShowResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showResponse()) {\n                    <pre>{{ query.state$ | async | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Raw state</p>\n                  <p><i> The query state unaffected by entity stores</i></p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showRawResponse() }\"\n                      (click)=\"toggleShowRawResponse()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showRawResponse()) {\n                    <pre>{{ query.rawState | json }}</pre>\n                  }\n                </div>\n\n                <div class=\"et-qd-list-item\">\n                  <p>Query config</p>\n\n                  <div>\n                    <button\n                      [ngClass]=\"{ 'et-qd-chip-secondary': !showQueryConfig() }\"\n                      (click)=\"toggleShowQueryConfig()\"\n                      class=\"et-qd-chip et-qd-chip-bordered\"\n                    >\n                      Toggle\n                    </button>\n                  </div>\n                  @if (showQueryConfig()) {\n                    <pre>{{ stringifiedQueryConfig() | json }}</pre>\n                  }\n                </div>\n\n                @if (!!query._queryConfig.entity) {\n                  <div class=\"et-qd-list-item\">\n                    <p>Entity store value</p>\n\n                    <div>\n                      <button\n                        [ngClass]=\"{ 'et-qd-chip-secondary': !showEntityStoreValue() }\"\n                        (click)=\"toggleShowEntityStoreValue()\"\n                        class=\"et-qd-chip et-qd-chip-bordered\"\n                      >\n                        Toggle\n                      </button>\n                    </div>\n                    @if (showEntityStoreValue()) {\n                      <pre>{{ selectedQueryEntityStoreValue$ | async | json }}</pre>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    }\n  </div>\n}\n", styles: [":host{position:fixed;top:0;z-index:1000000;font-size:14px;color:#fff}.et-query-devtools-container{position:fixed;inset:0;background-color:#25292e;z-index:10000;overflow:auto;font-family:monospace;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.et-query-devtools-container.et-query-devtools-container--transparent{opacity:.25;pointer-events:none}.et-query-devtools-container.et-query-devtools-container--transparent .et-query-devtools-translucent-btn{pointer-events:all}.et-query-devtools-container.et-query-devtools-container--snap-left{inset-inline-start:0;inset-block-start:0;inset-block-end:0;width:50%;border-right:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-right{inset-inline-start:unset;inset-inline-end:0;inset-block-start:0;inset-block-end:0;width:50%;border-left:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-top{inset-inline-start:0;inset-block-start:0;inset-inline-end:0;height:50%;border-bottom:1px solid rgb(37,41,46)}.et-query-devtools-container.et-query-devtools-container--snap-bottom{inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:0;height:50%;border-top:1px solid rgb(37,41,46)}.et-query-devtools-open-btn{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:9999;all:unset;font-family:monospace}.et-qd-header{background-color:#00ffa1;padding:12px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.et-qd-header__title{color:#25292e;margin:0;font-size:22px}.et-qd-header__select{display:grid;background-color:#25292e;border-radius:10px;overflow:hidden}.et-qd-header__select select{width:250px;color:#fff;padding:3px 10px 2px;border:none;background-color:#25292e;font-family:monospace}.et-qd-header__select label{padding:3px 10px;color:#25292e;font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid gray}.et-qd-sub-header{background-color:#00b371;padding:12px;display:flex;gap:12px;flex-wrap:wrap}.et-qd-sub-header__divider{width:1px;background-color:#25292e}.et-qd-btn{background-color:#00ffa1;color:#25292e;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;width:100%;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-btn:hover{background-color:#00cc81}.et-qd-btn.et-qd-btn-secondary{background-color:#25292e;color:#00ffa1}.et-qd-btn.et-qd-btn-secondary:hover{background-color:#3c424a}.et-qd-chip{background-color:#00ffa1;color:#25292e;border:none;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;text-align:center;text-decoration:none;display:inline-block;transition:all .3s ease-in-out;font-family:monospace;border-radius:10px}.et-qd-chip:hover{background-color:#00cc81}.et-qd-chip.et-qd-chip-secondary{background-color:#25292e;color:#00ffa1}.et-qd-chip.et-qd-chip-secondary:hover{background-color:#3c424a}.et-qd-chip.et-qd-chip-bordered{border:1px solid rgb(0,255,161)}.et-qd-translucent-clickable{pointer-events:all}.et-qd-client{border-bottom:1px solid #3c424a;padding:12px}.et-qd-client__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-client__actions{display:flex;gap:12px;margin-top:12px}.et-qd-queries{padding:12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.et-qd-queries__actions{display:flex;gap:12px;margin-top:12px;margin-bottom:16px}.et-qd-queries__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-queries__divider{width:1px;background-color:#3c424a}.et-qd-queries__browser{display:grid;grid-template-columns:1fr minmax(0,3fr);margin-left:-12px;margin-right:-12px;border-top:1px solid #3c424a;margin-bottom:-12px}.et-qd-queries__browser-list{border-right:1px solid #3c424a;list-style:none;padding:0;margin:0;display:grid;grid-auto-flow:row;grid-auto-rows:55px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-list li{margin:0}.et-qd-queries__browser-list li button{all:unset;font-family:monospace;box-sizing:border-box;width:100%;border:none;border-bottom:1px solid #3c424a;background-color:#25292e;color:#fff;text-align:left;padding:12px;height:100%;transition:all .3s ease-in-out;cursor:pointer;display:grid;gap:2px}.et-qd-queries__browser-list li button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.et-qd-queries__browser-list li button span:first-of-type{font-weight:700}.et-qd-queries__browser-list li button:hover,.et-qd-queries__browser-list li button.et-qd-query--active{background-color:#30363c}.et-qd-queries__browser-detail{padding:12px;overflow-y:auto;overflow-x:hidden}.et-qd-queries__browser-detail__title{margin:0;font-size:14px;color:#fff;font-weight:700}.et-qd-list{display:grid;gap:12px}.et-qd-list-item{display:grid}.et-qd-list-item p{font-weight:700;margin:0;padding-bottom:8px}.et-qd-list-item p+p{margin-top:-8px}.et-qd-list-item div+pre{margin-top:8px}.et-qd-list-item pre{margin:0;padding:4px;background-color:#0e1012;border-radius:4px;max-height:450px;overflow:auto}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: QueryShortNamePipe, name: "queryShortName" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDevtoolsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'et-query-devtools', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, host: {
                         class: 'et-query-devtools',
@@ -2087,10 +2087,10 @@ class QueryDirective {
             this._viewContainerRef.createEmbeddedView(this._mainTemplateRef, this._viewContext);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: ["etQuery", "query"], cache: ["etQueryCache", "cache"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: QueryDirective, isStandalone: true, selector: "[etQuery]", inputs: { query: ["etQuery", "query"], cache: ["etQueryCache", "cache"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: QueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -2422,10 +2422,10 @@ class InfinityQueryDirective {
         this._viewContext.currentQuery = null;
         this._data$.next([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["etInfinityQuery"], hostDirectives: [{ directive: i1$1.DelayableDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: InfinityQueryDirective, isStandalone: true, selector: "[etInfinityQuery]", inputs: { infinityQuery: ["etInfinityQuery", "infinityQuery"] }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["etInfinityQuery"], hostDirectives: [{ directive: i1$1.DelayableDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -2478,10 +2478,10 @@ class InfinityQueryTriggerDirective {
         });
         this._observer.observe(this._elementRef.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[etInfinityQueryTrigger], et-infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/lib/query/query.utils.d.ts

@@ -74,11 +74,7 @@ export declare const computeQueryQueryParams: (config: {
     config: AnyRestQueryConfig | AnyGqlQueryConfig;
     client: QueryClient;
     args?: BaseArguments | undefined;
-}) => import("../request").QueryParams | {
-    query: string;
-    variables?: string | undefined;
-    operationName?: string | undefined;
-} | undefined;
+}) => object | undefined;
 export declare const paginatedEntityValueUpdater: <T extends Paginated<unknown>, Args extends BaseArguments, Entity, J extends T extends Paginated<infer X> ? X : never>(findFn: (val: J, entity: Entity) => boolean) => ({ response, rawResponse, entity }: {
     rawResponse: T;
     response: T;

package/lib/request/request.types.d.ts

@@ -7,7 +7,7 @@ export interface RequestError<Detail = unknown> {
     detail: Detail;
 }
 export type RequestHeaders = Record<string, string>;
-export type QueryParams = Record<string | number, unknown | Array<unknown>>;
+export type QueryParams = object;
 export type PathParams = Record<string, string | number>;
 export type CacheAdapterFn = (headers: RequestHeaders) => number | null;
 export type RequestHeadersMethodMap = {

package/lib/request/request.util.d.ts

@@ -6,7 +6,7 @@ export declare const buildRoute: (options: {
     base: string;
     route: string | ((args: Record<string, unknown>) => string) | null | undefined;
     pathParams?: Record<string, unknown> | undefined;
-    queryParams?: QueryParams | undefined;
+    queryParams?: object | undefined;
     queryParamConfig?: BuildQueryStringConfig | undefined;
 }) => string;
 export declare const buildQueryString: (params: QueryParams, config?: BuildQueryStringConfig) => string | null;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ethlete/query",
-  "version": "5.6.1",
+  "version": "5.6.2",
   "peerDependencies": {
-    "@angular/common": "17.2.1",
-    "@angular/core": "17.2.1",
-    "@angular/forms": "17.2.1",
-    "@angular/router": "17.2.1",
+    "@angular/common": "17.2.3",
+    "@angular/core": "17.2.3",
+    "@angular/forms": "17.2.3",
+    "@angular/router": "17.2.3",
     "@ethlete/core": "^4.0.3",
     "@ethlete/types": "^1.6.2",
     "rxjs": "^7.8.1"