piral-search 1.0.0-pre.2296 → 1.0.1-beta.5640

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,6 +1,6 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Search](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-search.svg?style=flat)](https://www.npmjs.com/package/piral-search) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Search](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-search.svg?style=flat)](https://www.npmjs.com/package/piral-search) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
 This is a plugin that only has a peer dependency to `piral-core`. What `piral-search` brings to the table is a set of Pilet API extensions that can be used with `piral` or `piral-core` to bring enhanced search capabilities to pilets via your Piral instance.
 
@@ -10,6 +10,12 @@ By default, these API extensions are not integrated in `piral`, so you'd need to
 
 In many cases the frontend should provide an extensive search functionality. If this search can or should also work in context-sensitive ways (e.g., depending on which microfrontends are loaded different search options are used or available) then this plugin might be useful. It allows pilets to register search providers which can handle search queries.
 
+## Video
+
+We also have a video for this plugin:
+
+@[youtube](https://youtu.be/ik9Ixck6maI)
+
 ## Documentation
 
 The following functions are brought to the Pilet API.

package/esm/Search.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useGlobalState } from 'piral-core';
 import { PiralSearchContainer, PiralSearchResult } from './components';
-export var Search = function () {
-    var _a = useGlobalState(function (m) { return m.search.results; }), loading = _a.loading, items = _a.items;
-    return (React.createElement(PiralSearchContainer, { loading: loading }, items.map(function (item, i) { return (React.createElement(PiralSearchResult, { key: i }, item)); })));
+export const Search = () => {
+    const { loading, items } = useGlobalState((m) => m.search.results);
+    return (React.createElement(PiralSearchContainer, { loading: loading }, items.map((item, i) => (React.createElement(PiralSearchResult, { key: i }, item)))));
 };
 //# sourceMappingURL=Search.js.map

package/esm/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,CAAC,IAAM,MAAM,GAAa;IACxB,IAAA,KAAqB,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,CAAC,OAAO,EAAhB,CAAgB,CAAC,EAA1D,OAAO,aAAA,EAAE,KAAK,WAA4C,CAAC;IAEnE,OAAO,CACL,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACtB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,EAFuB,CAEvB,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,CAAC,MAAM,MAAM,GAAa,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/esm/SearchInput.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useSearch } from './useSearch';
 import { PiralSearchInput } from './components';
-export var SearchInput = function () {
-    var _a = useSearch(), value = _a[0], setValue = _a[1];
+export const SearchInput = () => {
+    const [value, setValue] = useSearch();
     return React.createElement(PiralSearchInput, { setValue: setValue, value: value });
 };
 //# sourceMappingURL=SearchInput.js.map

package/esm/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,IAAM,WAAW,GAAa;IAC7B,IAAA,KAAoB,SAAS,EAAE,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IACtC,OAAO,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,SAAS,EAAE,CAAC;IACtC,OAAO,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}

package/esm/actions.js

@@ -1,83 +1,80 @@
-import { __assign } from "tslib";
 import { appendItems, prependItems, withKey, withoutKey } from 'piral-core';
 function defaultFilter(_, providerNames) {
     return providerNames;
 }
-export function createActions(config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.emptyTrigger, emptyTrigger = _a === void 0 ? false : _a, _b = config.filter, filter = _b === void 0 ? defaultFilter : _b;
+export function createActions(config = {}) {
+    const { emptyTrigger = false, filter = defaultFilter } = config;
     return {
-        setSearchInput: function (ctx, input) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { search: __assign(__assign({}, state.search), { input: input }) })); });
+        setSearchInput(ctx, input) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { input }) })));
         },
-        triggerSearch: function (ctx, query, immediate) {
-            if (immediate === void 0) { immediate = false; }
-            var providers = ctx.readState(function (state) { return state.registry.searchProviders; });
-            var _a = ctx.readState(function (state) { return state.search; }), input = _a.input, results = _a.results;
-            var loading = results.loading;
+        triggerSearch(ctx, query, immediate = false) {
+            const providers = ctx.readState((state) => state.registry.searchProviders);
+            const { input, results } = ctx.readState((state) => state.search);
+            const { loading } = results;
             if (query === undefined) {
                 query = input;
             }
             if (input !== query || !loading) {
-                var selectedProviders = filter(query, Object.keys(providers));
-                var providerKeys_1 = selectedProviders.filter(function (m) { return !providers[m].onlyImmediate || immediate; });
-                var acceptQuery = emptyTrigger || !!query;
-                var load_1 = acceptQuery && providerKeys_1.length > 0;
-                ctx.resetSearchResults(query, load_1);
-                if (load_1) {
-                    var searchCount_1 = providerKeys_1.length;
-                    var active_1 = true;
-                    var opts_1 = {
-                        query: query,
-                        immediate: immediate,
+                const selectedProviders = filter(query, Object.keys(providers));
+                const providerKeys = selectedProviders.filter((m) => !providers[m].onlyImmediate || immediate);
+                const acceptQuery = emptyTrigger || !!query;
+                const load = acceptQuery && providerKeys.length > 0;
+                ctx.resetSearchResults(query, load);
+                if (load) {
+                    let searchCount = providerKeys.length;
+                    let active = true;
+                    const opts = {
+                        query,
+                        immediate,
                     };
-                    providerKeys_1.forEach(function (key) {
-                        var provider = providers[key];
-                        provider.search(opts_1).then(function (results) {
-                            active_1 && ctx.appendSearchResults(results, --searchCount_1 === 0);
-                        }, function (ex) {
+                    providerKeys.forEach((key) => {
+                        const provider = providers[key];
+                        provider.search(opts).then((results) => {
+                            active && ctx.appendSearchResults(results, --searchCount === 0);
+                        }, (ex) => {
                             console.warn(ex);
-                            active_1 && --searchCount_1 === 0 && ctx.appendSearchResults([], true);
+                            active && --searchCount === 0 && ctx.appendSearchResults([], true);
                         });
                     });
-                    return function () {
-                        active_1 = false;
-                        providerKeys_1.forEach(function (key) { return providers[key].cancel(); });
-                        ctx.appendSearchResults([], load_1);
+                    return () => {
+                        active = false;
+                        providerKeys.forEach((key) => providers[key].cancel());
+                        ctx.appendSearchResults([], load);
                     };
                 }
                 else if (!query) {
-                    selectedProviders.forEach(function (key) { return providers[key].clear(); });
+                    selectedProviders.forEach((key) => providers[key].clear());
                 }
             }
-            return function () { };
+            return () => { };
         },
-        resetSearchResults: function (ctx, input, loading) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { search: {
-                    input: input,
+        resetSearchResults(ctx, input, loading) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: {
+                    input,
                     results: {
-                        loading: loading,
+                        loading,
                         items: [],
                     },
-                } })); });
+                } })));
         },
-        appendSearchResults: function (ctx, items, done) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { search: __assign(__assign({}, state.search), { results: {
+        appendSearchResults(ctx, items, done) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
                         loading: !done,
                         items: appendItems(state.search.results.items, items),
-                    } }) })); });
+                    } }) })));
         },
-        prependSearchResults: function (ctx, items, done) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { search: __assign(__assign({}, state.search), { results: {
+        prependSearchResults(ctx, items, done) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { search: Object.assign(Object.assign({}, state.search), { results: {
                         loading: !done,
                         items: prependItems(state.search.results.items, items),
-                    } }) })); });
+                    } }) })));
         },
-        registerSearchProvider: function (ctx, name, value) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { searchProviders: withKey(state.registry.searchProviders, name, value) }) })); });
+        registerSearchProvider(ctx, name, value) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: withKey(state.registry.searchProviders, name, value) }) })));
         },
-        unregisterSearchProvider: function (ctx, name) {
-            ctx.dispatch(function (state) { return (__assign(__assign({}, state), { registry: __assign(__assign({}, state.registry), { searchProviders: withoutKey(state.registry.searchProviders, name) }) })); });
+        unregisterSearchProvider(ctx, name) {
+            ctx.dispatch((state) => (Object.assign(Object.assign({}, state), { registry: Object.assign(Object.assign({}, state.registry), { searchProviders: withoutKey(state.registry.searchProviders, name) }) })));
         },
     };
 }

package/esm/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";AACA,OAAO,EAAc,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAsB,MAAM,YAAY,CAAC;AAG5G,SAAS,aAAa,CAAC,CAAS,EAAE,aAA4B;IAC5D,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,MAAgC;IAAhC,uBAAA,EAAA,WAAgC;IACpD,IAAA,KAAiD,MAAM,aAAnC,EAApB,YAAY,mBAAG,KAAK,KAAA,EAAE,KAA2B,MAAM,OAAX,EAAtB,MAAM,mBAAG,aAAa,KAAA,CAAY;IAChE,OAAO;QACL,cAAc,EAAd,UAAe,GAAuB,EAAE,KAAa;YACnD,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,MAAM,wBACD,KAAK,CAAC,MAAM,KACf,KAAK,OAAA,OAEP,EANsB,CAMtB,CAAC,CAAC;QACN,CAAC;QACD,aAAa,EAAb,UAAc,GAAuB,EAAE,KAAc,EAAE,SAAiB;YAAjB,0BAAA,EAAA,iBAAiB;YACtE,IAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,eAAe,EAA9B,CAA8B,CAAC,CAAC;YACrE,IAAA,KAAqB,GAAG,CAAC,SAAS,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,CAAC,EAAzD,KAAK,WAAA,EAAE,OAAO,aAA2C,CAAC;YAC1D,IAAA,OAAO,GAAK,OAAO,QAAZ,CAAa;YAE5B,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,KAAK,GAAG,KAAK,CAAC;aACf;YAED,IAAI,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE;gBAC/B,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChE,IAAM,cAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,SAAS,EAAxC,CAAwC,CAAC,CAAC;gBAC/F,IAAM,WAAW,GAAG,YAAY,IAAI,CAAC,CAAC,KAAK,CAAC;gBAC5C,IAAM,MAAI,GAAG,WAAW,IAAI,cAAY,CAAC,MAAM,GAAG,CAAC,CAAC;gBACpD,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAI,CAAC,CAAC;gBAEpC,IAAI,MAAI,EAAE;oBACR,IAAI,aAAW,GAAG,cAAY,CAAC,MAAM,CAAC;oBACtC,IAAI,QAAM,GAAG,IAAI,CAAC;oBAClB,IAAM,MAAI,GAAkB;wBAC1B,KAAK,OAAA;wBACL,SAAS,WAAA;qBACV,CAAC;oBAEF,cAAY,CAAC,OAAO,CAAC,UAAC,GAAG;wBACvB,IAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;wBAChC,QAAQ,CAAC,MAAM,CAAC,MAAI,CAAC,CAAC,IAAI,CACxB,UAAC,OAAO;4BACN,QAAM,IAAI,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,EAAE,aAAW,KAAK,CAAC,CAAC,CAAC;wBAClE,CAAC,EACD,UAAC,EAAE;4BACD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BACjB,QAAM,IAAI,EAAE,aAAW,KAAK,CAAC,IAAI,GAAG,CAAC,mBAAmB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;wBACrE,CAAC,CACF,CAAC;oBACJ,CAAC,CAAC,CAAC;oBAEH,OAAO;wBACL,QAAM,GAAG,KAAK,CAAC;wBACf,cAAY,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAvB,CAAuB,CAAC,CAAC;wBACvD,GAAG,CAAC,mBAAmB,CAAC,EAAE,EAAE,MAAI,CAAC,CAAC;oBACpC,CAAC,CAAC;iBACH;qBAAM,IAAI,CAAC,KAAK,EAAE;oBACjB,iBAAiB,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAtB,CAAsB,CAAC,CAAC;iBAC5D;aACF;YAED,OAAO,cAAO,CAAC,CAAC;QAClB,CAAC;QACD,kBAAkB,EAAlB,UAAmB,GAAuB,EAAE,KAAa,EAAE,OAAgB;YACzE,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,MAAM,EAAE;oBACN,KAAK,OAAA;oBACL,OAAO,EAAE;wBACP,OAAO,SAAA;wBACP,KAAK,EAAE,EAAE;qBACV;iBACF,IACD,EATsB,CAStB,CAAC,CAAC;QACN,CAAC;QACD,mBAAmB,EAAnB,UAAoB,GAAuB,EAAE,KAAwB,EAAE,IAAa;YAClF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,MAAM,wBACD,KAAK,CAAC,MAAM,KACf,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC,IAAI;wBACd,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;qBACtD,OAEH,EATsB,CAStB,CAAC,CAAC;QACN,CAAC;QACD,oBAAoB,EAApB,UAAqB,GAAuB,EAAE,KAAwB,EAAE,IAAa;YACnF,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,MAAM,wBACD,KAAK,CAAC,MAAM,KACf,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC,IAAI;wBACd,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC;qBACvD,OAEH,EATsB,CAStB,CAAC,CAAC;QACN,CAAC;QACD,sBAAsB,EAAtB,UAAuB,GAAuB,EAAE,IAAY,EAAE,KAAiC;YAC7F,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,EAAE,KAAK,CAAC,OAEvE,EANsB,CAMtB,CAAC,CAAC;QACN,CAAC;QACD,wBAAwB,EAAxB,UAAyB,GAAuB,EAAE,IAAY;YAC5D,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACnB,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,eAAe,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,OAEnE,EANsB,CAMtB,CAAC,CAAC;QACN,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"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"}

package/esm/components.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { SearchContainerProps, SearchInputProps, SearchResultProps } from './types';
-export declare const PiralSearchContainer: React.ComponentType<SearchContainerProps>;
-export declare const PiralSearchInput: React.ComponentType<SearchInputProps>;
-export declare const PiralSearchResult: React.ComponentType<SearchResultProps>;
+/// <reference types="react" />
+export declare const PiralSearchContainer: import("react").ComponentType<import("./types").SearchContainerProps>;
+export declare const PiralSearchInput: import("react").ComponentType<import("./types").SearchInputProps>;
+export declare const PiralSearchResult: import("react").ComponentType<import("./types").SearchResultProps>;

package/esm/components.js

@@ -1,5 +1,5 @@
 import { getPiralComponent } from 'piral-core';
-export var PiralSearchContainer = getPiralComponent('SearchContainer');
-export var PiralSearchInput = getPiralComponent('SearchInput');
-export var PiralSearchResult = getPiralComponent('SearchResult');
+export const PiralSearchContainer = getPiralComponent('SearchContainer');
+export const PiralSearchInput = getPiralComponent('SearchInput');
+export const PiralSearchResult = getPiralComponent('SearchResult');
 //# sourceMappingURL=components.js.map

package/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,IAAM,oBAAoB,GAA8C,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AACpH,MAAM,CAAC,IAAM,gBAAgB,GAA0C,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACxG,MAAM,CAAC,IAAM,iBAAiB,GAA2C,iBAAiB,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;AACjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC"}

package/esm/create.js

@@ -1,22 +1,21 @@
-import { __assign, __rest } from "tslib";
-import { isfunc } from 'piral-base';
+import { __rest } from "tslib";
 import { isValidElement, createElement } from 'react';
-import { buildName, withApi } from 'piral-core';
+import { isfunc, buildName, withApi, withAll, withRootExtension, } from 'piral-core';
 import { createActions } from './actions';
 import { DefaultContainer, DefaultInput, DefaultResult } from './default';
+import { Search } from './Search';
+import { SearchInput } from './SearchInput';
 function noop() { }
-function createSearchRegistration(pilet, search, settings) {
-    if (settings === void 0) { settings = {}; }
-    var _a = settings.onlyImmediate, onlyImmediate = _a === void 0 ? false : _a, _b = settings.onCancel, onCancel = _b === void 0 ? noop : _b, _c = settings.onClear, onClear = _c === void 0 ? noop : _c, rest = __rest(settings, ["onlyImmediate", "onCancel", "onClear"]);
-    return __assign(__assign({}, rest), { pilet: pilet,
-        onlyImmediate: onlyImmediate, cancel: isfunc(onCancel) ? onCancel : noop, clear: isfunc(onClear) ? onClear : noop, search: search });
+function createSearchRegistration(pilet, search, settings = {}) {
+    const { onlyImmediate = false, onCancel = noop, onClear = noop } = settings, rest = __rest(settings, ["onlyImmediate", "onCancel", "onClear"]);
+    return Object.assign(Object.assign({}, rest), { pilet,
+        onlyImmediate, cancel: isfunc(onCancel) ? onCancel : noop, clear: isfunc(onClear) ? onClear : noop, search });
 }
 function getSearchProviders(providers) {
-    var searchProviders = {};
-    var i = 0;
-    for (var _i = 0, providers_1 = providers; _i < providers_1.length; _i++) {
-        var _a = providers_1[_i], search = _a.search, settings = _a.settings;
-        searchProviders["global-" + i++] = createSearchRegistration(undefined, search, settings);
+    const searchProviders = {};
+    let i = 0;
+    for (const { search, settings } of providers) {
+        searchProviders[`global-${i++}`] = createSearchRegistration(undefined, search, settings);
     }
     return searchProviders;
 }
@@ -25,47 +24,47 @@ function toChild(content, api, context) {
         return content;
     }
     else {
-        var component = withApi(context, content, api, 'extension');
+        const component = withApi(context, content, api, 'extension');
         return createElement(component);
     }
 }
 function wrapResults(result, api, context) {
-    var results = Array.isArray(result) ? result : [result];
-    return results.map(function (item) { return toChild(item, api, context); });
+    const results = Array.isArray(result) ? result : [result];
+    return results.map((item) => toChild(item, api, context));
+}
+function withSearch(searchProviders, query, items) {
+    return (state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ SearchContainer: DefaultContainer, SearchInput: DefaultInput, SearchResult: DefaultResult }, state.components), registry: Object.assign(Object.assign({}, state.registry), { searchProviders }), search: {
+            input: query,
+            results: {
+                loading: false,
+                items,
+            },
+        } }));
 }
 /**
  * Creates new Pilet API extensions for search and filtering.
  */
-export function createSearchApi(config) {
-    if (config === void 0) { config = {}; }
-    var _a = config.providers, providers = _a === void 0 ? [] : _a, _b = config.results, results = _b === void 0 ? [] : _b, _c = config.query, query = _c === void 0 ? '' : _c, actionConfig = __rest(config, ["providers", "results", "query"]);
-    return function (context) {
+export function createSearchApi(config = {}) {
+    const { providers = [], results = [], query = '' } = config, actionConfig = __rest(config, ["providers", "results", "query"]);
+    return (context) => {
         context.defineActions(createActions(actionConfig));
-        context.dispatch(function (state) { return (__assign(__assign({}, state), { components: __assign({ SearchContainer: DefaultContainer, SearchInput: DefaultInput, SearchResult: DefaultResult }, state.components), registry: __assign(__assign({}, state.registry), { searchProviders: getSearchProviders(providers) }), search: {
-                input: query,
-                results: {
-                    loading: false,
-                    items: results,
-                },
-            } })); });
-        return function (api, target) {
-            var pilet = target.name;
-            var next = 0;
+        context.dispatch(withAll(withSearch(getSearchProviders(providers), query, results), withRootExtension('piral-search', Search), withRootExtension('piral-search-input', SearchInput)));
+        return (api, target) => {
+            const pilet = target.name;
+            let next = 0;
             return {
-                registerSearchProvider: function (name, provider, settings) {
+                registerSearchProvider(name, provider, settings) {
                     if (typeof name !== 'string') {
                         settings = provider;
                         provider = name;
                         name = next++;
                     }
-                    var id = buildName(pilet, name);
-                    context.registerSearchProvider(id, createSearchRegistration(pilet, function (q) {
-                        return Promise.resolve(provider(q, api)).then(function (results) { return wrapResults(results, api, context); }, function () { return []; });
-                    }, settings));
-                    return function () { return api.unregisterSearchProvider(name); };
+                    const id = buildName(pilet, name);
+                    context.registerSearchProvider(id, createSearchRegistration(pilet, (q) => Promise.resolve(provider(q, api)).then((results) => wrapResults(results, api, context), () => []), settings));
+                    return () => api.unregisterSearchProvider(name);
                 },
-                unregisterSearchProvider: function (name) {
-                    var id = buildName(pilet, name);
+                unregisterSearchProvider(name) {
+                    const id = buildName(pilet, name);
                     context.unregisterSearchProvider(id);
                 },
             };

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}

package/esm/default.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { defaultRender } from 'piral-core';
-export var DefaultContainer = function (props) { return defaultRender(props.children); };
-export var DefaultResult = function (props) { return defaultRender(props.children); };
-export var DefaultInput = function (props) { return (React.createElement("input", { onChange: function (e) { return props.setValue(e.target.value); }, value: props.value })); };
+export const DefaultContainer = (props) => defaultRender(props.children);
+export const DefaultResult = (props) => defaultRender(props.children);
+export const DefaultInput = (props) => (React.createElement("input", { onChange: (e) => props.setValue(e.target.value), value: props.value }));
 //# sourceMappingURL=default.js.map

package/esm/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,IAAM,gBAAgB,GAAmC,UAAC,KAAK,IAAK,OAAA,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA7B,CAA6B,CAAC;AACzG,MAAM,CAAC,IAAM,aAAa,GAAgC,UAAC,KAAK,IAAK,OAAA,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA7B,CAA6B,CAAC;AACnG,MAAM,CAAC,IAAM,YAAY,GAA+B,UAAC,KAAK,IAAK,OAAA,CACjE,+BAAO,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC/E,EAFkE,CAElE,CAAC"}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,aAAa,GAAgC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACnG,MAAM,CAAC,MAAM,YAAY,GAA+B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,+BAAO,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAC/E,CAAC"}

package/esm/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactChild, ComponentType, ReactElement } from 'react';
-import { Dict, Disposable, PiletApi, BaseRegistration, AnyComponent, BaseComponentProps, RegistrationDisposer } from 'piral-core';
+import type { ReactChild, ComponentType, ReactElement, ReactNode } from 'react';
+import type { Dict, Disposable, PiletApi, BaseRegistration, AnyComponent, BaseComponentProps, RegistrationDisposer } from 'piral-core';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletSearchApi {
     }
@@ -77,6 +77,10 @@ export interface SearchContainerProps {
      * Gets if the results are still gathered.
      */
     loading: boolean;
+    /**
+     * The search to display.
+     */
+    children?: ReactNode;
 }
 export interface SearchInputProps {
     setValue(value: string): void;
@@ -85,8 +89,12 @@ export interface SearchInputProps {
 export interface SearchResultComponentProps extends BaseComponentProps {
 }
 export interface SearchResultProps {
+    /**
+     * The search results to display.
+     */
+    children?: ReactNode;
 }
-export declare type SearchResultType = string | ReactElement<any> | AnyComponent<SearchResultComponentProps>;
+export type SearchResultType = string | ReactElement<any> | AnyComponent<SearchResultComponentProps>;
 export interface SearchProvider {
     (options: SearchOptions, api: PiletApi): Promise<SearchResultType | Array<SearchResultType>>;
 }

package/esm/useDebounce.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook that returns the debounced (i.e., delayed) value.
+ * Useful when user input should not fire immediately, but rather
+ * only after a certain timespan without any changes passed.
+ * @param value The value to consider.
+ * @param delay The timespan to pass before applying the value.
+ */
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/esm/useDebounce.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+/**
+ * Hook that returns the debounced (i.e., delayed) value.
+ * Useful when user input should not fire immediately, but rather
+ * only after a certain timespan without any changes passed.
+ * @param value The value to consider.
+ * @param delay The timespan to pass before applying the value.
+ */
+export function useDebounce(value, delay = 300) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/esm/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../src/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAK,GAAG,GAAG;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QAClE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/esm/useSearch.js

@@ -1,5 +1,6 @@
 import { useEffect, useRef } from 'react';
-import { useGlobalState, useDebounce, useActions } from 'piral-core';
+import { useGlobalState, useActions } from 'piral-core';
+import { useDebounce } from './useDebounce';
 /**
  * Hook that yields the possibility of searching in Piral.
  * Returns the current (live, i.e., non-debounced) input value
@@ -11,11 +12,11 @@ import { useGlobalState, useDebounce, useActions } from 'piral-core';
  * @param delay The delay [ms] to be used for the debounce.
  */
 export function useSearch(delay) {
-    var _a = useActions(), setSearchInput = _a.setSearchInput, triggerSearch = _a.triggerSearch;
-    var searchInput = useGlobalState(function (m) { return m.search.input; });
-    var query = useDebounce(searchInput, delay);
-    var cancel = useRef(undefined);
-    useEffect(function () {
+    const { setSearchInput, triggerSearch } = useActions();
+    const searchInput = useGlobalState((m) => m.search.input);
+    const query = useDebounce(searchInput, delay);
+    const cancel = useRef(undefined);
+    useEffect(() => {
         cancel.current && cancel.current();
         cancel.current = triggerSearch(query, false);
     }, [query]);

package/esm/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAc,MAAM,YAAY,CAAC;AAEjF;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,KAAc;IAChC,IAAA,KAAoC,UAAU,EAAE,EAA9C,cAAc,oBAAA,EAAE,aAAa,mBAAiB,CAAC;IACvD,IAAM,WAAW,GAAG,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,CAAC,KAAK,EAAd,CAAc,CAAC,CAAC;IAC1D,IAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,IAAM,MAAM,GAAG,MAAM,CAAa,SAAS,CAAC,CAAC;IAE7C,SAAS,CAAC;QACR,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../src/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAc,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAa,SAAS,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AACvC,CAAC"}

package/lib/Search.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
-var React = require("react");
-var piral_core_1 = require("piral-core");
-var components_1 = require("./components");
-exports.Search = function () {
-    var _a = piral_core_1.useGlobalState(function (m) { return m.search.results; }), loading = _a.loading, items = _a.items;
-    return (React.createElement(components_1.PiralSearchContainer, { loading: loading }, items.map(function (item, i) { return (React.createElement(components_1.PiralSearchResult, { key: i }, item)); })));
+const React = require("react");
+const piral_core_1 = require("piral-core");
+const components_1 = require("./components");
+const Search = () => {
+    const { loading, items } = (0, piral_core_1.useGlobalState)((m) => m.search.results);
+    return (React.createElement(components_1.PiralSearchContainer, { loading: loading }, items.map((item, i) => (React.createElement(components_1.PiralSearchResult, { key: i }, item)))));
 };
+exports.Search = Search;
 //# sourceMappingURL=Search.js.map

package/lib/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAA4C;AAC5C,2CAAuE;AAE1D,QAAA,MAAM,GAAa;IACxB,IAAA,KAAqB,2BAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,MAAM,CAAC,OAAO,EAAhB,CAAgB,CAAC,EAA1D,OAAO,aAAA,EAAE,KAAK,WAA4C,CAAC;IAEnE,OAAO,CACL,oBAAC,iCAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACtB,oBAAC,8BAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,EAFuB,CAEvB,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA4C;AAC5C,6CAAuE;AAEhE,MAAM,MAAM,GAAa,GAAG,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,oBAAC,iCAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,oBAAC,8BAAiB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAqB,CACtD,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,MAAM,UAUjB"}

package/lib/SearchInput.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInput = void 0;
-var React = require("react");
-var useSearch_1 = require("./useSearch");
-var components_1 = require("./components");
-exports.SearchInput = function () {
-    var _a = useSearch_1.useSearch(), value = _a[0], setValue = _a[1];
+const React = require("react");
+const useSearch_1 = require("./useSearch");
+const components_1 = require("./components");
+const SearchInput = () => {
+    const [value, setValue] = (0, useSearch_1.useSearch)();
     return React.createElement(components_1.PiralSearchInput, { setValue: setValue, value: value });
 };
+exports.SearchInput = SearchInput;
 //# sourceMappingURL=SearchInput.js.map

package/lib/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAAwC;AACxC,2CAAgD;AAEnC,QAAA,WAAW,GAAa;IAC7B,IAAA,KAAoB,qBAAS,EAAE,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IACtC,OAAO,oBAAC,6BAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../src/SearchInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAwC;AACxC,6CAAgD;AAEzC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,qBAAS,GAAE,CAAC;IACtC,OAAO,oBAAC,6BAAgB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAChE,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}