@quoreadmin/ui 1.10.13 → 1.10.15

package/dist/index394.js

@@ -1,63 +1,30 @@
-const f = function* (e, t) {
-  let n = e.byteLength;
-  if (n < t) {
-    yield e;
-    return;
-  }
-  let a = 0, r;
-  for (; a < n; )
-    r = a + t, yield e.slice(a, r), a = r;
-}, w = async function* (e, t) {
-  for await (const n of b(e))
-    yield* f(n, t);
-}, b = async function* (e) {
-  if (e[Symbol.asyncIterator]) {
-    yield* e;
-    return;
-  }
-  const t = e.getReader();
-  try {
-    for (; ; ) {
-      const { done: n, value: a } = await t.read();
-      if (n)
-        break;
-      yield a;
-    }
-  } finally {
-    await t.cancel();
-  }
-}, h = (e, t, n, a) => {
-  const r = w(e, t);
-  let d = 0, o, c = (l) => {
-    o || (o = !0, a && a(l));
-  };
-  return new ReadableStream({
-    async pull(l) {
-      try {
-        const { done: i, value: y } = await r.next();
-        if (i) {
-          c(), l.close();
-          return;
-        }
-        let s = y.byteLength;
-        if (n) {
-          let u = d += s;
-          n(u);
-        }
-        l.enqueue(new Uint8Array(y));
-      } catch (i) {
-        throw c(i), i;
+import a from "./index329.js";
+import s from "./index334.js";
+import m from "./index323.js";
+const h = (e, t) => {
+  const { length: l } = e = e ? e.filter(Boolean) : [];
+  if (t || l) {
+    let u = new AbortController(), f;
+    const n = function(r) {
+      if (!f) {
+        f = !0, i();
+        const o = r instanceof Error ? r : this.reason;
+        u.abort(o instanceof s ? o : new a(o instanceof Error ? o.message : o));
       }
-    },
-    cancel(l) {
-      return c(l), r.return();
-    }
-  }, {
-    highWaterMark: 2
-  });
+    };
+    let c = t && setTimeout(() => {
+      c = null, n(new s(`timeout of ${t}ms exceeded`, s.ETIMEDOUT));
+    }, t);
+    const i = () => {
+      e && (c && clearTimeout(c), c = null, e.forEach((r) => {
+        r.unsubscribe ? r.unsubscribe(n) : r.removeEventListener("abort", n);
+      }), e = null);
+    };
+    e.forEach((r) => r.addEventListener("abort", n));
+    const { signal: b } = u;
+    return b.unsubscribe = () => m.asap(i), b;
+  }
 };
 export {
-  w as readBytes,
-  f as streamChunk,
-  h as trackStream
+  h as default
 };

package/dist/index395.js

@@ -1,19 +1,63 @@
-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"
-    }];
+const f = function* (e, t) {
+  let n = e.byteLength;
+  if (n < t) {
+    yield e;
+    return;
   }
-}, r = n.extend({
-  name: "inputtext",
-  classes: l
-});
+  let a = 0, r;
+  for (; a < n; )
+    r = a + t, yield e.slice(a, r), a = r;
+}, w = async function* (e, t) {
+  for await (const n of b(e))
+    yield* f(n, t);
+}, b = async function* (e) {
+  if (e[Symbol.asyncIterator]) {
+    yield* e;
+    return;
+  }
+  const t = e.getReader();
+  try {
+    for (; ; ) {
+      const { done: n, value: a } = await t.read();
+      if (n)
+        break;
+      yield a;
+    }
+  } finally {
+    await t.cancel();
+  }
+}, h = (e, t, n, a) => {
+  const r = w(e, t);
+  let d = 0, o, c = (l) => {
+    o || (o = !0, a && a(l));
+  };
+  return new ReadableStream({
+    async pull(l) {
+      try {
+        const { done: i, value: y } = await r.next();
+        if (i) {
+          c(), l.close();
+          return;
+        }
+        let s = y.byteLength;
+        if (n) {
+          let u = d += s;
+          n(u);
+        }
+        l.enqueue(new Uint8Array(y));
+      } catch (i) {
+        throw c(i), i;
+      }
+    },
+    cancel(l) {
+      return c(l), r.return();
+    }
+  }, {
+    highWaterMark: 2
+  });
+};
 export {
-  r as default
+  w as readBytes,
+  f as streamChunk,
+  h as trackStream
 };

package/dist/index396.js

@@ -1,4 +1,4 @@
-import a from "./index383.js";
+import a from "./index384.js";
 const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
 export {
   e 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/index401.js

@@ -1,4 +1,4 @@
-import o from "./index371.js";
+import o from "./index375.js";
 const n = o.hasStandardBrowserEnv ? /* @__PURE__ */ ((r, e) => (t) => (t = new URL(t, o.origin), r.protocol === t.protocol && r.host === t.host && (e || r.port === t.port)))(
   new URL(o.origin),
   o.navigator && /(msie|trident)/i.test(o.navigator.userAgent)

package/dist/index402.js

@@ -1,5 +1,5 @@
-import n from "./index310.js";
-import d from "./index371.js";
+import n from "./index323.js";
+import d from "./index375.js";
 const p = d.hasStandardBrowserEnv ? (
   // Standard browser envs support document.cookie
   {

package/dist/index45.js

@@ -374,7 +374,7 @@ function Ro(e, l, Go, Lo, zo, Yo) {
                       r(p, {
                         class: "shrink-0 mr-1 p-0.5",
                         color: "inkwell-10",
-                        icon: "phone-plus",
+                        icon: "phone",
                         size: "md",
                         type: "fill"
                       }),

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.13",
+    "version": "1.10.15",
     "type": "module",
     "sideEffects": [
         "**/*.css",