@quoreadmin/ui 1.10.14 → 1.10.16

package/dist/index383.js

@@ -1,100 +1,19 @@
-var l = 200, p = function() {
-};
-p.prototype.append = function(t) {
-  return t.length ? (t = p.from(t), !this.length && t || t.length < l && this.leafAppend(t) || this.length < l && t.leafPrepend(this) || this.appendInner(t)) : this;
-};
-p.prototype.prepend = function(t) {
-  return t.length ? p.from(t).append(this) : this;
-};
-p.prototype.appendInner = function(t) {
-  return new u(this, t);
-};
-p.prototype.slice = function(t, r) {
-  return t === void 0 && (t = 0), r === void 0 && (r = this.length), t >= r ? p.empty : this.sliceInner(Math.max(0, t), Math.min(this.length, r));
-};
-p.prototype.get = function(t) {
-  if (!(t < 0 || t >= this.length))
-    return this.getInner(t);
-};
-p.prototype.forEach = function(t, r, e) {
-  r === void 0 && (r = 0), e === void 0 && (e = this.length), r <= e ? this.forEachInner(t, r, e, 0) : this.forEachInvertedInner(t, r, e, 0);
-};
-p.prototype.map = function(t, r, e) {
-  r === void 0 && (r = 0), e === void 0 && (e = this.length);
-  var n = [];
-  return this.forEach(function(i, s) {
-    return n.push(t(i, s));
-  }, r, e), n;
-};
-p.from = function(t) {
-  return t instanceof p ? t : t && t.length ? new o(t) : p.empty;
-};
-var o = /* @__PURE__ */ (function(h) {
-  function t(e) {
-    h.call(this), this.values = e;
-  }
-  h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t;
-  var r = { length: { configurable: !0 }, depth: { configurable: !0 } };
-  return t.prototype.flatten = function() {
-    return this.values;
-  }, t.prototype.sliceInner = function(n, i) {
-    return n == 0 && i == this.length ? this : new t(this.values.slice(n, i));
-  }, t.prototype.getInner = function(n) {
-    return this.values[n];
-  }, t.prototype.forEachInner = function(n, i, s, f) {
-    for (var a = i; a < s; a++)
-      if (n(this.values[a], f + a) === !1)
-        return !1;
-  }, t.prototype.forEachInvertedInner = function(n, i, s, f) {
-    for (var a = i - 1; a >= s; a--)
-      if (n(this.values[a], f + a) === !1)
-        return !1;
-  }, t.prototype.leafAppend = function(n) {
-    if (this.length + n.length <= l)
-      return new t(this.values.concat(n.flatten()));
-  }, t.prototype.leafPrepend = function(n) {
-    if (this.length + n.length <= l)
-      return new t(n.flatten().concat(this.values));
-  }, r.length.get = function() {
-    return this.values.length;
-  }, r.depth.get = function() {
-    return 0;
-  }, Object.defineProperties(t.prototype, r), t;
-})(p);
-p.empty = new o([]);
-var u = /* @__PURE__ */ (function(h) {
-  function t(r, e) {
-    h.call(this), this.left = r, this.right = e, this.length = r.length + e.length, this.depth = Math.max(r.depth, e.depth) + 1;
+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"
+    }];
   }
-  return h && (t.__proto__ = h), t.prototype = Object.create(h && h.prototype), t.prototype.constructor = t, t.prototype.flatten = function() {
-    return this.left.flatten().concat(this.right.flatten());
-  }, t.prototype.getInner = function(e) {
-    return e < this.left.length ? this.left.get(e) : this.right.get(e - this.left.length);
-  }, t.prototype.forEachInner = function(e, n, i, s) {
-    var f = this.left.length;
-    if (n < f && this.left.forEachInner(e, n, Math.min(i, f), s) === !1 || i > f && this.right.forEachInner(e, Math.max(n - f, 0), Math.min(this.length, i) - f, s + f) === !1)
-      return !1;
-  }, t.prototype.forEachInvertedInner = function(e, n, i, s) {
-    var f = this.left.length;
-    if (n > f && this.right.forEachInvertedInner(e, n - f, Math.max(i, f) - f, s + f) === !1 || i < f && this.left.forEachInvertedInner(e, Math.min(n, f), i, s) === !1)
-      return !1;
-  }, t.prototype.sliceInner = function(e, n) {
-    if (e == 0 && n == this.length)
-      return this;
-    var i = this.left.length;
-    return n <= i ? this.left.slice(e, n) : e >= i ? this.right.slice(e - i, n - i) : this.left.slice(e, i).append(this.right.slice(0, n - i));
-  }, t.prototype.leafAppend = function(e) {
-    var n = this.right.leafAppend(e);
-    if (n)
-      return new t(this.left, n);
-  }, t.prototype.leafPrepend = function(e) {
-    var n = this.left.leafPrepend(e);
-    if (n)
-      return new t(n, this.right);
-  }, t.prototype.appendInner = function(e) {
-    return this.left.depth >= Math.max(this.right.depth, e.depth) + 1 ? new t(this.left, new t(this.right, e)) : new t(this, e);
-  }, t;
-})(p);
+}, r = n.extend({
+  name: "inputtext",
+  classes: l
+});
 export {
-  p as default
+  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: {

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

@@ -445,6 +445,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>;
@@ -467,11 +479,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/room-details-popover/room-details-popover.d.ts

@@ -778,6 +778,18 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             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>;
@@ -800,11 +812,26 @@ declare const QRoomDetailsPopover: import('vue').DefineComponent<import('vue').E
             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>;
     QDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@quoreadmin/ui",
     "private": false,
-    "version": "1.10.14",
+    "version": "1.10.16",
     "type": "module",
     "sideEffects": [
         "**/*.css",