@pantograph/vue 0.26.0 → 0.27.1

package/dist/ColorTrigger.vue_vue_type_script_setup_true_lang-BbT6N2FL.js

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

package/dist/ColorTrigger.vue_vue_type_script_setup_true_lang-DIzDCzvv.js

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