@pantograph/vue 0.10.0 → 0.10.2

package/dist/Checkbox.vue_vue_type_style_index_0_lang-Bm6sm_wm.js

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

package/dist/Checkbox.vue_vue_type_style_index_0_lang-maH6mbC5.js

@@ -1,216 +0,0 @@
-import { defineComponent as S, computed as l, ref as G, watch as P, createBlock as C, openBlock as u, unref as s, normalizeProps as R, guardReactiveProps as T, withCtx as k, renderSlot as V, createElementBlock as z, createCommentVNode as w, Fragment as j, renderList as D, mergeProps as y, useSlots as F, createVNode as L, normalizeClass as $, createTextVNode as U, toDisplayString as H } from "vue";
-import { createContext as J, Primitive as q, useId as K, CheckboxRoot as M, CheckboxIndicator as Q } from "radix-vue";
-import { prefixTokens as i } from "@pantograph/tokens";
-import { g as W, a as X, b as f } from "./class-DziTeW9B.js";
-import { cva as Y } from "class-variance-authority";
-import { g as A } from "./options-JBqnVZUl.js";
-import { o as Z } from "./omit-BHZMfUBv.js";
-import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { p as ae } from "./pick-BHVX8oMF.js";
-const te = ["2xsm", "xsm"], he = (t) => ({
-  "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), fe = (t) => ({
-  "--ptc-group-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-group-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-group-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), [se, oe] = J("CheckboxGroup"), ke = /* @__PURE__ */ S({
-  ...A("CheckboxGroup"),
-  __name: "CheckboxGroup",
-  props: {
-    asChild: { type: Boolean, default: !1 },
-    as: {},
-    value: {},
-    size: {},
-    disabled: { type: Boolean },
-    name: {},
-    options: {}
-  },
-  emits: ["update:value", "change"],
-  setup(t, { emit: g }) {
-    const c = g, e = t, o = l(() => ae(e, "asChild", "as")), d = G(e.value ?? []);
-    P(
-      () => e.value,
-      () => {
-        d.value = e.value ?? [];
-      }
-    );
-    const x = l({
-      get() {
-        return e.value ? e.value : d.value;
-      },
-      set(r) {
-        e.value || (d.value = r), c("update:value", r), c("change", r);
-      }
-    }), v = l(() => e.size), m = l(() => e.disabled ? !0 : void 0);
-    return oe({
-      model: x,
-      size: v,
-      disabled: m
-    }), (r, B) => (u(), C(s(q), R(T(o.value)), {
-      default: k(() => [
-        V(r.$slots, "default", {}, () => {
-          var b;
-          return [
-            (b = r.options) != null && b.length ? (u(!0), z(j, { key: 0 }, D(r.options, (n) => (u(), C(ce, y({
-              key: n.value,
-              ref_for: !0
-            }, n), null, 16))), 128)) : w("", !0)
-          ];
-        })
-      ]),
-      _: 3
-    }, 16));
-  }
-}), le = ["for"], ce = /* @__PURE__ */ S({
-  ...A("Checkbox"),
-  __name: "Checkbox",
-  props: {
-    size: { default: "xsm" },
-    class: {},
-    rootCls: {},
-    indicatorCls: {},
-    indeterminateCls: {},
-    labelCls: {},
-    label: {},
-    value: {},
-    id: {},
-    valueAsLabel: { type: Boolean, default: !0 },
-    defaultChecked: { type: Boolean },
-    checked: { type: [Boolean, String], default: void 0 },
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    name: {},
-    as: { default: "div" }
-  },
-  emits: ["update:checked", "change"],
-  setup(t, { emit: g }) {
-    const c = W("checkbox"), e = t, o = se({}), d = g, x = F(), v = G(e.checked ?? !1);
-    P(
-      () => e.checked,
-      () => {
-        v.value = e.checked ?? !1;
-      }
-    );
-    const m = l({
-      get() {
-        var a;
-        return (a = o.model) != null && a.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : v.value;
-      },
-      set(a) {
-        var p;
-        if ((p = o.model) != null && p.value) {
-          if (e.value !== void 0) {
-            const h = o.model.value.indexOf(e.value);
-            a && h === -1 ? o.model.value = [...o.model.value, e.value] : !a && h !== -1 && (o.model.value = o.model.value.filter(
-              (O) => O !== e.value
-            ));
-          }
-        } else
-          e.checked === void 0 && (v.value = a), d("update:checked", a), d("change", a);
-      }
-    }), r = l(() => e.id ?? K(void 0, c)), B = l(() => {
-      var a;
-      return {
-        disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
-        ...Z(
-          e,
-          "size",
-          "class",
-          "label",
-          "as",
-          "disabled",
-          "checked",
-          "id",
-          "rootCls",
-          "indicatorCls",
-          "indeterminateCls",
-          "labelCls"
-        )
-      };
-    }), b = Y(c, {
-      variants: {
-        size: X(te, c)
-      }
-    }), n = l(() => e.label || x.default || e.value && e.valueAsLabel), N = l(() => {
-      if (e.label) return e.label;
-      if (e.value && e.valueAsLabel) return e.value;
-    }), E = l(() => ({
-      asChild: !n.value,
-      as: e.as
-    })), _ = l(() => {
-      var a;
-      return ((a = o.size) == null ? void 0 : a.value) ?? e.size;
-    }), I = l(() => {
-      switch (_.value) {
-        case "xsm":
-          return "2xsm";
-        case "2xsm":
-        default:
-          return "3xsm";
-      }
-    });
-    return (a, p) => (u(), C(s(q), y({
-      key: n.value
-    }, E.value, {
-      class: [{ [s(f)(s(c), "root")]: n.value }, n.value ? a.rootCls : void 0]
-    }), {
-      default: k(() => [
-        L(s(M), y(B.value, {
-          checked: m.value,
-          "onUpdate:checked": p[0] || (p[0] = (h) => m.value = h),
-          id: r.value,
-          class: [s(b)({ size: _.value }), e.class]
-        }), {
-          default: k(() => [
-            L(s(Q), {
-              class: $([s(f)(s(c), "indicator"), a.indicatorCls]),
-              asChild: ""
-            }, {
-              default: k(() => [
-                e.checked != "indeterminate" ? (u(), C(ee, {
-                  key: 0,
-                  icon: "tabler:check",
-                  size: I.value
-                }, null, 8, ["size"])) : (u(), z("span", {
-                  key: 1,
-                  class: $([s(f)(s(c), "indeterminate"), a.indeterminateCls])
-                }, null, 2))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ]),
-          _: 1
-        }, 16, ["checked", "id", "class"]),
-        n.value ? (u(), z("label", {
-          key: 0,
-          for: r.value,
-          class: $([s(f)(s(c), "label"), a.labelCls])
-        }, [
-          V(a.$slots, "default", {
-            checked: a.checked,
-            disabled: a.disabled,
-            required: a.required
-          }, () => [
-            U(H(N.value), 1)
-          ])
-        ], 10, le)) : w("", !0)
-      ]),
-      _: 3
-    }, 16, ["class"]));
-  }
-});
-export {
-  te as C,
-  ce as _,
-  fe as a,
-  ke as b,
-  se as i,
-  oe as p,
-  he as u
-};