@rotki/ui-library 2.14.1 → 2.16.0

package/dist/components/cards/RuiCardHeader.vue2.js

@@ -1,51 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, normalizeClass, renderSlot, createCommentVNode, createElementVNode } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiCardHeader",
-    inheritAttrs: false
-  },
-  __name: "RuiCardHeader",
-  props: {
-    dense: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: [
-          _ctx.$style.head,
-          {
-            [_ctx.$style.dense]: __props.dense,
-            [_ctx.$style.has_prepend]: !!_ctx.$slots.prepend
-          }
-        ]
-      }, _ctx.$attrs), [
-        _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.prepend)
-        }, [
-          renderSlot(_ctx.$slots, "prepend")
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.headers)
-        }, [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("h5", {
-            key: 0,
-            class: normalizeClass(_ctx.$style.header)
-          }, [
-            renderSlot(_ctx.$slots, "header")
-          ], 2)) : createCommentVNode("", true),
-          _ctx.$slots.subheader ? (openBlock(), createElementBlock("p", {
-            key: 1,
-            class: normalizeClass(_ctx.$style.subheader)
-          }, [
-            renderSlot(_ctx.$slots, "subheader")
-          ], 2)) : createCommentVNode("", true)
-        ], 2)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiCardHeader.vue2.js.map

package/dist/components/cards/RuiCardHeader.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiCardHeader.vue2.js","sources":["../../../src/components/cards/RuiCardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport interface Props {\n  dense?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCardHeader',\n  inheritAttrs: false,\n});\n\nconst { dense = false } = defineProps<Props>();\n\ndefineSlots<{\n  prepend?: () => any;\n  header?: () => any;\n  subheader?: () => any;\n}>();\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.head,\n      {\n        [$style.dense]: dense,\n        [$style.has_prepend]: !!$slots.prepend,\n      },\n    ]\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"$slots.prepend\"\n      :class=\"$style.prepend\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <div :class=\"$style.headers\">\n      <h5\n        v-if=\"$slots.header\"\n        :class=\"$style.header\"\n      >\n        <slot name=\"header\" />\n      </h5>\n      <p\n        v-if=\"$slots.subheader\"\n        :class=\"$style.subheader\"\n      >\n        <slot name=\"subheader\" />\n      </p>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.head {\n  @apply p-4 flex space-x-4;\n\n  .prepend {\n    @apply rounded-full flex items-center justify-center w-10 h-10;\n    @apply text-[1.25rem] text-white bg-rui-grey-400 overflow-hidden;\n  }\n\n  .headers {\n    @apply flex flex-col justify-center;\n  }\n\n  .header {\n    @apply text-rui-text text-h6;\n  }\n\n  .subheader {\n    @apply text-rui-text-secondary text-body-2 mb-0;\n  }\n\n  &.has_prepend {\n    .header {\n      @apply text-body-1;\n    }\n  }\n\n  &.dense {\n    @apply p-3 space-x-2;\n\n    .prepend {\n      @apply text-base p-[0.08rem] w-9 h-9;\n    }\n  }\n}\n\n:global(.dark) {\n  .head {\n    .prepend {\n      @apply bg-rui-grey-700 text-black/90;\n    }\n\n    .header {\n      @apply text-rui-dark-text;\n    }\n\n    .subheader {\n      @apply text-rui-dark-text-secondary;\n    }\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$style","$slots","$attrs","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;;AAoBE,aAAAA,UAAA,GAAAC,mBA8BM,OA9BNC,WA8BM;AAAA,QA7BH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA;aAAuBA,KAAAA,OAAO,KAAK,GAAG,QAAA;AAAA,YAAgBA,CAAAA,KAAAA,OAAO,WAAW,GAAA,CAAA,CAAKC,KAAAA,OAAO;AAAA,UAAA;AAAA;SAOnGC,KAAAA,MAAM,GAAA;AAAA,QAGND,KAAAA,OAAO,wBADfH,mBAKM,OAAA;AAAA;UAHH,OAAKK,eAAEH,KAAAA,OAAO,OAAO;AAAA,QAAA;UAEtBI,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;QAEzBC,mBAaM,OAAA;AAAA,UAbA,OAAKF,eAAEH,KAAAA,OAAO,OAAO;AAAA,QAAA;UAEjBC,KAAAA,OAAO,uBADfH,mBAKK,MAAA;AAAA;YAHF,OAAKK,eAAEH,KAAAA,OAAO,MAAM;AAAA,UAAA;YAErBI,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;UAGhBH,KAAAA,OAAO,0BADfH,mBAKI,KAAA;AAAA;YAHD,OAAKK,eAAEH,KAAAA,OAAO,SAAS;AAAA,UAAA;YAExBI,WAAyB,KAAA,QAAA,WAAA;AAAA,UAAA;;;;;;"}

package/dist/components/cards/RuiCardHeader.vue3.js

@@ -1,27 +0,0 @@
-const head = "_head_mdkkt_1";
-const prepend = "_prepend_mdkkt_4";
-const headers = "_headers_mdkkt_8";
-const header = "_header_mdkkt_8";
-const subheader = "_subheader_mdkkt_14";
-const has_prepend = "_has_prepend_mdkkt_17";
-const dense = "_dense_mdkkt_20";
-const style0 = {
-  head,
-  prepend,
-  headers,
-  header,
-  subheader,
-  has_prepend,
-  dense
-};
-export {
-  style0 as default,
-  dense,
-  has_prepend,
-  head,
-  header,
-  headers,
-  prepend,
-  subheader
-};
-//# sourceMappingURL=RuiCardHeader.vue3.js.map

package/dist/components/cards/RuiCardHeader.vue3.js.map

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

package/dist/components/chips/RuiChip.vue.js

@@ -1,11 +0,0 @@
-import _sfc_main from "./RuiChip.vue2.js";
-import style0 from "./RuiChip.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const cssModules = {
-  "$style": style0
-};
-const RuiChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RuiChip as default
-};
-//# sourceMappingURL=RuiChip.vue.js.map

package/dist/components/chips/RuiChip.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiChip.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/chips/RuiChip.vue2.js

@@ -1,90 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, normalizeClass, renderSlot, createCommentVNode, createElementVNode, withModifiers, createVNode } from "vue";
-import { objectOmit } from "@vueuse/shared";
-import RuiIcon from "../icons/RuiIcon.vue.js";
-const _hoisted_1 = ["disabled"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiChip",
-    inheritAttrs: false
-  },
-  __name: "RuiChip",
-  props: {
-    tile: { type: Boolean, default: false },
-    clickable: { type: Boolean, default: false },
-    closeable: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    size: { default: "md" },
-    variant: { default: "filled" },
-    color: { default: "grey" },
-    closeIcon: { default: "lu-circle-x" },
-    bgColor: { default: () => void 0 },
-    textColor: { default: () => void 0 },
-    contentClass: { default: "" }
-  },
-  emits: ["click:close", "click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const style = computed(() => {
-      const style2 = {};
-      if (__props.bgColor)
-        style2.backgroundColor = __props.bgColor;
-      if (__props.textColor)
-        style2.color = __props.textColor;
-      return style2;
-    });
-    function click(e) {
-      if (!__props.clickable || __props.disabled)
-        return;
-      emit("click", e);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: [
-          _ctx.$style.chip,
-          _ctx.$style[__props.color ?? ""],
-          _ctx.$style[__props.size ?? ""],
-          _ctx.$style[__props.variant ?? ""],
-          {
-            [_ctx.$style.disabled]: __props.disabled,
-            [_ctx.$style.tile]: __props.tile,
-            [_ctx.$style.readonly]: !__props.clickable
-          }
-        ],
-        style: unref(style),
-        role: "button",
-        tabindex: "0"
-      }, unref(objectOmit)(_ctx.$attrs, ["onClick"]), {
-        onClick: _cache[1] || (_cache[1] = ($event) => click($event))
-      }), [
-        _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.chip__prepend)
-        }, [
-          renderSlot(_ctx.$slots, "prepend")
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("span", {
-          class: normalizeClass([_ctx.$style.chip__label, __props.contentClass])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        __props.closeable ? (openBlock(), createElementBlock("button", {
-          key: 1,
-          class: normalizeClass(_ctx.$style.chip__close),
-          disabled: __props.disabled,
-          type: "button",
-          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("click:close"), ["stop"]))
-        }, [
-          createVNode(RuiIcon, {
-            class: normalizeClass(_ctx.$style.chip__close_icon),
-            size: __props.size === "sm" ? 16 : 24,
-            name: __props.closeIcon
-          }, null, 8, ["class", "size", "name"])
-        ], 10, _hoisted_1)) : createCommentVNode("", true)
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiChip.vue2.js.map

package/dist/components/chips/RuiChip.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiChip.vue2.js","sources":["../../../src/components/chips/RuiChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { StyleValue } from 'vue';\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport { objectOmit } from '@vueuse/shared';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  tile?: boolean;\n  clickable?: boolean;\n  closeable?: boolean;\n  disabled?: boolean;\n  size?: 'sm' | 'md';\n  variant?: 'filled' | 'outlined';\n  color?: 'grey' | ContextColorsType;\n  closeIcon?: RuiIcons;\n  bgColor?: string;\n  textColor?: string;\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiChip',\n  inheritAttrs: false,\n});\n\nconst {\n  tile = false,\n  size = 'md',\n  color = 'grey',\n  clickable = false,\n  closeable = false,\n  disabled = false,\n  variant = 'filled',\n  closeIcon = 'lu-circle-x',\n  bgColor = undefined,\n  textColor = undefined,\n  contentClass = '',\n} = defineProps<Props>();\n\nconst emit = defineEmits<{\n  'click:close': [];\n  'click': [e: MouseEvent];\n}>();\n\ndefineSlots<{\n  prepend?: () => any;\n  default?: () => any;\n}>();\n\nconst style = computed<Partial<StyleValue>>(() => {\n  const style: Partial<StyleValue> = {};\n  if (bgColor)\n    style.backgroundColor = bgColor;\n\n  if (textColor)\n    style.color = textColor;\n\n  return style;\n});\n\nfunction click(e: MouseEvent): void {\n  if (!clickable || disabled)\n    return;\n\n  emit('click', e);\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.chip,\n      $style[color ?? ''],\n      $style[size ?? ''],\n      $style[variant ?? ''],\n      {\n        [$style.disabled]: disabled,\n        [$style.tile]: tile,\n        [$style.readonly]: !clickable,\n      },\n    ]\"\n    :style=\"style\"\n    role=\"button\"\n    tabindex=\"0\"\n    v-bind=\"objectOmit($attrs, ['onClick'])\"\n    @click=\"click($event)\"\n  >\n    <div\n      v-if=\"$slots.prepend\"\n      :class=\"$style.chip__prepend\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <span :class=\"[$style.chip__label, contentClass]\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closeable\"\n      :class=\"$style.chip__close\"\n      :disabled=\"disabled\"\n      type=\"button\"\n      @click.stop=\"emit('click:close')\"\n    >\n      <RuiIcon\n        :class=\"$style.chip__close_icon\"\n        :size=\"size === 'sm' ? 16 : 24\"\n        :name=\"closeIcon\"\n      />\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.chip {\n  @apply inline-flex items-center justify-between rounded-full px-1.5 py-[0.25rem] transition-all cursor-default outline-none;\n  @apply max-w-full truncate;\n\n  &.tile {\n    @apply rounded-sm;\n  }\n\n  &:not(.readonly):not(.disabled) {\n    @apply hover:brightness-90 focus:brightness-75;\n  }\n\n  &.grey {\n    @apply text-rui-text;\n\n    &.filled {\n      @apply bg-rui-grey-200;\n    }\n\n    &.outlined {\n      @apply border border-black/[0.26] bg-transparent;\n\n      &:not(.readonly):not(.disabled) {\n        @apply hover:bg-black/[0.04] focus:bg-black/[0.12];\n      }\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      &.filled {\n        @apply text-rui-dark-text bg-rui-#{$color};\n      }\n\n      &.outlined {\n        @apply border text-rui-#{$color} border-rui-#{$color}/50 bg-transparent;\n\n        &:not(.readonly):not(.disabled) {\n          @apply hover:bg-rui-#{$color}/[0.04] focus:bg-rui-#{$color}/[0.12];\n        }\n      }\n    }\n  }\n\n  &__prepend {\n    @apply rounded-full flex items-center justify-center pr-0 w-6 h-6;\n    @apply text-[0.6rem] text-white bg-rui-grey-400 -ml-0.5 overflow-hidden;\n  }\n\n  &__label {\n    @apply truncate px-[0.375rem] text-[0.8125rem];\n  }\n\n  &__close {\n    @apply rounded-full flex items-center p-[0.13rem] pl-0;\n    @apply inset-y-0 focus:outline-none -mr-1;\n\n    &_icon {\n      @apply opacity-50 hover:opacity-80 transition-opacity;\n    }\n  }\n\n  &.md {\n    @apply min-h-[2.26rem];\n  }\n\n  &.sm {\n    @apply py-[0.19rem];\n\n    &__prepend {\n      @apply text-[0.5rem] p-[0.08rem] w-4 h-4 -ml-1;\n    }\n\n    &__label {\n      @apply px-[0.3rem] text-[0.7rem];\n    }\n\n    &__close {\n      @apply p-[0.08rem];\n      @apply -mr-1.5;\n    }\n  }\n\n  &.disabled,\n  &.readonly {\n    @apply cursor-default;\n\n    &__close {\n      @apply cursor-default;\n\n      &_icon {\n        @apply opacity-50;\n      }\n    }\n  }\n\n  &.disabled {\n    @apply opacity-40;\n  }\n}\n\n:global(.dark) {\n  .chip {\n    &:not(.readonly):not(.disabled) {\n      @apply hover:brightness-110 focus:brightness-75;\n    }\n\n    &.grey {\n      &.filled {\n        @apply bg-rui-grey-800;\n      }\n\n      &.outlined {\n        @apply border-white/[0.26];\n\n        &:not(.readonly):not(.disabled) {\n          @apply hover:bg-white/[0.04] focus:bg-white/[0.12];\n        }\n      }\n    }\n\n    @each $color in (warning, success, info) {\n      &.#{$color} {\n        &.filled {\n          @apply text-rui-light-text;\n        }\n      }\n    }\n\n    &__prepend {\n      @apply bg-rui-grey-700;\n    }\n\n    &__close {\n      &_icon {\n        @apply hover:text-rui-grey-300;\n      }\n    }\n  }\n}\n</style>\n"],"names":["style","_openBlock","_createElementBlock","_mergeProps","$style","_unref","$attrs","$slots","_normalizeClass","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,UAAM,OAAO;AAUb,UAAM,QAAQ,SAA8B,MAAM;AAChD,YAAMA,SAA6B,CAAA;AACnC,UAAI,QAAA;AACFA,eAAM,kBAAkB,QAAA;AAE1B,UAAI,QAAA;AACFA,eAAM,QAAQ,QAAA;AAEhB,aAAOA;AAAAA,IACT,CAAC;AAED,aAAS,MAAM,GAAqB;AAClC,UAAI,CAAC,QAAA,aAAa,QAAA;AAChB;AAEF,WAAK,SAAS,CAAC;AAAA,IACjB;;AAIE,aAAAC,UAAA,GAAAC,mBAwCM,OAxCNC,WAwCM;AAAA,QAvCH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA,UAAYA,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA,UAAeA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA,UAAeA,KAAAA,OAAO,QAAA,WAAO,EAAA;AAAA;aAA0BA,KAAAA,OAAO,QAAQ,GAAG,QAAA;AAAA,aAAmBA,KAAAA,OAAO,IAAI,GAAG,QAAA;AAAA,aAAeA,KAAAA,OAAO,QAAQ,GAAA,CAAI,QAAA;AAAA,UAAA;AAAA;QAWpN,OAAOC,MAAA,KAAA;AAAA,QACR,MAAK;AAAA,QACL,UAAS;AAAA,MAAA,GACDA,MAAA,UAAA,EAAWC,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA;AAAA,QACxB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,MAAM,MAAM;AAAA,MAAA;QAGZC,KAAAA,OAAO,wBADfL,mBAKM,OAAA;AAAA;UAHH,OAAKM,eAAEJ,KAAAA,OAAO,aAAa;AAAA,QAAA;UAE5BK,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;QAEzBC,mBAEO,QAAA;AAAA,UAFA,OAAKF,eAAA,CAAGJ,KAAAA,OAAO,aAAa,QAAA,YAAY,CAAA;AAAA,QAAA;UAC7CK,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;QAGF,QAAA,0BADRP,mBAYS,UAAA;AAAA;UAVN,OAAKM,eAAEJ,KAAAA,OAAO,WAAW;AAAA,UACzB,UAAU,QAAA;AAAA,UACX,MAAK;AAAA,UACJ,6DAAY,KAAI,aAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;UAEjBO,YAIE,SAAA;AAAA,YAHC,OAAKH,eAAEJ,KAAAA,OAAO,gBAAgB;AAAA,YAC9B,MAAM,QAAA,SAAI,OAAA,KAAA;AAAA,YACV,MAAM,QAAA;AAAA,UAAA;;;;;;"}

package/dist/components/chips/RuiChip.vue3.js

@@ -1,88 +0,0 @@
-const chip = "_chip_1v1sy_315";
-const tile = "_tile_1v1sy_319";
-const readonly = "_readonly_1v1sy_322";
-const disabled = "_disabled_1v1sy_322";
-const grey = "_grey_1v1sy_325";
-const filled = "_filled_1v1sy_328";
-const outlined = "_outlined_1v1sy_331";
-const primary = "_primary_1v1sy_337";
-const secondary = "_secondary_1v1sy_346";
-const error = "_error_1v1sy_355";
-const warning = "_warning_1v1sy_364";
-const info = "_info_1v1sy_373";
-const success = "_success_1v1sy_382";
-const chip__prepend = "_chip__prepend_1v1sy_391";
-const chip__label = "_chip__label_1v1sy_395";
-const chip__close = "_chip__close_1v1sy_398";
-const chip__close_icon = "_chip__close_icon_1v1sy_402";
-const md = "_md_1v1sy_405";
-const sm = "_sm_1v1sy_408";
-const sm__prepend = "_sm__prepend_1v1sy_411";
-const sm__label = "_sm__label_1v1sy_414";
-const sm__close = "_sm__close_1v1sy_417";
-const disabled__close = "_disabled__close_1v1sy_424";
-const readonly__close = "_readonly__close_1v1sy_424";
-const disabled__close_icon = "_disabled__close_icon_1v1sy_427";
-const readonly__close_icon = "_readonly__close_icon_1v1sy_427";
-const style0 = {
-  chip,
-  tile,
-  readonly,
-  disabled,
-  grey,
-  filled,
-  outlined,
-  primary,
-  secondary,
-  error,
-  warning,
-  info,
-  success,
-  chip__prepend,
-  chip__label,
-  chip__close,
-  chip__close_icon,
-  md,
-  sm,
-  sm__prepend,
-  sm__label,
-  sm__close,
-  disabled__close,
-  readonly__close,
-  disabled__close_icon,
-  readonly__close_icon,
-  "bg-tint": "_bg-tint_1v1sy_1",
-  "bg-shade": "_bg-shade_1v1sy_1",
-  "text-tint": "_text-tint_1v1sy_1",
-  "text-shade": "_text-shade_1v1sy_1"
-};
-export {
-  chip,
-  chip__close,
-  chip__close_icon,
-  chip__label,
-  chip__prepend,
-  style0 as default,
-  disabled,
-  disabled__close,
-  disabled__close_icon,
-  error,
-  filled,
-  grey,
-  info,
-  md,
-  outlined,
-  primary,
-  readonly,
-  readonly__close,
-  readonly__close_icon,
-  secondary,
-  sm,
-  sm__close,
-  sm__label,
-  sm__prepend,
-  success,
-  tile,
-  warning
-};
-//# sourceMappingURL=RuiChip.vue3.js.map

package/dist/components/chips/RuiChip.vue3.js.map

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

package/dist/components/color-picker/RuiColorBoard.vue.js

@@ -1,11 +0,0 @@
-import _sfc_main from "./RuiColorBoard.vue2.js";
-import style0 from "./RuiColorBoard.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const cssModules = {
-  "$style": style0
-};
-const RuiColorBoard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RuiColorBoard as default
-};
-//# sourceMappingURL=RuiColorBoard.vue.js.map

package/dist/components/color-picker/RuiColorBoard.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorBoard.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/color-picker/RuiColorBoard.vue2.js

@@ -1,102 +0,0 @@
-import { defineComponent, useTemplateRef, reactive, ref, getCurrentInstance, computed, onMounted, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle } from "vue";
-import { get, set, clamp } from "@vueuse/shared";
-import { useElementDrag, Color } from "./utils.js";
-import { whenever } from "@vueuse/core";
-const _hoisted_1 = ["aria-valuetext"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiColorBoard",
-    inheritAttrs: false
-  },
-  __name: "RuiColorBoard",
-  props: {
-    color: {}
-  },
-  emits: ["update:board"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const wrapper = useTemplateRef("wrapper");
-    const state = reactive({
-      hexString: hueToHex(__props.color.hue),
-      saturation: __props.color.saturation,
-      brightness: __props.color.brightness
-    });
-    const cursorTop = ref(0);
-    const cursorLeft = ref(0);
-    const instance = getCurrentInstance();
-    const { handleClick, onMouseDown } = useElementDrag(emitColor);
-    const cursorStyle = computed(() => ({
-      top: `${get(cursorTop) * 100}%`,
-      left: `${get(cursorLeft) * 100}%`
-    }));
-    function hueToHex(hue) {
-      return new Color({ h: hue, s: 1, v: 1 }).hexString;
-    }
-    function updatePosition() {
-      set(cursorLeft, state.saturation);
-      set(cursorTop, 1 - state.brightness);
-    }
-    function emitColor(x, y) {
-      if (!instance)
-        return;
-      const el = instance.vnode.el;
-      const rect = el?.getBoundingClientRect();
-      if (!rect)
-        return;
-      const { width, height, left, top } = rect;
-      let calculatedX = x - left;
-      let calculatedY = y - top;
-      calculatedX = clamp(calculatedX, 0, width);
-      calculatedY = clamp(calculatedY, 0, height);
-      const saturation = calculatedX / width;
-      const brightness = clamp(-(calculatedY / height) + 1, 0, 1);
-      set(cursorLeft, calculatedX / width);
-      set(cursorTop, calculatedY / height);
-      state.saturation = saturation;
-      state.brightness = brightness;
-      emit("update:board", { saturation, brightness });
-    }
-    whenever(
-      () => __props.color,
-      (value) => {
-        state.hexString = hueToHex(value.hue);
-        state.saturation = value.saturation;
-        state.brightness = value.brightness;
-        updatePosition();
-      },
-      { deep: true }
-    );
-    onMounted(() => {
-      updatePosition();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "wrapper",
-        ref: wrapper,
-        role: "slider",
-        "aria-label": "Color saturation and brightness",
-        "aria-valuetext": `Saturation ${Math.round(unref(state).saturation * 100)}%, Brightness ${Math.round(unref(state).brightness * 100)}%`,
-        class: ["rui-color-board", _ctx.$style.saturation]
-      }, _ctx.$attrs, {
-        style: { backgroundColor: unref(state).hexString },
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClick)($event)),
-        onMousedown: _cache[1] || (_cache[1] = ($event) => unref(onMouseDown)($event))
-      }), [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.saturation__white)
-        }, null, 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.saturation__black)
-        }, null, 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.cursor),
-          style: normalizeStyle(unref(cursorStyle))
-        }, null, 6)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiColorBoard.vue2.js.map

package/dist/components/color-picker/RuiColorBoard.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorBoard.vue2.js","sources":["../../../src/components/color-picker/RuiColorBoard.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { clamp } from '@vueuse/shared';\nimport { Color, useElementDrag } from './utils';\n\ndefineOptions({\n  name: 'RuiColorBoard',\n  inheritAttrs: false,\n});\n\nconst { color } = defineProps<{\n  color: Color;\n}>();\n\nconst emit = defineEmits<{\n  'update:board': [event: { saturation: number; brightness: number }];\n}>();\n\nconst wrapper = useTemplateRef<HTMLElement>('wrapper');\n\nconst state = reactive({\n  hexString: hueToHex(color.hue),\n  saturation: color.saturation,\n  brightness: color.brightness,\n});\n\nconst cursorTop = ref<number>(0);\nconst cursorLeft = ref<number>(0);\n\nconst instance = getCurrentInstance();\n\nconst { handleClick, onMouseDown } = useElementDrag(emitColor);\n\nconst cursorStyle = computed<{ top: string; left: string }>(() => ({\n  top: `${get(cursorTop) * 100}%`,\n  left: `${get(cursorLeft) * 100}%`,\n}));\n\nfunction hueToHex(hue: number): string {\n  return new Color({ h: hue, s: 1, v: 1 }).hexString;\n}\n\nfunction updatePosition(): void {\n  set(cursorLeft, state.saturation);\n  set(cursorTop, 1 - state.brightness);\n}\n\nfunction emitColor(x: number, y: number): void {\n  if (!instance)\n    return;\n\n  const el = instance.vnode.el;\n  const rect = el?.getBoundingClientRect();\n\n  if (!rect)\n    return;\n\n  const { width, height, left, top } = rect;\n  let calculatedX = x - left;\n  let calculatedY = y - top;\n\n  calculatedX = clamp(calculatedX, 0, width);\n  calculatedY = clamp(calculatedY, 0, height);\n\n  const saturation = calculatedX / width;\n  const brightness = clamp(-(calculatedY / height) + 1, 0, 1);\n\n  set(cursorLeft, calculatedX / width);\n  set(cursorTop, calculatedY / height);\n\n  state.saturation = saturation;\n  state.brightness = brightness;\n\n  emit('update:board', { saturation, brightness });\n}\n\nwhenever(\n  () => color,\n  (value) => {\n    state.hexString = hueToHex(value.hue);\n    state.saturation = value.saturation;\n    state.brightness = value.brightness;\n    updatePosition();\n  },\n  { deep: true },\n);\n\nonMounted(() => {\n  updatePosition();\n});\n</script>\n\n<template>\n  <div\n    ref=\"wrapper\"\n    role=\"slider\"\n    aria-label=\"Color saturation and brightness\"\n    :aria-valuetext=\"`Saturation ${Math.round(state.saturation * 100)}%, Brightness ${Math.round(state.brightness * 100)}%`\"\n    class=\"rui-color-board\"\n    :class=\"$style.saturation\"\n    v-bind=\"$attrs\"\n    :style=\"{ backgroundColor: state.hexString }\"\n    @click=\"handleClick($event)\"\n    @mousedown=\"onMouseDown($event)\"\n  >\n    <div :class=\"$style.saturation__white\" />\n    <div :class=\"$style.saturation__black\" />\n    <div\n      :class=\"$style.cursor\"\n      :style=\"cursorStyle\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.saturation {\n  @apply relative w-full h-40 overflow-hidden cursor-pointer;\n\n  &__white,\n  &__black {\n    @apply absolute top-0 left-0 right-0 bottom-0 to-transparent;\n  }\n\n  &__black {\n    @apply bg-gradient-to-t from-black;\n  }\n\n  &__white {\n    @apply bg-gradient-to-r from-white;\n  }\n}\n\n.cursor {\n  @apply absolute w-5 h-5 transform -translate-x-1/2 -translate-y-1/2 border-2 border-white shadow rounded-full;\n\n  &:after {\n    content: '';\n    @apply absolute w-full h-full rounded-full border-2 border-black/15;\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_unref","$style","$attrs","_createElementVNode","_normalizeClass"],"mappings":"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"}

package/dist/components/color-picker/RuiColorBoard.vue3.js

@@ -1,18 +0,0 @@
-const saturation = "_saturation_ea4je_1";
-const saturation__white = "_saturation__white_ea4je_4";
-const saturation__black = "_saturation__black_ea4je_4";
-const cursor = "_cursor_ea4je_14";
-const style0 = {
-  saturation,
-  saturation__white,
-  saturation__black,
-  cursor
-};
-export {
-  cursor,
-  style0 as default,
-  saturation,
-  saturation__black,
-  saturation__white
-};
-//# sourceMappingURL=RuiColorBoard.vue3.js.map

package/dist/components/color-picker/RuiColorBoard.vue3.js.map

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

package/dist/components/color-picker/RuiColorDisplay.vue.js

@@ -1,47 +0,0 @@
-import { defineComponent, toRef, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, unref, createElementBlock, createCommentVNode, normalizeStyle } from "vue";
-import RuiTooltip from "../overlays/tooltip/RuiTooltip.vue.js";
-import { useClipboard } from "@vueuse/core";
-const _hoisted_1 = {
-  key: 0,
-  class: "text-rui-success"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiColorDisplay",
-    inheritAttrs: false
-  },
-  __name: "RuiColorDisplay",
-  props: {
-    color: {}
-  },
-  setup(__props) {
-    const { copy, copied } = useClipboard({ source: toRef(() => __props.color) });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(RuiTooltip, mergeProps({
-        popper: { placement: "top" },
-        "close-delay": 400,
-        "tooltip-class": "text-center"
-      }, _ctx.$attrs), {
-        activator: withCtx(() => [
-          createElementVNode("div", {
-            class: "w-8 h-8 min-w-8 min-h-8 rounded-full cursor-pointer",
-            "data-cy": "color-display",
-            style: normalizeStyle({ background: __props.color }),
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(copy)())
-          }, null, 4)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass({ "h-0 overflow-hidden": unref(copied) })
-          }, " Click to copy ", 2),
-          unref(copied) ? (openBlock(), createElementBlock("div", _hoisted_1, " COPIED! ")) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiColorDisplay.vue.js.map

package/dist/components/color-picker/RuiColorDisplay.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorDisplay.vue.js","sources":["../../../src/components/color-picker/RuiColorDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport RuiTooltip from '@/components/overlays/tooltip/RuiTooltip.vue';\n\ndefineOptions({\n  name: 'RuiColorDisplay',\n  inheritAttrs: false,\n});\n\nconst { color } = defineProps<{\n  color: string;\n}>();\n\nconst { copy, copied } = useClipboard({ source: toRef(() => color) });\n</script>\n\n<template>\n  <RuiTooltip\n    :popper=\"{ placement: 'top' }\"\n    :close-delay=\"400\"\n    tooltip-class=\"text-center\"\n    v-bind=\"$attrs\"\n  >\n    <template #activator>\n      <div\n        class=\"w-8 h-8 min-w-8 min-h-8 rounded-full cursor-pointer\"\n        data-cy=\"color-display\"\n        :style=\"{ background: color }\"\n        @click=\"copy()\"\n      />\n    </template>\n    <div :class=\"{ 'h-0 overflow-hidden': copied }\">\n      Click to copy\n    </div>\n    <div\n      v-if=\"copied\"\n      class=\"text-rui-success\"\n    >\n      COPIED!\n    </div>\n  </RuiTooltip>\n</template>\n"],"names":["_openBlock","_createBlock","_mergeProps","$attrs","_createElementVNode","_unref","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;AAYA,UAAM,EAAE,MAAM,OAAA,IAAW,aAAa,EAAE,QAAQ,MAAM,MAAM,QAAA,KAAK,GAAG;;AAIlE,aAAAA,UAAA,GAAAC,YAuBa,YAvBbC,WAuBa;AAAA,QAtBV,QAAQ,EAAA,WAAA,MAAA;AAAA,QACR,eAAa;AAAA,QACd,iBAAc;AAAA,MAAA,GACNC,KAAAA,MAAM,GAAA;AAAA,QAEH,mBACT,MAKE;AAAA,UALFC,mBAKE,OAAA;AAAA,YAJA,OAAM;AAAA,YACN,WAAQ;AAAA,YACP,oCAAqB,QAAA,OAAK;AAAA,YAC1B,+CAAOC,MAAA,IAAA,EAAA;AAAA,UAAI;;yBAGhB,MAEM;AAAA,UAFND,mBAEM,OAAA;AAAA,YAFA,+CAAgCC,MAAA,MAAA,GAAM;AAAA,UAAA,GAAI,mBAEhD,CAAA;AAAA,UAEQA,MAAA,MAAA,kBADRC,mBAKM,OALN,YAGC,WAED;;;;;;;"}

package/dist/components/color-picker/RuiColorDisplay.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./RuiColorDisplay.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiColorDisplay.vue2.js.map

package/dist/components/color-picker/RuiColorDisplay.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/color-picker/RuiColorHue.vue.js

@@ -1,11 +0,0 @@
-import _sfc_main from "./RuiColorHue.vue2.js";
-import style0 from "./RuiColorHue.vue3.js";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const cssModules = {
-  "$style": style0
-};
-const RuiColorHue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RuiColorHue as default
-};
-//# sourceMappingURL=RuiColorHue.vue.js.map

package/dist/components/color-picker/RuiColorHue.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorHue.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/color-picker/RuiColorHue.vue2.js

@@ -1,92 +0,0 @@
-import { defineComponent, useModel, useTemplateRef, ref, getCurrentInstance, computed, watch, onMounted, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeStyle, normalizeClass } from "vue";
-import { get, set, clamp } from "@vueuse/shared";
-import { useElementDrag, roundTwoDecimal } from "./utils.js";
-const _hoisted_1 = ["aria-valuenow"];
-const cursorWidth = 16;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "RuiColorHue",
-    inheritAttrs: false
-  },
-  __name: "RuiColorHue",
-  props: {
-    "modelValue": { required: true },
-    "modelModifiers": {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const modelValue = useModel(__props, "modelValue");
-    const barElement = useTemplateRef("barElement");
-    const cursorLeft = ref("");
-    const instance = getCurrentInstance();
-    const { handleClick, onMouseDown } = useElementDrag(emitHue);
-    const cursorStyle = computed(() => ({
-      left: get(cursorLeft)
-    }));
-    function getLimit(width) {
-      const lowerLimit = cursorWidth / 2;
-      const upperLimit = width - lowerLimit;
-      const availableWidth = upperLimit - lowerLimit;
-      return { lowerLimit, upperLimit, availableWidth };
-    }
-    function updatePosition() {
-      set(cursorLeft, getCursorLeft().toString());
-    }
-    function getCursorLeft() {
-      if (!instance)
-        return 0;
-      const el = instance.vnode.el;
-      const rect = el?.getBoundingClientRect();
-      if (!rect)
-        return 0;
-      const actualWidth = rect.width;
-      const { lowerLimit, availableWidth } = getLimit(actualWidth);
-      const hueVal = get(modelValue);
-      const usedHue = hueVal === 360 ? 360 : hueVal % 360;
-      const percentage = roundTwoDecimal(usedHue / 360 * (availableWidth / actualWidth) * 100);
-      return `calc(${percentage}% + ${lowerLimit}px)`;
-    }
-    function emitHue(x) {
-      if (!instance)
-        return;
-      const el = instance.vnode.el;
-      const rect = el?.getBoundingClientRect();
-      if (!rect)
-        return;
-      let calculatedX = x - rect.left;
-      const { lowerLimit, upperLimit, availableWidth } = getLimit(rect.width);
-      calculatedX = clamp(calculatedX, lowerLimit, upperLimit);
-      set(modelValue, Math.round((calculatedX - lowerLimit) / availableWidth * 360));
-    }
-    watch(modelValue, () => {
-      updatePosition();
-    });
-    onMounted(() => {
-      updatePosition();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "barElement",
-        ref: barElement,
-        role: "slider",
-        "aria-label": "Hue",
-        "aria-valuenow": modelValue.value,
-        "aria-valuemin": "0",
-        "aria-valuemax": "360",
-        class: [_ctx.$style.bar, "rui-color-hue"]
-      }, _ctx.$attrs, {
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClick)($event)),
-        onMousedown: _cache[1] || (_cache[1] = ($event) => unref(onMouseDown)($event))
-      }), [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.cursor),
-          style: normalizeStyle(unref(cursorStyle))
-        }, null, 6)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=RuiColorHue.vue2.js.map

package/dist/components/color-picker/RuiColorHue.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuiColorHue.vue2.js","sources":["../../../src/components/color-picker/RuiColorHue.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { clamp } from '@vueuse/shared';\nimport { roundTwoDecimal, useElementDrag } from './utils';\n\ndefineOptions({\n  name: 'RuiColorHue',\n  inheritAttrs: false,\n});\n\nconst modelValue = defineModel<number>({ required: true });\n\nconst barElement = useTemplateRef<HTMLElement>('barElement');\n\nconst cursorWidth = 16;\nconst cursorLeft = ref<string>('');\n\nconst instance = getCurrentInstance();\n\nconst { handleClick, onMouseDown } = useElementDrag(emitHue);\n\nconst cursorStyle = computed<{ left: string }>(() => ({\n  left: get(cursorLeft),\n}));\n\nfunction getLimit(width: number): {\n  lowerLimit: number;\n  upperLimit: number;\n  availableWidth: number;\n} {\n  const lowerLimit = cursorWidth / 2;\n  const upperLimit = width - lowerLimit;\n  const availableWidth = upperLimit - lowerLimit;\n\n  return { lowerLimit, upperLimit, availableWidth };\n}\n\nfunction updatePosition(): void {\n  set(cursorLeft, getCursorLeft().toString());\n}\n\nfunction getCursorLeft(): number | string {\n  if (!instance)\n    return 0;\n\n  const el = instance.vnode.el;\n  const rect = el?.getBoundingClientRect();\n\n  if (!rect)\n    return 0;\n\n  const actualWidth = rect.width;\n  const { lowerLimit, availableWidth } = getLimit(actualWidth);\n\n  const hueVal = get(modelValue);\n  const usedHue = hueVal === 360 ? 360 : hueVal % 360;\n\n  const percentage = roundTwoDecimal((usedHue / 360) * (availableWidth / actualWidth) * 100);\n  return `calc(${percentage}% + ${lowerLimit}px)`;\n}\n\nfunction emitHue(x: number): void {\n  if (!instance)\n    return;\n\n  const el = instance.vnode.el;\n  const rect = el?.getBoundingClientRect();\n\n  if (!rect)\n    return;\n\n  let calculatedX = x - rect.left;\n\n  const { lowerLimit, upperLimit, availableWidth } = getLimit(rect.width);\n  calculatedX = clamp(calculatedX, lowerLimit, upperLimit);\n\n  set(modelValue, Math.round(((calculatedX - lowerLimit) / availableWidth) * 360));\n}\n\nwatch(modelValue, () => {\n  updatePosition();\n});\n\nonMounted(() => {\n  updatePosition();\n});\n</script>\n\n<template>\n  <div\n    ref=\"barElement\"\n    role=\"slider\"\n    aria-label=\"Hue\"\n    :aria-valuenow=\"modelValue\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"360\"\n    :class=\"$style.bar\"\n    class=\"rui-color-hue\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick($event)\"\n    @mousedown=\"onMouseDown($event)\"\n  >\n    <div\n      :class=\"$style.cursor\"\n      :style=\"cursorStyle\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.bar {\n  @apply relative w-full h-3.5 rounded-full cursor-pointer;\n\n  background: linear-gradient(\n    to right,\n    rgb(255, 0, 0) 0%,\n    rgb(255, 255, 0) 16.66%,\n    rgb(0, 255, 0) 33.33%,\n    rgb(0, 255, 255) 50%,\n    rgb(0, 0, 255) 66.66%,\n    rgb(255, 0, 255) 83.33%,\n    rgb(255, 0, 0) 100%\n  );\n}\n\n.cursor {\n  @apply absolute w-4 h-4 transform top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-2 bg-white rounded-full;\n}\n</style>\n"],"names":["_useModel","_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_unref","_createElementVNode","_normalizeClass"],"mappings":";;;;AAaA,MAAM,cAAc;;;;;;;;;;;;;AAJpB,UAAM,aAAaA,SAAmB,SAAA,YAAmB;AAEzD,UAAM,aAAa,eAA4B,YAAY;AAG3D,UAAM,aAAa,IAAY,EAAE;AAEjC,UAAM,WAAW,mBAAA;AAEjB,UAAM,EAAE,aAAa,gBAAgB,eAAe,OAAO;AAE3D,UAAM,cAAc,SAA2B,OAAO;AAAA,MACpD,MAAM,IAAI,UAAU;AAAA,IAAA,EACpB;AAEF,aAAS,SAAS,OAIhB;AACA,YAAM,aAAa,cAAc;AACjC,YAAM,aAAa,QAAQ;AAC3B,YAAM,iBAAiB,aAAa;AAEpC,aAAO,EAAE,YAAY,YAAY,eAAA;AAAA,IACnC;AAEA,aAAS,iBAAuB;AAC9B,UAAI,YAAY,cAAA,EAAgB,SAAA,CAAU;AAAA,IAC5C;AAEA,aAAS,gBAAiC;AACxC,UAAI,CAAC;AACH,eAAO;AAET,YAAM,KAAK,SAAS,MAAM;AAC1B,YAAM,OAAO,IAAI,sBAAA;AAEjB,UAAI,CAAC;AACH,eAAO;AAET,YAAM,cAAc,KAAK;AACzB,YAAM,EAAE,YAAY,mBAAmB,SAAS,WAAW;AAE3D,YAAM,SAAS,IAAI,UAAU;AAC7B,YAAM,UAAU,WAAW,MAAM,MAAM,SAAS;AAEhD,YAAM,aAAa,gBAAiB,UAAU,OAAQ,iBAAiB,eAAe,GAAG;AACzF,aAAO,QAAQ,UAAU,OAAO,UAAU;AAAA,IAC5C;AAEA,aAAS,QAAQ,GAAiB;AAChC,UAAI,CAAC;AACH;AAEF,YAAM,KAAK,SAAS,MAAM;AAC1B,YAAM,OAAO,IAAI,sBAAA;AAEjB,UAAI,CAAC;AACH;AAEF,UAAI,cAAc,IAAI,KAAK;AAE3B,YAAM,EAAE,YAAY,YAAY,mBAAmB,SAAS,KAAK,KAAK;AACtE,oBAAc,MAAM,aAAa,YAAY,UAAU;AAEvD,UAAI,YAAY,KAAK,OAAQ,cAAc,cAAc,iBAAkB,GAAG,CAAC;AAAA,IACjF;AAEA,UAAM,YAAY,MAAM;AACtB,qBAAA;AAAA,IACF,CAAC;AAED,cAAU,MAAM;AACd,qBAAA;AAAA,IACF,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAiBM,OAjBNC,WAiBM;AAAA,iBAhBA;AAAA,QAAJ,KAAI;AAAA,QACJ,MAAK;AAAA,QACL,cAAW;AAAA,QACV,iBAAe,WAAA;AAAA,QAChB,iBAAc;AAAA,QACd,iBAAc;AAAA,QACb,OAAK,CAAEC,KAAAA,OAAO,KACT,eAAe;AAAA,MAAA,GACbC,KAAAA,QAAM;AAAA,QACb,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEC,MAAA,WAAA,EAAY,MAAM;AAAA,QACzB,aAAS,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEA,MAAA,WAAA,EAAY,MAAM;AAAA,MAAA;QAE9BC,mBAGE,OAAA;AAAA,UAFC,OAAKC,eAAEJ,KAAAA,OAAO,MAAM;AAAA,UACpB,sBAAOE,MAAA,WAAA,CAAW;AAAA,QAAA;;;;;"}