@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/js/x-modules/recommendations/components/recommendations.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"recommendations.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/recommendations/components/recommendations.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Component, Prop, Provide } from 'vue-property-decorator';\nimport { Result } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { NoElement } from '../../../components/no-element';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { PropsWithType } from '../../../utils/types';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { recommendationsXModule } from '../x-module';\n\n/**\n * It renders a list of recommendations from the\n * {@link RecommendationsState.recommendations | Recommendations} state by default.\n * The component provides the slot layout which wraps the whole component with the\n * recommendations bounded. It also provides the default slot to customize the item, which is\n * within the layout slot, with the recommendation bounded. Each recommendation should be\n * represented by a {@link BaseResultLink | result link component} besides any other component.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(recommendationsXModule)],\n  components: {\n    NoElement\n  }\n})\nexport default class Recommendations extends Vue {\n  /**\n   * The module's list of recommendations.\n   *\n   * @public\n   */\n  @State('recommendations', 'recommendations')\n  public storedRecommendations!: Result[];\n\n  /**\n   * Animation component that will be used to animate the recommendations.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue;\n\n  /**\n   * Number of recommendations to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n   *\n   * @public\n   */\n  @Provide()\n  protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[] = [\n    'UserClickedARecommendation'\n  ];\n\n  /**\n   * Slices the recommendations from the state.\n   *\n   * @returns - The list of recommendations slice by the number of items to render.\n   *\n   * @internal\n   */\n  protected get recommendations(): Result[] {\n    return this.storedRecommendations.slice(0, this.maxItemsToRender);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AA0CA;;;;;;;;;;AAgBA;IAA6C,mCAAG;IAAhD;QAAA,qEA6CC;;;;;;QAdW,4BAAsB,GAA0C;YACxE,4BAA4B;SAC7B,CAAC;;KAYH;IAHC,sBAAc,4CAAe;;;;;;;;aAA7B;YACE,OAAO,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SACnE;;;OAAA;IArCD;QADC,KAAK,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;kEACJ;IAQxC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACE;IAQ1B;QADC,IAAI,EAAE;6DAC6B;IAQpC;QADC,OAAO,EAAE;mEAGR;IAjCiB,eAAe;QANnC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;YACjD,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,eAAe,CA6CnC;IAAD,sBAAC;CAAA,CA7C4C,GAAG;;;;"}

package/js/x-modules/related-tags/components/related-tag.vue_rollup-plugin-vue=script.js

@@ -1,109 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { State } from '../../../components/decorators/store.decorators.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import { relatedTagsXModule } from '../x-module.js';
-
-/**
- * This component renders a related tag for a query. A related tag is a descriptive keyword
- * related to the current query to fine-tune the search. For example, if you are searching
- * for *lego*, a related tag could be *city*, refining the search with *lego city*.
- *
- * @public
- */
-var RelatedTag = /** @class */ (function (_super) {
-    __extends(RelatedTag, _super);
-    function RelatedTag() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.
-     *
-     * @returns The {@link WireMetadata} object omitting the moduleName.
-     * @internal
-     */
-    RelatedTag.prototype.createEventMetadata = function () {
-        return {
-            target: this.$el,
-            feature: 'related_tag'
-        };
-    };
-    /**
-     * Emits events when the button is clicked.
-     *
-     * @public
-     */
-    RelatedTag.prototype.emitEvents = function () {
-        // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the
-        // isSelected value before emitting this selection events.
-        this.$x.emit(this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag', this.relatedTag, this.createEventMetadata());
-        this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());
-    };
-    Object.defineProperty(RelatedTag.prototype, "isSelected", {
-        /**
-         * Check if the related tag is selected or not.
-         *
-         * @returns If the related tag is selected.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.selectedRelatedTags.includes(this.relatedTag);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RelatedTag.prototype, "shouldHighlightCurated", {
-        /**
-         * Check if the related tag is curated and should be highlighted.
-         *
-         * @returns True if the related tag is curated and should be highlighted.
-         *
-         * @internal
-         */
-        get: function () {
-            var _a;
-            return this.highlightCurated && ((_a = this.relatedTag.isCurated) !== null && _a !== void 0 ? _a : false);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(RelatedTag.prototype, "dynamicClasses", {
-        /**
-         * Adds the dynamic css classes to the component.
-         *
-         * @returns The class to be added to the component.
-         *
-         * @internal
-         */
-        get: function () {
-            return {
-                'x-tag--is-curated': this.shouldHighlightCurated,
-                'x-related-tag--is-curated': this.shouldHighlightCurated,
-                'x-tag--is-selected': this.isSelected,
-                'x-related-tag--is-selected': this.isSelected
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ default: false, type: Boolean })
-    ], RelatedTag.prototype, "highlightCurated", void 0);
-    __decorate([
-        Prop({ required: true })
-    ], RelatedTag.prototype, "relatedTag", void 0);
-    __decorate([
-        State('relatedTags', 'selectedRelatedTags')
-    ], RelatedTag.prototype, "selectedRelatedTags", void 0);
-    RelatedTag = __decorate([
-        Component({
-            mixins: [xComponentMixin(relatedTagsXModule)]
-        })
-    ], RelatedTag);
-    return RelatedTag;
-}(Vue));
-
-export default RelatedTag;
-//# sourceMappingURL=related-tag.vue_rollup-plugin-vue=script.js.map

package/js/x-modules/related-tags/components/related-tag.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"related-tag.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/related-tags/components/related-tag.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils/types';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { relatedTagsXModule } from '../x-module';\n\n/**\n * This component renders a related tag for a query. A related tag is a descriptive keyword\n * related to the current query to fine-tune the search. For example, if you are searching\n * for *lego*, a related tag could be *city*, refining the search with *lego city*.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(relatedTagsXModule)]\n})\nexport default class RelatedTag extends Vue {\n  /**\n   * Indicates if the curated related tag should be highlighted.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  protected highlightCurated!: boolean;\n  /**\n   * The related tag model data.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected relatedTag!: RelatedTagModel;\n  /**\n   * The selected related tags.\n   *\n   * @internal\n   */\n  @State('relatedTags', 'selectedRelatedTags')\n  public selectedRelatedTags!: RelatedTagModel[];\n\n  /**\n   * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n   *\n   * @returns The {@link WireMetadata} object omitting the moduleName.\n   * @internal\n   */\n  protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n    return {\n      target: this.$el as HTMLElement,\n      feature: 'related_tag'\n    };\n  }\n\n  /**\n   * Emits events when the button is clicked.\n   *\n   * @public\n   */\n  protected emitEvents(): void {\n    // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the\n    // isSelected value before emitting this selection events.\n    this.$x.emit(\n      this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag',\n      this.relatedTag,\n      this.createEventMetadata()\n    );\n    this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());\n  }\n\n  /**\n   * Check if the related tag is selected or not.\n   *\n   * @returns If the related tag is selected.\n   *\n   * @internal\n   */\n  protected get isSelected(): boolean {\n    return this.selectedRelatedTags.includes(this.relatedTag);\n  }\n\n  /**\n   * Check if the related tag is curated and should be highlighted.\n   *\n   * @returns True if the related tag is curated and should be highlighted.\n   *\n   * @internal\n   */\n  protected get shouldHighlightCurated(): boolean {\n    return this.highlightCurated && (this.relatedTag.isCurated ?? false);\n  }\n\n  /**\n   * Adds the dynamic css classes to the component.\n   *\n   * @returns The class to be added to the component.\n   *\n   * @internal\n   */\n  protected get dynamicClasses(): VueCSSClasses {\n    return {\n      'x-tag--is-curated': this.shouldHighlightCurated,\n      'x-related-tag--is-curated': this.shouldHighlightCurated,\n      'x-tag--is-selected': this.isSelected,\n      'x-related-tag--is-selected': this.isSelected\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;AA2BA;;;;;;;AAUA;IAAwC,8BAAG;IAA3C;;KAyFC;;;;;;;IA5DW,wCAAmB,GAA7B;QACE,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,GAAkB;YAC/B,OAAO,EAAE,aAAa;SACvB,CAAC;KACH;;;;;;IAOS,+BAAU,GAApB;;;QAGE,IAAI,CAAC,EAAE,CAAC,IAAI,CACV,IAAI,CAAC,UAAU,GAAG,2BAA2B,GAAG,yBAAyB,EACzE,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,mBAAmB,EAAE,CAC3B,CAAC;QACF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;KACpF;IASD,sBAAc,kCAAU;;;;;;;;aAAxB;YACE,OAAO,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC3D;;;OAAA;IASD,sBAAc,8CAAsB;;;;;;;;aAApC;;YACE,OAAO,IAAI,CAAC,gBAAgB,KAAK,MAAA,IAAI,CAAC,UAAU,CAAC,SAAS,mCAAI,KAAK,CAAC,CAAC;SACtE;;;OAAA;IASD,sBAAc,sCAAc;;;;;;;;aAA5B;YACE,OAAO;gBACL,mBAAmB,EAAE,IAAI,CAAC,sBAAsB;gBAChD,2BAA2B,EAAE,IAAI,CAAC,sBAAsB;gBACxD,oBAAoB,EAAE,IAAI,CAAC,UAAU;gBACrC,4BAA4B,EAAE,IAAI,CAAC,UAAU;aAC9C,CAAC;SACH;;;OAAA;IAjFD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACH;IAOrC;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;kDACc;IAOvC;QADC,KAAK,CAAC,aAAa,EAAE,qBAAqB,CAAC;2DACG;IArB5B,UAAU;QAH9B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,UAAU,CAyF9B;IAAD,iBAAC;CAAA,CAzFuC,GAAG;;;;"}

package/js/x-modules/related-tags/components/related-tags.vue_rollup-plugin-vue=script.js

@@ -1,52 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { Getter } from '../../../components/decorators/store.decorators.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import { relatedTagsXModule } from '../x-module.js';
-import RelatedTag from './related-tag.vue.js';
-
-/**
- * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by
- * default to select from after a query is performed to fine-tune search.
- * For example, if you are searching for *lego*, different related tags could be *city*,
- * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,
- * or *lego harry potter*.
- *
- * @public
- */
-var RelatedTags = /** @class */ (function (_super) {
-    __extends(RelatedTags, _super);
-    function RelatedTags() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(RelatedTags.prototype, "relatedTags", {
-        get: function () {
-            return this.storedRelatedTags.slice(0, this.maxItemsToRender);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ default: 'ul' })
-    ], RelatedTags.prototype, "animation", void 0);
-    __decorate([
-        Prop()
-    ], RelatedTags.prototype, "maxItemsToRender", void 0);
-    __decorate([
-        Prop({ default: false, type: Boolean })
-    ], RelatedTags.prototype, "highlightCurated", void 0);
-    __decorate([
-        Getter('relatedTags', 'relatedTags')
-    ], RelatedTags.prototype, "storedRelatedTags", void 0);
-    RelatedTags = __decorate([
-        Component({
-            components: { RelatedTag: RelatedTag },
-            mixins: [xComponentMixin(relatedTagsXModule)]
-        })
-    ], RelatedTags);
-    return RelatedTags;
-}(Vue));
-
-export default RelatedTags;
-//# sourceMappingURL=related-tags.vue_rollup-plugin-vue=script.js.map

package/js/x-modules/related-tags/components/related-tags.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"related-tags.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/related-tags/components/related-tags.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { relatedTagsXModule } from '../x-module';\nimport RelatedTag from './related-tag.vue';\n\n/**\n * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by\n * default to select from after a query is performed to fine-tune search.\n * For example, if you are searching for *lego*, different related tags could be *city*,\n * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,\n * or *lego harry potter*.\n *\n * @public\n */\n@Component({\n  components: { RelatedTag },\n  mixins: [xComponentMixin(relatedTagsXModule)]\n})\nexport default class RelatedTags extends Vue {\n  /**\n   * Animation component that will be used to animate the suggestion.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue;\n\n  /**\n   * Number of related tags to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * Flag to indicate if the curated tags should be displayed different.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  protected highlightCurated!: boolean;\n\n  @Getter('relatedTags', 'relatedTags')\n  public storedRelatedTags!: RelatedTagModel[];\n\n  protected get relatedTags(): RelatedTagModel[] {\n    return this.storedRelatedTags.slice(0, this.maxItemsToRender);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAiDA;;;;;;;;;AAaA;IAAyC,+BAAG;IAA5C;;KA+BC;IAHC,sBAAc,oCAAW;aAAzB;YACE,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SAC/D;;;OAAA;IAvBD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACE;IAQ1B;QADC,IAAI,EAAE;yDAC6B;IAQpC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACH;IAGrC;QADC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC;0DACQ;IA1B1B,WAAW;QAJ/B,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,UAAU,YAAA,EAAE;YAC1B,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,WAAW,CA+B/B;IAAD,kBAAC;CAAA,CA/BwC,GAAG;;;;"}

package/js/x-modules/scroll/components/main-scroll-item.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-scroll-item.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/scroll/components/main-scroll-item.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\nimport { Identifiable } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { XInject } from '../../../components/decorators/injection.decorators';\nimport { scrollXModule } from '../x-module';\nimport { ScrollObserverKey } from './scroll.const';\nimport { ScrollVisibilityObserver } from './scroll.types';\n\n/**\n * Wrapper for elements contained in the {@link MainScroll} that should store/restore its\n * position.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(scrollXModule)]\n})\nexport default class MainScrollItem extends Vue {\n  /**\n   * Rendered HTML node.\n   *\n   * @public\n   */\n  public $el!: HTMLElement;\n\n  /**\n   * The item data. Used to set the scroll identifier.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public item!: Identifiable;\n\n  /**\n   * The tag to render.\n   *\n   * @public\n   */\n  @Prop({ default: () => NoElement })\n  public tag!: string | typeof Vue;\n\n  /**\n   * Pending identifier scroll position to restore. If it matches the {@link MainScrollItem.item}\n   * `id` property, this component should be scrolled into view.\n   *\n   * @internal\n   */\n  @State('scroll', 'pendingScrollTo')\n  public pendingScrollTo!: string;\n\n  /**\n   * Observer to detect the first visible element.\n   *\n   * @internal\n   */\n  @XInject(ScrollObserverKey)\n  public firstVisibleItemObserver!: ScrollVisibilityObserver | null;\n\n  /**\n   * Initialise scroll behavior.\n   * - Observes the rendered element to detect if it is the first visible item.\n   * - If the rendered element matches the {@link MainScrollItem.pendingScrollTo}, scrolls the\n   * element into the first position of the view.\n   *\n   * @internal\n   */\n  async mounted(): Promise<void> {\n    await this.$nextTick(); // Mounted does not guarantee that child components are mounted too\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    this.$watch('firstVisibleItemObserver', this.observeItem, { immediate: true });\n  }\n\n  /**\n   * Detaches the observer from the rendered element to prevent memory leaks.\n   *\n   * @internal\n   */\n  beforeDestroy(): void {\n    this.firstVisibleItemObserver?.unobserve(this.$el);\n  }\n\n  /**\n   * Initialises the element visibility observation, stopping the previous one if it has.\n   *\n   * @param newObserver - The new observer for the HTML element.\n   * @param oldObserver - The old observer for the HTML element.\n   */\n  observeItem(\n    newObserver: ScrollVisibilityObserver | null,\n    oldObserver: ScrollVisibilityObserver | null\n  ): void {\n    oldObserver?.unobserve(this.$el);\n    newObserver?.observe(this.$el);\n    if (this.pendingScrollTo === this.item.id) {\n      this.$el.scrollIntoView();\n      this.$x.emit('ScrollRestoreSucceeded');\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;;;;;;AASA;IAA4C,kCAAG;IAA/C;;KAiFC;;;;;;;;;IAhCO,gCAAO,GAAb;;;;4BACE,qBAAM,IAAI,CAAC,SAAS,EAAE,EAAA;;wBAAtB,SAAsB,CAAC;;wBAEvB,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;;;;;KAChF;;;;;;IAOD,sCAAa,GAAb;;QACE,MAAA,IAAI,CAAC,wBAAwB,0CAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACpD;;;;;;;IAQD,oCAAW,GAAX,UACE,WAA4C,EAC5C,WAA4C;QAE5C,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;YAC1B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SACxC;KACF;IAlED;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gDACE;IAQ3B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,GAAA,EAAE,CAAC;+CACF;IASjC;QADC,KAAK,CAAC,QAAQ,EAAE,iBAAiB,CAAC;2DACH;IAQhC;QADC,OAAO,CAAC,iBAAiB,CAAC;oEACuC;IAvC/C,cAAc;QAHlC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,cAAc,CAiFlC;IAAD,qBAAC;CAAA,CAjF2C,GAAG;;;;"}

package/js/x-modules/scroll/components/main-scroll.vue_rollup-plugin-vue=script.js

@@ -1,222 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Watch, Component } from 'vue-property-decorator';
-import { NoElement } from '../../../components/no-element.js';
-import { XEmit } from '../../../components/decorators/bus.decorators.js';
-import { XProvide } from '../../../components/decorators/injection.decorators.js';
-import { State } from '../../../components/decorators/store.decorators.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import { scrollXModule } from '../x-module.js';
-import { ScrollObserverKey } from './scroll.const.js';
-
-/**
- * Extends the scroll making it able to sync the first visible element, and allowing
- * the children position to be restored.
- *
- * Each child element that wants to have this support must be wrapped in a {@link MainScrollItem}
- * component.
- *
- * @public
- */
-var MainScroll = /** @class */ (function (_super) {
-    __extends(MainScroll, _super);
-    /* eslint-disable @typescript-eslint/unbound-method */
-    function MainScroll() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * The elements that are currently considered visible.
-         *
-         * @internal
-         */
-        _this.intersectingElements = [];
-        /**
-         * Intersection observer to determine visibility of the elements.
-         *
-         * @returns An intersection observer to detect elements visibility.
-         * @internal
-         */
-        _this.intersectionObserver = null;
-        return _this;
-    }
-    Object.defineProperty(MainScroll.prototype, "visibleElementsObserver", {
-        /**
-         * Creates an `IntersectionObserver` to detect the first visible elements. Children of this
-         * component should register themselves if they want to be observed.
-         *
-         * @returns The intersection observer.
-         * @public
-         */
-        get: function () {
-            var _this = this;
-            var observer = this.intersectionObserver;
-            return observer
-                ? {
-                    observe: observer.observe.bind(observer),
-                    unobserve: function (element) {
-                        _this.removeVisibleElement(element);
-                        observer.unobserve(element);
-                    }
-                }
-                : null;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(MainScroll.prototype, "firstVisibleElement", {
-        /**
-         * The first visible element contained in this component.
-         *
-         * @returns The first visible element in this component.
-         * @internal
-         */
-        get: function () {
-            if (this.intersectingElements.length === 0) {
-                return '';
-            }
-            var firstVisibleElement = this.intersectingElements.reduce(function (firstVisibleElement, anotherElement) {
-                // FIXME: This algorithm only takes into account LTR layouts
-                var firstVisibleElementBounds = firstVisibleElement.getBoundingClientRect();
-                var anotherElementBounds = anotherElement.getBoundingClientRect();
-                return anotherElementBounds.left <= firstVisibleElementBounds.left &&
-                    anotherElementBounds.top <= firstVisibleElementBounds.top
-                    ? anotherElement
-                    : firstVisibleElement;
-            });
-            return firstVisibleElement === this.$el.querySelector('[data-scroll]')
-                ? ''
-                : firstVisibleElement.dataset.scroll;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Initialise the observer after mounting the component.
-     */
-    MainScroll.prototype.mounted = function () {
-        this.intersectionObserver = new IntersectionObserver(this.updateVisibleElements, {
-            root: this.useWindow ? document : this.$el,
-            threshold: this.threshold,
-            rootMargin: this.margin
-        });
-    };
-    /**
-     * Disconnects the intersection observer.
-     *
-     * @internal
-     */
-    MainScroll.prototype.beforeDestroy = function () {
-        var _a;
-        (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.$x.emit('UserScrolledToElement', '');
-    };
-    /**
-     * Disconnects the previous observer.
-     *
-     * @param _new - The new `IntersectionObserver`.
-     * @param old - The new `IntersectionObserver`.
-     * @internal
-     */
-    MainScroll.prototype.disconnectPreviousObserver = function (_new, old) {
-        old === null || old === void 0 ? void 0 : old.disconnect();
-    };
-    /**
-     * If there is a pending scroll, starts a countdown to stop trying to restore the scroll.
-     *
-     * @param pendingScrollTo - The position the scroll should be restored to.
-     * @internal
-     */
-    MainScroll.prototype.failRestoringScroll = function (pendingScrollTo) {
-        var _this = this;
-        // TODO Move this logic to the wiring. A cancelable delay operator is needed
-        clearTimeout(this.restoreScrollFailTimeoutId);
-        if (pendingScrollTo) {
-            this.restoreScrollFailTimeoutId = setTimeout(function () {
-                _this.$x.emit('ScrollRestoreFailed');
-            }, this.restoreScrollTimeoutMs);
-        }
-    };
-    /**
-     * Removes an element from the {@link MainScroll.intersectingElements} list.
-     *
-     * @param element - The element to remove from the visible elements.
-     * @internal
-     */
-    MainScroll.prototype.removeVisibleElement = function (element) {
-        var index = this.intersectingElements.indexOf(element);
-        if (index !== -1) {
-            this.intersectingElements.splice(index, 1);
-        }
-    };
-    /**
-     * Updates the visible elements given a list of intersection observer entries.
-     *
-     * @param entries - The entries from whom update the visibility.
-     * @internal
-     */
-    MainScroll.prototype.updateVisibleElements = function (entries) {
-        var _this = this;
-        entries.forEach(function (entry) {
-            var target = entry.target;
-            if (entry.isIntersecting) {
-                _this.intersectingElements.push(target);
-            }
-            else {
-                _this.removeVisibleElement(target);
-            }
-        });
-    };
-    Object.defineProperty(MainScroll.prototype, "dynamicClasses", {
-        /**
-         * Adds the dynamic css classes to the component.
-         *
-         * @returns The class to be added to the component.
-         *
-         * @internal
-         */
-        get: function () {
-            return {
-                'x-main-scroll--no-transition': !!this.pendingScrollTo
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ default: false, type: Boolean })
-    ], MainScroll.prototype, "useWindow", void 0);
-    __decorate([
-        Prop({ default: 5000 })
-    ], MainScroll.prototype, "restoreScrollTimeoutMs", void 0);
-    __decorate([
-        Prop({ default: 0.3 })
-    ], MainScroll.prototype, "threshold", void 0);
-    __decorate([
-        Prop({ default: '0px' })
-    ], MainScroll.prototype, "margin", void 0);
-    __decorate([
-        State('scroll', 'pendingScrollTo')
-    ], MainScroll.prototype, "pendingScrollTo", void 0);
-    __decorate([
-        XProvide(ScrollObserverKey)
-    ], MainScroll.prototype, "visibleElementsObserver", null);
-    __decorate([
-        XEmit('UserScrolledToElement')
-    ], MainScroll.prototype, "firstVisibleElement", null);
-    __decorate([
-        Watch('intersectionObserver')
-    ], MainScroll.prototype, "disconnectPreviousObserver", null);
-    __decorate([
-        Watch('pendingScrollTo')
-    ], MainScroll.prototype, "failRestoringScroll", null);
-    MainScroll = __decorate([
-        Component({
-            components: { NoElement: NoElement },
-            mixins: [xComponentMixin(scrollXModule)]
-        })
-        /* eslint-disable @typescript-eslint/unbound-method */
-    ], MainScroll);
-    return MainScroll;
-}(Vue));
-
-export default MainScroll;
-//# sourceMappingURL=main-scroll.vue_rollup-plugin-vue=script.js.map

package/js/x-modules/scroll/components/main-scroll.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-scroll.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/scroll/components/main-scroll.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { XEmit } from '../../../components/decorators/bus.decorators';\nimport { XProvide } from '../../../components/decorators/injection.decorators';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { NoElement } from '../../../components/no-element';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils/index';\nimport { scrollXModule } from '../x-module';\nimport { ScrollObserverKey } from './scroll.const';\nimport { ScrollVisibilityObserver } from './scroll.types';\n\n/**\n * Extends the scroll making it able to sync the first visible element, and allowing\n * the children position to be restored.\n *\n * Each child element that wants to have this support must be wrapped in a {@link MainScrollItem}\n * component.\n *\n * @public\n */\n@Component({\n  components: { NoElement },\n  mixins: [xComponentMixin(scrollXModule)]\n})\n/* eslint-disable @typescript-eslint/unbound-method */\nexport default class MainScroll extends Vue {\n  /**\n   * If `true`, sets this scroll instance to the main of the application. Being the main\n   * scroll implies that features like restoring the scroll when the query changes, or storing\n   * the scroll position in the URL will be enabled for this container.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  public useWindow!: boolean;\n\n  /**\n   * Timeout in milliseconds to abort trying to restore the scroll position to the target\n   * element.\n   *\n   * @public\n   */\n  @Prop({ default: 5000 })\n  public restoreScrollTimeoutMs!: number;\n\n  /**\n   * Intersection percentage to consider an element visible.\n   *\n   * @public\n   */\n  @Prop({ default: 0.3 })\n  public threshold!: number;\n\n  /**\n   * Adjusts the size of the scroll container bounds.\n   *\n   * @public\n   */\n  @Prop({ default: '0px' })\n  public margin!: string;\n\n  /**\n   * The elements that are currently considered visible.\n   *\n   * @internal\n   */\n  protected intersectingElements: HTMLElement[] = [];\n\n  /**\n   * Intersection observer to determine visibility of the elements.\n   *\n   * @returns An intersection observer to detect elements visibility.\n   * @internal\n   */\n  protected intersectionObserver: IntersectionObserver | null = null;\n\n  /**\n   * Stores the identifier of the timeout that will consider the scroll failed to restore.\n   *\n   * @internal\n   */\n  protected restoreScrollFailTimeoutId?: number;\n\n  /**\n   * Pending identifier scroll position to restore. If it matches the {@link MainScrollItem.item}\n   * `id` property, this component should be scrolled into view.\n   *\n   * @internal\n   */\n  @State('scroll', 'pendingScrollTo')\n  public pendingScrollTo!: string;\n\n  /**\n   * Creates an `IntersectionObserver` to detect the first visible elements. Children of this\n   * component should register themselves if they want to be observed.\n   *\n   * @returns The intersection observer.\n   * @public\n   */\n  @XProvide(ScrollObserverKey)\n  public get visibleElementsObserver(): ScrollVisibilityObserver | null {\n    const observer = this.intersectionObserver;\n    return observer\n      ? {\n          observe: observer.observe.bind(observer),\n          unobserve: element => {\n            this.removeVisibleElement(element);\n            observer.unobserve(element);\n          }\n        }\n      : null;\n  }\n\n  /**\n   * The first visible element contained in this component.\n   *\n   * @returns The first visible element in this component.\n   * @internal\n   */\n  @XEmit('UserScrolledToElement')\n  public get firstVisibleElement(): string | '' {\n    if (this.intersectingElements.length === 0) {\n      return '';\n    }\n    const firstVisibleElement = this.intersectingElements.reduce(\n      (firstVisibleElement, anotherElement) => {\n        // FIXME: This algorithm only takes into account LTR layouts\n        const firstVisibleElementBounds = firstVisibleElement.getBoundingClientRect();\n        const anotherElementBounds = anotherElement.getBoundingClientRect();\n        return anotherElementBounds.left <= firstVisibleElementBounds.left &&\n          anotherElementBounds.top <= firstVisibleElementBounds.top\n          ? anotherElement\n          : firstVisibleElement;\n      }\n    );\n\n    return firstVisibleElement === this.$el.querySelector('[data-scroll]')\n      ? ''\n      : firstVisibleElement.dataset.scroll!;\n  }\n\n  /**\n   * Initialise the observer after mounting the component.\n   */\n  mounted(): void {\n    this.intersectionObserver = new IntersectionObserver(this.updateVisibleElements, {\n      root: this.useWindow ? document : this.$el,\n      threshold: this.threshold,\n      rootMargin: this.margin\n    });\n  }\n\n  /**\n   * Disconnects the intersection observer.\n   *\n   * @internal\n   */\n  beforeDestroy(): void {\n    this.intersectionObserver?.disconnect();\n    this.$x.emit('UserScrolledToElement', '');\n  }\n\n  /**\n   * Disconnects the previous observer.\n   *\n   * @param _new - The new `IntersectionObserver`.\n   * @param old - The new `IntersectionObserver`.\n   * @internal\n   */\n  @Watch('intersectionObserver')\n  protected disconnectPreviousObserver(\n    _new: IntersectionObserver | null,\n    old: IntersectionObserver | null\n  ): void {\n    old?.disconnect();\n  }\n\n  /**\n   * If there is a pending scroll, starts a countdown to stop trying to restore the scroll.\n   *\n   * @param pendingScrollTo - The position the scroll should be restored to.\n   * @internal\n   */\n  @Watch('pendingScrollTo')\n  protected failRestoringScroll(pendingScrollTo: string | null): void {\n    // TODO Move this logic to the wiring. A cancelable delay operator is needed\n    clearTimeout(this.restoreScrollFailTimeoutId);\n    if (pendingScrollTo) {\n      this.restoreScrollFailTimeoutId = setTimeout(() => {\n        this.$x.emit('ScrollRestoreFailed');\n      }, this.restoreScrollTimeoutMs);\n    }\n  }\n\n  /**\n   * Removes an element from the {@link MainScroll.intersectingElements} list.\n   *\n   * @param element - The element to remove from the visible elements.\n   * @internal\n   */\n  protected removeVisibleElement(element: HTMLElement): void {\n    const index = this.intersectingElements.indexOf(element);\n    if (index !== -1) {\n      this.intersectingElements.splice(index, 1);\n    }\n  }\n\n  /**\n   * Updates the visible elements given a list of intersection observer entries.\n   *\n   * @param entries - The entries from whom update the visibility.\n   * @internal\n   */\n  protected updateVisibleElements(entries: IntersectionObserverEntry[]): void {\n    entries.forEach(entry => {\n      const target = entry.target as HTMLElement;\n      if (entry.isIntersecting) {\n        this.intersectingElements.push(target);\n      } else {\n        this.removeVisibleElement(target);\n      }\n    });\n  }\n\n  /**\n   * Adds the dynamic css classes to the component.\n   *\n   * @returns The class to be added to the component.\n   *\n   * @internal\n   */\n  protected get dynamicClasses(): VueCSSClasses {\n    return {\n      'x-main-scroll--no-transition': !!this.pendingScrollTo\n    };\n  }\n}\n"],"names":[],"mappings":"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"}