@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

package/js/x-modules/facets/components/lists/sorted-filters.vue2.js

@@ -1,191 +1,6 @@
-import { __decorate } from 'tslib';
-import { isBooleanFilter } from '@empathyco/x-types';
-import { mixins } from 'vue-class-component';
-import { Component } from 'vue-property-decorator';
-import '../../../../components/animations/animate-width.vue.js';
-import '../../../../components/animations/collapse-height.vue.js';
-import '../../../../components/animations/collapse-width.vue.js';
-import '../../../../components/animations/cross-fade.vue.js';
-import '../../../../components/animations/fade.vue.js';
-import '../../../../components/animations/fade-and-slide.vue.js';
-import '../../../../components/animations/staggered-fade-and-slide.vue.js';
-import '../../../../components/animations/staggering-transition-group.vue2.js';
-import '../../../../components/animations/staggering-transition-group.vue3.js';
-import 'vue-runtime-helpers/dist/normalize-component.mjs';
-import '../../../../components/animations/disable-animation.mixin.js';
-import 'vue';
-import '../../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
-import '../../../../components/animations/animate-scale/animate-scale.style.scss.js';
-import '../../../../components/animations/animate-translate/animate-translate.style.scss.js';
-import '../../../../components/column-picker/base-column-picker-dropdown.vue.js';
-import '../../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../../components/currency/base-currency.vue.js';
-import '../../../../components/filters/labels/base-price-filter-label.vue2.js';
-import '../../../../components/filters/labels/base-rating-filter-label.vue.js';
-import '../../../../components/icons/arrow-down.vue.js';
-import '../../../../components/icons/arrow-left.vue.js';
-import '../../../../components/icons/arrow-right.vue.js';
-import '../../../../components/icons/arrow-up.vue.js';
-import '../../../../components/icons/bag.vue.js';
-import '../../../../components/icons/bar-code.vue.js';
-import '../../../../components/icons/barcode-tiny.vue.js';
-import '../../../../components/icons/cart.vue.js';
-import '../../../../components/icons/cart-filled.vue.js';
-import '../../../../components/icons/check-tiny.vue.js';
-import '../../../../components/icons/check.vue.js';
-import '../../../../components/icons/checkbox-selected.vue.js';
-import '../../../../components/icons/checkbox-selected-filled.vue.js';
-import '../../../../components/icons/checkbox-unselected.vue.js';
-import '../../../../components/icons/checkbox-unselected-filled.vue.js';
-import '../../../../components/icons/chevron-down.vue.js';
-import '../../../../components/icons/chevron-left.vue.js';
-import '../../../../components/icons/chevron-right.vue.js';
-import '../../../../components/icons/chevron-tiny-down.vue.js';
-import '../../../../components/icons/chevron-tiny-left.vue.js';
-import '../../../../components/icons/chevron-tiny-right.vue.js';
-import '../../../../components/icons/chevron-tiny-up.vue.js';
-import '../../../../components/icons/chevron-up.vue.js';
-import '../../../../components/icons/corner-arrow-left.vue.js';
-import '../../../../components/icons/corner-arrow-right.vue.js';
-import '../../../../components/icons/cross-tiny.vue.js';
-import '../../../../components/icons/cross.vue.js';
-import '../../../../components/icons/curated-check.vue.js';
-import '../../../../components/icons/curated-check-filled.vue.js';
-import '../../../../components/icons/curated-check-tiny.vue.js';
-import '../../../../components/icons/curated-check-tiny-filled.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-left-top.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-down.vue.js';
-import '../../../../components/icons/diagonal-arrow-right-top.vue.js';
-import '../../../../components/icons/filters.vue.js';
-import '../../../../components/icons/grid-1-col.vue.js';
-import '../../../../components/icons/grid-2-col.vue.js';
-import '../../../../components/icons/grid-4-col.vue.js';
-import '../../../../components/icons/grid-2-rows.vue.js';
-import '../../../../components/icons/heart.vue.js';
-import '../../../../components/icons/heart-filled.vue.js';
-import '../../../../components/icons/hide.vue.js';
-import '../../../../components/icons/history-tiny.vue.js';
-import '../../../../components/icons/history.vue.js';
-import '../../../../components/icons/light-bulb-off.vue.js';
-import '../../../../components/icons/light-bulb-on.vue.js';
-import '../../../../components/icons/menu.vue.js';
-import '../../../../components/icons/minus-tiny.vue.js';
-import '../../../../components/icons/minus.vue.js';
-import '../../../../components/icons/plus.vue.js';
-import '../../../../components/icons/plus-tiny.vue.js';
-import '../../../../components/icons/radiobutton-selected.vue.js';
-import '../../../../components/icons/radiobutton-unselected.vue.js';
-import '../../../../components/icons/search.vue.js';
-import '../../../../components/icons/settings.vue.js';
-import '../../../../components/icons/show.vue.js';
-import '../../../../components/icons/sort-az.vue.js';
-import '../../../../components/icons/sort-price-down.vue.js';
-import '../../../../components/icons/sort-price-up.vue.js';
-import '../../../../components/icons/sort-relevancy.vue.js';
-import '../../../../components/icons/sort-za.vue.js';
-import '../../../../components/icons/star.vue.js';
-import '../../../../components/icons/star-filled.vue.js';
-import '../../../../components/icons/search-tiny.vue.js';
-import '../../../../components/icons/tag.vue.js';
-import '../../../../components/icons/tag-filled.vue.js';
-import '../../../../components/icons/trash-open.vue.js';
-import '../../../../components/icons/trash.vue.js';
-import '../../../../components/icons/trending-tiny.vue.js';
-import '../../../../components/icons/trending.vue.js';
-import '../../../../components/icons/user.vue.js';
-import '../../../../components/icons/user-filled.vue.js';
-import '../../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../../components/layouts/single-column-layout.vue.js';
-import '../../../../components/modals/base-events-modal-close.vue.js';
-import '../../../../components/modals/base-events-modal.vue.js';
-import '../../../../components/modals/base-events-modal-open.vue.js';
-import '../../../../components/modals/base-modal.vue.js';
-import '../../../../components/modals/base-id-modal.vue.js';
-import '../../../../components/modals/base-id-modal-close.vue.js';
-import '../../../../components/modals/base-id-modal-open.vue.js';
-import '../../../../components/modals/close-main-modal.vue.js';
-import '../../../../components/modals/main-modal.vue.js';
-import '../../../../components/modals/open-main-modal.vue.js';
-import '../../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../../components/panels/base-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel.vue.js';
-import '../../../../components/panels/base-id-toggle-panel-button.vue.js';
-import '../../../../components/panels/base-tabs-panel.vue.js';
-import '../../../../components/result/base-result-add-to-cart.vue.js';
-import '../../../../components/result/base-result-current-price.vue.js';
-import '../../../../components/result/base-result-image.vue.js';
-import '../../../../components/result/base-result-link.vue.js';
-import '../../../../components/result/base-result-previous-price.vue.js';
-import '../../../../components/result/base-result-fallback-image.vue.js';
-import '../../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../../components/result/base-result-rating.vue.js';
-import '../../../../components/result/result-variants-provider.vue2.js';
-import '../../../../components/result/result-variant-selector.vue.js';
-import '../../../../components/scroll/base-scroll.vue.js';
-import '../../../../components/scroll/scroll.mixin.js';
-import '../../../../components/suggestions/base-suggestion.vue.js';
-import '../../../../components/suggestions/base-suggestions.vue.js';
-import '../../../../components/auto-progress-bar.vue.js';
-import '../../../../components/base-dropdown.vue.js';
-import '../../../../components/base-event-button.vue.js';
-import '../../../../components/base-grid.vue.js';
-import '../../../../components/base-keyboard-navigation.vue.js';
-import '../../../../components/base-rating.vue.js';
-import '../../../../components/base-switch.vue.js';
-import '../../../../components/base-variable-column-grid.vue.js';
-import '../../../../components/display-emitter.vue.js';
-import '../../../../components/global-x-bus.vue2.js';
-import '../../../../components/highlight.vue.js';
-import '../../../../components/items-list.vue.js';
-import '../../../../components/location-provider.vue2.js';
-import '../../../../components/no-element.js';
-import '../../../../components/sliding-panel.vue.js';
-import '../../../../components/snippet-callbacks.vue.js';
-import '../../../../components/page-loader-button.vue.js';
-import 'rxjs';
-import 'rxjs/operators';
-import { XProvide } from '../../../../components/decorators/injection.decorators.js';
-import { xComponentMixin } from '../../../../components/x-component.mixin.js';
-import { isArrayEmpty } from '../../../../utils/array.js';
-import '../../../../utils/storage.js';
-import { facetsXModule } from '../../x-module.js';
-import FiltersInjectionMixin from './filters-injection.mixin.js';
+import _sfc_main from './sorted-filters.vue.js';
 
-/**
- * Component that sorts a list of filters and returns them using the default scoped slot.
- *
- * @public
- */
-let SortedFilters = class SortedFilters extends mixins(FiltersInjectionMixin) {
-    /**
-     * An array of filters with the selected filters at the beginning of the list.
-     *
-     * @returns Array of filters.
-     * @internal
-     */
-    get sortedFilters() {
-        if (!isArrayEmpty(this.renderedFilters) && isBooleanFilter(this.renderedFilters[0])) {
-            return [...this.renderedFilters].sort(({ selected }) => {
-                return selected ? -1 : 1;
-            });
-        }
-        return this.renderedFilters;
-    }
-    render(h) {
-        return this.$scopedSlots.default?.({ filters: this.sortedFilters })?.[0] ?? h();
-    }
-};
-__decorate([
-    XProvide('filters')
-], SortedFilters.prototype, "sortedFilters", null);
-SortedFilters = __decorate([
-    Component({
-        mixins: [xComponentMixin(facetsXModule)]
-    })
-], SortedFilters);
-var script = SortedFilters;
 
-export { script as default };
+
+export { _sfc_main as default };
 //# sourceMappingURL=sorted-filters.vue2.js.map

package/js/x-modules/facets/components/lists/sorted-filters.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"sorted-filters.vue2.js","sources":["../../../../../../src/x-modules/facets/components/lists/sorted-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { BooleanFilter, Filter, isBooleanFilter } from '@empathyco/x-types';\n  import { mixins } from 'vue-class-component';\n  import { Component } from 'vue-property-decorator';\n  import { CreateElement, VNode } from 'vue';\n  import { xComponentMixin, XProvide } from '../../../../components';\n  import { isArrayEmpty } from '../../../../utils';\n  import { facetsXModule } from '../../x-module';\n  import FiltersInjectionMixin from './filters-injection.mixin';\n\n  /**\n   * Component that sorts a list of filters and returns them using the default scoped slot.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(facetsXModule)]\n  })\n  export default class SortedFilters extends mixins(FiltersInjectionMixin) {\n    /**\n     * An array of filters with the selected filters at the beginning of the list.\n     *\n     * @returns Array of filters.\n     * @internal\n     */\n    @XProvide('filters')\n    public get sortedFilters(): Filter[] {\n      if (!isArrayEmpty(this.renderedFilters) && isBooleanFilter(this.renderedFilters[0])) {\n        return ([...this.renderedFilters] as BooleanFilter[]).sort(({ selected }) => {\n          return selected ? -1 : 1;\n        });\n      }\n\n      return this.renderedFilters;\n    }\n\n    render(h: CreateElement): VNode {\n      return this.$scopedSlots.default?.({ filters: this.sortedFilters })?.[0] ?? h();\n    }\n  }\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUE;;;;AAIG;AAIY,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,MAAM,CAAC,qBAAqB,CAAC,CAAA;AACtE;;;;;AAKG;AAEH,IAAA,IAAW,aAAa,GAAA;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE;AACnF,YAAA,OAAQ,CAAC,GAAG,IAAI,CAAC,eAAe,CAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAI;gBAC1E,OAAO,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B,aAAC,CAAC,CAAC;AACJ,SAAA;QAED,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;AAED,IAAA,MAAM,CAAC,CAAgB,EAAA;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;KACjF;CACF,CAAA;AAbC,UAAA,CAAA;IADC,QAAQ,CAAC,SAAS,CAAC;AASnB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA,CAAA;AAhBkB,aAAa,GAAA,UAAA,CAAA;AAHjC,IAAA,SAAS,CAAC;AACT,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;AACmB,CAAA,EAAA,aAAa,CAqBjC,CAAA;aArBoB,aAAa;;;;"}
+{"version":3,"file":"sorted-filters.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/js/x-modules/facets/components/preselected-filters.vue.js

@@ -1,39 +1,70 @@
-import script from './preselected-filters.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import { defineComponent, inject, computed, watch } from 'vue';
+import { createRawFilters } from '../../../utils/filters.js';
+import { isArrayEmpty } from '../../../utils/array.js';
+import { useXBus } from '../../../composables/use-x-bus.js';
+import { facetsXModule } from '../x-module.js';
 
-/* script */
-const __vue_script__ = script;
+/**
+ * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter
+ * is set in the snippet config or by using the prop of the component.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'PreselectedFilters',
+    xModule: facetsXModule.name,
+    props: {
+        /**
+         * A list of filters to preselect.
+         *
+         * @remarks Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the
+         * component is created.
+         *
+         * @public
+         */
+        filters: {
+            type: Array,
+            default: () => []
+        }
+    },
+    setup(props, { slots }) {
+        const xBus = useXBus();
+        /**
+         * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig
+         * and sets is as a ref to get synced when it changes.
+         *
+         * @internal
+         */
+        const snippetConfig = inject('snippetConfig');
+        /**
+         * Gets the provided preselected filters prioritizing the {@link SnippetConfig} over the
+         * filters prop.
+         *
+         * @returns An array of filter's ids.
+         * @internal
+         */
+        const preselectedFilters = computed(() => {
+            return snippetConfig?.filters ?? props.filters;
+        });
+        /**
+         * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} to save
+         * the provided filters in the state.
+         *
+         * @internal
+         */
+        const emitPreselectedFilters = () => {
+            if (!isArrayEmpty(preselectedFilters.value)) {
+                xBus.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));
+            }
+        };
+        /**
+         * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the
+         * computed prop changes.
+         */
+        watch(preselectedFilters, emitPreselectedFilters, { immediate: true });
+        return () => slots.default?.()[0] ?? '';
+    }
+});
 
-/* template */
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = undefined;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    {},
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };
+export { _sfc_main as default };
 //# sourceMappingURL=preselected-filters.vue.js.map

package/js/x-modules/facets/components/preselected-filters.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"preselected-filters.vue.js","sources":["../../../../../src/x-modules/facets/components/preselected-filters.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { defineComponent, PropType, watch, computed, inject } from 'vue';\n  import { createRawFilters } from '../../../utils/filters';\n  import { isArrayEmpty } from '../../../utils/array';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { useXBus } from '../../../composables/use-x-bus';\n  import { useNoElementRender } from '../../../composables';\n\n  /**\n   * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter\n   * is set in the snippet config or by using the prop of the component.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PreselectedFilters',\n    props: {\n      /**\n       * A list of filters to preselect.\n       *\n       * @remarks Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * component is created.\n       *\n       * @public\n       */\n      filters: {\n        type: Array as PropType<string[]>,\n        default: () => []\n      }\n    },\n    setup(props) {\n      const xBus = useXBus();\n\n      /**\n       * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig\n       * and sets is as a ref to get synced when it changes.\n       *\n       * @internal\n       */\n      const snippetConfig = inject<SnippetConfig>('snippetConfig');\n\n      /**\n       * Gets the provided preselected filters prioritizing the {@link SnippetConfig} over the\n       * filters prop.\n       *\n       * @returns An array of filter's ids.\n       * @internal\n       */\n      const preselectedFilters = computed<string[]>(() => {\n        return snippetConfig?.filters ?? props.filters;\n      });\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} to save\n       * the provided filters in the state.\n       *\n       * @internal\n       */\n      const emitPreselectedFilters = (): void => {\n        if (!isArrayEmpty(preselectedFilters.value)) {\n          xBus.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));\n        }\n      };\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * computed prop changes.\n       */\n      watch(preselectedFilters, emitPreselectedFilters, { immediate: true });\n    },\n    render() {\n      return useNoElementRender(this.$slots);\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n[`PreselectedFiltersProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts).\n\n## See it in action\n\n_See how the event is triggered when the component is rendered._\n\n```vue\n<template>\n  <PreselectedFilters />\n</template>\n\n<script>\n  import { PreselectedFilters } from '@empathyco/x-components';\n  export default {\n    name: 'PreselectedFiltersDemo',\n    components: {\n      PreselectedFilters\n    },\n    provide: {\n      snippetConfig: {\n        filters: ['{!tag=brand_facet}brand_facet:\"Lego\"', '{!tag=age_facet}age_facet:\"toddler\"']\n      }\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the preselected filters have been configured to use a list of configured filters by\nprop:\n\n```vue\n<template>\n  <PreselectedFilters :filters=\"filters\" />\n</template>\n\n<script>\n  import { PreselectedFilters } from '@empathyco/x-components';\n  export default {\n    name: 'PreselectedFiltersDemo',\n    components: {\n      PreselectedFilters\n    },\n    computed: {\n      filters() {\n        return ['{!tag=brand_facet}brand_facet:\"Lego\"', '{!tag=age_facet}age_facet:\"toddler\"'];\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"preselected-filters.vue.js","sources":["../../../../../src/x-modules/facets/components/preselected-filters.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { defineComponent, PropType, watch, computed, inject } from 'vue';\n  import { createRawFilters } from '../../../utils/filters';\n  import { isArrayEmpty } from '../../../utils/array';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { useXBus } from '../../../composables/use-x-bus';\n  import { facetsXModule } from '../x-module';\n\n  /**\n   * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter\n   * is set in the snippet config or by using the prop of the component.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PreselectedFilters',\n    xModule: facetsXModule.name,\n    props: {\n      /**\n       * A list of filters to preselect.\n       *\n       * @remarks Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * component is created.\n       *\n       * @public\n       */\n      filters: {\n        type: Array as PropType<string[]>,\n        default: () => []\n      }\n    },\n    setup(props, { slots }) {\n      const xBus = useXBus();\n\n      /**\n       * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig\n       * and sets is as a ref to get synced when it changes.\n       *\n       * @internal\n       */\n      const snippetConfig = inject<SnippetConfig>('snippetConfig');\n\n      /**\n       * Gets the provided preselected filters prioritizing the {@link SnippetConfig} over the\n       * filters prop.\n       *\n       * @returns An array of filter's ids.\n       * @internal\n       */\n      const preselectedFilters = computed<string[]>(() => {\n        return snippetConfig?.filters ?? props.filters;\n      });\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} to save\n       * the provided filters in the state.\n       *\n       * @internal\n       */\n      const emitPreselectedFilters = (): void => {\n        if (!isArrayEmpty(preselectedFilters.value)) {\n          xBus.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));\n        }\n      };\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * computed prop changes.\n       */\n      watch(preselectedFilters, emitPreselectedFilters, { immediate: true });\n\n      return () => slots.default?.()[0] ?? '';\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n[`PreselectedFiltersProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts).\n\n## See it in action\n\n_See how the event is triggered when the component is rendered._\n\n```vue\n<template>\n  <PreselectedFilters />\n</template>\n\n<script>\n  import { PreselectedFilters } from '@empathyco/x-components';\n  export default {\n    name: 'PreselectedFiltersDemo',\n    components: {\n      PreselectedFilters\n    },\n    provide: {\n      snippetConfig: {\n        filters: ['{!tag=brand_facet}brand_facet:\"Lego\"', '{!tag=age_facet}age_facet:\"toddler\"']\n      }\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the preselected filters have been configured to use a list of configured filters by\nprop:\n\n```vue\n<template>\n  <PreselectedFilters :filters=\"filters\" />\n</template>\n\n<script>\n  import { PreselectedFilters } from '@empathyco/x-components';\n  export default {\n    name: 'PreselectedFiltersDemo',\n    components: {\n      PreselectedFilters\n    },\n    computed: {\n      filters() {\n        return ['{!tag=brand_facet}brand_facet:\"Lego\"', '{!tag=age_facet}age_facet:\"toddler\"'];\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;AAQE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;AACL;;;;;;;AAOE;AACF,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,KAA2B;AACjC,YAAA,OAAO,EAAE,MAAM,EAAC;AAClB,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;AACpB,QAAA,MAAM,IAAG,GAAI,OAAO,EAAE,CAAA;AAEtB;;;;;AAKE;AACF,QAAA,MAAM,aAAY,GAAI,MAAM,CAAgB,eAAe,CAAC,CAAA;AAE5D;;;;;;AAME;AACF,QAAA,MAAM,kBAAiB,GAAI,QAAQ,CAAW,MAAM;AAClD,YAAA,OAAO,aAAa,EAAE,OAAQ,IAAG,KAAK,CAAC,OAAO,CAAA;AAChD,SAAC,CAAC,CAAA;AAEF;;;;;AAKE;QACF,MAAM,sBAAuB,GAAE,MAAY;AACzC,YAAA,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;AAC3C,gBAAA,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;AACrF,aAAA;AACF,SAAC,CAAA;AAED;;;AAGE;QACF,KAAK,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,EAAE,SAAS,EAAE,IAAG,EAAG,CAAC,CAAA;AAEtE,QAAA,OAAO,MAAM,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA,IAAK,EAAE,CAAA;KACzC;AACD,CAAA,CAAC;;;;"}

package/js/x-modules/facets/components/preselected-filters.vue2.js

@@ -1,81 +1,6 @@
-import { defineComponent, inject, computed, watch } from 'vue';
-import { createRawFilters } from '../../../utils/filters.js';
-import { isArrayEmpty } from '../../../utils/array.js';
-import { useXBus } from '../../../composables/use-x-bus.js';
-import '../../../composables/create-use-device.composable.js';
-import { useNoElementRender } from '../../../composables/use-no-element-render.js';
-import '@vue/devtools-api';
-import '../../../plugins/devtools/timeline.devtools.js';
-import '@empathyco/x-utils';
-import 'rxjs/operators';
-import 'rxjs';
-import '../../../plugins/devtools/colors.utils.js';
-import '../../../plugins/x-bus.js';
-import '../../../plugins/x-plugin.js';
-import '@vueuse/core';
+import _sfc_main from './preselected-filters.vue.js';
 
-/**
- * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter
- * is set in the snippet config or by using the prop of the component.
- *
- * @public
- */
-var script = defineComponent({
-    name: 'PreselectedFilters',
-    props: {
-        /**
-         * A list of filters to preselect.
-         *
-         * @remarks Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the
-         * component is created.
-         *
-         * @public
-         */
-        filters: {
-            type: Array,
-            default: () => []
-        }
-    },
-    setup(props) {
-        const xBus = useXBus();
-        /**
-         * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig
-         * and sets is as a ref to get synced when it changes.
-         *
-         * @internal
-         */
-        const snippetConfig = inject('snippetConfig');
-        /**
-         * Gets the provided preselected filters prioritizing the {@link SnippetConfig} over the
-         * filters prop.
-         *
-         * @returns An array of filter's ids.
-         * @internal
-         */
-        const preselectedFilters = computed(() => {
-            return snippetConfig?.filters ?? props.filters;
-        });
-        /**
-         * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} to save
-         * the provided filters in the state.
-         *
-         * @internal
-         */
-        const emitPreselectedFilters = () => {
-            if (!isArrayEmpty(preselectedFilters.value)) {
-                xBus.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));
-            }
-        };
-        /**
-         * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the
-         * computed prop changes.
-         */
-        watch(preselectedFilters, emitPreselectedFilters, { immediate: true });
-    },
-    render() {
-        return useNoElementRender(this.$slots);
-    }
-});
 
-export { script as default };
+
+export { _sfc_main as default };
 //# sourceMappingURL=preselected-filters.vue2.js.map

package/js/x-modules/facets/components/preselected-filters.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"preselected-filters.vue2.js","sources":["../../../../../src/x-modules/facets/components/preselected-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { defineComponent, PropType, watch, computed, inject } from 'vue';\n  import { createRawFilters } from '../../../utils/filters';\n  import { isArrayEmpty } from '../../../utils/array';\n  import { SnippetConfig } from '../../../x-installer/api/api.types';\n  import { useXBus } from '../../../composables/use-x-bus';\n  import { useNoElementRender } from '../../../composables';\n\n  /**\n   * This component emits {@link FacetsXEvents.PreselectedFiltersProvided} when a preselected filter\n   * is set in the snippet config or by using the prop of the component.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PreselectedFilters',\n    props: {\n      /**\n       * A list of filters to preselect.\n       *\n       * @remarks Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * component is created.\n       *\n       * @public\n       */\n      filters: {\n        type: Array as PropType<string[]>,\n        default: () => []\n      }\n    },\n    setup(props) {\n      const xBus = useXBus();\n\n      /**\n       * Injects {@link SnippetConfig} provided by an ancestor as snippetConfig\n       * and sets is as a ref to get synced when it changes.\n       *\n       * @internal\n       */\n      const snippetConfig = inject<SnippetConfig>('snippetConfig');\n\n      /**\n       * Gets the provided preselected filters prioritizing the {@link SnippetConfig} over the\n       * filters prop.\n       *\n       * @returns An array of filter's ids.\n       * @internal\n       */\n      const preselectedFilters = computed<string[]>(() => {\n        return snippetConfig?.filters ?? props.filters;\n      });\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} to save\n       * the provided filters in the state.\n       *\n       * @internal\n       */\n      const emitPreselectedFilters = (): void => {\n        if (!isArrayEmpty(preselectedFilters.value)) {\n          xBus.emit('PreselectedFiltersProvided', createRawFilters(preselectedFilters.value));\n        }\n      };\n\n      /**\n       * Emits the {@link FacetsXEvents.PreselectedFiltersProvided} when the\n       * computed prop changes.\n       */\n      watch(preselectedFilters, emitPreselectedFilters, { immediate: true });\n    },\n    render() {\n      return useNoElementRender(this.$slots);\n    }\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,oBAAoB;AAC1B,IAAA,KAAK,EAAE;AACL;;;;;;;AAOG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,KAA2B;AACjC,YAAA,OAAO,EAAE,MAAM,EAAE;AAClB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;AAEvB;;;;;AAKG;AACH,QAAA,MAAM,aAAa,GAAG,MAAM,CAAgB,eAAe,CAAC,CAAC;AAE7D;;;;;;AAMG;AACH,QAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAW,MAAK;AACjD,YAAA,OAAO,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC;AACjD,SAAC,CAAC,CAAC;AAEH;;;;;AAKG;QACH,MAAM,sBAAsB,GAAG,MAAW;AACxC,YAAA,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;AAC3C,gBAAA,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;AACrF,aAAA;AACH,SAAC,CAAC;AAEF;;;AAGG;QACH,KAAK,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KACxE;IACD,MAAM,GAAA;AACJ,QAAA,OAAO,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACxC;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"preselected-filters.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/js/x-modules/facets/composables/use-facets.js

@@ -0,0 +1,58 @@
+import { computed } from 'vue';
+import { useGetter } from '../../../composables/use-getter.js';
+import { isArrayEmpty } from '../../../utils/array.js';
+
+/**
+ * Composable to share Facets logic.
+ *
+ * @param props - Composable props.
+ * @returns Composable.
+ *
+ * @public
+ */
+function useFacets(props) {
+    const { selectedFiltersByFacet, selectedFilters: selectedFiltersGetter } = useGetter('facets', [
+        'selectedFiltersByFacet',
+        'selectedFilters'
+    ]);
+    /**
+     * Get selected filters.
+     * If there are facets ids, get selected filters whose facet id match with some of facets ids.
+     * If there aren't facets ids, get selected filters.
+     *
+     * @returns Array of selected filters depends on there are facets ids or not.
+     */
+    const selectedFilters = computed(() => {
+        if (props.facetsIds) {
+            return props.facetsIds.reduce((selectedFilters, facetId) => [
+                ...selectedFilters,
+                ...(Array.isArray(selectedFiltersByFacet.value[facetId])
+                    ? selectedFiltersByFacet.value[facetId]
+                    : [])
+            ], []);
+        }
+        return selectedFiltersGetter.value;
+    });
+    /**
+     * Check if there are selected filters.
+     *
+     * @returns True or false depends on if there are selected filters.
+     */
+    const hasSelectedFilters = computed(() => !isArrayEmpty(selectedFilters.value));
+    /**
+     * Flag representing if the component should be visible/rendered or not.
+     *
+     * @returns True whenever alwaysVisible is true or has selected filters. False
+     * otherwise.
+     */
+    const isVisible = computed(() => !!props.alwaysVisible || hasSelectedFilters.value);
+    return {
+        selectedFiltersByFacet,
+        selectedFilters,
+        hasSelectedFilters,
+        isVisible
+    };
+}
+
+export { useFacets };
+//# sourceMappingURL=use-facets.js.map

package/js/x-modules/facets/composables/use-facets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-facets.js","sources":["../../../../../src/x-modules/facets/composables/use-facets.ts"],"sourcesContent":["import { Facet, Filter } from '@empathyco/x-types';\nimport { computed, ComputedRef } from 'vue';\nimport { useGetter } from '../../../composables/use-getter';\nimport { isArrayEmpty } from '../../../utils/array';\nimport { FiltersByFacet } from '../store/types';\n\n/**\n * Composable to share Facets logic.\n *\n * @param props - Composable props.\n * @returns Composable.\n *\n * @public\n */\nexport function useFacets(props: {\n  /** Array of facets ids used to get the selected filters for those facets. */\n  facetsIds?: Array<Facet['id']>;\n  /** Flag to render the component even if there are no filters selected. */\n  alwaysVisible?: boolean;\n}) {\n  const { selectedFiltersByFacet, selectedFilters: selectedFiltersGetter } = useGetter('facets', [\n    'selectedFiltersByFacet',\n    'selectedFilters'\n  ]) as {\n    /** Dictionary of filters {@link FiltersByFacet} filtered by facet id. */\n    selectedFiltersByFacet: ComputedRef<FiltersByFacet>;\n    /** Get the selected filters from store. */\n    selectedFilters: ComputedRef<Filter[]>;\n  };\n\n  /**\n   * Get selected filters.\n   * If there are facets ids, get selected filters whose facet id match with some of facets ids.\n   * If there aren't facets ids, get selected filters.\n   *\n   * @returns Array of selected filters depends on there are facets ids or not.\n   */\n  const selectedFilters = computed<Filter[]>(() => {\n    if (props.facetsIds) {\n      return (props.facetsIds as string[]).reduce(\n        (selectedFilters, facetId) => [\n          ...selectedFilters,\n          ...(Array.isArray(selectedFiltersByFacet.value[facetId])\n            ? selectedFiltersByFacet.value[facetId]\n            : [])\n        ],\n        [] as Filter[]\n      );\n    }\n\n    return selectedFiltersGetter.value;\n  });\n\n  /**\n   * Check if there are selected filters.\n   *\n   * @returns True or false depends on if there are selected filters.\n   */\n  const hasSelectedFilters = computed<boolean>(() => !isArrayEmpty(selectedFilters.value));\n\n  /**\n   * Flag representing if the component should be visible/rendered or not.\n   *\n   * @returns True whenever alwaysVisible is true or has selected filters. False\n   * otherwise.\n   */\n  const isVisible = computed<boolean>(() => !!props.alwaysVisible || hasSelectedFilters.value);\n\n  return {\n    selectedFiltersByFacet,\n    selectedFilters,\n    hasSelectedFilters,\n    isVisible\n  };\n}\n"],"names":[],"mappings":";;;;AAMA;;;;;;;AAOG;AACG,SAAU,SAAS,CAAC,KAKzB,EAAA;IACC,MAAM,EAAE,sBAAsB,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE;QAC7F,wBAAwB;QACxB,iBAAiB;AAClB,KAAA,CAKA,CAAC;AAEF;;;;;;AAMG;AACH,IAAA,MAAM,eAAe,GAAG,QAAQ,CAAW,MAAK;QAC9C,IAAI,KAAK,CAAC,SAAS,EAAE;AACnB,YAAA,OAAQ,KAAK,CAAC,SAAsB,CAAC,MAAM,CACzC,CAAC,eAAe,EAAE,OAAO,KAAK;AAC5B,gBAAA,GAAG,eAAe;gBAClB,IAAI,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACtD,sBAAE,sBAAsB,CAAC,KAAK,CAAC,OAAO,CAAC;sBACrC,EAAE;aACP,EACD,EAAc,CACf,CAAC;AACH,SAAA;QAED,OAAO,qBAAqB,CAAC,KAAK,CAAC;AACrC,KAAC,CAAC,CAAC;AAEH;;;;AAIG;AACH,IAAA,MAAM,kBAAkB,GAAG,QAAQ,CAAU,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;AAEzF;;;;;AAKG;AACH,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAU,MAAM,CAAC,CAAC,KAAK,CAAC,aAAa,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE7F,OAAO;QACL,sBAAsB;QACtB,eAAe;QACf,kBAAkB;QAClB,SAAS;KACV,CAAC;AACJ;;;;"}

package/js/x-modules/facets/{components/lists/filters-injection.mixin.js → composables/use-filters-injection.js}

@@ -1,28 +1,22 @@
-import { __decorate } from 'tslib';
 import { isHierarchicalFilter } from '@empathyco/x-types';
-import Vue from 'vue';
-import Component from 'vue-class-component';
-import { Prop } from 'vue-property-decorator';
-import { XInject } from '../../../../components/decorators/injection.decorators.js';
-import { isArrayEmpty } from '../../../../utils/array.js';
+import { inject, computed } from 'vue';
+import { isArrayEmpty } from '../../../utils/array.js';
 
 /**
- * Mixin to share filters injection logic.
+ * Composable to share filters injection logic.
+ *
+ * @param props - Composable props.
+ * @returns An array of filters.
  *
  * @public
  */
-let FiltersInjectionMixin = class FiltersInjectionMixin extends Vue {
+function useFiltersInjection(props) {
     /**
-     * The prop or injected filters array, filtered by parentId if they are
-     * {@link @empathyco/x-types#HierarchicalFilter}.
+     * The injected filters array.
      *
-     * @returns An array of filters.
-     *
-     * @internal
+     * @public
      */
-    get renderedFilters() {
-        return this.filterByParentId(this.propOrInjectedFilters);
-    }
+    const injectedFilters = inject('filters', undefined);
     /**
      * An array of filters formed by those that are passed through prop or injected.
      *
@@ -30,13 +24,13 @@ let FiltersInjectionMixin = class FiltersInjectionMixin extends Vue {
      *
      * @internal
      */
-    get propOrInjectedFilters() {
-        return (this.filters ??
-            this.injectedFilters ??
+    const propOrInjectedFilters = computed(() => {
+        return (props.filters ??
+            injectedFilters?.value ??
             //TODO: add here logger
             //eslint-disable-next-line no-console
             console.warn('It is necessary to pass a prop or inject the list of filters'));
-    }
+    });
     /**
      * In the case that the filters are {@link @empathyco/x-types#HierarchicalFilter}, this method
      * removes from the filter list passed as a param, the filters that are not part of the level of
@@ -48,28 +42,24 @@ let FiltersInjectionMixin = class FiltersInjectionMixin extends Vue {
      * @returns The list of the filters filtered by parentId.
      * @internal
      */
-    filterByParentId(filters) {
+    const filterByParentId = (filters) => {
         if (!isArrayEmpty(filters) && isHierarchicalFilter(filters[0])) {
-            return filters.filter(filter => filter.parentId === (this.parentId ?? null));
+            return filters.filter(filter => filter.parentId === (props.parentId ?? null));
         }
         else {
             return filters;
         }
-    }
-};
-__decorate([
-    Prop()
-], FiltersInjectionMixin.prototype, "filters", void 0);
-__decorate([
-    Prop({ required: false })
-], FiltersInjectionMixin.prototype, "parentId", void 0);
-__decorate([
-    XInject('filters')
-], FiltersInjectionMixin.prototype, "injectedFilters", void 0);
-FiltersInjectionMixin = __decorate([
-    Component
-], FiltersInjectionMixin);
-var FiltersInjectionMixin$1 = FiltersInjectionMixin;
+    };
+    /**
+     * The prop or injected filters array, filtered by parentId if they are
+     * {@link @empathyco/x-types#HierarchicalFilter}.
+     *
+     * @returns An array of filters.
+     *
+     * @internal
+     */
+    return computed(() => filterByParentId(propOrInjectedFilters.value));
+}
 
-export { FiltersInjectionMixin$1 as default };
-//# sourceMappingURL=filters-injection.mixin.js.map
+export { useFiltersInjection };
+//# sourceMappingURL=use-filters-injection.js.map

package/js/x-modules/facets/composables/use-filters-injection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filters-injection.js","sources":["../../../../../src/x-modules/facets/composables/use-filters-injection.ts"],"sourcesContent":["import { Filter, HierarchicalFilter, isHierarchicalFilter } from '@empathyco/x-types';\nimport { computed, inject, Ref } from 'vue';\nimport { isArrayEmpty } from '../../../utils/array';\n\n/**\n * Composable to share filters injection logic.\n *\n * @param props - Composable props.\n * @returns An array of filters.\n *\n * @public\n */\nexport function useFiltersInjection(props: {\n  /** The list of filters to be rendered as slots. */\n  filters?: Filter[];\n  /**\n    This prop is used in the `HierarchicalFilter` component and only in that case. It is necessary\n   to make the `renderedFilters` to return only the filters of each level of the hierarchy.\n   */\n  parentId?: Filter['id'];\n}) {\n  /**\n   * The injected filters array.\n   *\n   * @public\n   */\n  const injectedFilters = inject<Ref<Filter[]> | undefined>('filters', undefined);\n\n  /**\n   * An array of filters formed by those that are passed through prop or injected.\n   *\n   * @returns An array of filters.\n   *\n   * @internal\n   */\n  const propOrInjectedFilters = computed((): void | Filter[] => {\n    return (\n      props.filters ??\n      injectedFilters?.value ??\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\n      console.warn('It is necessary to pass a prop or inject the list of filters')\n    );\n  });\n\n  /**\n   * In the case that the filters are {@link @empathyco/x-types#HierarchicalFilter}, this method\n   * removes from the filter list passed as a param, the filters that are not part of the level of\n   * the hierarchy, depending on the value of the `parentId` prop. In case this prop is undefined,\n   * then only the first level of filters hierarchy are returned. In the case the prop `parentId` is\n   * defined, then only the filters with the same `parentId` are returned.\n   *\n   * @param filters - The list of the filters to apply the filter.\n   * @returns The list of the filters filtered by parentId.\n   * @internal\n   */\n  const filterByParentId = (filters: Filter[]): Filter[] => {\n    if (!isArrayEmpty(filters) && isHierarchicalFilter(filters[0])) {\n      return (filters as HierarchicalFilter[]).filter(\n        filter => filter.parentId === (props.parentId ?? null)\n      );\n    } else {\n      return filters;\n    }\n  };\n\n  /**\n   * The prop or injected filters array, filtered by parentId if they are\n   * {@link @empathyco/x-types#HierarchicalFilter}.\n   *\n   * @returns An array of filters.\n   *\n   * @internal\n   */\n  return computed<Filter[]>(() => filterByParentId(propOrInjectedFilters.value as Filter[]));\n}\n"],"names":[],"mappings":";;;;AAIA;;;;;;;AAOG;AACG,SAAU,mBAAmB,CAAC,KAQnC,EAAA;AACC;;;;AAIG;IACH,MAAM,eAAe,GAAG,MAAM,CAA4B,SAAS,EAAE,SAAS,CAAC,CAAC;AAEhF;;;;;;AAMG;AACH,IAAA,MAAM,qBAAqB,GAAG,QAAQ,CAAC,MAAsB;QAC3D,QACE,KAAK,CAAC,OAAO;AACb,YAAA,eAAe,EAAE,KAAK;;;AAGtB,YAAA,OAAO,CAAC,IAAI,CAAC,8DAA8D,CAAC,EAC5E;AACJ,KAAC,CAAC,CAAC;AAEH;;;;;;;;;;AAUG;AACH,IAAA,MAAM,gBAAgB,GAAG,CAAC,OAAiB,KAAc;AACvD,QAAA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9D,OAAQ,OAAgC,CAAC,MAAM,CAC7C,MAAM,IAAI,MAAM,CAAC,QAAQ,MAAM,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,CACvD,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,OAAO,CAAC;AAChB,SAAA;AACH,KAAC,CAAC;AAEF;;;;;;;AAOG;AACH,IAAA,OAAO,QAAQ,CAAW,MAAM,gBAAgB,CAAC,qBAAqB,CAAC,KAAiB,CAAC,CAAC,CAAC;AAC7F;;;;"}