@lumx/vue 4.3.2-alpha.34 → 4.3.2-alpha.36

package/components/table/TableCell.d.ts

@@ -2,13 +2,13 @@ import { TableCellProps as UIProps, ThOrder, TableCellVariant } from '@lumx/core
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export { ThOrder, TableCellVariant };
 export type { ThOrder as ThOrderType, TableCellVariant as TableCellVariantType, } from '@lumx/core/js/components/Table/TableCell';
-export type TableCellProps = VueToJSXProps<UIProps, 'onHeaderClick'>;
+export type TableCellProps = VueToJSXProps<UIProps>;
 export declare const emitSchema: {
     headerClick: () => boolean;
 };
 declare const TableCell: import('vue').DefineSetupFnComponent<TableCellProps, {
     headerClick: () => boolean;
-}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "onHeaderClick"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     onHeaderClick?: (() => any) | undefined;

package/index.js

@@ -1,7 +1,7 @@
 import { ColorVariant as $a, Theme as Ta, AspectRatio as Ca, Size as _a } from "@lumx/core/js/constants";
 export * from "@lumx/core/js/constants";
 export * from "@lumx/core/js/types";
-import { createVNode as l, mergeProps as h, defineComponent as y, useAttrs as P, isVNode as ee, inject as It, computed as $, unref as kt, provide as Kr, getCurrentScope as xa, onScopeDispose as Ea, watch as V, toValue as Lt, shallowRef as wa, getCurrentInstance as Yr, onMounted as Ia, ref as ie, useSlots as Ot, Fragment as H, useTemplateRef as La, toRefs as Oa, reactive as Ba, createTextVNode as pe, onBeforeUnmount as Ra, nextTick as ja, toRef as X } from "vue";
+import { createVNode as l, mergeProps as h, defineComponent as y, useAttrs as P, isVNode as ee, inject as It, computed as $, unref as kt, provide as Kr, getCurrentScope as xa, onScopeDispose as Ea, watch as V, toValue as Lt, shallowRef as wa, getCurrentInstance as Yr, onMounted as Ia, ref as ie, useSlots as Ot, Fragment as U, useTemplateRef as La, toRefs as Oa, reactive as Ba, createTextVNode as pe, onBeforeUnmount as Ra, nextTick as ja, toRef as X } from "vue";
 import { getDisabledState as Ma } from "@lumx/core/js/utils/disabledState";
 import { mdiAlertCircle as Jr } from "@lumx/icons/esm/alert-circle.js";
 import { classNames as Z } from "@lumx/core/js/utils";
@@ -10,8 +10,8 @@ import { mdiMinus as Da } from "@lumx/icons/esm/minus.js";
 import { mdiAlert as Fa } from "@lumx/icons/esm/alert.js";
 import { mdiCheckCircle as za } from "@lumx/icons/esm/check-circle.js";
 import { mdiClose as Ga } from "@lumx/icons/esm/close.js";
-import { mdiInformation as Ha } from "@lumx/icons/esm/information.js";
-import { mdiArrowDown as Ua } from "@lumx/icons/esm/arrow-down.js";
+import { mdiInformation as Ua } from "@lumx/icons/esm/information.js";
+import { mdiArrowDown as Ha } from "@lumx/icons/esm/arrow-down.js";
 import { mdiArrowUp as Va } from "@lumx/icons/esm/arrow-up.js";
 import { mdiImageBroken as Wa } from "@lumx/icons/esm/image-broken.js";
 const ve = {
@@ -26,7 +26,7 @@ const ve = {
   xxl: "xxl"
 }, Ka = {
   horizontal: "horizontal"
-}, U = {
+}, H = {
   low: "low",
   high: "high"
 }, Ya = {
@@ -63,9 +63,9 @@ function Ae(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ee = { exports: {} };
-var Ut;
+var Ht;
 function Ja() {
-  return Ut || (Ut = 1, (function(e) {
+  return Ht || (Ht = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -347,9 +347,9 @@ function fn() {
   var e = F(), t = e["__core-js_shared__"];
   return Ge = t, Ge;
 }
-var He, or;
+var Ue, or;
 function mn() {
-  if (or) return He;
+  if (or) return Ue;
   or = 1;
   var e = fn(), t = (function() {
     var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
@@ -358,11 +358,11 @@ function mn() {
   function r(a) {
     return !!t && t in a;
   }
-  return He = r, He;
+  return Ue = r, Ue;
 }
-var Ue, ir;
+var He, ir;
 function sa() {
-  if (ir) return Ue;
+  if (ir) return He;
   ir = 1;
   var e = Function.prototype, t = e.toString;
   function r(a) {
@@ -378,7 +378,7 @@ function sa() {
     }
     return "";
   }
-  return Ue = r, Ue;
+  return He = r, He;
 }
 var Ve, lr;
 function hn() {
@@ -657,7 +657,7 @@ const la = (e) => {
     emphasis: r,
     variant: a,
     fullWidth: n
-  } = e, s = r === U.low && (t === E.light ? E.dark : E.light), o = Rn({
+  } = e, s = r === H.low && (t === E.light ? E.dark : E.light), o = Rn({
     [`color-${s}`]: !!s,
     [`variant-${a}`]: !!a,
     "is-full-width": n
@@ -688,7 +688,7 @@ const la = (e) => {
     fullWidth: v,
     ref: C,
     ...k
-  } = e, _ = s || o !== U.high && g === ve.dark && E.light || o === U.high && E.primary || E.dark;
+  } = e, _ = s || o !== H.high && g === ve.dark && E.light || o === H.high && E.primary || E.dark;
   if (i)
     return qn({
       ...e,
@@ -705,7 +705,7 @@ const la = (e) => {
     "is-focused": d,
     "is-hovered": f,
     [`size-${p}`]: !!p,
-    [`theme-${g}`]: !!(o === U.high && g),
+    [`theme-${g}`]: !!(o === H.high && g),
     [`variant-${b}`]: !!b,
     "is-full-width": v
   }));
@@ -724,7 +724,7 @@ ue.defaultProps = {};
 const Dn = "Button", ca = "lumx-button", {
   modifier: Fn
 } = T(ca), $t = {
-  emphasis: U.high,
+  emphasis: H.high,
   size: w.m
 }, ke = (e) => {
   const {
@@ -778,7 +778,7 @@ const wr = y({
   setup(e, { slots: t }) {
     return Kr("theme", void 0), () => t.default?.();
   }
-}), Hn = "Icon", Un = "lumx-icon", ua = Un, {
+}), Un = "Icon", Hn = "lumx-icon", ua = Hn, {
   block: Vn
 } = T(ua), Wn = {}, I = (e) => {
   const {
@@ -829,7 +829,7 @@ const wr = y({
     fill: "currentColor"
   }, null)])]);
 };
-I.displayName = Hn;
+I.displayName = Un;
 I.className = ua;
 I.defaultProps = Wn;
 const Tt = /* @__PURE__ */ y((e) => {
@@ -979,7 +979,7 @@ function _t(e) {
       t.push(" "), t.push(r), t.push(" ");
       continue;
     }
-    if (r.type === H && Array.isArray(r.children)) {
+    if (r.type === U && Array.isArray(r.children)) {
       const a = _t(r.children);
       a && t.push(...a);
       continue;
@@ -1050,7 +1050,7 @@ const Mt = /* @__PURE__ */ y((e, {
     return !d || d.length === 0 ? null : d.length === 1 && d[0].type === Mt ? d[0] : l("span", null, [d]);
   };
   return () => {
-    const d = l(H, null, [e.leftIcon && !Er(e.leftIcon) && l(wr, null, {
+    const d = l(U, null, [e.leftIcon && !Er(e.leftIcon) && l(wr, null, {
       default: () => [l(Tt, {
         icon: e.leftIcon
       }, null)]
@@ -1073,7 +1073,7 @@ const Mt = /* @__PURE__ */ y((e, {
   props: A()("leftIcon", "rightIcon", "color", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "name", "size", "theme", "class", "aria-expanded", "aria-disabled", "aria-haspopup", "aria-label", "aria-pressed", "disabled", "fullWidth", "isActive", "isFocused", "isHovered", "linkAs", "target", "type"),
   emits: os
 }), is = "IconButton", ls = "lumx-icon-button", xt = {
-  emphasis: U.high,
+  emphasis: H.high,
   size: w.m
 }, de = (e) => {
   const {
@@ -1564,8 +1564,8 @@ function Gs() {
   }
   return yt = t, yt;
 }
-var Hs = Gs();
-const Us = /* @__PURE__ */ Ae(Hs);
+var Us = Gs();
+const Hs = /* @__PURE__ */ Ae(Us);
 function Vs(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ee(e);
 }
@@ -1586,7 +1586,7 @@ const Ws = "GridColumn", ya = "lumx-grid-column", Ks = {}, Te = (e) => {
     className: N(o, ya),
     style: {
       ...i,
-      "--lumx-grid-column-item-min-width": Us(n) && `${n}px`,
+      "--lumx-grid-column-item-min-width": Hs(n) && `${n}px`,
       "--lumx-grid-column-columns": a,
       "--lumx-grid-column-gap": r && `var(--lumx-spacing-unit-${r})`
     }
@@ -1723,12 +1723,12 @@ const to = "lumx-link", {
     [`color-${v}`]: !!v,
     [`color-variant-${C}`]: !!C,
     "has-typography": !!i
-  }), i && Rt(i)), L = l(H, null, [s && l(H, null, [pe(" "), I({
+  }), i && Rt(i)), L = l(U, null, [s && l(U, null, [pe(" "), I({
     icon: s,
     className: Nt("left-icon")
   }), pe(" ")]), t && l("span", {
     className: Nt("content")
-  }, [t]), o && l(H, null, [pe(" "), I({
+  }, [t]), o && l(U, null, [pe(" "), I({
     icon: o,
     className: Nt("right-icon")
   }), pe(" ")])]), B = {
@@ -1765,7 +1765,7 @@ const to = "lumx-link", {
       className: s,
       theme: e.theme || n.value,
       isDisabled: i.value,
-      onClick: d,
+      handleClick: d,
       label: m
     }), null);
   };
@@ -1785,7 +1785,7 @@ const to = "lumx-link", {
   },
   [D.info]: {
     color: E.blue,
-    icon: Ha
+    icon: Ua
   },
   [D.success]: {
     color: E.green,
@@ -1830,7 +1830,7 @@ const to = "lumx-link", {
     icon: Ga,
     onClick: f,
     label: m,
-    emphasis: U.low
+    emphasis: H.low
   })]);
 };
 Dt.displayName = so;
@@ -1914,7 +1914,7 @@ const ji = /* @__PURE__ */ y((e, {
   props: A()("class", "size", "display", "theme")
 }), Di = "ProgressLinear", fo = "lumx-progress-linear", {
   block: mo,
-  element: Hr
+  element: Ur
 } = T(fo), ho = (e) => {
   const {
     className: t,
@@ -1929,9 +1929,9 @@ const ji = /* @__PURE__ */ y((e, {
       [`theme-${r}`]: !!r
     }))
   }), [l("div", {
-    className: Hr("line1")
+    className: Ur("line1")
   }, null), l("div", {
-    className: Hr("line2")
+    className: Ur("line2")
   }, null)]);
 }, Fi = /* @__PURE__ */ y((e) => {
   const t = P(), r = x();
@@ -2154,7 +2154,7 @@ const Gi = /* @__PURE__ */ y((e, {
   }), [l("div", {
     className: Io("inner")
   }, null)]);
-}, Hi = /* @__PURE__ */ y((e) => {
+}, Ui = /* @__PURE__ */ y((e) => {
   const t = P(), r = x();
   return () => l(Po, h(e, t, {
     className: e.class,
@@ -2164,7 +2164,7 @@ const Gi = /* @__PURE__ */ y((e, {
   name: "LumxSkeletonCircle",
   inheritAttrs: !1,
   props: A()("class", "size", "color", "theme")
-}), Ui = /* @__PURE__ */ y((e) => {
+}), Hi = /* @__PURE__ */ y((e) => {
   const t = P(), r = x();
   return () => l(xo, h(e, t, {
     className: e.class,
@@ -2356,16 +2356,16 @@ const Gi = /* @__PURE__ */ y((e, {
   body: "body",
   head: "head"
 }, G = `${fe}__cell`, {
-  block: Ur
+  block: Hr
 } = T(G), Go = {
   variant: Et.body
-}, Ho = (e) => {
+}, Uo = (e) => {
   const {
     children: t,
     className: r,
     icon: a,
     isSortable: n,
-    onHeaderClick: s,
+    handleClick: s,
     ref: o,
     sortOrder: i,
     variant: u = Go.variant,
@@ -2375,10 +2375,10 @@ const Gi = /* @__PURE__ */ y((e, {
     onClick: s
   } : void 0;
   let m;
-  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), l(H, null, [u === Et.head && l("th", h({
+  return n && (m = "none", i === ge.asc && (m = "ascending"), i === ge.desc && (m = "descending")), l(U, null, [u === Et.head && l("th", h({
     ref: o
   }, c, {
-    className: N(r, Ur({
+    className: N(r, Hr({
       "is-sortable": n,
       "is-sorted": n && !!i,
       head: !0
@@ -2397,7 +2397,7 @@ const Gi = /* @__PURE__ */ y((e, {
       size: w.xxs
     }), n && i === ge.desc && I({
       className: `${G}-icon`,
-      icon: Ua,
+      icon: Ha,
       size: w.xxs
     }), l("div", {
       className: `${G}-content`
@@ -2405,13 +2405,13 @@ const Gi = /* @__PURE__ */ y((e, {
   })]), u === Et.body && l("td", h({
     ref: o
   }, c, {
-    className: N(r, Ur({
+    className: N(r, Hr({
       body: !0
     }))
   }), [l("div", {
     className: `${G}-content`
   }, [t])])]);
-}, wt = (e) => Yr()?.vnode.props?.[e] !== void 0, Uo = {
+}, wt = (e) => Yr()?.vnode.props?.[e] !== void 0, Ho = {
   headerClick: () => !0
 }, Xi = /* @__PURE__ */ y((e, {
   emit: t,
@@ -2421,16 +2421,16 @@ const Gi = /* @__PURE__ */ y((e, {
   const n = () => {
     t("headerClick");
   }, s = wt("onHeaderClick");
-  return () => l(Ho, h(e, a, {
+  return () => l(Uo, h(e, a, {
     className: e.class,
-    onHeaderClick: s ? n : void 0,
+    handleClick: s ? n : void 0,
     children: r.default?.()
   }), null);
 }, {
   name: "LumxTableCell",
   inheritAttrs: !1,
   props: A()("class", "icon", "isSortable", "sortOrder", "variant"),
-  emits: Uo
+  emits: Ho
 }), Vo = `${fe}__header`, Wo = (e) => {
   const {
     children: t,
@@ -2616,7 +2616,7 @@ const Zo = "lumx-thumbnail", {
     "fill-height": d
   })), ae = S && C?.current?.complete && C?.current || void 0, ka = ae ? {
     backgroundImage: `url(${ae.src})`
-  } : void 0, Ht = l(H, null, [l("span", {
+  } : void 0, Ut = l(U, null, [l("span", {
     className: oe("background")
   }, [l("img", h({
     width: ae?.naturalWidth,
@@ -2650,12 +2650,12 @@ const Zo = "lumx-thumbnail", {
     ref: i,
     ...re,
     className: Gt,
-    children: Ht
+    children: Ut
   }) : l("div", h({
     ref: i
   }, re, {
     className: Gt
-  }), [Ht]);
+  }), [Ut]);
 };
 function ri(e, t) {
   const r = ie(St(t.value));
@@ -2854,8 +2854,8 @@ export {
   Fi as ProgressLinear,
   zi as RadioButton,
   Gi as RadioGroup,
-  Hi as SkeletonCircle,
-  Ui as SkeletonRectangle,
+  Ui as SkeletonCircle,
+  Hi as SkeletonRectangle,
   ko as SkeletonRectangleVariant,
   Vi as SkeletonTypography,
   Ki as Switch,
@@ -2872,7 +2872,7 @@ export {
   rl as ThumbnailObjectFit,
   tl as ThumbnailVariant,
   nl as Toolbar,
-  Uo as emitSchema,
+  Ho as emitSchema,
   Aa as useHeadingLevel
 };
 //# sourceMappingURL=index.js.map