@rotki/ui-library 2.8.0 → 2.8.2

package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js

@@ -0,0 +1,66 @@
+const wrapper = "_wrapper_118qp_2";
+const activator = "_activator_118qp_5";
+const outlined = "_outlined_118qp_10";
+const dense = "_dense_118qp_13";
+const fieldset = "_fieldset_118qp_16";
+const disabled = "_disabled_118qp_19";
+const readonly = "_readonly_118qp_22";
+const opened = "_opened_118qp_28";
+const label = "_label_118qp_45";
+const value = "_value_118qp_62";
+const clear = "_clear_118qp_68";
+const icon = "_icon_118qp_71";
+const icon__wrapper = "_icon__wrapper_118qp_74";
+const icon__append = "_icon__append_118qp_78";
+const icon__prepend = "_icon__prepend_118qp_81";
+const float = "_float_118qp_84";
+const menu = "_menu_118qp_112";
+const highlighted = "_highlighted_118qp_116";
+const active = "_active_118qp_119";
+const style0 = {
+  wrapper,
+  activator,
+  outlined,
+  dense,
+  fieldset,
+  disabled,
+  readonly,
+  opened,
+  "with-success": "_with-success_118qp_45",
+  label,
+  "with-error": "_with-error_118qp_51",
+  value,
+  clear,
+  icon,
+  icon__wrapper,
+  icon__append,
+  icon__prepend,
+  float,
+  "with-value": "_with-value_118qp_90",
+  menu,
+  highlighted,
+  active
+};
+export {
+  activator,
+  active,
+  clear,
+  style0 as default,
+  dense,
+  disabled,
+  fieldset,
+  float,
+  highlighted,
+  icon,
+  icon__append,
+  icon__prepend,
+  icon__wrapper,
+  label,
+  menu,
+  opened,
+  outlined,
+  readonly,
+  value,
+  wrapper
+};
+//# sourceMappingURL=RuiDateTimePicker.vue3.js.map

package/dist/components/date-time-picker/RuiDateTimePicker.vue3.js.map

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

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.d.ts

@@ -1,5 +1,5 @@
-import type { TimeAccuracy } from '../../consts/time-accuracy';
-import { type TimePickerSelection } from '../../components/time-picker/RuiTimePicker.vue';
+import type { TimeAccuracy } from '../../consts/time-accuracy.js';
+import { type TimePickerSelection } from '../../components/time-picker/RuiTimePicker.vue.js';
 type __VLS_Props = {
     accuracy: TimeAccuracy;
     maxDate?: Date | number;

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js

@@ -0,0 +1,120 @@
+import { defineComponent, mergeModels, useModel, createElementBlock, openBlock, createVNode, createElementVNode, renderSlot, withCtx, unref } from "vue";
+import RuiButton from "../buttons/button/RuiButton.vue.js";
+import _sfc_main$1 from "../calendar/RuiCalendar.vue.js";
+/* empty css                           */
+import { timezones } from "./timezones.js";
+import RuiAutoComplete from "../forms/auto-complete/RuiAutoComplete.vue.js";
+import RuiIcon from "../icons/RuiIcon.vue.js";
+import RuiTimePicker from "../time-picker/RuiTimePicker.vue.js";
+const _hoisted_1 = { class: "flex divide-x divide-rui-grey-200 dark:divide-rui-grey-800" };
+const _hoisted_2 = { class: "flex gap-3 p-4 pl-3" };
+const _hoisted_3 = { class: "flex flex-col justify-center items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiDateTimePickerMenu"
+  },
+  __name: "RuiDateTimePickerMenu",
+  props: /* @__PURE__ */ mergeModels({
+    accuracy: {},
+    maxDate: {},
+    minDate: {}
+  }, {
+    "selectedDate": { required: true },
+    "selectedDateModifiers": {},
+    "selectedTime": { required: true },
+    "selectedTimeModifiers": {},
+    "selectedHour": { required: true },
+    "selectedHourModifiers": {},
+    "selectedMinute": { required: true },
+    "selectedMinuteModifiers": {},
+    "selectedSecond": { required: true },
+    "selectedSecondModifiers": {},
+    "selectedMillisecond": { required: true },
+    "selectedMillisecondModifiers": {},
+    "timeSelection": { required: true },
+    "timeSelectionModifiers": {},
+    "selectedTimezone": { required: true },
+    "selectedTimezoneModifiers": {},
+    "calendarMenuOpen": { type: Boolean, ...{ required: true } },
+    "calendarMenuOpenModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["set-now"], ["update:selectedDate", "update:selectedTime", "update:selectedHour", "update:selectedMinute", "update:selectedSecond", "update:selectedMillisecond", "update:timeSelection", "update:selectedTimezone", "update:calendarMenuOpen"]),
+  setup(__props, { emit: __emit }) {
+    const selectedDate = useModel(__props, "selectedDate");
+    const selectedTime = useModel(__props, "selectedTime");
+    const selectedHour = useModel(__props, "selectedHour");
+    const selectedMinute = useModel(__props, "selectedMinute");
+    const selectedSecond = useModel(__props, "selectedSecond");
+    const selectedMillisecond = useModel(__props, "selectedMillisecond");
+    const timeSelection = useModel(__props, "timeSelection");
+    const selectedTimezone = useModel(__props, "selectedTimezone");
+    const calendarMenuOpen = useModel(__props, "calendarMenuOpen");
+    const emit = __emit;
+    function setNow() {
+      emit("set-now");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          modelValue: selectedDate.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedDate.value = $event),
+          "menu-open": calendarMenuOpen.value,
+          "onUpdate:menuOpen": _cache[1] || (_cache[1] = ($event) => calendarMenuOpen.value = $event),
+          borderless: "",
+          "max-date": __props.maxDate,
+          "min-date": __props.minDate
+        }, null, 8, ["modelValue", "menu-open", "max-date", "min-date"]),
+        createVNode(RuiTimePicker, {
+          modelValue: selectedTime.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedTime.value = $event),
+          hour: selectedHour.value,
+          "onUpdate:hour": _cache[3] || (_cache[3] = ($event) => selectedHour.value = $event),
+          minute: selectedMinute.value,
+          "onUpdate:minute": _cache[4] || (_cache[4] = ($event) => selectedMinute.value = $event),
+          second: selectedSecond.value,
+          "onUpdate:second": _cache[5] || (_cache[5] = ($event) => selectedSecond.value = $event),
+          millisecond: selectedMillisecond.value,
+          "onUpdate:millisecond": _cache[6] || (_cache[6] = ($event) => selectedMillisecond.value = $event),
+          selection: timeSelection.value,
+          "onUpdate:selection": _cache[7] || (_cache[7] = ($event) => timeSelection.value = $event),
+          accuracy: __props.accuracy,
+          borderless: ""
+        }, null, 8, ["modelValue", "hour", "minute", "second", "millisecond", "selection", "accuracy"]),
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(RuiButton, {
+                variant: "text",
+                icon: "",
+                "data-id": "set-now",
+                onClick: _cache[8] || (_cache[8] = ($event) => setNow())
+              }, {
+                default: withCtx(() => [
+                  createVNode(RuiIcon, {
+                    name: "lu-clock",
+                    size: "18"
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            createVNode(RuiAutoComplete, {
+              modelValue: selectedTimezone.value,
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => selectedTimezone.value = $event),
+              "hide-details": "",
+              label: "Timezone",
+              class: "pt-0 pr-0",
+              variant: "outlined",
+              options: unref(timezones)
+            }, null, 8, ["modelValue", "options"])
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiDateTimePickerMenu.vue.js.map

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiDateTimePickerMenu.vue.js","sources":["../../../src/components/date-time-picker/RuiDateTimePickerMenu.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { TimeAccuracy } from '@/consts/time-accuracy';\nimport RuiButton from '@/components/buttons/button/RuiButton.vue';\nimport RuiCalendar from '@/components/calendar/RuiCalendar.vue';\nimport { timezones } from '@/components/date-time-picker/timezones';\nimport RuiAutoComplete from '@/components/forms/auto-complete/RuiAutoComplete.vue';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\nimport RuiTimePicker, { type TimePickerSelection } from '@/components/time-picker/RuiTimePicker.vue';\n\ndefineOptions({\n  name: 'RuiDateTimePickerMenu',\n});\n\nconst selectedDate = defineModel<Date | undefined>('selectedDate', { required: true });\nconst selectedTime = defineModel<Date | undefined>('selectedTime', { required: true });\nconst selectedHour = defineModel<number | undefined>('selectedHour', { required: true });\nconst selectedMinute = defineModel<number | undefined>('selectedMinute', { required: true });\nconst selectedSecond = defineModel<number | undefined>('selectedSecond', { required: true });\nconst selectedMillisecond = defineModel<number | undefined>('selectedMillisecond', { required: true });\nconst timeSelection = defineModel<TimePickerSelection>('timeSelection', { required: true });\nconst selectedTimezone = defineModel<string | undefined>('selectedTimezone', { required: true });\nconst calendarMenuOpen = defineModel<boolean>('calendarMenuOpen', { required: true });\n\ndefineProps<{\n  accuracy: TimeAccuracy;\n  maxDate?: Date | number;\n  minDate?: Date | number;\n}>();\n\nconst emit = defineEmits<{\n  'set-now': [];\n}>();\n\ndefineSlots<{\n  default: () => any;\n}>();\n\nfunction setNow(): void {\n  emit('set-now');\n}\n</script>\n\n<template>\n  <div class=\"flex divide-x divide-rui-grey-200 dark:divide-rui-grey-800\">\n    <RuiCalendar\n      v-model=\"selectedDate\"\n      v-model:menu-open=\"calendarMenuOpen\"\n      borderless\n      :max-date=\"maxDate\"\n      :min-date=\"minDate\"\n    />\n    <RuiTimePicker\n      v-model=\"selectedTime\"\n      v-model:hour=\"selectedHour\"\n      v-model:minute=\"selectedMinute\"\n      v-model:second=\"selectedSecond\"\n      v-model:millisecond=\"selectedMillisecond\"\n      v-model:selection=\"timeSelection\"\n      :accuracy=\"accuracy\"\n      borderless\n    />\n    <div>\n      <div class=\"flex gap-3 p-4 pl-3\">\n        <div class=\"flex flex-col justify-center items-center\">\n          <RuiButton\n            variant=\"text\"\n            icon\n            data-id=\"set-now\"\n            @click=\"setNow()\"\n          >\n            <RuiIcon\n              name=\"lu-clock\"\n              size=\"18\"\n            />\n          </RuiButton>\n        </div>\n        <RuiAutoComplete\n          v-model=\"selectedTimezone\"\n          hide-details\n          label=\"Timezone\"\n          class=\"pt-0 pr-0\"\n          variant=\"outlined\"\n          :options=\"timezones\"\n        />\n      </div>\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["_useModel","_openBlock","_createElementBlock","_createVNode","RuiCalendar","_createElementVNode","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,eAAeA,SAA6B,SAAC,cAAkC;AACrF,UAAM,eAAeA,SAA6B,SAAC,cAAkC;AACrF,UAAM,eAAeA,SAA+B,SAAC,cAAkC;AACvF,UAAM,iBAAiBA,SAA+B,SAAC,gBAAoC;AAC3F,UAAM,iBAAiBA,SAA+B,SAAC,gBAAoC;AAC3F,UAAM,sBAAsBA,SAA+B,SAAC,qBAAyC;AACrG,UAAM,gBAAgBA,SAAgC,SAAC,eAAmC;AAC1F,UAAM,mBAAmBA,SAA+B,SAAC,kBAAsC;AAC/F,UAAM,mBAAmBA,SAAoB,SAAC,kBAAsC;AAQpF,UAAM,OAAO;AAQb,aAAS,SAAe;AACtB,WAAK,SAAS;AAAA,IAChB;;AAIE,aAAAC,UAAA,GAAAC,mBA4CM,OA5CN,YA4CM;AAAA,QA3CJC,YAMEC,aAAA;AAAA,sBALS,aAAA;AAAA,uEAAA,aAAY,QAAA;AAAA,UACb,aAAW,iBAAA;AAAA,qEAAA,iBAAgB,QAAA;AAAA,UACnC,YAAA;AAAA,UACC,YAAU,QAAA;AAAA,UACV,YAAU,QAAA;AAAA,QAAA;QAEbD,YASE,eAAA;AAAA,sBARS,aAAA;AAAA,uEAAA,aAAY,QAAA;AAAA,UACb,MAAM,aAAA;AAAA,iEAAA,aAAY,QAAA;AAAA,UAClB,QAAQ,eAAA;AAAA,mEAAA,eAAc,QAAA;AAAA,UACtB,QAAQ,eAAA;AAAA,mEAAA,eAAc,QAAA;AAAA,UACtB,aAAa,oBAAA;AAAA,wEAAA,oBAAmB,QAAA;AAAA,UAChC,WAAW,cAAA;AAAA,sEAAA,cAAa,QAAA;AAAA,UAC/B,UAAU,QAAA;AAAA,UACX,YAAA;AAAA,QAAA;QAEFE,mBAyBM,OAAA,MAAA;AAAA,UAxBJA,mBAsBM,OAtBN,YAsBM;AAAA,YArBJA,mBAYM,OAZN,YAYM;AAAA,cAXJF,YAUY,WAAA;AAAA,gBATV,SAAQ;AAAA,gBACR,MAAA;AAAA,gBACA,WAAQ;AAAA,gBACP,+CAAO,OAAA;AAAA,cAAM;iCAEd,MAGE;AAAA,kBAHFA,YAGE,SAAA;AAAA,oBAFA,MAAK;AAAA,oBACL,MAAK;AAAA,kBAAA;;;;;YAIXA,YAOE,iBAAA;AAAA,0BANS,iBAAA;AAAA,2EAAA,iBAAgB,QAAA;AAAA,cACzB,gBAAA;AAAA,cACA,OAAM;AAAA,cACN,OAAM;AAAA,cACN,SAAQ;AAAA,cACP,SAASG,MAAA,SAAA;AAAA,YAAA;;UAGdC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue2.js

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

package/dist/components/date-time-picker/RuiDateTimePickerMenu.vue2.js.map

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