https://my.unio24.com/assets/radiobutton-Cv0Vc1ol.js

1import{D as e,F as t,R as n,W as r,w as i}from"./vue-vendor-C_LayTbW.js";import{Ct as a,r as o}from"./basecomponent-CbOtHSlo.js";import{t as s}from"./classnames-CRHlWn3X.js";import{n as c}from"./inputtext-BWx1pC2G.js";var l=o.extend({name:`radiobutton`,style:`
2    .p-radiobutton {
3        position: relative;
4        display: inline-flex;
5        user-select: none;
6        vertical-align: bottom;
7        width: dt('radiobutton.width');
8        height: dt('radiobutton.height');
9    }
10
11    .p-radiobutton-input {
12        cursor: pointer;
13        appearance: none;
14        position: absolute;
15        top: 0;
16        inset-inline-start: 0;
17        width: 100%;
18        height: 100%;
19        padding: 0;
20        margin: 0;
21        opacity: 0;
22        z-index: 1;
23        outline: 0 none;
24        border: 1px solid transparent;
25        border-radius: 50%;
26    }
27
28    .p-radiobutton-box {
29        display: flex;
30        justify-content: center;
31        align-items: center;
32        border-radius: 50%;
33        border: 1px solid dt('radiobutton.border.color');
34        background: dt('radiobutton.background');
35        width: dt('radiobutton.width');
36        height: dt('radiobutton.height');
37        transition:
38            background dt('radiobutton.transition.duration'),
39            color dt('radiobutton.transition.duration'),
40            border-color dt('radiobutton.transition.duration'),
41            box-shadow dt('radiobutton.transition.duration'),
42            outline-color dt('radiobutton.transition.duration');
43        outline-color: transparent;
44        box-shadow: dt('radiobutton.shadow');
45    }
46
47    .p-radiobutton-icon {
48        transition-duration: dt('radiobutton.transition.duration');
49        background: transparent;
50        font-size: dt('radiobutton.icon.size');
51        width: dt('radiobutton.icon.size');
52        height: dt('radiobutton.icon.size');
53        border-radius: 50%;
54        backface-visibility: hidden;
55        transform: translateZ(0) scale(0.1);
56    }
57
58    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
59        border-color: dt('radiobutton.hover.border.color');
60    }
61
62    .p-radiobutton-checked .p-radiobutton-box {
63        border-color: dt('radiobutton.checked.border.color');
64        background: dt('radiobutton.checked.background');
65    }
66
67    .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
68        background: dt('radiobutton.icon.checked.color');
69        transform: translateZ(0) scale(1, 1);
70        visibility: visible;
71    }
72
73    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
74        border-color: dt('radiobutton.checked.hover.border.color');
75        background: dt('radiobutton.checked.hover.background');
76    }
77
78    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
79        background: dt('radiobutton.icon.checked.hover.color');
80    }
81
82    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
83        border-color: dt('radiobutton.focus.border.color');
84        box-shadow: dt('radiobutton.focus.ring.shadow');
85        outline: dt('radiobutton.focus.ring.width') dt('radiobutton.focus.ring.style') dt('radiobutton.focus.ring.color');
86        outline-offset: dt('radiobutton.focus.ring.offset');
87    }
88
89    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
90        border-color: dt('radiobutton.checked.focus.border.color');
91    }
92
93    .p-radiobutton.p-invalid > .p-radiobutton-box {
94        border-color: dt('radiobutton.invalid.border.color');
95    }
96
97    .p-radiobutton.p-variant-filled .p-radiobutton-box {
98        background: dt('radiobutton.filled.background');
99    }
100
101    .p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {
102        background: dt('radiobutton.checked.background');
103    }
104
105    .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {
106        background: dt('radiobutton.checked.hover.background');
107    }
108
109    .p-radiobutton.p-disabled {
110        opacity: 1;
111    }
112
113    .p-radiobutton.p-disabled .p-radiobutton-box {
114        background: dt('radiobutton.disabled.background');
115        border-color: dt('radiobutton.checked.disabled.border.color');
116    }
117
118    .p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
119        background: dt('radiobutton.icon.disabled.color');
120    }
121
122    .p-radiobutton-sm,
123    .p-radiobutton-sm .p-radiobutton-box {
124        width: dt('radiobutton.sm.width');
125        height: dt('radiobutton.sm.height');
126    }
127
128    .p-radiobutton-sm .p-radiobutton-icon {
129        font-size: dt('radiobutton.icon.sm.size');
130        width: dt('radiobutton.icon.sm.size');
131        height: dt('radiobutton.icon.sm.size');
132    }
133
134    .p-radiobutton-lg,
135    .p-radiobutton-lg .p-radiobutton-box {
136        width: dt('radiobutton.lg.width');
137        height: dt('radiobutton.lg.height');
138    }
139
140    .p-radiobutton-lg .p-radiobutton-icon {
141        font-size: dt('radiobutton.icon.lg.size');
142        width: dt('radiobutton.icon.lg.size');
143        height: dt('radiobutton.icon.lg.size');
144    }
145`,classes:{root:function(e){var t=e.instance,n=e.props;return[`p-radiobutton p-component`,{"p-radiobutton-checked":t.checked,"p-disabled":n.disabled,"p-invalid":t.$pcRadioButtonGroup?t.$pcRadioButtonGroup.$invalid:t.$invali

145d,"p-variant-filled":t.$variant===`filled`,"p-radiobutton-sm p-inputfield-sm":n.size===`small`,"p-radiobutton-lg p-inputfield-lg":n.size===`large`}]},box:`p-radiobutton-box`,input:`p-radiobutton-input`,icon:`p-radiobutton-icon`}});t();var u={name:`BaseRadioButton`,extends:c,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:l,provide:function(){return{$pcRadioButton:this,$parentInstance:this}}};function d(e){"@babel/helpers - typeof";return d=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},d(e)}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return d(t)==`symbol`?t:t+``}function m(e,t){if(d(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(d(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var h={name:`RadioButton`,extends:u,inheritAttrs:!1,emits:[`change`,`focus`,`blur`],inject:{$pcRadioButtonGroup:{default:void 0}},methods:{getPTOptions:function(e){return(e===`root`?this.ptmi:this.ptm)(e,{context:{checked:this.checked,disabled:this.disabled}})},onChange:function(e){if(!this.disabled&&!this.readonly){var t=this.binary?!this.checked:this.value;this.$pcRadioButtonGroup?this.$pcRadioButtonGroup.writeValue(t,e):this.writeValue(t,e),this.$emit(`change`,e)}},onFocus:function(e){this.$emit(`focus`,e)},onBlur:function(e){var t,n;this.$emit(`blur`,e),(t=(n=this.formField).onBlur)==null||t.call(n,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:a(e,this.value))},dataP:function(){return s(f({invalid:this.$invalid,checked:this.checked,disabled:this.disabled,filled:this.$variant===`filled`},this.size,this.size))}}},g=[`data-p-checked`,`data-p-disabled`,`data-p`],_=[`id`,`value`,`name`,`checked`,`tabindex`,`disabled`,`readonly`,`aria-labelledby`,`aria-label`,`aria-invalid`],v=[`data-p`],y=[`data-p`];function b(t,a,o,s,c,l){return r(),e(`div`,n({class:t.cx(`root`)},l.getPTOptions(`root`),{"data-p-checked":l.checked,"data-p-disabled":t.disabled,"data-p":l.dataP}),[i(`input`,n({id:t.inputId,type:`radio`,class:[t.cx(`input`),t.inputClass],style:t.inputStyle,value:t.value,name:l.groupName,checked:l.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:a[0]||=function(){return l.onFocus&&l.onFocus.apply(l,arguments)},onBlur:a[1]||=function(){return l.onBlur&&l.onBlur.apply(l,arguments)},onChange:a[2]||=function(){return l.onChange&&l.onChange.apply(l,arguments)}},l.getPTOptions(`input`)),null,16,_),i(`div`,n({class:t.cx(`box`)},l.getPTOptions(`box`),{"data-p":l.dataP}),[i(`div`,n({class:t.cx(`icon`)},l.getPTOptions(`icon`),{"data-p":l.dataP}),null,16,y)],16,v)],16,g)}h.render=b;export{h as t};