@phila/phila-ui-radio 0.0.5 → 0.0.6

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, getCurrentInstance as I, ref as O, watch as N, openBlock as o, createElementBlock as l, normalizeClass as S, unref as s, createElementVNode as a, Fragment as u, createTextVNode as w, toDisplayString as n, renderSlot as h, createCommentVNode as v, normalizeStyle as D, renderList as P, withDirectives as z, mergeProps as E, vModelRadio as K } from "vue";
+import { defineComponent as B, getCurrentInstance as O, ref as I, watch as N, openBlock as o, createElementBlock as l, normalizeClass as S, unref as s, createElementVNode as a, Fragment as u, createTextVNode as w, toDisplayString as n, renderSlot as h, createCommentVNode as v, normalizeStyle as D, renderList as P, withDirectives as z, mergeProps as E, vModelRadio as K } from "vue";
 import R from "@phila/phila-ui-core";
 const T = {
   key: 0,
@@ -22,11 +22,13 @@ const T = {
       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,18 +40,18 @@ const T = {
   },
   emits: ["update:modelValue", "change"],
   setup($, { emit: V }) {
-    const r = $, p = V, y = I(), { error: c, classes: C, optionText: k, optionValue: m } = g.useInput.useInputComposable(y, r), i = O(r.modelValue);
+    const r = $, p = V, y = O(), { error: m, classes: b, optionText: C, optionValue: c } = g.useInput.useInputComposable(y, r), i = I(r.modelValue);
     N(
       () => r.modelValue,
       (e) => {
         i.value = e;
       }
     );
-    const b = (e) => {
+    const k = (e) => {
       p("change", e), p("update:modelValue", i.value);
     };
     return (e, f) => (o(), l("div", {
-      class: S(["input-wrap input-radio", [s(C), r.small && "small-checkradio"]])
+      class: S(["input-wrap input-radio", [s(b), r.small && "small-checkradio"]])
     }, [
       a("fieldset", null, [
         a("legend", null, [
@@ -57,9 +59,9 @@ const T = {
             w(n(e.label) + " " + n(e.$attrs.required !== void 0 ? "*" : ""), 1)
           ], 64)) : h(e.$slots, "label", { key: 1 })
         ]),
-        s(c) ? (o(), l("div", T, [
+        s(m) ? (o(), l("div", T, [
           U,
-          a("span", null, n(s(c)), 1)
+          a("span", null, n(s(m)), 1)
         ])) : v("", !0),
         e.desc ? (o(), l("div", q, n(e.desc), 1)) : (o(), l(u, { key: 2 }, [
           e.$slots.desc ? (o(), l("div", A, [
@@ -80,17 +82,17 @@ const T = {
               "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
               type: "radio",
               role: "radio",
-              "aria-checked": e.modelValue === s(m)(d, t),
+              "aria-checked": e.modelValue === s(c)(d, t),
               name: `rd-${t}-${e.id}`,
               class: "is-checkradio",
-              value: s(m)(d, t),
+              value: s(c)(d, t),
               ref_for: !0
-            }, e.$attrs, { onChange: b }), null, 16, H), [
+            }, e.$attrs, { onChange: k }), null, 16, H), [
               [K, i.value]
             ]),
             a("label", {
               for: `rd-${t}-${e.id}`
-            }, n(s(k)(d)), 9, L)
+            }, n(s(C)(d)), 9, L)
           ]))), 128))
         ], 12, F)
       ])

package/dist/Radio.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.Radio=l(e.Vue,e.PhilaUICore))})(this,function(e,l){"use strict";const m={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","aria-checked","name","value"],B=["for"],{formHelpers:s}=l,{randomID:g}=s,y={inheritAttrs:!1};return e.defineComponent({...y,__name:"Radio",props:{id:{default:g()},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:{type:[String,Number,Boolean],default:""},numOfColumns:{default:1},small:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(E,{emit:$}){const n=E,i=$,N=e.getCurrentInstance(),{error:d,classes:C,optionText:S,optionValue:c}=s.useInput.useInputComposable(N,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,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap input-radio",[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(d)?(e.openBlock(),e.createElementBlock("div",m,[f,e.createElementVNode("span",null,e.toDisplayString(e.unref(d)),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:`rd-group-${o.id}`,style:e.normalizeStyle(`columns: ${o.numOfColumns} auto`),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(r,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"control"},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:`rd-${t}-${o.id}`,"onUpdate:modelValue":p[0]||(p[0]=D=>a.value=D),type:"radio",role:"radio","aria-checked":o.modelValue===e.unref(c)(r,t),name:`rd-${t}-${o.id}`,class:"is-checkradio",value:e.unref(c)(r,t),ref_for:!0},o.$attrs,{onChange:_}),null,16,V),[[e.vModelRadio,a.value]]),e.createElementVNode("label",{for:`rd-${t}-${o.id}`},e.toDisplayString(e.unref(S)(r)),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.Radio=l(e.Vue,e.PhilaUICore))})(this,function(e,l){"use strict";const m={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","aria-checked","name","value"],B=["for"],{formHelpers:s}=l,{randomID:g}=s,y={inheritAttrs:!1};return e.defineComponent({...y,__name:"Radio",props:{id:{default:g()},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:{type:[String,Number,Boolean],default:""},numOfColumns:{default:1},small:{type:Boolean,default:!1}},emits:["update:modelValue","change"],setup(E,{emit:$}){const n=E,i=$,N=e.getCurrentInstance(),{error:d,classes:C,optionText:S,optionValue:c}=s.useInput.useInputComposable(N,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,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap input-radio",[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(d)?(e.openBlock(),e.createElementBlock("div",m,[f,e.createElementVNode("span",null,e.toDisplayString(e.unref(d)),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:`rd-group-${o.id}`,style:e.normalizeStyle(`columns: ${o.numOfColumns} auto`),role:"radiogroup"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(r,t)=>(e.openBlock(),e.createElementBlock("div",{key:t,class:"control"},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:`rd-${t}-${o.id}`,"onUpdate:modelValue":p[0]||(p[0]=b=>a.value=b),type:"radio",role:"radio","aria-checked":o.modelValue===e.unref(c)(r,t),name:`rd-${t}-${o.id}`,class:"is-checkradio",value:e.unref(c)(r,t),ref_for:!0},o.$attrs,{onChange:_}),null,16,V),[[e.vModelRadio,a.value]]),e.createElementVNode("label",{for:`rd-${t}-${o.id}`},e.toDisplayString(e.unref(S)(r)),9,B)]))),128))],12,k)])],2))}})});

package/dist/Radio.vue.d.ts

@@ -1,4 +1,4 @@
-import { InputProps, default as PhilaUICore } from '@phila/phila-ui-core';
+import { InputProps } from '@phila/phila-ui-core';
 import { RadioProps } from './types';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps & RadioProps>, {
@@ -39,8 +39,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
-    errors: PhilaUICore.InputErrors;
-    options: (PhilaUICore.HTMLInputValue[] | PhilaUICore.InputOptions | PhilaUICore.InputOptions[] | PhilaUICore.InputOptionsGroup | undefined) & (object | (string | number | object)[]);
+    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) & (object | (string | number | object)[]);
     textKey: string;
     valueKey: string;
     label: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phila/phila-ui-radio",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.6",
   "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.21",
     "bulma": "^0.9.4",
     "vue": "^3.3.8"
   },
@@ -43,5 +43,5 @@
     "registry": "https://registry.npmjs.com/",
     "access": "public"
   },
-  "gitHead": "090157c232a9fa70f05d68b09a5cf22618d2bb68"
+  "gitHead": "62924e3ac0fd1187900911ff3346a09929ec5aa3"
 }