2 lines
4.8 KiB
JavaScript
2 lines
4.8 KiB
JavaScript
export const ids=["9857"];export const modules={52158:function(e,i,a){var t=a(44249),d=a(4918),s=a(6394),l=a(57243),n=a(50778),o=a(35359),r=a(11297);(0,t.Z)([(0,n.Mo)("ha-formfield")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),e(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"method",key:"render",value:function(){const e={"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween,"mdc-form-field--nowrap":this.nowrap};return l.dy` <div class="mdc-form-field ${(0,o.$)(e)}"> <slot></slot> <label class="mdc-label" @click="${this._labelClick}"> <slot name="label">${this.label}</slot> </label> </div>`}},{kind:"method",key:"_labelClick",value:function(){const e=this.input;if(e&&(e.focus(),!e.disabled))switch(e.tagName){case"HA-CHECKBOX":e.checked=!e.checked,(0,r.B)(e,"change");break;case"HA-RADIO":e.checked=!0,(0,r.B)(e,"change");break;default:e.click()}}},{kind:"field",static:!0,key:"styles",value:()=>[s.W,l.iv`:host(:not([alignEnd])) ::slotted(ha-switch){margin-right:10px;margin-inline-end:10px;margin-inline-start:inline}.mdc-form-field{align-items:var(--ha-formfield-align-items,center);gap:4px}.mdc-form-field>label{direction:var(--direction);margin-inline-start:0;margin-inline-end:auto;padding:0}:host([disabled]) label{color:var(--disabled-text-color)}`]}]}}),d.a)},61631:function(e,i,a){var t=a(44249),d=a(5601),s=a(81577),l=a(57243),n=a(50778);(0,t.Z)([(0,n.Mo)("ha-radio")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),e(this)}},d:[{kind:"field",static:!0,key:"styles",value:()=>[s.W,l.iv`:host{--mdc-theme-secondary:var(--primary-color)}`]}]}}),d.J)},71403:function(e,i,a){a.r(i);var t=a(44249),d=a(57243),s=a(50778),l=a(11297),n=(a(52158),a(61631),a(70596),a(66193));(0,t.Z)([(0,s.Mo)("ha-input_datetime-form")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),e(this)}},d:[{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,s.Cb)({type:Boolean})],key:"new",value:()=>!1},{kind:"field",key:"_item",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_name",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_icon",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_mode",value:void 0},{kind:"set",key:"item",value:function(e){this._item=e,e?(this._name=e.name||"",this._icon=e.icon||"",this._mode=e.has_time&&e.has_date?"datetime":e.has_time?"time":"date",this._item.has_date=!e.has_date&&!e.has_time||e.has_date):(this._name="",this._icon="",this._mode="date")}},{kind:"method",key:"focus",value:function(){this.updateComplete.then((()=>this.shadowRoot?.querySelector("[dialogInitialFocus]")?.focus()))}},{kind:"method",key:"render",value:function(){return this.hass?d.dy` <div class="form"> <ha-textfield .value="${this._name}" .configValue="${"name"}" @input="${this._valueChanged}" .label="${this.hass.localize("ui.dialogs.helper_settings.generic.name")}" autoValidate required .validationMessage="${this.hass.localize("ui.dialogs.helper_settings.required_error_msg")}" dialogInitialFocus></ha-textfield> <ha-icon-picker .hass="${this.hass}" .value="${this._icon}" .configValue="${"icon"}" @value-changed="${this._valueChanged}" .label="${this.hass.localize("ui.dialogs.helper_settings.generic.icon")}"></ha-icon-picker> <br> ${this.hass.localize("ui.dialogs.helper_settings.input_datetime.mode")}: <br> <ha-formfield .label="${this.hass.localize("ui.dialogs.helper_settings.input_datetime.date")}"> <ha-radio name="mode" value="date" .checked="${"date"===this._mode}" @change="${this._modeChanged}"></ha-radio> </ha-formfield> <ha-formfield .label="${this.hass.localize("ui.dialogs.helper_settings.input_datetime.time")}"> <ha-radio name="mode" value="time" .checked="${"time"===this._mode}" @change="${this._modeChanged}"></ha-radio> </ha-formfield> <ha-formfield .label="${this.hass.localize("ui.dialogs.helper_settings.input_datetime.datetime")}"> <ha-radio name="mode" value="datetime" .checked="${"datetime"===this._mode}" @change="${this._modeChanged}"></ha-radio> </ha-formfield> </div> `:d.Ld}},{kind:"method",key:"_modeChanged",value:function(e){const i=e.target.value;(0,l.B)(this,"value-changed",{value:{...this._item,has_time:["time","datetime"].includes(i),has_date:["date","datetime"].includes(i)}})}},{kind:"method",key:"_valueChanged",value:function(e){if(!this.new&&!this._item)return;e.stopPropagation();const i=e.target.configValue,a=e.detail?.value||e.target.value;if(this[`_${i}`]===a)return;const t={...this._item};a?t[i]=a:delete t[i],(0,l.B)(this,"value-changed",{value:t})}},{kind:"get",static:!0,key:"styles",value:function(){return[n.Qx,d.iv`.form{color:var(--primary-text-color)}.row{padding:16px 0}ha-textfield{display:block;margin:8px 0}`]}}]}}),d.oi)}};
|
|
//# sourceMappingURL=9857.d294077e9996b006.js.map
|