@empathyco/x-components 6.0.0-alpha.99 → 6.0.0

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

@@ -1 +0,0 @@
-{"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 v-if=\"devMode || $slots.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=\"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      modal-id=\"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\">\nimport { defineComponent } from 'vue'\nimport { AnimationProp } from '../../types'\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue'\nimport Scroll from '../../x-modules/scroll/components/scroll.vue'\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory'\nimport BaseIdModal from '../modals/base-id-modal.vue'\nimport BaseScroll from '../scroll/base-scroll.vue'\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 */\nexport 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('../../styles/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","_createElementBlock","_renderSlot","_openBlock","_createCommentVNode","_createVNode","_withCtx","asideAnimation"],"mappings":"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"}

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

@@ -1,31 +0,0 @@
-import { defineComponent } from 'vue';
-import { AnimationProp } from '../../types/animation-prop.js';
-import _sfc_main$1 from '../../x-modules/scroll/components/main-scroll.vue.js';
-import Scroll from '../../x-modules/scroll/components/scroll.vue.js';
-import { animateTranslate } from '../animations/animate-translate/animate-translate.factory.js';
-import BaseIdModal from '../modals/base-id-modal.vue.js';
-import BaseScroll from '../scroll/base-scroll.vue.js';
-
-/**
- * Component for use as Layout to be filled with the rest of the Components.
- *
- * @deprecated - The layout has been deprecated in favor of using new XDS layout.
- *
- * @public
- */
-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 { _sfc_main as default };
-//# sourceMappingURL=single-column-layout.vue2.js.map

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

@@ -1 +0,0 @@
-{"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 v-if=\"devMode || $slots.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=\"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      modal-id=\"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\">\nimport { defineComponent } from 'vue'\nimport { AnimationProp } from '../../types'\nimport MainScroll from '../../x-modules/scroll/components/main-scroll.vue'\nimport Scroll from '../../x-modules/scroll/components/scroll.vue'\nimport { animateTranslate } from '../animations/animate-translate/animate-translate.factory'\nimport BaseIdModal from '../modals/base-id-modal.vue'\nimport BaseScroll from '../scroll/base-scroll.vue'\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 */\nexport 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('../../styles/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":";;;;;;;;AAuFA;;;;;;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,CAAC;AACzC,SAAA;;AAED,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA,CAAA;;;;"}

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

@@ -1,7 +0,0 @@
-import injectCss from '../../../tools/inject-css.js';
-
-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 +0,0 @@
-{"version":3,"file":"single-column-layout.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/js/plugins/devtools/colors.utils.js

@@ -1,49 +0,0 @@
-import { map } from '@empathyco/x-utils';
-import { RootXStoreModule } from '../../store/x.module.js';
-
-/**
- * Unique color values for the text and background of each module.
- *
- * @internal
- */
-const moduleColors = createModuleColors();
-/**
- * Creates a dictionary with unique colors for each {@link XModule}.
- *
- * @returns A dictionary with unique text and background colors for every {@link XModule}.
- */
-function createModuleColors() {
-    const xState = RootXStoreModule.state();
-    const modulesCount = Object.keys(xState).length;
-    return map(xState, (moduleName, _, index) => {
-        const hue = Math.trunc((index * 360) / modulesCount);
-        return {
-            textColor: hslToHex(hue, 30, 97.5),
-            backgroundColor: hslToHex(hue, 80, 35),
-        };
-    });
-}
-/**
- * Transforms HSL values into a hex number.
- *
- * @param hue - The hue value, from 0 to 360.
- * @param saturation - The saturation value, from 0 to 100.
- * @param lightness - The lightness value, from 0 to 100.
- * @returns The hex value of the color.
- * @internal
- */
-function hslToHex(hue, saturation, lightness) {
-    lightness /= 100;
-    const a = (saturation * Math.min(lightness, 1 - lightness)) / 100;
-    const f = (n) => {
-        const k = (n + hue / 30) % 12;
-        const color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-        return Math.round(255 * color)
-            .toString(16)
-            .padStart(2, '0');
-    };
-    return Number.parseInt(`${f(0)}${f(8)}${f(4)}`, 16);
-}
-
-export { hslToHex, moduleColors };
-//# sourceMappingURL=colors.utils.js.map

package/js/plugins/devtools/colors.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.utils.js","sources":["../../../../src/plugins/devtools/colors.utils.ts"],"sourcesContent":["import type { InspectorNodeTag } from '@vue/devtools-api'\nimport type { XModuleState } from '../../store/x.module'\nimport type { XModuleName } from '../../x-modules/x-modules.types'\nimport { map } from '@empathyco/x-utils'\nimport { RootXStoreModule } from '../../store/x.module'\n\n/** Unique text and background colors for each module. */\ntype ModuleColors = Record<XModuleName, Pick<InspectorNodeTag, 'textColor' | 'backgroundColor'>>\n/**\n * Unique color values for the text and background of each module.\n *\n * @internal\n */\nexport const moduleColors = createModuleColors()\n\n/**\n * Creates a dictionary with unique colors for each {@link XModule}.\n *\n * @returns A dictionary with unique text and background colors for every {@link XModule}.\n */\nfunction createModuleColors(): ModuleColors {\n  const xState = (RootXStoreModule.state as () => XModuleState)()\n  const modulesCount = Object.keys(xState).length\n  return map(xState, (moduleName, _, index) => {\n    const hue = Math.trunc((index * 360) / modulesCount)\n    return {\n      textColor: hslToHex(hue, 30, 97.5),\n      backgroundColor: hslToHex(hue, 80, 35),\n    }\n  })\n}\n\n/**\n * Transforms HSL values into a hex number.\n *\n * @param hue - The hue value, from 0 to 360.\n * @param saturation - The saturation value, from 0 to 100.\n * @param lightness - The lightness value, from 0 to 100.\n * @returns The hex value of the color.\n * @internal\n */\nexport function hslToHex(hue: number, saturation: number, lightness: number): number {\n  lightness /= 100\n  const a = (saturation * Math.min(lightness, 1 - lightness)) / 100\n  const f = (n: number): string => {\n    const k = (n + hue / 30) % 12\n    const color = lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)\n    return Math.round(255 * color)\n      .toString(16)\n      .padStart(2, '0')\n  }\n  return Number.parseInt(`${f(0)}${f(8)}${f(4)}`, 16)\n}\n"],"names":[],"mappings":";;;AAQA;;;;AAIG;AACU,MAAA,YAAY,GAAG,kBAAkB,GAAE;AAEhD;;;;AAIG;AACH,SAAS,kBAAkB,GAAA;AACzB,IAAA,MAAM,MAAM,GAAI,gBAAgB,CAAC,KAA4B,EAAE,CAAA;IAC/D,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA;IAC/C,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,KAAI;AAC1C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,GAAG,IAAI,YAAY,CAAC,CAAA;QACpD,OAAO;YACL,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC;YAClC,eAAe,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;SACvC,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;;AAQG;SACa,QAAQ,CAAC,GAAW,EAAE,UAAkB,EAAE,SAAiB,EAAA;IACzE,SAAS,IAAI,GAAG,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,GAAG,SAAS,CAAC,IAAI,GAAG,CAAA;AACjE,IAAA,MAAM,CAAC,GAAG,CAAC,CAAS,KAAY;QAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,EAAE,CAAA;AAC7B,QAAA,MAAM,KAAK,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACrE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;aAC3B,QAAQ,CAAC,EAAE,CAAC;AACZ,aAAA,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;AACrB,KAAC,CAAA;IACD,OAAO,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAG,EAAA,CAAC,CAAC,CAAC,CAAC,CAAG,EAAA,CAAC,CAAC,CAAC,CAAC,CAAE,CAAA,EAAE,EAAE,CAAC,CAAA;AACrD;;;;"}

package/js/plugins/devtools/devtools.plugin.js

@@ -1,32 +0,0 @@
-import { setupDevtoolsPlugin } from '@vue/devtools-api';
-import { setupTimelinePlugin } from './timeline.devtools.js';
-import { setupWiringDevtools } from './wiring.devtools.js';
-
-/**
- * Setups a plugin for the Vue's devtools adding:
- * - {@link XEvent}s timeline. Every event is recorded in time, and its payload and metadata can be
- * inspected.
- * - Wiring inspector. Events and its wires can be viewed and disabled.
- *
- * @param app - The Vue application instance the devtools should track.
- * @beta
- */
-function setupDevtools(app) {
-    setupDevtoolsPlugin({
-        id: 'x-components-devtools-plugin',
-        label: 'X Components',
-        packageName: '@empathyco/x-components',
-        homepage: 'https://empathy.co',
-        enableEarlyProxy: true,
-        // eslint-disable-next-line ts/no-unsafe-assignment
-        app,
-    }, api => {
-        if (api) {
-            setupTimelinePlugin(api);
-            setupWiringDevtools(api);
-        }
-    });
-}
-
-export { setupDevtools };
-//# sourceMappingURL=devtools.plugin.js.map

package/js/plugins/devtools/devtools.plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.plugin.js","sources":["../../../../src/plugins/devtools/devtools.plugin.ts"],"sourcesContent":["import type { App } from '@vue/devtools-api'\nimport { setupDevtoolsPlugin } from '@vue/devtools-api'\nimport { setupTimelinePlugin } from './timeline.devtools'\nimport { setupWiringDevtools } from './wiring.devtools'\n\n/**\n * Setups a plugin for the Vue's devtools adding:\n * - {@link XEvent}s timeline. Every event is recorded in time, and its payload and metadata can be\n * inspected.\n * - Wiring inspector. Events and its wires can be viewed and disabled.\n *\n * @param app - The Vue application instance the devtools should track.\n * @beta\n */\nexport function setupDevtools(app: App): void {\n  setupDevtoolsPlugin(\n    {\n      id: 'x-components-devtools-plugin',\n      label: 'X Components',\n      packageName: '@empathyco/x-components',\n      homepage: 'https://empathy.co',\n      enableEarlyProxy: true,\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      app,\n    },\n    api => {\n      if (api) {\n        setupTimelinePlugin(api)\n        setupWiringDevtools(api)\n      }\n    },\n  )\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;;;AAQG;AACG,SAAU,aAAa,CAAC,GAAQ,EAAA;AACpC,IAAA,mBAAmB,CACjB;AACE,QAAA,EAAE,EAAE,8BAA8B;AAClC,QAAA,KAAK,EAAE,cAAc;AACrB,QAAA,WAAW,EAAE,yBAAyB;AACtC,QAAA,QAAQ,EAAE,oBAAoB;AAC9B,QAAA,gBAAgB,EAAE,IAAI;;QAEtB,GAAG;KACJ,EACD,GAAG,IAAG;AACJ,QAAA,IAAI,GAAG,EAAE;YACP,mBAAmB,CAAC,GAAG,CAAC,CAAA;YACxB,mBAAmB,CAAC,GAAG,CAAC,CAAA;AACzB,SAAA;AACH,KAAC,CACF,CAAA;AACH;;;;"}

package/js/plugins/devtools/timeline.devtools.js

@@ -1,109 +0,0 @@
-import { hslToHex } from './colors.utils.js';
-
-/**
- * Contains the devtools API.
- */
-let devtoolsAPI;
-/**
- * List of all the configured timeline layers for {@link XEvent}s.
- */
-const timelineLayers = [
-    {
-        id: 'x-components-all-events',
-        regex: /^$/,
-        label: 'X events',
-    },
-    {
-        id: 'x-components-module-registered-events',
-        regex: /^ModuleRegistered$/,
-        label: 'X registered modules',
-    },
-    {
-        id: 'x-components-user-events',
-        regex: /^User/,
-        label: 'X user events',
-    },
-    {
-        id: 'x-components-request-events',
-        regex: /Request(?:Changed|Updated)$/,
-        label: 'X request events',
-    },
-    {
-        id: 'x-components-status-change-events',
-        regex: /Changed$/,
-        label: 'X status change events',
-    },
-    {
-        id: 'x-components-miscellanea-events',
-        regex: /.*/,
-        label: 'X miscellanea events',
-    },
-];
-/** Set containing the different layer ids. */
-const layerIds = new Set(timelineLayers.map(layer => layer.id));
-/**
- * Retrieves the timeline layer that an {@link XEvent} belongs to.
- *
- * @param event - The {@link XEvent} to retrieve its layer id.
- * @returns The layer id for the {@link XEvent}.
- */
-function getTimelineLayer(event) {
-    return timelineLayers.find(layer => layer.regex.test(event)).id;
-}
-/**
- * Configures Vue's devtools timeline with new rows for {@link XEvent}s.
- *
- * @param api - Vue's devtools API.
- * @internal
- */
-function setupTimelinePlugin(api) {
-    devtoolsAPI = api;
-    timelineLayers.forEach(layer => api.addTimelineLayer({
-        id: layer.id,
-        label: layer.label,
-        color: hslToHex(329, 100, 50),
-    }));
-    api.on.inspectTimelineEvent(payload => {
-        if (layerIds.has(payload.layerId)) {
-            const component = payload.event.data.metadata.component;
-            if (component) {
-                api.highlightElement(component);
-            }
-        }
-    });
-}
-/**
- * Sends the emission of an {@link XEvent} to the devtools.
- *
- * @param event - The emitted {@link XEvent}.
- * @param value - An object containing both the event payload and its metadata.
- * @internal
- */
-function logDevtoolsXEvent(event, value) {
-    // eslint-disable-next-line node/prefer-global/process
-    if (process.env.NODE_ENV !== 'production' && devtoolsAPI) {
-        const timelineEvent = {
-            title: event,
-            data: {
-                ...value,
-                metadata: {
-                    ...value.metadata,
-                    // FIX-ME: copying metadata.component as it is defined as a non-enumerable property.
-                    component: value.metadata.component,
-                },
-            },
-            time: devtoolsAPI.now(),
-        };
-        devtoolsAPI.addTimelineEvent({
-            event: timelineEvent,
-            layerId: getTimelineLayer(event),
-        });
-        devtoolsAPI.addTimelineEvent({
-            event: timelineEvent,
-            layerId: 'x-components-all-events',
-        });
-    }
-}
-
-export { logDevtoolsXEvent, setupTimelinePlugin };
-//# sourceMappingURL=timeline.devtools.js.map

package/js/plugins/devtools/timeline.devtools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline.devtools.js","sources":["../../../../src/plugins/devtools/timeline.devtools.ts"],"sourcesContent":["import type { Dictionary } from '@empathyco/x-utils'\nimport type { DevtoolsPluginApi } from '@vue/devtools-api'\nimport type { XEvent, XEventPayload } from '../../wiring/events.types'\nimport type { WirePayload } from '../../wiring/wiring.types'\nimport { hslToHex } from './colors.utils'\n\n/**\n * Contains the devtools API.\n */\nlet devtoolsAPI: DevtoolsPluginApi<Dictionary> | undefined\n\n/**\n * List of all the configured timeline layers for {@link XEvent}s.\n */\nconst timelineLayers = [\n  {\n    id: 'x-components-all-events',\n    regex: /^$/,\n    label: 'X events',\n  },\n  {\n    id: 'x-components-module-registered-events',\n    regex: /^ModuleRegistered$/,\n    label: 'X registered modules',\n  },\n  {\n    id: 'x-components-user-events',\n    regex: /^User/,\n    label: 'X user events',\n  },\n\n  {\n    id: 'x-components-request-events',\n    regex: /Request(?:Changed|Updated)$/,\n    label: 'X request events',\n  },\n  {\n    id: 'x-components-status-change-events',\n    regex: /Changed$/,\n    label: 'X status change events',\n  },\n  {\n    id: 'x-components-miscellanea-events',\n    regex: /.*/,\n    label: 'X miscellanea events',\n  },\n]\n\n/** Set containing the different layer ids. */\nconst layerIds = new Set(timelineLayers.map(layer => layer.id))\n\n/**\n * Retrieves the timeline layer that an {@link XEvent} belongs to.\n *\n * @param event - The {@link XEvent} to retrieve its layer id.\n * @returns The layer id for the {@link XEvent}.\n */\nfunction getTimelineLayer(event: XEvent): string {\n  return timelineLayers.find(layer => layer.regex.test(event))!.id\n}\n\n/**\n * Configures Vue's devtools timeline with new rows for {@link XEvent}s.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupTimelinePlugin(api: DevtoolsPluginApi<Dictionary>): void {\n  devtoolsAPI = api\n  timelineLayers.forEach(layer =>\n    api.addTimelineLayer({\n      id: layer.id,\n      label: layer.label,\n      color: hslToHex(329, 100, 50),\n    }),\n  )\n  api.on.inspectTimelineEvent(payload => {\n    if (layerIds.has(payload.layerId)) {\n      const component = (<WirePayload<unknown>>payload.event.data).metadata.component\n      if (component) {\n        api.highlightElement(component)\n      }\n    }\n  })\n}\n\n/**\n * Sends the emission of an {@link XEvent} to the devtools.\n *\n * @param event - The emitted {@link XEvent}.\n * @param value - An object containing both the event payload and its metadata.\n * @internal\n */\nexport function logDevtoolsXEvent<Event extends XEvent>(\n  event: Event,\n  value: WirePayload<XEventPayload<Event>>,\n): void {\n  // eslint-disable-next-line node/prefer-global/process\n  if (process.env.NODE_ENV !== 'production' && devtoolsAPI) {\n    const timelineEvent = {\n      title: event,\n      data: {\n        ...value,\n        metadata: {\n          ...value.metadata,\n          // FIX-ME: copying metadata.component as it is defined as a non-enumerable property.\n          component: value.metadata.component,\n        },\n      },\n      time: devtoolsAPI.now(),\n    }\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: getTimelineLayer(event),\n    })\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: 'x-components-all-events',\n    })\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/plugins/devtools/wiring.devtools.js

@@ -1,122 +0,0 @@
-import { reduce, forEach } from '@empathyco/x-utils';
-import { filter } from '../../wiring/wires.operators.js';
-import { moduleColors, hslToHex } from './colors.utils.js';
-
-/** The full list of wiring nodes for the inspector. */
-const wiringNodes = {};
-/**
- * Record of the wires enabled/disabled status.
- */
-const wiresStatus = {};
-/**
- * Creates tags given a node representing a wire.
- *
- * @param node - The inspector node representing a {@link Wire}.
- * @param node.tags - tags node.
- * @param node.id - id node.
- * @returns A list of tags for the given node.
- */
-function createWireTags({ tags = [], id }) {
-    const newTags = [...tags];
-    if (!wiresStatus[id]) {
-        newTags.push({
-            label: 'disabled',
-            backgroundColor: hslToHex(0, 88, 30),
-            textColor: hslToHex(0, 84, 90),
-        });
-    }
-    return newTags;
-}
-/**
- * Setups an inspector in Vue's devtools to show the wiring.
- *
- * @param api - Vue's devtools API.
- * @internal
- */
-function setupWiringDevtools(api) {
-    const inspectorId = 'wiring-inspector';
-    api.addInspector({
-        id: inspectorId,
-        label: 'X-Components Wiring',
-    });
-    api.on.getInspectorTree(payload => {
-        if (payload.inspectorId !== inspectorId) {
-            return;
-        }
-        const query = payload.filter.toLowerCase();
-        payload.rootNodes = reduce(wiringNodes, (nodes, event, eventWires) => {
-            const wiresNodes = 
-            /* If there is no active search, or the event name includes the query, we include all the
-              available wires. */
-            !query || event.toLowerCase().includes(query)
-                ? eventWires
-                : eventWires.filter(node => node.label.toLowerCase().includes(payload.filter.toLowerCase()));
-            if (wiresNodes.length) {
-                nodes.push({
-                    id: event,
-                    label: event,
-                    children: wiresNodes.map(wireNode => ({
-                        ...wireNode,
-                        tags: createWireTags(wireNode),
-                    })),
-                });
-            }
-            return nodes;
-        }, []);
-    });
-    api.on.getInspectorState(payload => {
-        if (payload.inspectorId !== inspectorId) {
-            return;
-        }
-        payload.state = {
-            status: [
-                {
-                    key: 'enabled',
-                    value: wiresStatus[payload.nodeId],
-                    editable: true,
-                },
-            ],
-        };
-    });
-    api.on.editInspectorState(payload => {
-        if (payload.inspectorId === inspectorId) {
-            // eslint-disable-next-line ts/no-unsafe-assignment
-            wiresStatus[payload.nodeId] = payload.state.value;
-            api.sendInspectorTree(inspectorId);
-        }
-    });
-}
-/**
- * Sends the module wiring to Vue's devtools inspector. Additionally, it modifies each wire, adding
- * a filter function to let it be enabled/disabled from the devtools.
- *
- * @param module - The module name this wiring belongs too.
- * @param wiring - The wiring to save.
- * @internal
- */
-function sendWiringToDevtools(module, wiring) {
-    // eslint-disable-next-line node/prefer-global/process
-    if (process.env.NODE_ENV !== 'production') {
-        forEach(wiring, (event, wires) => {
-            const eventWiring = wiringNodes[event] ?? (wiringNodes[event] = []);
-            forEach(wires, (wireName, wire) => {
-                const id = `${module}-${event}-${wireName}`;
-                wiresStatus[id] = true;
-                wires[wireName] = filter(wire, () => wiresStatus[id]);
-                eventWiring.push({
-                    id,
-                    label: wireName,
-                    tags: [
-                        {
-                            label: module,
-                            ...moduleColors[module],
-                        },
-                    ],
-                });
-            });
-        });
-    }
-}
-
-export { sendWiringToDevtools, setupWiringDevtools };
-//# sourceMappingURL=wiring.devtools.js.map

package/js/plugins/devtools/wiring.devtools.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wiring.devtools.js","sources":["../../../../src/plugins/devtools/wiring.devtools.ts"],"sourcesContent":["import type { Dictionary } from '@empathyco/x-utils'\nimport type { CustomInspectorNode, DevtoolsPluginApi, InspectorNodeTag } from '@vue/devtools-api'\nimport type { XEvent } from '../../wiring/events.types'\nimport type { AnyWire, Wiring } from '../../wiring/wiring.types'\nimport type { XModuleName } from '../../x-modules/x-modules.types'\nimport { forEach, reduce } from '@empathyco/x-utils'\nimport { filter } from '../../wiring/wires.operators'\nimport { hslToHex, moduleColors } from './colors.utils'\n\n/** The full list of wiring nodes for the inspector. */\nconst wiringNodes: Partial<Record<XEvent, CustomInspectorNode[]>> = {}\n/**\n * Record of the wires enabled/disabled status.\n */\nconst wiresStatus: Record<string, boolean> = {}\n\n/**\n * Creates tags given a node representing a wire.\n *\n * @param node - The inspector node representing a {@link Wire}.\n * @param node.tags - tags node.\n * @param node.id - id node.\n * @returns A list of tags for the given node.\n */\nfunction createWireTags({ tags = [], id }: CustomInspectorNode): InspectorNodeTag[] {\n  const newTags: InspectorNodeTag[] = [...tags]\n  if (!wiresStatus[id]) {\n    newTags.push({\n      label: 'disabled',\n      backgroundColor: hslToHex(0, 88, 30),\n      textColor: hslToHex(0, 84, 90),\n    })\n  }\n  return newTags\n}\n\n/**\n * Setups an inspector in Vue's devtools to show the wiring.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupWiringDevtools(api: DevtoolsPluginApi<Dictionary<unknown>>): void {\n  const inspectorId = 'wiring-inspector'\n  api.addInspector({\n    id: inspectorId,\n    label: 'X-Components Wiring',\n  })\n  api.on.getInspectorTree(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return\n    }\n    const query = payload.filter.toLowerCase()\n    payload.rootNodes = reduce(\n      wiringNodes,\n      (nodes, event, eventWires) => {\n        const wiresNodes =\n          /* If there is no active search, or the event name includes the query, we include all the\n            available wires. */\n          !query || event.toLowerCase().includes(query)\n            ? eventWires\n            : eventWires.filter(node =>\n                node.label.toLowerCase().includes(payload.filter.toLowerCase()),\n              )\n        if (wiresNodes.length) {\n          nodes.push({\n            id: event,\n            label: event,\n            children: wiresNodes.map(wireNode => ({\n              ...wireNode,\n              tags: createWireTags(wireNode),\n            })),\n          })\n        }\n        return nodes\n      },\n      <CustomInspectorNode[]>[],\n    )\n  })\n\n  api.on.getInspectorState(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return\n    }\n    payload.state = {\n      status: [\n        {\n          key: 'enabled',\n          value: wiresStatus[payload.nodeId],\n          editable: true,\n        },\n      ],\n    }\n  })\n\n  api.on.editInspectorState(payload => {\n    if (payload.inspectorId === inspectorId) {\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      wiresStatus[payload.nodeId] = payload.state.value\n      api.sendInspectorTree(inspectorId)\n    }\n  })\n}\n\n/**\n * Sends the module wiring to Vue's devtools inspector. Additionally, it modifies each wire, adding\n * a filter function to let it be enabled/disabled from the devtools.\n *\n * @param module - The module name this wiring belongs too.\n * @param wiring - The wiring to save.\n * @internal\n */\nexport function sendWiringToDevtools(module: XModuleName, wiring: Partial<Wiring>): void {\n  // eslint-disable-next-line node/prefer-global/process\n  if (process.env.NODE_ENV !== 'production') {\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      const eventWiring = wiringNodes[event] ?? (wiringNodes[event] = [])\n      forEach(wires, (wireName, wire) => {\n        const id = `${module}-${event}-${wireName}`\n        wiresStatus[id] = true\n        wires[wireName] = filter(wire, () => wiresStatus[id])\n        eventWiring.push({\n          id,\n          label: wireName,\n          tags: [\n            {\n              label: module,\n              ...moduleColors[module],\n            },\n          ],\n        })\n      })\n    })\n  }\n}\n"],"names":[],"mappings":";;;;AASA;AACA,MAAM,WAAW,GAAmD,EAAE,CAAA;AACtE;;AAEG;AACH,MAAM,WAAW,GAA4B,EAAE,CAAA;AAE/C;;;;;;;AAOG;AACH,SAAS,cAAc,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAuB,EAAA;AAC5D,IAAA,MAAM,OAAO,GAAuB,CAAC,GAAG,IAAI,CAAC,CAAA;AAC7C,IAAA,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;QACpB,OAAO,CAAC,IAAI,CAAC;AACX,YAAA,KAAK,EAAE,UAAU;YACjB,eAAe,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;YACpC,SAAS,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;AAC/B,SAAA,CAAC,CAAA;AACH,KAAA;AACD,IAAA,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,GAA2C,EAAA;IAC7E,MAAM,WAAW,GAAG,kBAAkB,CAAA;IACtC,GAAG,CAAC,YAAY,CAAC;AACf,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,qBAAqB;AAC7B,KAAA,CAAC,CAAA;AACF,IAAA,GAAG,CAAC,EAAE,CAAC,gBAAgB,CAAC,OAAO,IAAG;AAChC,QAAA,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,EAAE;YACvC,OAAM;AACP,SAAA;QACD,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAA;AAC1C,QAAA,OAAO,CAAC,SAAS,GAAG,MAAM,CACxB,WAAW,EACX,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,KAAI;AAC3B,YAAA,MAAM,UAAU;AACd;AACqB;YACrB,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3C,kBAAE,UAAU;kBACV,UAAU,CAAC,MAAM,CAAC,IAAI,IACpB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAChE,CAAA;YACP,IAAI,UAAU,CAAC,MAAM,EAAE;gBACrB,KAAK,CAAC,IAAI,CAAC;AACT,oBAAA,EAAE,EAAE,KAAK;AACT,oBAAA,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,KAAK;AACpC,wBAAA,GAAG,QAAQ;AACX,wBAAA,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAC/B,qBAAA,CAAC,CAAC;AACJ,iBAAA,CAAC,CAAA;AACH,aAAA;AACD,YAAA,OAAO,KAAK,CAAA;SACb,EACsB,EAAE,CAC1B,CAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,GAAG,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,IAAG;AACjC,QAAA,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,EAAE;YACvC,OAAM;AACP,SAAA;QACD,OAAO,CAAC,KAAK,GAAG;AACd,YAAA,MAAM,EAAE;AACN,gBAAA;AACE,oBAAA,GAAG,EAAE,SAAS;AACd,oBAAA,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC;AAClC,oBAAA,QAAQ,EAAE,IAAI;AACf,iBAAA;AACF,aAAA;SACF,CAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,GAAG,CAAC,EAAE,CAAC,kBAAkB,CAAC,OAAO,IAAG;AAClC,QAAA,IAAI,OAAO,CAAC,WAAW,KAAK,WAAW,EAAE;;YAEvC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAA;AACjD,YAAA,GAAG,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;AACnC,SAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,oBAAoB,CAAC,MAAmB,EAAE,MAAuB,EAAA;;AAE/E,IAAA,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,OAAO,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAA0B,KAAI;AACpD,YAAA,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;YACnE,OAAO,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,IAAI,KAAI;gBAChC,MAAM,EAAE,GAAG,CAAG,EAAA,MAAM,IAAI,KAAK,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAE,CAAA;AAC3C,gBAAA,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;AACtB,gBAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,WAAW,CAAC,EAAE,CAAC,CAAC,CAAA;gBACrD,WAAW,CAAC,IAAI,CAAC;oBACf,EAAE;AACF,oBAAA,KAAK,EAAE,QAAQ;AACf,oBAAA,IAAI,EAAE;AACJ,wBAAA;AACE,4BAAA,KAAK,EAAE,MAAM;4BACb,GAAG,YAAY,CAAC,MAAM,CAAC;AACxB,yBAAA;AACF,qBAAA;AACF,iBAAA,CAAC,CAAA;AACJ,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;AACH,KAAA;AACH;;;;"}