@empathyco/x-components 3.0.0-alpha.36 → 3.0.0-alpha.360

package/js/components/base-dropdown.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-dropdown.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-dropdown.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\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 { Identifiable } from '@empathyco/x-types';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport { normalizeString } from '../utils/normalize';\nimport { isInRange } from '../utils/number';\nimport { debounce } from '../utils/debounce';\nimport { VueCSSClasses } from '../utils/types';\nimport { NoElement } from './no-element';\n\ntype DropdownItem = string | number | Identifiable;\n\n/**\n * Dropdown component that mimics a Select element behavior, but with the option\n * to customize the toggle button and each item contents.\n *\n * @public\n */\n@Component({\n  components: {\n    NoElement\n  },\n  model: {\n    event: 'change'\n  }\n})\nexport default class BaseDropdown extends Vue {\n  /**\n   * List of items to display.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public items!: DropdownItem[];\n\n  /**\n   * The selected item.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public value!: DropdownItem | null;\n\n  /**\n   * Animation component to use for expanding the dropdown. This is a single element animation,\n   * so only `<transition>` components are allowed.\n   *\n   * @public\n   */\n  @Prop({ default: 'NoElement' })\n  public animation!: typeof Vue | string;\n\n  /**\n   * Time to wait without receiving any keystroke before resetting the items search query.\n   *\n   * @public\n   */\n  @Prop({ default: 1000 })\n  public searchTimeoutMs!: number;\n\n  public $refs!: {\n    /** Array containing the dropdown list buttons HTMLElements. */\n    itemButtons: HTMLButtonElement[];\n  };\n\n  /**\n   * Property to track whether the dropdown is expanded and displaying the full\n   * list of items, or closed.\n   *\n   * @internal\n   */\n  protected isOpen = false;\n\n  /**\n   * Index of the element that has the focus in the list. -1 means no element has focus.\n   *\n   * @internal\n   */\n  protected highlightedItemIndex = -1;\n\n  /**\n   * String to search for the first element that starts with it.\n   *\n   * @internal\n   */\n  protected searchBuffer = '';\n\n  /**\n   * Resets the search buffer after a certain time has passed.\n   *\n   * @internal\n   */\n  protected restartResetSearchTimeout!: () => void;\n\n  /**\n   * Dynamic CSS classes to add to the dropdown root element.\n   *\n   * @returns An object containing the CSS classes to add to the dropdown root element.\n   * @internal\n   */\n  protected get dropdownCSSClasses(): VueCSSClasses {\n    return {\n      'x-dropdown--is-open': this.isOpen\n    };\n  }\n\n  /**\n   * Dynamic CSS classes to add to each one of the items.\n   *\n   * @returns An object containing the CSS classes to add to each item.\n   * @internal\n   */\n  protected get itemsCSSClasses(): VueCSSClasses[] {\n    return this.items.map((item, index) => {\n      return {\n        'x-dropdown__item--is-selected': this.value === item,\n        'x-dropdown__item--is-highlighted': this.highlightedItemIndex === index\n      };\n    });\n  }\n\n  /**\n   * If the dropdown is destroyed before removing the document listeners, it ensures that they\n   * are removed too.\n   *\n   * @internal\n   */\n  protected beforeDestroy(): void {\n    this.removeDocumentCloseListeners();\n  }\n\n  /**\n   * Opens the dropdown.\n   *\n   * @internal\n   */\n  protected open(): void {\n    this.isOpen = true;\n  }\n\n  /**\n   * Closes the dropdown.\n   *\n   * @internal\n   */\n  protected close(): void {\n    this.isOpen = false;\n  }\n\n  /**\n   * If the dropdown is opened it closes it. If it is closed it opens it.\n   *\n   * @internal\n   */\n  protected toggle(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  /**\n   * Emits the event that the selected item has changed.\n   *\n   * @param item - The new selected item.\n   * @internal\n   */\n  protected emitSelectedItemChanged(item: DropdownItem): void {\n    this.$emit('change', item);\n    this.close();\n  }\n\n  /**\n   * Highlights the item after the one that is currently highlighted.\n   *\n   * @internal\n   */\n  protected highlightNextItem(): void {\n    this.open();\n    this.highlightedItemIndex = (this.highlightedItemIndex + 1) % this.items.length;\n  }\n\n  /**\n   * Highlights the item before the one that is currently highlighted.\n   *\n   * @internal\n   */\n  protected highlightPreviousItem(): void {\n    this.open();\n    this.highlightedItemIndex =\n      this.highlightedItemIndex > 0 ? this.highlightedItemIndex - 1 : this.items.length - 1;\n  }\n\n  /**\n   * Highlights the first of the provided items.\n   *\n   * @internal\n   */\n  protected highlightFirstItem(): void {\n    this.highlightedItemIndex = 0;\n  }\n\n  /**\n   * Highlights the last of the provided items.\n   *\n   * @internal\n   */\n  protected highlightLastItem(): void {\n    this.highlightedItemIndex = this.items.length - 1;\n  }\n\n  /**\n   * Updates the variable that is used to search in the filters.\n   *\n   * @param event - The event coming from the user typing.\n   * @internal\n   */\n  protected updateSearchBuffer(event: KeyboardEvent): void {\n    if (/^\\w$/.test(event.key)) {\n      const key = event.key;\n      this.searchBuffer += key;\n      this.restartResetSearchTimeout();\n    }\n  }\n\n  /**\n   * Highlights the item that matches the search buffer. To do so it checks the list buttons\n   * text content. It highlights items folowing this priority:\n   * - If an element is already highlighted, it starts searching from that element.\n   * - If no element is found starting from the previously highlighted, it returns the first one.\n   * - If no element is found matching the search query it highlights the first element.\n   *\n   * @param search - The search string to find in the HTML.\n   * @internal\n   */\n  @Watch('searchBuffer')\n  protected highlightMatchingItem(search: string): void {\n    if (search) {\n      const normalizedSearch = normalizeString(search);\n      const matchingIndices = this.$refs.itemButtons.reduce<number[]>(\n        (matchingIndices, button, index) => {\n          const safeButtonWordCharacters = button.textContent!.replace(/[^\\w]/g, '');\n          const normalizedButtonText = normalizeString(safeButtonWordCharacters);\n          if (normalizedButtonText.startsWith(normalizedSearch)) {\n            matchingIndices.push(index);\n          }\n          return matchingIndices;\n        },\n        []\n      );\n      this.highlightedItemIndex =\n        // First matching item starting to search from the current highlighted element\n        matchingIndices.find(index => index >= this.highlightedItemIndex) ??\n        // First matching item\n        matchingIndices[0] ??\n        // First item\n        0;\n    }\n  }\n\n  /**\n   * Resets the search buffer.\n   *\n   * @internal\n   */\n  protected resetSearch(): void {\n    this.searchBuffer = '';\n  }\n\n  /** Updates the debounced function to reset the search.\n   *\n   * @param searchTimeoutMs - The new milliseconds that have to pass without typing before\n   * resetting the search.\n   * @internal\n   */\n  @Watch('searchTimeoutMs', { immediate: true })\n  protected updateSearchTimeout(searchTimeoutMs: number): void {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    this.restartResetSearchTimeout = debounce(this.resetSearch, searchTimeoutMs);\n  }\n\n  /**\n   * Focuses the DOM element which matches the `highlightedItemIndex`.\n   *\n   * @param highlightedItemIndex - The index of the HTML element to focus.\n   * @internal\n   */\n  @Watch('highlightedItemIndex', { immediate: true })\n  protected focusHighlightedItem(highlightedItemIndex: number): void {\n    this.$nextTick(() => {\n      if (this.$refs.itemButtons && isInRange(highlightedItemIndex, [0, this.items.length - 1])) {\n        const newItem = this.$refs.itemButtons[this.highlightedItemIndex];\n        newItem.focus();\n      }\n    });\n  }\n\n  /**\n   * When the dropdown is open it sets the focused element to the one that is selected.\n   *\n   * @param isOpen - True if the dropdown is open, false otherwise.\n   * @internal\n   */\n  @Watch('isOpen')\n  protected updateHighlightedItem(isOpen: boolean): void {\n    if (isOpen) {\n      this.highlightedItemIndex = this.value === null ? 0 : this.items.indexOf(this.value);\n    } else {\n      this.highlightedItemIndex = -1;\n    }\n  }\n\n  /**\n   * Adds and removes listeners to close the dropdown when it loses the focus.\n   *\n   * @param isOpen - True if the dropdown is open, false otherwise.\n   * @internal\n   */\n  @Watch('isOpen')\n  protected syncCloseListeners(isOpen: boolean): void {\n    /*\n     * Because there is an issue with Firefox in macOS and Safari that doesn't focus the target\n     * element of the `mousedown` events, the `focusout` event `relatedTarget` property can't be\n     * used to detect whether or not the user has blurred the dropdown. The hack here is to use\n     * document listeners that have the side effect of losing the focus.\n     */\n    if (isOpen) {\n      this.addDocumentCloseListeners();\n    } else {\n      this.removeDocumentCloseListeners();\n    }\n  }\n\n  /**\n   * Adds listeners to the document element to detect if the focus has moved out from the\n   * dropdown.\n   *\n   * @internal\n   */\n  protected addDocumentCloseListeners(): void {\n    /* eslint-disable @typescript-eslint/unbound-method */\n    document.addEventListener('mousedown', this.closeIfEventIsOutOfDropdown);\n    document.addEventListener('touchstart', this.closeIfEventIsOutOfDropdown);\n    document.addEventListener('focusin', this.closeIfEventIsOutOfDropdown);\n    /* eslint-enable @typescript-eslint/unbound-method */\n  }\n\n  /**\n   * Removes the listeners of the document element to detect if the focus has moved out from the\n   * dropdown.\n   *\n   * @internal\n   */\n  protected removeDocumentCloseListeners(): void {\n    /* eslint-disable @typescript-eslint/unbound-method */\n    document.removeEventListener('mousedown', this.closeIfEventIsOutOfDropdown);\n    document.removeEventListener('touchstart', this.closeIfEventIsOutOfDropdown);\n    document.removeEventListener('focusin', this.closeIfEventIsOutOfDropdown);\n    /* eslint-enable @typescript-eslint/unbound-method */\n  }\n\n  /**\n   * Closes the dropdown if the passed event has happened on an element out of the dropdown.\n   *\n   * @param event - The event to check if it has happen out of the dropdown component.\n   */\n  protected closeIfEventIsOutOfDropdown(event: MouseEvent | TouchEvent | FocusEvent): void {\n    if (!this.$el.contains(event.target as HTMLElement)) {\n      this.close();\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAmFA;;;;;;AAcA;IAA0C,gCAAG;IAA7C;QAAA,qEAsVC;;;;;;;QAzSW,YAAM,GAAG,KAAK,CAAC;;;;;;QAOf,0BAAoB,GAAG,CAAC,CAAC,CAAC;;;;;;QAO1B,kBAAY,GAAG,EAAE,CAAC;;KA2R7B;IA5QC,sBAAc,4CAAkB;;;;;;;aAAhC;YACE,OAAO;gBACL,qBAAqB,EAAE,IAAI,CAAC,MAAM;aACnC,CAAC;SACH;;;OAAA;IAQD,sBAAc,yCAAe;;;;;;;aAA7B;YAAA,iBAOC;YANC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;gBAChC,OAAO;oBACL,+BAA+B,EAAE,KAAI,CAAC,KAAK,KAAK,IAAI;oBACpD,kCAAkC,EAAE,KAAI,CAAC,oBAAoB,KAAK,KAAK;iBACxE,CAAC;aACH,CAAC,CAAC;SACJ;;;OAAA;;;;;;;IAQS,oCAAa,GAAvB;QACE,IAAI,CAAC,4BAA4B,EAAE,CAAC;KACrC;;;;;;IAOS,2BAAI,GAAd;QACE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;;;;;;IAOS,4BAAK,GAAf;QACE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;;;;;;IAOS,6BAAM,GAAhB;QACE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;;;;;;;IAQS,8CAAuB,GAAjC,UAAkC,IAAkB;QAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;;;;;;IAOS,wCAAiB,GAA3B;QACE,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;KACjF;;;;;;IAOS,4CAAqB,GAA/B;QACE,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,IAAI,CAAC,oBAAoB;YACvB,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;KACzF;;;;;;IAOS,yCAAkB,GAA5B;QACE,IAAI,CAAC,oBAAoB,GAAG,CAAC,CAAC;KAC/B;;;;;;IAOS,wCAAiB,GAA3B;QACE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;KACnD;;;;;;;IAQS,yCAAkB,GAA5B,UAA6B,KAAoB;QAC/C,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAC1B,IAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;YACtB,IAAI,CAAC,YAAY,IAAI,GAAG,CAAC;YACzB,IAAI,CAAC,yBAAyB,EAAE,CAAC;SAClC;KACF;;;;;;;;;;;IAaS,4CAAqB,GAA/B,UAAgC,MAAc;QAD9C,iBAuBC;;QArBC,IAAI,MAAM,EAAE;YACV,IAAM,kBAAgB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;YACjD,IAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CACnD,UAAC,eAAe,EAAE,MAAM,EAAE,KAAK;gBAC7B,IAAM,wBAAwB,GAAG,MAAM,CAAC,WAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAC3E,IAAM,oBAAoB,GAAG,eAAe,CAAC,wBAAwB,CAAC,CAAC;gBACvE,IAAI,oBAAoB,CAAC,UAAU,CAAC,kBAAgB,CAAC,EAAE;oBACrD,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC7B;gBACD,OAAO,eAAe,CAAC;aACxB,EACD,EAAE,CACH,CAAC;YACF,IAAI,CAAC,oBAAoB;;gBAEvB,MAAA,MAAA,eAAe,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,IAAI,KAAI,CAAC,oBAAoB,GAAA,CAAC;;gBAEjE,eAAe,CAAC,CAAC,CAAC;;gBAElB,CAAC,CAAC;SACL;KACF;;;;;;IAOS,kCAAW,GAArB;QACE,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;KACxB;;;;;;;IASS,0CAAmB,GAA7B,UAA8B,eAAuB;;QAEnD,IAAI,CAAC,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;KAC9E;;;;;;;IASS,2CAAoB,GAA9B,UAA+B,oBAA4B;QAD3D,iBAQC;QANC,IAAI,CAAC,SAAS,CAAC;YACb,IAAI,KAAI,CAAC,KAAK,CAAC,WAAW,IAAI,SAAS,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;gBACzF,IAAM,OAAO,GAAG,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,oBAAoB,CAAC,CAAC;gBAClE,OAAO,CAAC,KAAK,EAAE,CAAC;aACjB;SACF,CAAC,CAAC;KACJ;;;;;;;IASS,4CAAqB,GAA/B,UAAgC,MAAe;QAC7C,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACtF;aAAM;YACL,IAAI,CAAC,oBAAoB,GAAG,CAAC,CAAC,CAAC;SAChC;KACF;;;;;;;IASS,yCAAkB,GAA5B,UAA6B,MAAe;;;;;;;QAO1C,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,yBAAyB,EAAE,CAAC;SAClC;aAAM;YACL,IAAI,CAAC,4BAA4B,EAAE,CAAC;SACrC;KACF;;;;;;;IAQS,gDAAyB,GAAnC;;QAEE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;QACzE,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC1E,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;;KAExE;;;;;;;IAQS,mDAA4B,GAAtC;;QAEE,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC5E,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;QAC7E,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC;;KAE3E;;;;;;IAOS,kDAA2B,GAArC,UAAsC,KAA2C;QAC/E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;YACnD,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;KACF;IA9UD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACK;IAQ9B;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACU;IASnC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;mDACQ;IAQvC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACQ;IA+KhC;QADC,KAAK,CAAC,cAAc,CAAC;6DAuBrB;IAkBD;QADC,KAAK,CAAC,iBAAiB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;2DAI7C;IASD;QADC,KAAK,CAAC,sBAAsB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4DAQlD;IASD;QADC,KAAK,CAAC,QAAQ,CAAC;6DAOf;IASD;QADC,KAAK,CAAC,QAAQ,CAAC;0DAaf;IA9SkB,YAAY;QARhC,SAAS,CAAC;YACT,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,QAAQ;aAChB;SACF,CAAC;OACmB,YAAY,CAsVhC;IAAD,mBAAC;CAAA,CAtVyC,GAAG;;;;"}

package/js/components/base-event-button.vue_rollup-plugin-vue=script.js

@@ -1,36 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-
-/**
- * Component to be reused that renders a `<button>` with the logic of emitting events to the bus
- * on click. The events are passed as an object to prop {@link XEventsTypes | events}.
- * The keys are the event name and the values are the payload of each event. All events are
- * emitted with its respective payload. If any event doesn't need payload a `undefined` must be
- * passed as value.
- *
- * @public
- */
-var BaseEventButton = /** @class */ (function (_super) {
-    __extends(BaseEventButton, _super);
-    function BaseEventButton() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BaseEventButton.prototype.emitEvents = function () {
-        var _this = this;
-        Object.entries(this.events).forEach(function (_a) {
-            var event = _a[0], payload = _a[1];
-            _this.$x.emit(event, payload, { target: _this.$el });
-        });
-    };
-    __decorate([
-        Prop({ required: true })
-    ], BaseEventButton.prototype, "events", void 0);
-    BaseEventButton = __decorate([
-        Component
-    ], BaseEventButton);
-    return BaseEventButton;
-}(Vue));
-
-export default BaseEventButton;
-//# sourceMappingURL=base-event-button.vue_rollup-plugin-vue=script.js.map

package/js/components/base-event-button.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-event-button.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-event-button.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { XEvent, XEventsTypes } from '../wiring';\n\n/**\n * Component to be reused that renders a `<button>` with the logic of emitting events to the bus\n * on click. The events are passed as an object to prop {@link XEventsTypes | events}.\n * The keys are the event name and the values are the payload of each event. All events are\n * emitted with its respective payload. If any event doesn't need payload a `undefined` must be\n * passed as value.\n *\n * @public\n */\n@Component\nexport default class BaseEventButton extends Vue {\n  /**\n   * (Required) A object where the keys are the {@link XEvent} and the values\n   * are the payload of each event.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected events!: Partial<XEventsTypes>;\n\n  protected emitEvents(): void {\n    Object.entries(this.events).forEach(([event, payload]) => {\n      this.$x.emit(event as XEvent, payload, { target: this.$el as HTMLElement });\n    });\n  }\n}\n"],"names":[],"mappings":";;;;AAYA;;;;;;;;;AAUA;IAA6C,mCAAG;IAAhD;;KAeC;IALW,oCAAU,GAApB;QAAA,iBAIC;QAHC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,EAAgB;gBAAf,KAAK,QAAA,EAAE,OAAO,QAAA;YAClD,KAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAe,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,KAAI,CAAC,GAAkB,EAAE,CAAC,CAAC;SAC7E,CAAC,CAAC;KACJ;IAND;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;mDACgB;IARtB,eAAe;QADnC,SAAS;OACW,eAAe,CAenC;IAAD,sBAAC;CAAA,CAf4C,GAAG;;;;"}

package/js/components/base-grid.vue_rollup-plugin-vue=script.js

@@ -1,115 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { toKebabCase } from '../utils/string.js';
-import { XInject } from './decorators/injection.decorators.js';
-import { LIST_ITEMS_KEY } from './decorators/injection.consts.js';
-
-/**
- * Grid component that is able to render different items based on their modelName value. In order
- * to achieve this, it exposes a scopedSlot for each different modelName. In case the items used
- * do not have modelName property, the default slot is used instead. It has a required property:
- * the `items` to render; and an optional one: the number `columns` the grid is divided in. If the
- * number of columns is not specified, the grid automatically fills the rows with as many columns
- * as it can fit.
- *
- * @public
- */
-var BaseGrid = /** @class */ (function (_super) {
-    __extends(BaseGrid, _super);
-    function BaseGrid() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BaseGrid.prototype, "computedItems", {
-        /**
-         * It returns the items passed as props or the injected ones.
-         *
-         * @returns List of grid items.
-         *
-         * @public
-         */
-        get: function () {
-            var _a, _b;
-            return ((_b = (_a = this.items) !== null && _a !== void 0 ? _a : this.injectedListItems) !== null && _b !== void 0 ? _b : 
-            //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'));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "cssClasses", {
-        /**
-         * CSS class based on the column property value so items inside the grid can fill different
-         * amount of columns or rows based on how many columns the grid is divided into.
-         *
-         * @returns CSS class with the column property value.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.columns ? "x-grid--cols-" + this.columns : 'x-grid--cols-auto';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "style", {
-        /**
-         * CSSStyleDeclaration object specifying the number of columns the grid is divided into based on
-         * the column property value.
-         *
-         * @returns A CSSStyleDeclaration to use as the style attribute.
-         *
-         * @internal
-         */
-        get: function () {
-            return {
-                gridTemplateColumns: this.columns
-                    ? "repeat(" + this.columns + ", minmax(0, 1fr))"
-                    : 'repeat(auto-fill, minmax(var(--x-size-min-width-grid-item, 150px), auto))'
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseGrid.prototype, "gridItems", {
-        /**
-         * Maps the item to an object containing: the `item`, its `CSS class` and its slot name.
-         *
-         * @returns An array of objects containing the item and its CSS class.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.computedItems.map(function (item) {
-                var slotName = toKebabCase(item.modelName);
-                return {
-                    slotName: slotName,
-                    item: item,
-                    cssClass: "x-base-grid__" + slotName
-                };
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ default: 'ul' })
-    ], BaseGrid.prototype, "animation", void 0);
-    __decorate([
-        Prop({ default: 0 })
-    ], BaseGrid.prototype, "columns", void 0);
-    __decorate([
-        Prop()
-    ], BaseGrid.prototype, "items", void 0);
-    __decorate([
-        XInject(LIST_ITEMS_KEY)
-    ], BaseGrid.prototype, "injectedListItems", void 0);
-    BaseGrid = __decorate([
-        Component({})
-    ], BaseGrid);
-    return BaseGrid;
-}(Vue));
-
-export default BaseGrid;
-//# sourceMappingURL=base-grid.vue_rollup-plugin-vue=script.js.map

package/js/components/base-grid.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-grid.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-grid.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 Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { toKebabCase } from '../utils/string';\nimport { ListItem, VueCSSClasses } from '../utils/types';\nimport { XInject } from './decorators/injection.decorators';\nimport { LIST_ITEMS_KEY } from './decorators/injection.consts';\n\n/**\n * The type returned by the gridItems function. Basically it's a list of items with its CSS\n * classes and a slotName.\n *\n * @internal\n */\ninterface GridItem {\n  slotName: string;\n  item: ListItem;\n  cssClass: VueCSSClasses;\n}\n\n/**\n * Grid component that is able to render different items based on their modelName value. In order\n * to achieve this, it exposes a scopedSlot for each different modelName. In case the items used\n * do not have modelName property, the default slot is used instead. It has a required property:\n * the `items` to render; and an optional one: the number `columns` the grid is divided in. If the\n * number of columns is not specified, the grid automatically fills the rows with as many columns\n * as it can fit.\n *\n * @public\n */\n@Component({})\nexport default class BaseGrid extends Vue {\n  /**\n   * Animation component that will be used to animate the base grid.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue | string;\n\n  /**\n   * Number of columns the grid is divided into. By default, its value is 0, setting the grid\n   * columns mode to auto-fill.\n   *\n   * @public\n   */\n  @Prop({ default: 0 })\n  protected columns!: number;\n\n  /**\n   * The list of items to be rendered.\n   *\n   * @remarks The items must have an id property.\n   *\n   * @public\n   */\n  @Prop()\n  protected items!: ListItem[];\n\n  /**\n   * It injects {@link ListItem} provided by an ancestor.\n   *\n   * @internal\n   */\n  @XInject(LIST_ITEMS_KEY)\n  public injectedListItems!: ListItem[];\n\n  /**\n   * It returns the items passed as props or the injected ones.\n   *\n   * @returns List of grid items.\n   *\n   * @public\n   */\n  protected get computedItems(): ListItem[] {\n    return (\n      this.items ??\n      this.injectedListItems ??\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   * CSS class based on the column property value so items inside the grid can fill different\n   * amount of columns or rows based on how many columns the grid is divided into.\n   *\n   * @returns CSS class with the column property value.\n   *\n   * @internal\n   */\n  protected get cssClasses(): VueCSSClasses {\n    return this.columns ? `x-grid--cols-${this.columns}` : 'x-grid--cols-auto';\n  }\n\n  /**\n   * CSSStyleDeclaration object specifying the number of columns the grid is divided into based on\n   * the column property value.\n   *\n   * @returns A CSSStyleDeclaration to use as the style attribute.\n   *\n   * @internal\n   */\n  protected get style(): Partial<CSSStyleDeclaration> {\n    return {\n      gridTemplateColumns: this.columns\n        ? `repeat(${this.columns}, minmax(0, 1fr))`\n        : 'repeat(auto-fill, minmax(var(--x-size-min-width-grid-item, 150px), auto))'\n    };\n  }\n\n  /**\n   * Maps the item to an object containing: the `item`, its `CSS class` and its slot name.\n   *\n   * @returns An array of objects containing the item and its CSS class.\n   *\n   * @internal\n   */\n  protected get gridItems(): GridItem[] {\n    return this.computedItems.map(item => {\n      const slotName = toKebabCase(item.modelName);\n      return {\n        slotName,\n        item,\n        cssClass: `x-base-grid__${slotName}`\n      };\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAmDA;;;;;;;;;;AAWA;IAAsC,4BAAG;IAAzC;;KAkGC;IAvDC,sBAAc,mCAAa;;;;;;;;aAA3B;;YACE,QACE,MAAA,MAAA,IAAI,CAAC,KAAK,mCACV,IAAI,CAAC,iBAAiB;;;YAGtB,OAAO,CAAC,IAAI,CAAC,8DAA8D,CAAC,EAC5E;SACH;;;OAAA;IAUD,sBAAc,gCAAU;;;;;;;;;aAAxB;YACE,OAAO,IAAI,CAAC,OAAO,GAAG,kBAAgB,IAAI,CAAC,OAAS,GAAG,mBAAmB,CAAC;SAC5E;;;OAAA;IAUD,sBAAc,2BAAK;;;;;;;;;aAAnB;YACE,OAAO;gBACL,mBAAmB,EAAE,IAAI,CAAC,OAAO;sBAC7B,YAAU,IAAI,CAAC,OAAO,sBAAmB;sBACzC,2EAA2E;aAChF,CAAC;SACH;;;OAAA;IASD,sBAAc,+BAAS;;;;;;;;aAAvB;YACE,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAA,IAAI;gBAChC,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC7C,OAAO;oBACL,QAAQ,UAAA;oBACR,IAAI,MAAA;oBACJ,QAAQ,EAAE,kBAAgB,QAAU;iBACrC,CAAC;aACH,CAAC,CAAC;SACJ;;;OAAA;IA1FD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACW;IASnC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;6CACM;IAU3B;QADC,IAAI,EAAE;2CACsB;IAQ7B;QADC,OAAO,CAAC,cAAc,CAAC;uDACc;IAlCnB,QAAQ;QAD5B,SAAS,CAAC,EAAE,CAAC;OACO,QAAQ,CAkG5B;IAAD,eAAC;CAAA,CAlGqC,GAAG;;;;"}

package/js/components/base-keyboard-navigation.vue_rollup-plugin-vue=script.js

@@ -1,126 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { XOn } from './decorators/bus.decorators.js';
-import { DirectionalFocusNavigationService } from '../services/directional-focus-navigation.service.js';
-
-/**
- * Base component to handle keyboard navigation for elements inside it. It has a required slot to
- * include the navigable elements.
- *
- * @remarks
- * The component can be customized through props: an array of navigationHijacker objects, which
- * contains: the xEvent to listen to, the moduleName in charge of emitting the event and to which
- * direction it should react to; to take control of the navigation and eventsForDirectionLimit, to
- * emit an xEvent when reaching the navigation limit in any direction.
- *
- * @public
- */
-var BaseKeyboardNavigation = /** @class */ (function (_super) {
-    __extends(BaseKeyboardNavigation, _super);
-    function BaseKeyboardNavigation() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    BaseKeyboardNavigation.prototype.mounted = function () {
-        // TODO Replace this with injection
-        this.navigationService = new DirectionalFocusNavigationService(this.$el);
-    };
-    Object.defineProperty(BaseKeyboardNavigation.prototype, "navigationHijackerEvents", {
-        /**
-         * Get the navigation hijacker events.
-         *
-         * @remarks
-         * If the same {@link XEvent} is defined multiple times it is only inserted once.
-         *
-         * @returns The events to hijack the navigation.
-         */
-        get: function () {
-            var eventsSet = this.navigationHijacker.map(function (_a) {
-                var xEvent = _a.xEvent;
-                return xEvent;
-            });
-            return Array.from(new Set(eventsSet));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Trigger navigation if this component is in control of it.
-     *
-     * @param eventPayload - The {@link WirePayload.eventPayload}.
-     * @param metadata - The {@link WirePayload.metadata}.
-     * @public
-     */
-    BaseKeyboardNavigation.prototype.triggerNavigation = function (eventPayload, metadata) {
-        if (this.hasToTakeNavigationControl(eventPayload, metadata)) {
-            this.focusNextNavigableElement(eventPayload);
-        }
-    };
-    /**
-     * Checks if the component has to take control of the keyboard navigation.
-     *
-     * @param eventPayload - The {@link ArrowKey}.
-     * @param metadata - The {@link WireMetadata}.
-     *
-     * @returns Whether the component needs to take control of the keyboard navigation or not.
-     * @internal
-     */
-    BaseKeyboardNavigation.prototype.hasToTakeNavigationControl = function (eventPayload, metadata) {
-        return this.navigationHijacker.some(function (_a) {
-            var moduleName = _a.moduleName, direction = _a.direction;
-            return moduleName === metadata.moduleName && direction === eventPayload;
-        });
-    };
-    /**
-     * Focus the next navigable element returned by the navigation service.
-     *
-     * @param direction - The navigation direction.
-     * @internal
-     */
-    BaseKeyboardNavigation.prototype.focusNextNavigableElement = function (direction) {
-        var _a;
-        var dir = typeof direction === 'object' ? direction.key : direction;
-        var nextElementToFocus = (_a = this.navigationService) === null || _a === void 0 ? void 0 : _a.navigateTo(dir);
-        if (this.elementToFocus !== nextElementToFocus) {
-            this.elementToFocus = nextElementToFocus;
-            this.elementToFocus.focus();
-        }
-        else {
-            this.emitDirectionalLimitReached(dir);
-            this.elementToFocus = undefined;
-        }
-    };
-    /**
-     * Emit the {@link XEvent} associated to the navigation's direction when reaching its limit.
-     *
-     * @param direction - The navigation direction.
-     * @internal
-     */
-    BaseKeyboardNavigation.prototype.emitDirectionalLimitReached = function (direction) {
-        var _a;
-        var xEvent = (_a = this.eventsForDirectionLimit) === null || _a === void 0 ? void 0 : _a[direction];
-        if (xEvent) {
-            this.$x.emit(xEvent, undefined, { target: this.elementToFocus });
-        }
-    };
-    __decorate([
-        Prop({
-            default: function () { return [
-                { xEvent: 'UserPressedArrowKey', moduleName: 'searchBox', direction: 'ArrowDown' }
-            ]; }
-        })
-    ], BaseKeyboardNavigation.prototype, "navigationHijacker", void 0);
-    __decorate([
-        Prop({ default: function () { return ({ ArrowUp: 'UserReachedEmpathizeTop' }); } })
-    ], BaseKeyboardNavigation.prototype, "eventsForDirectionLimit", void 0);
-    __decorate([
-        XOn(function (component) { return component.navigationHijackerEvents; })
-    ], BaseKeyboardNavigation.prototype, "triggerNavigation", null);
-    BaseKeyboardNavigation = __decorate([
-        Component
-    ], BaseKeyboardNavigation);
-    return BaseKeyboardNavigation;
-}(Vue));
-
-export default BaseKeyboardNavigation;
-//# sourceMappingURL=base-keyboard-navigation.vue_rollup-plugin-vue=script.js.map

package/js/components/base-keyboard-navigation.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-keyboard-navigation.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-keyboard-navigation.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\n// eslint-disable-next-line max-len\nimport { DirectionalFocusNavigationService } from '../services/directional-focus-navigation.service';\nimport { SpatialNavigation } from '../services/services.types';\nimport { ArrowKey, EventsForDirectionLimit, TakeNavigationControl } from '../utils/types';\nimport { XEventsOf } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { XOn } from './decorators/bus.decorators';\n\n/**\n * Base component to handle keyboard navigation for elements inside it. It has a required slot to\n * include the navigable elements.\n *\n * @remarks\n * The component can be customized through props: an array of navigationHijacker objects, which\n * contains: the xEvent to listen to, the moduleName in charge of emitting the event and to which\n * direction it should react to; to take control of the navigation and eventsForDirectionLimit, to\n * emit an xEvent when reaching the navigation limit in any direction.\n *\n * @public\n */\n@Component\nexport default class BaseKeyboardNavigation extends Vue {\n  /**\n   * An array of {@link TakeNavigationControl | navigation hijacker} objects defining when to\n   * take control of the keyboard navigation.\n   */\n  @Prop({\n    default: () => [\n      { xEvent: 'UserPressedArrowKey', moduleName: 'searchBox', direction: 'ArrowDown' }\n    ]\n  })\n  protected navigationHijacker!: TakeNavigationControl[];\n\n  /**\n   * An {@link EventsForDirectionLimit} to emit when the user is already at the furthest element\n   * in a direction and tries to keep going on the same direction.\n   */\n  @Prop({ default: () => ({ ArrowUp: 'UserReachedEmpathizeTop' }) })\n  protected eventsForDirectionLimit!: Partial<EventsForDirectionLimit>;\n\n  /**\n   * The {@link SpatialNavigation | navigation service} to use.\n   */\n  protected navigationService!: SpatialNavigation;\n\n  /**\n   * The element to focus.\n   */\n  protected elementToFocus: HTMLElement | undefined;\n\n  mounted(): void {\n    // TODO Replace this with injection\n    this.navigationService = new DirectionalFocusNavigationService(this.$el as HTMLElement);\n  }\n\n  /**\n   * Get the navigation hijacker events.\n   *\n   * @remarks\n   * If the same {@link XEvent} is defined multiple times it is only inserted once.\n   *\n   * @returns The events to hijack the navigation.\n   */\n  protected get navigationHijackerEvents(): XEventsOf<ArrowKey>[] {\n    const eventsSet = this.navigationHijacker.map(({ xEvent }) => xEvent);\n    return Array.from(new Set(eventsSet));\n  }\n\n  /**\n   * Trigger navigation if this component is in control of it.\n   *\n   * @param eventPayload - The {@link WirePayload.eventPayload}.\n   * @param metadata - The {@link WirePayload.metadata}.\n   * @public\n   */\n  @XOn(component => (component as BaseKeyboardNavigation).navigationHijackerEvents)\n  triggerNavigation(eventPayload: ArrowKey, metadata: WireMetadata): void {\n    if (this.hasToTakeNavigationControl(eventPayload, metadata)) {\n      this.focusNextNavigableElement(eventPayload);\n    }\n  }\n\n  /**\n   * Checks if the component has to take control of the keyboard navigation.\n   *\n   * @param eventPayload - The {@link ArrowKey}.\n   * @param metadata - The {@link WireMetadata}.\n   *\n   * @returns Whether the component needs to take control of the keyboard navigation or not.\n   * @internal\n   */\n  private hasToTakeNavigationControl(eventPayload: ArrowKey, metadata: WireMetadata): boolean {\n    return this.navigationHijacker.some(\n      ({ moduleName, direction }) =>\n        moduleName === metadata.moduleName && direction === eventPayload\n    );\n  }\n\n  /**\n   * Focus the next navigable element returned by the navigation service.\n   *\n   * @param direction - The navigation direction.\n   * @internal\n   */\n  protected focusNextNavigableElement(direction: ArrowKey | KeyboardEvent): void {\n    const dir = typeof direction === 'object' ? (direction.key as ArrowKey) : direction;\n    const nextElementToFocus = this.navigationService?.navigateTo(dir);\n\n    if (this.elementToFocus !== nextElementToFocus) {\n      this.elementToFocus = nextElementToFocus;\n      this.elementToFocus.focus();\n    } else {\n      this.emitDirectionalLimitReached(dir);\n      this.elementToFocus = undefined;\n    }\n  }\n\n  /**\n   * Emit the {@link XEvent} associated to the navigation's direction when reaching its limit.\n   *\n   * @param direction - The navigation direction.\n   * @internal\n   */\n  private emitDirectionalLimitReached(direction: ArrowKey): void {\n    const xEvent = this.eventsForDirectionLimit?.[direction];\n    if (xEvent) {\n      this.$x.emit(xEvent, undefined, { target: this.elementToFocus });\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;AAsBA;;;;;;;;;;;;AAaA;IAAoD,0CAAG;IAAvD;;KA4GC;IA/EC,wCAAO,GAAP;;QAEE,IAAI,CAAC,iBAAiB,GAAG,IAAI,iCAAiC,CAAC,IAAI,CAAC,GAAkB,CAAC,CAAC;KACzF;IAUD,sBAAc,4DAAwB;;;;;;;;;aAAtC;YACE,IAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,UAAC,EAAU;oBAAR,MAAM,YAAA;gBAAO,OAAA,MAAM;aAAA,CAAC,CAAC;YACtE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;SACvC;;;OAAA;;;;;;;;IAUD,kDAAiB,GAAjB,UAAkB,YAAsB,EAAE,QAAsB;QAC9D,IAAI,IAAI,CAAC,0BAA0B,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE;YAC3D,IAAI,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC;SAC9C;KACF;;;;;;;;;;IAWO,2DAA0B,GAAlC,UAAmC,YAAsB,EAAE,QAAsB;QAC/E,OAAO,IAAI,CAAC,kBAAkB,CAAC,IAAI,CACjC,UAAC,EAAyB;gBAAvB,UAAU,gBAAA,EAAE,SAAS,eAAA;YACtB,OAAA,UAAU,KAAK,QAAQ,CAAC,UAAU,IAAI,SAAS,KAAK,YAAY;SAAA,CACnE,CAAC;KACH;;;;;;;IAQS,0DAAyB,GAAnC,UAAoC,SAAmC;;QACrE,IAAM,GAAG,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAI,SAAS,CAAC,GAAgB,GAAG,SAAS,CAAC;QACpF,IAAM,kBAAkB,GAAG,MAAA,IAAI,CAAC,iBAAiB,0CAAE,UAAU,CAAC,GAAG,CAAC,CAAC;QAEnE,IAAI,IAAI,CAAC,cAAc,KAAK,kBAAkB,EAAE;YAC9C,IAAI,CAAC,cAAc,GAAG,kBAAkB,CAAC;YACzC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;SACjC;KACF;;;;;;;IAQO,4DAA2B,GAAnC,UAAoC,SAAmB;;QACrD,IAAM,MAAM,GAAG,MAAA,IAAI,CAAC,uBAAuB,0CAAG,SAAS,CAAC,CAAC;QACzD,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;SAClE;KACF;IAjGD;QALC,IAAI,CAAC;YACJ,OAAO,EAAE,cAAM,OAAA;gBACb,EAAE,MAAM,EAAE,qBAAqB,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE;aACnF,GAAA;SACF,CAAC;sEACqD;IAOvD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,cAAM,QAAC,EAAE,OAAO,EAAE,yBAAyB,EAAE,IAAC,EAAE,CAAC;2EACG;IAsCrE;QADC,GAAG,CAAC,UAAA,SAAS,IAAI,OAAC,SAAoC,CAAC,wBAAwB,GAAA,CAAC;mEAKhF;IA3DkB,sBAAsB;QAD1C,SAAS;OACW,sBAAsB,CA4G1C;IAAD,6BAAC;CAAA,CA5GmD,GAAG;;;;"}

package/js/components/base-rating.vue_rollup-plugin-vue=script.js

@@ -1,62 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import StarIcon from './icons/star.vue.js';
-
-/**
- * Rating component. This component renders a set of elements filled based on the value passed as
- * prop.
- *
- * @public
- */
-var BaseRating = /** @class */ (function (_super) {
-    __extends(BaseRating, _super);
-    function BaseRating() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BaseRating.prototype, "calculateFilledWrapperWidth", {
-        /**
-         * Calculates the width of the filled elements wrapper.
-         *
-         * @returns The % of the wrapper width.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.value < 0 ? '0%' : (this.value * 100) / this.max + "%";
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseRating.prototype, "ariaLabel", {
-        /**
-         * Creates the aria label for accessibility purpose.
-         *
-         * @returns The aria label.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.value + "/" + this.max;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ required: true })
-    ], BaseRating.prototype, "value", void 0);
-    __decorate([
-        Prop({ default: 5 })
-    ], BaseRating.prototype, "max", void 0);
-    BaseRating = __decorate([
-        Component({
-            components: {
-                DefaultIcon: StarIcon
-            }
-        })
-    ], BaseRating);
-    return BaseRating;
-}(Vue));
-
-export default BaseRating;
-//# sourceMappingURL=base-rating.vue_rollup-plugin-vue=script.js.map

package/js/components/base-rating.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-rating.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-rating.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\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport StarIcon from './icons/star.vue';\n\n/**\n * Rating component. This component renders a set of elements filled based on the value passed as\n * prop.\n *\n * @public\n */\n@Component({\n  components: {\n    DefaultIcon: StarIcon\n  }\n})\nexport default class BaseRating extends Vue {\n  /**\n   * Numeric value used to calculates the width of the filled elements.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected value!: number;\n  /**\n   * Maximum number of elements to paint.\n   *\n   * @public\n   */\n  @Prop({ default: 5 })\n  protected max!: number;\n\n  /**\n   * Calculates the width of the filled elements wrapper.\n   *\n   * @returns The % of the wrapper width.\n   *\n   * @internal\n   */\n  protected get calculateFilledWrapperWidth(): string {\n    return this.value < 0 ? '0%' : `${(this.value * 100) / this.max}%`;\n  }\n\n  /**\n   * Creates the aria label for accessibility purpose.\n   *\n   * @returns The aria label.\n   *\n   * @internal\n   */\n  protected get ariaLabel(): string {\n    return `${this.value}/${this.max}`;\n  }\n}\n"],"names":[],"mappings":";;;;;AA8BA;;;;;;AAWA;IAAwC,8BAAG;IAA3C;;KAqCC;IAdC,sBAAc,mDAA2B;;;;;;;;aAAzC;YACE,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,GAAM,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,MAAG,CAAC;SACpE;;;OAAA;IASD,sBAAc,iCAAS;;;;;;;;aAAvB;YACE,OAAU,IAAI,CAAC,KAAK,SAAI,IAAI,CAAC,GAAK,CAAC;SACpC;;;OAAA;IA7BD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;6CACA;IAOzB;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;2CACE;IAdJ,UAAU;QAL9B,SAAS,CAAC;YACT,UAAU,EAAE;gBACV,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;OACmB,UAAU,CAqC9B;IAAD,iBAAC;CAAA,CArCuC,GAAG;;;;"}

package/js/components/base-variable-column-grid.vue_rollup-plugin-vue=script.js

@@ -1,57 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { XOn } from './decorators/bus.decorators.js';
-import BaseGrid from './base-grid.vue.js';
-
-/**
- * The `BaseVariableColumnGrid` component is a wrapper of the `BaseGrid` component that listens to
- * the `UserClickedColumnPicker` and the `ColumnsNumberProvided` events and passes the
- * selected number of columns to the grid. It also allows to customize the grid items using the
- * available `scopedSlots`.
- *
- * @public
- */
-var BaseVariableColumnGrid = /** @class */ (function (_super) {
-    __extends(BaseVariableColumnGrid, _super);
-    function BaseVariableColumnGrid() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * The columns to render in the grid.
-         *
-         * @internal
-         */
-        _this.columns = 0;
-        return _this;
-    }
-    /**
-     * Handler to update the number of columns when the user selects a new value.
-     *
-     * @param newColumns - The new columns value.
-     *
-     * @internal
-     */
-    BaseVariableColumnGrid.prototype.setColumns = function (newColumns) {
-        this.columns = newColumns;
-    };
-    __decorate([
-        Prop({ default: 'ul' })
-    ], BaseVariableColumnGrid.prototype, "animation", void 0);
-    __decorate([
-        Prop()
-    ], BaseVariableColumnGrid.prototype, "items", void 0);
-    __decorate([
-        XOn(['ColumnsNumberProvided'])
-    ], BaseVariableColumnGrid.prototype, "setColumns", null);
-    BaseVariableColumnGrid = __decorate([
-        Component({
-            components: {
-                BaseGrid: BaseGrid
-            }
-        })
-    ], BaseVariableColumnGrid);
-    return BaseVariableColumnGrid;
-}(Vue));
-
-export default BaseVariableColumnGrid;
-//# sourceMappingURL=base-variable-column-grid.vue_rollup-plugin-vue=script.js.map

package/js/components/base-variable-column-grid.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-variable-column-grid.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/base-variable-column-grid.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\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 { ListItem } from '../utils/types';\nimport BaseGrid from './base-grid.vue';\nimport { XOn } from './decorators/bus.decorators';\n\n/**\n * The `BaseVariableColumnGrid` component is a wrapper of the `BaseGrid` component that listens to\n * the `UserClickedColumnPicker` and the `ColumnsNumberProvided` events and passes the\n * selected number of columns to the grid. It also allows to customize the grid items using the\n * available `scopedSlots`.\n *\n * @public\n */\n@Component({\n  components: {\n    BaseGrid\n  }\n})\nexport default class BaseVariableColumnGrid extends Vue {\n  /**\n   * Animation component that will be used to animate the grid.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue | string;\n\n  /**\n   * The list of items to be rendered.\n   *\n   * @remarks The items must have an id property.\n   *\n   * @public\n   */\n  @Prop()\n  protected items?: ListItem[];\n\n  /**\n   * The columns to render in the grid.\n   *\n   * @internal\n   */\n  protected columns = 0;\n\n  /**\n   * Handler to update the number of columns when the user selects a new value.\n   *\n   * @param newColumns - The new columns value.\n   *\n   * @internal\n   */\n  @XOn(['ColumnsNumberProvided'])\n  setColumns(newColumns: number): void {\n    this.columns = newColumns;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAoBA;;;;;;;;AAaA;IAAoD,0CAAG;IAAvD;QAAA,qEAqCC;;;;;;QAbW,aAAO,GAAG,CAAC,CAAC;;KAavB;;;;;;;;IAHC,2CAAU,GAAV,UAAW,UAAkB;QAC3B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;KAC3B;IA7BD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6DACW;IAUnC;QADC,IAAI,EAAE;yDACsB;IAiB7B;QADC,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC;4DAG9B;IApCkB,sBAAsB;QAL1C,SAAS,CAAC;YACT,UAAU,EAAE;gBACV,QAAQ,UAAA;aACT;SACF,CAAC;OACmB,sBAAsB,CAqC1C;IAAD,6BAAC;CAAA,CArCmD,GAAG;;;;"}

package/js/components/column-picker/base-column-picker-dropdown.vue_rollup-plugin-vue=script.js

@@ -1,46 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import { Prop, Component } from 'vue-property-decorator';
-import { mixins } from 'vue-class-component';
-import BaseEventButton from '../base-event-button.vue.js';
-import BaseDropdown from '../base-dropdown.vue.js';
-import ColumnPickerMixin from './column-picker.mixin.js';
-
-/**
- * Column picker dropdown component renders {@link BaseDropdown | dropdown} component which
- * options are the different columns you can set for a grid.
- *
- * It emits {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} on dropdown
- * input.
- *
- * @remarks It extends {@link ColumnPickerMixin}.
- *
- * @public
- */
-var BaseColumnPickerDropdown = /** @class */ (function (_super) {
-    __extends(BaseColumnPickerDropdown, _super);
-    function BaseColumnPickerDropdown() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Emits a {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} and
-     * {@link XEventsTypes.ColumnsNumberProvided | ColumnsNumberProvided} events.
-     *
-     * @param column - Column number payload.
-     */
-    BaseColumnPickerDropdown.prototype.emitEvent = function (column) {
-        this.$x.emit('UserClickedColumnPicker', column);
-        this.$x.emit('ColumnsNumberProvided', column);
-    };
-    __decorate([
-        Prop()
-    ], BaseColumnPickerDropdown.prototype, "animation", void 0);
-    BaseColumnPickerDropdown = __decorate([
-        Component({
-            components: { BaseDropdown: BaseDropdown, BaseEventButton: BaseEventButton }
-        })
-    ], BaseColumnPickerDropdown);
-    return BaseColumnPickerDropdown;
-}(mixins(ColumnPickerMixin)));
-
-export default BaseColumnPickerDropdown;
-//# sourceMappingURL=base-column-picker-dropdown.vue_rollup-plugin-vue=script.js.map

package/js/components/column-picker/base-column-picker-dropdown.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-column-picker-dropdown.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/column-picker/base-column-picker-dropdown.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\nimport { Component, Prop } from 'vue-property-decorator';\nimport { mixins } from 'vue-class-component';\nimport Vue from 'vue';\nimport BaseEventButton from '../base-event-button.vue';\nimport BaseDropdown from '../base-dropdown.vue';\nimport ColumnPickerMixin from './column-picker.mixin';\n\n/**\n * Column picker dropdown component renders {@link BaseDropdown | dropdown} component which\n * options are the different columns you can set for a grid.\n *\n * It emits {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} on dropdown\n * input.\n *\n * @remarks It extends {@link ColumnPickerMixin}.\n *\n * @public\n */\n@Component({\n  components: { BaseDropdown, BaseEventButton }\n})\nexport default class BaseColumnPickerDropdown extends mixins(ColumnPickerMixin) {\n  /**\n   * The transition to use for opening and closing the dropdown.\n   *\n   * @public\n   */\n  @Prop()\n  public animation?: string | typeof Vue;\n\n  /**\n   * Emits a {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} and\n   * {@link XEventsTypes.ColumnsNumberProvided | ColumnsNumberProvided} events.\n   *\n   * @param column - Column number payload.\n   */\n  emitEvent(column: number): void {\n    this.$x.emit('UserClickedColumnPicker', column);\n    this.$x.emit('ColumnsNumberProvided', column);\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAsCA;;;;;;;;;;;AAcA;IAAsD,4CAAyB;IAA/E;;KAmBC;;;;;;;IAJC,4CAAS,GAAT,UAAU,MAAc;QACtB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;KAC/C;IAXD;QADC,IAAI,EAAE;+DACgC;IAPpB,wBAAwB;QAH5C,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,YAAY,cAAA,EAAE,eAAe,iBAAA,EAAE;SAC9C,CAAC;OACmB,wBAAwB,CAmB5C;IAAD,+BAAC;CAnBD,CAAsD,MAAM,CAAC,iBAAiB,CAAC;;;;"}

package/js/components/column-picker/base-column-picker-list.vue_rollup-plugin-vue=script.js

@@ -1,57 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import { Component } from 'vue-property-decorator';
-import { mixins } from 'vue-class-component';
-import BaseEventButton from '../base-event-button.vue.js';
-import ColumnPickerMixin from './column-picker.mixin.js';
-
-/**
- * Column picker list component renders a list of buttons to choose the columns number.
- *
- * @remarks It extends {@link ColumnPickerMixin}.
- *
- * @public
- */
-var BaseColumnPickerList = /** @class */ (function (_super) {
-    __extends(BaseColumnPickerList, _super);
-    function BaseColumnPickerList() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BaseColumnPickerList.prototype, "columnsWithCssClasses", {
-        /**
-         * Maps the column to an object containing: the `column` and `CSS classes`.
-         *
-         * @returns An array of objects containing the column number and CSS classes.
-         *
-         * @internal
-         */
-        get: function () {
-            var _this = this;
-            return this.columns.map(function (column) { return ({
-                column: column,
-                cssClasses: [
-                    "x-column-picker-list__item--" + column + "-cols",
-                    {
-                        'x-column-picker-list__item--is-selected': _this.selectedColumns === column,
-                        'x-option-list__item--is-selected': _this.selectedColumns === column
-                    }
-                ],
-                isSelected: _this.selectedColumns === column,
-                events: {
-                    UserClickedColumnPicker: column,
-                    ColumnsNumberProvided: column
-                }
-            }); });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    BaseColumnPickerList = __decorate([
-        Component({
-            components: { BaseEventButton: BaseEventButton }
-        })
-    ], BaseColumnPickerList);
-    return BaseColumnPickerList;
-}(mixins(ColumnPickerMixin)));
-
-export default BaseColumnPickerList;
-//# sourceMappingURL=base-column-picker-list.vue_rollup-plugin-vue=script.js.map

package/js/components/column-picker/base-column-picker-list.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-column-picker-list.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/column-picker/base-column-picker-list.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\nimport { mixins } from 'vue-class-component';\nimport { Component } from 'vue-property-decorator';\nimport { VueCSSClasses } from '../../utils/types';\nimport { XEventsTypes } from '../../wiring';\nimport BaseEventButton from '../base-event-button.vue';\nimport ColumnPickerMixin from './column-picker.mixin';\n\ninterface ColumnPickerItem {\n  column: number;\n  cssClasses: VueCSSClasses;\n  events: Partial<XEventsTypes>;\n  isSelected: boolean;\n}\n\n/**\n * Column picker list component renders a list of buttons to choose the columns number.\n *\n * @remarks It extends {@link ColumnPickerMixin}.\n *\n * @public\n */\n@Component({\n  components: { BaseEventButton }\n})\nexport default class BaseColumnPickerList extends mixins(ColumnPickerMixin) {\n  /**\n   * Maps the column to an object containing: the `column` and `CSS classes`.\n   *\n   * @returns An array of objects containing the column number and CSS classes.\n   *\n   * @internal\n   */\n  protected get columnsWithCssClasses(): ColumnPickerItem[] {\n    return this.columns.map(column => ({\n      column,\n      cssClasses: [\n        `x-column-picker-list__item--${column}-cols`,\n        {\n          'x-column-picker-list__item--is-selected': this.selectedColumns === column,\n          'x-option-list__item--is-selected': this.selectedColumns === column\n        }\n      ],\n      isSelected: this.selectedColumns === column,\n      events: {\n        UserClickedColumnPicker: column,\n        ColumnsNumberProvided: column\n      }\n    }));\n  }\n}\n"],"names":[],"mappings":";;;;;;AAmDA;;;;;;;AAUA;IAAkD,wCAAyB;IAA3E;;KAyBC;IAjBC,sBAAc,uDAAqB;;;;;;;;aAAnC;YAAA,iBAgBC;YAfC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,QAAC;gBACjC,MAAM,QAAA;gBACN,UAAU,EAAE;oBACV,iCAA+B,MAAM,UAAO;oBAC5C;wBACE,yCAAyC,EAAE,KAAI,CAAC,eAAe,KAAK,MAAM;wBAC1E,kCAAkC,EAAE,KAAI,CAAC,eAAe,KAAK,MAAM;qBACpE;iBACF;gBACD,UAAU,EAAE,KAAI,CAAC,eAAe,KAAK,MAAM;gBAC3C,MAAM,EAAE;oBACN,uBAAuB,EAAE,MAAM;oBAC/B,qBAAqB,EAAE,MAAM;iBAC9B;aACF,IAAC,CAAC,CAAC;SACL;;;OAAA;IAxBkB,oBAAoB;QAHxC,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,eAAe,iBAAA,EAAE;SAChC,CAAC;OACmB,oBAAoB,CAyBxC;IAAD,2BAAC;CAzBD,CAAkD,MAAM,CAAC,iBAAiB,CAAC;;;;"}