@bcc-code/component-library-vue 0.10.2 → 0.10.3

package/dist/component-library.js

@@ -17668,7 +17668,8 @@ const rP = ["for"], KN = /* @__PURE__ */ Te({
     unstyled: { type: Boolean },
     label: {},
     labelLeft: { type: Boolean },
-    justify: {}
+    justify: {},
+    labelClass: {}
   },
   setup(t) {
     const e = t, n = un(), r = ye(() => e.justify ? `justify-${e.justify}` : ""), i = ye(() => {
@@ -17685,7 +17686,8 @@ const rP = ["for"], KN = /* @__PURE__ */ Te({
         class: S([
           t.size === "large" ? "text-body-lg" : "text-body-md",
           { "text-disabled": t.disabled },
-          { "-order-1": t.labelLeft }
+          { "-order-1": t.labelLeft },
+          t.labelClass
         ])
       }, [
         b(o.$slots, "default", {}, () => [

package/dist/component-library.umd.cjs

@@ -2407,7 +2407,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         width: dt('radiobutton.icon.lg.size');
         height: dt('radiobutton.icon.lg.size');
     }
-`,wP={root:function(e){var n=e.instance,a=e.props;return["p-radiobutton p-component",{"p-radiobutton-checked":n.checked,"p-disabled":a.disabled,"p-invalid":n.$pcRadioButtonGroup?n.$pcRadioButtonGroup.$invalid:n.$invalid,"p-variant-filled":n.$variant==="filled","p-radiobutton-sm p-inputfield-sm":a.size==="small","p-radiobutton-lg p-inputfield-lg":a.size==="large"}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"},xP=x.extend({name:"radiobutton",style:kP,classes:wP}),CP={name:"BaseRadioButton",extends:$e,props:{value:null,binary:Boolean,readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:xP,provide:function(){return{$pcRadioButton:this,$parentInstance:this}}};function Dn(t){"@babel/helpers - typeof";return Dn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Dn(t)}function IP(t,e,n){return(e=SP(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function SP(t){var e=BP(t,"string");return Dn(e)=="symbol"?e:e+""}function BP(t,e){if(Dn(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var a=n.call(t,e);if(Dn(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Sa={name:"RadioButton",extends:CP,inheritAttrs:!1,emits:["change","focus","blur"],inject:{$pcRadioButtonGroup:{default:void 0}},methods:{getPTOptions:function(e){var n=e==="root"?this.ptmi:this.ptm;return n(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){if(!this.disabled&&!this.readonly){var n=this.binary?!this.checked:this.value;this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.writeValue(n,e):this.writeValue(n,e),this.$emit("change",e)}},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){var n,a;this.$emit("blur",e),(n=(a=this.formField).onBlur)===null||n===void 0||n.call(a,e)}},computed:{groupName:function(){return this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.groupName:this.$formName},checked:function(){var e=this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.d_value:this.d_value;return e!=null&&(this.binary?!!e:re(e,this.value))},dataP:function(){return A(IP({invalid:this.$invalid,checked:this.checked,disabled:this.disabled,filled:this.$variant==="filled"},this.size,this.size))}}},PP=["data-p-checked","data-p-disabled","data-p"],OP=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label","aria-invalid"],TP=["data-p"],EP=["data-p"];function LP(t,e,n,a,i,r){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:t.cx("root")},r.getPTOptions("root"),{"data-p-checked":r.checked,"data-p-disabled":t.disabled,"data-p":r.dataP}),[o.createElementVNode("input",o.mergeProps({id:t.inputId,type:"radio",class:[t.cx("input"),t.inputClass],style:t.inputStyle,value:t.value,name:r.groupName,checked:r.checked,tabindex:t.tabindex,disabled:t.disabled,readonly:t.readonly,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,"aria-invalid":t.invalid||void 0,onFocus:e[0]||(e[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:e[1]||(e[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:e[2]||(e[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,OP),o.createElementVNode("div",o.mergeProps({class:t.cx("box")},r.getPTOptions("box"),{"data-p":r.dataP}),[o.createElementVNode("div",o.mergeProps({class:t.cx("icon")},r.getPTOptions("icon"),{"data-p":r.dataP}),null,16,EP)],16,TP)],16,PP)}Sa.render=LP;const DP=["for"],$P=o.defineComponent({inheritAttrs:!1,__name:"BccRadioButton",props:{value:{},modelValue:{},defaultValue:{},name:{},binary:{type:Boolean},size:{},invalid:{type:Boolean},disabled:{type:Boolean},variant:{},readonly:{type:Boolean},tabindex:{},inputId:{},inputStyle:{},inputClass:{},ariaLabelledby:{},ariaLabel:{},formControl:{},dt:{},pt:{},ptOptions:{},unstyled:{type:Boolean},label:{},labelLeft:{type:Boolean},justify:{}},setup(t){const e=t,n=o.useAttrs(),a=o.computed(()=>e.justify?`justify-${e.justify}`:""),i=o.computed(()=>{const r={...e,...n};return delete r.justify,r.inputId||(r.inputId=`radio-button-${o.useId()}`),r});return(r,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["flex items-center gap-2",a.value])},[o.createVNode(o.unref(Sa),o.normalizeProps(o.guardReactiveProps(i.value)),null,16),t.label||r.$slots.default?(o.openBlock(),o.createElementBlock("label",{key:0,for:i.value.inputId,class:o.normalizeClass([t.size==="large"?"text-body-lg":"text-body-md",{"text-disabled":t.disabled},{"-order-1":t.labelLeft}])},[o.renderSlot(r.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(t.label),1)])],10,DP)):o.createCommentVNode("",!0)],2))}});var MP=`
+`,wP={root:function(e){var n=e.instance,a=e.props;return["p-radiobutton p-component",{"p-radiobutton-checked":n.checked,"p-disabled":a.disabled,"p-invalid":n.$pcRadioButtonGroup?n.$pcRadioButtonGroup.$invalid:n.$invalid,"p-variant-filled":n.$variant==="filled","p-radiobutton-sm p-inputfield-sm":a.size==="small","p-radiobutton-lg p-inputfield-lg":a.size==="large"}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"},xP=x.extend({name:"radiobutton",style:kP,classes:wP}),CP={name:"BaseRadioButton",extends:$e,props:{value:null,binary:Boolean,readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:xP,provide:function(){return{$pcRadioButton:this,$parentInstance:this}}};function Dn(t){"@babel/helpers - typeof";return Dn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Dn(t)}function IP(t,e,n){return(e=SP(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function SP(t){var e=BP(t,"string");return Dn(e)=="symbol"?e:e+""}function BP(t,e){if(Dn(t)!="object"||!t)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var a=n.call(t,e);if(Dn(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Sa={name:"RadioButton",extends:CP,inheritAttrs:!1,emits:["change","focus","blur"],inject:{$pcRadioButtonGroup:{default:void 0}},methods:{getPTOptions:function(e){var n=e==="root"?this.ptmi:this.ptm;return n(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){if(!this.disabled&&!this.readonly){var n=this.binary?!this.checked:this.value;this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.writeValue(n,e):this.writeValue(n,e),this.$emit("change",e)}},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){var n,a;this.$emit("blur",e),(n=(a=this.formField).onBlur)===null||n===void 0||n.call(a,e)}},computed:{groupName:function(){return this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.groupName:this.$formName},checked:function(){var e=this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.d_value:this.d_value;return e!=null&&(this.binary?!!e:re(e,this.value))},dataP:function(){return A(IP({invalid:this.$invalid,checked:this.checked,disabled:this.disabled,filled:this.$variant==="filled"},this.size,this.size))}}},PP=["data-p-checked","data-p-disabled","data-p"],OP=["id","value","name","checked","tabindex","disabled","readonly","aria-labelledby","aria-label","aria-invalid"],TP=["data-p"],EP=["data-p"];function LP(t,e,n,a,i,r){return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:t.cx("root")},r.getPTOptions("root"),{"data-p-checked":r.checked,"data-p-disabled":t.disabled,"data-p":r.dataP}),[o.createElementVNode("input",o.mergeProps({id:t.inputId,type:"radio",class:[t.cx("input"),t.inputClass],style:t.inputStyle,value:t.value,name:r.groupName,checked:r.checked,tabindex:t.tabindex,disabled:t.disabled,readonly:t.readonly,"aria-labelledby":t.ariaLabelledby,"aria-label":t.ariaLabel,"aria-invalid":t.invalid||void 0,onFocus:e[0]||(e[0]=function(){return r.onFocus&&r.onFocus.apply(r,arguments)}),onBlur:e[1]||(e[1]=function(){return r.onBlur&&r.onBlur.apply(r,arguments)}),onChange:e[2]||(e[2]=function(){return r.onChange&&r.onChange.apply(r,arguments)})},r.getPTOptions("input")),null,16,OP),o.createElementVNode("div",o.mergeProps({class:t.cx("box")},r.getPTOptions("box"),{"data-p":r.dataP}),[o.createElementVNode("div",o.mergeProps({class:t.cx("icon")},r.getPTOptions("icon"),{"data-p":r.dataP}),null,16,EP)],16,TP)],16,PP)}Sa.render=LP;const DP=["for"],$P=o.defineComponent({inheritAttrs:!1,__name:"BccRadioButton",props:{value:{},modelValue:{},defaultValue:{},name:{},binary:{type:Boolean},size:{},invalid:{type:Boolean},disabled:{type:Boolean},variant:{},readonly:{type:Boolean},tabindex:{},inputId:{},inputStyle:{},inputClass:{},ariaLabelledby:{},ariaLabel:{},formControl:{},dt:{},pt:{},ptOptions:{},unstyled:{type:Boolean},label:{},labelLeft:{type:Boolean},justify:{},labelClass:{}},setup(t){const e=t,n=o.useAttrs(),a=o.computed(()=>e.justify?`justify-${e.justify}`:""),i=o.computed(()=>{const r={...e,...n};return delete r.justify,r.inputId||(r.inputId=`radio-button-${o.useId()}`),r});return(r,l)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["flex items-center gap-2",a.value])},[o.createVNode(o.unref(Sa),o.normalizeProps(o.guardReactiveProps(i.value)),null,16),t.label||r.$slots.default?(o.openBlock(),o.createElementBlock("label",{key:0,for:i.value.inputId,class:o.normalizeClass([t.size==="large"?"text-body-lg":"text-body-md",{"text-disabled":t.disabled},{"-order-1":t.labelLeft},t.labelClass])},[o.renderSlot(r.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(t.label),1)])],10,DP)):o.createCommentVNode("",!0)],2))}});var MP=`
     .p-togglebutton {
         display: inline-flex;
         cursor: pointer;

package/dist-types/components/wrapped/BccRadioButton.vue.d.ts

@@ -3,6 +3,7 @@ export type RadioButtonProps = PrimeRadioButtonProps & {
     label?: string;
     labelLeft?: boolean;
     justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    labelClass?: string;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bcc-code/component-library-vue",
-	"version": "0.10.2",
+	"version": "0.10.3",
 	"type": "module",
 	"description": "Extended Vue component library based on PrimeVue and BCC design tokens",
 	"repository": "https://github.com/bcc-code/bcc-design.git",