@bobbykim/manguito-theme 1.1.0 → 1.3.0

package/dist/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-CCmGUrkn.cjs"),a=require("vue"),g=(t,e)=>{if(t.tagName==="A"){const o=t.getAttribute("href");return o?o.charAt(0)==="#"?o.substring(1):o:null}return e||null},v=t=>t?document.getElementById(t):null,p=t=>t.hasAttribute("visible"),u=t=>{const o=t.getAttribute("visible")==="true"?"false":"true";t.setAttribute("visible",o)},m=t=>{const e=`div[accordion="${t}"]`;return Array.from(document.querySelectorAll(e))},A=(t,e)=>{m(e).forEach(r=>{r.id===t.id?u(r):r.getAttribute("visible")==="true"&&r.setAttribute("visible","false")})},C=t=>{u(t)},b=t=>e=>{e.preventDefault();const o=e.target,r=g(o,t),l=v(r);if(!l){console.warn(`[v-collapse] Target element not found: ${r}`);return}if(!p(l)){console.warn(`[v-collapse] Target element missing 'visible' attribute: ${r}`);return}const n=l.getAttribute("accordion");n?A(l,n):C(l)},h={mounted(t,e){t.__HandleToggler=b(e.arg),t.addEventListener("click",t.__HandleToggler)},unmounted(t){t.__HandleToggler&&(t.removeEventListener("click",t.__HandleToggler),delete t.__HandleToggler)}},H=t=>e=>{e.preventDefault();const o=e.target,r=g(o,t),l=v(r);if(!l){console.warn(`[v-toggle] Target element not found: ${r}`);return}if(!p(l)){console.warn(`[v-toggle] Target element mission visible 'visible' attribute: ${r}`);return}u(l)},k={mounted(t,e){t.__ClickToggleHandler=H(e.arg),t.addEventListener("click",t.__ClickToggleHandler)},unmounted(t){t.__ClickToggleHandler&&(t.removeEventListener("click",t.__ClickToggleHandler),delete t.__ClickToggleHandler)}};let y=0;const s=(t,e,o,r)=>{if(t.hasAttribute(o))return t.getAttribute(o);if(typeof e.value=="object"&&e.value!==null&&r in e.value)return e.value[r]},E=(t,e)=>{if(t.hasAttribute("title"))return t.getAttribute("title")||void 0;if(typeof e.value=="string")return e.value;if(typeof e.value=="object"&&e.value?.title)return e.value.title},I=t=>{const e=Object.keys(t.modifiers);return e.length>0?e[0]:void 0},w=(t,e)=>{t.classList.add("relative","group","overflow-visible"),t.__TooltipId||(t.__TooltipId=`mcl-tooltip-${++y}`);const o=t.__TooltipId,r=E(t,e),l=s(t,e,"color","color"),n=s(t,e,"text-color","textColor"),c=s(t,e,"tooltip-width","width"),i=typeof e.value=="object"?e.value.customClass:void 0,_=I(e),T=a.createVNode(d.tooltip,{id:o,direction:_,content:r,color:l,textColor:n,width:c,customClass:i});a.render(T,t),t.setAttribute("aria-describedby",o)},x=t=>{a.render(null,t),t.removeAttribute("aria-describedby"),delete t.__TooltipId},f={mounted(t,e){t.__HandleTooltip=o=>w(t,o),t.__UnmountTooltip=()=>x(t),t.__HandleTooltip(e)},updated(t,e,o,r){const l=e.value!==e.oldValue;let n=!1;const c=r.dirs?.find(i=>i.dir===f);if(c){const i=c.arg;e.arg!==i&&(n=!0)}(l||n)&&t.__HandleTooltip(e)},unmounted(t){t.__UnmountTooltip()}};exports.vClickOutside=d.vClickOutside;exports.vCollapse=h;exports.vToggle=k;exports.vTooltip=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index-BjeE_nEZ.cjs"),a=require("vue"),v=(t,e)=>{if(t.tagName==="A"){const o=t.getAttribute("href");return o?o.charAt(0)==="#"?o.substring(1):o:null}return e||null},p=t=>t?document.getElementById(t):null,f=t=>t.hasAttribute("visible"),u=t=>{const o=t.getAttribute("visible")==="true"?"false":"true";t.setAttribute("visible",o)},b=t=>{const e=`div[accordion="${t}"]`;return Array.from(document.querySelectorAll(e))},C=(t,e)=>{b(e).forEach(r=>{r.id===t.id?u(r):r.getAttribute("visible")==="true"&&r.setAttribute("visible","false")})},A=t=>{u(t)},h=t=>e=>{e.preventDefault();const o=e.target,r=v(o,t),l=p(r);if(!l){console.warn(`[v-collapse] Target element not found: ${r}`);return}if(!f(l)){console.warn(`[v-collapse] Target element missing 'visible' attribute: ${r}`);return}const n=l.getAttribute("accordion");n?C(l,n):A(l)};let d=!1;const H=()=>{d||(d=!0,console.warn("[v-collapse] v-collapse is sunsetted: no collapse component reacts to it, including the base Collapse. Call toggle() on a Collapse template ref or bind :visible, and wrap accordions in <AccordionGroup>. It will be removed in the next major release."))},k={mounted(t,e){H(),t.__HandleToggler=h(e.arg),t.addEventListener("click",t.__HandleToggler)},unmounted(t){t.__HandleToggler&&(t.removeEventListener("click",t.__HandleToggler),delete t.__HandleToggler)}},w=t=>e=>{e.preventDefault();const o=e.target,r=v(o,t),l=p(r);if(!l){console.warn(`[v-toggle] Target element not found: ${r}`);return}if(!f(l)){console.warn(`[v-toggle] Target element mission visible 'visible' attribute: ${r}`);return}u(l)},y={mounted(t,e){t.__ClickToggleHandler=w(e.arg),t.addEventListener("click",t.__ClickToggleHandler)},unmounted(t){t.__ClickToggleHandler&&(t.removeEventListener("click",t.__ClickToggleHandler),delete t.__ClickToggleHandler)}};let I=0;const c=(t,e,o,r)=>{if(t.hasAttribute(o))return t.getAttribute(o);if(typeof e.value=="object"&&e.value!==null&&r in e.value)return e.value[r]},E=(t,e)=>{if(t.hasAttribute("title"))return t.getAttribute("title")||void 0;if(typeof e.value=="string")return e.value;if(typeof e.value=="object"&&e.value?.title)return e.value.title},x=t=>{const e=Object.keys(t.modifiers);return e.length>0?e[0]:void 0},V=(t,e)=>{t.classList.add("relative","group","overflow-visible"),t.__TooltipId||(t.__TooltipId=`mcl-tooltip-${++I}`);const o=t.__TooltipId,r=E(t,e),l=c(t,e,"color","color"),n=c(t,e,"text-color","textColor"),s=c(t,e,"tooltip-width","width"),i=typeof e.value=="object"?e.value.customClass:void 0,m=x(e),T=a.createVNode(g.tooltip,{id:o,direction:m,content:r,color:l,textColor:n,width:s,customClass:i});a.render(T,t),t.setAttribute("aria-describedby",o)},$=t=>{a.render(null,t),t.removeAttribute("aria-describedby"),delete t.__TooltipId},_={mounted(t,e){t.__HandleTooltip=o=>V(t,o),t.__UnmountTooltip=()=>$(t),t.__HandleTooltip(e)},updated(t,e,o,r){const l=e.value!==e.oldValue;let n=!1;const s=r.dirs?.find(i=>i.dir===_);if(s){const i=s.arg;e.arg!==i&&(n=!0)}(l||n)&&t.__HandleTooltip(e)},unmounted(t){t.__UnmountTooltip()}};exports.vClickOutside=g.vClickOutside;exports.vCollapse=k;exports.vToggle=y;exports.vTooltip=_;

package/dist/directives.d.ts

@@ -77,14 +77,22 @@ export declare const vClickOutside: Directive<ClickOutsideElement, ClickOutsideV
 /**
  * Vue directive for collapsible elements with accordion support.
  *
- * @deprecated `MclCollapseA` and `MclCollapseB` now manage state internally via the
- * `useCollapseState` composable. This directive no longer has any effect on those
- * components and will be removed in a future release.
+ * @deprecated Sunsetted. No collapse component reacts to this directive,
+ * including the base `Collapse`, `MclCollapseA`, and `MclCollapseB`: they manage
+ * state internally via the `useCollapseState` composable. Mounting it logs a
+ * warning once per page. It will be removed in the next major release.
  *
- * Migrate accordion groups to the `AccordionGroup` wrapper component:
+ * - `v-collapse:<id>` on a trigger → call `toggle()` on a `Collapse` template ref,
+ *   or bind `:visible`.
+ * - `accordion="<name>"` on a panel → wrap the panels in `<AccordionGroup>`.
  *
  * @example
- * // Preferred: AccordionGroup wrapper
+ * // Standalone base Collapse
+ * <button @click="collapseRef?.toggle()">Toggle</button>
+ * <Collapse ref="collapseRef" id="panel-1">...</Collapse>
+ *
+ * @example
+ * // Accordion
  * import { AccordionGroup } from '@bobbykim/manguito-theme'
  * import { MclCollapseA } from '@bobbykim/mcl-collapse'
  *
@@ -92,11 +100,6 @@ export declare const vClickOutside: Directive<ClickOutsideElement, ClickOutsideV
  *   <MclCollapseA collapse-id="item1" title="Item 1">...</MclCollapseA>
  *   <MclCollapseA collapse-id="item2" title="Item 2">...</MclCollapseA>
  * </AccordionGroup>
- *
- * @example
- * // Preferred: standalone collapse (no wrapper needed)
- * <MclCollapseA collapse-id="item1" title="Item 1">...</MclCollapseA>
- *
  */
 export declare const vCollapse: Directive<CollapseElement>;
 

package/dist/directives.js

@@ -1,32 +1,32 @@
-import { t as _ } from "./index-Dh_YZ5el.js";
-import { v as N } from "./index-Dh_YZ5el.js";
-import { createVNode as m, render as u } from "vue";
-const d = (t, e) => {
+import { t as _ } from "./index-CzXHE-4G.js";
+import { v as O } from "./index-CzXHE-4G.js";
+import { createVNode as T, render as d } from "vue";
+const g = (t, e) => {
   if (t.tagName === "A") {
     const o = t.getAttribute("href");
     return o ? o.charAt(0) === "#" ? o.substring(1) : o : null;
   }
   return e || null;
-}, g = (t) => t ? document.getElementById(t) : null, v = (t) => t.hasAttribute("visible"), a = (t) => {
+}, v = (t) => t ? document.getElementById(t) : null, p = (t) => t.hasAttribute("visible"), c = (t) => {
   const o = t.getAttribute("visible") === "true" ? "false" : "true";
   t.setAttribute("visible", o);
-}, T = (t) => {
+}, b = (t) => {
   const e = `div[accordion="${t}"]`;
   return Array.from(document.querySelectorAll(e));
 }, A = (t, e) => {
-  T(e).forEach((r) => {
-    r.id === t.id ? a(r) : r.getAttribute("visible") === "true" && r.setAttribute("visible", "false");
+  b(e).forEach((r) => {
+    r.id === t.id ? c(r) : r.getAttribute("visible") === "true" && r.setAttribute("visible", "false");
   });
 }, C = (t) => {
-  a(t);
-}, b = (t) => (e) => {
+  c(t);
+}, h = (t) => (e) => {
   e.preventDefault();
-  const o = e.target, r = d(o, t), l = g(r);
+  const o = e.target, r = g(o, t), l = v(r);
   if (!l) {
     console.warn(`[v-collapse] Target element not found: ${r}`);
     return;
   }
-  if (!v(l)) {
+  if (!p(l)) {
     console.warn(
       `[v-collapse] Target element missing 'visible' attribute: ${r}`
     );
@@ -34,42 +34,48 @@ const d = (t, e) => {
   }
   const n = l.getAttribute("accordion");
   n ? A(l, n) : C(l);
-}, $ = {
+};
+let u = !1;
+const H = () => {
+  u || (u = !0, console.warn(
+    "[v-collapse] v-collapse is sunsetted: no collapse component reacts to it, including the base Collapse. Call toggle() on a Collapse template ref or bind :visible, and wrap accordions in <AccordionGroup>. It will be removed in the next major release."
+  ));
+}, L = {
   mounted(t, e) {
-    t.__HandleToggler = b(e.arg), t.addEventListener("click", t.__HandleToggler);
+    H(), t.__HandleToggler = h(e.arg), t.addEventListener("click", t.__HandleToggler);
   },
   unmounted(t) {
     t.__HandleToggler && (t.removeEventListener("click", t.__HandleToggler), delete t.__HandleToggler);
   }
-}, h = (t) => (e) => {
+}, k = (t) => (e) => {
   e.preventDefault();
-  const o = e.target, r = d(o, t), l = g(r);
+  const o = e.target, r = g(o, t), l = v(r);
   if (!l) {
     console.warn(`[v-toggle] Target element not found: ${r}`);
     return;
   }
-  if (!v(l)) {
+  if (!p(l)) {
     console.warn(
       `[v-toggle] Target element mission visible 'visible' attribute: ${r}`
     );
     return;
   }
-  a(l);
-}, D = {
+  c(l);
+}, j = {
   mounted(t, e) {
-    t.__ClickToggleHandler = h(e.arg), t.addEventListener("click", t.__ClickToggleHandler);
+    t.__ClickToggleHandler = k(e.arg), t.addEventListener("click", t.__ClickToggleHandler);
   },
   unmounted(t) {
     t.__ClickToggleHandler && (t.removeEventListener("click", t.__ClickToggleHandler), delete t.__ClickToggleHandler);
   }
 };
-let H = 0;
-const s = (t, e, o, r) => {
+let w = 0;
+const a = (t, e, o, r) => {
   if (t.hasAttribute(o))
     return t.getAttribute(o);
   if (typeof e.value == "object" && e.value !== null && r in e.value)
     return e.value[r];
-}, k = (t, e) => {
+}, I = (t, e) => {
   if (t.hasAttribute("title"))
     return t.getAttribute("title") || void 0;
   if (typeof e.value == "string")
@@ -79,40 +85,40 @@ const s = (t, e, o, r) => {
 }, E = (t) => {
   const e = Object.keys(t.modifiers);
   return e.length > 0 ? e[0] : void 0;
-}, I = (t, e) => {
-  t.classList.add("relative", "group", "overflow-visible"), t.__TooltipId || (t.__TooltipId = `mcl-tooltip-${++H}`);
-  const o = t.__TooltipId, r = k(t, e), l = s(t, e, "color", "color"), n = s(
+}, x = (t, e) => {
+  t.classList.add("relative", "group", "overflow-visible"), t.__TooltipId || (t.__TooltipId = `mcl-tooltip-${++w}`);
+  const o = t.__TooltipId, r = I(t, e), l = a(t, e, "color", "color"), n = a(
     t,
     e,
     "text-color",
     "textColor"
-  ), c = s(
+  ), s = a(
     t,
     e,
     "tooltip-width",
     "width"
-  ), i = typeof e.value == "object" ? e.value.customClass : void 0, p = E(e), f = m(_, {
+  ), i = typeof e.value == "object" ? e.value.customClass : void 0, f = E(e), m = T(_, {
     id: o,
-    direction: p,
+    direction: f,
     content: r,
     color: l,
     textColor: n,
-    width: c,
+    width: s,
     customClass: i
   });
-  u(f, t), t.setAttribute("aria-describedby", o);
+  d(m, t), t.setAttribute("aria-describedby", o);
 }, y = (t) => {
-  u(null, t), t.removeAttribute("aria-describedby"), delete t.__TooltipId;
-}, w = {
+  d(null, t), t.removeAttribute("aria-describedby"), delete t.__TooltipId;
+}, V = {
   mounted(t, e) {
-    t.__HandleTooltip = (o) => I(t, o), t.__UnmountTooltip = () => y(t), t.__HandleTooltip(e);
+    t.__HandleTooltip = (o) => x(t, o), t.__UnmountTooltip = () => y(t), t.__HandleTooltip(e);
   },
   updated(t, e, o, r) {
     const l = e.value !== e.oldValue;
     let n = !1;
-    const c = r.dirs?.find((i) => i.dir === w);
-    if (c) {
-      const i = c.arg;
+    const s = r.dirs?.find((i) => i.dir === V);
+    if (s) {
+      const i = s.arg;
       e.arg !== i && (n = !0);
     }
     (l || n) && t.__HandleTooltip(e);
@@ -122,8 +128,8 @@ const s = (t, e, o, r) => {
   }
 };
 export {
-  N as vClickOutside,
-  $ as vCollapse,
-  D as vToggle,
-  w as vTooltip
+  O as vClickOutside,
+  L as vCollapse,
+  j as vToggle,
+  V as vTooltip
 };

package/dist/{getGlassmorphismClass-C8vZx0NK.cjs → getGlassmorphismClass-DqCdKnYl.cjs}

@@ -1 +1 @@
-"use strict";const a=require("vue"),c=require("./index-DsWyi0z9.cjs"),t=a.defineComponent({setup(e,{slots:l}){const s=a.ref(!1);return a.onMounted(()=>{s.value=!0}),()=>s.value&&l.default?l.default():null}}),m={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},n={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},d={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},g=(e,l,s,r=10)=>["mcl-glassmorphism",n[e],m[l],c.generateClass.bgOpacityVariant({opacity:s}),d[r]].filter(Boolean).join(" ");exports.ClientSideRender=t;exports.getGlassmorphismClass=g;
+"use strict";const a=require("vue"),c=require("./index-CsKLajvY.cjs"),t=a.defineComponent({setup(e,{slots:l}){const s=a.ref(!1);return a.onMounted(()=>{s.value=!0}),()=>s.value&&l.default?l.default():null}}),m={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},n={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},d={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},g=(e,l,s,r=10)=>["mcl-glassmorphism",n[e],m[l],c.generateClass.bgOpacityVariant({opacity:s}),d[r]].filter(Boolean).join(" ");exports.ClientSideRender=t;exports.getGlassmorphismClass=g;

package/dist/{getGlassmorphismClass-M90JAjcf.js → getGlassmorphismClass-d_Ji96-u.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as e, onMounted as t } from "vue";
-import { g as m } from "./index-Ds9xkbnl.js";
+import { g as m } from "./index-CDXrm85l.js";
 const p = c({
   setup(a, { slots: l }) {
     const s = e(!1);

package/dist/index-BjeE_nEZ.cjs

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