@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index179.js

@@ -1,278 +1,152 @@
-import g from "./index223.js";
-import { DomHandler as f, ObjectUtils as d } from "./index176.js";
-import v from "./index224.js";
-import S from "./index225.js";
-import { resolveDirective as A, openBlock as h, createElementBlock as p, mergeProps as b, Fragment as E, renderList as O, withDirectives as w, renderSlot as x, normalizeClass as K, createElementVNode as I, toDisplayString as D } from "vue";
-var V = {
-  name: "BaseSelectButton",
-  extends: v,
-  props: {
-    modelValue: null,
-    options: Array,
-    optionLabel: null,
-    optionValue: null,
-    optionDisabled: null,
-    multiple: Boolean,
-    unselectable: {
-      type: Boolean,
-      default: !0
-    },
-    allowEmpty: {
-      type: Boolean,
-      default: !0
-    },
-    invalid: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: Boolean,
-    dataKey: null,
-    ariaLabelledby: {
-      type: String,
-      default: null
-    }
+const r = {
+  input: {
+    class: "hidden"
   },
-  style: S,
-  provide: function() {
-    return {
-      $parentInstance: this
-    };
-  }
-};
-function T(t, e) {
-  var n = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
-  if (!n) {
-    if (Array.isArray(t) || (n = y(t)) || e) {
-      n && (t = n);
-      var l = 0, s = function() {
-      };
-      return { s, n: function() {
-        return l >= t.length ? { done: !0 } : { done: !1, value: t[l++] };
-      }, e: function(u) {
-        throw u;
-      }, f: s };
-    }
-    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-  }
-  var r = !0, o = !1, i;
-  return { s: function() {
-    n = n.call(t);
-  }, n: function() {
-    var u = n.next();
-    return r = u.done, u;
-  }, e: function(u) {
-    o = !0, i = u;
-  }, f: function() {
-    try {
-      !r && n.return != null && n.return();
-    } finally {
-      if (o) throw i;
-    }
-  } };
-}
-function B(t) {
-  return F(t) || k(t) || y(t) || L();
-}
-function L() {
-  throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function y(t, e) {
-  if (t) {
-    if (typeof t == "string") return m(t, e);
-    var n = Object.prototype.toString.call(t).slice(8, -1);
-    if (n === "Object" && t.constructor && (n = t.constructor.name), n === "Map" || n === "Set") return Array.from(t);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return m(t, e);
-  }
-}
-function k(t) {
-  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
-}
-function F(t) {
-  if (Array.isArray(t)) return m(t);
-}
-function m(t, e) {
-  (e == null || e > t.length) && (e = t.length);
-  for (var n = 0, l = new Array(e); n < e; n++) l[n] = t[n];
-  return l;
-}
-var q = {
-  name: "SelectButton",
-  extends: V,
-  inheritAttrs: !1,
-  emits: ["update:modelValue", "focus", "blur", "change"],
-  data: function() {
-    return {
-      focusedIndex: 0
-    };
+  buttonbar: {
+    class: [
+      // Flexbox
+      "flex",
+      "flex-wrap",
+      // Colors
+      "bg-surface-50",
+      "dark:bg-surface-800",
+      "text-surface-700",
+      "dark:text-white/80",
+      // Spacing
+      "p-5",
+      "gap-2",
+      // Borders
+      "border",
+      "border-solid",
+      "border-surface-200",
+      "dark:border-surface-700",
+      "border-b-0",
+      // Shape
+      "rounded-tr-lg",
+      "rounded-tl-lg"
+    ]
   },
-  mounted: function() {
-    this.defaultTabIndexes();
+  chooseButton: {
+    class: [
+      "relative",
+      // Alignments
+      "items-center inline-flex text-center align-bottom justify-center",
+      // Spacing
+      "px-4 py-3",
+      // Shape
+      "rounded-md",
+      // Font
+      "leading-[normal]",
+      "font-bold",
+      // Colors
+      "text-white dark:text-surface-900",
+      "bg-primary-500 dark:bg-primary-400",
+      "border-primary-500 dark:border-primary-400",
+      // States
+      "hover:bg-primary-600 dark:hover:bg-primary-300",
+      // Misc
+      "overflow-hidden",
+      "cursor-pointer"
+    ]
   },
-  methods: {
-    defaultTabIndexes: function() {
-      for (var e = f.find(this.$refs.container, '[data-pc-section="button"]'), n = f.findSingle(this.$refs.container, '[data-p-highlight="true"]'), l = 0; l < e.length; l++)
-        (f.getAttribute(e[l], "data-p-highlight") === !0 && d.equals(e[l], n) || n === null && l == 0) && (this.focusedIndex = l);
-    },
-    getOptionLabel: function(e) {
-      return this.optionLabel ? d.resolveFieldData(e, this.optionLabel) : e;
-    },
-    getOptionValue: function(e) {
-      return this.optionValue ? d.resolveFieldData(e, this.optionValue) : e;
-    },
-    getOptionRenderKey: function(e) {
-      return this.dataKey ? d.resolveFieldData(e, this.dataKey) : this.getOptionLabel(e);
-    },
-    getPTOptions: function(e, n) {
-      return this.ptm(n, {
-        context: {
-          active: this.isSelected(e),
-          disabled: this.isOptionDisabled(e),
-          option: e
-        }
-      });
-    },
-    isOptionDisabled: function(e) {
-      return this.optionDisabled ? d.resolveFieldData(e, this.optionDisabled) : !1;
-    },
-    onOptionSelect: function(e, n, l) {
-      var s = this;
-      if (!(this.disabled || this.isOptionDisabled(n))) {
-        var r = this.isSelected(n);
-        if (!(r && !(this.unselectable && this.allowEmpty))) {
-          var o = this.getOptionValue(n), i;
-          this.multiple ? r ? i = this.modelValue.filter(function(a) {
-            return !d.equals(a, o, s.equalityKey);
-          }) : i = this.modelValue ? [].concat(B(this.modelValue), [o]) : [o] : i = r ? null : o, this.focusedIndex = l, this.$emit("update:modelValue", i), this.$emit("change", {
-            event: e,
-            value: i
-          });
-        }
-      }
-    },
-    isSelected: function(e) {
-      var n = !1, l = this.getOptionValue(e);
-      if (this.multiple) {
-        if (this.modelValue) {
-          var s = T(this.modelValue), r;
-          try {
-            for (s.s(); !(r = s.n()).done; ) {
-              var o = r.value;
-              if (d.equals(o, l, this.equalityKey)) {
-                n = !0;
-                break;
-              }
-            }
-          } catch (i) {
-            s.e(i);
-          } finally {
-            s.f();
-          }
-        }
-      } else
-        n = d.equals(this.modelValue, l, this.equalityKey);
-      return n;
-    },
-    onKeydown: function(e, n, l) {
-      switch (e.code) {
-        case "Space": {
-          this.onOptionSelect(e, n, l), e.preventDefault();
-          break;
-        }
-        case "ArrowDown":
-        case "ArrowRight": {
-          this.onArrowRightKey(e.target), e.preventDefault();
-          break;
-        }
-        case "ArrowUp":
-        case "ArrowLeft": {
-          this.onArrowLeftKey(e.target), e.preventDefault();
-          break;
-        }
-      }
-    },
-    onArrowRightKey: function(e) {
-      var n = this.findNextElement(e);
-      n && (this.focusedIndex = d.findIndexInList(n, this.findAllElements()), f.focus(n));
-    },
-    onArrowLeftKey: function(e) {
-      var n = this.findPrevElement(e);
-      n && (this.focusedIndex = d.findIndexInList(n, this.findAllElements()), f.focus(n));
-    },
-    findAllElements: function() {
-      return f.find(this.$refs.container, '[data-pc-section="button"]');
-    },
-    findNextElement: function(e) {
-      return e.nextElementSibling ? f.getAttribute(e.nextElementSibling, "data-p-disabled") ? this.findNextElement(e.nextElementSibling) : e.nextElementSibling : null;
-    },
-    findPrevElement: function(e) {
-      return e.previousElementSibling ? f.getAttribute(e.previousElementSibling, "data-p-disabled") ? this.findPrevElement(e.previousElementSibling) : e.previousElementSibling : null;
-    },
-    onFocus: function(e) {
-      this.$emit("focus", e);
-    },
-    onBlur: function(e, n) {
-      e.target && e.relatedTarget && e.target.parentElement !== e.relatedTarget.parentElement && this.defaultTabIndexes(), this.$emit("blur", e, n);
-    },
-    findTabindex: function(e, n) {
-      return this.disabled || this.isOptionDisabled(e) || n !== this.focusedIndex ? "-1" : "0";
+  chooseIcon: {
+    class: ["mr-2", "inline-block"]
+  },
+  chooseButtonLabel: {
+    class: ["flex-1", "font-bold"]
+  },
+  uploadbutton: {
+    icon: {
+      class: "mr-2"
     }
   },
-  computed: {
-    equalityKey: function() {
-      return this.optionValue ? null : this.dataKey;
+  cancelbutton: {
+    icon: {
+      class: "mr-2"
     }
   },
-  directives: {
-    ripple: g
+  content: {
+    class: [
+      // Position
+      "relative",
+      // Colors
+      "bg-surface-0",
+      "dark:bg-surface-900",
+      "text-surface-700",
+      "dark:text-white/80",
+      // Spacing
+      "p-8",
+      // Borders
+      "border",
+      "border-surface-200",
+      "dark:border-surface-700",
+      // Shape
+      "rounded-b-lg"
+    ]
+  },
+  file: {
+    class: [
+      // Flexbox
+      "flex",
+      "items-center",
+      "flex-wrap",
+      // Spacing
+      "p-4",
+      "mb-2",
+      "last:mb-0",
+      // Borders
+      "border",
+      "border-surface-200",
+      "dark:border-surface-700",
+      "gap-2",
+      // Shape
+      "rounded"
+    ]
+  },
+  thumbnail: {
+    class: "shrink-0"
+  },
+  fileName: {
+    class: "mb-2"
+  },
+  fileSize: {
+    class: "mr-2"
+  },
+  uploadicon: {
+    class: "mr-2"
+  },
+  progressbar: {
+    root: {
+      class: [
+        // Position and Overflow
+        "overflow-hidden",
+        "absolute top-0 left-0",
+        // Shape and Size
+        "border-0",
+        "h-2",
+        "rounded-md",
+        "w-full",
+        // Colors
+        "bg-surface-100 dark:bg-surface-700"
+      ]
+    },
+    value: {
+      class: [
+        // Flexbox & Overflow & Position
+        "absolute flex items-center justify-center overflow-hidden",
+        // Colors
+        "bg-primary-500 dark:bg-primary-400",
+        // Spacing & Sizing
+        "m-0",
+        "h-full w-0",
+        // Shape
+        "border-0",
+        // Transitions
+        "transition-width duration-1000 ease-in-out"
+      ]
+    }
   }
-}, P = ["aria-labelledby"], R = ["tabindex", "aria-label", "role", "aria-checked", "aria-disabled", "onClick", "onKeydown", "onBlur", "data-p-highlight", "data-p-disabled"];
-function C(t, e, n, l, s, r) {
-  var o = A("ripple");
-  return h(), p("div", b({
-    ref: "container",
-    class: t.cx("root"),
-    role: "group",
-    "aria-labelledby": t.ariaLabelledby
-  }, t.ptmi("root")), [(h(!0), p(E, null, O(t.options, function(i, a) {
-    return w((h(), p("div", b({
-      key: r.getOptionRenderKey(i),
-      tabindex: r.findTabindex(i, a),
-      "aria-label": r.getOptionLabel(i),
-      role: t.multiple ? "checkbox" : "radio",
-      "aria-checked": r.isSelected(i),
-      "aria-disabled": r.isOptionDisabled(i),
-      class: t.cx("button", {
-        option: i
-      }),
-      onClick: function(c) {
-        return r.onOptionSelect(c, i, a);
-      },
-      onKeydown: function(c) {
-        return r.onKeydown(c, i, a);
-      },
-      onFocus: e[0] || (e[0] = function(u) {
-        return r.onFocus(u);
-      }),
-      onBlur: function(c) {
-        return r.onBlur(c, i);
-      }
-    }, r.getPTOptions(i, "button"), {
-      "data-p-highlight": r.isSelected(i),
-      "data-p-disabled": r.isOptionDisabled(i)
-    }), [x(t.$slots, "option", {
-      option: i,
-      index: a,
-      class: K(t.cx("label"))
-    }, function() {
-      return [I("span", b({
-        class: t.cx("label")
-      }, r.getPTOptions(i, "label")), D(r.getOptionLabel(i)), 17)];
-    })], 16, R)), [[o]]);
-  }), 128))], 16, P);
-}
-q.render = C;
+};
 export {
-  q as default
+  r as default
 };

package/dist/index18.js

@@ -1,7 +1,7 @@
-import i from "./index93.js";
+import i from "./index94.js";
 import { openBlock as o, createElementBlock as r, normalizeClass as a, renderSlot as t } from "vue";
 /* empty css        */
-import n from "./index64.js";
+import n from "./index65.js";
 const d = ["id", "align"], l = ["id", "align"];
 function s(e, f, p, u, m, g) {
   return e.isColumnHeader ? (o(), r("th", {