@quoreadmin/ui 1.5.0 → 1.6.0

package/dist/index163.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
 };