@bobbykim/manguito-theme 0.28.1 → 0.28.3

package/dist/index-M2bUcfcK.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),u=require("./index-CU3f0thH.cjs"),v=(t,e,n)=>!e||!(e instanceof Node)||t===e||t.contains(e)?!1:n?.length?!n.some(o=>o===e||o.contains(e)):!0,s=t=>typeof t.value=="function"?{handler:t.value,events:["click"]}:{handler:t.value.handler,events:t.value.events||["click"],excludeElements:t.value.excludeElements},c=(t,e,n)=>o=>{v(t,o.target,n)&&e(o)},p={mounted(t,e){const{handler:n,events:o,excludeElements:l}=s(e);t.__ClickOutsideHandler=c(t,n,l),o.forEach(i=>{document.addEventListener(i,t.__ClickOutsideHandler,!0)})},updated(t,e){t.__ClickOutsideHandler&&s({...e,value:e.oldValue}).events.forEach(a=>{document.removeEventListener(a,t.__ClickOutsideHandler,!0)});const{handler:n,events:o,excludeElements:l}=s(e);t.__ClickOutsideHandler=c(t,n,l),o.forEach(i=>{document.addEventListener(i,t.__ClickOutsideHandler,!0)})},unmounted(t,e){if(t.__ClickOutsideHandler){const{events:n}=s(e);n.forEach(o=>{document.removeEventListener(o,t.__ClickOutsideHandler,!0)}),delete t.__ClickOutsideHandler}}},d={left:"tooltip-left",top:"tooltip-top",bottom:"tooltip-bottom",right:"tooltip-right"},f=r.defineComponent({name:"Tooltip",props:{direction:{type:String,default:"right"},color:{type:String,default:"dark-3"},textColor:{type:String,default:"white"},width:{type:[Number,String],default:80},customClass:{type:String,default:""},title:{type:String,required:!0}},setup(t){const e="invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip",n=r.computed(()=>[u.generateClass("BGCOLOR",t.color),u.generateClass("TEXTCOLOR",t.textColor)].join(" ")),o=r.computed(()=>({width:`${t.width}px`})),l=r.computed(()=>d[t.direction]||d.right),i=r.computed(()=>[e,l.value,n.value,t.customClass]);return()=>r.h("div",{class:i.value,role:"tooltip",innerHTML:t.title,style:[o.value]})}});exports.tooltip=f;exports.vClickOutside=p;

package/dist/mcl-theme-v4.css

@@ -70,6 +70,7 @@
 @property --mcl-depth-color {
   syntax: '<color>';
   inherits: false;
+  initial-value: white;
 }
 
 /* Base Styles - replaces addBase from your plugin */
@@ -123,29 +124,29 @@
     margin-right: auto;
     margin-left: auto;
   }
-  @media (min-width: var(--breakpoint-sm)) {
+  @media (min-width: theme(--breakpoint-sm)) {
     .container {
-      max-width: var(--breakpoint-sm);
+      max-width: theme(--breakpoint-sm);
     }
   }
-  @media (min-width: var(--breakpoint-md)) {
+  @media (min-width: theme(--breakpoint-md)) {
     .container {
-      max-width: var(--breakpoint-md);
+      max-width: theme(--breakpoint-md);
     }
   }
-  @media (min-width: var(--breakpoint-lg)) {
+  @media (min-width: theme(--breakpoint-lg)) {
     .container {
-      max-width: var(--breakpoint-lg);
+      max-width: theme(--breakpoint-lg);
     }
   }
-  @media (min-width: var(--breakpoint-xl)) {
+  @media (min-width: theme(--breakpoint-xl)) {
     .container {
-      max-width: var(--breakpoint-xl);
+      max-width: theme(--breakpoint-xl);
     }
   }
-  @media (min-width: var(--breakpoint-2xl)) {
+  @media (min-width: theme(--breakpoint-2xl)) {
     .container {
-      max-width: var(--breakpoint-2xl);
+      max-width: theme(--breakpoint-2xl);
     }
   }
   /* Heading size variants */

package/dist/observeVisible-CPssysCl.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("@vueuse/core"),n=t=>t.getAttribute("visible")==="true",o=t=>t.type==="attributes"&&t.attributeName==="visible",a=(t,i)=>u.useMutationObserver(t,r=>{const e=r.find(o);if(!e)return;const s=e.target,b=n(s);i(b)},{attributes:!0,attributeFilter:["visible"]});exports.observeVisibleAttr=a;

package/dist/observeVisible-CnnM-J1f.js

@@ -0,0 +1,19 @@
+import { useMutationObserver as u } from "@vueuse/core";
+const n = (t) => t.getAttribute("visible") === "true", o = (t) => t.type === "attributes" && t.attributeName === "visible", l = (t, i) => u(
+  t,
+  (r) => {
+    const e = r.find(o);
+    if (!e)
+      return;
+    const s = e.target, b = n(s);
+    i(b);
+  },
+  {
+    attributes: !0,
+    attributeFilter: ["visible"]
+    // only watch the visible attribute
+  }
+);
+export {
+  l as o
+};

package/dist/util.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./getGlassmorphismClass-CKSrH9Jg.cjs");exports.ClientSideRender=e.ClientSideRender;exports.getGlassmorphismClass=e.getGlassmorphismClass;

package/dist/util.d.ts

@@ -0,0 +1,21 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { VNode } from 'vue';
+
+declare type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export declare const ClientSideRender: DefineComponent<    {}, () => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>[] | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare type ColorPalette = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light-1' | 'light-2' | 'light-3' | 'light-4' | 'dark-1' | 'dark-2' | 'dark-3' | 'dark-4' | 'black' | 'white' | 'transparent';
+
+export declare const getGlassmorphismClass: (color: ColorPalette, blur: BodyText, opacity: OpacityRange, depth?: OpacityRange) => string;
+
+declare type OpacityRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+
+export { }

package/dist/util.js

@@ -0,0 +1,5 @@
+import { C as a, g as r } from "./getGlassmorphismClass-C-7frTJB.js";
+export {
+  a as ClientSideRender,
+  r as getGlassmorphismClass
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "0.28.1",
+  "version": "0.28.3",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "publishConfig": {
@@ -31,7 +31,22 @@
       "import": "./dist/core.js",
       "require": "./dist/core.cjs"
     },
-    "./mcl-theme-v4.css": "./dist/mcl-theme-v4.css"
+    "./mcl-theme-v4.css": "./dist/mcl-theme-v4.css",
+    "./directives": {
+      "types": "./dist/directives.d.ts",
+      "import": "./dist/directives.js",
+      "require": "./dist/directives.cjs"
+    },
+    "./util": {
+      "types": "./dist/util.d.ts",
+      "import": "./dist/util.js",
+      "require": "./dist/util.cjs"
+    },
+    "./composable": {
+      "types": "./dist/composable.d.ts",
+      "import": "./dist/composable.js",
+      "require": "./dist/composable.cjs"
+    }
   },
   "scripts": {
     "build": "vite build && cp lib/style/mcl-theme-v4.css dist/mcl-theme-v4.css"
@@ -60,5 +75,5 @@
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
   },
   "license": "MIT",
-  "gitHead": "9ffea0493c49e2c7df51c45e3c2f72d256663048"
+  "gitHead": "fc1830324e5a409b68bbb2b39280fe0b3cf3673a"
 }