@rotki/ui-library 2.8.0 → 2.8.2

package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue3.js

@@ -0,0 +1,28 @@
+const overlay = "_overlay_ze4k4_1";
+const content = "_content_ze4k4_5";
+const left = "_left_ze4k4_8";
+const right = "_right_ze4k4_11";
+const visible = "_visible_ze4k4_17";
+const temporary = "_temporary_ze4k4_20";
+const mini = "_mini_ze4k4_23";
+const style0 = {
+  overlay,
+  content,
+  left,
+  right,
+  "with-overlay": "_with-overlay_ze4k4_14",
+  visible,
+  temporary,
+  mini
+};
+export {
+  content,
+  style0 as default,
+  left,
+  mini,
+  overlay,
+  right,
+  temporary,
+  visible
+};
+//# sourceMappingURL=RuiNavigationDrawer.vue3.js.map

package/dist/components/overlays/navigation-drawer/RuiNavigationDrawer.vue3.js.map

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

package/dist/components/overlays/notification/RuiNotification.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent, toRefs, computed, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, unref, mergeProps, renderSlot } from "vue";
+import { transformPropsUnit } from "../../../utils/helpers.js";
+import { get } from "@vueuse/shared";
+import { watchImmediate } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiNotification",
+    inheritAttrs: false
+  },
+  __name: "RuiNotification",
+  props: {
+    modelValue: { type: Boolean },
+    timeout: {},
+    width: { default: 400 },
+    theme: { default: void 0 }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { timeout, modelValue, width } = toRefs(props);
+    const style = computed(() => ({
+      width: transformPropsUnit(get(width))
+    }));
+    function dismiss() {
+      if (get(timeout) < 0)
+        return;
+      emit("update:model-value", false);
+    }
+    watchImmediate(modelValue, (display) => {
+      if (!display)
+        return;
+      const duration = get(timeout);
+      if (duration > 0) {
+        setTimeout(() => {
+          emit("update:model-value", false);
+        }, duration);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, {
+          "enter-from-class": "opacity-0",
+          "enter-active-class": "ease-out duration-150",
+          "enter-to-class": "opacity-100",
+          "leave-from-class": "opacity-100",
+          "leave-active-class": "ease-in duration-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            unref(modelValue) ? (openBlock(), createElementBlock("div", mergeProps({
+              key: 0,
+              class: ["top-2 right-2 fixed drop-shadow-lg rounded-sm z-50", {
+                "bg-white dark:bg-[#363636]": !__props.theme,
+                "bg-white text-rui-light-text": __props.theme === "light",
+                "bg-[#363636] text-rui-dark-text": __props.theme === "dark"
+              }],
+              style: unref(style)
+            }, _ctx.$attrs, {
+              onClick: _cache[0] || (_cache[0] = ($event) => dismiss())
+            }), [
+              renderSlot(_ctx.$slots, "default")
+            ], 16)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiNotification.vue.js.map

package/dist/components/overlays/notification/RuiNotification.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiNotification.vue.js","sources":["../../../../src/components/overlays/notification/RuiNotification.vue"],"sourcesContent":["<script lang='ts' setup>\nexport interface NotificationProps {\n  modelValue: boolean;\n  timeout: number;\n  width?: number | string;\n  theme?: 'light' | 'dark';\n}\n\ndefineOptions({\n  name: 'RuiNotification',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(\n  defineProps<NotificationProps>(),\n  {\n    width: 400,\n    theme: undefined,\n  },\n);\n\nconst emit = defineEmits<{\n  (e: 'update:model-value', value: boolean): void;\n}>();\n\nconst { timeout, modelValue, width } = toRefs(props);\n\nconst style = computed(() => ({\n  width: transformPropsUnit(get(width)),\n}));\n\nfunction dismiss() {\n  if (get(timeout) < 0)\n    return;\n\n  emit('update:model-value', false);\n}\n\nwatchImmediate(modelValue, (display) => {\n  if (!display)\n    return;\n\n  const duration = get(timeout);\n  if (duration > 0) {\n    setTimeout(() => {\n      emit('update:model-value', false);\n    }, duration);\n  }\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition\n      enter-from-class=\"opacity-0\"\n      enter-active-class=\"ease-out duration-150\"\n      enter-to-class=\"opacity-100\"\n      leave-from-class=\"opacity-100\"\n      leave-active-class=\"ease-in duration-100\"\n      leave-to-class=\"opacity-0\"\n    >\n      <div\n        v-if=\"modelValue\"\n        class=\"top-2 right-2 fixed drop-shadow-lg rounded-sm z-50\"\n        :class=\"{\n          'bg-white dark:bg-[#363636]': !theme,\n          'bg-white text-rui-light-text': theme === 'light',\n          'bg-[#363636] text-rui-dark-text': theme === 'dark',\n        }\"\n        :style=\"style\"\n        v-bind=\"$attrs\"\n        @click=\"dismiss()\"\n      >\n        <slot />\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n"],"names":["_createBlock","_Teleport","_createVNode","_Transition","_unref","_openBlock","_createElementBlock","_mergeProps","$attrs","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAQd,UAAM,OAAO;AAIb,UAAM,EAAE,SAAS,YAAY,MAAA,IAAU,OAAO,KAAK;AAEnD,UAAM,QAAQ,SAAS,OAAO;AAAA,MAC5B,OAAO,mBAAmB,IAAI,KAAK,CAAC;AAAA,IAAA,EACpC;AAEF,aAAS,UAAU;AACjB,UAAI,IAAI,OAAO,IAAI;AACjB;AAEF,WAAK,sBAAsB,KAAK;AAAA,IAClC;AAEA,mBAAe,YAAY,CAAC,YAAY;AACtC,UAAI,CAAC;AACH;AAEF,YAAM,WAAW,IAAI,OAAO;AAC5B,UAAI,WAAW,GAAG;AAChB,mBAAW,MAAM;AACf,eAAK,sBAAsB,KAAK;AAAA,QAClC,GAAG,QAAQ;AAAA,MACb;AAAA,IACF,CAAC;;0BAICA,YAwBWC,UAAA,EAxBD,IAAG,UAAM;AAAA,QACjBC,YAsBaC,YAAA;AAAA,UArBX,oBAAiB;AAAA,UACjB,sBAAmB;AAAA,UACnB,kBAAe;AAAA,UACf,oBAAiB;AAAA,UACjB,sBAAmB;AAAA,UACnB,kBAAe;AAAA,QAAA;2BAEf,MAaM;AAAA,YAZEC,MAAA,UAAA,KADRC,aAAAC,mBAaM,OAbNC,WAaM;AAAA;cAXJ,QAAM,sDAAoD;AAAA,+CACP,QAAA;AAAA,gDAAiD,QAAA,UAAK;AAAA,mDAA2D,QAAA,UAAK;AAAA,cAAA;cAKxK,OAAOH,MAAA,KAAA;AAAA,YAAA,GACAI,KAAAA,QAAM;AAAA,cACb,+CAAO,QAAA;AAAA,YAAO;cAEfC,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;;"}

package/dist/components/overlays/notification/RuiNotification.vue2.js

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

package/dist/components/overlays/notification/RuiNotification.vue2.js.map

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

package/dist/components/overlays/tooltip/RuiTooltip.vue.d.ts

@@ -1,4 +1,4 @@
-import { type PopperOptions } from '../../../composables/popper';
+import { type PopperOptions } from '../../../composables/popper.js';
 export interface Props {
     text?: string | null;
     disabled?: boolean;

package/dist/components/overlays/tooltip/RuiTooltip.vue.js

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

package/dist/components/overlays/tooltip/RuiTooltip.vue.js.map

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

package/dist/components/overlays/tooltip/RuiTooltip.vue2.js

@@ -0,0 +1,105 @@
+import { defineComponent, toRefs, createElementBlock, openBlock, unref, normalizeClass, renderSlot, createBlock, createCommentVNode, Teleport, createVNode, TransitionGroup, withCtx, createTextVNode, toDisplayString } from "vue";
+import { usePopper } from "../../../composables/popper.js";
+const _hoisted_1 = ["data-tooltip-disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiTooltip"
+  },
+  __name: "RuiTooltip",
+  props: {
+    text: { default: null },
+    disabled: { type: Boolean, default: false },
+    hideArrow: { type: Boolean, default: false },
+    openDelay: { default: 0 },
+    closeDelay: { default: 500 },
+    persistOnTooltipHover: { type: Boolean, default: false },
+    popper: { default: () => ({}) },
+    tooltipClass: { default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { closeDelay, openDelay, popper, disabled } = toRefs(props);
+    const {
+      reference: activator,
+      popper: tooltip,
+      open,
+      popperEnter,
+      onOpen,
+      onClose,
+      onPopperLeave,
+      updatePopper
+    } = usePopper(popper, disabled, openDelay, closeDelay);
+    __expose({
+      onOpen,
+      onClose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "activator",
+        ref: activator,
+        class: normalizeClass(_ctx.$style.wrapper),
+        "data-tooltip-disabled": unref(disabled),
+        onMouseover: _cache[4] || (_cache[4] = ($event) => unref(onOpen)()),
+        onMouseleave: _cache[5] || (_cache[5] = ($event) => unref(onClose)()),
+        onFocusin: _cache[6] || (_cache[6] = ($event) => unref(onOpen)()),
+        onFocusout: _cache[7] || (_cache[7] = ($event) => unref(onClose)())
+      }, [
+        renderSlot(_ctx.$slots, "activator", {
+          open: unref(open),
+          close: unref(onClose)
+        }),
+        !unref(disabled) ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "body"
+        }, [
+          unref(popperEnter) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "tooltip",
+            ref: tooltip,
+            class: normalizeClass([
+              _ctx.$style.tooltip,
+              __props.tooltipClass,
+              _ctx.$style[`tooltip__${unref(popper)?.strategy ?? "absolute"}`]
+            ]),
+            role: "tooltip"
+          }, [
+            createVNode(TransitionGroup, {
+              "enter-active-class": "transition ease-out duration-200",
+              "enter-from-class": "opacity-0 translate-y-1",
+              "enter-to-class": "opacity-100 translate-y-0",
+              "leave-active-class": "transition ease-in duration-150",
+              "leave-from-class": "opacity-100 translate-y-0",
+              "leave-to-class": "opacity-0 translate-y-1",
+              onBeforeEnter: _cache[2] || (_cache[2] = ($event) => unref(updatePopper)()),
+              onAfterLeave: _cache[3] || (_cache[3] = ($event) => unref(onPopperLeave)())
+            }, {
+              default: withCtx(() => [
+                unref(open) ? (openBlock(), createElementBlock("div", {
+                  key: "tooltip",
+                  class: normalizeClass(_ctx.$style.base),
+                  role: "tooltip-content",
+                  onMouseover: _cache[0] || (_cache[0] = ($event) => __props.persistOnTooltipHover && unref(onOpen)()),
+                  onMouseleave: _cache[1] || (_cache[1] = ($event) => __props.persistOnTooltipHover && unref(onClose)())
+                }, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    createTextVNode(toDisplayString(__props.text), 1)
+                  ])
+                ], 34)) : createCommentVNode("", true),
+                !__props.hideArrow ? (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: normalizeClass([_ctx.$style.arrow, { [_ctx.$style.arrow__open ?? ""]: unref(open) }]),
+                  "data-popper-arrow": ""
+                }, null, 2)) : createCommentVNode("", true)
+              ]),
+              _: 3
+            })
+          ], 2)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiTooltip.vue2.js.map

package/dist/components/overlays/tooltip/RuiTooltip.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiTooltip.vue2.js","sources":["../../../../src/components/overlays/tooltip/RuiTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type PopperOptions, usePopper } from '@/composables/popper';\n\nexport interface Props {\n  text?: string | null;\n  disabled?: boolean;\n  hideArrow?: boolean;\n  openDelay?: number;\n  closeDelay?: number;\n  persistOnTooltipHover?: boolean;\n  popper?: PopperOptions;\n  tooltipClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiTooltip',\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  text: null,\n  disabled: false,\n  hideArrow: false,\n  openDelay: 0,\n  closeDelay: 500,\n  persistOnTooltipHover: false,\n  popper: () => ({}),\n  tooltipClass: '',\n});\n\nconst { closeDelay, openDelay, popper, disabled } = toRefs(props);\n\nconst {\n  reference: activator,\n  popper: tooltip,\n  open,\n  popperEnter,\n  onOpen,\n  onClose,\n  onPopperLeave,\n  updatePopper,\n} = usePopper(popper, disabled, openDelay, closeDelay);\n\ndefineExpose({\n  onOpen,\n  onClose,\n});\n</script>\n\n<template>\n  <div\n    ref=\"activator\"\n    :class=\"$style.wrapper\"\n    :data-tooltip-disabled=\"disabled\"\n    @mouseover=\"onOpen()\"\n    @mouseleave=\"onClose()\"\n    @focusin=\"onOpen()\"\n    @focusout=\"onClose()\"\n  >\n    <slot\n      name=\"activator\"\n      :open=\"open\"\n      :close=\"onClose\"\n    />\n\n    <Teleport\n      v-if=\"!disabled\"\n      to=\"body\"\n    >\n      <div\n        v-if=\"popperEnter\"\n        ref=\"tooltip\"\n        :class=\"[\n          $style.tooltip,\n          tooltipClass,\n          $style[`tooltip__${popper?.strategy ?? 'absolute'}`],\n        ]\"\n        role=\"tooltip\"\n      >\n        <TransitionGroup\n          enter-active-class=\"transition ease-out duration-200\"\n          enter-from-class=\"opacity-0 translate-y-1\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition ease-in duration-150\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-1\"\n          @before-enter=\"updatePopper()\"\n          @after-leave=\"onPopperLeave()\"\n        >\n          <div\n            v-if=\"open\"\n            key=\"tooltip\"\n            :class=\"$style.base\"\n            role=\"tooltip-content\"\n            @mouseover=\"persistOnTooltipHover && onOpen()\"\n            @mouseleave=\"persistOnTooltipHover && onClose()\"\n          >\n            <slot>\n              {{ text }}\n            </slot>\n          </div>\n          <span\n            v-if=\"!hideArrow\"\n            :class=\"[$style.arrow, { [$style.arrow__open ?? '']: open }]\"\n            data-popper-arrow\n          />\n        </TransitionGroup>\n      </div>\n    </Teleport>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n$arrowSize: 0.625rem;\n.wrapper {\n  @apply relative inline-flex;\n}\n\n.tooltip {\n  @apply w-max transform transition-opacity delay-0 z-[9999];\n\n  &__fixed {\n    @apply fixed;\n  }\n\n  &__absolute {\n    @apply absolute;\n  }\n\n  .base {\n    @apply px-2 py-1 text-xs font-normal;\n    @apply bg-rui-grey-700/90 text-white rounded shadow;\n  }\n\n  .arrow {\n    @apply w-2.5 h-2.5 transition-opacity opacity-0;\n\n    &__open {\n      @apply opacity-100;\n    }\n\n    &::before {\n      @apply block border-[0.3125rem] origin-center;\n      @apply border-l-transparent border-b-transparent border-t-rui-grey-700/90 border-r-rui-grey-700/90;\n\n      content: '';\n      border-radius: 0 0.125rem 0 0;\n    }\n  }\n\n  &[data-popper-placement*='bottom'] .arrow {\n    top: calc(0.5px - #{$arrowSize} / 2);\n\n    &::before {\n      @apply -rotate-45;\n    }\n  }\n\n  &[data-popper-placement*='top'] .arrow {\n    bottom: calc(0.5px - #{$arrowSize} / 2);\n\n    &::before {\n      @apply rotate-[135deg];\n    }\n  }\n\n  &[data-popper-placement*='left'] .arrow {\n    right: calc(0.5px - #{$arrowSize} / 2);\n\n    &::before {\n      @apply rotate-45;\n    }\n  }\n\n  &[data-popper-placement*='right'] .arrow {\n    left: calc(0.5px - #{$arrowSize} / 2);\n\n    &::before {\n      @apply -rotate-[135deg];\n    }\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_unref","_renderSlot","_createBlock","_Teleport","_createVNode","_TransitionGroup"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAWd,UAAM,EAAE,YAAY,WAAW,QAAQ,SAAA,IAAa,OAAO,KAAK;AAEhE,UAAM;AAAA,MACJ,WAAW;AAAA,MACX,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,UAAU,QAAQ,UAAU,WAAW,UAAU;AAErD,aAAa;AAAA,MACX;AAAA,MACA;AAAA,IAAA,CACD;;0BAICA,mBA2DM,OAAA;AAAA,iBA1DA;AAAA,QAAJ,KAAI;AAAA,QACH,OAAKC,eAAEC,KAAAA,OAAO,OAAO;AAAA,QACrB,yBAAuBC,MAAA,QAAA;AAAA,QACvB,mDAAWA,MAAA,MAAA;QACX,oDAAYA,MAAA,OAAA;QACZ,iDAASA,MAAA,MAAA;QACT,kDAAUA,MAAA,OAAA,EAAA;AAAA,MAAO;QAElBC,WAIE,KAAA,QAAA,aAAA;AAAA,UAFC,MAAMD,MAAA,IAAA;AAAA,UACN,OAAOA,MAAA,OAAA;AAAA,QAAA;SAIDA,MAAA,QAAA,kBADTE,YA2CWC,UAAA;AAAA;UAzCT,IAAG;AAAA,QAAA;UAGKH,MAAA,WAAA,kBADRH,mBAsCM,OAAA;AAAA;qBApCA;AAAA,YAAJ,KAAI;AAAA,YACH,OAAKC,eAAA;AAAA,cAAcC,KAAAA,OAAO;AAAA,cAAmB,QAAA;AAAA,cAAwBA,KAAAA,OAAM,YAAaC,MAAA,MAAA,GAAQ,YAAQ,UAAA,EAAA;AAAA,YAAA;YAKzG,MAAK;AAAA,UAAA;YAELI,YA2BkBC,iBAAA;AAAA,cA1BhB,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,cACf,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,cACd,qDAAcL,MAAA,YAAA;cACd,oDAAaA,MAAA,aAAA,EAAA;AAAA,YAAa;+BAE3B,MAWM;AAAA,gBAVEA,MAAA,IAAA,kBADRH,mBAWM,OAAA;AAAA,kBATJ,KAAI;AAAA,kBACH,OAAKC,eAAEC,KAAAA,OAAO,IAAI;AAAA,kBACnB,MAAK;AAAA,kBACJ,aAAS,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,QAAA,yBAAyBC,MAAA,MAAA,EAAA;AAAA,kBACpC,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,QAAA,yBAAyBA,MAAA,OAAA,EAAA;AAAA,gBAAO;kBAE7CC,WAEO,4BAFP,MAEO;AAAA,oDADF,QAAA,IAAI,GAAA,CAAA;AAAA,kBAAA;;iBAIF,QAAA,0BADTJ,mBAIE,QAAA;AAAA;kBAFC,OAAKC,eAAA,CAAGC,YAAO,UAAUA,KAAAA,OAAO,eAAW,EAAA,GAASC,MAAA,IAAA,EAAA,CAAI,CAAA;AAAA,kBACzD,qBAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/overlays/tooltip/RuiTooltip.vue3.js

@@ -0,0 +1,27 @@
+const wrapper = "_wrapper_9jvuk_1";
+const tooltip = "_tooltip_9jvuk_5";
+const tooltip__fixed = "_tooltip__fixed_9jvuk_8";
+const tooltip__absolute = "_tooltip__absolute_9jvuk_11";
+const base = "_base_9jvuk_14";
+const arrow = "_arrow_9jvuk_18";
+const arrow__open = "_arrow__open_9jvuk_21";
+const style0 = {
+  wrapper,
+  tooltip,
+  tooltip__fixed,
+  tooltip__absolute,
+  base,
+  arrow,
+  arrow__open
+};
+export {
+  arrow,
+  arrow__open,
+  base,
+  style0 as default,
+  tooltip,
+  tooltip__absolute,
+  tooltip__fixed,
+  wrapper
+};
+//# sourceMappingURL=RuiTooltip.vue3.js.map

package/dist/components/overlays/tooltip/RuiTooltip.vue3.js.map

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

package/dist/components/progress/RuiProgress.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ContextColorsType } from '../../consts/colors';
+import type { ContextColorsType } from '../../consts/colors.js';
 export interface Props {
     /**
      * in percentage value, required when variant === determinate or buffer

package/dist/components/progress/RuiProgress.vue.js

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

package/dist/components/progress/RuiProgress.vue.js.map

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

package/dist/components/progress/RuiProgress.vue2.js

@@ -0,0 +1,98 @@
+import { defineComponent, useCssVars, unref, computed, toRefs, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, Fragment, toDisplayString } from "vue";
+import { get } from "@vueuse/shared";
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = ["viewBox"];
+const _hoisted_3 = ["stroke-width"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiProgress"
+  },
+  __name: "RuiProgress",
+  props: {
+    value: { default: 0 },
+    bufferValue: { default: 0 },
+    variant: { default: "determinate" },
+    color: { default: "inherit" },
+    circular: { type: Boolean, default: false },
+    showLabel: { type: Boolean, default: false },
+    thickness: { default: 4 },
+    size: { default: 32 }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v38079bd6": unref(size),
+      "v4c7558bf": unref(thickness),
+      "v303b3069": unref(valuePercent),
+      "v60cde3b0": unref(bufferPercent),
+      "v028a8b82": unref(progress)
+    }));
+    const props = __props;
+    const { variant, value, bufferValue, thickness, size } = toRefs(props);
+    const currentValue = computed(
+      () => Math.max(0, Math.min(get(value) ?? 100, 100))
+    );
+    const label = computed(() => `${Math.floor(get(currentValue))}%`);
+    const progress = computed(() => -100 + get(currentValue));
+    const valuePercent = computed(() => `${get(progress)}%`);
+    const bufferPercent = computed(
+      () => `${-100 + Math.max(0, Math.min(get(bufferValue) ?? 100, 100))}%`
+    );
+    const circularScaledThickness = computed(
+      () => +get(thickness) * 32 / +get(size)
+    );
+    const circularViewSize = computed(() => 40 + get(circularScaledThickness));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          _ctx.$style.wrapper,
+          __props.circular ? "inline-flex" : "w-full",
+          { [_ctx.$style["has-label"]]: __props.showLabel && unref(variant) !== "indeterminate" }
+        ])
+      }, [
+        createElementVNode("div", {
+          "aria-valuenow": unref(value),
+          class: normalizeClass([
+            __props.circular && unref(variant) !== "buffer" ? _ctx.$style.circular : _ctx.$style.progress,
+            _ctx.$style[unref(variant) ?? ""],
+            _ctx.$style[__props.color ?? ""]
+          ]),
+          "aria-valuemax": "100",
+          "aria-valuemin": "0",
+          role: "progressbar"
+        }, [
+          __props.circular && unref(variant) !== "buffer" ? (openBlock(), createElementBlock("svg", {
+            key: 0,
+            viewBox: `0 0 ${unref(circularViewSize)} ${unref(circularViewSize)}`
+          }, [
+            createElementVNode("circle", {
+              cx: "50%",
+              cy: "50%",
+              fill: "none",
+              r: "20",
+              "stroke-width": unref(circularScaledThickness)
+            }, null, 8, _hoisted_3)
+          ], 8, _hoisted_2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            unref(variant) === "buffer" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(_ctx.$style["buffer-dots"])
+            }, null, 2)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass([_ctx.$style.rail, { [_ctx.$style["buffer-rail"]]: unref(variant) === "buffer" }])
+            }, null, 2),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.$style[unref(variant) ?? ""])
+            }, null, 2)
+          ], 64))
+        ], 10, _hoisted_1),
+        __props.showLabel && unref(variant) !== "indeterminate" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.label)
+        }, toDisplayString(unref(label)), 3)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiProgress.vue2.js.map

package/dist/components/progress/RuiProgress.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiProgress.vue2.js","sources":["../../../src/components/progress/RuiProgress.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ContextColorsType } from '@/consts/colors';\n\nexport interface Props {\n  /**\n   * in percentage value, required when variant === determinate or buffer\n   * @example - 0 <= value <= 100\n   */\n  value?: number;\n  /**\n   * in percentage value, required when variant === buffer\n   * @example - 0 <= value <= 100\n   */\n  bufferValue?: number;\n  variant?: 'determinate' | 'indeterminate' | 'buffer';\n  color?: ContextColorsType | 'inherit';\n  circular?: boolean;\n  showLabel?: boolean;\n  /**\n   * Sets the stroke thickness in pixels\n   */\n  thickness?: number | string;\n  /**\n   * only used for circular progress\n   */\n  size?: number | string;\n}\n\ndefineOptions({\n  name: 'RuiProgress',\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  value: 0,\n  bufferValue: 0,\n  variant: 'determinate',\n  color: 'inherit',\n  circular: false,\n  showLabel: false,\n  thickness: 4,\n  size: 32,\n});\n\nconst { variant, value, bufferValue, thickness, size } = toRefs(props);\n\nconst currentValue = computed(() =>\n  Math.max(0, Math.min(get(value) ?? 100, 100)),\n);\n\nconst label = computed(() => `${Math.floor(get(currentValue))}%`);\n\nconst progress = computed(() => -100 + get(currentValue));\n\nconst valuePercent = computed(() => `${get(progress)}%`);\n\nconst bufferPercent = computed(\n  () => `${-100 + Math.max(0, Math.min(get(bufferValue) ?? 100, 100))}%`,\n);\n\nconst circularScaledThickness = computed(\n  () => (+get(thickness) * 32) / +get(size),\n);\n\nconst circularViewSize = computed(() => 40 + get(circularScaledThickness));\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.wrapper,\n      circular ? 'inline-flex' : 'w-full',\n      { [$style['has-label']]: showLabel && variant !== 'indeterminate' },\n    ]\"\n  >\n    <div\n      :aria-valuenow=\"value\"\n      :class=\"[\n        circular && variant !== 'buffer' ? $style.circular : $style.progress,\n        $style[variant ?? ''],\n        $style[color ?? ''],\n      ]\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      role=\"progressbar\"\n    >\n      <svg\n        v-if=\"circular && variant !== 'buffer'\"\n        :viewBox=\"`0 0 ${circularViewSize} ${circularViewSize}`\"\n      >\n        <circle\n          cx=\"50%\"\n          cy=\"50%\"\n          fill=\"none\"\n          r=\"20\"\n          :stroke-width=\"circularScaledThickness\"\n        />\n      </svg>\n      <template v-else>\n        <div\n          v-if=\"variant === 'buffer'\"\n          :class=\"$style['buffer-dots']\"\n        />\n        <div\n          :class=\"[$style.rail, { [$style['buffer-rail']]: variant === 'buffer' }]\"\n        />\n        <div :class=\"$style[variant ?? '']\" />\n      </template>\n    </div>\n    <div\n      v-if=\"showLabel && variant !== 'indeterminate'\"\n      :class=\"$style.label\"\n    >\n      {{ label }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n$colors: 'primary', 'secondary';\n\n.wrapper {\n  &.has-label {\n    @apply inline-flex items-center relative;\n\n    .label {\n      @apply block text-sm ml-4;\n    }\n\n    .circular ~ .label {\n      @apply absolute flex items-center justify-center text-[0.625rem] ml-0;\n      width: calc(v-bind(size) * 1px);\n      height: calc(v-bind(size) * 1px);\n    }\n  }\n\n  .progress {\n    @apply w-full overflow-hidden relative;\n    height: calc(v-bind(thickness) * 1px);\n\n    .rail {\n      @apply w-full h-full;\n    }\n\n    .determinate,\n    .buffer {\n      @apply transition-all duration-150 ease-in-out absolute left-0 top-0 h-full w-full;\n      transform: translateX(v-bind(valuePercent));\n    }\n\n    .indeterminate {\n      @apply absolute left-0 top-0 h-full w-auto transition-transform duration-200 ease-linear delay-0 origin-left;\n      animation: 1.6s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running slide-rail;\n    }\n\n    .buffer-dots {\n      @apply absolute h-0 w-[200%] -top-px -left-[100%] border-dashed border-y-[0.2rem];\n      animation: 3s ease-in-out 3s infinite normal none running buffer-pulse;\n    }\n\n    .buffer-rail {\n      @apply w-full transition-transform duration-200 ease-linear delay-0 origin-left;\n      transform: translateX(v-bind(bufferPercent));\n    }\n\n    @each $color in $colors {\n      &.#{$color} {\n        .rail {\n          @apply bg-rui-#{$color}/20;\n        }\n\n        .determinate,\n        .indeterminate,\n        .buffer {\n          @apply bg-rui-#{$color};\n        }\n\n        .buffer-dots {\n          @apply border-rui-#{$color}/20;\n        }\n      }\n    }\n\n    &.inherit {\n      .rail {\n        @apply bg-current opacity-20;\n      }\n\n      .determinate,\n      .indeterminate,\n      .buffer {\n        @apply bg-current;\n      }\n\n      .buffer-dots {\n        @apply border-current opacity-20;\n      }\n    }\n  }\n\n  .circular {\n    @apply inline-block;\n    width: calc(v-bind(size) * 1px);\n    height: calc(v-bind(size) * 1px);\n\n    @each $color in $colors {\n      &.#{$color} {\n        @apply text-rui-#{$color};\n      }\n    }\n\n    &.indeterminate {\n      @apply animate-[spin_1.4s_linear_infinite];\n\n      svg {\n        circle {\n          stroke-dasharray: 80px, 200px;\n          stroke-dashoffset: 0;\n          stroke-linecap: round;\n          -webkit-animation: collapse-stroke 1.4s ease-in-out infinite;\n          animation: collapse-stroke 1.4s ease-in-out infinite;\n        }\n      }\n    }\n\n    &.determinate {\n      @apply -rotate-90;\n\n      svg {\n        circle {\n          stroke-dasharray: 126.92;\n          stroke-dashoffset: calc(v-bind(progress) / 100 * -126.92);\n          -webkit-transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n          transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        }\n      }\n    }\n\n    &.inherit {\n      @apply text-current;\n    }\n\n    svg {\n      @apply block;\n\n      circle {\n        stroke: currentColor;\n      }\n    }\n  }\n}\n\n:global(.dark) {\n  .wrapper {\n    &.has-label {\n      .label {\n        @apply text-white;\n      }\n    }\n  }\n}\n\n@-webkit-keyframes buffer-pulse {\n  0% {\n    opacity: 0.2;\n    left: -100%;\n  }\n  50% {\n    opacity: 1.5;\n    left: -100%;\n  }\n  60% {\n    opacity: 0.4;\n    left: -75%;\n  }\n  100% {\n    opacity: 0.2;\n    left: -100%;\n  }\n}\n\n@keyframes buffer-pulse {\n  0% {\n    opacity: 0.2;\n    left: -100%;\n  }\n  50% {\n    opacity: 1.5;\n    left: -100%;\n  }\n  60% {\n    opacity: 0.4;\n    left: -75%;\n  }\n  100% {\n    opacity: 0.2;\n    left: -100%;\n  }\n}\n\n@-webkit-keyframes slide-rail {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@keyframes slide-rail {\n  0% {\n    left: -35%;\n    right: 100%;\n  }\n\n  60% {\n    left: 100%;\n    right: -90%;\n  }\n\n  100% {\n    left: 100%;\n    right: -90%;\n  }\n}\n\n@-webkit-keyframes collapse-stroke {\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n}\n\n@keyframes collapse-stroke {\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","$style","_unref","_createElementVNode","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ;AAWd,UAAM,EAAE,SAAS,OAAO,aAAa,WAAW,KAAA,IAAS,OAAO,KAAK;AAErE,UAAM,eAAe;AAAA,MAAS,MAC5B,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,GAAG,CAAC;AAAA,IAAA;AAG9C,UAAM,QAAQ,SAAS,MAAM,GAAG,KAAK,MAAM,IAAI,YAAY,CAAC,CAAC,GAAG;AAEhE,UAAM,WAAW,SAAS,MAAM,OAAO,IAAI,YAAY,CAAC;AAExD,UAAM,eAAe,SAAS,MAAM,GAAG,IAAI,QAAQ,CAAC,GAAG;AAEvD,UAAM,gBAAgB;AAAA,MACpB,MAAM,GAAG,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,GAAG,CAAC,CAAC;AAAA,IAAA;AAGrE,UAAM,0BAA0B;AAAA,MAC9B,MAAO,CAAC,IAAI,SAAS,IAAI,KAAM,CAAC,IAAI,IAAI;AAAA,IAAA;AAG1C,UAAM,mBAAmB,SAAS,MAAM,KAAK,IAAI,uBAAuB,CAAC;;0BAIvEA,mBA+CM,OAAA;AAAA,QA9CH,OAAKC,eAAA;AAAA,UAAUC,KAAAA,OAAO;AAAA,UAAe,QAAA,WAAQ,gBAAA;AAAA,aAAsCA,KAAAA,OAAM,WAAA,CAAA,GAAgB,QAAA,aAAaC,MAAA,OAAA,MAAO,gBAAA;AAAA,QAAA;;QAM9HC,mBAiCM,OAAA;AAAA,UAhCH,iBAAeD,MAAA,KAAA;AAAA,UACf,OAAKF,eAAA;AAAA,YAAY,QAAA,YAAYE,mBAAO,WAAgBD,KAAAA,OAAO,WAAWA,KAAAA,OAAO;AAAA,YAAkBA,KAAAA,OAAOC,MAAA,OAAA,KAAO,EAAA;AAAA,YAAiBD,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA,UAAA;UAK3I,iBAAc;AAAA,UACd,iBAAc;AAAA,UACd,MAAK;AAAA,QAAA;UAGG,QAAA,YAAYC,MAAA,OAAA,MAAO,yBAD3BH,mBAWM,OAAA;AAAA;YATH,SAAO,OAASG,MAAA,gBAAA,CAAgB,IAAIA,MAAA,gBAAA,CAAgB;AAAA,UAAA;YAErDC,mBAME,UAAA;AAAA,cALA,IAAG;AAAA,cACH,IAAG;AAAA,cACH,MAAK;AAAA,cACL,GAAE;AAAA,cACD,gBAAcD,MAAA,uBAAA;AAAA,YAAA;6CAGnBH,mBASWK,UAAA,EAAA,KAAA,KAAA;AAAA,YAPDF,MAAA,OAAA,MAAO,yBADfH,mBAGE,OAAA;AAAA;cADC,sBAAOE,KAAAA,OAAM,aAAA,CAAA;AAAA,YAAA;YAEhBE,mBAEE,OAAA;AAAA,cADC,uBAAQF,KAAAA,OAAO,MAAI,EAAA,CAAKA,KAAAA,wBAAwBC,MAAA,OAAA,MAAO,SAAA,CAAA,CAAA;AAAA,YAAA;YAE1DC,mBAAsC,OAAA;AAAA,cAAhC,OAAKH,eAAEC,KAAAA,OAAOC,MAAA,OAAA,KAAO,EAAA,CAAA;AAAA,YAAA;;;QAIvB,QAAA,aAAaA,MAAA,OAAA,MAAO,gCAD5BH,mBAKM,OAAA;AAAA;UAHH,OAAKC,eAAEC,KAAAA,OAAO,KAAK;AAAA,QAAA,mBAEjBC,MAAA,KAAA,CAAK,GAAA,CAAA;;;;;"}

package/dist/components/progress/RuiProgress.vue3.js

@@ -0,0 +1,48 @@
+const wrapper = "_wrapper_g0b28_1";
+const label = "_label_g0b28_4";
+const circular = "_circular_g0b28_7";
+const progress = "_progress_g0b28_12";
+const rail = "_rail_g0b28_16";
+const determinate = "_determinate_g0b28_19";
+const buffer = "_buffer_g0b28_20";
+const indeterminate = "_indeterminate_g0b28_24";
+const primary = "_primary_g0b28_36";
+const secondary = "_secondary_g0b28_47";
+const inherit = "_inherit_g0b28_58";
+const spin = "_spin_g0b28_1";
+const style0 = {
+  wrapper,
+  "has-label": "_has-label_g0b28_1",
+  label,
+  circular,
+  progress,
+  rail,
+  determinate,
+  buffer,
+  indeterminate,
+  "slide-rail": "_slide-rail_g0b28_1",
+  "buffer-dots": "_buffer-dots_g0b28_28",
+  "buffer-pulse": "_buffer-pulse_g0b28_1",
+  "buffer-rail": "_buffer-rail_g0b28_32",
+  primary,
+  secondary,
+  inherit,
+  spin,
+  "collapse-stroke": "_collapse-stroke_g0b28_1"
+};
+export {
+  buffer,
+  circular,
+  style0 as default,
+  determinate,
+  indeterminate,
+  inherit,
+  label,
+  primary,
+  progress,
+  rail,
+  secondary,
+  spin,
+  wrapper
+};
+//# sourceMappingURL=RuiProgress.vue3.js.map

package/dist/components/progress/RuiProgress.vue3.js.map

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

package/dist/components/steppers/RuiFooterStepper.vue.js

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

package/dist/components/steppers/RuiFooterStepper.vue.js.map

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