@empathyco/x-components 6.0.0-alpha.183 → 6.0.0-alpha.185

package/js/components/column-picker/base-column-picker-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-column-picker-list.vue.js","sources":["../../../../src/components/column-picker/base-column-picker-list.vue"],"sourcesContent":["<template>\n  <div class=\"x-column-picker-list x-button-group\" data-test=\"column-picker-list\" role=\"list\">\n    <template\n      v-for=\"({ column, cssClasses, events, isSelected }, index) in columnsWithCssClasses\"\n      :key=\"column\"\n    >\n      <BaseEventButton\n        class=\"x-column-picker-list__button x-button\"\n        :class=\"[buttonClass, cssClasses]\"\n        data-test=\"column-picker-button\"\n        :aria-pressed=\"isSelected.toString()\"\n        :events=\"events\"\n        :aria-label=\"`${column} columns`\"\n        role=\"listitem\"\n      >\n        <!--\n          @slot Customized Column Picker Button content. Specifying a slot with the column value\n          will result in the column using that slot composition to render.\n            @binding {number} column - Columns Number to pick.\n            @binding {boolean} isSelected - True if the columns number are the chosen value.\n        -->\n        <slot v-bind=\"{ column, isSelected }\">\n          {{ column }}\n        </slot>\n      </BaseEventButton>\n\n      <!--\n          @slot Customized Column Picker divider. Specify an element to act as divider for\n          the items in the column picker. Empty by default.\n        -->\n      <slot v-if=\"index !== columnsWithCssClasses.length - 1\" name=\"divider\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport type { XEventsTypes } from '../../wiring'\nimport { computed, defineComponent, onBeforeMount, ref, watch } from 'vue'\nimport { use$x } from '../../composables/use-$x'\nimport BaseEventButton from '../base-event-button.vue'\n\ninterface ColumnPickerItem {\n  column: number\n  cssClasses: VueCSSClasses\n  events: Partial<XEventsTypes>\n  isSelected: boolean\n}\n\n/**\n * Column picker list component renders a list of buttons to choose the columns number.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `buttonClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'BaseColumnPickerList',\n  components: { BaseEventButton },\n  props: {\n    /** An array of numbers that represents the number of columns to render. */\n    columns: {\n      type: Array as PropType<number[]>,\n      required: true,\n    },\n    /** The value of the selected columns number. */\n    modelValue: Number,\n    /** Class inherited by each button. */\n    buttonClass: String,\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const $x = use$x()\n\n    const providedSelectedColumns = computed(() => props.modelValue ?? props.columns[0])\n    const selectedColumns = ref(providedSelectedColumns.value)\n\n    /**\n     * Assigns `selectedColumns` value and emits `ColumnsNumberProvided`.\n     *\n     * @param column - Column number provided.\n     */\n    function emitColumnsNumberProvided(column: number) {\n      selectedColumns.value = column\n      $x.emit('ColumnsNumberProvided', column)\n    }\n\n    /**\n     * Emits `update:modelValue` with the column selected.\n     *\n     * @param column - Column number selected.\n     */\n    function emitUpdateModelValue(column: number) {\n      if (props.modelValue !== column) {\n        emit('update:modelValue', column)\n      }\n    }\n\n    watch(providedSelectedColumns, emitColumnsNumberProvided)\n    watch(selectedColumns, emitUpdateModelValue)\n\n    $x.on('ColumnsNumberProvided', false).subscribe(column => (selectedColumns.value = column))\n\n    /**\n     * Synchronizes the columns number before mounting the component. If the real number of selected\n     * columns equals the provided columns, it emits the event to sync it with every other component.\n     * If it is not equal it means that the user has already selected a number of columns, so we emit\n     * a `update:modelValue` event so developers can sync the provided value.\n     */\n    onBeforeMount(() => {\n      if (selectedColumns.value === providedSelectedColumns.value) {\n        emitColumnsNumberProvided(selectedColumns.value)\n      } else {\n        emitUpdateModelValue(selectedColumns.value)\n      }\n    })\n\n    /**\n     * Maps the column to an object containing: the `column` and `CSS classes`.\n     *\n     * @returns An array of objects containing the column number and CSS classes.\n     */\n    const columnsWithCssClasses = computed<ColumnPickerItem[]>(() =>\n      props.columns.map(column => ({\n        column,\n        cssClasses: [\n          `x-column-picker-list__button--${column}-cols`,\n          { 'x-selected': selectedColumns.value === column },\n        ],\n        isSelected: selectedColumns.value === column,\n        events: {\n          UserClickedColumnPicker: column,\n          ColumnsNumberProvided: column,\n        },\n      })),\n    )\n\n    return { columnsWithCssClasses }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders a list of elements in different slots depending on the columns prop. Each\nelement will emit the needed events to sync other instances of columns pickers, or grids with the\nnumber of columns that it is being selected when it is clicked.\n\n### Default usage\n\nIt is required to send the columns prop.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n#### Using v-model\n\nIt is possible to do two way binding in order to synchronize the value with the parents. It will be\nupdated if it changed the value or if the parent changes it.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" v-model=\"selectedColumns\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6], selectedColumns: 4 }\n  },\n}\n</script>\n```\n\n### Customized usage\n\n#### Overriding the slots\n\nIt is possible to override the column picker button content.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" #default=\"{ column, isSelected }\">\n    <span>{{ column }} {{ isSelected ? '🟢' : '' }}</span>\n  </BaseColumnPickerList>\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\nIt is also possible to add a divider element between the column picker buttons by overriding the\n`divider` slot.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\">\n    <template #divider>\n      <ChevronRightIcon aria-hidden=\"true\" />\n    </template>\n  </BaseColumnPickerList>\n</template>\n<script>\nimport { BaseColumnPickerList, ChevronRightIcon } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n    ChevronRightIcon,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n#### Customizing the buttons with classes\n\nThe `buttonClass` prop can be used to add classes to the buttons.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" buttonClass=\"x-button--round\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedColumnPicker`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks an item. The event payload is the number of columns\n  that the clicked item represents.\n- [`ColumnsNumberProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted on component mount. The event payload is the current `selectedColumns` value.\n</docs>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_normalizeClass","_withCtx","_renderSlot","_mergeProps","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;;EACO,KAAM,EAAA,qCAAA;AAAA,EAAsC,WAAU,EAAA,oBAAA;AAAA,EAAqB,IAAK,EAAA,MAAA;;;;AAArF,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CA+BM,OA/BN,UA+BM,EAAA;AAAA,KA9BJD,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,MA6BWC,QAAA;AAAA,MAAA,IAAA;AAAA,MA/BfC,UAAA,CAGoE,4BAHpE,CAGgB,EAAA,MAAA,EAAQ,YAAY,MAAQ,EAAA,UAAA,IAAc,KAAK,KAAA;AAH/D,QAAA,OAAAH,SAAA,EAAA,EAAAC,kBAAA;AAAA,UAAAC,QAAA;AAAA,UAAA,EAAA,GAAA,EAIY,MAAM,EAAA;AAAA,UAAA;AAAA,YAEZE,WAkBkB,CAAA,0BAAA,EAAA;AAAA,cAjBhB,KAPR,EAAAC,cAAA,CAAA,CAOc,uCAAuC,EAAA,CACpC,kBAAa,UAAU,CAAA,CAAA,CAAA;AAAA,cAChC,WAAU,EAAA,sBAAA;AAAA,cACT,cAAA,EAAc,WAAW,QAAQ,EAAA;AAAA,cACjC,MAAA;AAAA,cACA,YAAA,EAAU,GAAK,MAAM,CAAA,QAAA,CAAA;AAAA,cACtB,IAAK,EAAA,UAAA;AAAA,aAAA,EAAA;AAbb,cAAA,OAAA,EAAAC,OAAA,CAqBQ,MAEO;AAAA,gBAFPC,UAAA,CAEO,wBAFPC,UAEO,CAAA,EAvBf,mBAqBwB,MAAQ,EAAA,UAAA,KAAxB,MAEO;AAAA,kBAvBfC,eAAA;AAAA,oBAAAC,eAAA,CAsBa,MAAM,CAAA;AAAA,oBAAA,CAAA;AAAA;AAAA,mBAAA;AAAA,iBAAA,CAAA;;AAtBnB,cAAA,CAAA,EAAA,CAAA;AAAA;AAAA,aAAA,EAAA,IAAA,EAAA,CAAA,OAAA,EAAA,cAAA,EAAA,QAAA,EAAA,YAAA,CAAA,CAAA;AA8BkB,YAAA,KAAA,KAAU,IAAsB,CAAA,qBAAA,CAAA,MAAA,GAAM,CAAlD,GAAAH,UAAA,CAA8E,IA9BpF,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAI,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,WAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-column-picker-list.vue.js","sources":["../../../../src/components/column-picker/base-column-picker-list.vue"],"sourcesContent":["<template>\n  <div class=\"x-column-picker-list x-button-group\" data-test=\"column-picker-list\" role=\"list\">\n    <template\n      v-for=\"({ column, cssClasses, events, isSelected }, index) in columnsWithCssClasses\"\n      :key=\"column\"\n    >\n      <BaseEventButton\n        class=\"x-column-picker-list__button x-button\"\n        :class=\"[buttonClass, cssClasses]\"\n        data-test=\"column-picker-button\"\n        :aria-pressed=\"isSelected.toString()\"\n        :events=\"events\"\n        :aria-label=\"`${column} columns`\"\n        role=\"listitem\"\n      >\n        <!--\n          @slot Customized Column Picker Button content. Specifying a slot with the column value\n          will result in the column using that slot composition to render.\n            @binding {number} column - Columns Number to pick.\n            @binding {boolean} isSelected - True if the columns number are the chosen value.\n        -->\n        <slot v-bind=\"{ column, isSelected }\">\n          {{ column }}\n        </slot>\n      </BaseEventButton>\n\n      <!--\n          @slot Customized Column Picker divider. Specify an element to act as divider for\n          the items in the column picker. Empty by default.\n        -->\n      <slot v-if=\"index !== columnsWithCssClasses.length - 1\" name=\"divider\"></slot>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport type { XEventsTypes } from '../../wiring'\nimport { computed, defineComponent, onBeforeMount, ref, watch } from 'vue'\nimport { use$x } from '../../composables/use-$x'\nimport BaseEventButton from '../base-event-button.vue'\n\ninterface ColumnPickerItem {\n  column: number\n  cssClasses: VueCSSClasses\n  events: Partial<XEventsTypes>\n  isSelected: boolean\n}\n\n/**\n * Column picker list component renders a list of buttons to choose the columns number.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `buttonClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'BaseColumnPickerList',\n  components: { BaseEventButton },\n  props: {\n    /** An array of numbers that represents the number of columns to render. */\n    columns: {\n      type: Array as PropType<number[]>,\n      required: true,\n    },\n    /** The value of the selected columns number. */\n    modelValue: Number,\n    /** Class inherited by each button. */\n    buttonClass: String,\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const $x = use$x()\n\n    const providedSelectedColumns = computed(() => props.modelValue ?? props.columns[0])\n    const selectedColumns = ref(providedSelectedColumns.value)\n\n    /**\n     * Assigns `selectedColumns` value and emits `ColumnsNumberProvided`.\n     *\n     * @param column - Column number provided.\n     */\n    function emitColumnsNumberProvided(column: number) {\n      selectedColumns.value = column\n      $x.emit('ColumnsNumberProvided', column)\n    }\n\n    /**\n     * Emits `update:modelValue` with the column selected.\n     *\n     * @param column - Column number selected.\n     */\n    function emitUpdateModelValue(column: number) {\n      if (props.modelValue !== column) {\n        emit('update:modelValue', column)\n      }\n    }\n\n    watch(providedSelectedColumns, emitColumnsNumberProvided)\n    watch(selectedColumns, emitUpdateModelValue)\n\n    $x.on('ColumnsNumberProvided', false).subscribe(column => (selectedColumns.value = column))\n\n    /**\n     * Synchronizes the columns number before mounting the component. If the real number of selected\n     * columns equals the provided columns, it emits the event to sync it with every other component.\n     * If it is not equal it means that the user has already selected a number of columns, so we emit\n     * a `update:modelValue` event so developers can sync the provided value.\n     */\n    onBeforeMount(() => {\n      if (selectedColumns.value === providedSelectedColumns.value) {\n        emitColumnsNumberProvided(selectedColumns.value)\n      } else {\n        emitUpdateModelValue(selectedColumns.value)\n      }\n    })\n\n    /**\n     * Maps the column to an object containing: the `column` and `CSS classes`.\n     *\n     * @returns An array of objects containing the column number and CSS classes.\n     */\n    const columnsWithCssClasses = computed<ColumnPickerItem[]>(() =>\n      props.columns.map(column => ({\n        column,\n        cssClasses: [\n          `x-column-picker-list__button--${column}-cols`,\n          { 'x-selected': selectedColumns.value === column },\n        ],\n        isSelected: selectedColumns.value === column,\n        events: {\n          UserClickedColumnPicker: column,\n          ColumnsNumberProvided: column,\n        },\n      })),\n    )\n\n    return { columnsWithCssClasses }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders a list of elements in different slots depending on the columns prop. Each\nelement will emit the needed events to sync other instances of columns pickers, or grids with the\nnumber of columns that it is being selected when it is clicked.\n\n### Default usage\n\nIt is required to send the columns prop.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n#### Using v-model\n\nIt is possible to do two way binding in order to synchronize the value with the parents. It will be\nupdated if it changed the value or if the parent changes it.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" v-model=\"selectedColumns\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6], selectedColumns: 4 }\n  },\n}\n</script>\n```\n\n### Customized usage\n\n#### Overriding the slots\n\nIt is possible to override the column picker button content.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" #default=\"{ column, isSelected }\">\n    <span>{{ column }} {{ isSelected ? '🟢' : '' }}</span>\n  </BaseColumnPickerList>\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\nIt is also possible to add a divider element between the column picker buttons by overriding the\n`divider` slot.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\">\n    <template #divider>\n      <ChevronRightIcon aria-hidden=\"true\" />\n    </template>\n  </BaseColumnPickerList>\n</template>\n<script>\nimport { BaseColumnPickerList, ChevronRightIcon } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n    ChevronRightIcon,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n#### Customizing the buttons with classes\n\nThe `buttonClass` prop can be used to add classes to the buttons.\n\n```vue live\n<template>\n  <BaseColumnPickerList :columns=\"columns\" buttonClass=\"x-button--round\" />\n</template>\n<script>\nimport { BaseColumnPickerList } from '@empathyco/x-components'\n\nexport default {\n  components: {\n    BaseColumnPickerList,\n  },\n  data() {\n    return { columns: [2, 4, 6] }\n  },\n}\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedColumnPicker`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks an item. The event payload is the number of columns\n  that the clicked item represents.\n- [`ColumnsNumberProvided`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted on component mount. The event payload is the current `selectedColumns` value.\n</docs>\n"],"names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_normalizeClass","_renderSlot","_mergeProps","_createTextVNode","_createCommentVNode"],"mappings":";;;;;EACO,KAAM,EAAA,qCAAA;AAAA,EAAsC,WAAU,EAAA,oBAAA;AAAA,EAAqB,IAAK,EAAA,MAAA;;;;AAArF,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CA+BM,OA/BN,UA+BM,EAAA;AAAA,KA9BJD,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,MA6BWC,QAAA;AAAA,MAAA,IAAA;AAAA,MAAAC,UAAA,CA5BqD,4BAAqB,CAAzE,EAAA,MAAA,EAAQ,YAAY,MAAQ,EAAA,UAAA,IAAc,KAAK,KAAA;;;iBACnD,MAAM,EAAA;AAAA,UAAA;AAAA,YAEZC,WAkBkB,CAAA,0BAAA,EAAA;AAAA,cAjBhB,KAAK,EAAAC,cAAA,CAAA,CAAC,uCAAuC,EAAA,CACpC,kBAAa,UAAU,CAAA,CAAA,CAAA;AAAA,cAChC,WAAU,EAAA,sBAAA;AAAA,cACT,cAAA,EAAc,WAAW,QAAQ,EAAA;AAAA,cACjC,MAAA;AAAA,cACA,YAAA,EAAU,GAAK,MAAM,CAAA,QAAA,CAAA;AAAA,cACtB,IAAK,EAAA,UAAA;AAAA,aAAA,EAAA;+BAQL,MAEO;AAAA,gBAFPC,WAEO,IAFP,CAAA,MAAA,EAAA,SAAA,EAAAC,UAAA,CAEO,qBAFS,MAAQ,EAAA,UAAA,KAAxB,MAEO;AAAA,kBAAAC,eAAA;oCADF,MAAM,CAAA;AAAA,oBAAA,CAAA;AAAA;AAAA,mBAAA;AAAA,iBAAA,CAAA;;;;;YAQD,KAAU,KAAA,IAAA,CAAA,qBAAA,CAAsB,MAAM,GAAA,CAAA,GAAlDF,UAA8E,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAG,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;"}

package/js/components/currency/base-currency.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n  <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { currencyFormatter } from '../../utils/currency-formatter'\n\n/**\n * Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n *\n * Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n *\n * @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n *\n * Basic example:\n *\n * ```vue\n * <BaseCurrency\n *   :value=\"123456.789\"\n *   format=\"i.iiii,dddd €\"\n * />\n * ```\n *\n * It will render: `123.456,7890 €`.\n *\n * See docs below for more examples.\n *\n * @public\n */\nexport default defineComponent({\n  props: {\n    /**\n     * Numeric value to be formatted.\n     *\n     * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n     * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n     *\n     * @public\n     */\n    value: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * The format as string.\n     *\n     * @public\n     */\n    format: {\n      type: String,\n    },\n  },\n\n  setup(props) {\n    /**\n     * The injected format as string.\n     *\n     * @public\n     */\n    const injectedFormat = inject<string>('currencyFormat', 'i.iii,dd')\n\n    /**\n     * A format which can be passed through prop or injected.\n     *\n     * @returns A format as string.\n     *\n     * @internal\n     */\n    const renderedFormat = computed<string>(() => props.format ?? injectedFormat)\n\n    /**\n     * Returns the formatted result as string.\n     *\n     * @returns Formatted number.\n     *\n     * @internal\n     */\n    const currency = computed<string>(() => currencyFormatter(props.value, renderedFormat.value))\n\n    return {\n      currency,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" />\n  <!-- output: '12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678,876 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n  <!-- output: '$ 12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n  <!-- output: '$12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n  <!-- output: '12.345.678,87€' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n  <!-- output: '12,345,678.87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n  <!-- output: '12 345 678.87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n  <!-- output: '12 345 678 - 87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,876543 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,870000 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,000000 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";;;;;AAAA,EAAA,GAAA,EAAA,CAAA;AAAA,EACmC,KAAM,EAAA,YAAA;;;AAA3B,EAAA,OAAA,IAAA,CAAA,KAAA,KAAU,KAAtB,CAAA,IAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAAyE,MAAA;AAAA,IAAzE,UAAA;AAAA,IAAyEC,gBAAlB,IAAQ,CAAA,QAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA,GADjE,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n  <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { currencyFormatter } from '../../utils/currency-formatter'\n\n/**\n * Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n *\n * Regarding the format or mask to be defined as string:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n *\n * @remarks The number of 'd', which is the maximum decimal length, MUST matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n *\n * Basic example:\n *\n * ```vue\n * <BaseCurrency\n *   :value=\"123456.789\"\n *   format=\"i.iiii,dddd €\"\n * />\n * ```\n *\n * It will render: `123.456,7890 €`.\n *\n * See docs below for more examples.\n *\n * @public\n */\nexport default defineComponent({\n  props: {\n    /**\n     * Numeric value to be formatted.\n     *\n     * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n     * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n     *\n     * @public\n     */\n    value: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * The format as string.\n     *\n     * @public\n     */\n    format: {\n      type: String,\n    },\n  },\n\n  setup(props) {\n    /**\n     * The injected format as string.\n     *\n     * @public\n     */\n    const injectedFormat = inject<string>('currencyFormat', 'i.iii,dd')\n\n    /**\n     * A format which can be passed through prop or injected.\n     *\n     * @returns A format as string.\n     *\n     * @internal\n     */\n    const renderedFormat = computed<string>(() => props.format ?? injectedFormat)\n\n    /**\n     * Returns the formatted result as string.\n     *\n     * @returns Formatted number.\n     *\n     * @internal\n     */\n    const currency = computed<string>(() => currencyFormatter(props.value, renderedFormat.value))\n\n    return {\n      currency,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" />\n  <!-- output: '12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678,876 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n  <!-- output: '$ 12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n  <!-- output: '$12.345.678,87' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n  <!-- output: '12.345.678,87€' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n  <!-- output: '12,345,678.87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n  <!-- output: '12 345 678.87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n  <!-- output: '12 345 678 - 87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,876543 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,870000 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,000000 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\nimport { BaseCurrency } from '@empathyco/x-components'\n\nexport default {\n  name: 'BaseCurrencyDemo',\n  components: {\n    BaseCurrency,\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;EACmC,KAAM,EAAA,YAAA;;;AAA3B,EAAA,OAAA,IAAA,CAAA,KAAA,KAAU,KAAtB,CAAA,IAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAAyE,MAAA;AAAA,IAAzE,UAAA;AAAA,IAAyEC,gBAAlB,IAAQ,CAAA,QAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA,GAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}

package/js/components/filters/labels/base-rating-filter-label.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-rating-filter-label.vue.js","sources":["../../../../../src/components/filters/labels/base-rating-filter-label.vue"],"sourcesContent":["<template>\n  <BaseRating class=\"x-rating-filter-label\" data-test=\"rating-label\" :value=\"value\" :max=\"max\">\n    <template #filled-icon>\n      <!--\n       @slot Filled icon content\n     -->\n      <slot name=\"rating-icon-filled\" />\n    </template>\n    <template #empty-icon>\n      <!--\n       @slot Empty icon content\n     -->\n      <slot name=\"rating-icon-empty\" />\n    </template>\n  </BaseRating>\n</template>\n\n<script lang=\"ts\">\nimport type { BooleanFilter } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport BaseRating from '../../base-rating.vue'\n\n/**\n * Renders a label for a rating filter, allowing to override the elements used to paint\n * the rating.\n *\n * @public\n */\nexport default defineComponent({\n  components: {\n    BaseRating,\n  },\n  props: {\n    /**\n     * The filter data to render.\n     *\n     * @public\n     */\n    filter: {\n      type: Object as PropType<BooleanFilter>,\n      required: true,\n    },\n    /**\n     * Maximum number of elements to paint.\n     *\n     * @public\n     */\n    max: {\n      type: Number,\n      default: 5,\n    },\n  },\n  setup(props) {\n    /**\n     * Converts the label string into a number.\n     *\n     * @returns The label as number or 0 if it is not a valid number.\n     *\n     * @internal\n     */\n    const value = computed<number>(() => {\n      const x = Number.parseFloat(props.filter.label) ?? 0\n      return Number.isNaN(x) ? 0 : x\n    })\n\n    return {\n      value,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders a label for a rating filter, allowing to override the elements used to paint the rating. The\nfilter label must be a valid number string. For example: '3', '2.5', '0.25'\n\n### Basic usage\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" />\n```\n\n### Customizing color\n\nIts possible to change the default color directly with color CSS attribute. For more elaborated\nstyles it's possible to style the inner svg icons.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" style=\"color: gold\" />\n```\n\n### Customizing its contents\n\nThe `max` prop can be used to set the max rating number. It will render as many icons as the this\n`max` value.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" :max=\"max\" />\n```\n\nThe default icons can be changed using the `rating-icon-filled` and `rating-icon-empty` icons, to\nrepresent the filled empty and empty icon in the rating component.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" :max=\"max\">\n  <template #rating-icon-filled>♥</template>\n  <template #rating-icon-empty>♡</template>\n</BaseRatingFilterLabel>\n```\n</docs>\n"],"names":["_createBlock","_withCtx","_renderSlot"],"mappings":";;;;;;sBACEA,WAaa,CAAA,qBAAA,EAAA;AAAA,IAbD,KAAM,EAAA,uBAAA;AAAA,IAAwB,WAAU,EAAA,cAAA;AAAA,IAAgB,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,IAAQ,GAAK,EAAA,IAAA,CAAA,GAAA;AAAA,GAAA,EAAA;AAC3E,IAAA,aAAA,EAAWC,QAIpB,MAAkC;AAAA,MAAlCC,UAAkC,CAAA,IAAA,CAAA,MAAA,EAAA,oBAAA,CAAA;AAAA,KAAA,CAAA;AAEzB,IAAA,YAAA,EAAUD,QAInB,MAAiC;AAAA,MAAjCC,UAAiC,CAAA,IAAA,CAAA,MAAA,EAAA,mBAAA,CAAA;AAAA,KAAA,CAAA;AAZvC,IAAA,CAAA,EAAA,CAAA;AAAA;AAAA,GAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"base-rating-filter-label.vue.js","sources":["../../../../../src/components/filters/labels/base-rating-filter-label.vue"],"sourcesContent":["<template>\n  <BaseRating class=\"x-rating-filter-label\" data-test=\"rating-label\" :value=\"value\" :max=\"max\">\n    <template #filled-icon>\n      <!--\n       @slot Filled icon content\n     -->\n      <slot name=\"rating-icon-filled\" />\n    </template>\n    <template #empty-icon>\n      <!--\n       @slot Empty icon content\n     -->\n      <slot name=\"rating-icon-empty\" />\n    </template>\n  </BaseRating>\n</template>\n\n<script lang=\"ts\">\nimport type { BooleanFilter } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport BaseRating from '../../base-rating.vue'\n\n/**\n * Renders a label for a rating filter, allowing to override the elements used to paint\n * the rating.\n *\n * @public\n */\nexport default defineComponent({\n  components: {\n    BaseRating,\n  },\n  props: {\n    /**\n     * The filter data to render.\n     *\n     * @public\n     */\n    filter: {\n      type: Object as PropType<BooleanFilter>,\n      required: true,\n    },\n    /**\n     * Maximum number of elements to paint.\n     *\n     * @public\n     */\n    max: {\n      type: Number,\n      default: 5,\n    },\n  },\n  setup(props) {\n    /**\n     * Converts the label string into a number.\n     *\n     * @returns The label as number or 0 if it is not a valid number.\n     *\n     * @internal\n     */\n    const value = computed<number>(() => {\n      const x = Number.parseFloat(props.filter.label) ?? 0\n      return Number.isNaN(x) ? 0 : x\n    })\n\n    return {\n      value,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders a label for a rating filter, allowing to override the elements used to paint the rating. The\nfilter label must be a valid number string. For example: '3', '2.5', '0.25'\n\n### Basic usage\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" />\n```\n\n### Customizing color\n\nIts possible to change the default color directly with color CSS attribute. For more elaborated\nstyles it's possible to style the inner svg icons.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" style=\"color: gold\" />\n```\n\n### Customizing its contents\n\nThe `max` prop can be used to set the max rating number. It will render as many icons as the this\n`max` value.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" :max=\"max\" />\n```\n\nThe default icons can be changed using the `rating-icon-filled` and `rating-icon-empty` icons, to\nrepresent the filled empty and empty icon in the rating component.\n\n```vue\n<BaseRatingFilterLabel :filter=\"filter\" :max=\"max\">\n  <template #rating-icon-filled>♥</template>\n  <template #rating-icon-empty>♡</template>\n</BaseRatingFilterLabel>\n```\n</docs>\n"],"names":["_createBlock","_withCtx","_renderSlot"],"mappings":";;;;;;sBACEA,WAaa,CAAA,qBAAA,EAAA;AAAA,IAbD,KAAM,EAAA,uBAAA;AAAA,IAAwB,WAAU,EAAA,cAAA;AAAA,IAAgB,KAAO,EAAA,IAAA,CAAA,KAAA;AAAA,IAAQ,GAAK,EAAA,IAAA,CAAA,GAAA;AAAA,GAAA,EAAA;AAC3E,IAAA,aAAA,EAAWC,QAIpB,MAAkC;AAAA,MAAlCC,UAAkC,CAAA,IAAA,CAAA,MAAA,EAAA,oBAAA,CAAA;AAAA,KAAA,CAAA;AAEzB,IAAA,YAAA,EAAUD,QAInB,MAAiC;AAAA,MAAjCC,UAAiC,CAAA,IAAA,CAAA,MAAA,EAAA,mBAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/components/highlight.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.vue.js","sources":["../../../src/components/highlight.vue"],"sourcesContent":["<template>\n  <span class=\"x-highlight\" :class=\"dynamicCSSClasses\">\n    <span\n      v-if=\"matchParts.start\"\n      class=\"x-highlight__text\"\n      data-test=\"highlight-start\"\n      v-text=\"matchParts.start\"\n    />\n    <span\n      v-if=\"hasMatch\"\n      class=\"x-highlight__text x-highlight-text-match\"\n      :class=\"matchingPartClass\"\n      data-test=\"matching-part\"\n      v-text=\"matchParts.match\"\n    />\n    <span\n      v-if=\"matchParts.end\"\n      class=\"x-highlight__text\"\n      data-test=\"highlight-end\"\n      v-text=\"matchParts.end\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { normalizeString } from '../utils'\n\n/**\n * Highlights the given part of the text. The component is smart enough to do matches\n * between special characters like tilde, cedilla, eñe, capital letters...\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Highlight',\n  props: {\n    /** The text to highlight some part of it. */\n    text: {\n      type: String,\n      default: '',\n    },\n    /** The part of the text to be highlighted. */\n    highlight: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add when the `text` string contains the `highlight` string. */\n    matchClass: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add when the given `text` doesn't contain the `highlight` string. */\n    noMatchClass: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add to the matching text. */\n    matchingPartClass: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    /**\n     * Splits the label in three parts based on two indexes.\n     *\n     * @param label - The string that will be divided in three parts.\n     * @param start - The first index that the label will be divided by.\n     * @param end - The second index that the label will be divided by.\n     *\n     * @returns The three parts of the divided label.\n     */\n    function splitAt(label: string, start: number, end: number) {\n      return {\n        start: label.substring(0, start),\n        match: label.substring(start, end),\n        end: label.substring(end),\n      }\n    }\n\n    /**\n     * Splits the text to highlight into 3 parts: a starting part, the matching part\n     * and the ending part. If there is no match between the text and the highlight, the `start`\n     * property will contain the whole text.\n     *\n     * @returns An object containing the different parts of the text.\n     */\n    const matchParts = computed(() => {\n      const matcherIndex = normalizeString(props.text).indexOf(normalizeString(props.highlight))\n      return matcherIndex !== -1 && props.highlight\n        ? splitAt(props.text.trim(), matcherIndex, matcherIndex + props.highlight.trim().length)\n        : { start: props.text, match: '', end: '' }\n    })\n\n    /**\n     * Checks if the normalized suggestion query matches with the module's query, so it has a\n     * matching part.\n     *\n     * @returns True if there is a match between the text and the highlight strings.\n     */\n    const hasMatch = computed(() => !!matchParts.value.match)\n\n    /**\n     * CSS classes to add depending on the component state.\n     *\n     * @remarks\n     * `x-highlight--has-match`: When there is a match between the text and the part to highlight.\n     * `[matchClass]`: When there is a match between the text and\n     * the part to highlight.\n     * `[noMatchClass]`: when there is no match between the text to highlight.\n     * @returns The CSS classes.\n     */\n    const dynamicCSSClasses = computed(() => {\n      const classes = {\n        'x-highlight--has-match': hasMatch.value,\n        'x-highlight-text': hasMatch.value,\n        [props.matchClass]: hasMatch.value,\n      }\n      if (props.noMatchClass) {\n        classes[props.noMatchClass] = !hasMatch.value\n      }\n      return classes\n    })\n\n    /**\n     * Render function to execute the `default` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `default` slot.\n     */\n    function renderDefaultSlot() {\n      const slotProps = {\n        text: props.text,\n        hasMatch: hasMatch.value,\n        ...matchParts.value,\n      }\n      return slots.default?.(slotProps)[0]\n    }\n\n    /* Hack to render through a render-function, the `default` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { hasMatch, matchParts, dynamicCSSClasses }\n    return (slots.default ? renderDefaultSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events.\n\n## See it in action\n\nHere you have a basic example of how the highlight component is rendered.\n\n_Type any term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <input v-model=\"highlight\" />\n    <Highlight :highlight=\"highlight\" text=\"milanesa\" />\n  </div>\n</template>\n\n<script>\nimport { Highlight } from '@empathyco/x-components'\n\nexport default {\n  name: 'HighlightDemo',\n  components: {\n    Highlight,\n  },\n  data() {\n    return {\n      highlight: '',\n    }\n  },\n}\n</script>\n```\n\n### Customise the layout\n\nThis component allows to customise the whole layout. Be careful as due to Vue 2 limitations you can\nonly render a single root element.\n\n```vue live\n<template>\n  <div>\n    <input v-model=\"highlight\" />\n    <Highlight\n      :highlight=\"highlight\"\n      text=\"Entraña\"\n      #default=\"{ hasMatch, start, match, end, text }\"\n    >\n      <span class=\"custom-layout\" v-if=\"hasMatch\">\n        <strong>{{ start }}</strong>\n        {{ match }}\n        <strong>{{ end }}</strong>\n      </span>\n      <span v-else>{{ text }}</span>\n    </Highlight>\n  </div>\n</template>\n\n<script>\nimport { Highlight } from '@empathyco/x-components'\n\nexport default {\n  name: 'HighlightDemo',\n  components: {\n    Highlight,\n  },\n  data() {\n    return {\n      highlight: 'entran',\n    }\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"mappings":";;;;AAAA,MAAA,UAAA,GAAA,CAAA,aAAA,CAAA,CAAA;AAAA,MAAA,UAAA,GAAA,CAAA,aAAA,CAAA,CAAA;AAAA,MAAA,UAAA,GAAA,CAAA,aAAA,CAAA,CAAA;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAoBO,MAAA;AAAA,IAAA;AAAA,MApBD,KAAA,EADRC,cACc,CAAA,CAAA,aAAA,EAAsB,IAAiB,CAAA,iBAAA,CAAA,CAAA;AAAA,KAAA;;AAEzC,MAAA,IAAA,CAAA,UAAA,CAAW,sBADnBD,kBAKE,CAAA,MAAA,EAAA;AAAA,QAPN,GAAA,EAAA,CAAA;AAAA,QAIM,KAAM,EAAA,mBAAA;AAAA,QACN,WAAU,EAAA,iBAAA;AAAA,QALhB,WAMM,EAAAE,eAAA,CAAyB,IAAjB,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OAN9B,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,MASY,8BADRH,kBAME,CAAA,MAAA,EAAA;AAAA,QAdN,GAAA,EAAA,CAAA;AAAA,QAUM,KAAA,EAVNC,cAUY,CAAA,CAAA,0CAAA,EACE,IAAiB,CAAA,iBAAA,CAAA,CAAA;AAAA,QACzB,WAAU,EAAA,eAAA;AAAA,QAZhB,WAaM,EAAAC,eAAA,CAAyB,IAAjB,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OAb9B,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,MAgBY,IAAA,CAAA,UAAA,CAAW,oBADnBH,kBAKE,CAAA,MAAA,EAAA;AAAA,QApBN,GAAA,EAAA,CAAA;AAAA,QAiBM,KAAM,EAAA,mBAAA;AAAA,QACN,WAAU,EAAA,eAAA;AAAA,QAlBhB,WAmBM,EAAAE,eAAA,CAAuB,IAAf,CAAA,UAAA,CAAW,GAAG,CAAA;AAAA,OAnB5B,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,KAAA;;;;;;;;;"}
+{"version":3,"file":"highlight.vue.js","sources":["../../../src/components/highlight.vue"],"sourcesContent":["<template>\n  <span class=\"x-highlight\" :class=\"dynamicCSSClasses\">\n    <span\n      v-if=\"matchParts.start\"\n      class=\"x-highlight__text\"\n      data-test=\"highlight-start\"\n      v-text=\"matchParts.start\"\n    />\n    <span\n      v-if=\"hasMatch\"\n      class=\"x-highlight__text x-highlight-text-match\"\n      :class=\"matchingPartClass\"\n      data-test=\"matching-part\"\n      v-text=\"matchParts.match\"\n    />\n    <span\n      v-if=\"matchParts.end\"\n      class=\"x-highlight__text\"\n      data-test=\"highlight-end\"\n      v-text=\"matchParts.end\"\n    />\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { normalizeString } from '../utils'\n\n/**\n * Highlights the given part of the text. The component is smart enough to do matches\n * between special characters like tilde, cedilla, eñe, capital letters...\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Highlight',\n  props: {\n    /** The text to highlight some part of it. */\n    text: {\n      type: String,\n      default: '',\n    },\n    /** The part of the text to be highlighted. */\n    highlight: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add when the `text` string contains the `highlight` string. */\n    matchClass: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add when the given `text` doesn't contain the `highlight` string. */\n    noMatchClass: {\n      type: String,\n      default: '',\n    },\n    /** CSS Class to add to the matching text. */\n    matchingPartClass: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    /**\n     * Splits the label in three parts based on two indexes.\n     *\n     * @param label - The string that will be divided in three parts.\n     * @param start - The first index that the label will be divided by.\n     * @param end - The second index that the label will be divided by.\n     *\n     * @returns The three parts of the divided label.\n     */\n    function splitAt(label: string, start: number, end: number) {\n      return {\n        start: label.substring(0, start),\n        match: label.substring(start, end),\n        end: label.substring(end),\n      }\n    }\n\n    /**\n     * Splits the text to highlight into 3 parts: a starting part, the matching part\n     * and the ending part. If there is no match between the text and the highlight, the `start`\n     * property will contain the whole text.\n     *\n     * @returns An object containing the different parts of the text.\n     */\n    const matchParts = computed(() => {\n      const matcherIndex = normalizeString(props.text).indexOf(normalizeString(props.highlight))\n      return matcherIndex !== -1 && props.highlight\n        ? splitAt(props.text.trim(), matcherIndex, matcherIndex + props.highlight.trim().length)\n        : { start: props.text, match: '', end: '' }\n    })\n\n    /**\n     * Checks if the normalized suggestion query matches with the module's query, so it has a\n     * matching part.\n     *\n     * @returns True if there is a match between the text and the highlight strings.\n     */\n    const hasMatch = computed(() => !!matchParts.value.match)\n\n    /**\n     * CSS classes to add depending on the component state.\n     *\n     * @remarks\n     * `x-highlight--has-match`: When there is a match between the text and the part to highlight.\n     * `[matchClass]`: When there is a match between the text and\n     * the part to highlight.\n     * `[noMatchClass]`: when there is no match between the text to highlight.\n     * @returns The CSS classes.\n     */\n    const dynamicCSSClasses = computed(() => {\n      const classes = {\n        'x-highlight--has-match': hasMatch.value,\n        'x-highlight-text': hasMatch.value,\n        [props.matchClass]: hasMatch.value,\n      }\n      if (props.noMatchClass) {\n        classes[props.noMatchClass] = !hasMatch.value\n      }\n      return classes\n    })\n\n    /**\n     * Render function to execute the `default` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `default` slot.\n     */\n    function renderDefaultSlot() {\n      const slotProps = {\n        text: props.text,\n        hasMatch: hasMatch.value,\n        ...matchParts.value,\n      }\n      return slots.default?.(slotProps)[0]\n    }\n\n    /* Hack to render through a render-function, the `default` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { hasMatch, matchParts, dynamicCSSClasses }\n    return (slots.default ? renderDefaultSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events.\n\n## See it in action\n\nHere you have a basic example of how the highlight component is rendered.\n\n_Type any term in the input field to try it out!_\n\n```vue live\n<template>\n  <div>\n    <input v-model=\"highlight\" />\n    <Highlight :highlight=\"highlight\" text=\"milanesa\" />\n  </div>\n</template>\n\n<script>\nimport { Highlight } from '@empathyco/x-components'\n\nexport default {\n  name: 'HighlightDemo',\n  components: {\n    Highlight,\n  },\n  data() {\n    return {\n      highlight: '',\n    }\n  },\n}\n</script>\n```\n\n### Customise the layout\n\nThis component allows to customise the whole layout. Be careful as due to Vue 2 limitations you can\nonly render a single root element.\n\n```vue live\n<template>\n  <div>\n    <input v-model=\"highlight\" />\n    <Highlight\n      :highlight=\"highlight\"\n      text=\"Entraña\"\n      #default=\"{ hasMatch, start, match, end, text }\"\n    >\n      <span class=\"custom-layout\" v-if=\"hasMatch\">\n        <strong>{{ start }}</strong>\n        {{ match }}\n        <strong>{{ end }}</strong>\n      </span>\n      <span v-else>{{ text }}</span>\n    </Highlight>\n  </div>\n</template>\n\n<script>\nimport { Highlight } from '@empathyco/x-components'\n\nexport default {\n  name: 'HighlightDemo',\n  components: {\n    Highlight,\n  },\n  data() {\n    return {\n      highlight: 'entran',\n    }\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAoBO,MAAA;AAAA,IAAA;AAAA,MApBD,KAAA,EAAKC,cAAC,CAAA,CAAA,aAAA,EAAsB,IAAiB,CAAA,iBAAA,CAAA,CAAA;AAAA,KAAA;;AAEzC,MAAA,IAAA,CAAA,UAAA,CAAW,sBADnBD,kBAKE,CAAA,MAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;QAHA,KAAM,EAAA,mBAAA;AAAA,QACN,WAAU,EAAA,iBAAA;AAAA,QACV,WAAA,EAAAE,eAAA,CAAyB,IAAjB,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAGlB,MAAA,IAAA,CAAA,QAAA,IAAAJ,SAAA,EAAA,EADRC,kBAME,CAAA,MAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;QAJA,KAAK,EAAAC,cAAA,CAAA,CAAC,4CACE,IAAiB,CAAA,iBAAA,CAAA,CAAA;AAAA,QACzB,WAAU,EAAA,eAAA;AAAA,QACV,WAAA,EAAAC,eAAA,CAAyB,IAAjB,CAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAGlB,MAAA,IAAA,CAAA,UAAA,CAAW,oBADnBH,kBAKE,CAAA,MAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;QAHA,KAAM,EAAA,mBAAA;AAAA,QACN,WAAU,EAAA,eAAA;AAAA,QACV,WAAA,EAAAE,eAAA,CAAuB,IAAf,CAAA,UAAA,CAAW,GAAG,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;;;;;;;;;;"}

package/js/components/icons/ai-star.vue.js

@@ -7,30 +7,27 @@ const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 19 18"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M15.863 9.14279C9.98542 8.1632 9.98542 8.1632 9.00583 2.28564C8.02623 8.1632 8.02623 8.1632 2.14868 9.14279C8.02623 10.1224 8.02623 10.1224 9.00583 15.9999C9.98542 10.1224 9.98542 10.1224 15.863 9.14279Z",
-  fill: "currentColor",
-  stroke: "currentColor",
-  "stroke-width": "2.70677",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("circle", {
-  opacity: "0.5",
-  cx: "15.8629",
-  cy: "2.28571",
-  r: "1.38346",
-  fill: "currentColor",
-  stroke: "currentColor",
-  "stroke-width": "1.80451"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M15.863 9.14279C9.98542 8.1632 9.98542 8.1632 9.00583 2.28564C8.02623 8.1632 8.02623 8.1632 2.14868 9.14279C8.02623 10.1224 8.02623 10.1224 9.00583 15.9999C9.98542 10.1224 9.98542 10.1224 15.863 9.14279Z",
+      fill: "currentColor",
+      stroke: "currentColor",
+      "stroke-width": "2.70677",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("circle", {
+      opacity: "0.5",
+      cx: "15.8629",
+      cy: "2.28571",
+      r: "1.38346",
+      fill: "currentColor",
+      stroke: "currentColor",
+      "stroke-width": "1.80451"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var AIStarIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/ai-star.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-star.vue.js","sources":["../../../../src/components/icons/ai-star.vue"],"sourcesContent":["<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 19 18\">\n    <path\n      d=\"M15.863 9.14279C9.98542 8.1632 9.98542 8.1632 9.00583 2.28564C8.02623 8.1632 8.02623 8.1632 2.14868 9.14279C8.02623 10.1224 8.02623 10.1224 9.00583 15.9999C9.98542 10.1224 9.98542 10.1224 15.863 9.14279Z\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      stroke-width=\"2.70677\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <circle\n      opacity=\"0.5\"\n      cx=\"15.8629\"\n      cy=\"2.28571\"\n      r=\"1.38346\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.80451\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,4BAA4B;AAAC,EAAA,OAAO,EAAC,WAAW;;gCACzDA,kBAOE,CAAA,MAAA,EAAA;AANA,EAAA,CAAC,EAAC,6MAA6M;AAC/M,EAAA,IAAI,EAAC,cAAc;AACnB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,SAAS;AACtB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAQE,CAAA,QAAA,EAAA;AAPA,EAAA,OAAO,EAAC,KAAK;AACb,EAAA,EAAE,EAAC,SAAS;AACZ,EAAA,EAAE,EAAC,SAAS;AACZ,EAAA,CAAC,EAAC,SAAS;AACX,EAAA,IAAI,EAAC,cAAc;AACnB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,SAAS;;;EAfxB,UAOE;EACF,UAQE;;;;uBAjBJC,kBAkBM,CAAA,KAAA,EAlBN,UAkBM,EAnBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"ai-star.vue.js","sources":["../../../../src/components/icons/ai-star.vue"],"sourcesContent":["<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 19 18\">\n    <path\n      d=\"M15.863 9.14279C9.98542 8.1632 9.98542 8.1632 9.00583 2.28564C8.02623 8.1632 8.02623 8.1632 2.14868 9.14279C8.02623 10.1224 8.02623 10.1224 9.00583 15.9999C9.98542 10.1224 9.98542 10.1224 15.863 9.14279Z\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      stroke-width=\"2.70677\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <circle\n      opacity=\"0.5\"\n      cx=\"15.8629\"\n      cy=\"2.28571\"\n      r=\"1.38346\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.80451\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,4BAA4B;AAAC,EAAA,OAAO,EAAC,WAAW;;;;AAA3D,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAkBM,OAlBN,UAkBM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAjBJC,kBAOE,CAAA,MAAA,EAAA;AANA,MAAA,CAAC,EAAC,6MAA6M;AAC/M,MAAA,IAAI,EAAC,cAAc;AACnB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,SAAS;AACtB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAQE,CAAA,QAAA,EAAA;AAPA,MAAA,OAAO,EAAC,KAAK;AACb,MAAA,EAAE,EAAC,SAAS;AACZ,MAAA,EAAE,EAAC,SAAS;AACZ,MAAA,CAAC,EAAC,SAAS;AACX,MAAA,IAAI,EAAC,cAAc;AACnB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,SAAS;;;;;;;;"}

package/js/components/icons/arrow-down.vue.js

@@ -9,27 +9,24 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M4 1.5L4 6.24683",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  d: "M1.5 4L4 6.5L6.5 4",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M4 1.5L4 6.24683",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("path", {
+      d: "M1.5 4L4 6.5L6.5 4",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var arrowDown = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/arrow-down.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-down.vue.js","sources":["../../../../src/components/icons/arrow-down.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M4 1.5L4 6.24683\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M1.5 4L4 6.5L6.5 4\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,kBAAkB;AACpB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,oBAAoB;AACtB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;;EAZzB,UAME;EACF,UAME;;;;uBAdJC,kBAeM,CAAA,KAAA,EAfN,UAeM,EAhBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"arrow-down.vue.js","sources":["../../../../src/components/icons/arrow-down.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M4 1.5L4 6.24683\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M1.5 4L4 6.5L6.5 4\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfN,UAeM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAdJC,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,kBAAkB;AACpB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,oBAAoB;AACtB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/arrow-left.vue.js

@@ -9,27 +9,24 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M6.5 4H1.75317",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  d: "M4 6.5L1.5 4L4 1.5",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M6.5 4H1.75317",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("path", {
+      d: "M4 6.5L1.5 4L4 1.5",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var arrowLeft = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/arrow-left.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-left.vue.js","sources":["../../../../src/components/icons/arrow-left.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6.5 4H1.75317\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M4 6.5L1.5 4L4 1.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,gBAAgB;AAClB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,oBAAoB;AACtB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;;EAZzB,UAME;EACF,UAME;;;;uBAdJC,kBAeM,CAAA,KAAA,EAfN,UAeM,EAhBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"arrow-left.vue.js","sources":["../../../../src/components/icons/arrow-left.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6.5 4H1.75317\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M4 6.5L1.5 4L4 1.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfN,UAeM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAdJC,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,gBAAgB;AAClB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,oBAAoB;AACtB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/arrow-right.vue.js

@@ -9,27 +9,24 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M1.5 4H6.24683",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  d: "M4 6.5L6.5 4L4 1.5",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M1.5 4H6.24683",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("path", {
+      d: "M4 6.5L6.5 4L4 1.5",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var ArrowRightIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/arrow-right.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-right.vue.js","sources":["../../../../src/components/icons/arrow-right.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M1.5 4H6.24683\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M4 6.5L6.5 4L4 1.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,gBAAgB;AAClB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,oBAAoB;AACtB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;;EAZzB,UAME;EACF,UAME;;;;uBAdJC,kBAeM,CAAA,KAAA,EAfN,UAeM,EAhBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"arrow-right.vue.js","sources":["../../../../src/components/icons/arrow-right.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M1.5 4H6.24683\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M4 6.5L6.5 4L4 1.5\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfN,UAeM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAdJC,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,gBAAgB;AAClB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,oBAAoB;AACtB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/arrow-up.vue.js

@@ -9,27 +9,24 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M4 6.5L4 1.75317",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  d: "M6.5 4L4 1.5L1.5 4",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M4 6.5L4 1.75317",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("path", {
+      d: "M6.5 4L4 1.5L1.5 4",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var arrowUp = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/arrow-up.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-up.vue.js","sources":["../../../../src/components/icons/arrow-up.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M4 6.5L4 1.75317\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6.5 4L4 1.5L1.5 4\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,kBAAkB;AACpB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,oBAAoB;AACtB,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;;EAZzB,UAME;EACF,UAME;;;;uBAdJC,kBAeM,CAAA,KAAA,EAfN,UAeM,EAhBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"arrow-up.vue.js","sources":["../../../../src/components/icons/arrow-up.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M4 6.5L4 1.75317\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6.5 4L4 1.5L1.5 4\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfN,UAeM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAdJC,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,kBAAkB;AACpB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,oBAAoB;AACtB,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/bag.vue.js

@@ -9,27 +9,24 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M1.8 2.29995H6.29995M2.33333 1.19995L1.5 2.29995V6.42561C2.61092 6.42561 4.85446 6.42561 6.5 6.42561V2.29995L5.66667 1.19995H2.33333Z",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  d: "M5.11114 3.3999C5.11114 4.00742 4.61368 4.4999 4.00003 4.4999C3.38638 4.4999 2.88892 4.00742 2.88892 3.3999",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_4]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M1.8 2.29995H6.29995M2.33333 1.19995L1.5 2.29995V6.42561C2.61092 6.42561 4.85446 6.42561 6.5 6.42561V2.29995L5.66667 1.19995H2.33333Z",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */),
+    createElementVNode("path", {
+      d: "M5.11114 3.3999C5.11114 4.00742 4.61368 4.4999 4.00003 4.4999C3.38638 4.4999 2.88892 4.00742 2.88892 3.3999",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var bag = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/bag.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"bag.vue.js","sources":["../../../../src/components/icons/bag.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M1.8 2.29995H6.29995M2.33333 1.19995L1.5 2.29995V6.42561C2.61092 6.42561 4.85446 6.42561 6.5 6.42561V2.29995L5.66667 1.19995H2.33333Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M5.11114 3.3999C5.11114 4.00742 4.61368 4.4999 4.00003 4.4999C3.38638 4.4999 2.88892 4.00742 2.88892 3.3999\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,uIAAuI;AACzI,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;gCAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,EAAA,CAAC,EAAC,6GAA6G;AAC/G,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,gBAAc,EAAC,OAAO;AACtB,EAAA,iBAAe,EAAC,OAAO;;;EAZzB,UAME;EACF,UAME;;;;uBAdJC,kBAeM,CAAA,KAAA,EAfN,UAeM,EAhBR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"bag.vue.js","sources":["../../../../src/components/icons/bag.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M1.8 2.29995H6.29995M2.33333 1.19995L1.5 2.29995V6.42561C2.61092 6.42561 4.85446 6.42561 6.5 6.42561V2.29995L5.66667 1.19995H2.33333Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M5.11114 3.3999C5.11114 4.00742 4.61368 4.4999 4.00003 4.4999C3.38638 4.4999 2.88892 4.00742 2.88892 3.3999\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAeM,OAfN,UAeM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IAdJC,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,uIAAuI;AACzI,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;IAEzBA,kBAME,CAAA,MAAA,EAAA;AALA,MAAA,CAAC,EAAC,6GAA6G;AAC/G,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,gBAAc,EAAC,OAAO;AACtB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/bar-code.vue.js

@@ -9,18 +9,16 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M2.75 2V6M3.8501 2V6M4.25 2V6M5.25 2V6M1 1H7V7H1V1Z",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = [
-  _hoisted_2
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M2.75 2V6M3.8501 2V6M4.25 2V6M5.25 2V6M1 1H7V7H1V1Z",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var barCode = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/bar-code.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-code.vue.js","sources":["../../../../src/components/icons/bar-code.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M2.75 2V6M3.8501 2V6M4.25 2V6M5.25 2V6M1 1H7V7H1V1Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAKE,CAAA,MAAA,EAAA;AAJA,EAAA,CAAC,EAAC,qDAAqD;AACvD,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,iBAAe,EAAC,OAAO;;;EAJzB,UAKE;;;;uBANJC,kBAOM,CAAA,KAAA,EAPN,UAOM,EARR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"bar-code.vue.js","sources":["../../../../src/components/icons/bar-code.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M2.75 2V6M3.8501 2V6M4.25 2V6M5.25 2V6M1 1H7V7H1V1Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAOM,OAPN,UAOM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IANJC,kBAKE,CAAA,MAAA,EAAA;AAJA,MAAA,CAAC,EAAC,qDAAqD;AACvD,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}

package/js/components/icons/barcode-tiny.vue.js

@@ -9,18 +9,16 @@ const _hoisted_1 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
-  d: "M3.16667 2.67202V5.33869M3.83334 2.67202V5.33869M4.16667 2.67202V5.33869M4.83334 2.67202V5.33869M2 2.00537H6V6.00537H2V2.00537Z",
-  stroke: "currentColor",
-  "stroke-width": "0.4",
-  "stroke-linejoin": "round"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = [
-  _hoisted_2
-];
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]))
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M3.16667 2.67202V5.33869M3.83334 2.67202V5.33869M4.16667 2.67202V5.33869M4.83334 2.67202V5.33869M2 2.00537H6V6.00537H2V2.00537Z",
+      stroke: "currentColor",
+      "stroke-width": "0.4",
+      "stroke-linejoin": "round"
+    }, null, -1 /* CACHED */)
+  ]))]))
 }
 var barcodeTiny = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
 

package/js/components/icons/barcode-tiny.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"barcode-tiny.vue.js","sources":["../../../../src/components/icons/barcode-tiny.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M3.16667 2.67202V5.33869M3.83334 2.67202V5.33869M4.16667 2.67202V5.33869M4.83334 2.67202V5.33869M2 2.00537H6V6.00537H2V2.00537Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementVNode","_createElementBlock"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;gCAClFA,kBAKE,CAAA,MAAA,EAAA;AAJA,EAAA,CAAC,EAAC,iIAAiI;AACnI,EAAA,MAAM,EAAC,cAAc;AACrB,EAAA,cAAY,EAAC,KAAK;AAClB,EAAA,iBAAe,EAAC,OAAO;;;EAJzB,UAKE;;;;uBANJC,kBAOM,CAAA,KAAA,EAPN,UAOM,EARR,CAAA,GAAA,UAAA,CAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"barcode-tiny.vue.js","sources":["../../../../src/components/icons/barcode-tiny.vue"],"sourcesContent":["<template>\n  <svg class=\"x-icon\" viewBox=\"0 0 8 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M3.16667 2.67202V5.33869M3.83334 2.67202V5.33869M4.16667 2.67202V5.33869M4.83334 2.67202V5.33869M2 2.00537H6V6.00537H2V2.00537Z\"\n      stroke=\"currentColor\"\n      stroke-width=\"0.4\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n</template>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;;;;;AACO,EAAA,KAAK,EAAC,QAAQ;AAAC,EAAA,OAAO,EAAC,SAAS;AAAC,EAAA,IAAI,EAAC,MAAM;AAAC,EAAA,KAAK,EAAC,4BAA4B;;;;AAApF,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,CAOM,OAPN,UAOM,EAAA,CAAA,IAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;IANJC,kBAKE,CAAA,MAAA,EAAA;AAJA,MAAA,CAAC,EAAC,iIAAiI;AACnI,MAAA,MAAM,EAAC,cAAc;AACrB,MAAA,cAAY,EAAC,KAAK;AAClB,MAAA,iBAAe,EAAC,OAAO;;;;;;;;"}