https://larkery.com/frontend_latest/90384.2ece02c0c81b9c8e.js

1export const __rspack_esm_id=90384;export const __rspack_esm_ids=[90384];export const __webpack_modules__={51981(t,e,i){i.a(t,async function(t,e){try{i(18111),i(22489);var o=i(28861),a=i(63018),s=i(11467),r=i(82476),n=i(5633),l=i(52973),c=i(7346),h=i(34619),d=i(62228),v=(i(13279),i(78813)),p=i(95722),_=i(4604),u=i(22666),b=i(63991),g=i(51706),y=i(24936),m=(i(43066),t([_]));_=(m.then?(await m)():m)[0];class $ extends s.WF{updated(t){(t.has("entry")||t.has("stateObj"))&&this.entry&&this.stateObj&&(this._favoritePositions=(0,g.S)(this.entry.options?.valve?.favorite_positions??b.ph))}_localizeFavorite(t,e){return this._localize(`ui.dialogs.more_info_control.valve.favorite_position.${t}`,e)}_currentValue(){const t=this.stateObj.attributes.current_position;return t??void 0}async _save(t){if(!this.entry)return;const e={...this.entry.options?.valve??{}};e.favorite_positions=this._favoritePositions;const i=await(0,u.G_)(this._api,this.entry.entity_id,{options_domain:"valve",options:{...e,favorite_positions:t}});(0,d.r)(this,"entity-entry-updated",i.entity_entry)}async _setFavorites(t){const e=(0,g.S)(t);this._favoritePositions=e,await this._save(e)}_move(t,e){const i=this._favoritePositions.concat(),o=i.splice(t,1)[0];i.splice(e,0,o),this._setFavorites(i)}_applyFavorite(t){const e=this._favoritePositions[t];void 0!==e&&this._api.callService("valve","set_valve_position",{entity_id:this.stateObj.entity_id,position:e})}async _promptFavoriteValue(t){const e=await(0,y.an)(this,{title:this._localizeFavorite(void 0===t?"add_title":"edit_title"),inputLabel:this._localize("ui.card.valve.position"),inputType:"number",inputMin:"0",inputMax:"100",inputSuffix:_.rM.valve.current_position,defaultValue:void 0===t?void 0:String(t)});if(null===e||""===e.trim())return;const i=Number(e);return isNaN(i)?void 0:Math.max(0,Math.min(100,i))}async _addFavorite(){const t=await this._promptFavoriteValue();void 0!==t&&await this._setFavorites([...this._favoritePositions,t])}async _editFavorite(t){const e=this._favoritePositions[t];if(void 0===e)return;const i=await this._promptFavoriteValue(e);if(void 0===i)return;const o=[...this._favoritePositions];o[t]=i,await this._setFavorites(o)}async _deleteFavorite(t){await(0,y.dk)(this,{destructive:!0,title:this._localizeFavorite("delete_confirm_title"),text:this._localizeFavorite("delete_confirm_text"),confirmText:this._localizeFavorite("delete_confirm_action")})&&await this._setFavorites(this._favoritePositions.filter((e,i)=>i!==t))}_renderSection(){return this.editMode||0!==this._favoritePositions.length?s.qy` <section class="group"> <ha-more-info-favorites .items=${this._favoritePositions} .renderItem=${this._renderFavorite} .deleteLabel=${this._deleteLabel} .editMode=${this.editMode??!1} .disabled=${this.stateObj.state===p.Hh} .isAdmin=${Boolean(this._user?.is_admin)} .showDone=${!0} .addLabel=${this._localizeFavorite("add")} .doneLabel=${this._localize("ui.dialogs.more_info_control.exit_edit_mode")} @favorite-item-action=${this._handleFavoriteAction} @favorite-item-moved=${this._handleFavoriteMoved} @favorite-item-delete=${this._handleFavoriteDelete} @favorite-item-add=${this._handleFavoriteAdd} @favorite-item-done=${this._handleFavoriteDone}></ha-more-info-favorites> </section> `:s.s6}render(){return this.stateObj&&this.entry?s.qy` <div class="groups">${this._renderSection()}</div> `:s.s6}constructor(...t){super(...t),this._favoritePositions=[],this._renderFavorite=(t,e,i)=>{const o=t,a=this._currentValue()===o,r=this._localizeFavorite(i?"edit":"set",{value:`${o}%`});return s.qy` <ha-control-button class=${(0,n.H)({active:a})} style=${(0,l.W)({"--control-button-border-radius":"var(--ha-border-radius-pill)",width:"72px",height:"36px"})}; .label=${r} .disabled=${this.stateObj.state===p.Hh}> ${o}% </ha-control-button> `},this._deleteLabel=t=>this._localizeFavorite("delete",{number:t+1}),this._handleFavoriteAction=t=>{t.stopPropagation();const{action:e,index:i}=t.detail;"hold"===e&&this._user?.is_admin?(0,d.r)(this,"toggle-edit-mode",!0):this.editMode?this._editFavorite(i):this._applyFavorite(i)},this._handleFavoriteMoved=t=>{t.stopPropagation(),this._move(t.detail.oldIndex,t.detail.newIndex)},this._handleFavoriteDelete=t=>{t.stopPropagation(),this._deleteFavorite(t.detail.index)},this._handleFavoriteAdd=t=>{t.stopPropagation(),this._addFavorite()},this._handleFavoriteDone=t=>{t.stopPropagation(),(0,d.r)(this,"toggle-edit-mode",!1)}}}$.styles=s.AH`:host{width:100%;display:block}.groups{align-items:center;gap:var(--ha-space-3);flex-direction:column;display:flex}.group{width:100%;max-width:384px;margin:0}.group ha-more-info-favorites{--favorite-items-max-width:384px;--favorite-item-active-background-color:var(--state-valve-active-color)}`,(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:v.Ie,subscribe:!0})],$.prototype,"_api",void 0),(0,o.Cg)([(0,r.wk)(),(0,c.IW)()],$.prototype,"_localize",void 0),(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:v.WF,subscribe:!0}),(0,h.p)({transformer:({user:t})=>t})],$.prototype,"_user",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],$.prototype,"stateObj",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],$.prototype,"entry",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],$.prototype,"editMode",void 0),(0,o.Cg)([(0,r.wk)()],$.prototype,"_favoritePositions",void 0),$=(0,o.Cg)([(0,r.EM)("ha-more-info-valve-favorite-positions")],$),e()}catch(t){e(t)}})}

1,9587(t,e,i){i.a(t,async function(t,o){try{i.r(e);var a=i(28861),s=i(63018),r=i(11467),n=i(82476),l=i(7346),c=i(22707),h=(i(45793),i(44e3)),d=i(78813),v=i(22666),p=i(63991),_=i(72379),u=i(15487),b=i(67400),g=i(51981),y=i(49418),m=i(926),$=t([h,_,u,b,g,y]);[h,_,u,b,g,y]=$.then?(await $)():$;const f="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z",O="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z";class j extends r.WF{_setMode(t){this._mode=t.currentTarget.mode}willUpdate(t){if(super.willUpdate(t),t.has("stateObj")&&this.stateObj){const e=this.stateObj.entity_id,i=t.get("stateObj")?.entity_id;this._mode&&e===i||(this._mode=(0,p.sA)(this.stateObj)?"position":"button")}}get _stateOverride(){const t=this._formatters.formatEntityState(this.stateObj),e=(0,p.Cp)(this.stateObj,this._formatters.formatEntityAttributeValue);return e?`${t} · ${e}`:t}render(){if(!this.stateObj)return r.s6;const t=(0,p.sA)(this.stateObj),e=Boolean(this.entry&&(this.editMode||t&&(0,v.fs)(this.entry.options?.valve?.favorite_positions))),i=(0,c.$)(this.stateObj,p.qm.OPEN)||(0,c.$)(this.stateObj,p.qm.CLOSE)||(0,c.$)(this.stateObj,p.qm.STOP),o=(0,c.$)(this.stateObj,p.qm.OPEN)&&(0,c.$)(this.stateObj,p.qm.CLOSE)&&!(0,c.$)(this.stateObj,p.qm.STOP)&&!t;return r.qy` <ha-more-info-state-header .stateObj=${this.stateObj} .stateOverride=${this._stateOverride}></ha-more-info-state-header> <div class="controls"> <div class="main-control"> ${"position"===this._mode?r.qy` ${t?r.qy` <ha-state-control-valve-position .stateObj=${this.stateObj}></ha-state-control-valve-position> `:r.s6} `:r.s6} ${"button"===this._mode?r.qy` ${o?r.qy` <ha-state-control-valve-toggle .stateObj=${this.stateObj}></ha-state-control-valve-toggle> `:i?r.qy` <ha-state-control-valve-buttons .stateObj=${this.stateObj}></ha-state-control-valve-buttons> `:r.s6} `:r.s6} </div> ${t&&i?r.qy` <ha-icon-button-group> <ha-icon-button-toggle .label=${this._localize("ui.dialogs.more_info_control.valve.switch_mode.position")} .selected=${"position"===this._mode} .path=${f} .mode=${"position"} @click=${this._setMode}></ha-icon-button-toggle> <ha-icon-button-toggle .label=${this._localize("ui.dialogs.more_info_control.valve.switch_mode.button")} .selected=${"button"===this._mode} .path=${O} .mode=${"button"} @click=${this._setMode}></ha-icon-button-toggle> </ha-icon-button-group> `:r.s6} </div> ${e?r.qy` <ha-more-info-valve-favorite-positions .stateObj=${this.stateObj} .entry=${this.entry} .editMode=${this.editMode}></ha-more-info-valve-favorite-positions> `:r.s6} `}static get styles(){return[m.K,r.AH`.main-control{flex-direction:row;align-items:center;display:flex}.main-control>*{margin:0 var(--ha-space-2)}`]}}(0,a.Cg)([(0,n.wk)(),(0,s.Fg)({context:d.p0,subscribe:!0})],j.prototype,"_formatters",void 0),(0,a.Cg)([(0,n.wk)(),(0,l.IW)()],j.prototype,"_localize",void 0),(0,a.Cg)([(0,n.MZ)({attribute:!1})],j.prototype,"stateObj",void 0),(0,a.Cg)([(0,n.MZ)({attribute:!1})],j.prototype,"entry",void 0),(0,a.Cg)([(0,n.MZ)({attribute:!1})],j.prototype,"editMode",void 0),(0,a.Cg)([(0,n.wk)()],j.prototype,"_mode",void 0),j=(0,a.Cg)([(0,n.EM)("more-info-valve")],j),o()}catch(t){o(t)}})},72379(t,e,i){i.a(t,async function(t,e){try{var o=i(28861),a=i(63018),s=i(11467),r=i(82476),n=i(93584),l=i(47749),c=i(7346),h=i(22707),d=(i(13279),i(74713),i(49698)),v=(i(47551),i(78813)),p=i(63991),_=t([d]);d=(_.then?(await _)():_)[0];const u="M18,18H6V6H18V18Z",b="M22 2V22H20V13H14.82A3 3 0 0 1 9.18 13H4V22H2V2H4V11H9.18A3 3 0 0 1 14.82 11H20V2Z",g="M4 22H2V2H4M22 2H20V22H22M11 4V9.18A3 3 0 0 0 11 14.82V20H13V14.82A3 3 0 0 0 13 9.18V4Z",y=(0,l.A)(t=>{const e=(0,h.$)(t,p.qm.OPEN),i=(0,h.$)(t,p.qm.CLOSE),o=(0,h.$)(t,p.qm.STOP),a=[];return e&&a.push("open"),o&&a.push("stop"),i&&a.push("close"),a});class m extends s.WF{_onOpenTap(t){t.stopPropagation(),this._api.callService("valve","open_valve",{entity_id:this.stateObj.entity_id})}_onCloseTap(t){t.stopPropagation(),this._api.callService("valve","close_valve",{entity_id:this.stateObj.entity_id})}_onStopTap(t){t.stopPropagation(),this._api.callService("valve","stop_valve",{entity_id:this.stateObj.entity_id})}renderButton(t){return"open"===t?s.qy` <ha-control-button .label=${this._localize("ui.card.valve.open_valve")} @click=${this._onOpenTap} .disabled=${!(0,p.pc)(this.stateObj)} data-button="open"> <ha-svg-icon .path=${g}></ha-svg-icon> </ha-control-button> `:"close"===t?s.qy` <ha-control-button .label=${this._localize("ui.card.valve.close_valve")} @click=${this._onCloseTap} .disabled=${!(0,p.hJ)(this.stateObj)} data-button="close"> <ha-svg-icon .path=${b}></ha-svg-icon> </ha-control-button> `:"stop"===t?s.qy` <ha-control-button .label=${this._localize("ui.card.valve.stop_valve")} @click=${this._onStopTap} .disabled=${!(0,p.lg)(this.stateObj)} data-button="stop"> <ha-svg-icon .path=${u}></ha-svg-icon> </ha-control-button> `:s.s6}render(){const t=y(this.stateObj);return s.qy` <ha-control-button-group vertical> ${(0,n.u)(t,t=>t,t=>this.renderButton(t))} </ha-control-button-group> `}}m.styles=s.AH`ha-control-button-group{--control-button-group-spacing:10px;--control-button-group-thickness:100px;height:45vh;min-height:200px;max-height:320px}ha-control-button{--control-button-border-radius:var(--ha-border-radius-6xl);--mdc-icon-size:24px}`,(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:v.Ie,subscribe:!0})],m.prototype,"_api",void 0),(0,o.Cg)([(0,r.wk)(),(0,c.IW)()],m.prototype,"_localize",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],m.prototype,"stateObj",void 0),m=(0,o.Cg)([(0,r.EM)("ha-state-control-valve-buttons")],m),e()}catch(t){e(t)}})},15487(t,e,i){i.a(t,async function(t,e){try{var o=i(28861),a=i(63018),s=i(11467),r=i(82476),n=i(52973),l=i(34619),c=i(9179),h=i(49698),d=i(78813),v=i(95722),p=i(4604),_=t([h,p]);[h,p]=_.then?(await _)():_;class u extends s.WF{updated(t){if(t.has("stateObj")){const t=this.stateObj?.attributes.current_position;this.value=null!=t?Math.round(t):void 0}}_valueChanged(t){const{value:e}=t.detail;"number"!=typeof e||isNaN(e)||this._api.callService("valve","set_valve_position",{entity_id:this.stateObj.entity_id,position:e})}render(){const t=(0,c.Se)(this.stateObj);return s.qy` <ha-control-slider touch-action="none" vertical .value=${this.value} min="0" max="100" show-handle @value-changed=${this._valueChanged} .label=${this._formatters.formatEntityAttributeName(this.stateObj,"current_position")} style=${(0,n.W)({"--control-slider-color":t,"--control-slider-background":t})}; .disabled=${this.stateObj.state===v.Hh} .unit=${p.rM.valve.current_position} .locale=${this._locale}> </ha-control-slider> `}}u.styles=s.AH`ha-control-slider{--control-slider-thickness:130px;--control-slider-border-radius:var(--ha-border-radius-6xl);--control-slider-color:var(--primary-color);--control-slider-background:var(--disabled-color);--control-slider-background-opacity:.2;--control-slider-tooltip-font-size:var(--ha-font-size-xl);height:45vh;min-height:200px;max-height:320px}`,(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:d.Ie,subscribe:!0})],u.prototype,"_api",void 0),(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:d.p0,subscribe:!0})],u.prototype,"_formatters",void 0),(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:d.D5,subscribe:!0}),(0,l.p)({transformer:({locale:t})=>t})],u.prototype,"_locale",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"stateObj",void 0),(0,o.Cg)([(0,r.wk)()],u.prototype,"value",void 0),u=(0,o.Cg)([(0,r.EM)("ha-state-control-valve-position")],u),e()}catch(t){e(t)}})},67400(t,e,i){i.a(t,async function(t,e){try{var o=i(28861),a=i(63018),s=i(11467),r=i(82476),n=i(5633),l=i(52973),c=i(7346),h=i(9179),d=(i(13279),i(62935),i(55530)),v=i(78813),p=i(95722),_=i(37085),u=i(31034),b=t([d]);d=(b.then?(await b)():b)[0];class g extends s.WF{_valueChanged(t){t.target.checked?this._turnOn():this._turnOff()}_turnOn(){this._callService(!0)}_turnOff(){this._callService(!1)}async _callService(t){this.stateObj&&((0,_.j)(this,"light"),await this._api.callService("valve",t?"open_valve":"close_valve",{entity_id:this.stateObj.entity_id}))}render(){const t=(0,h.Se)(this.stateObj,"open"),e=(0,h.Se)(this.stateObj,"closed"),i="open"===this.stateObj.state||"closing"===this.stateObj.state||"opening"===this.stateObj.state,o="closed"===this.stateObj.state;return this.stateObj.attributes.assumed_state||this.stateObj.state===p.HV?s.qy` <div class="buttons"> <ha-control-button .label=${this._localize("ui.card.valve.open_valve")} @click=${this._turnOn} .disabled=${this.stateObj.state===p.Hh} class=${(0,n.H)({active:i})} style=${(0,l.W)({"--color":t})};> <ha-state-icon .stateObj=${this.stateObj} stateValue="open"></ha-state-icon> </ha-control-button> <ha-control-button .label=${this._localize("ui.card.valve.close_valve")} @click=${this._turnOff} .disabled=${this.stateObj.state===p.Hh} class=${(0,n.H)({active:o})} style=${(0,l.W)({"--color":e})};> <ha-state-icon .stateObj=${this.stateObj} stateValue="closed"></ha-state-icon> </ha-control-button> </div> `:s.qy` <ha-control-switch touch-action="none" vertical reversed .checked=${i} @change=${this._valueChanged} .label=${i?this._localize("ui.card.valve.close_valve"):this._localize("ui.card.valve.open_valve")} style=${(0,l.W)({"--control-switch-on-color":t,"--control-switch-off-color":e})}; .disabled=${this.stateObj.state===p.Hh}> <ha-state-icon slot="icon-on" .stateObj=${this.stateObj} stateValue="open"></ha-state-icon> <ha-state-icon slot="icon-off" .stateObj=${this.stateObj} stateValue="closed"></ha-state-icon> </ha-control-switch> `}}g.styles=[u.e],(0,o.Cg)([(0,r.wk)(),(0,a.Fg)({context:v.Ie,subscribe:!0})],g.prototype,"_api",void 0),(0,o.Cg)([(0,r.wk)(),(0,c.IW)()],g.prototype,"_localize",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"stateObj",void 0),g=(0,o.Cg)([(0,r.EM)("ha-state-control-valve-toggle")],g),e()}catch(t){e(t)}})}};
2//# sourceMappingURL=90384.2ece02c0c81b9c8e.js.map