@pantograph/vue 0.30.8 → 0.30.10

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-Cz8lY-US.js

@@ -0,0 +1,171 @@
+import { defineComponent as T, useSlots as q, ref as H, computed as d, createElementBlock as b, openBlock as u, normalizeClass as g, unref as s, createCommentVNode as C, createElementVNode as J, renderSlot as k, createTextVNode as K, toDisplayString as Q, createBlock as y, Fragment as W, renderList as M, mergeProps as m, createSlots as j, withCtx as f, createVNode as S, normalizeProps as X, guardReactiveProps as Y } from "vue";
+import { useFormInput as Z, useVModel as _ } from "@pantograph/utils-vue";
+import { useEmitAsProps as ee } from "reka-ui";
+import h, { ColorSwatchSizes as oe } from "./ColorSwatch/index.js";
+import { isString as w, pick as I, omit as te } from "es-toolkit";
+import { getComponentOptions as le, getBemBlock as re, generateVariantClassList as se, normCls as z, getBemElement as A } from "@pantograph/utils";
+import { cva as ae } from "class-variance-authority";
+import { _ as ne } from "./index-CVKJ--1_.js";
+import { _ as ie } from "./ColorPicker.vue_vue_type_style_index_0_lang-D_7EPnnc.js";
+import { i as P } from "./isObject-vmP43YLW.js";
+const ke = /* @__PURE__ */ T({
+  ...le("ColorSwatchGroup"),
+  __name: "ColorSwatchGroup",
+  props: {
+    format: {},
+    defaultFormat: {},
+    hideAlpha: { type: Boolean },
+    size: { default: "md" },
+    customPickerIcon: {},
+    icon: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    noRemover: { type: Boolean },
+    noCustomPicker: { type: Boolean },
+    modelValue: {},
+    headerCls: {},
+    header: {},
+    disabled: { type: Boolean, default: void 0 },
+    colorsCls: {},
+    defaultValue: {},
+    colors: {},
+    colorMode: { default: "bold" },
+    popoverProps: {}
+  },
+  emits: ["update:format", "update:modelValue"],
+  setup(r, { emit: N }) {
+    const o = r, D = q(), V = N, { getDisabled: i } = Z({
+      exports: ["getDisabled"]
+    }), a = _(
+      o,
+      "modelValue",
+      V,
+      {
+        defaultValue: o.defaultValue,
+        passive: o.modelValue === void 0
+      }
+    ), E = (e) => {
+      if (w(e))
+        return {
+          selected: a.value === e,
+          icon: o.icon,
+          bg: e
+        };
+      if (P(e))
+        return {
+          ...te(e, ["value"]),
+          icon: e.icon ?? o.icon,
+          selected: a.value === e.value
+        };
+    }, c = re("color_swatch_group"), F = ae(c, {
+      variants: {
+        size: se(oe, c)
+      }
+    }), $ = H(!1), p = (e) => P(e) ? e.value : e ?? void 0, B = (e) => {
+      if (!i.value) {
+        const t = p(e);
+        a.value = t, $.value = !t;
+      }
+    }, v = d(() => {
+      if (o.colors) return o.colors;
+      const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
+      return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
+        const l = {
+          value: typeof o.colorMode == "object" && o.colorMode.value === "subtle" ? `${t}-subtle` : t
+        };
+        return typeof o.colorMode == "object" && o.colorMode.bg && (l.bg = o.colorMode.bg === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.br && (l.br = o.colorMode.br === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.fg && (l.fg = o.colorMode.fg === "subtle" ? `${t}-subtle` : t), l;
+      }) : e;
+    }), O = d(() => {
+      var e;
+      if (!((e = v.value) != null && e.length && v.value.some(
+        (t) => w(t) && t === a.value || P(t) && a.value === t.value
+      )))
+        return a.value;
+    }), U = (e) => {
+      e && (a.value = e);
+    }, R = ee(V), G = d(() => ({
+      ...I(R, ["onUpdate:format"]),
+      ...I(o, ["format", "defaultFormat", "hideAlpha"])
+    })), L = d(() => {
+      const { open: e, "onUpdate:open": t, ...l } = o.popoverProps || {};
+      return {
+        open: i.value ? !1 : e,
+        "onUpdate:open": (n) => {
+          i.value || t == null || t(n);
+        },
+        ...l
+      };
+    });
+    return (e, t) => (u(), b("div", {
+      class: g(s(z)(o.class, s(F)({ size: r.size })))
+    }, [
+      D.header || r.header ? (u(), b("div", {
+        key: 0,
+        class: g(s(z)(s(A)(s(c), "header"), r.headerCls))
+      }, [
+        k(e.$slots, "header", {}, () => [
+          K(Q(r.header), 1)
+        ])
+      ], 2)) : C("", !0),
+      J("div", {
+        class: g(s(z)(s(A)(s(c), "colors"), r.colorsCls))
+      }, [
+        r.noRemover ? C("", !0) : (u(), y(h, {
+          key: 0,
+          type: "remover",
+          size: r.size,
+          disabled: s(i),
+          onClick: t[0] || (t[0] = (l) => B()),
+          selected: !s(a) && $.value
+        }, null, 8, ["size", "disabled", "selected"])),
+        (u(!0), b(W, null, M(v.value, (l) => (u(), y(h, m({
+          type: "color",
+          size: r.size,
+          icon: r.icon,
+          disabled: s(i)
+        }, { ref_for: !0 }, E(l), {
+          key: p(l),
+          onClick: (n) => B(l)
+        }), j({ _: 2 }, [
+          M(Object.keys(e.$slots), (n) => ({
+            name: n,
+            fn: f((x) => [
+              k(e.$slots, n, m({ ref_for: !0 }, { ...x, value: p(l) }))
+            ])
+          }))
+        ]), 1040, ["size", "icon", "disabled", "onClick"]))), 128)),
+        r.noCustomPicker ? C("", !0) : (u(), y(ne, m({
+          key: 1,
+          "reverse-placement-on-dir": "rtl",
+          placement: "right-start",
+          "side-offset": 4
+        }, L.value), {
+          content: f(() => [
+            S(ie, m({
+              defaultColor: O.value,
+              "onUpdate:color": U
+            }, G.value), null, 16, ["defaultColor"])
+          ]),
+          default: f(() => [
+            S(h, {
+              type: "custom-picker",
+              size: r.size,
+              customPickerIcon: r.customPickerIcon,
+              disabled: s(i)
+            }, j({ _: 2 }, [
+              M(Object.keys(e.$slots), (l) => ({
+                name: l,
+                fn: f((n) => [
+                  k(e.$slots, l, X(Y(n)))
+                ])
+              }))
+            ]), 1032, ["size", "customPickerIcon", "disabled"])
+          ]),
+          _: 3
+        }, 16))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  ke as _
+};

package/dist/ColorTrigger/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../ColorTrigger.vue_vue_type_style_index_0_lang-CAok_I9N.js";
-import { C as n } from "../ColorTrigger.vue_vue_type_style_index_0_lang-CAok_I9N.js";
+import { _ as o } from "../ColorTrigger.vue_vue_type_style_index_0_lang-Iid3Aoo0.js";
+import { C as n } from "../ColorTrigger.vue_vue_type_style_index_0_lang-Iid3Aoo0.js";
 import { installComponent as r } from "@pantograph/utils-vue";
 import { getComponentName as e } from "@pantograph/utils";
 const g = r(o, e("ColorTrigger"));

package/dist/ColorTrigger/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-Yg82Jn5N.js"),r=require("@pantograph/utils-vue"),o=require("@pantograph/utils"),i=r.installComponent(e._sfc_main,o.getComponentName("ColorTrigger"));exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;exports.ColorTriggerPlugin=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-B6h8UYUo.js"),r=require("@pantograph/utils-vue"),o=require("@pantograph/utils"),i=r.installComponent(e._sfc_main,o.getComponentName("ColorTrigger"));exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;exports.ColorTriggerPlugin=i;

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-B6h8UYUo.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),x=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BDZKksip.js"),_=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),v=require("class-variance-authority"),z=require("./Icon.vue_vue_type_style_index_0_lang-D9YESScE.js"),a=require("es-toolkit"),l=["sm","md","lg"],C=["disabled"],S=e.defineComponent({...t.getComponentOptions("ColorTrigger",!1),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},class:{type:[Array,Object,String,Number,null,Boolean]},size:{},disabled:{type:Boolean,default:void 0},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(s){const o=s,r=t.getBemBlock("color_trigger"),f=v.cva(r,{variants:{size:t.generateVariantClassList(l,r),borderless:t.generateVariantClassList("borderless",r),suffixIcon:t.generateVariantClassList("suffix-icon",r)}}),{getDisabled:d,getSize:n}=_.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize"]}),g=e.computed(()=>({size:(()=>{switch(n.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...a.pick(o,["icon","bg","br","fg"])})),i=e.useSlots(),m=e.computed(()=>{switch(n.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}}),p=e.useAttrs(),b=e.computed(()=>a.omit(p,["type"]));return(c,y)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(b.value,{type:"button",class:e.unref(t.normCls)(e.unref(f)({size:e.unref(n),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),o.class),disabled:e.unref(d)}),[e.createVNode(x._sfc_main,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(i),u=>({name:u,fn:e.withCtx(()=>[e.renderSlot(c.$slots,u,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040),s.suffixIcon||i.suffixIcon?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,icon:e.unref(a.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:m.value},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],16,C))}});exports.ColorTriggerSizes=l;exports._sfc_main=S;

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-Iid3Aoo0.js

@@ -0,0 +1,89 @@
+import { defineComponent as S, computed as a, useSlots as C, useAttrs as I, createElementBlock as y, openBlock as m, mergeProps as k, unref as s, createVNode as h, createBlock as _, createCommentVNode as O, normalizeProps as f, guardReactiveProps as u, createSlots as w, renderList as $, withCtx as d, renderSlot as g } from "vue";
+import { _ as N } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js";
+import { useFormInput as P } from "@pantograph/utils-vue";
+import { getComponentOptions as T, getBemBlock as V, generateVariantClassList as c, normCls as j } from "@pantograph/utils";
+import { cva as A } from "class-variance-authority";
+import { _ as D } from "./Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { pick as G, omit as L, isString as E } from "es-toolkit";
+const F = ["sm", "md", "lg"], R = ["disabled"], X = /* @__PURE__ */ S({
+  ...T("ColorTrigger", !1),
+  __name: "ColorTrigger",
+  props: {
+    icon: {},
+    bg: {},
+    br: {},
+    fg: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    size: {},
+    disabled: { type: Boolean, default: void 0 },
+    borderless: { type: Boolean },
+    suffixIcon: { type: [Boolean, String], default: "tabler:chevron-down" }
+  },
+  setup(e) {
+    const t = e, o = V("color_trigger"), b = A(o, {
+      variants: {
+        size: c(F, o),
+        borderless: c("borderless", o),
+        suffixIcon: c("suffix-icon", o)
+      }
+    }), { getDisabled: p, getSize: r } = P({
+      defaults: { size: "md" },
+      exports: ["getDisabled", "getSize"]
+    }), x = a(() => ({
+      size: (() => {
+        switch (r.value) {
+          case "sm":
+            return "2xsm";
+          case "md":
+            return "xsm";
+          case "lg":
+            return "sm";
+        }
+      })(),
+      ...G(t, ["icon", "bg", "br", "fg"])
+    })), n = C(), z = a(() => {
+      switch (r.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        case "lg":
+          return "xsm";
+      }
+    }), v = I(), B = a(() => L(v, ["type"]));
+    return (i, q) => (m(), y("button", k(B.value, {
+      type: "button",
+      class: s(j)(
+        s(b)({
+          size: s(r),
+          borderless: e.borderless,
+          suffixIcon: !!(e.suffixIcon || n.suffixIcon)
+        }),
+        t.class
+      ),
+      disabled: s(p)
+    }), [
+      h(N, f(u(x.value)), w({ _: 2 }, [
+        $(Object.keys(n), (l) => ({
+          name: l,
+          fn: d(() => [
+            g(i.$slots, l, f(u(t)))
+          ])
+        }))
+      ]), 1040),
+      e.suffixIcon || n.suffixIcon ? (m(), _(D, {
+        key: 0,
+        icon: s(E)(e.suffixIcon) ? e.suffixIcon : void 0,
+        size: z.value
+      }, {
+        default: d(() => [
+          g(i.$slots, "suffixIcon")
+        ]),
+        _: 3
+      }, 8, ["icon", "size"])) : O("", !0)
+    ], 16, R));
+  }
+});
+export {
+  F as C,
+  X as _
+};