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

package/js/components/layouts/single-column-layout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-column-layout.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue"],"sourcesContent":["<template>\n  <div class=\"x-layout x-layout--single-column\" :class=\"{ 'dev-mode': devMode }\">\n    <header v-if=\"hasContent('header')\" class=\"x-layout__header x-list x-list--horizontal\">\n      <!-- @slot Slot that is used to insert content into the Header. -->\n      <slot name=\"header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n      </slot>\n    </header>\n\n    <div v-if=\"hasContent('sub-header')\" class=\"x-layout__sub-header x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Sub Header. -->\n      <slot name=\"sub-header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n      </slot>\n    </div>\n\n    <div v-if=\"hasContent('toolbar')\" class=\"x-layout__toolbar x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Toolbar. -->\n      <slot name=\"toolbar\">\n        <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n      </slot>\n    </div>\n\n    <div v-if=\"hasContent('predictive')\" class=\"x-layout__predictive x-list x-list--vertical\">\n      <BaseScroll class=\"x-layout__predictive-scroll x-list x-list--vertical x-list__item--expand\">\n        <!-- @slot Slot that can be used to insert content into the Predictive Layer. -->\n        <slot name=\"predictive\">\n          <span v-if=\"devMode\" class=\"slot-helper\">PREDICTIVE</span>\n        </slot>\n      </BaseScroll>\n    </div>\n\n    <main v-if=\"hasContent('main')\" class=\"x-layout__main\">\n      <MainScroll>\n        <Scroll id=\"main-scroll\" class=\"x-layout__main-scroll x-list x-list--vertical\">\n          <!-- @slot Slot that can be used to insert content into the Main. -->\n          <slot name=\"main\">\n            <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n          </slot>\n        </Scroll>\n      </MainScroll>\n    </main>\n\n    <div v-if=\"hasContent('floating')\" class=\"x-layout__floating x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Floating. -->\n      <slot name=\"floating\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FLOATING</span>\n      </slot>\n    </div>\n\n    <footer v-if=\"hasContent('footer')\" class=\"x-layout__footer x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Footer. -->\n      <slot name=\"footer\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FOOTER</span>\n      </slot>\n    </footer>\n\n    <BaseIdModal\n      v-if=\"hasContent('aside')\"\n      :animation=\"asideAnimation\"\n      modalId=\"aside-modal\"\n      class=\"x-layout__aside\"\n    >\n      <!-- @slot Slot that can be used to insert content into the Aside. -->\n      <slot name=\"aside\">\n        <span v-if=\"devMode\" class=\"slot-helper\">ASIDE</span>\n      </slot>\n    </BaseIdModal>\n\n    <slot name=\"extra-aside\">\n      <span v-if=\"devMode\" class=\"slot-helper\">EXTRA ASIDE</span>\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n  import Scroll from '../../x-modules/scroll/components/scroll.vue';\n  import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n  import BaseIdModal from '../modals/base-id-modal.vue';\n  import BaseScroll from '../scroll/base-scroll.vue';\n  import LayoutsMixin from './layouts.mixin';\n\n  /**\n   * Component for use as Layout to be filled with the rest of the Components.\n   *\n   * @deprecated - The layout has been deprecated in favor of using new XDS layout.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n  })\n  export default class SingleColumnLayout extends mixins(LayoutsMixin) {\n    /**\n     * The animation used for the Main Aside.\n     *\n     * @public\n     */\n    @Prop({ default: () => animateTranslate('right') })\n    protected asideAnimation!: Vue;\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @import '../../design-system-deprecated/utilities/dev-mode';\n\n  .x-layout {\n    display: grid;\n    align-content: stretch;\n    justify-content: stretch;\n    height: 100%;\n\n    grid-template-rows:\n      [page-start header-start]\n      auto\n      [header-end sub-header-start]\n      auto\n      [sub-header-end toolbar-start]\n      auto\n      [toolbar-end main-start]\n      1fr\n      [floating-start]\n      auto\n      [main-end floating-end footer-start]\n      auto\n      [footer-end page-end];\n\n    grid-template-columns: 1fr;\n\n    > * {\n      grid-column: 1/-1;\n      min-width: 0;\n      min-height: 0;\n      display: flex;\n    }\n\n    &__header {\n      grid-row: header;\n      z-index: 1;\n    }\n\n    &__sub-header {\n      grid-row: sub-header;\n      z-index: 1;\n    }\n\n    &__toolbar {\n      grid-row: toolbar;\n      z-index: 1;\n    }\n\n    &__predictive {\n      grid-row-start: header-end;\n      grid-row-end: page-end;\n      flex-flow: column nowrap;\n      z-index: 2;\n    }\n\n    &__main {\n      grid-row: main;\n      flex-flow: column nowrap;\n    }\n\n    &__floating {\n      grid-row: floating;\n      z-index: 1;\n    }\n\n    &__footer {\n      grid-row: footer;\n    }\n\n    ::v-deep .x-layout__aside {\n      grid-row: page;\n      z-index: 3;\n\n      .x-modal__content {\n        width: 100%;\n        height: 100%;\n        margin-inline-start: var(--x-size-margin-left-layout-single-column, 0);\n      }\n    }\n\n    &__predictive ::v-deep,\n    &__floating ::v-deep,\n    .slot-helper ::v-deep {\n      pointer-events: none;\n\n      > * {\n        pointer-events: all;\n      }\n\n      > .x-list {\n        pointer-events: none;\n\n        > * {\n          pointer-events: all;\n        }\n      }\n    }\n  }\n</style>\n"],"names":[],"mappings":";;;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"single-column-layout.vue.js","sources":["../../../../src/components/layouts/single-column-layout.vue"],"sourcesContent":["<template>\n  <div class=\"x-layout x-layout--single-column\" :class=\"{ 'dev-mode': devMode }\">\n    <header v-if=\"devMode || $slots['header']\" class=\"x-layout__header x-list x-list--horizontal\">\n      <!-- @slot Slot that is used to insert content into the Header. -->\n      <slot name=\"header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n      </slot>\n    </header>\n\n    <div\n      v-if=\"devMode || $slots['sub-header']\"\n      class=\"x-layout__sub-header x-list x-list--horizontal\"\n    >\n      <!-- @slot Slot that can be used to insert content into the Sub Header. -->\n      <slot name=\"sub-header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n      </slot>\n    </div>\n\n    <div v-if=\"devMode || $slots['toolbar']\" class=\"x-layout__toolbar x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Toolbar. -->\n      <slot name=\"toolbar\">\n        <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n      </slot>\n    </div>\n\n    <div\n      v-if=\"devMode || $slots['predictive']\"\n      class=\"x-layout__predictive x-list x-list--vertical\"\n    >\n      <BaseScroll class=\"x-layout__predictive-scroll x-list x-list--vertical x-list__item--expand\">\n        <!-- @slot Slot that can be used to insert content into the Predictive Layer. -->\n        <slot name=\"predictive\">\n          <span v-if=\"devMode\" class=\"slot-helper\">PREDICTIVE</span>\n        </slot>\n      </BaseScroll>\n    </div>\n\n    <main v-if=\"devMode || $slots['main']\" class=\"x-layout__main\">\n      <MainScroll>\n        <Scroll id=\"main-scroll\" class=\"x-layout__main-scroll x-list x-list--vertical\">\n          <!-- @slot Slot that can be used to insert content into the Main. -->\n          <slot name=\"main\">\n            <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n          </slot>\n        </Scroll>\n      </MainScroll>\n    </main>\n\n    <div v-if=\"devMode || $slots['floating']\" class=\"x-layout__floating x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Floating. -->\n      <slot name=\"floating\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FLOATING</span>\n      </slot>\n    </div>\n\n    <footer v-if=\"devMode || $slots['footer']\" class=\"x-layout__footer x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Footer. -->\n      <slot name=\"footer\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FOOTER</span>\n      </slot>\n    </footer>\n\n    <BaseIdModal\n      v-if=\"devMode || $slots['aside']\"\n      :animation=\"asideAnimation\"\n      modalId=\"aside-modal\"\n      class=\"x-layout__aside\"\n    >\n      <!-- @slot Slot that can be used to insert content into the Aside. -->\n      <slot name=\"aside\">\n        <span v-if=\"devMode\" class=\"slot-helper\">ASIDE</span>\n      </slot>\n    </BaseIdModal>\n\n    <slot name=\"extra-aside\">\n      <span v-if=\"devMode\" class=\"slot-helper\">EXTRA ASIDE</span>\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import Scroll from '../../x-modules/scroll/components/scroll.vue';\n  import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n  import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n  import BaseIdModal from '../modals/base-id-modal.vue';\n  import BaseScroll from '../scroll/base-scroll.vue';\n  import { AnimationProp } from '../../types';\n\n  /**\n   * Component for use as Layout to be filled with the rest of the Components.\n   *\n   * @deprecated - The layout has been deprecated in favor of using new XDS layout.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'SingleColumnLayout',\n    components: { BaseIdModal, BaseScroll, MainScroll, Scroll },\n    props: {\n      /** The animation used for the Main Aside. */\n      asideAnimation: {\n        type: AnimationProp,\n        default: () => animateTranslate('right')\n      },\n      /** Enables the devMode, which shows the available slots to use with its names. */\n      devMode: Boolean\n    }\n  });\n</script>\n\n<style lang=\"css\" scoped>\n  @import url('../../design-system-deprecated/utilities/dev-mode.css');\n\n  .x-layout {\n    display: grid;\n    align-content: stretch;\n    justify-content: stretch;\n    height: 100%;\n\n    grid-template-rows:\n      [page-start header-start]\n      auto\n      [header-end sub-header-start]\n      auto\n      [sub-header-end toolbar-start]\n      auto\n      [toolbar-end main-start]\n      1fr\n      [floating-start]\n      auto\n      [main-end floating-end footer-start]\n      auto\n      [footer-end page-end];\n\n    grid-template-columns: 1fr;\n  }\n\n  .x-layout > * {\n    grid-column: 1/-1;\n    min-width: 0;\n    min-height: 0;\n    display: flex;\n  }\n\n  .x-layout__header {\n    grid-row: header;\n    z-index: 1;\n  }\n\n  .x-layout__sub-header {\n    grid-row: sub-header;\n    z-index: 1;\n  }\n\n  .x-layout__toolbar {\n    grid-row: toolbar;\n    z-index: 1;\n  }\n\n  .x-layout__predictive {\n    grid-row-start: header-end;\n    grid-row-end: page-end;\n    flex-flow: column nowrap;\n    z-index: 2;\n  }\n\n  .x-layout__main {\n    grid-row: main;\n    flex-flow: column nowrap;\n  }\n\n  .x-layout__floating {\n    grid-row: floating;\n    z-index: 1;\n  }\n\n  .x-layout__footer {\n    grid-row: footer;\n  }\n\n  .x-layout__aside {\n    grid-row: page;\n    z-index: 3;\n  }\n\n  .x-layout :deep(.x-layout__aside .x-modal__content) {\n    width: 100%;\n    height: 100%;\n    margin-inline-start: var(--x-size-margin-left-layout-single-column, 0);\n  }\n\n  .x-layout :deep(.x-layout__aside > *:not(.slot-helper)) {\n    pointer-events: all;\n  }\n</style>\n"],"names":["_resolveComponent","devMode","$slots","_openBlock","_createElementBlock","_createCommentVNode","_renderSlot","_createVNode","_withCtx","asideAnimation"],"mappings":"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"}

package/js/components/layouts/single-column-layout.vue2.js

@@ -1,12 +1,10 @@
-import { __decorate } from 'tslib';
-import { mixins } from 'vue-class-component';
-import { Prop, Component } from 'vue-property-decorator';
-import __vue_component__$2 from '../../x-modules/scroll/components/main-scroll.vue.js';
-import __vue_component__$3 from '../../x-modules/scroll/components/scroll.vue.js';
+import { defineComponent } from 'vue';
+import Scroll from '../../x-modules/scroll/components/scroll.vue.js';
+import _sfc_main$1 from '../../x-modules/scroll/components/main-scroll.vue.js';
 import { animateTranslate } from '../animations/animate-translate/animate-translate.factory.js';
-import __vue_component__ from '../modals/base-id-modal.vue.js';
-import __vue_component__$1 from '../scroll/base-scroll.vue.js';
-import LayoutsMixin from './layouts.mixin.js';
+import BaseIdModal from '../modals/base-id-modal.vue.js';
+import BaseScroll from '../scroll/base-scroll.vue.js';
+import { AnimationProp } from '../../types/animation-prop.js';
 
 /**
  * Component for use as Layout to be filled with the rest of the Components.
@@ -15,17 +13,19 @@ import LayoutsMixin from './layouts.mixin.js';
  *
  * @public
  */
-let SingleColumnLayout = class SingleColumnLayout extends mixins(LayoutsMixin) {
-};
-__decorate([
-    Prop({ default: () => animateTranslate('right') })
-], SingleColumnLayout.prototype, "asideAnimation", void 0);
-SingleColumnLayout = __decorate([
-    Component({
-        components: { BaseIdModal: __vue_component__, BaseScroll: __vue_component__$1, MainScroll: __vue_component__$2, Scroll: __vue_component__$3 }
-    })
-], SingleColumnLayout);
-var script = SingleColumnLayout;
+var _sfc_main = defineComponent({
+    name: 'SingleColumnLayout',
+    components: { BaseIdModal, BaseScroll, MainScroll: _sfc_main$1, Scroll },
+    props: {
+        /** The animation used for the Main Aside. */
+        asideAnimation: {
+            type: AnimationProp,
+            default: () => animateTranslate('right')
+        },
+        /** Enables the devMode, which shows the available slots to use with its names. */
+        devMode: Boolean
+    }
+});
 
-export { script as default };
+export { _sfc_main as default };
 //# sourceMappingURL=single-column-layout.vue2.js.map

package/js/components/layouts/single-column-layout.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-column-layout.vue2.js","sources":["../../../../src/components/layouts/single-column-layout.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\n\n\n\n\n  import Vue from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n  import Scroll from '../../x-modules/scroll/components/scroll.vue';\n  import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n  import BaseIdModal from '../modals/base-id-modal.vue';\n  import BaseScroll from '../scroll/base-scroll.vue';\n  import LayoutsMixin from './layouts.mixin';\n\n  /**\n   * Component for use as Layout to be filled with the rest of the Components.\n   *\n   * @deprecated - The layout has been deprecated in favor of using new XDS layout.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseIdModal, BaseScroll, MainScroll, Scroll }\n  })\n  export default class SingleColumnLayout extends mixins(LayoutsMixin) {\n    /**\n     * The animation used for the Main Aside.\n     *\n     * @public\n     */\n    @Prop({ default: () => animateTranslate('right') })\n    protected asideAnimation!: Vue;\n  }\n"],"names":["BaseIdModal","BaseScroll","MainScroll","Scroll"],"mappings":";;;;;;;;;;AAsFE;;;;;;AAMG;AAIY,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,MAAM,CAAC,YAAY,CAAC,CAAA;CAQnE,CAAA;AADC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;AACpB,CAAA,EAAA,kBAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPZ,kBAAkB,GAAA,UAAA,CAAA;AAHtC,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,eAAEA,iBAAW,cAAEC,mBAAU,cAAEC,mBAAU,UAAEC,mBAAM,EAAE;KAC5D,CAAC;AACmB,CAAA,EAAA,kBAAkB,CAQtC,CAAA;aARoB,kBAAkB;;;;"}
+{"version":3,"file":"single-column-layout.vue2.js","sources":["../../../../src/components/layouts/single-column-layout.vue"],"sourcesContent":["<template>\n  <div class=\"x-layout x-layout--single-column\" :class=\"{ 'dev-mode': devMode }\">\n    <header v-if=\"devMode || $slots['header']\" class=\"x-layout__header x-list x-list--horizontal\">\n      <!-- @slot Slot that is used to insert content into the Header. -->\n      <slot name=\"header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">HEADER</span>\n      </slot>\n    </header>\n\n    <div\n      v-if=\"devMode || $slots['sub-header']\"\n      class=\"x-layout__sub-header x-list x-list--horizontal\"\n    >\n      <!-- @slot Slot that can be used to insert content into the Sub Header. -->\n      <slot name=\"sub-header\">\n        <span v-if=\"devMode\" class=\"slot-helper\">SUB HEADER</span>\n      </slot>\n    </div>\n\n    <div v-if=\"devMode || $slots['toolbar']\" class=\"x-layout__toolbar x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Toolbar. -->\n      <slot name=\"toolbar\">\n        <span v-if=\"devMode\" class=\"slot-helper\">TOOLBAR</span>\n      </slot>\n    </div>\n\n    <div\n      v-if=\"devMode || $slots['predictive']\"\n      class=\"x-layout__predictive x-list x-list--vertical\"\n    >\n      <BaseScroll class=\"x-layout__predictive-scroll x-list x-list--vertical x-list__item--expand\">\n        <!-- @slot Slot that can be used to insert content into the Predictive Layer. -->\n        <slot name=\"predictive\">\n          <span v-if=\"devMode\" class=\"slot-helper\">PREDICTIVE</span>\n        </slot>\n      </BaseScroll>\n    </div>\n\n    <main v-if=\"devMode || $slots['main']\" class=\"x-layout__main\">\n      <MainScroll>\n        <Scroll id=\"main-scroll\" class=\"x-layout__main-scroll x-list x-list--vertical\">\n          <!-- @slot Slot that can be used to insert content into the Main. -->\n          <slot name=\"main\">\n            <span v-if=\"devMode\" class=\"slot-helper\">MAIN</span>\n          </slot>\n        </Scroll>\n      </MainScroll>\n    </main>\n\n    <div v-if=\"devMode || $slots['floating']\" class=\"x-layout__floating x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Floating. -->\n      <slot name=\"floating\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FLOATING</span>\n      </slot>\n    </div>\n\n    <footer v-if=\"devMode || $slots['footer']\" class=\"x-layout__footer x-list x-list--horizontal\">\n      <!-- @slot Slot that can be used to insert content into the Footer. -->\n      <slot name=\"footer\">\n        <span v-if=\"devMode\" class=\"slot-helper\">FOOTER</span>\n      </slot>\n    </footer>\n\n    <BaseIdModal\n      v-if=\"devMode || $slots['aside']\"\n      :animation=\"asideAnimation\"\n      modalId=\"aside-modal\"\n      class=\"x-layout__aside\"\n    >\n      <!-- @slot Slot that can be used to insert content into the Aside. -->\n      <slot name=\"aside\">\n        <span v-if=\"devMode\" class=\"slot-helper\">ASIDE</span>\n      </slot>\n    </BaseIdModal>\n\n    <slot name=\"extra-aside\">\n      <span v-if=\"devMode\" class=\"slot-helper\">EXTRA ASIDE</span>\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import Scroll from '../../x-modules/scroll/components/scroll.vue';\n  import MainScroll from '../../x-modules/scroll/components/main-scroll.vue';\n  import { animateTranslate } from '../animations/animate-translate/animate-translate.factory';\n  import BaseIdModal from '../modals/base-id-modal.vue';\n  import BaseScroll from '../scroll/base-scroll.vue';\n  import { AnimationProp } from '../../types';\n\n  /**\n   * Component for use as Layout to be filled with the rest of the Components.\n   *\n   * @deprecated - The layout has been deprecated in favor of using new XDS layout.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'SingleColumnLayout',\n    components: { BaseIdModal, BaseScroll, MainScroll, Scroll },\n    props: {\n      /** The animation used for the Main Aside. */\n      asideAnimation: {\n        type: AnimationProp,\n        default: () => animateTranslate('right')\n      },\n      /** Enables the devMode, which shows the available slots to use with its names. */\n      devMode: Boolean\n    }\n  });\n</script>\n\n<style lang=\"css\" scoped>\n  @import url('../../design-system-deprecated/utilities/dev-mode.css');\n\n  .x-layout {\n    display: grid;\n    align-content: stretch;\n    justify-content: stretch;\n    height: 100%;\n\n    grid-template-rows:\n      [page-start header-start]\n      auto\n      [header-end sub-header-start]\n      auto\n      [sub-header-end toolbar-start]\n      auto\n      [toolbar-end main-start]\n      1fr\n      [floating-start]\n      auto\n      [main-end floating-end footer-start]\n      auto\n      [footer-end page-end];\n\n    grid-template-columns: 1fr;\n  }\n\n  .x-layout > * {\n    grid-column: 1/-1;\n    min-width: 0;\n    min-height: 0;\n    display: flex;\n  }\n\n  .x-layout__header {\n    grid-row: header;\n    z-index: 1;\n  }\n\n  .x-layout__sub-header {\n    grid-row: sub-header;\n    z-index: 1;\n  }\n\n  .x-layout__toolbar {\n    grid-row: toolbar;\n    z-index: 1;\n  }\n\n  .x-layout__predictive {\n    grid-row-start: header-end;\n    grid-row-end: page-end;\n    flex-flow: column nowrap;\n    z-index: 2;\n  }\n\n  .x-layout__main {\n    grid-row: main;\n    flex-flow: column nowrap;\n  }\n\n  .x-layout__floating {\n    grid-row: floating;\n    z-index: 1;\n  }\n\n  .x-layout__footer {\n    grid-row: footer;\n  }\n\n  .x-layout__aside {\n    grid-row: page;\n    z-index: 3;\n  }\n\n  .x-layout :deep(.x-layout__aside .x-modal__content) {\n    width: 100%;\n    height: 100%;\n    margin-inline-start: var(--x-size-margin-left-layout-single-column, 0);\n  }\n\n  .x-layout :deep(.x-layout__aside > *:not(.slot-helper)) {\n    pointer-events: all;\n  }\n</style>\n"],"names":["MainScroll"],"mappings":";;;;;;;;AA0FE;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,oBAAoB;IAC1B,UAAU,EAAE,EAAE,WAAW,EAAE,UAAU,cAAEA,WAAU,EAAE,MAAK,EAAG;AAC3D,IAAA,KAAK,EAAE;;AAEL,QAAA,cAAc,EAAE;AACd,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAM,gBAAgB,CAAC,OAAO,CAAA;AACxC,SAAA;;AAED,QAAA,OAAO,EAAE,OAAM;AACjB,KAAA;AACD,CAAA,CAAC;;;;"}

package/js/components/layouts/single-column-layout.vue3.js

@@ -1,16 +1,7 @@
-import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
+import injectCss from '../../../tools/inject-css.js';
 
-var css = ".dev-mode .slot-helper[data-v-4b0b5166] {\n  font-family: inherit;\n  color: grey;\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n  border: dashed 1px grey;\n  border-radius: 10px;\n}\n.x-layout[data-v-4b0b5166] {\n  display: grid;\n  align-content: stretch;\n  justify-content: stretch;\n  height: 100%;\n  grid-template-rows: [page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [floating-start] auto [main-end floating-end footer-start] auto [footer-end page-end];\n  grid-template-columns: 1fr;\n}\n.x-layout > *[data-v-4b0b5166] {\n  grid-column: 1/-1;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n.x-layout__header[data-v-4b0b5166] {\n  grid-row: header;\n  z-index: 1;\n}\n.x-layout__sub-header[data-v-4b0b5166] {\n  grid-row: sub-header;\n  z-index: 1;\n}\n.x-layout__toolbar[data-v-4b0b5166] {\n  grid-row: toolbar;\n  z-index: 1;\n}\n.x-layout__predictive[data-v-4b0b5166] {\n  grid-row-start: header-end;\n  grid-row-end: page-end;\n  flex-flow: column nowrap;\n  z-index: 2;\n}\n.x-layout__main[data-v-4b0b5166] {\n  grid-row: main;\n  flex-flow: column nowrap;\n}\n.x-layout__floating[data-v-4b0b5166] {\n  grid-row: floating;\n  z-index: 1;\n}\n.x-layout__footer[data-v-4b0b5166] {\n  grid-row: footer;\n}\n.x-layout[data-v-4b0b5166]  .x-layout__aside {\n  grid-row: page;\n  z-index: 3;\n}\n[dir=\"ltr\"] .x-layout[data-v-4b0b5166]  .x-layout__aside .x-modal__content {\n  margin-left: var(--x-size-margin-left-layout-single-column, 0);\n}\n[dir=\"rtl\"] .x-layout[data-v-4b0b5166]  .x-layout__aside .x-modal__content {\n  margin-right: var(--x-size-margin-left-layout-single-column, 0);\n}\n.x-layout[data-v-4b0b5166]  .x-layout__aside .x-modal__content {\n  width: 100%;\n  height: 100%;\n}\n.x-layout__predictive[data-v-4b0b5166] , .x-layout__floating[data-v-4b0b5166] ,\n.x-layout .slot-helper[data-v-4b0b5166]  {\n  pointer-events: none;\n}\n.x-layout__predictive[data-v-4b0b5166]  > *, .x-layout__floating[data-v-4b0b5166]  > *,\n.x-layout .slot-helper[data-v-4b0b5166]  > * {\n  pointer-events: all;\n}\n.x-layout__predictive[data-v-4b0b5166]  > .x-list, .x-layout__floating[data-v-4b0b5166]  > .x-list,\n.x-layout .slot-helper[data-v-4b0b5166]  > .x-list {\n  pointer-events: none;\n}\n.x-layout__predictive[data-v-4b0b5166]  > .x-list > *, .x-layout__floating[data-v-4b0b5166]  > .x-list > *,\n.x-layout .slot-helper[data-v-4b0b5166]  > .x-list > * {\n  pointer-events: all;\n}";
-           const isBrowser = /*#__PURE__*/ (function () {
-             return (
-                Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
-                '[object process]'
-             );
-           })();
-           const useBrowserInjector =
-             (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
-           const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/layouts/single-column-layout.vue?rollup-plugin-vue=styles.0.css',{source:css});
+var css = ".dev-mode .slot-helper{align-items:center;border:1px dashed grey;border-radius:10px;box-sizing:border-box;color:grey;display:flex;font-family:inherit;height:100%;justify-content:center;width:100%}.x-layout[data-v-9dd00b61]{align-content:stretch;display:grid;grid-template-columns:1fr;grid-template-rows:[page-start header-start] auto [header-end sub-header-start] auto [sub-header-end toolbar-start] auto [toolbar-end main-start] 1fr [floating-start] auto [main-end floating-end footer-start] auto [footer-end page-end];height:100%;justify-content:stretch}.x-layout[data-v-9dd00b61]>*{display:flex;grid-column:1/-1;min-height:0;min-width:0}.x-layout__header[data-v-9dd00b61]{grid-row:header;z-index:1}.x-layout__sub-header[data-v-9dd00b61]{grid-row:sub-header;z-index:1}.x-layout__toolbar[data-v-9dd00b61]{grid-row:toolbar;z-index:1}.x-layout__predictive[data-v-9dd00b61]{flex-flow:column nowrap;grid-row-end:page-end;grid-row-start:header-end;z-index:2}.x-layout__main[data-v-9dd00b61]{flex-flow:column nowrap;grid-row:main}.x-layout__floating[data-v-9dd00b61]{grid-row:floating;z-index:1}.x-layout__footer[data-v-9dd00b61]{grid-row:footer}.x-layout__aside[data-v-9dd00b61]{grid-row:page;z-index:3}[dir=ltr] .x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{margin-left:var(--x-size-margin-left-layout-single-column,0)}[dir=rtl] .x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{margin-right:var(--x-size-margin-left-layout-single-column,0)}.x-layout[data-v-9dd00b61] .x-layout__aside .x-modal__content{height:100%;width:100%}.x-layout[data-v-9dd00b61] .x-layout__aside>:not(.slot-helper){pointer-events:all}";
+injectCss(css);
 
 export { css, css as default };
 //# sourceMappingURL=single-column-layout.vue3.js.map

package/js/components/layouts/single-column-layout.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-column-layout.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"single-column-layout.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/js/components/location-provider.vue.js

@@ -1,39 +1,30 @@
-import script from './location-provider.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import { defineComponent, toRef, provide } from 'vue';
 
-/* script */
-const __vue_script__ = script;
+/**
+ * Location Provider component.
+ * This component injects the location with value passed as prop.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'LocationProvider',
+    props: {
+        /**
+         * The {@link FeatureLocation} to provide.
+         *
+         * @public
+         */
+        location: {
+            type: String,
+            required: true
+        }
+    },
+    setup(props, { slots }) {
+        const featureLocation = toRef(props, 'location');
+        provide('location', featureLocation);
+        return () => slots.default?.()[0] ?? '';
+    }
+});
 
-/* template */
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = undefined;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    {},
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };
+export { _sfc_main as default };
 //# sourceMappingURL=location-provider.vue.js.map

package/js/components/location-provider.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"location-provider.vue.js","sources":["../../../src/components/location-provider.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { defineComponent, PropType, provide, toRef } from 'vue';\n  import { FeatureLocation } from '../types';\n  import { useNoElementRender } from '../composables/use-no-element-render';\n\n  /**\n   * Location Provider component.\n   * This component injects the location with value passed as prop.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'LocationProvider',\n    props: {\n      /**\n       * The {@link FeatureLocation} to provide.\n       *\n       * @public\n       */\n      location: {\n        type: String as PropType<FeatureLocation>,\n        required: true\n      }\n    },\n    setup(props, { slots }) {\n      const featureLocation = toRef(props, 'location');\n      provide('location', featureLocation);\n\n      return () => useNoElementRender(slots);\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events. However, events emitted by child components, will include the\n`location` prop value in its metadata.\n\n## See it in action\n\nIn this example, the `LocationProvider` component receives the `location` prop with the\n`predictive_layer` value. This value will then be combined with the `NextQueries` feature name,\n`next_query` to create a `QueryOrigin` string, which is used for tracking the performance of the\ndifferent tools that generate the query.\n\n```vue\n<template>\n  <LocationProvider location=\"predictive_layer\">\n    <NextQueries />\n  </LocationProvider>\n</template>\n<script>\n  import { LocationProvider } from '@empathyco/x-components';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  export default {\n    name: 'LocationProviderDemo',\n    components: {\n      LocationProvider,\n      NextQueries\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"location-provider.vue.js","sources":["../../../src/components/location-provider.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { defineComponent, PropType, provide, toRef } from 'vue';\n  import { FeatureLocation } from '../types';\n\n  /**\n   * Location Provider component.\n   * This component injects the location with value passed as prop.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'LocationProvider',\n    props: {\n      /**\n       * The {@link FeatureLocation} to provide.\n       *\n       * @public\n       */\n      location: {\n        type: String as PropType<FeatureLocation>,\n        required: true\n      }\n    },\n    setup(props, { slots }) {\n      const featureLocation = toRef(props, 'location');\n      provide('location', featureLocation);\n\n      return () => slots.default?.()[0] ?? '';\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events. However, events emitted by child components, will include the\n`location` prop value in its metadata.\n\n## See it in action\n\nIn this example, the `LocationProvider` component receives the `location` prop with the\n`predictive_layer` value. This value will then be combined with the `NextQueries` feature name,\n`next_query` to create a `QueryOrigin` string, which is used for tracking the performance of the\ndifferent tools that generate the query.\n\n```vue\n<template>\n  <LocationProvider location=\"predictive_layer\">\n    <NextQueries />\n  </LocationProvider>\n</template>\n<script>\n  import { LocationProvider } from '@empathyco/x-components';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  export default {\n    name: 'LocationProviderDemo',\n    components: {\n      LocationProvider,\n      NextQueries\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;AAIE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAmC;AACzC,YAAA,QAAQ,EAAE,IAAG;AACf,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;QACpB,MAAM,kBAAkB,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AAChD,QAAA,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;AAEpC,QAAA,OAAO,MAAM,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,CAAA,IAAK,EAAE,CAAA;KACzC;AACD,CAAA,CAAC;;;;"}

package/js/components/location-provider.vue2.js

@@ -1,31 +1,6 @@
-import { defineComponent, toRef, provide } from 'vue';
-import { useNoElementRender } from '../composables/use-no-element-render.js';
+import _sfc_main from './location-provider.vue.js';
 
-/**
- * Location Provider component.
- * This component injects the location with value passed as prop.
- *
- * @public
- */
-var script = defineComponent({
-    name: 'LocationProvider',
-    props: {
-        /**
-         * The {@link FeatureLocation} to provide.
-         *
-         * @public
-         */
-        location: {
-            type: String,
-            required: true
-        }
-    },
-    setup(props, { slots }) {
-        const featureLocation = toRef(props, 'location');
-        provide('location', featureLocation);
-        return () => useNoElementRender(slots);
-    }
-});
 
-export { script as default };
+
+export { _sfc_main as default };
 //# sourceMappingURL=location-provider.vue2.js.map

package/js/components/location-provider.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"location-provider.vue2.js","sources":["../../../src/components/location-provider.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { defineComponent, PropType, provide, toRef } from 'vue';\n  import { FeatureLocation } from '../types';\n  import { useNoElementRender } from '../composables/use-no-element-render';\n\n  /**\n   * Location Provider component.\n   * This component injects the location with value passed as prop.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'LocationProvider',\n    props: {\n      /**\n       * The {@link FeatureLocation} to provide.\n       *\n       * @public\n       */\n      location: {\n        type: String as PropType<FeatureLocation>,\n        required: true\n      }\n    },\n    setup(props, { slots }) {\n      const featureLocation = toRef(props, 'location');\n      provide('location', featureLocation);\n\n      return () => useNoElementRender(slots);\n    }\n  });\n"],"names":[],"mappings":";;;AAKE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAmC;AACzC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AACjD,QAAA,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;AAErC,QAAA,OAAO,MAAM,kBAAkB,CAAC,KAAK,CAAC,CAAC;KACxC;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"location-provider.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/js/components/modals/base-events-modal-close.vue.js

@@ -1,62 +1,24 @@
-import script from './base-events-modal-close.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import _sfc_main from './base-events-modal-close.vue2.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, renderSlot } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-/* script */
-const __vue_script__ = script;
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BaseEventButton = resolveComponent("BaseEventButton");
+  return openBlock(), createBlock(_component_BaseEventButton, {
+    events: _ctx.events,
+    class: "x-events-modal-close-button x-button",
+    "data-test": "close-modal",
+    "aria-label": "Close"
+  }, {
+    default: withCtx(() => [
+      createCommentVNode(" @slot (Required) Button content with a text, an icon or both "),
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["events"]);
+}
+var BaseEventsModalClose = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "BaseEventButton",
-    _vm._g(
-      {
-        staticClass: "x-events-modal-close-button x-button",
-        attrs: {
-          events: _vm.events,
-          "data-test": "close-modal",
-          "aria-label": "Close",
-        },
-      },
-      _vm.$listeners
-    ),
-    [_vm._t("default")],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };
+export { BaseEventsModalClose as default };
 //# sourceMappingURL=base-events-modal-close.vue.js.map

package/js/components/modals/base-events-modal-close.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-events-modal-close.vue.js","sources":["../../../../src/components/modals/base-events-modal-close.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    v-on=\"$listeners\"\n    :events=\"events\"\n    class=\"x-events-modal-close-button x-button\"\n    data-test=\"close-modal\"\n    aria-label=\"Close\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for closing the modal.\n       *\n       * @public\n       */\n      closingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedCloseEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.closingEvent]: undefined }));\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedCloseEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThe `BaseEventsModalClose` component can be used to close the `BaseEventsModal` component.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsCloseButton>\n    <img src=\"./close-button-icon.svg\" />\n  </BaseEventsCloseButton>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `closingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `closingEvent` prop.\n\n```vue\n<template>\n  <BaseEventsModalClose closingEvent=\"UserClosedEmpathize\">×</BaseEventsModalClose>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-events-modal-close.vue.js","sources":["../../../../src/components/modals/base-events-modal-close.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    class=\"x-events-modal-close-button x-button\"\n    data-test=\"close-modal\"\n    aria-label=\"Close\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for closing the modal.\n       *\n       * @public\n       */\n      closingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedCloseEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.closingEvent]: undefined }));\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedCloseEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThe `BaseEventsModalClose` component can be used to close the `BaseEventsModal` component.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsCloseButton>\n    <img src=\"./close-button-icon.svg\" />\n  </BaseEventsCloseButton>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `closingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `closingEvent` prop.\n\n```vue\n<template>\n  <BaseEventsModalClose closingEvent=\"UserClosedEmpathize\">×</BaseEventsModalClose>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot"],"mappings":";;;;;AASoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AANX,EAAA,OAAAC,SAAA,EAAuC,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IAC5C,MAAU,EAAA,IAAA,CAAA,MAAA;AAAA,IACV,KAAA,EAAA,sCAAA;AAAA,IAAA,WAAA,EAAA,aAAA;AALJ,IAAA,YAAA,EAAA,OAAA;AAAA,GAAA,EAAA;aAQIC,OAAQ,CAAA,MAAA;AAAA,MAAAC,kBAAA,CAAA,gEAAA,CAAA;AARZ,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/components/modals/base-events-modal-close.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import __vue_component__ from '../base-event-button.vue.js';
+import BaseEventButton from '../base-event-button.vue.js';
 
 /**
  * Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}
@@ -7,9 +7,9 @@ import __vue_component__ from '../base-event-button.vue.js';
  *
  * @public
  */
-var script = defineComponent({
+var _sfc_main = defineComponent({
     components: {
-        BaseEventButton: __vue_component__
+        BaseEventButton
     },
     props: {
         /**
@@ -30,5 +30,5 @@ var script = defineComponent({
     }
 });
 
-export { script as default };
+export { _sfc_main as default };
 //# sourceMappingURL=base-events-modal-close.vue2.js.map

package/js/components/modals/base-events-modal-close.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-events-modal-close.vue2.js","sources":["../../../../src/components/modals/base-events-modal-close.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for closing the modal.\n       *\n       * @public\n       */\n      closingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedCloseEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.closingEvent]: undefined }));\n      return {\n        events\n      };\n    }\n  });\n"],"names":["BaseEventButton"],"mappings":";;;AAmBE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;yBACVA,iBAAe;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAqD;AAC3D,YAAA,OAAO,EAAE,6BAA6B;AACvC,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,MAAM,GAAG,QAAQ,CAAwB,OAAO,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC;QAC5F,OAAO;YACL,MAAM;SACP,CAAC;KACH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"base-events-modal-close.vue2.js","sources":["../../../../src/components/modals/base-events-modal-close.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    class=\"x-events-modal-close-button x-button\"\n    data-test=\"close-modal\"\n    aria-label=\"Close\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for closing the modal.\n       *\n       * @public\n       */\n      closingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedCloseEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.closingEvent]: undefined }));\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedCloseEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThe `BaseEventsModalClose` component can be used to close the `BaseEventsModal` component.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsCloseButton>\n    <img src=\"./close-button-icon.svg\" />\n  </BaseEventsCloseButton>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `closingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `closingEvent` prop.\n\n```vue\n<template>\n  <BaseEventsModalClose closingEvent=\"UserClosedEmpathize\">×</BaseEventsModalClose>\n</template>\n\n<script>\n  import { BaseEventsModalClose } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalCloseTest',\n    components: {\n      BaseEventsModalClose\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAkBE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;QACV,eAAc;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAqD;AAC3D,YAAA,OAAO,EAAE,6BAA4B;AACvC,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,MAAK,GAAI,QAAQ,CAAwB,OAAO,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,SAAU,EAAC,CAAC,CAAC,CAAA;QAC3F,OAAO;YACL,MAAK;SACN,CAAA;KACH;AACD,CAAA,CAAC;;;;"}

package/js/components/modals/base-events-modal-open.vue.js

@@ -1,62 +1,24 @@
-import script from './base-events-modal-open.vue2.js';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import _sfc_main from './base-events-modal-open.vue2.js';
+import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, renderSlot } from 'vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-/* script */
-const __vue_script__ = script;
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BaseEventButton = resolveComponent("BaseEventButton");
+  return openBlock(), createBlock(_component_BaseEventButton, {
+    events: _ctx.events,
+    class: "x-events-modal-open-button x-button",
+    "data-test": "open-modal",
+    "aria-label": "Open"
+  }, {
+    default: withCtx(() => [
+      createCommentVNode(" @slot (Required) Button content with a text, an icon or both "),
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["events"]);
+}
+var BaseEventsModalOpen = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "BaseEventButton",
-    _vm._g(
-      {
-        staticClass: "x-events-modal-open-button x-button",
-        attrs: {
-          events: _vm.events,
-          "data-test": "open-modal",
-          "aria-label": "Open",
-        },
-      },
-      _vm.$listeners
-    ),
-    [_vm._t("default")],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };
+export { BaseEventsModalOpen as default };
 //# sourceMappingURL=base-events-modal-open.vue.js.map

package/js/components/modals/base-events-modal-open.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-events-modal-open.vue.js","sources":["../../../../src/components/modals/base-events-modal-open.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    v-on=\"$listeners\"\n    :events=\"events\"\n    class=\"x-events-modal-open-button x-button\"\n    data-test=\"open-modal\"\n    aria-label=\"Open\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for opening the modal.\n       *\n       * @public\n       */\n      openingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedOpenEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.openingEvent]: undefined }));\n\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedOpenEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThis component serves to open the `BaseEventsModal`.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsModalOpen>\n    <img src=\"./open-button-icon.svg\" />\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `openingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `openingEvent` prop, but remember to change it in the target\n`BaseEventsModal` too.\n\n```vue\n<template>\n  <BaseEventsModalOpen openingEvent=\"UserOpenedEmpathize\">\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-events-modal-open.vue.js","sources":["../../../../src/components/modals/base-events-modal-open.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    class=\"x-events-modal-open-button x-button\"\n    data-test=\"open-modal\"\n    aria-label=\"Open\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for opening the modal.\n       *\n       * @public\n       */\n      openingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedOpenEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.openingEvent]: undefined }));\n\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedOpenEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThis component serves to open the `BaseEventsModal`.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsModalOpen>\n    <img src=\"./open-button-icon.svg\" />\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `openingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `openingEvent` prop, but remember to change it in the target\n`BaseEventsModal` too.\n\n```vue\n<template>\n  <BaseEventsModalOpen openingEvent=\"UserOpenedEmpathize\">\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot"],"mappings":";;;;;AASoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AANX,EAAA,OAAAC,SAAA,EAAsC,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IAC3C,MAAU,EAAA,IAAA,CAAA,MAAA;AAAA,IACV,KAAA,EAAA,qCAAA;AAAA,IAAA,WAAA,EAAA,YAAA;AALJ,IAAA,YAAA,EAAA,MAAA;AAAA,GAAA,EAAA;aAQIC,OAAQ,CAAA,MAAA;AAAA,MAAAC,kBAAA,CAAA,gEAAA,CAAA;AARZ,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/components/modals/base-events-modal-open.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import __vue_component__ from '../base-event-button.vue.js';
+import BaseEventButton from '../base-event-button.vue.js';
 
 /**
  * Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}
@@ -7,9 +7,9 @@ import __vue_component__ from '../base-event-button.vue.js';
  *
  * @public
  */
-var script = defineComponent({
+var _sfc_main = defineComponent({
     components: {
-        BaseEventButton: __vue_component__
+        BaseEventButton
     },
     props: {
         /**
@@ -30,5 +30,5 @@ var script = defineComponent({
     }
 });
 
-export { script as default };
+export { _sfc_main as default };
 //# sourceMappingURL=base-events-modal-open.vue2.js.map

package/js/components/modals/base-events-modal-open.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-events-modal-open.vue2.js","sources":["../../../../src/components/modals/base-events-modal-open.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for opening the modal.\n       *\n       * @public\n       */\n      openingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedOpenEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.openingEvent]: undefined }));\n\n      return {\n        events\n      };\n    }\n  });\n"],"names":["BaseEventButton"],"mappings":";;;AAmBE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;yBACVA,iBAAe;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAqD;AAC3D,YAAA,OAAO,EAAE,4BAA4B;AACtC,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,MAAM,GAAG,QAAQ,CAAwB,OAAO,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC;QAE5F,OAAO;YACL,MAAM;SACP,CAAC;KACH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"base-events-modal-open.vue2.js","sources":["../../../../src/components/modals/base-events-modal-open.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    class=\"x-events-modal-open-button x-button\"\n    data-test=\"open-modal\"\n    aria-label=\"Open\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}\n   * when clicked. It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: {\n      BaseEventButton\n    },\n    props: {\n      /**\n       * Event name to use for opening the modal.\n       *\n       * @public\n       */\n      openingEvent: {\n        type: String as PropType<PropsWithType<XEventsTypes, void>>,\n        default: 'UserClickedOpenEventsModal'\n      }\n    },\n    setup(props) {\n      const events = computed<Partial<XEventsTypes>>(() => ({ [props.openingEvent]: undefined }));\n\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedOpenEventsModal`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button.\n\n## Examples\n\nThis component serves to open the `BaseEventsModal`.\n\n### Basic example\n\nOn clicked, the component closes the `BaseEventsModal`. The only needed thing is the content that\nthe button should render, that can be any thing: a text, an image, an icon, a combination of the two\nof them...\n\n```vue\n<template>\n  <BaseEventsModalOpen>\n    <img src=\"./open-button-icon.svg\" />\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n\n### Defining another event to emit when clicking the button\n\nBy default it uses the same `openingEvent` that the `BaseEventsModal` is listening by default too.\nThis event can be changed using the `openingEvent` prop, but remember to change it in the target\n`BaseEventsModal` too.\n\n```vue\n<template>\n  <BaseEventsModalOpen openingEvent=\"UserOpenedEmpathize\">\n    <span>Open</span>\n  </BaseEventsModalOpen>\n</template>\n\n<script>\n  import { BaseEventsModalOpen } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseEventsModalOpenTest',\n    components: {\n      BaseEventsModalOpen\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAkBE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,UAAU,EAAE;QACV,eAAc;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,IAAI,EAAE,MAAqD;AAC3D,YAAA,OAAO,EAAE,4BAA2B;AACtC,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,MAAK,GAAI,QAAQ,CAAwB,OAAO,EAAE,CAAC,KAAK,CAAC,YAAY,GAAG,SAAU,EAAC,CAAC,CAAC,CAAA;QAE3F,OAAO;YACL,MAAK;SACN,CAAA;KACH;AACD,CAAA,CAAC;;;;"}