@quoreadmin/ui 1.10.14 → 1.10.15

package/dist/index363.js

@@ -1,39 +1,16 @@
-import n from "./index288.js";
-var e = `
-.p-icon {
-    display: inline-block;
-}
-
-.p-icon-spin {
-    -webkit-animation: p-icon-spin 2s infinite linear;
-    animation: p-icon-spin 2s infinite linear;
-}
-
-@-webkit-keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-
-@keyframes p-icon-spin {
-    0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-    }
-    100% {
-        -webkit-transform: rotate(359deg);
-        transform: rotate(359deg);
-    }
-}
-`, i = n.extend({
-  name: "baseicon",
-  css: e
-});
+import { isString as l, floatRegex as i, singleColorRegex as c } from "./index362.js";
+const h = (r, o) => (t) => !!(l(t) && c.test(t) && t.startsWith(r) || o && Object.prototype.hasOwnProperty.call(t, o)), f = (r, o, t) => (a) => {
+  if (!l(a))
+    return a;
+  const [s, n, p, e] = a.match(i);
+  return {
+    [r]: parseFloat(s),
+    [o]: parseFloat(n),
+    [t]: parseFloat(p),
+    alpha: e !== void 0 ? parseFloat(e) : 1
+  };
+};
 export {
-  i as default
+  h as isColorString,
+  f as splitColor
 };

package/dist/index364.js

@@ -1,4 +1,4 @@
-import r from "./index293.js";
+import r from "./index291.js";
 import { openBlock as t, createElementBlock as o, mergeProps as n, createElementVNode as i } from "vue";
 var l = {
   name: "AngleDownIcon",

package/dist/index365.js

@@ -1,4 +1,4 @@
-import r from "./index293.js";
+import r from "./index291.js";
 import { openBlock as t, createElementBlock as o, mergeProps as n, createElementVNode as p } from "vue";
 var i = {
   name: "AngleUpIcon",

package/dist/index366.js

@@ -1,5 +1,5 @@
-import i from "./index228.js";
-import r from "./index381.js";
+import i from "./index214.js";
+import r from "./index382.js";
 import { openBlock as a, createElementBlock as u, mergeProps as o } from "vue";
 var d = {
   name: "BaseInputText",

package/dist/index381.js

@@ -1,19 +1,93 @@
-import n from "./index288.js";
-var l = {
-  root: function(e) {
-    var i = e.instance, t = e.props;
-    return ["p-inputtext p-component", {
-      "p-filled": i.filled,
-      "p-inputtext-sm": t.size === "small",
-      "p-inputtext-lg": t.size === "large",
-      "p-invalid": t.invalid,
-      "p-variant-filled": t.variant ? t.variant === "filled" : i.$primevue.config.inputStyle === "filled"
-    }];
-  }
-}, r = n.extend({
-  name: "inputtext",
-  classes: l
-});
+var t = {
+  8: "Backspace",
+  9: "Tab",
+  10: "Enter",
+  12: "NumLock",
+  13: "Enter",
+  16: "Shift",
+  17: "Control",
+  18: "Alt",
+  20: "CapsLock",
+  27: "Escape",
+  32: " ",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  59: ";",
+  61: "=",
+  91: "Meta",
+  92: "Meta",
+  106: "*",
+  107: "+",
+  108: ",",
+  109: "-",
+  110: ".",
+  111: "/",
+  144: "NumLock",
+  145: "ScrollLock",
+  160: "Shift",
+  161: "Shift",
+  162: "Control",
+  163: "Control",
+  164: "Alt",
+  165: "Alt",
+  173: "-",
+  186: ";",
+  187: "=",
+  188: ",",
+  189: "-",
+  190: ".",
+  191: "/",
+  192: "`",
+  219: "[",
+  220: "\\",
+  221: "]",
+  222: "'"
+}, a = {
+  48: ")",
+  49: "!",
+  50: "@",
+  51: "#",
+  52: "$",
+  53: "%",
+  54: "^",
+  55: "&",
+  56: "*",
+  57: "(",
+  59: ":",
+  61: "+",
+  173: "_",
+  186: ":",
+  187: "+",
+  188: "<",
+  189: "_",
+  190: ">",
+  191: "?",
+  192: "~",
+  219: "{",
+  220: "|",
+  221: "}",
+  222: '"'
+}, n = typeof navigator < "u" && /Mac/.test(navigator.platform), y = typeof navigator < "u" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+for (var r = 0; r < 10; r++) t[48 + r] = t[96 + r] = String(r);
+for (var r = 1; r <= 24; r++) t[r + 111] = "F" + r;
+for (var r = 65; r <= 90; r++)
+  t[r] = String.fromCharCode(r + 32), a[r] = String.fromCharCode(r);
+for (var i in t) a.hasOwnProperty(i) || (a[i] = t[i]);
+function g(o) {
+  var f = n && o.metaKey && o.shiftKey && !o.ctrlKey && !o.altKey || y && o.shiftKey && o.key && o.key.length == 1 || o.key == "Unidentified", e = !f && o.key || (o.shiftKey ? a : t)[o.keyCode] || o.key || "Unidentified";
+  return e == "Esc" && (e = "Escape"), e == "Del" && (e = "Delete"), e == "Left" && (e = "ArrowLeft"), e == "Up" && (e = "ArrowUp"), e == "Right" && (e = "ArrowRight"), e == "Down" && (e = "ArrowDown"), e;
+}
 export {
-  r as default
+  t as base,
+  g as keyName,
+  a as shift
 };

package/dist/index382.js

@@ -1,93 +1,19 @@
-var t = {
-  8: "Backspace",
-  9: "Tab",
-  10: "Enter",
-  12: "NumLock",
-  13: "Enter",
-  16: "Shift",
-  17: "Control",
-  18: "Alt",
-  20: "CapsLock",
-  27: "Escape",
-  32: " ",
-  33: "PageUp",
-  34: "PageDown",
-  35: "End",
-  36: "Home",
-  37: "ArrowLeft",
-  38: "ArrowUp",
-  39: "ArrowRight",
-  40: "ArrowDown",
-  44: "PrintScreen",
-  45: "Insert",
-  46: "Delete",
-  59: ";",
-  61: "=",
-  91: "Meta",
-  92: "Meta",
-  106: "*",
-  107: "+",
-  108: ",",
-  109: "-",
-  110: ".",
-  111: "/",
-  144: "NumLock",
-  145: "ScrollLock",
-  160: "Shift",
-  161: "Shift",
-  162: "Control",
-  163: "Control",
-  164: "Alt",
-  165: "Alt",
-  173: "-",
-  186: ";",
-  187: "=",
-  188: ",",
-  189: "-",
-  190: ".",
-  191: "/",
-  192: "`",
-  219: "[",
-  220: "\\",
-  221: "]",
-  222: "'"
-}, a = {
-  48: ")",
-  49: "!",
-  50: "@",
-  51: "#",
-  52: "$",
-  53: "%",
-  54: "^",
-  55: "&",
-  56: "*",
-  57: "(",
-  59: ":",
-  61: "+",
-  173: "_",
-  186: ":",
-  187: "+",
-  188: "<",
-  189: "_",
-  190: ">",
-  191: "?",
-  192: "~",
-  219: "{",
-  220: "|",
-  221: "}",
-  222: '"'
-}, n = typeof navigator < "u" && /Mac/.test(navigator.platform), y = typeof navigator < "u" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
-for (var r = 0; r < 10; r++) t[48 + r] = t[96 + r] = String(r);
-for (var r = 1; r <= 24; r++) t[r + 111] = "F" + r;
-for (var r = 65; r <= 90; r++)
-  t[r] = String.fromCharCode(r + 32), a[r] = String.fromCharCode(r);
-for (var i in t) a.hasOwnProperty(i) || (a[i] = t[i]);
-function g(o) {
-  var f = n && o.metaKey && o.shiftKey && !o.ctrlKey && !o.altKey || y && o.shiftKey && o.key && o.key.length == 1 || o.key == "Unidentified", e = !f && o.key || (o.shiftKey ? a : t)[o.keyCode] || o.key || "Unidentified";
-  return e == "Esc" && (e = "Escape"), e == "Del" && (e = "Delete"), e == "Left" && (e = "ArrowLeft"), e == "Up" && (e = "ArrowUp"), e == "Right" && (e = "ArrowRight"), e == "Down" && (e = "ArrowDown"), e;
-}
+import n from "./index288.js";
+var l = {
+  root: function(e) {
+    var i = e.instance, t = e.props;
+    return ["p-inputtext p-component", {
+      "p-filled": i.filled,
+      "p-inputtext-sm": t.size === "small",
+      "p-inputtext-lg": t.size === "large",
+      "p-invalid": t.invalid,
+      "p-variant-filled": t.variant ? t.variant === "filled" : i.$primevue.config.inputStyle === "filled"
+    }];
+  }
+}, r = n.extend({
+  name: "inputtext",
+  classes: l
+});
 export {
-  t as base,
-  g as keyName,
-  a as shift
+  r as default
 };

package/dist/index4.js

@@ -1,23 +1,44 @@
-import s from "./index68.js";
-import { openBlock as a, createElementBlock as t, normalizeClass as n, createElementVNode as m, toDisplayString as i, createCommentVNode as d } from "vue";
+import d from "./index68.js";
+import { openBlock as a, createElementBlock as s, Fragment as m, normalizeClass as n, createElementVNode as i, toDisplayString as l, createCommentVNode as t, normalizeStyle as u } from "vue";
 /* empty css        */
-import l from "./index65.js";
-const p = { class: "avatar-text" }, f = ["src"];
-function g(r, e, v, c, u, $) {
-  return a(), t("div", {
-    class: n(["avatar flex justify-center items-center", [`avatar-${r.size}`, `bg-${r.bgColor}`]])
-  }, [
-    m("span", p, i(r.text), 1),
-    r.src && r.validSrc ? (a(), t("img", {
+import g from "./index65.js";
+const v = { class: "avatar-text" }, p = ["src"], f = { class: "avatar-text" }, $ = ["src"];
+function y(r, e, I, E, b, k) {
+  return a(), s(m, null, [
+    r.showOuterBorder ? t("", !0) : (a(), s("div", {
       key: 0,
-      class: "avatar-image",
-      src: r.src,
-      onLoad: e[0] || (e[0] = (...o) => r.onImageLoad && r.onImageLoad(...o)),
-      onError: e[1] || (e[1] = (...o) => r.onImageError && r.onImageError(...o))
-    }, null, 40, f)) : d("", !0)
-  ], 2);
+      class: n(["avatar flex justify-center items-center", [`avatar-${r.size}`, `bg-${r.bgColor}`]])
+    }, [
+      i("span", v, l(r.text), 1),
+      r.src && r.validSrc ? (a(), s("img", {
+        key: 0,
+        class: "avatar-image",
+        src: r.src,
+        onLoad: e[0] || (e[0] = (...o) => r.onImageLoad && r.onImageLoad(...o)),
+        onError: e[1] || (e[1] = (...o) => r.onImageError && r.onImageError(...o))
+      }, null, 40, p)) : t("", !0)
+    ], 2)),
+    r.showOuterBorder ? (a(), s("div", {
+      key: 1,
+      class: n(["avatar-outer flex justify-center items-center rounded-full", [`avatar-outer--${r.size}`, r.outerBorderColor]]),
+      style: u({ padding: `${r.outerBorderOffset}px` })
+    }, [
+      i("div", {
+        class: n(["avatar avatar-outer__inner flex justify-center items-center border-2 border-white", [`avatar-${r.size}`, `bg-${r.bgColor}`]])
+      }, [
+        i("span", f, l(r.text), 1),
+        r.src && r.validSrc ? (a(), s("img", {
+          key: 0,
+          class: "avatar-image",
+          src: r.src,
+          onLoad: e[2] || (e[2] = (...o) => r.onImageLoad && r.onImageLoad(...o)),
+          onError: e[3] || (e[3] = (...o) => r.onImageError && r.onImageError(...o))
+        }, null, 40, $)) : t("", !0)
+      ], 2)
+    ], 6)) : t("", !0)
+  ], 64);
 }
-const y = /* @__PURE__ */ l(s, [["render", g], ["__scopeId", "data-v-ebde1d6f"]]);
+const S = /* @__PURE__ */ g(d, [["render", y], ["__scopeId", "data-v-5c858655"]]);
 export {
-  y as default
+  S as default
 };

package/dist/index68.js

@@ -1,5 +1,5 @@
-import { defineComponent as r, ref as a } from "vue";
-const d = r({
+import { defineComponent as o, ref as r } from "vue";
+const l = o({
   name: "QAvatar",
   props: {
     /** Determines the size of the avatar (currently, only 'sm' is supported) */
@@ -21,10 +21,25 @@ const d = r({
     src: {
       type: String,
       default: ""
+    },
+    // Add an outer border to the avatar
+    showOuterBorder: {
+      type: Boolean,
+      default: !1
+    },
+    /** Full Tailwind class for the outer ring (e.g. bg-gray-40 or border-2 border-gray-40) */
+    outerBorderColor: {
+      type: String,
+      default: "border-gray-40"
+    },
+    /** Width of the offset ring in pixels when showOuterBorder is true */
+    outerBorderOffset: {
+      type: Number,
+      default: 2
     }
   },
   setup() {
-    const e = a(!0), t = a(!1);
+    const e = r(!0), t = r(!1);
     return {
       // refs
       validSrc: e,
@@ -40,5 +55,5 @@ const d = r({
   }
 });
 export {
-  d as default
+  l as default
 };

package/dist/src/components/avatar/avatar.d.ts

@@ -19,6 +19,20 @@ declare const QAvatar: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: StringConstructor;
         default: string;
     };
+    showOuterBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Full Tailwind class for the outer ring (e.g. bg-gray-40 or border-2 border-gray-40) */
+    outerBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Width of the offset ring in pixels when showOuterBorder is true */
+    outerBorderOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     validSrc: import('vue').Ref<boolean, boolean>;
     isLoaded: import('vue').Ref<boolean, boolean>;
@@ -45,10 +59,27 @@ declare const QAvatar: import('vue').DefineComponent<import('vue').ExtractPropTy
         type: StringConstructor;
         default: string;
     };
+    showOuterBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Full Tailwind class for the outer ring (e.g. bg-gray-40 or border-2 border-gray-40) */
+    outerBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Width of the offset ring in pixels when showOuterBorder is true */
+    outerBorderOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     text: string;
     size: string;
     bgColor: string;
     src: string;
+    showOuterBorder: boolean;
+    outerBorderColor: string;
+    outerBorderOffset: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default QAvatar;

package/dist/src/components/avatar/avatar.stories.d.ts

@@ -24,6 +24,18 @@ export declare const Primary: {
                     type: StringConstructor;
                     default: string;
                 };
+                showOuterBorder: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                outerBorderColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                outerBorderOffset: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>, {
                 validSrc: import('vue').Ref<boolean, boolean>;
                 isLoaded: import('vue').Ref<boolean, boolean>;
@@ -46,11 +58,26 @@ export declare const Primary: {
                     type: StringConstructor;
                     default: string;
                 };
+                showOuterBorder: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                outerBorderColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                outerBorderOffset: {
+                    type: NumberConstructor;
+                    default: number;
+                };
             }>> & Readonly<{}>, {
                 text: string;
                 size: string;
                 bgColor: string;
                 src: string;
+                showOuterBorder: boolean;
+                outerBorderColor: string;
+                outerBorderOffset: number;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {
@@ -66,3 +93,5 @@ export declare const Primary: {
 };
 export declare const PhotoAvatar: Story;
 export declare const InvalidPhoto: Story;
+export declare const WithOuterBorder: Story;
+export declare const StaffOnDuty: Story;

package/dist/src/components/comment/comment.d.ts

@@ -323,6 +323,18 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        showOuterBorder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        outerBorderColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        outerBorderOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         validSrc: import('vue').Ref<boolean, boolean>;
         isLoaded: import('vue').Ref<boolean, boolean>;
@@ -345,11 +357,26 @@ declare const QComment: import('vue').DefineComponent<import('vue').ExtractPropT
             type: StringConstructor;
             default: string;
         };
+        showOuterBorder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        outerBorderColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        outerBorderOffset: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}>, {
         text: string;
         size: string;
         bgColor: string;
         src: string;
+        showOuterBorder: boolean;
+        outerBorderColor: string;
+        outerBorderOffset: number;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     QImageGallery: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {

package/dist/src/components/comment/comment.stories.d.ts

@@ -291,6 +291,18 @@ export declare const Primary: {
                         type: StringConstructor;
                         default: string;
                     };
+                    showOuterBorder: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    outerBorderColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    outerBorderOffset: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
                 }>, {
                     validSrc: import('vue').Ref<boolean, boolean>;
                     isLoaded: import('vue').Ref<boolean, boolean>;
@@ -313,11 +325,26 @@ export declare const Primary: {
                         type: StringConstructor;
                         default: string;
                     };
+                    showOuterBorder: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    outerBorderColor: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    outerBorderOffset: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
                 }>> & Readonly<{}>, {
                     text: string;
                     size: string;
                     bgColor: string;
                     src: string;
+                    showOuterBorder: boolean;
+                    outerBorderColor: string;
+                    outerBorderOffset: number;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 QImageGallery: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     id: {

package/dist/src/components/comment-section/comment-section.d.ts

@@ -475,6 +475,18 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: StringConstructor;
                 default: string;
             };
+            showOuterBorder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            outerBorderColor: {
+                type: StringConstructor;
+                default: string;
+            };
+            outerBorderOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>, {
             validSrc: import('vue').Ref<boolean, boolean>;
             isLoaded: import('vue').Ref<boolean, boolean>;
@@ -497,11 +509,26 @@ declare const QCommentSection: import('vue').DefineComponent<import('vue').Extra
                 type: StringConstructor;
                 default: string;
             };
+            showOuterBorder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            outerBorderColor: {
+                type: StringConstructor;
+                default: string;
+            };
+            outerBorderOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>> & Readonly<{}>, {
             text: string;
             size: string;
             bgColor: string;
             src: string;
+            showOuterBorder: boolean;
+            outerBorderColor: string;
+            outerBorderOffset: number;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         QImageGallery: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             id: {