@pantograph/vue 0.26.0 → 0.27.1

package/dist/Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js

@@ -0,0 +1,217 @@
+import { defineComponent as j, useSlots as D, computed as a, createElementBlock as T, openBlock as h, normalizeClass as z, unref as i, createVNode as L, h as y, renderSlot as P, createCommentVNode as w, normalizeProps as k, guardReactiveProps as b, createBlock as Q, createTextVNode as U, toDisplayString as X } from "vue";
+import { getBemBlock as R, generateVariantClassList as u, normCls as f, getBemElement as x } from "@pantograph/utils";
+import { cva as q } from "class-variance-authority";
+import { u as F, l as Y, e as W, g as $ } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { a as H } from "./options-J8HfRMSU.js";
+import "es-toolkit";
+import { createContext as Z } from "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { B as ee } from "./BaseBadge.model-CahZXsyM.js";
+import oe from "@pantograph/style/chip.css?raw";
+import { _ as te } from "./HoverCard.vue_vue_type_script_setup_true_lang-DBOk4tYh.js";
+import "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
+import se from "@pantograph/style/chip_group.css?raw";
+const [le, ne] = Z("ChipGroup"), xe = /* @__PURE__ */ j({
+  ...H("ChipGroup"),
+  __name: "ChipGroup",
+  props: {
+    color: {},
+    size: { default: "md" },
+    closeIcon: {},
+    icon: {},
+    overlayActions: { type: Boolean },
+    selected: { type: Boolean },
+    maxCount: {},
+    popoverProps: {},
+    truncateCls: {},
+    noPopover: { type: Boolean },
+    noWrap: { type: Boolean },
+    closeable: { type: Boolean, default: !0 }
+  },
+  emits: ["close"],
+  setup(B, { emit: _ }) {
+    F("chip_group", se);
+    const t = _, o = B, v = D();
+    ne({
+      props: o,
+      onClose: (l, p) => {
+        t("close", l, p);
+      }
+    });
+    const r = a(() => o.maxCount ? Number(o.maxCount) : 0), S = () => {
+      const l = Y(v.default ? v.default() : []), p = () => y(
+        "div",
+        { class: f(x(m, "truncate"), o.truncateCls) },
+        `+${l.length - r.value}`
+      );
+      return r.value >= 1 && l.length > r.value ? [
+        ...l.filter((n, s) => s < r.value),
+        o.noPopover ? p() : y(
+          te,
+          { size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
+          {
+            default: p,
+            content: () => y(
+              "div",
+              { class: d(o) },
+              {
+                default: () => l.filter((n, s) => s >= r.value)
+              }
+            )
+          }
+        )
+      ] : l;
+    }, m = R("chip_group"), d = q(m, {
+      variants: {
+        size: u(J, m),
+        noWrap: u("no-wrap", m)
+      }
+    });
+    return (l, p) => (h(), T("div", {
+      class: z(i(d)(o))
+    }, [
+      L(S)
+    ], 2));
+  }
+}), J = ["xsm", "sm", "md"], ae = [...ee], Be = /* @__PURE__ */ j({
+  ...H("Chip"),
+  __name: "Chip",
+  props: {
+    value: {},
+    size: { default: "md" },
+    class: {},
+    actionsCls: {},
+    textCls: {},
+    iconCls: {},
+    text: {},
+    icon: {},
+    closeIcon: { default: "tabler:x" },
+    closeIconCls: {},
+    color: {},
+    overlayActions: { type: Boolean, default: void 0 },
+    stopPropagationOnClose: { type: Boolean },
+    closeable: { type: Boolean, default: void 0 },
+    selected: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean },
+    closeTrigger: { default: "click" }
+  },
+  emits: ["close"],
+  setup(B, { emit: _ }) {
+    F("chip", oe);
+    const t = B, o = le({}), v = a(() => {
+      var e;
+      return ((e = o.props) == null ? void 0 : e.size) ?? t.size;
+    }), G = a(() => {
+      var e;
+      return t.color ?? ((e = o.props) == null ? void 0 : e.color) ?? "primary";
+    }), r = a(() => {
+      var e;
+      return ((e = o.props) == null ? void 0 : e.overlayActions) ?? t.overlayActions;
+    }), S = a(() => {
+      var e;
+      return t.selected ?? ((e = o.props) == null ? void 0 : e.selected);
+    }), m = a(() => {
+      var e;
+      return ((e = o.props) == null ? void 0 : e.closeIcon) ?? t.closeIcon;
+    }), d = a(() => {
+      var e;
+      return ((e = o.props) == null ? void 0 : e.icon) ?? t.icon;
+    }), l = a(() => {
+      var e;
+      return ((e = o.props) == null ? void 0 : e.closeable) ?? t.closeable;
+    }), p = _, n = D(), s = R("chip"), K = q(s, {
+      variants: {
+        size: u(J, s),
+        color: u(ae, s),
+        overlayActions: u("overlay-actions", s),
+        selected: u("selected", s),
+        readonly: u("readonly", s)
+      }
+    }), A = (e) => {
+      e.stopPropagation(), o.onClose && o.onClose(t, e), p("close", e);
+    }, c = a(() => ({
+      onClose: A,
+      size: (() => {
+        switch (v.value) {
+          case "md":
+            return "xsm";
+          default:
+            return "2xsm";
+        }
+      })()
+    })), M = () => {
+      var E, N;
+      const e = (E = n.overlayActions) == null ? void 0 : E.call(n, c.value), O = !$(e), C = r.value && O;
+      if ((l.value || C) && !t.readonly) {
+        const g = [];
+        if (C && g.push(e), l.value) {
+          const V = (N = n.close) == null ? void 0 : N.call(n, c.value);
+          $(V) ? g.push(
+            y(W, {
+              onClick: (I) => {
+                t.closeTrigger === "click" && A(I);
+              },
+              onPointerdown: (I) => {
+                t.closeTrigger === "pointer" && A(I);
+              },
+              size: c.value.size,
+              icon: m.value,
+              class: f(x(s, "close_icon"), t.closeIconCls)
+            })
+          ) : g.push(V);
+        }
+        return y(
+          "div",
+          { class: f(x(s, "actions"), t.actionsCls) },
+          g
+        );
+      }
+      return null;
+    };
+    return (e, O) => {
+      var C;
+      return h(), T("div", {
+        class: z(
+          i(f)(
+            i(K)({
+              size: v.value,
+              color: G.value,
+              overlayActions: r.value,
+              selected: S.value,
+              readonly: e.readonly
+            }),
+            t.class
+          )
+        )
+      }, [
+        P(e.$slots, "leading", k(b(c.value)), () => [
+          d.value ? (h(), Q(i(W), {
+            key: 0,
+            size: c.value.size,
+            icon: d.value,
+            class: z(e.iconCls)
+          }, null, 8, ["size", "icon", "class"])) : w("", !0)
+        ]),
+        !i($)((C = n.text) == null ? void 0 : C.call(n, c.value)) || e.text ? (h(), T("div", {
+          key: 0,
+          class: z(i(f)(i(x)(i(s), "text"), e.textCls))
+        }, [
+          P(e.$slots, "text", k(b(c.value)), () => [
+            U(X(e.text), 1)
+          ])
+        ], 2)) : w("", !0),
+        P(e.$slots, "trailing", k(b(c.value))),
+        L(M)
+      ], 2);
+    };
+  }
+});
+export {
+  J as C,
+  Be as _,
+  ae as a,
+  xe as b,
+  le as i,
+  ne as p
+};

package/dist/Chip.vue_vue_type_script_setup_true_lang-Dn-EkG3e.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),A=require("class-variance-authority"),u=require("./Icon.vue_vue_type_script_setup_true_lang-BDTw4CRD.js"),E=require("./options-CY2uxp5A.js");require("es-toolkit");const L=require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const N=require("./BaseBadge.model-DecqxaGN.js"),O=require("@pantograph/style/chip.css?raw"),T=require("./HoverCard.vue_vue_type_script_setup_true_lang-CbT9IDH_.js");require("./Popover.vue_vue_type_script_setup_true_lang-Bye1k1gb.js");const w=require("@pantograph/style/chip_group.css?raw"),[V,I]=L.createContext("ChipGroup"),R=e.defineComponent({...E.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(f,{emit:y}){u.useComponentStyle("chip_group",w);const n=y,t=f,d=e.useSlots();I({props:t,onClose:(r,p)=>{n("close",r,p)}});const c=e.computed(()=>t.maxCount?Number(t.maxCount):0),h=()=>{const r=u.flattenChildren(d.default?d.default():[]),p=()=>e.h("div",{class:s.normCls(s.getBemElement(m,"truncate"),t.truncateCls)},`+${r.length-c.value}`);return c.value>=1&&r.length>c.value?[...r.filter((a,l)=>l<c.value),t.noPopover?p():e.h(T._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:p,content:()=>e.h("div",{class:C(t)},{default:()=>r.filter((a,l)=>l>=c.value)})})]:r},m=s.getBemBlock("chip_group"),C=A.cva(m,{variants:{size:s.generateVariantClassList(z,m),noWrap:s.generateVariantClassList("no-wrap",m)}});return(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C)(t))},[e.createVNode(h)],2))}}),z=["xsm","sm","md"],$=[...N.BadgeColors],j=e.defineComponent({...E.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0},readonly:{type:Boolean},closeTrigger:{default:"click"}},emits:["close"],setup(f,{emit:y}){u.useComponentStyle("chip",O);const n=f,t=V({}),d=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??n.size}),x=e.computed(()=>{var o;return n.color??((o=t.props)==null?void 0:o.color)??"primary"}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??n.overlayActions}),h=e.computed(()=>{var o;return n.selected??((o=t.props)==null?void 0:o.selected)}),m=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??n.closeIcon}),C=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??n.icon}),r=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeable)??n.closeable}),p=y,a=e.useSlots(),l=s.getBemBlock("chip"),b=A.cva(l,{variants:{size:s.generateVariantClassList(z,l),color:s.generateVariantClassList($,l),overlayActions:s.generateVariantClassList("overlay-actions",l),selected:s.generateVariantClassList("selected",l),readonly:s.generateVariantClassList("readonly",l)}}),_=o=>{o.stopPropagation(),t.onClose&&t.onClose(n,o),p("close",o)},i=e.computed(()=>({onClose:_,size:(()=>{switch(d.value){case"md":return"xsm";default:return"2xsm"}})()})),G=()=>{var k,q;const o=(k=a.overlayActions)==null?void 0:k.call(a,i.value),S=!u.isEmptyElement(o),v=c.value&&S;if((r.value||v)&&!n.readonly){const g=[];if(v&&g.push(o),r.value){const P=(q=a.close)==null?void 0:q.call(a,i.value);u.isEmptyElement(P)?g.push(e.h(u._sfc_main$2,{onClick:B=>{n.closeTrigger==="click"&&_(B)},onPointerdown:B=>{n.closeTrigger==="pointer"&&_(B)},size:i.value.size,icon:m.value,class:s.normCls(s.getBemElement(l,"close_icon"),n.closeIconCls)})):g.push(P)}return e.h("div",{class:s.normCls(s.getBemElement(l,"actions"),n.actionsCls)},g)}return null};return(o,S)=>{var v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(b)({size:d.value,color:x.value,overlayActions:c.value,selected:h.value,readonly:o.readonly}),n.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[C.value?(e.openBlock(),e.createBlock(e.unref(u._sfc_main$2),{key:0,size:i.value.size,icon:C.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(u.isEmptyElement)((v=a.text)==null?void 0:v.call(a,i.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(i.value))),e.createVNode(G)],2)}}});exports.ChipColors=$;exports.ChipSizes=z;exports._sfc_main=j;exports._sfc_main$1=R;exports.injectChipGroupContext=V;exports.provideChipGroupContext=I;

package/dist/ChipGroup/index.js

@@ -1,4 +1,4 @@
-import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_style_index_0_lang-CRI3QwLZ.js";
+import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_script_setup_true_lang-DOIPsHk_.js";
 export {
   t as ChipGroup,
   e as default,

package/dist/ChipGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-z_hK7usq.js");exports.ChipGroup=e._sfc_main$1;exports.default=e._sfc_main$1;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_script_setup_true_lang-Dn-EkG3e.js");exports.ChipGroup=e._sfc_main$1;exports.default=e._sfc_main$1;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;

package/dist/ColorPicker/ColorPicker.d.ts

@@ -33,6 +33,7 @@ declare const _default: import('vue').DefineComponent<ColorPickerProps, {}, {},
 }>, {
     defaultColor: string;
     defaultFormat: VisibleColorFormat;
+    hideAlpha: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     colorPicker: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-CFWIxkoW.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_script_setup_true_lang-Bz_mnMXB.js";
 export {
   r as ColorPicker,
   t as default,

package/dist/ColorPicker/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-CcSrQKRq.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_script_setup_true_lang-D6k_f_bV.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;