https://podkite.com/21fffbca.js

1import{a5 as e,aw as t,r as l,$ as s,w as c}from"./23687aed.js";const a=(e,t={})=>e.value!==t.value||e.checked!==t.checked,i=e((e=>class extends(t(e)){static get properties(){return{checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},modelValue:{type:Object,hasChanged:a},choiceValue:{type:Object}}}get choiceValue(){return this.modelValue.value}set choiceValue(e){this.requestUpdate("choiceValue",this.choiceValue),this.modelValue.value!==e&&(this.modelValue={value:e,checked:this.modelValue.checked})}requestUpdate(e,t){super.requestUpdate(e,t),"modelValue"===e?this.modelValue.checked!==this.checked&&this.__syncModelCheckedToChecked(this.modelValue.checked):"checked"===e&&this.modelValue.checked!==this.checked&&this.__syncCheckedToModel(this.checked)}firstUpdated(e){super.firstUpdated(e),e.has("checked")&&this.__syncCheckedToInputElement()}updated(e){super.updated(e),e.has("modelValue")&&this.__syncCheckedToInputElement(),e.has("name")&&this._parentFormGroup&&this._parentFormGroup.name!==this.name&&this._syncNameToParentFormGroup()}constructor(){super(),this.modelValue={value:"",checked:!1},this.disabled=!1,this._preventDuplicateLabelClick=this._preventDuplicateLabelClick.bind(this),this._toggleChecked=this._toggleChecked.bind(this)}static get styles(){return[...super.styles||[],l`
2          :host {
3            display: flex;
4            flex-wrap: wrap;
5          }
6
7          :host([hidden]) {
8            display: none;
9          }
10
11          .choice-field__graphic-container {
12            display: none;
13          }
14          .choice-field__help-text {
15            display: block;
16            flex-basis: 100%;
17          }
18        `]}render(){return s`
19        <slot name="input"></slot>
20        <div class="choice-field__graphic-container">${this._choiceGraphicTemplate()}</div>
21        <div class="choice-field__label">
22          <slot name="label"></slot>
23        </div>
24        <small class="choice-field__help-text">
25          <slot name="help-text"></slot>
26        </small>
27        ${this._afterTemplate()}
28      `}_choiceGraphicTemplate(){return c}_afterTemplate(){return c}connectedCallback(){super.connectedCallback(),this._labelNode&&this._labelNode.addEventListener("click",this._preventDuplicateLabelClick),this.addEventListener("user-input-changed",this._toggleChecked)}disconnectedCallback(){super.disconnectedCallback(),this._labelNode&&this._labelNode.removeEventListener("click",this._preventDuplicateLabelClick),this.removeEventListener("user-input-changed",this._toggleChecked)}_preventDuplicateLabelClick(e){const t=e=>{e.stopImmediatePropagation(),this._inputNode.removeEventListener("click",t)};this._inputNode.addEventListener("click",t)}_toggleChecked(e){this.disabled||(this._isHandlingUserInput=!0,this.checked=!this.checked,this._isHandlingUserInput=!1)}_syncNameToParentFormGroup(){var e;this._parentFormGroup.tagName.includes(this.tagName)&&(this.name=(null===(e=this._parentFormGroup)||void 0===e?void 0:e.name)||"")}__syncModelCheckedToChecked(e){this.checked=e}__syncCheckedToModel(e){this.modelValue={value:this.choiceValue,checked:e}}__syncCheckedToInputElement(){this._inputNode&&(this._inputNode.checked=this.checked)}_proxyInputEvent(){}_onModelValueChanged({modelValue:e},t){let l;t&&t.modelValue&&(l=t.modelValue),this.constructor.elementProperties.get("modelValue").hasChanged(e,l)&&super._onModelValueChanged({modelValue:e})}parser(){return this.modelValue}formatter(e){return e&&void 0!==e.value?e.value:e}clear(){this.checked=!1}_isEmpty(){return!this.checked}_syncValueUpwards(){}}));export{i as C};