UNPKG

iobroker.lovelace

Version:

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

github.com/ioBroker/ioBroker.lovelace

ioBroker/ioBroker.lovelace

29 lines • 12.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/*! For license information please see 82416.3bbf47527ad17c25.js.LICENSE.txt */ export const __rspack_esm_id=82416;export const __rspack_esm_ids=[82416];export const __webpack_modules__={3449(e,o,t){var r=t(62826),a=t(5124),i=t(22441);class n extends a.WF{render(){return a.qy`<slot></slot>`}constructor(...e){super(...e),this.disabled=!1}}n.styles=a.AH`:host{display:block;color:var(--mdc-text-field-label-ink-color,rgba(0,0,0,.6));font-size:var(--ha-font-size-s);padding-left:16px;padding-right:16px;padding-inline-start:16px;padding-inline-end:16px;letter-spacing:var( --mdc-typography-caption-letter-spacing, .0333333333em );line-height:normal}:host([disabled]){color:var(--mdc-text-field-disabled-ink-color,rgba(0,0,0,.6))}`,(0,r.Cg)([(0,i.MZ)({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),n=(0,r.Cg)([(0,i.EM)("ha-input-helper-text")],n)},2226(e,o,t){t(18111),t(61701);var r=t(62826),a=t(35211),i=t(5124),n=t(22441),l=t(6412),s=t(63672),c=t(89784),d=t(1087),p=t(15638),h=t(22792);t(64013),t(92677);class u extends i.WF{render(){const e=this.maxColumns??3,o=Math.min(e,this.options.length);return i.qy` <ha-radio-group class="list" style="${(0,c.W)({"--columns":o})}" .value="${this.value}" @change="${this._radioChanged}"> ${this.options.map(e=>this._renderOption(e))} </ha-radio-group> `}_renderOption(e){const o=1===this.maxColumns&&!this.stackedImage,t=1===this.maxColumns&&this.stackedImage,r=e.disabled||this.disabled||!1,a=e.value===this.value,n=this._ui?.themes.darkMode||!1,c=!!this._i18n&&(0,p.qC)(this._i18n.language,this._i18n.translationMetadata.translations),d="object"==typeof e.image?n&&e.image.src_dark||e.image.src:e.image,h="object"==typeof e.image&&(c&&e.image.flip_rtl);return i.qy` <label class="option ${(0,l.H)({horizontal:o,stacked:t,selected:a})}" ?disabled="${r}"> <div class="content"> <ha-radio-option aria-describedby="${(0,s.J)(e.description?`desc-${e.value}`:void 0)}" aria-labelledby="${`label-${e.value}`}" .value="${e.value}" .disabled="${r}"></ha-radio-option> <div class="text"> <span id="${`label-${e.value}`}" class="label">${e.label}</span> ${e.description?i.qy`<span class="description" id="desc-${e.value}">${e.description}</span>`:i.s6} </div> </div> ${d?i.qy` <img class="${h?"flipped":""}" alt="" src="${d}"> `:i.s6} </label> `}_radioChanged(e){e.stopPropagation();const o=e.currentTarget.value;this.disabled||void 0===o||o===(this.value??"")||(0,d.r)(this,"value-changed",{value:o})}constructor(...e){super(...e),this.options=[],this.stackedImage=!1}}u.styles=i.AH`.list::part(form-control-input){display:grid;grid-template-columns:repeat(var(--columns,1),minmax(0,1fr));gap:var(--ha-space-3)}.option{position:relative;display:block;border:1px solid var(--divider-color);border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg));display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px;gap:var(--ha-space-2);overflow:hidden;cursor:pointer}.option .content{position:relative;display:flex;flex-direction:row;gap:var(--ha-space-2);min-width:0;width:100%}.option .content ha-radio-option{--ha-radio-option-control-margin:0;margin:0;flex:none}.option .content .text{display:flex;flex-direction:column;gap:var(--ha-space-1);min-width:0;flex:1;justify-content:center}.option .content .text .label{color:var(--primary-text-color);font-size:var(--ha-font-size-m);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.option .content .text .description{color:var(--secondary-text-color);font-size:var(--ha-font-size-s);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed)}img{position:relative;max-width:var(--ha-select-box-image-size,96px);max-height:var(--ha-select-box-image-size,96px);margin:auto}.flipped{transform:scaleX(-1)}.option.horizontal{flex-direction:row;align-items:flex-start}.option.horizontal img{margin:0}.option.stacked{align-items:stretch}.option.stacked img{max-width:100%;max-height:var(--ha-select-box-image-size,96px);margin:0}.option:before{content:"";display:block;inset:0;position:absolute;background-color:transparent;pointer-events:none;opacity:.2;transition:background-color 180ms ease-in-out,opacity 180ms ease-in-out}.option:hover:before{background-color:var(--divider-color)}.option.selected:before{background-color:var(--primary-color)}.option[disabled]{cursor:not-allowed}.option[disabled] .content,.option[disabled] img{opacity:.5}.option[disabled]:before{background-color:var(--disabled-color);opacity:.05}`,(0,r.Cg)([(0,n.MZ)({attribute:!1})],u.prototype,"options",void 0),(0,r.Cg)([(0,n.MZ)({attribute:!1})],u.prototype,"value",void 0),(0,r.Cg)([(0,n.MZ)({type:Boolean})],u.prototype,"disabled",void 0),(0,r.Cg)([(0,n.MZ)({type:Number,attribute:"max_columns"})],u.prototype,"maxColumns",void 0),(0,r.Cg)([(0,n.MZ)({type:Boolean,attribute:"stacked_image"})],u.prototype,"stackedImage",void 0),(0,r.Cg)([(0,n.wk)(),(0,a.Fg)({context:h.D5,subscribe:!0})],u.prototype,"_i18n",void 0),(0,r.Cg)([(0,n.wk)(),(0,a.Fg)({context:h.EK,subscribe:!0})],u.prototype,"_ui",void 0),u=(0,r.Cg)([(0,n.EM)("ha-select-box")],u)},66034(e,o,t){t.r(o),t.d(o,{HaSelectorAutomationBehavior:()=>d});t(18111),t(61701);var r=t(62826),a=t(5124),i=t(22441),n=t(93421),l=t(1087);t(3449),t(2226);const s=["each","first","all"],c=["any","all"];class d extends a.WF{render(){const{mode:e}=this.selector.automation_behavior??{},o="trigger"===(e??"trigger"),t=this._behaviors().map(e=>({value:e,label:this._localizeOption(e,"label"),description:this._localizeOption(e,"description"),disabled:this.disabled,...o&&{image:{src:`/static/images/form/automation_behavior_trigger_${e}.svg`,src_dark:`/static/images/form/automation_behavior_trigger_${e}_dark.svg`}}}));return a.qy` <ha-select-box .options="${t}" .value="${this.value??""}" max_columns="1" ?stacked_image="${o}" @value-changed="${this._valueChanged}"></ha-select-box> ${this.helper?a.qy`<ha-input-helper-text .disabled="${this.disabled}">${this.helper}</ha-input-helper-text>`:a.s6} `}_behaviors(){const e=this.selector.automation_behavior?.mode;return"condition"===e?c:s}_localizeOption(e,o){const{translation_key:t,mode:r}=this.selector.automation_behavior??{};if(this.localizeValue&&t){const r=this.localizeValue(`${t}.options.${e}.${o}`);if(r)return r}return this._localize?.(`ui.components.selectors.automation_behavior.${r??"trigger"}.options.${e}.${o}`)||e}_valueChanged(e){e.stopPropagation();const o=e.detail.value;this.disabled||o===this.value||(0,l.r)(this,"value-changed",{value:o})}constructor(...e){super(...e),this.disabled=!1,this.required=!0}}d.styles=a.AH`ha-select-box{--ha-select-box-image-size:28px}`,(0,r.Cg)([(0,i.MZ)({attribute:!1})],d.prototype,"selector",void 0),(0,r.Cg)([(0,i.MZ)()],d.prototype,"value",void 0),(0,r.Cg)([(0,i.MZ)()],d.prototype,"helper",void 0),(0,r.Cg)([(0,i.MZ)({attribute:!1})],d.prototype,"localizeValue",void 0),(0,r.Cg)([(0,i.MZ)({type:Boolean})],d.prototype,"disabled",void 0),(0,r.Cg)([(0,i.MZ)({type:Boolean})],d.prototype,"required",void 0),(0,r.Cg)([(0,n.IW)()],d.prototype,"_localize",void 0),d=(0,r.Cg)([(0,i.EM)("ha-selector-automation_behavior")],d)},64013(e,o,t){var r=t(62826),a=t(97086),i=t(5124),n=t(22441);class l extends a.A{static get styles(){return[a.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"}}l=(0,r.Cg)([(0,n.EM)("ha-radio-group")],l)},92677(e,o,t){var r=t(62826),a=t(17010),i=t(5124),n=t(22441);class l extends a.A{static get styles(){return[a.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}`]}}l=(0,r.Cg)([(0,n.EM)("ha-radio-option")],l)},35370(e,o,t){var r=t(26198);e.exports=function(e,o,t){for(var a=0,i=arguments.length>2?t:r(o),n=new e(i);i>a;)n[a]=o[a++];return n}},89429(e){e.exports=function(){}},95010(e,o,t){t.d(o,{q:()=>r,N:()=>a});t(16573),t(78100),t(77936),t(37467),t(44732),t(79577),t(16632),t(34226),t(9486),t(20456);function r(e,o,t){const r=e=>Object.is(e,-0)?0:e;return r(e<o?o:e>t?t:e)}function a(e=""){return`${e}${((e=21)=>{let o="",t=crypto.getRandomValues(new Uint8Array(e|=0));for(;e--;)o+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&t[e]];return o})()}`}},49546(e,o,t){t.d(o,{Y:()=>r});t(44114);const r=(e={})=>{let{validationElement:o,validationProperty:t}=e;o||(o=Object.assign(document.createElement("input"),{required:!0})),t||(t="value");const r={observedAttributes:["required"],message:o.validationMessage,checkValidity(e){const o={message:"",isValid:!0,invalidKeys:[]};if(!(e.required??e.hasAttribute("required")))return o;return!e[t]&&(o.message="function"==typeof r.message?r.message(e):r.message||"",o.isValid=!1,o.invalidKeys.push("valueMissing")),o}};return r}},15477(e,o,t){t.d(o,{A:()=>r});var r=t(5124).AH`:host{display:flex;flex-direction:column}[part~=form-control]{display:contents}:is([part~=form-control-label],[part~=label]).has-label,:is([part~=form-control-label],[part~=label]):has(:not(:empty)){display:inline-flex;color:var(--wa-form-control-label-color);font-weight:var(--wa-form-control-label-font-weight);line-height:var(--wa-form-control-label-line-height);margin-block-end:0.5em}:host([required]) :is([part~=form-control-label],[part~=label])::after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset);color:var(--wa-form-control-required-content-color)}[part~=hint]{display:block;color:var(--wa-form-control-hint-color);font-weight:var(--wa-form-control-hint-font-weight);line-height:var(--wa-form-control-hint-line-height);margin-block-start:0.5em;font-size:var(--wa-font-size-smaller)}[part~=hint]:not(.has-slotted,.has-hint){display:none}`},89784(e,o,t){t.d(o,{W:()=>l});t(74423),t(18111),t(18237),t(17642),t(58004),t(33853),t(45876),t(32475),t(15024),t(31698);var r=t(5055),a=t(42017);const i="important",n=" !"+i,l=(0,a.u$)(class extends a.WL{render(e){return Object.keys(e).reduce((o,t)=>{const r=e[t];return null==r?o:o+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(e,[o]){const{style:t}=e.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(o)),this.render(o);for(const e of this.ft)null==o[e]&&(this.ft.delete(e),e.includes("-")?t.removeProperty(e):t[e]=null);for(const e in o){const r=o[e];if(null!=r){this.ft.add(e);const o="string"==typeof r&&r.endsWith(n);e.includes("-")||o?t.setProperty(e,o?r.slice(0,-11):r,o?i:""):t[e]=r}}return r.c0}constructor(e){if(super(e),e.type!==a.OA.ATTRIBUTE||"style"!==e.name||e.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}})}};