iobroker.lovelace/hass_frontend/frontend_latest/45771.20b492effd6c7717.js

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

/*! For license information please see 45771.20b492effd6c7717.js.LICENSE.txt */
export const __rspack_esm_id=45771;export const __rspack_esm_ids=[45771];export const __webpack_modules__={64138(e,a,t){t.a(e,async function(e,o){try{t.r(a),t.d(a,{HaIconPicker:()=>b});t(74423),t(44114),t(18111),t(22489),t(7588),t(61701),t(13579);var r=t(62826),i=t(5124),s=t(22441),n=t(22786),l=t(1087),c=t(700),d=(t(75064),t(38508)),h=(t(47680),e([d]));d=(h.then?(await h)():h)[0];let u=[],p=!1;const g=(e,a)=>{const t=`${a}:${e.name}`,o=e.name,r=o.split("-"),i=e.keywords??[],s={iconName:o};return r.forEach((e,a)=>{s[`part${a}`]=e}),i.forEach((e,a)=>{s[`keyword${a}`]=e}),{id:t,primary:t,icon:t,search_labels:s,sorting_label:t}},m=async()=>{p=!0;const e=await t.e(81340).then(t.t.bind(t,25143,19));u=e.default.map(e=>g(e,"mdi"));const a=[];Object.keys(c.y).forEach(e=>{a.push(v(e))}),(await Promise.all(a)).forEach(e=>{u.push(...e)})},v=async e=>{try{const a=c.y[e].getIconList;if("function"!=typeof a)return[];return(await a()).map(a=>g(a,e))}catch(a){return console.warn(`Unable to load icon list for ${e} iconset`),[]}},_=e=>i.qy` <ha-combo-box-item type="button"> <ha-icon .icon="${e.id}" slot="start"></ha-icon> ${e.id} </ha-combo-box-item> `;class b extends i.WF{render(){return i.qy` <ha-generic-picker allow-custom-value .getItems="${this._getIconPickerItems}" .helper="${this.helper}" .disabled="${this.disabled}" .required="${this.required}" .errorMessage="${this.errorMessage}" .invalid="${this.invalid}" .rowRenderer="${_}" .icon="${this._icon}" .label="${this.label}" .value="${this._value}" .searchFn="${this._filterIcons}" @value-changed="${this._valueChanged}"> <slot name="start"></slot> </ha-generic-picker> `}firstUpdated(){p||m().then(()=>{this._getIconPickerItems=()=>u,this.requestUpdate()})}_valueChanged(e){e.stopPropagation(),this._setValue(e.detail.value)}_setValue(e){this.value=e,(0,l.r)(this,"value-changed",{value:this._value},{bubbles:!1,composed:!1})}get _icon(){return this.value?.length?this.value:this.placeholder}get _value(){return this.value||""}constructor(...e){super(...e),this.disabled=!1,this.required=!1,this.invalid=!1,this._getIconPickerItems=()=>u,this._filterIcons=(0,n.A)((e,a,t)=>{const o=e.toLowerCase().replace(/\s+/g,"-"),r=t?.length?t:a;if(!o.length)return r;const i=[];for(const e of r){const a=(e.id.split(":")[1]||e.id).toLowerCase().split("-"),t=e.search_labels?Object.values(e.search_labels).filter(e=>null!==e).map(e=>e.toLowerCase()):[],r=e.id.toLowerCase();a.includes(o)?i.push({item:e,rank:1}):t.includes(o)?i.push({item:e,rank:2}):r.includes(o)?i.push({item:e,rank:3}):t.some(e=>e.includes(o))&&i.push({item:e,rank:4})}return i.sort((e,a)=>e.rank-a.rank).map(e=>e.item)})}}b.styles=i.AH`ha-generic-picker{width:100%;display:block}`,(0,r.Cg)([(0,s.MZ)()],b.prototype,"value",void 0),(0,r.Cg)([(0,s.MZ)()],b.prototype,"label",void 0),(0,r.Cg)([(0,s.MZ)()],b.prototype,"helper",void 0),(0,r.Cg)([(0,s.MZ)()],b.prototype,"placeholder",void 0),(0,r.Cg)([(0,s.MZ)({attribute:"error-message"})],b.prototype,"errorMessage",void 0),(0,r.Cg)([(0,s.MZ)({type:Boolean})],b.prototype,"disabled",void 0),(0,r.Cg)([(0,s.MZ)({type:Boolean})],b.prototype,"required",void 0),(0,r.Cg)([(0,s.MZ)({type:Boolean})],b.prototype,"invalid",void 0),b=(0,r.Cg)([(0,s.EM)("ha-icon-picker")],b),o()}catch(e){o(e)}})},64013(e,a,t){var o=t(62826),r=t(97086),i=t(5124),s=t(22441);class n extends r.A{static get styles(){return[r.A.styles,i.AH`:host{--wa-form-control-required-content:var(
            --ha-radio-group-required-marker,
            var(--ha-input-required-marker, "*")
          );--wa-form-control-required-content-offset:var(
            --ha-radio-group-required-marker-offset,
            0.1rem
          )}`]}constructor(){super(),this.radioTag="ha-radio-option"}}n=(0,o.Cg)([(0,s.EM)("ha-radio-group")],n)},92677(e,a,t){var o=t(62826),r=t(17010),i=t(5124),s=t(22441);class n extends r.A{static get styles(){return[r.A.styles,i.AH`:host{--wa-form-control-activated-color:var(
            --ha-radio-option-active-color,
            var(--ha-color-fill-primary-loud-resting)
          );--wa-form-control-height:var(--ha-radio-option-height, 40px);--wa-form-control-toggle-size:var(
            --ha-radio-option-toggle-size,
            20px
          );--wa-form-control-border-width:var(
            --ha-radio-option-border-width,
            var(--ha-border-width-md)
          );--wa-form-control-border-color:var(
            --ha-radio-option-border-color,
            var(--ha-color-border-neutral-normal)
          );--wa-form-control-background-color:var(
            --ha-radio-option-background-color,
            var(--wa-form-control-background-color)
          );--checked-icon-color:var(
            --ha-radio-option-checked-icon-color,
            var(--wa-form-control-activated-color)
          );--checked-icon-scale:var(--ha-radio-option-checked-icon-scale, 0.7)}:host([appearance=default]) .control{margin:var(--ha-radio-option-control-margin,var(--ha-space-3) var(--ha-space-2) var(--ha-space-3) var(--ha-space-3))}:host(:not([aria-checked=true],[aria-disabled=true]):hover) .control{border-color:var(--ha-radio-option-border-color-hover,var(--ha-radio-option-border-color,var(--ha-color-border-neutral-loud)));background-color:var(--ha-radio-option-background-color-hover,var(--ha-color-fill-neutral-quiet-hover))}:host([aria-checked=true]) .control{background-color:var(--ha-radio-option-checked-background-color,var(--ha-color-fill-primary-normal-resting));color:var(--checked-icon-color);border-color:var(--checked-icon-color)}[part~=label]{display:inline-flex;align-items:center;cursor:pointer}:host([disabled]) [part~=label]{cursor:not-allowed}`]}}n=(0,o.Cg)([(0,s.EM)("ha-radio-option")],n)},837(e,a,t){t.a(e,async function(e,o){try{t.r(a);t(74423);var r=t(62826),i=t(5124),s=t(22441),n=t(1087),l=t(64138),c=t(91485),d=(t(64013),t(92677),t(14503)),h=e([l,c]);[l,c]=h.then?(await h)():h;class u extends i.WF{set item(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")}focus(){this.updateComplete.then(()=>this._focusElement?.focus())}render(){return this.hass?i.qy` <div class="form"> <ha-input .value="${this._name}" .configValue="${"name"}" @input="${this._valueChanged}" .label="${this.hass.localize("ui.dialogs.helper_settings.generic.name")}" auto-validate required .validationMessage="${this.hass.localize("ui.dialogs.helper_settings.required_error_msg")}" dialogInitialFocus .disabled="${this.disabled}"></ha-input> <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")}" .disabled="${this.disabled}"></ha-icon-picker> <ha-radio-group .label="${this.hass.localize("ui.dialogs.helper_settings.input_datetime.mode")}" .value="${this._mode}" .disabled="${this.disabled}" name="mode" @change="${this._modeChanged}"> <ha-radio-option value="date"> ${this.hass.localize("ui.dialogs.helper_settings.input_datetime.date")} </ha-radio-option> <ha-radio-option value="time"> ${this.hass.localize("ui.dialogs.helper_settings.input_datetime.time")} </ha-radio-option> <ha-radio-option value="datetime"> ${this.hass.localize("ui.dialogs.helper_settings.input_datetime.datetime")} </ha-radio-option> </ha-radio-group> </div> `:i.s6}_modeChanged(e){const a=String(e.currentTarget.value);(0,n.r)(this,"value-changed",{value:{...this._item,has_time:["time","datetime"].includes(a),has_date:["date","datetime"].includes(a)}})}_valueChanged(e){if(!this.new&&!this._item)return;e.stopPropagation();const a=e.target.configValue,t=e.detail?.value||e.target.value;if(this[`_${a}`]===t)return;const o={...this._item};t?o[a]=t:delete o[a],(0,n.r)(this,"value-changed",{value:o})}static get styles(){return[d.RF,i.AH`.form{color:var(--primary-text-color)}.row{padding:var(--ha-space-4) 0}ha-input{margin:var(--ha-space-2) 0}ha-radio-group{margin-top:var(--ha-space-5)}`]}constructor(...e){super(...e),this.new=!1,this.disabled=!1}}(0,r.Cg)([(0,s.MZ)({attribute:!1})],u.prototype,"hass",void 0),(0,r.Cg)([(0,s.MZ)({type:Boolean})],u.prototype,"new",void 0),(0,r.Cg)([(0,s.MZ)({type:Boolean})],u.prototype,"disabled",void 0),(0,r.Cg)([(0,s.wk)()],u.prototype,"_name",void 0),(0,r.Cg)([(0,s.wk)()],u.prototype,"_icon",void 0),(0,r.Cg)([(0,s.wk)()],u.prototype,"_mode",void 0),(0,r.Cg)([(0,s.P)("[dialogInitialFocus]")],u.prototype,"_focusElement",void 0),u=(0,r.Cg)([(0,s.EM)("ha-input_datetime-form")],u),o()}catch(e){o(e)}})},49546(e,a,t){t.d(a,{Y:()=>o});t(44114);const o=(e={})=>{let{validationElement:a,validationProperty:t}=e;a||(a=Object.assign(document.createElement("input"),{required:!0})),t||(t="value");const o={observedAttributes:["required"],message:a.validationMessage,checkValidity(e){const a={message:"",isValid:!0,invalidKeys:[]};if(!(e.required??e.hasAttribute("required")))return a;return!e[t]&&(a.message="function"==typeof o.message?o.message(e):o.message||"",a.isValid=!1,a.invalidKeys.push("valueMissing")),a}};return o}}};