@pantograph/vue 0.25.3 → 0.25.5

package/dist/types/index.d.ts

@@ -1,6 +1,16 @@
 import { UnionToIntersection } from '@vue/shared';
-export declare const systemSizes: readonly ["3xsm", "2xsm", "xsm", "sm", "md", "lg", "xlg", "2xlg"];
-export type SystemSize = (typeof systemSizes)[number];
+export declare const systemSizesMap: {
+    readonly '3xsm': 14;
+    readonly '2xsm': 16;
+    readonly xsm: 20;
+    readonly sm: 24;
+    readonly md: 32;
+    readonly lg: 40;
+    readonly xlg: 48;
+    readonly '2xlg': 56;
+};
+export declare const systemSizes: string[];
+export type SystemSize = keyof typeof systemSizesMap;
 export type ToPascalCase<S extends string> = S extends `${infer F}${infer R}` ? `${Uppercase<F>}${R}` : S;
 export type EmitToProp<S extends string> = `on${ToPascalCase<S>}`;
 export type EmitType<T extends ComponentTypeEmits> = T extends (...args: any[]) => any ? T : ShortEmits<T>;

package/dist/useInputDataStates-BWZ4Q3rt.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),B=require("es-toolkit"),f=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),D=e=>{const u=o.shallowRef(!1),l=o.computed(()=>({onBlur:n=>{var g,b;(g=e.blurCallBack)==null||g.call(e,n),u.value=!1,(b=e.emit)==null||b.call(e,"blur",n)},onFocus:n=>{var g,b;(g=e.focusCallBack)==null||g.call(e,n),u.value=!0,(b=e.emit)==null||b.call(e,"focus",n)}})),t=o.computed(()=>({"data-focus":B.clone(u.value),"data-disabled":o.unref(e.getDisabled())}));return{focused:u,inputBindings:l,rootBindings:t}},F=e=>{const u=o.getCurrentInstance(),l=f.injectFormContext(),t=f.injectFormItemContext(),n=o.computed(()=>{var s,c,i,z,v;return((s=l==null?void 0:l.props)==null?void 0:s.disabled)??((c=t==null?void 0:t.props)==null?void 0:c.disabled)??o.unref((i=e==null?void 0:e.getDisabled)==null?void 0:i.call(e))??((z=u==null?void 0:u.props)==null?void 0:z.disabled)??((v=u==null?void 0:u.attrs)==null?void 0:v.disabled)}),g=o.computed(()=>{var s,c,i;return o.unref(t==null?void 0:t.status)??o.unref((s=e==null?void 0:e.getStatus)==null?void 0:s.call(e))??((c=u==null?void 0:u.props)==null?void 0:c.status)??((i=u==null?void 0:u.attrs)==null?void 0:i.status)}),b=o.computed(()=>{var c,i,z,v,S,_;const s=((c=l==null?void 0:l.props)==null?void 0:c.size)??((i=t==null?void 0:t.props)==null?void 0:i.size)??o.unref((z=e==null?void 0:e.getSize)==null?void 0:z.call(e))??((v=u==null?void 0:u.props)==null?void 0:v.size)??((S=u==null?void 0:u.attrs)==null?void 0:S.size);return((_=o.unref(e==null?void 0:e.convertSize))==null?void 0:_(s))??s});return{formContext:l,formItemContext:t,getDisabled:n,getStatus:g,getSize:b}};exports.UseInputDataStates=D;exports.useFormInput=F;

package/dist/useInputDataStates-COzmxWTw.js

@@ -0,0 +1,52 @@
+import { getCurrentInstance as F, computed as n, unref as z, shallowRef as f } from "vue";
+import { clone as j } from "es-toolkit";
+import { i as k, b as U } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+const q = (o) => {
+  const u = f(!1), l = n(
+    () => ({
+      onBlur: (t) => {
+        var b, g;
+        (b = o.blurCallBack) == null || b.call(o, t), u.value = !1, (g = o.emit) == null || g.call(o, "blur", t);
+      },
+      onFocus: (t) => {
+        var b, g;
+        (b = o.focusCallBack) == null || b.call(o, t), u.value = !0, (g = o.emit) == null || g.call(o, "focus", t);
+      }
+    })
+  ), e = n(() => ({
+    "data-focus": j(u.value),
+    "data-disabled": z(o.getDisabled())
+  }));
+  return {
+    focused: u,
+    inputBindings: l,
+    rootBindings: e
+  };
+}, y = (o) => {
+  const u = F(), l = k(), e = U(), t = n(
+    () => {
+      var s, i, c, S, B;
+      return ((s = l == null ? void 0 : l.props) == null ? void 0 : s.disabled) ?? ((i = e == null ? void 0 : e.props) == null ? void 0 : i.disabled) ?? z((c = o == null ? void 0 : o.getDisabled) == null ? void 0 : c.call(o)) ?? ((S = u == null ? void 0 : u.props) == null ? void 0 : S.disabled) ?? ((B = u == null ? void 0 : u.attrs) == null ? void 0 : B.disabled);
+    }
+  ), b = n(
+    () => {
+      var s, i, c;
+      return z(e == null ? void 0 : e.status) ?? z((s = o == null ? void 0 : o.getStatus) == null ? void 0 : s.call(o)) ?? ((i = u == null ? void 0 : u.props) == null ? void 0 : i.status) ?? ((c = u == null ? void 0 : u.attrs) == null ? void 0 : c.status);
+    }
+  ), g = n(() => {
+    var i, c, S, B, v, D;
+    const s = ((i = l == null ? void 0 : l.props) == null ? void 0 : i.size) ?? ((c = e == null ? void 0 : e.props) == null ? void 0 : c.size) ?? z((S = o == null ? void 0 : o.getSize) == null ? void 0 : S.call(o)) ?? ((B = u == null ? void 0 : u.props) == null ? void 0 : B.size) ?? ((v = u == null ? void 0 : u.attrs) == null ? void 0 : v.size);
+    return ((D = z(o == null ? void 0 : o.convertSize)) == null ? void 0 : D(s)) ?? s;
+  });
+  return {
+    formContext: l,
+    formItemContext: e,
+    getDisabled: t,
+    getStatus: b,
+    getSize: g
+  };
+};
+export {
+  q as U,
+  y as u
+};

package/dist/utils/index.js

@@ -1,13 +1,13 @@
-import { g as s, j as a, f as o, h as m } from "../Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
+import { h as s, k as a, g as o, j as m } from "../Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
 import { c as p, g as n } from "../options-Bh1s18jm.js";
-import { g as i } from "../style-BEhqkSEE.js";
-import { U as l } from "../useInputDataStates-B78OFI-A.js";
+import { g as f } from "../style-BEhqkSEE.js";
+import { U as l } from "../useInputDataStates-COzmxWTw.js";
 export {
   l as UseInputDataStates,
   p as componentPrefix,
   s as filterEmpty,
   n as getComponentOptions,
-  i as getStyleObject,
+  f as getStyleObject,
   a as isEmptyElement,
   o as isFragment,
   m as isValidElement

package/dist/utils/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),t=require("../options-CY2uxp5A.js"),n=require("../style-CYb6EX2Q.js"),i=require("../useInputDataStates-CXaVG_o2.js");exports.filterEmpty=e.filterEmpty;exports.isEmptyElement=e.isEmptyElement;exports.isFragment=e.isFragment;exports.isValidElement=e.isValidElement;exports.componentPrefix=t.componentPrefix;exports.getComponentOptions=t.getComponentOptions;exports.getStyleObject=n.getStyleObject;exports.UseInputDataStates=i.UseInputDataStates;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),t=require("../options-CY2uxp5A.js"),n=require("../style-CYb6EX2Q.js"),i=require("../useInputDataStates-BWZ4Q3rt.js");exports.filterEmpty=e.filterEmpty;exports.isEmptyElement=e.isEmptyElement;exports.isFragment=e.isFragment;exports.isValidElement=e.isValidElement;exports.componentPrefix=t.componentPrefix;exports.getComponentOptions=t.getComponentOptions;exports.getStyleObject=n.getStyleObject;exports.UseInputDataStates=i.UseInputDataStates;

package/dist/utils/sortPlaceholder.d.ts

@@ -0,0 +1,6 @@
+export declare const sortPlaceholderSizes: readonly ["sm", "md", "lg"];
+export declare const sortPlaceholderCls = "sort_placeholder";
+export declare const sortPlaceholderPrefix: string;
+export declare const sortPlaceholderVariantsClass: (props?: ({
+    size?: string | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.25.3",
+  "version": "0.25.5",
   "private": false,
   "license": "MIT",
   "keywords": [
@@ -196,6 +196,11 @@
       "import": "./dist/Input/index.js",
       "require": "./dist/Input/index.umd.cjs"
     },
+    "./InputNumber": {
+      "types": "./dist/InputNumber/index.d.ts",
+      "import": "./dist/InputNumber/index.js",
+      "require": "./dist/InputNumber/index.umd.cjs"
+    },
     "./Kbd": {
       "types": "./dist/Kbd/index.d.ts",
       "import": "./dist/Kbd/index.js",
@@ -327,17 +332,16 @@
   "author": "sedmedgh",
   "dependencies": {
     "@iconify/vue": "^4.3.0",
+    "@pantograph/sortable": "^2.1.1",
     "@pantograph/tokens": "^1.0.0",
-    "@pantograph/utils": "^0.0.25",
+    "@pantograph/utils": "^0.0.26",
     "@tanstack/vue-table": "^8.21.2",
-    "@types/lodash-es": "^4.17.12",
-    "@types/sortablejs": "^1.15.8",
+    "@tanstack/vue-virtual": "^3.13.12",
     "@vee-validate/rules": "^4.15.1",
     "@vueuse/core": "^12.5.0",
     "class-variance-authority": "^0.7.1",
-    "lodash-es": "^4.17.21",
-    "reka-ui": "^2.2.0",
-    "sortablejs": "^1.15.6",
+    "es-toolkit": "^1.39.7",
+    "reka-ui": "^2.3.2",
     "vee-validate": "^4.15.1",
     "vue-tippy": "^6.6.0"
   },
@@ -347,8 +351,8 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@iconify-json/tabler": "^1.2.19",
     "@histoire/plugin-vue": "0.17.17",
+    "@iconify-json/tabler": "^1.2.19",
     "@pantograph/style": "*",
     "@pantograph/unocss-preset": "*",
     "@pantograph/vue-utils": "*",

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-CMAU4Jot.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CEI8TTwc.js"),_=require("./options-CY2uxp5A.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},postIconFlipOnDir:{},preIconFlipOnDir:{},badgeIconFlipOnDir:{},block:{type:Boolean},htmlType:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"variant","loading","color"),...c})),n=e.ref();return s({focus(){var t;(t=n.value)==null||t.focus()},blur(){var t;(t=n.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{action:"",ref_key:"buttonRef",ref:n}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),o=>({name:o,fn:e.withCtx(u=>[e.renderSlot(t.$slots,o,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Avatar.vue_vue_type_style_index_0_lang-D_26B5fC.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("reka-ui"),s=require("@pantograph/utils"),B=require("class-variance-authority"),x=require("./options-CY2uxp5A.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-qJ0psPTx.js");require("@iconify/vue");const y=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),N=require("./Indicator.vue_vue_type_script_setup_true_lang-DaUZMDk0.js"),[S,V]=p.createContext("AvatarGroup"),G=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(g){const a=g,v=e.useSlots(),r=e.computed(()=>a.size),n=e.computed(()=>a.shape),f=s.getBemBlock("avatar"),d=s.getBemElement(f,"group"),C=B.cva(d,{variants:{gutter:s.generateVariantClassList("gutter",d)}});V({size:r,shape:n});const l=e.computed(()=>a.maxCount?Number(a.maxCount):0),c=e.computed(()=>C({gutter:a.gutter})),i=e.computed(()=>{switch(a.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),k=()=>{const o=y.flattenChildren(v.default?v.default():[]),m=()=>e.h(P,{text:`+${o.length-l.value}`});return l.value>=1&&o.length>l.value?[...o.filter((t,u)=>u<l.value),a.noPopover?m():e.h(b._sfc_main,{size:i.value,...a.popoverProps??{}},{default:m,content:()=>e.h("div",{class:s.normCls(c.value,a.class)},{default:()=>o.filter((t,u)=>u>=l.value)})})]:o};return(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(c.value,a.class))},[e.createVNode(k,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray","white"],h=["circle","square","rect"],z={start:"online-start",end:"online-end"},P=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:a}){const v=e.useSlots(),r=s.getBemBlock("avatar"),n=g,f=a,d=p.useEmitAsProps(f),C=B.cva(r,{variants:{size:s.generateVariantClassList(_,r),stroke:s.generateVariantClassList(A,r),shape:s.generateVariantClassList(h,r),onlineAlignment:s.generateVariantClassList(z,r)}}),l=S({size:e.computed(()=>n.size),shape:e.computed(()=>n.shape)}),c=e.computed(()=>l.size.value??n.size),i=e.computed(()=>l.shape.value??n.shape),k=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",u=n.stroke&&A.includes(n.stroke)?n.stroke:"none",q=i.value&&h.includes(i.value)?i.value:"circle",E=z[n.onlineAlignment]?n.onlineAlignment:"start";return{size:t,stroke:u,shape:q,onlineAlignment:E}}),o=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),m=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,u)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass(e.unref(s.normCls)(e.unref(C)(k.value),n.class))},{default:e.withCtx(()=>[!v.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(d),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(r),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(r),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y._sfc_main$3),{key:0,icon:t.icon,size:m.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(r),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(N._sfc_main,{key:2,color:t.onlineColor,size:o.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(r),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=z;exports.AvatarShapes=h;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=P;exports._sfc_main$1=G;exports.injectAvatarGroupContext=S;exports.provideAvatarGroupContext=V;

package/dist/Badge.vue_vue_type_script_setup_true_lang-DLIYFnk7.js

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),_=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),f=require("./BaseBadge.vue_vue_type_style_index_0_lang-D6KaVBcQ.js"),y=require("./options-CY2uxp5A.js"),s=require("./BaseBadge.model-DecqxaGN.js"),r=require("@pantograph/tokens"),B=o.defineComponent({...y.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{default:"primary"}},setup(c){const e=c,a=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],i=[...s.BadgeColors,...s.BadgeColorsSubtle],u=()=>{if(i.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-6");if(e.color==="yellow")return r.getCssCoreColor("grayscale-dark-0");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-5`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor("grayscale-light-0")}},g=()=>{if(t.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-1");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-0`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor(`${e.color}-5`)}},C=o.computed(()=>e.color&&t.includes(e.color)?{bg:g(),fg:u()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({..._.omit(a,"type"),...e,...C.value}));return(l,m)=>(o.openBlock(),o.createBlock(f._sfc_main,o.mergeProps(d.value,{type:"pill"}),o.createSlots({_:2},[o.renderList(Object.keys(l.$slots),n=>({name:n,fn:o.withCtx(p=>[o.renderSlot(l.$slots,n,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=B;

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-D6KaVBcQ.js

@@ -1 +0,0 @@
-"use strict";const s=require("vue"),n=require("@pantograph/utils"),q=require("class-variance-authority"),V=require("./options-CY2uxp5A.js"),o=require("./BaseBadge.model-DecqxaGN.js");require("@iconify/vue");const l=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),D=require("./index-BmcHqJPl.js");require("lodash-es");const E=s.defineComponent({...V.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=D.useConfig(),b=x("flipOnDir"),i=n.getBemBlock("badge"),e=B,C=q.cva(i,{variants:{size:n.generateVariantClassList(o.BadgeSizes,i),type:n.generateVariantClassList(o.BadgeTypes,i),text:n.generateVariantClassList("text",i),icon:n.generateVariantClassList("icon",i),br:n.generateVariantClassList("br",i)}}),a=s.useSlots(),c=s.computed(()=>o.BadgeTypes.includes(e.type)?e.type:"pill"),d=s.computed(()=>{let t=o.BadgeSizes.includes(e.size)?e.size:"md";return t==="sm"&&c.value!=="rect"?c.value==="minify"?t="tiny":c.value==="pill"&&(t="md"):c.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":c.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),h=s.computed(()=>{switch(d.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),z=()=>{var _,v;const t=[];let r,u;const p=e.type==="minify";p||(r=(_=a.icon)==null?void 0:_.call(a,{}),u=(v=a.default)==null?void 0:v.call(a,{}));const m=!p&&!l.isEmptyElement(u),g=!p&&!l.isEmptyElement(r),f=!!(!l.isEmpty(e.text)||m),y=!!(e.icon||g);(e.type==="rect"&&f?!1:y)&&t.push(s.h(l._sfc_main$3,{icon:e.icon,size:h.value,flipOnDir:b.value},g?{default:()=>r}:void 0)),f&&(m?t.push(u):t.push(e.text));const S={size:d.value,type:c.value,text:f,icon:y,br:!!e.br};return s.h("div",{class:n.normCls(C(S),e.class),style:{"--ptc-badge-fg":e.fg,"--ptc-badge-bg":e.bg,"--ptc-badge-br":e.br}},t)};return(t,r)=>(s.openBlock(),s.createBlock(z))}});exports._sfc_main=E;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CEI8TTwc.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),g=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),w=require("./Spinner.vue_vue_type_style_index_0_lang-D9QAUh3y.js"),R=require("./Badge.vue_vue_type_script_setup_true_lang-DLIYFnk7.js"),E=require("reka-ui"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js"),a=require("@pantograph/utils"),N=require("class-variance-authority"),G=require("./options-CY2uxp5A.js"),A=require("./index-BmcHqJPl.js"),j=require("./useInputDataStates-CXaVG_o2.js"),k="2xsm",U=e.defineComponent({...G.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},noRing:{type:Boolean},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{default:"button"},block:{type:Boolean},disabled:{type:Boolean},href:{},target:{}},emits:["click"],setup(C,{expose:z,emit:x}){const t=C,{getFlipOnDir:p}=A.useConfig(),h=p("flipOnDir"),D=p("preIconFlipOnDir"),S=p("postIconFlipOnDir"),V=p("badgeIconFlipOnDir"),i=a.getBemBlock("button"),O=N.cva(i,{variants:{size:a.generateVariantClassList(s.ButtonSizes,i),type:a.generateVariantClassList(s.ButtonTypes,i),color:a.generateVariantClassList(s.ButtonColors,i),variant:a.generateVariantClassList(s.ButtonVariants,i),action:a.generateVariantClassList("action",i),active:a.generateVariantClassList("active",i),text:a.generateVariantClassList("text",i),preIcon:a.generateVariantClassList("preIcon",i),postIcon:a.generateVariantClassList("postIcon",i),loading:a.generateVariantClassList("loading",i),block:a.generateVariantClassList("block",i),noRing:a.generateVariantClassList("no-ring",i)}}),y=s.injectButtonGroupContext({size:e.computed(()=>t.size),variant:e.computed(()=>t.variant)}),d=e.computed(()=>t.variant??y.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(d.value)||(o.icon||t.icon)&&!(t.text||o.default||t.preIcon||o.preIcon||t.postIcon||o.postIcon)),o=e.useSlots(),{getDisabled:v,getSize:m}=j.useFormInput({getSize:()=>t.size??y.size.value}),T=e.computed(()=>{let n=s.ButtonTypes.includes(t.type)?t.type:"fill";const l=m.value,f=l&&s.ButtonSizes.includes(l)?l:"md";let c=t.color&&s.ButtonColors.includes(t.color)?t.color:"primary",u=d.value&&s.ButtonVariants.includes(d.value)?d.value:"simple";return t.action?((u==="float"||r.value)&&(u="icon"),n==="fill"&&(n="outline"),c=void 0):u==="float"&&(n==="ghost"&&(n="fill"),["primary","neutral"].includes(c)||(c="primary")),{size:f,type:n,color:c,variant:u,action:!!t.action,active:!!t.active,loading:!!t.loading,block:!!t.block,noRing:!!t.noRing,text:!r.value&&!!(t.text||o.default),preIcon:!r.value&&!!(t.preIcon||o.preIcon),postIcon:!r.value&&!!(t.postIcon||o.postIcon)}}),I=e.computed(()=>{switch(m.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),L=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),_=e.computed(()=>t.href?"a":"button"),q=e.computed(()=>{const n={disabled:v.value};return t.href&&(n.href=t.href,n.target=t.target),t.htmlType&&(n.type=t.htmlType),n}),B=e.ref();z({focus(){var n;(n=B.value)==null||n.focus()},blur(){var n;(n=B.value)==null||n.blur()}});const F=x,P=n=>{if(t.loading||t.disabled){n.preventDefault(),n.stopPropagation();return}F("click",n)};e.computed(()=>t.action&&t.active&&!r.value&&(t.badgeText||o.badgeText||t.badgeIcon||o.badgeIcon||o.badge));const $=()=>{var n,l,f;if(t.action&&t.active&&!r.value){const c=(n=o.badge)==null?void 0:n.call(o,{color:v.value?"gray":"primary",size:k});if(!g.isEmptyElement(c))return c;const u=(l=o.badgeText)==null?void 0:l.call(o,{}),b=(f=o.badgeIcon)==null?void 0:f.call(o,{});if(t.badgeText||u||t.badgeIcon||b)return e.h(R._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:V.value,color:v.value?"gray":"primary",size:k},{default:u?o.badgeText:void 0,icon:b?o.badgeIcon:void 0})}return null};return(n,l)=>(e.openBlock(),e.createBlock(e.unref(E.Primitive),e.mergeProps({as:_.value,key:String(_.value),class:e.unref(a.normCls)(e.unref(O)(T.value),t.class),ref_key:"buttonRef",ref:B},q.value,{onClick:P}),{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createBlock(w._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:I.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(n.preIcon||o.preIcon)&&!r.value?(e.openBlock(),e.createBlock(g._sfc_main$3,{key:0,flipOnDir:e.unref(D),icon:n.preIcon,size:I.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(g._sfc_main$3,{key:1,icon:n.icon,size:L.value,flipOnDir:e.unref(h)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(n.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),e.createVNode($),(n.postIcon||o.postIcon)&&!r.value?(e.openBlock(),e.createBlock(g._sfc_main$3,{key:3,flipOnDir:e.unref(S),icon:n.postIcon,size:I.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},16,["as","class"]))}});exports._sfc_main=U;

package/dist/Button.vue_vue_type_script_setup_true_lang-DQeV7jFJ.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),u=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CEI8TTwc.js"),_=require("./options-CY2uxp5A.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},noRing:{type:Boolean},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},block:{type:Boolean},htmlType:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...u.omit(i,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Checkbox.vue_vue_type_style_index_0_lang-D_UcZD7p.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),b=require("reka-ui"),u=require("@pantograph/tokens"),n=require("@pantograph/utils"),I=require("class-variance-authority"),y=require("./options-CY2uxp5A.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),V=require("./useInputDataStates-CXaVG_o2.js"),z=["2xsm","xsm"],j=a=>({"--ptc-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),N=a=>({"--ptc-group-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-group-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-group-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),[_,$]=b.createContext("CheckboxGroup"),U=e.defineComponent({...y.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!0},as:{},modelValue:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:modelValue","change"],setup(a,{emit:h}){const r=h,o=a,s=l=>({value:typeof l=="object"?l==null?void 0:l.value:l,disabled:typeof l=="object"?l==null?void 0:l.disabled:void 0,label:typeof l=="object"?(l==null?void 0:l.label)??(l==null?void 0:l.value):l}),c=e.ref(o.modelValue??[]);e.watch(()=>o.modelValue,()=>{c.value=o.modelValue??[]});const g=e.computed({get(){return o.modelValue?o.modelValue:c.value},set(l){o.modelValue||(c.value=l),r("update:modelValue",l),r("change",l)}}),d=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return $({model:g,size:d,disabled:i}),(l,f)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:l.as,asChild:l.asChild},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var p;return[(p=l.options)!=null&&p.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(C,x)=>(e.openBlock(),e.createBlock(S,e.mergeProps({key:C.value??C,ref_for:!0},s(C)),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},8,["as","asChild"]))}}),O=["for"],S=e.defineComponent({...y.getComponentOptions("Checkbox"),__name:"Checkbox",props:{checked:{type:[Boolean,String,null],default:void 0},size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultValue:{type:[Boolean,String]},modelValue:{type:[Boolean,String,null],default:void 0},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","update:checked","change","blur","focus"],setup(a,{emit:h}){const r=n.getBemBlock("checkbox"),o=a,s=_({}),c=h,g=e.useSlots(),d=e.computed(()=>o.modelValue??o.checked),i=e.ref(d.value??!1);e.watch(()=>[o.modelValue,o.checked],()=>{i.value=d.value??!1});const l=e.computed({get(){var t;return(t=s.model)!=null&&t.value?o.value!==void 0&&s.model.value.includes(o.value):d.value!==void 0?d.value:i.value},set(t){var m;if((m=s.model)!=null&&m.value){if(o.value!==void 0){const v=s.model.value.indexOf(o.value);t&&v===-1?s.model.value=[...s.model.value,o.value]:!t&&v!==-1&&(s.model.value=s.model.value.filter(D=>D!==o.value))}}else d.value===void 0&&(i.value=t),c("update:checked",t),c("update:modelValue",t),c("change",t)}}),{getDisabled:f}=V.useFormInput({getDisabled:()=>{var t;return((t=s.disabled)==null?void 0:t.value)??o.disabled}}),p=e.computed(()=>o.id??n.usePCId(r)),C=b.useEmitAsProps(c),x=e.computed(()=>({disabled:f.value,...L.value,...k.omit(o,"size","class","label","disabled","modelValue","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls"),...k.omit(C,"onUpdate:modelValue","onUpdate:checked")})),P=I.cva(r,{variants:{size:n.generateVariantClassList(z,r)}}),q=e.computed(()=>o.label||g.default||o.value&&o.valueAsLabel),E=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),B=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),G=e.computed(()=>{switch(B.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:w,inputBindings:L}=V.UseInputDataStates({getDisabled:()=>f.value,emit:c}),A=()=>l.value=!l.value;return(t,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"root"),t.rootCls)},e.unref(w)),[e.createVNode(e.unref(b.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(A,["enter"])},x.value,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=v=>l.value=v),id:p.value,class:e.unref(n.normCls)(e.unref(P)({size:B.value}),o.class)}),{default:e.withCtx(()=>[e.createVNode(e.unref(b.CheckboxIndicator),{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"indicator"),t.indicatorCls)),asChild:""},{default:e.withCtx(()=>[d.value!="indeterminate"?(e.openBlock(),e.createBlock(k._sfc_main$3,{key:0,icon:"tabler:check",size:G.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"indeterminate"),t.indeterminateCls))},null,2))]),_:1},8,["class"])]),_:1},16,["modelValue","id","class"]),q.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:p.value,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"label"),t.labelCls))},[e.renderSlot(t.$slots,"default",{checked:d.value,disabled:e.unref(f),required:t.required},()=>[e.createTextVNode(e.toDisplayString(E.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=z;exports._sfc_main=S;exports._sfc_main$1=U;exports.injectCheckboxGroupContext=_;exports.provideCheckboxGroupContext=$;exports.useColoredPantographCheckbox=j;exports.useColoredPantographCheckboxGroup=N;

package/dist/Chip.vue_vue_type_style_index_0_lang-BLjUJgbj.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),s=require("@pantograph/utils"),S=require("class-variance-authority");require("@iconify/vue");const c=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),V=require("./options-CY2uxp5A.js"),i=require("./ChipGroup.vue_vue_type_style_index_0_lang-vXOtvFCA.js"),h=e.defineComponent({...V.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}},emits:["close"],setup(f,{emit:y}){const t=f,n=i.injectChipGroupContext({}),u=e.computed(()=>{var o;return((o=n.props)==null?void 0:o.size)??t.size}),z=e.computed(()=>{var o;return t.color??((o=n.props)==null?void 0:o.color)??"primary"}),p=e.computed(()=>{var o;return((o=n.props)==null?void 0:o.overlayActions)??t.overlayActions}),B=e.computed(()=>{var o;return t.selected??((o=n.props)==null?void 0:o.selected)}),_=e.computed(()=>{var o;return((o=n.props)==null?void 0:o.closeIcon)??t.closeIcon}),m=e.computed(()=>{var o;return((o=n.props)==null?void 0:o.icon)??t.icon}),d=e.computed(()=>{var o;return((o=n.props)==null?void 0:o.closeable)??t.closeable}),k=y,a=e.useSlots(),r=s.getBemBlock("chip"),P=S.cva(r,{variants:{size:s.generateVariantClassList(i.ChipSizes,r),color:s.generateVariantClassList(i.ChipColors,r),overlayActions:s.generateVariantClassList("overlay-actions",r),selected:s.generateVariantClassList("selected",r)}}),v=o=>{o==null||o.stopPropagation(),n.onClose&&n.onClose(t,o),k("close",o)},l=e.computed(()=>({onClose:v,size:(()=>{switch(u.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,E)=>{var C,g;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(P)({size:u.value,color:z.value,overlayActions:p.value,selected:B.value}),t.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(l.value)),()=>[m.value?(e.openBlock(),e.createBlock(e.unref(c._sfc_main$3),{key:0,size:l.value.size,icon:m.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(c.isEmptyElement)((C=a.text)==null?void 0:C.call(a,l.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(r),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(l.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(l.value))),d.value||!e.unref(c.isEmptyElement)((g=a.overlayActions)==null?void 0:g.call(a,l.value))?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(r),"actions"),o.actionsCls))},[p.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},l.value))):e.createCommentVNode("",!0),d.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},l.value)),()=>[e.createVNode(e.unref(c._sfc_main$3),{onPointerdown:v,size:l.value.size,icon:_.value,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(r),"close_icon"),o.closeIconCls))},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)}}});exports._sfc_main=h;

package/dist/ColorSwatch.vue_vue_type_style_index_0_lang-j3uScCo0.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CX1uOlz9.js"),g=require("./options-CY2uxp5A.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),s=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-NJ4SCX2H.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...g.getComponentOptions("ColorSwatch"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(u){const o=u,r=s.getBemBlock("color_swatch"),p=C.cva(r,{variants:{selected:s.generateVariantClassList("selected",r),size:s.generateVariantClassList(c,r),type:s.generateVariantClassList(l,r)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...k.omit(o,"size","class","type","selected","customPickerIcon")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),_=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:e.unref(s.normCls)(e.unref(p)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class)},_.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-CGF7Y4Y3.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),z=require("./options-CY2uxp5A.js"),S=require("reka-ui"),c=require("./ColorSwatch.vue_vue_type_style_index_0_lang-j3uScCo0.js"),u=require("./index-BmcHqJPl.js"),n=require("@pantograph/utils"),d=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),$=require("class-variance-authority"),j=require("./Popover.vue_vue_type_style_index_0_lang-qJ0psPTx.js"),q=require("./ColorPicker.vue_vue_type_style_index_0_lang-RKbw-kXI.js"),w=e.defineComponent({...z.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(C,{emit:k}){const t=C,_=e.useSlots(),f=k,l=d.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(u.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(u.isObject(o))return{...d.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},i=n.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:n.generateVariantClassList(c.ColorSwatchSizes,i)}}),v=e.ref(!1),m=o=>u.isObject(o)?o.value:o??void 0,g=o=>{const r=m(o);l.value=r,v.value=!r},p=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),h=e.computed(()=>{var o;if(!((o=p.value)!=null&&o.length&&p.value.some(r=>u.isString(r)&&r===l.value||u.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...d.pick(B,"onUpdate:format"),...d.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(t.class,e.unref(y)({size:o.size})))},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"header"),o.headerCls))},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"colors"),o.colorsCls))},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>g()),selected:!e.unref(l)&&v.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,s=>(e.openBlock(),e.createBlock(c._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon},{ref_for:!0},b(s),{key:m(s),onClick:a=>g(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),a=>({name:a,fn:e.withCtx(M=>[e.renderSlot(o.$slots,a,e.mergeProps({ref_for:!0},{...M,value:m(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(q._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(c._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(a=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=w;

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-Cz3225rF.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CX1uOlz9.js"),_=require("./options-CY2uxp5A.js"),o=require("@pantograph/utils"),z=require("class-variance-authority"),u=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),b=require("./index-BmcHqJPl.js"),v=require("./useInputDataStates-CXaVG_o2.js"),a=["sm","md","lg"],C=["disabled"],S=e.defineComponent({..._.getComponentOptions("ColorTrigger"),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},class:{},size:{default:"md"},disabled:{type:Boolean},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(l){const r=l,n=o.getBemBlock("color_trigger"),f=z.cva(n,{variants:{size:o.generateVariantClassList(a,n),borderless:o.generateVariantClassList("borderless",n),suffixIcon:o.generateVariantClassList("suffix-icon",n)}}),{getDisabled:d,getSize:t}=v.useFormInput({getSize:()=>r.size&&a.includes(r.size)?r.size:"md"}),g=e.computed(()=>({size:(()=>{switch(t.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...u.pick(r,"icon","bg","br","fg")})),i=e.useSlots(),m=e.computed(()=>{switch(t.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(s,x)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(f)({size:e.unref(t),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class)),disabled:e.unref(d)},[e.createVNode(p._sfc_main,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(i),c=>({name:c,fn:e.withCtx(()=>[e.renderSlot(s.$slots,c,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040),s.suffixIcon||i.suffixIcon?(e.openBlock(),e.createBlock(u._sfc_main$3,{key:0,icon:e.unref(b.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)],10,C))}});exports.ColorTriggerSizes=a;exports._sfc_main=S;