@phila/phila-ui-checkbox 0.0.4 → 0.0.8

package/dist/Checkbox.vue.d.ts

@@ -1,76 +1,28 @@
 import { InputProps } from "@phila/phila-ui-core";
 import { CheckboxProps } from "./types";
-import PhilaUICore from "@phila/phila-ui-core";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & CheckboxProps>, {
-    id: any;
-    errors(): never[];
-    label: string;
-    desc: string;
-    modelValue: () => never[];
-    valueKey: string;
-    textKey: string;
-    numOfColumns: number;
-    small: boolean;
-    options: () => {
-        "option-1": string;
-        "option-2": string;
-        "option-3": string;
-    };
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputProps & CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & CheckboxProps>, {
-    id: any;
-    errors(): never[];
-    label: string;
-    desc: string;
-    modelValue: () => never[];
-    valueKey: string;
-    textKey: string;
-    numOfColumns: number;
-    small: boolean;
-    options: () => {
-        "option-1": string;
-        "option-2": string;
-        "option-3": string;
-    };
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<InputProps & CheckboxProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     id: string;
-    errors: PhilaUICore.InputErrors;
-    options: (PhilaUICore.HTMLInputValue[] | PhilaUICore.InputOptions | PhilaUICore.InputOptions[] | PhilaUICore.InputOptionsGroup | undefined) & (PhilaUICore.InputOptions | PhilaUICore.InputOptions[]);
+    errors: import("@phila/phila-ui-core").InputErrors;
+    options: (import("@phila/phila-ui-core").HTMLInputValue[] | import("@phila/phila-ui-core").InputOptions | import("@phila/phila-ui-core").InputOptions[] | import("@phila/phila-ui-core").InputOptionsGroup | import("@phila/phila-ui-core").InputOptionObject[] | undefined) & (import("@phila/phila-ui-core").InputOptions | import("@phila/phila-ui-core").InputOptions[]);
     textKey: string;
     valueKey: string;
     label: string;
     desc: string;
-    modelValue: (string | number | boolean)[];
+    modelValue: Array<string | number | boolean>;
     numOfColumns: string | number;
     small: boolean;
-}, {}>, {
-    label?(_: {}): any;
-    desc?(_: {}): any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    label?: ((props: {}) => any) | undefined;
+    desc?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/checkbox.js

@@ -1,32 +1,32 @@
-import { defineComponent as I, getCurrentInstance as O, ref as B, watch as w, openBlock as o, createElementBlock as l, normalizeClass as D, unref as a, createElementVNode as s, Fragment as u, createTextVNode as N, toDisplayString as n, renderSlot as h, createCommentVNode as v, normalizeStyle as P, renderList as S, withDirectives as z, mergeProps as E, vModelCheckbox as K } from "vue";
+import { defineComponent as B, getCurrentInstance as I, ref as w, watch as D, createElementBlock as o, openBlock as l, normalizeClass as N, unref as a, createElementVNode as s, createCommentVNode as h, renderSlot as b, Fragment as c, createTextVNode as P, toDisplayString as n, normalizeStyle as S, renderList as _, withDirectives as z, mergeProps as E, vModelCheckbox as K } from "vue";
 import T from "@phila/phila-ui-core";
 const U = {
   key: 0,
   class: "input-error-msg"
-}, q = /* @__PURE__ */ s("span", { class: "icon" }, [
-  /* @__PURE__ */ s("i", { class: "fas fa-exclamation-circle" })
-], -1), A = {
+}, q = {
   key: 1,
   class: "is-field-info"
-}, F = {
+}, A = {
   key: 0,
   class: "is-field-info"
-}, H = ["id"], L = ["id", "name", "aria-checked", "value"], M = ["for"], { formHelpers: b } = T, { randomID: j } = b, G = {
+}, F = ["id"], H = ["id", "name", "aria-checked", "value"], L = ["for"], { formHelpers: v } = T, { randomID: M } = v, j = {
   inheritAttrs: !1
-}, R = /* @__PURE__ */ I({
-  ...G,
+}, Q = /* @__PURE__ */ B({
+  ...j,
   __name: "Checkbox",
   props: {
-    id: { default: j() },
+    id: { default: M() },
     errors: { default() {
       return [];
     } },
     optgroup: { type: Boolean },
+    disableableOptions: { type: Boolean },
     options: { default: () => ({
       "option-1": "Option 1",
       "option-2": "Option 2",
       "option-3": "Option 3"
     }) },
+    name: {},
     textKey: { default: "" },
     valueKey: { default: "" },
     imaskProps: {},
@@ -38,66 +38,68 @@ const U = {
   },
   emits: ["update:modelValue", "change"],
   setup(k, { emit: $ }) {
-    const i = k, c = $, V = O(), { error: m, classes: g, optionText: C, optionValue: p } = b.useInput.useInputComposable(V, i), r = B(i.modelValue);
-    w(
+    const i = k, p = $, V = I(), { error: m, classes: g, optionText: y, optionValue: f } = v.useInput.useInputComposable(V, i), r = w(i.modelValue);
+    D(
       () => i.modelValue,
       (e) => {
         r.value = e;
       }
     );
-    const y = (e) => {
-      c("change", e), c("update:modelValue", r.value);
+    const C = (e) => {
+      p("change", e), p("update:modelValue", r.value);
     };
-    return (e, f) => (o(), l("div", {
-      class: D(["input-wrap input-checkbox", [a(g), i.small && "small-checkradio"]])
+    return (e, d) => (l(), o("div", {
+      class: N(["input-wrap input-checkbox", [a(g), i.small && "small-checkradio"]])
     }, [
       s("fieldset", null, [
         s("legend", null, [
-          e.label ? (o(), l(u, { key: 0 }, [
-            N(n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 1)
-          ], 64)) : h(e.$slots, "label", { key: 1 })
+          e.label ? (l(), o(c, { key: 0 }, [
+            P(n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 1)
+          ], 64)) : b(e.$slots, "label", { key: 1 })
         ]),
-        a(m) ? (o(), l("div", U, [
-          q,
+        a(m) ? (l(), o("div", U, [
+          d[1] || (d[1] = s("span", { class: "icon" }, [
+            s("i", { class: "fas fa-exclamation-circle" })
+          ], -1)),
           s("span", null, n(a(m)), 1)
-        ])) : v("", !0),
-        e.desc ? (o(), l("div", A, n(e.desc), 1)) : (o(), l(u, { key: 2 }, [
-          e.$slots.desc ? (o(), l("div", F, [
-            h(e.$slots, "desc")
-          ])) : v("", !0)
+        ])) : h("", !0),
+        e.desc ? (l(), o("div", q, n(e.desc), 1)) : (l(), o(c, { key: 2 }, [
+          e.$slots.desc ? (l(), o("div", A, [
+            b(e.$slots, "desc")
+          ])) : h("", !0)
         ], 64)),
         s("div", {
           id: `cb-group-${e.id}`,
-          style: P(`columns: ${e.numOfColumns} auto`)
+          style: S(`columns: ${e.numOfColumns} auto`)
         }, [
-          (o(!0), l(u, null, S(e.options, (d, t) => (o(), l("div", {
+          (l(!0), o(c, null, _(e.options, (u, t) => (l(), o("div", {
             key: `k-${t}`,
             class: "control"
           }, [
             z(s("input", E({
               id: `cb-${t}-${e.id}`,
-              "onUpdate:modelValue": f[0] || (f[0] = (_) => r.value = _),
+              "onUpdate:modelValue": d[0] || (d[0] = (O) => r.value = O),
               name: `cb-${t}-${e.id}`,
               type: "checkbox",
-              "aria-checked": e.modelValue.includes(a(p)(d, t)),
+              "aria-checked": e.modelValue.includes(a(f)(u, t)),
               class: "is-checkradio",
               role: "checkbox",
               ref_for: !0
             }, e.$attrs, {
-              value: a(p)(d, t),
-              onChange: y
-            }), null, 16, L), [
+              value: a(f)(u, t),
+              onChange: C
+            }), null, 16, H), [
               [K, r.value]
             ]),
             s("label", {
               for: `cb-${t}-${e.id}`
-            }, n(a(C)(d)), 9, M)
+            }, n(a(y)(u)), 9, L)
           ]))), 128))
-        ], 12, H)
+        ], 12, F)
       ])
     ], 2));
   }
 });
 export {
-  R as default
+  Q as default
 };

package/dist/checkbox.umd.cjs

@@ -1 +1 @@
-(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=l(e.Vue,e.PhilaUICore))})(this,function(e,l){"use strict";const p={key:0,class:"input-error-msg"},f=e.createElementVNode("span",{class:"icon"},[e.createElementVNode("i",{class:"fas fa-exclamation-circle"})],-1),u={key:1,class:"is-field-info"},h={key:0,class:"is-field-info"},k=["id"],V=["id","name","aria-checked","value"],B=["for"],{formHelpers:r}=l,{randomID:y}=r,E={inheritAttrs:!1};return e.defineComponent({...E,__name:"Checkbox",props:{id:{default:y()},errors:{default(){return[]}},optgroup:{type:Boolean},options:{default:()=>({"option-1":"Option 1","option-2":"Option 2","option-3":"Option 3"})},textKey:{default:""},valueKey:{default:""},imaskProps:{},label:{default:""},desc:{default:""},modelValue:{default:()=>[]},numOfColumns:{default:1},small:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(b,{emit:g}){const n=b,i=g,$=e.getCurrentInstance(),{error:c,classes:C,optionText:N,optionValue:d}=r.useInput.useInputComposable($,n),a=e.ref(n.modelValue);e.watch(()=>n.modelValue,o=>{a.value=o});const _=o=>{i("change",o),i("update:modelValue",a.value)};return(o,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap input-checkbox",[e.unref(C),n.small&&"small-checkradio"]])},[e.createElementVNode("fieldset",null,[e.createElementVNode("legend",null,[o.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.label)+" "+e.toDisplayString(o.$attrs.required!==void 0?"*":""),1)],64)):e.renderSlot(o.$slots,"label",{key:1})]),e.unref(c)?(e.openBlock(),e.createElementBlock("div",p,[f,e.createElementVNode("span",null,e.toDisplayString(e.unref(c)),1)])):e.createCommentVNode("",!0),o.desc?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(o.desc),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.$slots.desc?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"desc")])):e.createCommentVNode("",!0)],64)),e.createElementVNode("div",{id:`cb-group-${o.id}`,style:e.normalizeStyle(`columns: ${o.numOfColumns} auto`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(s,t)=>(e.openBlock(),e.createElementBlock("div",{key:`k-${t}`,class:"control"},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:`cb-${t}-${o.id}`,"onUpdate:modelValue":m[0]||(m[0]=S=>a.value=S),name:`cb-${t}-${o.id}`,type:"checkbox","aria-checked":o.modelValue.includes(e.unref(d)(s,t)),class:"is-checkradio",role:"checkbox",ref_for:!0},o.$attrs,{value:e.unref(d)(s,t),onChange:_}),null,16,V),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:`cb-${t}-${o.id}`},e.toDisplayString(e.unref(N)(s)),9,B)]))),128))],12,k)])],2))}})});
+(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue"),require("@phila/phila-ui-core")):typeof define=="function"&&define.amd?define(["vue","@phila/phila-ui-core"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.Checkbox=l(e.Vue,e.PhilaUICore))})(this,function(e,l){"use strict";const m={key:0,class:"input-error-msg"},f={key:1,class:"is-field-info"},u={key:0,class:"is-field-info"},k=["id"],h=["id","name","aria-checked","value"],V=["for"],{formHelpers:i}=l,{randomID:B}=i,b={inheritAttrs:!1};return e.defineComponent({...b,__name:"Checkbox",props:{id:{default:B()},errors:{default(){return[]}},optgroup:{type:Boolean},disableableOptions:{type:Boolean},options:{default:()=>({"option-1":"Option 1","option-2":"Option 2","option-3":"Option 3"})},name:{},textKey:{default:""},valueKey:{default:""},imaskProps:{},label:{default:""},desc:{default:""},modelValue:{default:()=>[]},numOfColumns:{default:1},small:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(y,{emit:E}){const n=y,c=E,g=e.getCurrentInstance(),{error:d,classes:$,optionText:C,optionValue:p}=i.useInput.useInputComposable(g,n),a=e.ref(n.modelValue);e.watch(()=>n.modelValue,o=>{a.value=o});const N=o=>{c("change",o),c("update:modelValue",a.value)};return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap input-checkbox",[e.unref($),n.small&&"small-checkradio"]])},[e.createElementVNode("fieldset",null,[e.createElementVNode("legend",null,[o.label?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.label)+" "+e.toDisplayString(o.$attrs.required!==void 0?"*":""),1)],64)):e.renderSlot(o.$slots,"label",{key:1})]),e.unref(d)?(e.openBlock(),e.createElementBlock("div",m,[s[1]||(s[1]=e.createElementVNode("span",{class:"icon"},[e.createElementVNode("i",{class:"fas fa-exclamation-circle"})],-1)),e.createElementVNode("span",null,e.toDisplayString(e.unref(d)),1)])):e.createCommentVNode("",!0),o.desc?(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(o.desc),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.$slots.desc?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"desc")])):e.createCommentVNode("",!0)],64)),e.createElementVNode("div",{id:`cb-group-${o.id}`,style:e.normalizeStyle(`columns: ${o.numOfColumns} auto`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(r,t)=>(e.openBlock(),e.createElementBlock("div",{key:`k-${t}`,class:"control"},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:`cb-${t}-${o.id}`,"onUpdate:modelValue":s[0]||(s[0]=S=>a.value=S),name:`cb-${t}-${o.id}`,type:"checkbox","aria-checked":o.modelValue.includes(e.unref(p)(r,t)),class:"is-checkradio",role:"checkbox",ref_for:!0},o.$attrs,{value:e.unref(p)(r,t),onChange:N}),null,16,h),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:`cb-${t}-${o.id}`},e.toDisplayString(e.unref(C)(r)),9,V)]))),128))],12,k)])],2))}})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phila/phila-ui-checkbox",
   "private": false,
-  "version": "0.0.4",
+  "version": "0.0.8",
   "type": "module",
   "files": [
     "dist"
@@ -25,7 +25,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@phila/phila-ui-core": "1.0.12",
+    "@phila/phila-ui-core": "^1.0.24",
     "bulma": "^0.9.4",
     "vue": "^3.3.8"
   },
@@ -33,15 +33,15 @@
     "@types/node": "^20.10.3",
     "@vitejs/plugin-vue": "^4.5.0",
     "sass": "^1.69.5",
-    "typescript": "^5.2.2",
+    "typescript": "^5.8.2",
     "vite": "^5.0.0",
     "vite-plugin-dts": "^3.6.4",
     "vite-plugin-lib-inject-css": "^1.3.0",
-    "vue-tsc": "^1.8.22"
+    "vue-tsc": "^2.2.8"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.com/",
     "access": "public"
   },
-  "gitHead": "17ea0e29f4566d58fe5eccba43c916d4453129ad"
+  "gitHead": "09f2b67c1d3db773c813231e21b62b37e34aefbd"
 }