@empathyco/x-components 3.0.0-alpha.136 → 3.0.0-alpha.139

package/js/x-modules/url/components/url-handler.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"url-handler.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport { Dictionary, objectFilter } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport GlobalEvents from 'vue-global-events';\nimport { Component, Inject } from 'vue-property-decorator';\nimport { State } from '../../../components';\nimport { XOn } from '../../../components/decorators/bus.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { FeatureLocation } from '../../../types/origin';\nimport { UrlParams } from '../../../types/url-params';\nimport { isArrayEmpty } from '../../../utils/array';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { SnippetConfig } from '../../../x-installer/api/api.types';\nimport { initialUrlState } from '../store/initial-state';\nimport { UrlParamValue } from '../store/types';\nimport { urlXModule } from '../x-module';\n\ninterface ParsedUrlParams {\n  all: UrlParams;\n  extra: Dictionary<unknown>;\n}\n\n/**\n * This component manage the browser URL parameters to perserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\n@Component({\n  components: {\n    GlobalEvents\n  },\n  mixins: [xComponentMixin(urlXModule)]\n})\nexport default class UrlHandler extends Vue {\n  /**\n   * The {@link SnippetConfig} provided by an ancestor.\n   *\n   * @internal\n   */\n  @Inject({ default: undefined })\n  protected snippetConfig?: SnippetConfig;\n\n  /**\n   * Flag to know if the params were already loaded from the URL.\n   *\n   * @internal\n   */\n  protected urlLoaded = false;\n\n  /**\n   * The page URL. It is used to compare against the current URL to check navigation state.\n   *\n   * @internal\n   */\n  protected url?: URL;\n\n  /**\n   * Flag to know if the page has been persisted by the browser's back-forward cache.\n   *\n   * @internal\n   */\n  protected isPagePersisted = false;\n\n  /**\n   * Computed to know which params we must get from URL. It gets the params names from the initial\n   * state, to get all default params names, and also from the `$attrs` to get the extra params\n   * names to take into account.\n   *\n   * @returns An array with the name of the params.\n   *\n   * @internal\n   */\n  protected get managedParamsNames(): string[] {\n    return Object.keys({ ...initialUrlState, ...this.$attrs });\n  }\n\n  @State('url', 'initialExtraParams')\n  public initialExtraParams!: Dictionary<unknown>;\n\n  /**\n   * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n   * we can support any param and extra param, no matters its name.\n   *\n   * @param paramName - The param name to get the Url key.\n   * @returns The key used in the URL for the `paramName` passed.\n   *\n   * @internal\n   */\n  protected getUrlKey(paramName: string): string {\n    return this.$attrs[paramName] ?? paramName;\n  }\n\n  /**\n   * To emit the Url events just when the URL is load, and before the components mounted events\n   * and state changes, we do it in the created of this component.\n   */\n  created(): void {\n    this.emitEvents();\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('PushableUrlStateChanged')\n  updateUrlWithPush(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.pushState.bind(window.history));\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n   * method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('ReplaceableUrlStateChanged')\n  updateUrlWithReplace(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));\n  }\n\n  /**\n   * Handler of the\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }\n   * event.\n   *\n   * @remarks The pageshow event is listened to check if the browser has performed a navigation\n   * using the back-forward cache. This information is available in the\n   * PageTransitionEvent.persisted property.\n   *\n   * @param event - The page transition event.\n   * @internal\n   */\n  protected onPageShow(event: PageTransitionEvent): void {\n    this.isPagePersisted = event.persisted;\n    if (event.persisted) {\n      // The internal url is reset due to the back-forward cache storing the previous value which\n      // is no longer valid.\n      this.url = undefined;\n    }\n  }\n\n  /**\n   * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n   * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n   * the {@link XEventsTypes.UserOpenXProgrammatically}.\n   *\n   * @internal\n   */\n  protected emitEvents(): void {\n    const { all, extra } = this.parseUrlParams();\n    const metadata = this.createWireMetadata();\n    this.$x.emit('ParamsLoadedFromUrl', all, metadata);\n    this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);\n    // TODO: Move this logic from here.\n    if (all.query) {\n      this.$x.emit('UserOpenXProgrammatically', undefined, metadata);\n    }\n    this.urlLoaded = true;\n  }\n\n  /**\n   * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.\n   *\n   * @returns The {@link WireMetadata | metadata}.\n   * @internal\n   */\n  protected createWireMetadata(): Pick<WireMetadata, 'feature' | 'location'> {\n    return {\n      feature: 'url',\n      location: this.detectLocation()\n    };\n  }\n\n  /**\n   * Detects the {@link FeatureLocation | location} used to build the\n   * {@link QueryOriginInit | events metadata origin}.\n   *\n   * @returns The {@link FeatureLocation | location}.\n   * @internal\n   */\n  protected detectLocation(): FeatureLocation {\n    const currentUrl = new URL(window.location.href);\n    const previousUrl = this.url;\n    this.url = currentUrl;\n\n    const isInternalNavigation =\n      previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname;\n    if (isInternalNavigation) {\n      return 'url_history';\n    }\n\n    if (this.isNavigatingFromPdp()) {\n      return 'url_history_pdp';\n    }\n\n    return 'external';\n  }\n\n  /**\n   * Check if the navigation is from a product page.\n   *\n   * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n   * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n   * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n   * navigationType is permanently set to reload after you have reload the page and it never\n   * resets. As some browsers have a back-forward cache implemented, we also take into account if\n   * the page is persisted.\n   *\n   * @returns True if the navigation is from a product page, false otherwise.\n   * @internal\n   */\n  protected isNavigatingFromPdp(): boolean {\n    const isPagePersisted = this.isPagePersisted;\n    const navigationEntries = window.performance.getEntriesByType('navigation');\n    const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type;\n    const useFallbackStrategy =\n      window.performance.navigation &&\n      (isArrayEmpty(navigationEntries) || navigationType === 'reload');\n\n    // Reset internal isPagePersisted property value\n    this.isPagePersisted = false;\n\n    if (useFallbackStrategy) {\n      const {\n        type: fallbackNavigationType,\n        TYPE_BACK_FORWARD,\n        TYPE_NAVIGATE\n      } = window.performance.navigation;\n      const isNavigatingInSpa =\n        !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;\n      return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;\n    } else {\n      const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';\n      return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;\n    }\n  }\n\n  /**\n   * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n   *\n   * @returns ParsedUrlParams obtained from URL.\n   * @internal\n   */\n  protected parseUrlParams(): ParsedUrlParams {\n    const urlSearchParams = new URL(window.location.href).searchParams;\n    return this.managedParamsNames.reduce<ParsedUrlParams>(\n      (params, name) => {\n        const urlKey = this.getUrlKey(name);\n        if (urlSearchParams.has(urlKey)) {\n          if (name in initialUrlState) {\n            const urlValue = urlSearchParams.getAll(urlKey);\n            params.all[name] = this.parseUrlParam(name, urlValue);\n          } else {\n            params.all[name] = params.extra[name] = urlSearchParams.get(urlKey);\n          }\n        }\n        return params;\n      },\n      { all: { ...initialUrlState }, extra: { ...this.initialExtraParams } }\n    );\n  }\n\n  /**\n   * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n   * passed as `historyMethod`. It only updates the browser history if the new URL is different\n   * from the current.\n   *\n   * @param newUrlParams - The new params to add to the browser URL.\n   * @param historyMethod - The browser history method used to add the new URL.\n   *\n   * @internal\n   */\n  protected updateUrl(\n    newUrlParams: UrlParams,\n    historyMethod: History['pushState'] | History['replaceState']\n  ): void {\n    if (this.urlLoaded) {\n      const url = new URL(window.location.href);\n      this.deleteUrlParameters(url);\n      this.setUrlParameters(url, newUrlParams);\n\n      url.href = url.href.replace(/\\+/g, '%20');\n\n      if (url.href !== window.location.href) {\n        historyMethod({ ...window.history.state }, document.title, url.href);\n      }\n      this.url = url;\n    }\n  }\n\n  /**\n   * Deletes all the parameters in the passed URL.\n   *\n   * @param url - The URL to remove parameters from.\n   * @internal\n   */\n  protected deleteUrlParameters(url: URL): void {\n    this.managedParamsNames.forEach(paramName =>\n      url.searchParams.delete(this.getUrlKey(paramName))\n    );\n  }\n\n  /**\n   * Set all the provided parameters to the url with the mapped key.\n   *\n   * @param url - The current URL.\n   * @param urlParams - The list of parameters to add.\n   * @remarks The params are filtered because there maybe received extra params which will not be\n   * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n   * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n   * important for SEO purposes.\n   *\n   * @internal\n   */\n  protected setUrlParameters(url: URL, urlParams: UrlParams): void {\n    // Only when there is a query the rest of the parameters are valid.\n    if (!urlParams.query) {\n      return;\n    }\n    const filteredParams = objectFilter(urlParams, paramName =>\n      this.managedParamsNames.includes(paramName as string)\n    );\n    const sortedParameters = this.sortParams(filteredParams);\n    sortedParameters.forEach(([paramName, paramValue]) => {\n      const urlParamKey = this.getUrlKey(paramName);\n      if (Array.isArray(paramValue)) {\n        paramValue.forEach(value => {\n          url.searchParams.append(urlParamKey, String(value));\n        });\n      } else {\n        url.searchParams.set(urlParamKey, String(paramValue));\n      }\n    });\n  }\n\n  /**\n   * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n   * in the same order.\n   *\n   * @param urlParams - The {@link UrlParams} to sort.\n   * @returns An array of tuples with the key-value of each paramter, sorted by key.\n   * @internal\n   */\n  protected sortParams(urlParams: UrlParams): Array<[string, unknown]> {\n    return Object.entries(urlParams).sort(([param1], [param2]) => {\n      return param1 < param2 ? -1 : 1;\n    });\n  }\n\n  /**\n   * Returns the URL param value parsed depending on its type in the initial store state. As we\n   * can not know what type can have an extra param, all extra params are parsed as strings. We\n   * know if it is an extra param because it is not in the initial state.\n   *\n   * @param name - The name of the param in {@link UrlParams}.\n   * @param value - The `URLSearchParams` value as an arry of strings.\n   * @returns The parsed value.\n   *\n   * @internal\n   */\n  protected parseUrlParam(name: string, value: string[]): UrlParamValue {\n    switch (typeof initialUrlState[name]) {\n      case 'number':\n        return Number(value[0]);\n      case 'boolean':\n        return value[0].toLowerCase() === 'true';\n      case 'string':\n        return value[0];\n      default:\n        // array\n        return value;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"url-handler.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport { Dictionary, objectFilter } from '@empathyco/x-utils';\nimport Vue from 'vue';\nimport GlobalEvents from 'vue-global-events';\nimport { Component, Inject } from 'vue-property-decorator';\nimport { State } from '../../../components';\nimport { XOn } from '../../../components/decorators/bus.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { FeatureLocation } from '../../../types/origin';\nimport { UrlParams } from '../../../types/url-params';\nimport { isArrayEmpty } from '../../../utils/array';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { SnippetConfig } from '../../../x-installer/api/api.types';\nimport { initialUrlState } from '../store/initial-state';\nimport { UrlParamValue } from '../store/types';\nimport { urlXModule } from '../x-module';\n\ninterface ParsedUrlParams {\n  all: UrlParams;\n  extra: Dictionary<unknown>;\n}\n\n/**\n * This component manage the browser URL parameters to perserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\n@Component({\n  components: {\n    GlobalEvents\n  },\n  mixins: [xComponentMixin(urlXModule)]\n})\nexport default class UrlHandler extends Vue {\n  /**\n   * The {@link SnippetConfig} provided by an ancestor.\n   *\n   * @internal\n   */\n  @Inject({ default: undefined })\n  protected snippetConfig?: SnippetConfig;\n\n  /**\n   * Flag to know if the params were already loaded from the URL.\n   *\n   * @internal\n   */\n  protected urlLoaded = false;\n\n  /**\n   * The page URL. It is used to compare against the current URL to check navigation state.\n   *\n   * @internal\n   */\n  protected url?: URL;\n\n  /**\n   * Flag to know if the page has been persisted by the browser's back-forward cache.\n   *\n   * @internal\n   */\n  protected isPagePersisted = false;\n\n  /**\n   * Computed to know which params we must get from URL. It gets the params names from the initial\n   * state, to get all default params names, and also from the `$attrs` to get the extra params\n   * names to take into account.\n   *\n   * @returns An array with the name of the params.\n   *\n   * @internal\n   */\n  protected get managedParamsNames(): string[] {\n    return Object.keys({ ...initialUrlState, ...this.$attrs });\n  }\n\n  @State('url', 'initialExtraParams')\n  public initialExtraParams!: Dictionary<unknown>;\n\n  /**\n   * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n   * we can support any param and extra param, no matters its name.\n   *\n   * @param paramName - The param name to get the Url key.\n   * @returns The key used in the URL for the `paramName` passed.\n   *\n   * @internal\n   */\n  protected getUrlKey(paramName: string): string {\n    return this.$attrs[paramName] ?? paramName;\n  }\n\n  /**\n   * To emit the Url events just when the URL is load, and before the components mounted events\n   * and state changes, we do it in the created of this component.\n   */\n  created(): void {\n    this.emitEvents();\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('PushableUrlStateChanged')\n  updateUrlWithPush(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.pushState.bind(window.history));\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n   * method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('ReplaceableUrlStateChanged')\n  updateUrlWithReplace(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));\n  }\n\n  /**\n   * Handler of the\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }\n   * event.\n   *\n   * @remarks The pageshow event is listened to check if the browser has performed a navigation\n   * using the back-forward cache. This information is available in the\n   * PageTransitionEvent.persisted property.\n   *\n   * @param event - The page transition event.\n   * @internal\n   */\n  protected onPageShow(event: PageTransitionEvent): void {\n    this.isPagePersisted = event.persisted;\n    if (event.persisted) {\n      // The internal url is reset due to the back-forward cache storing the previous value which\n      // is no longer valid.\n      this.url = undefined;\n    }\n  }\n\n  /**\n   * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n   * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n   * the {@link XEventsTypes.UserOpenXProgrammatically}.\n   *\n   * @internal\n   */\n  protected emitEvents(): void {\n    const { all, extra } = this.parseUrlParams();\n    const metadata = this.createWireMetadata();\n    this.$x.emit('ParamsLoadedFromUrl', all, metadata);\n    this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);\n    // TODO: Move this logic from here.\n    if (all.query) {\n      this.$x.emit('UserOpenXProgrammatically', undefined, metadata);\n    }\n    this.urlLoaded = true;\n  }\n\n  /**\n   * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.\n   *\n   * @returns The {@link WireMetadata | metadata}.\n   * @internal\n   */\n  protected createWireMetadata(): Pick<WireMetadata, 'feature' | 'location'> {\n    return {\n      feature: 'url',\n      location: this.detectLocation()\n    };\n  }\n\n  /**\n   * Detects the {@link FeatureLocation | location} used to build the\n   * {@link QueryOriginInit | events metadata origin}.\n   *\n   * @returns The {@link FeatureLocation | location}.\n   * @internal\n   */\n  protected detectLocation(): FeatureLocation {\n    const currentUrl = new URL(window.location.href);\n    const previousUrl = this.url;\n    this.url = currentUrl;\n\n    const isInternalNavigation =\n      previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname;\n    if (isInternalNavigation) {\n      return 'url_history';\n    }\n\n    if (this.isNavigatingFromPdp()) {\n      return 'url_history_pdp';\n    }\n\n    return 'external';\n  }\n\n  /**\n   * Check if the navigation is from a product page.\n   *\n   * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n   * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n   * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n   * navigationType is permanently set to reload after you have reload the page and it never\n   * resets. As some browsers have a back-forward cache implemented, we also take into account if\n   * the page is persisted.\n   *\n   * @returns True if the navigation is from a product page, false otherwise.\n   * @internal\n   */\n  protected isNavigatingFromPdp(): boolean {\n    const isPagePersisted = this.isPagePersisted;\n    const navigationEntries = window.performance.getEntriesByType('navigation');\n    const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type;\n    const useFallbackStrategy =\n      window.performance.navigation &&\n      (isArrayEmpty(navigationEntries) || navigationType === 'reload');\n\n    // Reset internal isPagePersisted property value\n    this.isPagePersisted = false;\n\n    if (useFallbackStrategy) {\n      const {\n        type: fallbackNavigationType,\n        TYPE_BACK_FORWARD,\n        TYPE_NAVIGATE\n      } = window.performance.navigation;\n      const isNavigatingInSpa =\n        !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;\n      return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;\n    } else {\n      const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';\n      return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;\n    }\n  }\n\n  /**\n   * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n   *\n   * @returns ParsedUrlParams obtained from URL.\n   * @internal\n   */\n  protected parseUrlParams(): ParsedUrlParams {\n    const urlSearchParams = new URL(window.location.href).searchParams;\n    return this.managedParamsNames.reduce<ParsedUrlParams>(\n      (params, name) => {\n        const urlKey = this.getUrlKey(name);\n        if (urlSearchParams.has(urlKey)) {\n          if (name in initialUrlState) {\n            const urlValue = urlSearchParams.getAll(urlKey);\n            params.all[name] = this.parseUrlParam(name, urlValue);\n          } else {\n            params.all[name] = params.extra[name] = urlSearchParams.get(urlKey);\n          }\n        }\n        return params;\n      },\n      { all: { ...initialUrlState }, extra: { ...this.initialExtraParams } }\n    );\n  }\n\n  /**\n   * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n   * passed as `historyMethod`. It only updates the browser history if the new URL is different\n   * from the current.\n   *\n   * @param newUrlParams - The new params to add to the browser URL.\n   * @param historyMethod - The browser history method used to add the new URL.\n   *\n   * @internal\n   */\n  protected updateUrl(\n    newUrlParams: UrlParams,\n    historyMethod: History['pushState'] | History['replaceState']\n  ): void {\n    if (this.urlLoaded) {\n      const url = new URL(window.location.href);\n      this.deleteUrlParameters(url);\n      this.setUrlParameters(url, newUrlParams);\n\n      url.href = url.href.replace(/\\+/g, '%20');\n\n      if (url.href !== window.location.href) {\n        historyMethod({ ...window.history.state }, document.title, url.href);\n      }\n      this.url = url;\n    }\n  }\n\n  /**\n   * Deletes all the parameters in the passed URL.\n   *\n   * @param url - The URL to remove parameters from.\n   * @internal\n   */\n  protected deleteUrlParameters(url: URL): void {\n    this.managedParamsNames.forEach(paramName =>\n      url.searchParams.delete(this.getUrlKey(paramName))\n    );\n  }\n\n  /**\n   * Set all the provided parameters to the url with the mapped key.\n   *\n   * @param url - The current URL.\n   * @param urlParams - The list of parameters to add.\n   * @remarks The params are filtered because there maybe received extra params which will not be\n   * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n   * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n   * important for SEO purposes.\n   *\n   * @internal\n   */\n  protected setUrlParameters(url: URL, urlParams: UrlParams): void {\n    // Only when there is a query the rest of the parameters are valid.\n    if (!urlParams.query) {\n      return;\n    }\n    const filteredParams = objectFilter(urlParams, paramName =>\n      this.managedParamsNames.includes(paramName as string)\n    );\n    const sortedParameters = this.sortParams(filteredParams);\n    sortedParameters.forEach(([paramName, paramValue]) => {\n      const urlParamKey = this.getUrlKey(paramName);\n      if (Array.isArray(paramValue)) {\n        paramValue.forEach(value => {\n          url.searchParams.append(urlParamKey, String(value));\n        });\n      } else {\n        url.searchParams.set(urlParamKey, String(paramValue));\n      }\n    });\n  }\n\n  /**\n   * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n   * in the same order.\n   *\n   * @param urlParams - The {@link UrlParams} to sort.\n   * @returns An array of tuples with the key-value of each paramter, sorted by key.\n   * @internal\n   */\n  protected sortParams(urlParams: UrlParams): Array<[string, unknown]> {\n    return Object.entries(urlParams).sort(([param1], [param2]) => {\n      return param1 < param2 ? -1 : 1;\n    });\n  }\n\n  /**\n   * Returns the URL param value parsed depending on its type in the initial store state. As we\n   * can not know what type can have an extra param, all extra params are parsed as strings. We\n   * know if it is an extra param because it is not in the initial state.\n   *\n   * @param name - The name of the param in {@link UrlParams}.\n   * @param value - The `URLSearchParams` value as an arry of strings.\n   * @returns The parsed value.\n   *\n   * @internal\n   */\n  protected parseUrlParam(name: string, value: string[]): UrlParamValue {\n    switch (typeof initialUrlState[name]) {\n      case 'number':\n        return Number(value[0]);\n      case 'boolean':\n        return value[0].toLowerCase() === 'true';\n      case 'string':\n        return value[0];\n      default:\n        // array\n        return value;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.136",
+  "version": "3.0.0-alpha.139",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@cypress/vue": "~2.2.4",
     "@cypress/webpack-dev-server": "~1.8.4",
-    "@empathyco/x-adapter-platform": "^1.0.0-alpha.25",
+    "@empathyco/x-adapter-platform": "^1.0.0-alpha.26",
     "@microsoft/api-documenter": "~7.15.3",
     "@microsoft/api-extractor": "~7.19.4",
     "@rollup/plugin-commonjs": "~21.0.1",
@@ -125,5 +125,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "cee7a9a9e40f9604e974337dc082bd797291dfbc"
+  "gitHead": "a09e6ff5149bd33c0ee0ebb88e5bde22058c4fe7"
 }

package/report/x-components.api.json

@@ -7936,6 +7936,32 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@empathyco/x-components!clearSearchQuery:var",
+          "docComment": "/**\n * Clears the search state `query`.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "clearSearchQuery: "
+            },
+            {
+              "kind": "Content",
+              "text": "import(\"../../wiring/wiring.types\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "AnyWire",
+              "canonicalReference": "@empathyco/x-components!AnyWire:type"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "clearSearchQuery",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          }
+        },
         {
           "kind": "Variable",
           "canonicalReference": "@empathyco/x-components!clearSelectedRelatedTags:var",
@@ -8018,6 +8044,34 @@
           ],
           "name": "clone"
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@empathyco/x-components!CloseMainModal:class",
+          "docComment": "/**\n * Button to close the {@link MainModal}.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export default class CloseMainModal extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Vue",
+              "canonicalReference": "vue!Vue:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "CloseMainModal",
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Class",
           "canonicalReference": "@empathyco/x-components!CollapseHeight:class",
@@ -19903,7 +19957,67 @@
           ],
           "releaseTag": "Public",
           "name": "HistoryQueriesSwitch",
-          "members": [],
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@empathyco/x-components!HistoryQueriesSwitch#hasHistoryQueries:member",
+              "docComment": "/**\n * Checks if there are history queries.\n *\n * @returns True if there are history queries; false otherwise.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "protected get hasHistoryQueries(): "
+                },
+                {
+                  "kind": "Content",
+                  "text": "boolean"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "hasHistoryQueries",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isStatic": false
+            },
+            {
+              "kind": "Property",
+              "canonicalReference": "@empathyco/x-components!HistoryQueriesSwitch#historyQueries:member",
+              "docComment": "/**\n * The history queries from the state.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "historyQueries: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "HistoryQuery",
+                  "canonicalReference": "@empathyco/x-components!HistoryQuery:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": "[]"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "historyQueries",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            }
+          ],
           "extendsTokenRange": {
             "startIndex": 1,
             "endIndex": 3
@@ -23277,6 +23391,67 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@empathyco/x-components!MainModal:class",
+          "docComment": "/**\n * A specialised version of a modal component, made to contain a full search application.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export default class MainModal extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Vue",
+              "canonicalReference": "vue!Vue:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "MainModal",
+          "members": [
+            {
+              "kind": "Property",
+              "canonicalReference": "@empathyco/x-components!MainModal#animation:member",
+              "docComment": "/**\n * Animation to use for opening/closing the modal.\n *\n * @public\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "animation?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Vue",
+                  "canonicalReference": "vue!Vue:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": " | string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "animation",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 3
+              },
+              "isStatic": false
+            }
+          ],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "Class",
           "canonicalReference": "@empathyco/x-components!MainScroll:class",
@@ -27513,6 +27688,34 @@
           },
           "implementsTokenRanges": []
         },
+        {
+          "kind": "Class",
+          "canonicalReference": "@empathyco/x-components!OpenMainModal:class",
+          "docComment": "/**\n * Button to open the {@link MainModal}.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export default class OpenMainModal extends "
+            },
+            {
+              "kind": "Reference",
+              "text": "Vue",
+              "canonicalReference": "vue!Vue:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " "
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "OpenMainModal",
+          "members": [],
+          "extendsTokenRange": {
+            "startIndex": 1,
+            "endIndex": 3
+          },
+          "implementsTokenRanges": []
+        },
         {
           "kind": "TypeAlias",
           "canonicalReference": "@empathyco/x-components!Pair:type",
@@ -52908,6 +53111,32 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!XEventsTypes#UserClickedOutOfMainModal:member",
+              "docComment": "/**\n * The user clicked out of the main modal. Payload: none.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "UserClickedOutOfMainModal: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "void"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "UserClickedOutOfMainModal",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!XEventsTypes#UserClickedOutOfModal:member",

package/report/x-components.api.md

@@ -801,12 +801,21 @@ export class ClearSearchInput extends Vue_2 {
     query: string;
 }
 
+// @public
+export const clearSearchQuery: AnyWire;
+
 // @public
 export const clearSelectedRelatedTags: AnyWire;
 
 // @public
 export function clone<Something>(something: Something): Something;
 
+// @public
+export class CloseMainModal extends Vue_2 {
+    // @internal
+    protected closingEvent: XEvent;
+}
+
 // @public
 export class CollapseHeight extends Vue_2 {
 }
@@ -1916,6 +1925,8 @@ export interface HistoryQueriesState extends QueryState {
 
 // @public
 export class HistoryQueriesSwitch extends Vue_2 {
+    protected get hasHistoryQueries(): boolean;
+    historyQueries: HistoryQuery_2[];
     // @internal
     isEnabled: boolean;
     // @internal
@@ -1955,6 +1966,12 @@ export const historyQueriesWiring: {
     UserClickedConfirmDisableHistoryQueries: {
         setHistoryQueriesDisabled: AnyWire;
     };
+    UserClickedCloseX: {
+        clearHistoryQueriesQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearHistoryQueriesQuery: AnyWire;
+    };
 };
 
 // @public
@@ -2099,6 +2116,12 @@ export const identifierResultsWiring: {
     ExtraParamsChanged: {
         setIdentifierResultsExtraParams: Wire<Dictionary<unknown>>;
     };
+    UserClickedCloseX: {
+        clearIdentifierResultsQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearIdentifierResultsQuery: AnyWire;
+    };
 };
 
 // @public
@@ -2242,6 +2265,17 @@ export class LocationProvider extends NoElement {
     protected location: FeatureLocation;
 }
 
+// @public
+export class MainModal extends Vue_2 {
+    animation?: Vue_2 | string;
+    // @internal
+    protected closeEvents: XEvent[];
+    // @internal
+    protected openEvents: XEvent[];
+    // @internal
+    protected outOfModalClickEvent: XEvent;
+}
+
 // @public
 export class MainScroll extends Vue_2 {
     // @internal
@@ -2598,6 +2632,12 @@ export interface ObserverOptions {
     vNode: VNode;
 }
 
+// @public
+export class OpenMainModal extends Vue_2 {
+    // @internal
+    protected openingEvent: XEvent;
+}
+
 // @public
 export type Pair<Type> = [Type, Type];
 
@@ -2891,6 +2931,12 @@ export const querySuggestionsWiring: {
     ExtraParamsChanged: {
         setQuerySuggestionsExtraParams: Wire<Dictionary<unknown>>;
     };
+    UserClickedCloseX: {
+        clearQuerySuggestionsQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearQuerySuggestionsQuery: AnyWire;
+    };
 };
 
 // @public
@@ -3160,6 +3206,12 @@ export const relatedTagsWiring: {
     ExtraParamsChanged: {
         setRelatedTagsExtraParams: Wire<Dictionary<unknown>>;
     };
+    UserClickedCloseX: {
+        clearRelatedTagsQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearRelatedTagsQuery: AnyWire;
+    };
 };
 
 // @public
@@ -3544,6 +3596,12 @@ export const searchBoxWiring: {
     UserPressedClearSearchBoxButton: {
         clearSearchBoxQuery: AnyWire;
     };
+    UserClickedCloseX: {
+        clearSearchBoxQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearSearchBoxQuery: AnyWire;
+    };
 };
 
 // @public
@@ -3766,6 +3824,12 @@ export const searchWiring: {
     ExtraParamsChanged: {
         setSearchExtraParams: Wire<Dictionary<unknown>>;
     };
+    UserClickedCloseX: {
+        clearSearchQuery: AnyWire;
+    };
+    UserClickedOutOfMainModal: {
+        clearSearchQuery: AnyWire;
+    };
 };
 
 // @public
@@ -4877,6 +4941,7 @@ export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraPara
     UserClickedOpenModal: string;
     UserClickedOpenX: void;
     UserClickedOutOfEventsModal: void;
+    UserClickedOutOfMainModal: void;
     UserClickedOutOfModal: string;
     UserClickedPanelToggleButton: string;
     UserClickedResultAddToCart: Result;

package/search/index.js

@@ -22,5 +22,5 @@ export { searchEmitters } from '../js/x-modules/search/store/emitters.js';
 export { request as searchRequest } from '../js/x-modules/search/store/getters/request.getter.js';
 export { query as searchQuery } from '../js/x-modules/search/store/getters/query.getter.js';
 export { searchXStoreModule } from '../js/x-modules/search/store/module.js';
-export { cancelFetchAndSaveSearchResponseWire, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetSpellcheckQuery, resetStateWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from '../js/x-modules/search/wiring.js';
+export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetSpellcheckQuery, resetStateWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from '../js/x-modules/search/wiring.js';
 export { searchXModule } from '../js/x-modules/search/x-module.js';

package/types/components/modals/close-main-modal.vue.d.ts

@@ -0,0 +1,16 @@
+import Vue from 'vue';
+import { XEvent } from '../../wiring/events.types';
+/**
+ * Button to close the {@link MainModal}.
+ *
+ * @public
+ */
+export default class CloseMainModal extends Vue {
+    /**
+     * Event to be emitted to close the {@link MainModal}.
+     *
+     * @internal
+     */
+    protected closingEvent: XEvent;
+}
+//# sourceMappingURL=close-main-modal.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/modals/close-main-modal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-main-modal.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/close-main-modal.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAaA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD;;;;GAIG;AAMH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,GAAG;IAC7C;;;;OAIG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAuB;CACtD"}

package/types/components/modals/index.d.ts

@@ -5,4 +5,7 @@ export { default as BaseModal } from './base-modal.vue';
 export { default as BaseIdModal } from './base-id-modal.vue';
 export { default as BaseIdModalClose } from './base-id-modal-close.vue';
 export { default as BaseIdModalOpen } from './base-id-modal-open.vue';
+export { default as CloseMainModal } from './close-main-modal.vue';
+export { default as MainModal } from './main-modal.vue';
+export { default as OpenMainModal } from './open-main-modal.vue';
 //# sourceMappingURL=index.d.ts.map

package/types/components/modals/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/types/components/modals/main-modal.vue.d.ts

@@ -0,0 +1,34 @@
+import Vue from 'vue';
+import { XEvent } from '../../wiring/events.types';
+/**
+ * A specialised version of a modal component, made to contain a full search application.
+ *
+ * @public
+ */
+export default class MainModal extends Vue {
+    /**
+     * Animation to use for opening/closing the modal.
+     *
+     * @public
+     */
+    animation?: Vue | string;
+    /**
+     * Events to listen for opening the main modal.
+     *
+     * @internal
+     */
+    protected openEvents: XEvent[];
+    /**
+     * Events to listen for closing the main modal.
+     *
+     * @internal
+     */
+    protected closeEvents: XEvent[];
+    /**
+     * Event to be emitted by the modal when clicked out of its content.
+     *
+     * @internal
+     */
+    protected outOfModalClickEvent: XEvent;
+}
+//# sourceMappingURL=main-modal.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/modals/main-modal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-modal.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/main-modal.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAeA,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD;;;;GAIG;AAMH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,GAAG;IACxC;;;;OAIG;IAEI,SAAS,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,EAAE,CAAqD;IACnF;;;;OAIG;IACH,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,CAAsD;IAErF;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAA+B;CACtE"}

package/types/components/modals/open-main-modal.vue.d.ts

@@ -0,0 +1,16 @@
+import Vue from 'vue';
+import { XEvent } from '../../wiring/events.types';
+/**
+ * Button to open the {@link MainModal}.
+ *
+ * @public
+ */
+export default class OpenMainModal extends Vue {
+    /**
+     * Event to be emitted to open the {@link MainModal}.
+     *
+     * @internal
+     */
+    protected openingEvent: XEvent;
+}
+//# sourceMappingURL=open-main-modal.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/modals/open-main-modal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-main-modal.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/modals/open-main-modal.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAaA,OAAO,GAAG,MAAM,KAAK,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD;;;;GAIG;AAMH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,GAAG;IAC5C;;;;OAIG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAsB;CACrD"}

package/types/wiring/events.types.d.ts

@@ -90,6 +90,11 @@ export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraPara
      * Payload: none.
      */
     UserClickedCloseX: void;
+    /**
+     * The user clicked out of the main modal.
+     * Payload: none.
+     */
+    UserClickedOutOfMainModal: void;
     /**
      * The user clicked the button to select the number of columns.
      * Payload: the column number.