@quoreadmin/ui 1.8.10 → 1.9.0

package/dist/index17.js

@@ -1,7 +1,7 @@
-import N from "./index90.js";
+import N from "./index91.js";
 import { resolveComponent as m, openBlock as o, createElementBlock as r, mergeProps as v, toHandlerKey as F, normalizeStyle as p, normalizeClass as t, renderSlot as b, createCommentVNode as d, createElementVNode as n, createVNode as u, createSlots as H, renderList as y, withCtx as w, withModifiers as S, normalizeProps as V, guardReactiveProps as B, createTextVNode as $, toDisplayString as g, Fragment as k, createBlock as R } from "vue";
 /* empty css        */
-import T from "./index63.js";
+import T from "./index64.js";
 const M = ["id"], q = ["id"], D = {
   class: /* @__PURE__ */ t([
     "fixed-scrollable overflow-x-auto overflow-y-hidden z-20"

package/dist/index170.js

@@ -1,282 +1,93 @@
-const i = {
-  content: ({ parent: o, props: t }) => ({
-    class: [
-      "flex",
-      {
-        "flex-col": t.fullScreen
-      },
-      {
-        "flex-col": o.props.thumbnailsPosition === "top" || o.props.thumbnailsPosition === "bottom",
-        "flex-row": o.props.thumbnailsPosition === "right" || o.props.thumbnailsPosition === "left"
-      }
-    ]
-  }),
-  // Contains main photo & previous/next button container "itemcontainer" below
-  itemwrapper: ({ parent: o, props: t }) => ({
-    class: [
-      "group",
-      "flex relative",
-      "mt-14 md:mt-20 min-h-[74vh]",
-      {
-        "grow shrink w-0 justify-center": t.fullScreen
-      },
-      {
-        "flex-col": o.props.indicatorsPosition === "bottom" || o.props.indicatorsPosition === "top",
-        "flex-row items-center": o.props.indicatorsPosition === "left" || o.props.indicatorsPosition === "right"
-      },
-      {
-        "order-2": o.props.thumbnailsPosition === "top" || o.props.thumbnailsPosition === "left",
-        "flex-row": o.props.thumbnailsPosition === "right"
-      }
-    ]
-  }),
-  // Contains main photo & previous/next buttons
-  itemcontainer: ({ parent: o }) => ({
-    class: [
-      "flex w-full md:w-screen h-full relative grow items-center",
-      {
-        "order-1": o.props.indicatorsPosition === "bottom" || o.props.indicatorsPosition === "right",
-        "order-2": o.props.indicatorsPosition === "top" || o.props.indicatorsPosition === "left"
-      }
-    ]
-  }),
-  // Div that contains main img element
-  item: {
-    class: [
-      // Flex
-      "flex justify-center items-center",
-      // Sizing
-      "h-full w-full",
-      "rounded-lg overflow-auto",
-      // Misc
-      "md:max-w-[592px] mx-auto"
-    ]
-  },
-  // Contains div that contains thumbnail container "thumbnailcontainer"
-  thumbnailwrapper: ({ parent: o }) => ({
-    class: [
-      // Flex
-      "flex flex-col shrink-0",
-      {
-        "order-1": o.props.thumbnailsPosition === "top" || o.props.thumbnailsPosition === "left"
-      },
-      // Misc
-      "overflow-auto"
-    ]
-  }),
-  thumbnailcontainer: ({ parent: o }) => ({
-    class: [
-      // Flex
-      "flex",
-      // Spacing
-      "p-4",
-      // Colors
-      "bg-transparent",
-      "md:max-w-[592px] mx-auto",
-      {
-        "flex-row": o.props.thumbnailsPosition === "top" || o.props.thumbnailsPosition === "bottom",
-        "flex-col grow": o.props.thumbnailsPosition === "right" || o.props.thumbnailsPosition === "left"
-      }
-    ]
-  }),
-  // Container for the previous thumbnail button
-  previousthumbnailbutton: {
-    class: [
-      // Positioning
-      "self-center relative",
-      // Display & Flexbox
-      "flex shrink-0 justify-center items-center overflow-hidden",
-      // Spacing
-      "m-2 ml-0",
-      // Appearance
-      "bg-transparent text-white w-8 h-8 rounded-full transition duration-200 ease-in-out",
-      // Hover Effects
-      "hover:bg-surface-0/10 hover:text-white",
-      // Focus Effects
-      "focus:outline-none focus:outline-offset-0"
-    ]
-  },
-  // The container for just the thumbnails (not including the previous/next buttons) - contains another div "thumbnailitems"
-  thumbnailitemscontainer: {
-    class: "overflow-hidden w-full md:w-[30rem]"
-  },
-  // The div that contains just the thumbnails
-  thumbnailitems: ({ parent: o }) => ({
-    class: [
-      "flex",
-      {
-        "flex-col h-full": o.props.thumbnailsPosition === "right" || o.props.thumbnailsPosition === "left"
-      }
-    ]
-  }),
-  thumbnailitem: ({ parent: o }) => ({
-    class: [
-      // Flexbox
-      "flex items-center justify-center",
-      "grow shrink-0",
-      {
-        "w-full md:w-[25%]": o.props.thumbnailsPosition === "top" || o.props.thumbnailsPosition === "bottom"
-      },
-      // Misc
-      "overflow-auto",
-      "cursor-pointer",
-      // 'opacity-50',
-      // States
-      "hover:opacity-100",
-      "hover:transition-opacity",
-      "hover:duration-300"
-    ]
-  }),
-  nextthumbnailbutton: {
-    class: [
-      // Positioning
-      "self-center relative",
-      // Display & Flexbox
-      "flex shrink-0 justify-center items-center overflow-hidden",
-      // Spacing
-      "m-2 mr-0",
-      // Appearance
-      "bg-transparent text-white w-8 h-8 rounded-full transition duration-200 ease-in-out",
-      // Hover Effects
-      "hover:bg-surface-0/10 hover:text-white",
-      // Focus Effects
-      "focus:outline-none focus:outline-offset-0"
-    ]
-  },
-  indicators: ({ parent: o }) => ({
-    class: [
-      // flex
-      "flex items-center justify-center",
-      // Spacing
-      "p-4",
-      // Indicators Position
-      {
-        "order-2": o.props.indicatorsPosition == "bottom",
-        "order-1": o.props.indicatorsPosition == "top",
-        "order-1 flex-col": o.props.indicatorsPosition == "left",
-        "flex-col order-2": o.props.indicatorsPosition == "right"
-      },
-      {
-        "absolute z-10 bg-black/50": o.props.showIndicatorsOnItem
-      },
-      {
-        "bottom-0 left-0 w-full items-start": o.props.indicatorsPosition == "bottom" && o.props.showIndicatorsOnItem,
-        "top-0 left-0 w-full items-start": o.props.indicatorsPosition == "top" && o.props.showIndicatorsOnItem,
-        "left-0 top-0 h-full items-start": o.props.indicatorsPosition == "left" && o.props.showIndicatorsOnItem,
-        "right-0 top-0 h-full items-start": o.props.indicatorsPosition == "right" && o.props.showIndicatorsOnItem
-      }
-    ]
-  }),
-  indicator: ({ parent: o }) => ({
-    class: [
-      {
-        "mr-2": o.props.indicatorsPosition == "bottom" || o.props.indicatorsPosition == "top",
-        "mb-2": o.props.indicatorsPosition == "left" || o.props.indicatorsPosition == "right"
-      }
-    ]
-  }),
-  indicatorbutton: ({ context: o }) => ({
-    class: [
-      // Size
-      "w-2 h-2",
-      // Appearance
-      "rounded-full transition duration-200",
-      // Focus Effects
-      "focus:outline-none focus:outline-offset-0",
-      // Conditional Appearance: Not Highlighted
-      {
-        "bg-inkwell-30 hover:bg-surface-300 dark:bg-surface-700 dark:hover:bg-surface-600": !o.highlighted
-      },
-      // Conditional Appearance: Highlighted
-      { "bg-white hover:bg-primary-600": o.highlighted }
-    ]
-  }),
-  mask: {
-    class: [
-      "fixed top-0 left-0 w-full h-full",
-      "flex items-center justify-center",
-      "bg-inkwell-40/95",
-      "image-overlay"
-    ]
-  },
-  closebutton: {
-    class: [
-      // Positioning
-      "!absolute top-0 right-0 z-[1001]",
-      // Display & Flexbox
-      "flex justify-center items-center overflow-hidden",
-      // Spacing
-      "m-2",
-      // Appearance
-      "text-white bg-transparent w-12 h-12 rounded-full transition duration-200 ease-in-out",
-      // Focus Effects
-      "focus:outline-none"
-    ]
-  },
-  closeicon: {
-    class: "w-6 h-6"
-  },
-  previousitembutton: ({ parent: o }) => ({
-    class: [
-      // Display & Flexbox
-      "inline-flex justify-center items-center overflow-hidden",
-      // Appearance
-      "bg-transparent text-white w-16 h-16 transition duration-200 ease-in-out rounded-md",
-      {
-        "opacity-0 group-hover:opacity-100": o.props.showItemNavigatorsOnHover
-      },
-      // Spacing
-      "mx-2",
-      // Positioning
-      "top-1/2 mt-[-0.5rem] left-0",
-      {
-        "!absolute": o.props.showItemNavigators,
-        "!fixed": !o.props.showItemNavigators
-      },
-      // Hover Effect
-      "hover:bg-surface-0/10 hover:text-white",
-      // Focus Effects
-      "focus:outline-none focus:outline-offset-0"
-    ]
-  }),
-  nextitembutton: ({ parent: o }) => ({
-    class: [
-      // Display & Flexbox
-      "inline-flex justify-center items-center overflow-hidden",
-      // Appearance
-      "bg-transparent text-white w-16 h-16 transition duration-200 ease-in-out rounded-md",
-      {
-        "opacity-0 group-hover:opacity-100": o.props.showItemNavigatorsOnHover
-      },
-      // Spacing
-      "mx-2",
-      // Positioning
-      "top-1/2 mt-[-0.5rem] right-0",
-      {
-        "!absolute": o.props.showItemNavigators,
-        "!fixed": !o.props.showItemNavigators
-      },
-      // Hover Effect
-      "hover:bg-surface-0/10 hover:text-white",
-      // Focus Effects
-      "focus:outline-none focus:outline-offset-0"
-    ]
-  }),
-  caption: {
-    class: [
-      // Positioning
-      "absolute bottom-0 left-0 w-full",
-      // Appearance
-      "bg-black/50 text-white p-4"
-    ]
-  },
-  transition: {
-    enterFromClass: "opacity-0 scale-75",
-    enterActiveClass: "transition-all duration-150 ease-in-out",
-    leaveActiveClass: "transition-all duration-150 ease-in",
-    leaveToClass: "opacity-0 scale-75"
-  }
+const e = {
+  css: `
+    *[data-pd-ripple="true"]{
+        overflow: hidden;
+        position: relative;
+    }
+    span[data-p-ink-active="true"]{
+        animation: ripple 0.4s linear;
+    }
+    @keyframes ripple {
+        100% {
+            opacity: 0;
+            transform: scale(2.5);
+        }
+    }
+
+    .progress-spinner-circle {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: 0;
+        animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+        stroke-linecap: round;
+    }
+
+    @keyframes p-progress-spinner-dash{
+        0% {
+            stroke-dasharray: 1, 200;
+            stroke-dashoffset: 0;
+        }
+
+        50% {
+            stroke-dasharray: 89, 200;
+            stroke-dashoffset: -35px;
+        }
+        100% {
+            stroke-dasharray: 89, 200;
+            stroke-dashoffset: -124px;
+        }
+    }
+    @keyframes p-progress-spinner-color {
+        100%, 0% {
+            stroke: #ff5757;
+        }
+        40% {
+            stroke: #696cff;
+        }
+        66% {
+            stroke: #1ea97c;
+        }
+        80%, 90% {
+            stroke: #cc8925;
+        }
+    }
+
+    .progressbar-value-animate::after {
+        will-change: left, right;
+        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    }
+    .progressbar-value-animate::before {
+        will-change: left, right;
+        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+    }
+    @keyframes p-progressbar-indeterminate-anim {
+        0% {
+            left: -35%;
+            right: 100%;
+        }
+        60% {
+            left: 100%;
+            right: -90%;
+        }
+        100% {
+            left: 100%;
+            right: -90%;
+        }
+    }
+
+    .p-fadein {
+        animation: p-fadein 250ms linear;
+    }
+
+    @keyframes p-fadein {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+`
 };
 export {
-  i as default
+  e as default
 };