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

package/js/plugins/x-plugin.mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { Store } from 'vuex';\nimport { XBus } from '@empathyco/x-bus';\nimport { getRootXComponent, getXComponentXModuleName } from '../components/x-component.utils';\nimport { RootXStoreState } from '../store/store.types';\nimport { XEvent, XEventPayload, XEventsTypes } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XModuleName } from '../x-modules/x-modules.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ndeclare module 'vue/types/options' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  export interface ComponentOptions<V, Data, Methods, Computed, PropsDef, Props> {\n    xModule?: XModuleName;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  $store: Store<{ x: Partial<RootXStoreState['x']> }>;\n  xComponent: Vue | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link @empathyco/x-bus#XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus<XEventsTypes, WireMetadata>\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  beforeCreate(this: PrivateExtendedVueComponent) {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link @empathyco/x-bus#XBus}.\n *\n * @param bus - The global {@link @empathyco/x-bus#XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(\n  bus: XBus<XEventsTypes, WireMetadata>,\n  component: PrivateExtendedVueComponent\n): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as XEventPayload<Event>, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return Object.defineProperties(\n    {\n      replaceable: true,\n      moduleName: getXComponentXModuleName(component.xComponent),\n      location: component.$location,\n      ...metadata\n    },\n    {\n      component: {\n        value: component,\n        /* FIX-ME: defining component as a non-enumerable property to ease tests changes due to\n         * cyclic dependencies in Vue component instances. */\n        enumerable: false\n      }\n    }\n  );\n}\n"],"names":[],"mappings":";;;AA+BA;;;;;;;;;AASG;MACU,wBAAwB,GAAG,CACtC,GAAqC,MAC8B;AACnE,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;IACD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;AACF,CAAA,EAAE;AAEH;;;;;;;;AAQG;AACa,SAAA,SAAS,CACvB,GAAqC,EACrC,SAAsC,EAAA;IAEtC,OAAO;QACL,IAAI,EAAE,CACJ,KAAY,EACZ,OAA8B,EAC9B,QAAA,GAA6C,EAAE,KAC7C;AACF,YAAA,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAA+B,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YAC1F,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B,EAAA;IAE/B,OAAO,MAAM,CAAC,gBAAgB,CAC5B;AACE,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC;QAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS;AAC7B,QAAA,GAAG,QAAQ;KACZ,EACD;AACE,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,SAAS;AAChB;AACqD;AACrD,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA,CACF,CAAC;AACJ;;;;"}

package/js/x-modules/facets/components/facets.mixin.js

@@ -1,67 +0,0 @@
-import { __decorate } from 'tslib';
-import Vue from 'vue';
-import Component from 'vue-class-component';
-import { Prop } from 'vue-property-decorator';
-import { Getter } from '../../../components/decorators/store.decorators.js';
-import { isArrayEmpty } from '../../../utils/array.js';
-
-/**
- * Mixin to share Facets logic.
- *
- * @public
- */
-let FacetsMixin = class FacetsMixin extends Vue {
-    /**
-     * 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.
-     * @internal
-     */
-    get selectedFilters() {
-        if (this.facetsIds) {
-            return this.facetsIds.reduce((selectedFilters, facetId) => [...selectedFilters, ...this.selectedFiltersByFacet[facetId]], []);
-        }
-        return this.selectedFiltersGetter;
-    }
-    /**
-     * Check if there are selected filters.
-     *
-     * @returns True or false depends on if there are selected filters.
-     * @internal
-     */
-    get hasSelectedFilters() {
-        return !isArrayEmpty(this.selectedFilters);
-    }
-    /**
-     * Flag representing if the component should be visible/rendered or not.
-     *
-     * @returns True whenever alwaysVisible is true or has selected filters. False
-     * otherwise.
-     *
-     * @internal
-     */
-    get isVisible() {
-        return this.alwaysVisible || this.hasSelectedFilters;
-    }
-};
-__decorate([
-    Prop()
-], FacetsMixin.prototype, "facetsIds", void 0);
-__decorate([
-    Prop({ default: false })
-], FacetsMixin.prototype, "alwaysVisible", void 0);
-__decorate([
-    Getter('facets', 'selectedFiltersByFacet')
-], FacetsMixin.prototype, "selectedFiltersByFacet", void 0);
-__decorate([
-    Getter('facets', 'selectedFilters')
-], FacetsMixin.prototype, "selectedFiltersGetter", void 0);
-FacetsMixin = __decorate([
-    Component
-], FacetsMixin);
-var FacetsMixin$1 = FacetsMixin;
-
-export { FacetsMixin$1 as default };
-//# sourceMappingURL=facets.mixin.js.map

package/js/x-modules/facets/components/facets.mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"facets.mixin.js","sources":["../../../../../src/x-modules/facets/components/facets.mixin.ts"],"sourcesContent":["import { Facet, Filter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { Prop } from 'vue-property-decorator';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { isArrayEmpty } from '../../../utils/array';\nimport { FiltersByFacet } from '../store/types';\n\n/**\n * Mixin to share Facets logic.\n *\n * @public\n */\n@Component\nexport default class FacetsMixin extends Vue {\n  /**\n   * Array of facets ids used to get the selected filters for those facets.\n   *\n   * @public\n   */\n  @Prop()\n  public facetsIds?: Array<Facet['id']>;\n\n  /**\n   * Flag to render the component even if there are no filters selected.\n   *\n   * @public\n   */\n  @Prop({ default: false })\n  public alwaysVisible!: boolean;\n\n  /**\n   * Dictionary of filters {@link FiltersByFacet} filtered by facet id.\n   *\n   * @internal\n   */\n  @Getter('facets', 'selectedFiltersByFacet')\n  public selectedFiltersByFacet!: FiltersByFacet;\n\n  /**\n   * Get the selected filters from store.\n   *\n   * @internal\n   */\n  @Getter('facets', 'selectedFilters')\n  public selectedFiltersGetter!: Filter[];\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   * @internal\n   */\n  protected get selectedFilters(): Filter[] {\n    if (this.facetsIds) {\n      return (this.facetsIds as string[]).reduce(\n        (selectedFilters, facetId) => [...selectedFilters, ...this.selectedFiltersByFacet[facetId]],\n        [] as Filter[]\n      );\n    }\n\n    return this.selectedFiltersGetter;\n  }\n\n  /**\n   * Check if there are selected filters.\n   *\n   * @returns True or false depends on if there are selected filters.\n   * @internal\n   */\n  protected get hasSelectedFilters(): boolean {\n    return !isArrayEmpty(this.selectedFilters);\n  }\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   * @internal\n   */\n  protected get isVisible(): boolean {\n    return this.alwaysVisible || this.hasSelectedFilters;\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAQA;;;;AAIG;AAEY,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,GAAG,CAAA;AAiC1C;;;;;;;AAOG;AACH,IAAA,IAAc,eAAe,GAAA;QAC3B,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,OAAQ,IAAI,CAAC,SAAsB,CAAC,MAAM,CACxC,CAAC,eAAe,EAAE,OAAO,KAAK,CAAC,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAC3F,EAAc,CACf,CAAC;AACH,SAAA;QAED,OAAO,IAAI,CAAC,qBAAqB,CAAC;KACnC;AAED;;;;;AAKG;AACH,IAAA,IAAc,kBAAkB,GAAA;AAC9B,QAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KAC5C;AAED;;;;;;;AAOG;AACH,IAAA,IAAc,SAAS,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,kBAAkB,CAAC;KACtD;CACF,CAAA;AAlEC,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AAC+B,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQtC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACM,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQ/B,UAAA,CAAA;AADC,IAAA,MAAM,CAAC,QAAQ,EAAE,wBAAwB,CAAC;AACI,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAQ/C,UAAA,CAAA;AADC,IAAA,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;AACI,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA/BrB,WAAW,GAAA,UAAA,CAAA;IAD/B,SAAS;AACW,CAAA,EAAA,WAAW,CAyE/B,CAAA;oBAzEoB,WAAW;;;;"}

package/js/x-modules/facets/components/lists/filters-injection.mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters-injection.mixin.js","sources":["../../../../../../src/x-modules/facets/components/lists/filters-injection.mixin.ts"],"sourcesContent":["import { Filter, HierarchicalFilter, isHierarchicalFilter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { Prop } from 'vue-property-decorator';\nimport { XInject } from '../../../../components/decorators/injection.decorators';\nimport { isArrayEmpty } from '../../../../utils/array';\n\n/**\n * Mixin to share filters injection logic.\n *\n * @public\n */\n@Component\nexport default class FiltersInjectionMixin extends Vue {\n  /**\n   * The list of filters to be rendered as slots.\n   *\n   * @public\n   */\n  @Prop()\n  protected filters!: Filter[];\n\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   * @public\n   */\n  @Prop({ required: false })\n  protected parentId?: Filter['id'];\n\n  /** The injected filters array.\n   *\n   * @public\n   */\n  @XInject('filters')\n  public injectedFilters!: Filter[];\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  protected get renderedFilters(): Filter[] {\n    return this.filterByParentId(this.propOrInjectedFilters);\n  }\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  protected get propOrInjectedFilters(): Filter[] {\n    return (\n      this.filters ??\n      this.injectedFilters ??\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  protected filterByParentId(filters: Filter[]): Filter[] {\n    if (!isArrayEmpty(filters) && isHierarchicalFilter(filters[0])) {\n      return (filters as HierarchicalFilter[]).filter(\n        filter => filter.parentId === (this.parentId ?? null)\n      );\n    } else {\n      return filters;\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAOA;;;;AAIG;AAEY,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,GAAG,CAAA;AAyBpD;;;;;;;AAOG;AACH,IAAA,IAAc,eAAe,GAAA;QAC3B,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;KAC1D;AAED;;;;;;AAMG;AACH,IAAA,IAAc,qBAAqB,GAAA;QACjC,QACE,IAAI,CAAC,OAAO;AACZ,YAAA,IAAI,CAAC,eAAe;;;AAGpB,YAAA,OAAO,CAAC,IAAI,CAAC,8DAA8D,CAAC,EAC5E;KACH;AAED;;;;;;;;;;AAUG;AACO,IAAA,gBAAgB,CAAC,OAAiB,EAAA;AAC1C,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,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,CACtD,CAAC;AACH,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,OAAO,CAAC;AAChB,SAAA;KACF;CACF,CAAA;AAnEC,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AACsB,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAS7B,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AACQ,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAOlC,UAAA,CAAA;IADC,OAAO,CAAC,SAAS,CAAC;AACe,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAvBf,qBAAqB,GAAA,UAAA,CAAA;IADzC,SAAS;AACW,CAAA,EAAA,qBAAqB,CA0EzC,CAAA;8BA1EoB,qBAAqB;;;;"}

package/js/x-modules/scroll/components/window-scroll.vue.js

@@ -1,39 +0,0 @@
-import script from './window-scroll.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
-
-/* script */
-const __vue_script__ = script;
-
-/* 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 };
-//# sourceMappingURL=window-scroll.vue.js.map

package/js/x-modules/scroll/components/window-scroll.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"window-scroll.vue.js","sources":["../../../../../src/x-modules/scroll/components/window-scroll.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { ScrollDirection, ScrollMixin, xComponentMixin } from '../../../components';\n  import { WireMetadata } from '../../../wiring';\n  import { scrollXModule } from '../x-module';\n  import { MainScrollId } from './scroll.const';\n\n  type ScrollableElement = 'html' | 'body';\n\n  /**\n   * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and\n   * re-emits them as X Events. Additionally it also emits events related to the direction or\n   * current position of these elements scroll.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(scrollXModule)]\n  })\n  export default class WindowScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected scrollableElement!: ScrollableElement;\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: MainScrollId })\n    protected id!: string;\n\n    mounted(): void {\n      this.initAndListenElement();\n      this.$on('scroll', (position: number) => {\n        this.$x.emit('UserScrolled', position, this.createXEventMetadata());\n      });\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());\n      });\n      this.$on('scroll:at-start', (hasReachedStart: boolean) => {\n        this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());\n      });\n      this.$on('scroll:almost-at-end', (hasAlmostReachedEnd: boolean) => {\n        this.$x.emit(\n          'UserAlmostReachedScrollEnd',\n          hasAlmostReachedEnd,\n          this.createXEventMetadata()\n        );\n      });\n      this.$on('scroll:at-end', (hasReachedEnd: boolean) => {\n        this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());\n      });\n    }\n\n    /**\n     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises\n     * its events.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;\n      this.$el.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    /**\n     * Cleanup listeners.\n     */\n    beforeDestroy(): void {\n      this.$el.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Creates the metadata for the events of this component.\n     *\n     * @returns A {@link WireMetadata} for the events emitted by this component.\n     * @internal\n     */\n    protected createXEventMetadata(): Partial<WireMetadata> {\n      return { target: this.$el, id: this.id };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserScrolled`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user scrolls in this container. The payload is the scroll top\n  distance in pixels.\n- [`UserChangedScrollDirection`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted when the user changes the scroll direction. The payload is the new scrolling\n  direction.\n- [`UserReachedScrollStart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted when the user scrolls up to the initial position of the scroll.\n- [`UserAlmostReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted when the user is about to reach the bottom part of the scroll.\n- [`UserReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted when the user has reached the bottom part of the scroll.\n\n## Vue Events\n\n- `scroll`: the event is emitted after the user scrolls in this container. The payload is the scroll\n  top distance in pixels.\n- `scroll:direction-change`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `scroll:at-start`: the event is emitted when the user scrolls up to the initial position of the\n  scroll.\n- `scroll:almost-at-end`: the event is emitted when the user is about to reach the bottom part of\n  the scroll.\n- `scroll:at-end`: the event is emitted when the user has reached the bottom part of the scroll.\n\n## Example\n\nThe `WindowScroll` component manages the scroll state of the `body` or `html` elements. It does the\nnecessary calculations for knowing the direction of scroll, if the scroll has reached its starting\nposition, if it is about to reach its ending position or if it has already reached it end. Whenever\nthis state changes, it emits the appropiate X Event to the rest of the application\n\n### Custom usage\n\n#### Overriding the properties and using document scroll events.\n\n```vue\n<template>\n  <WindowScroll\n    @scroll=\"scroll\"\n    @scroll:direction-change=\"scrollDirectionChange\"\n    @scroll:at-start=\"scrollAtStart\"\n    @scroll:almost-at-end=\"scrollAlmostAtEnd\"\n    @scroll:at-end=\"scrollAtEnd\"\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      WindowScroll\n    },\n    methods: {\n      scroll(position) {\n        console.log('scroll', position);\n      },\n      scrollDirectionChange(direction) {\n        console.log('scroll:direction-change', direction);\n      },\n      scrollAtStart() {\n        console.log('scroll:at-start', isAtStart);\n      },\n      scrollAlmostAtEnd(isAlmostAtEnd) {\n        console.log('scroll:almost-at-end', isAlmostAtEnd);\n      },\n      scrollAtEnd(isAtEnd) {\n        console.log('scroll:at-end', isAtEnd);\n      }\n    }\n  };\n</script>\n```\n\n#### Using body and XEvents.\n\nIf we want to listen scroll body we should do some changes in css for body. This is an example, so\ntherefore the height of body can be get any value that you want. The template style should have a\nsimilar styles the corresponding style for tag body like in the next example.\n\n```vue\n<template>\n  <WindowScroll\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'MainComponent',\n    components: {\n      WindowScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(distance => {\n        console.log(distance);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(direction => {\n        console.log(direction);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(isAtStart => {\n        console.log(isAtStart);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(isAlmostAtEnd => {\n        console.log(isAlmostAtEnd);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(isAtEnd => {\n        console.log(isAtEnd);\n      });\n    }\n  };\n</script>\n<style lang=\"scss\">\n  html {\n    overflow: hidden;\n  }\n\n  body {\n    overflow-y: auto;\n    height: 100vh;\n  }\n</style>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/scroll/components/window-scroll.vue2.js

@@ -1,220 +0,0 @@
-import { __decorate } from 'tslib';
-import { mixins } from 'vue-class-component';
-import { Prop, 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 ScrollMixin from '../../../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 { xComponentMixin } from '../../../components/x-component.mixin.js';
-import { scrollXModule } from '../x-module.js';
-import { MainScrollId } from './scroll.const.js';
-
-/**
- * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and
- * re-emits them as X Events. Additionally it also emits events related to the direction or
- * current position of these elements scroll.
- *
- * @public
- */
-let WindowScroll = class WindowScroll extends mixins(ScrollMixin) {
-    mounted() {
-        this.initAndListenElement();
-        this.$on('scroll', (position) => {
-            this.$x.emit('UserScrolled', position, this.createXEventMetadata());
-        });
-        this.$on('scroll:direction-change', (direction) => {
-            this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());
-        });
-        this.$on('scroll:at-start', (hasReachedStart) => {
-            this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());
-        });
-        this.$on('scroll:almost-at-end', (hasAlmostReachedEnd) => {
-            this.$x.emit('UserAlmostReachedScrollEnd', hasAlmostReachedEnd, this.createXEventMetadata());
-        });
-        this.$on('scroll:at-end', (hasReachedEnd) => {
-            this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());
-        });
-    }
-    /**
-     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises
-     * its events.
-     *
-     * @internal
-     */
-    initAndListenElement() {
-        this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;
-        this.$el.addEventListener('scroll', this.throttledStoreScrollData);
-    }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    render() { }
-    /**
-     * Cleanup listeners.
-     */
-    beforeDestroy() {
-        this.$el.removeEventListener('scroll', this.throttledStoreScrollData);
-    }
-    /**
-     * Creates the metadata for the events of this component.
-     *
-     * @returns A {@link WireMetadata} for the events emitted by this component.
-     * @internal
-     */
-    createXEventMetadata() {
-        return { target: this.$el, id: this.id };
-    }
-};
-__decorate([
-    Prop({ default: 'html' })
-], WindowScroll.prototype, "scrollableElement", void 0);
-__decorate([
-    Prop({ default: MainScrollId })
-], WindowScroll.prototype, "id", void 0);
-WindowScroll = __decorate([
-    Component({
-        mixins: [xComponentMixin(scrollXModule)]
-    })
-], WindowScroll);
-var script = WindowScroll;
-
-export { script as default };
-//# sourceMappingURL=window-scroll.vue2.js.map

package/js/x-modules/scroll/components/window-scroll.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"window-scroll.vue2.js","sources":["../../../../../src/x-modules/scroll/components/window-scroll.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { ScrollDirection, ScrollMixin, xComponentMixin } from '../../../components';\n  import { WireMetadata } from '../../../wiring';\n  import { scrollXModule } from '../x-module';\n  import { MainScrollId } from './scroll.const';\n\n  type ScrollableElement = 'html' | 'body';\n\n  /**\n   * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and\n   * re-emits them as X Events. Additionally it also emits events related to the direction or\n   * current position of these elements scroll.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(scrollXModule)]\n  })\n  export default class WindowScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected scrollableElement!: ScrollableElement;\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: MainScrollId })\n    protected id!: string;\n\n    mounted(): void {\n      this.initAndListenElement();\n      this.$on('scroll', (position: number) => {\n        this.$x.emit('UserScrolled', position, this.createXEventMetadata());\n      });\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());\n      });\n      this.$on('scroll:at-start', (hasReachedStart: boolean) => {\n        this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());\n      });\n      this.$on('scroll:almost-at-end', (hasAlmostReachedEnd: boolean) => {\n        this.$x.emit(\n          'UserAlmostReachedScrollEnd',\n          hasAlmostReachedEnd,\n          this.createXEventMetadata()\n        );\n      });\n      this.$on('scroll:at-end', (hasReachedEnd: boolean) => {\n        this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());\n      });\n    }\n\n    /**\n     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises\n     * its events.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;\n      this.$el.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    /**\n     * Cleanup listeners.\n     */\n    beforeDestroy(): void {\n      this.$el.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Creates the metadata for the events of this component.\n     *\n     * @returns A {@link WireMetadata} for the events emitted by this component.\n     * @internal\n     */\n    protected createXEventMetadata(): Partial<WireMetadata> {\n      return { target: this.$el, id: this.id };\n    }\n  }\n"],"names":[],"mappings":"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"}

package/types/__stubs__/filters-stubs.factory.d.ts

@@ -1,92 +0,0 @@
-import { EditableNumberRangeFilter, HierarchicalFilter, NumberRangeFilter, RangeValue, SimpleFilter, RawFilter } from '@empathyco/x-types';
-/**
- * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter} stub.
- *
- * @param filter - A partial filter to override certain properties. Useful for testing.
- * @returns A Simple filter.
- *
- * @internal
- */
-export declare function getSimpleFilterStub(filter?: Partial<SimpleFilter>): SimpleFilter;
-/**
- * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter} stub.
- *
- * @param filter - A partial filter to override certain properties. Useful for testing.
- * @returns A Number range filter.
- *
- * @internal
- */
-export declare function getNumberRangeFilterStub(filter?: Partial<NumberRangeFilter>): NumberRangeFilter;
-/**
- * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter} stub.
- *
- * @param filter - A partial filter to override certain properties. Useful for testing.
- * @returns A Hierarchical filter.
- *
- * @internal
- */
-export declare function getHierarchicalFilterStub(filter?: Partial<HierarchicalFilter>): HierarchicalFilter;
-/**
- * Creates a {@link @empathyco/x-types#RawFilter | RawFilter}.
- *
- * @param id - The identifier of the raw filter.
- * @returns A {@link @empathyco/x-types#RawFilter | RawFilter} stub.
- */
-export declare function createRawFilter(id: string): RawFilter;
-/**
- * Creates a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.
- *
- * @param facetId - The facet id this filter belongs to.
- * @param label - The text that this filter should display.
- * @param selected - True when the filter is checked, false otherwise.
- * @param totalResults - Number of results matching the filter.
- * @returns A stub for a {@link @empathyco/x-types#SimpleFilter | SimpleFilter}.
- */
-export declare function createSimpleFilter(facetId: string, label: string, selected?: boolean, totalResults?: number): SimpleFilter;
-/**
- * Creates a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.
- *
- * @param facetId - The facet id this filter belongs to.
- * @param label - The text that this filter should display.
- * @param selected - True when the filter is checked, false otherwise.
- * @param children - A list of ids of child filters.
- * @returns A stub for a {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}.
- */
-export declare function createHierarchicalFilter(facetId: string, label: string, selected?: boolean, children?: HierarchicalFilter[]): HierarchicalFilter;
-/**
- * Creates a {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.
- *
- * @param facetId - The facet id this filter belongs to.
- * @param range - The range that this filter has.
- * @param selected - True if the filter is selected, false otherwise.
- * @returns A stub for a
- * {@link @empathyco/x-types#NumberRangeFilter | NumberRangeFilter}.
- */
-export declare function createNumberRangeFilter(facetId: string, range?: RangeValue, selected?: boolean): NumberRangeFilter;
-/**
- * Creates a {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.
- *
- * @param facetId - The facet id this filter belongs to.
- * @param range - The range that this filter has.
- * @param selected - The selected value which has priority over the range values.
- * @returns A stub for a
- * {@link @empathyco/x-types#EditableNumberRangeFilter | EditableNumberRangeFilter}.
- */
-export declare function createEditableNumberRangeFilter(facetId: string, range?: RangeValue, selected?: boolean): EditableNumberRangeFilter;
-/**
- * Type of a function that creates
- * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s. Based on its label,
- * selected value and children.
- */
-export type CreateHierarchicalFilter = (label: string, selected?: boolean, createChildren?: (createChildren: CreateHierarchicalFilter) => HierarchicalFilter[]) => HierarchicalFilter;
-/**
- * Creates a factory of
- * {@link @empathyco/x-types#HierarchicalFilter | HierarchicalFilter}s.
- *
- * @remarks the id is created with `<facetId>:<label>`.
- * @param facetId - Facet id to which the filter belongs.
- * @param parentId - Filter's parent id if exists.
- * @returns A scoped function which is able to create `HierarchicalFilters`.
- */
-export declare function createHierarchicalFilterFactory(facetId: string, parentId?: HierarchicalFilter['id'] | null): CreateHierarchicalFilter;
-//# sourceMappingURL=filters-stubs.factory.d.ts.map

package/types/__stubs__/filters-stubs.factory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters-stubs.factory.d.ts","sourceRoot":"","sources":["../../../src/__stubs__/filters-stubs.factory.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,SAAS,EACV,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM,GAAG,YAAY,CAYpF;AAED;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CACtC,MAAM,GAAE,OAAO,CAAC,iBAAiB,CAAM,GACtC,iBAAiB,CAgBnB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,GAAE,OAAO,CAAC,kBAAkB,CAAM,GACvC,kBAAkB,CAcpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAMrD;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,UAAQ,EAChB,YAAY,SAAK,GAChB,YAAY,CASd;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,QAAQ,UAAQ,EAChB,QAAQ,GAAE,kBAAkB,EAAO,GAClC,kBAAkB,CAWpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,UAAqC,EAC5C,QAAQ,UAAQ,GACf,iBAAiB,CASnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,UAAqC,EAC5C,QAAQ,CAAC,EAAE,OAAO,GACjB,yBAAyB,CAQ3B;AAED;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,CACrC,KAAK,EAAE,MAAM,EACb,QAAQ,CAAC,EAAE,OAAO,EAClB,cAAc,CAAC,EAAE,CAAC,cAAc,EAAE,wBAAwB,KAAK,kBAAkB,EAAE,KAChF,kBAAkB,CAAC;AAExB;;;;;;;;GAQG;AACH,wBAAgB,+BAA+B,CAC7C,OAAO,EAAE,MAAM,EACf,QAAQ,GAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,IAAW,GAC/C,wBAAwB,CAS1B"}

package/types/components/animations/animations.mixin.d.ts

@@ -1,15 +0,0 @@
-import Vue, { ComponentOptions } from 'vue';
-/**
- * Type options for the property that will be animated.
- */
-type AnimatedProperty = 'height' | 'width';
-/**
- * Adds parametrized methods to a component to allow the collapsing of the provided property.
- *
- * @param property - The property that will be animated.
- * @returns Mixin for the module.
- * @public
- */
-export declare function createCollapseAnimationMixin(property: AnimatedProperty): ComponentOptions<Vue>;
-export {};
-//# sourceMappingURL=animations.mixin.d.ts.map

package/types/components/animations/animations.mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animations.mixin.d.ts","sourceRoot":"","sources":["../../../../src/components/animations/animations.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,EAAE,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAE5C;;GAEG;AACH,KAAK,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3C;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAiD9F"}

package/types/components/animations/disable-animation.mixin.d.ts

@@ -1,28 +0,0 @@
-import Vue from 'vue';
-/**
- * Mixin to ease disabling animations.
- *
- * @public
- */
-export default class DisableAnimationMixin extends Vue {
-    /**
-     * The name of the animation.
-     *
-     * @public
-     */
-    protected animationName: string;
-    /**
-     * Flag to disable the animation.
-     *
-     * @public
-     */
-    disableAnimation: boolean;
-    /**
-     * The animation's name based on the {@link DisableAnimationMixin.disableAnimation} flag.
-     *
-     * @returns The animation name.
-     * @internal
-     */
-    protected get name(): string;
-}
-//# sourceMappingURL=disable-animation.mixin.d.ts.map

package/types/components/animations/disable-animation.mixin.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"disable-animation.mixin.d.ts","sourceRoot":"","sources":["../../../../src/components/animations/disable-animation.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,KAAK,CAAC;AAItB;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,GAAG;IACpD;;;;OAIG;IACH,SAAS,CAAC,aAAa,EAAG,MAAM,CAAC;IAEjC;;;;OAIG;IAEI,gBAAgB,EAAG,OAAO,CAAC;IAElC;;;;;OAKG;IACH,SAAS,KAAK,IAAI,IAAI,MAAM,CAE3B;CACF"}