UNPKG

iobroker.lovelace

Version:

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

176 lines (146 loc) 8.76 kB
/*! For license information please see chunk.1ba21b11d8340bf3aa0e.js.LICENSE.txt */ (self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([[7693],{35854:(e,t,i)=>{"use strict";i.d(t,{G:()=>r,R:()=>n});i(43437);var o=i(21006),a=i(98235);const r={properties:{checked:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0,observer:"_checkedChanged"},toggles:{type:Boolean,value:!0,reflectToAttribute:!0},value:{type:String,value:"on",observer:"_valueChanged"}},observers:["_requiredChanged(required)"],created:function(){this._hasIronCheckedElementBehavior=!0},_getValidity:function(e){return this.disabled||!this.required||this.checked},_requiredChanged:function(){this.required?this.setAttribute("aria-required","true"):this.removeAttribute("aria-required")},_checkedChanged:function(){this.active=this.checked,this.fire("iron-change")},_valueChanged:function(){void 0!==this.value&&null!==this.value||(this.value="on")}},n=[o.V,a.x,r]},85753:(e,t,i)=>{"use strict";i.d(t,{I:()=>a,E:()=>r});i(43437);var o=i(78161);const a={hostAttributes:{role:"menubar"},keyBindings:{left:"_onLeftKey",right:"_onRightKey"},_onUpKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},_onDownKey:function(e){this.focusedItem.click(),e.detail.keyboardEvent.preventDefault()},get _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_onLeftKey:function(e){this._isRTL?this._focusNext():this._focusPrevious(),e.detail.keyboardEvent.preventDefault()},_onRightKey:function(e){this._isRTL?this._focusPrevious():this._focusNext(),e.detail.keyboardEvent.preventDefault()},_onKeydown:function(e){this.keyboardEventMatchesKeys(e,"up down left right esc")||this._focusWithKeyboardEvent(e)}},r=[o.i,a]},62132:(e,t,i)=>{"use strict";i.d(t,{K:()=>s});i(43437);var o=i(35854),a=i(49075),r=i(84938);const n={_checkedChanged:function(){o.G._checkedChanged.call(this),this.hasRipple()&&(this.checked?this._ripple.setAttribute("checked",""):this._ripple.removeAttribute("checked"))},_buttonStateChanged:function(){r.o._buttonStateChanged.call(this),this.disabled||this.isAttached&&(this.checked=this.active)}},s=[a.B,o.R,n]},89194:(e,t,i)=>{"use strict";i(43437),i(65660),i(1656),i(47686);var o=i(9672),a=i(50856);(0,o.k)({_template:a.d` <style> :host { overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */ @apply --layout-vertical; @apply --layout-center-justified; @apply --layout-flex; } :host([two-line]) { min-height: var(--paper-item-body-two-line-min-height, 72px); } :host([three-line]) { min-height: var(--paper-item-body-three-line-min-height, 88px); } :host > ::slotted(*) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :host > ::slotted([secondary]) { @apply --paper-font-body1; color: var(--paper-item-body-secondary-color, var(--secondary-text-color)); @apply --paper-item-body-secondary; } </style> <slot></slot> `,is:"paper-item-body"})},27662:(e,t,i)=>{"use strict";i(43437),i(1656),i(65660);var o=i(62132),a=i(9672),r=i(50856),n=i(87529);const s=r.d` <style> :host { display: inline-block; line-height: 0; white-space: nowrap; cursor: pointer; @apply --paper-font-common-base; --calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px); /* -1px is a sentinel for the default and is replace in \`attached\`. */ --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px); } :host(:focus) { outline: none; } #radioContainer { @apply --layout-inline; @apply --layout-center-center; position: relative; width: var(--calculated-paper-radio-button-size); height: var(--calculated-paper-radio-button-size); vertical-align: middle; @apply --paper-radio-button-radio-container; } #ink { position: absolute; top: 50%; left: 50%; right: auto; width: var(--calculated-paper-radio-button-ink-size); height: var(--calculated-paper-radio-button-ink-size); color: var(--paper-radio-button-unchecked-ink-color, var(--primary-text-color)); opacity: 0.6; pointer-events: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ink[checked] { color: var(--paper-radio-button-checked-ink-color, var(--primary-color)); } #offRadio, #onRadio { position: absolute; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } #offRadio { border: 2px solid var(--paper-radio-button-unchecked-color, var(--primary-text-color)); background-color: var(--paper-radio-button-unchecked-background-color, transparent); transition: border-color 0.28s; } #onRadio { background-color: var(--paper-radio-button-checked-color, var(--primary-color)); -webkit-transform: scale(0); transform: scale(0); transition: -webkit-transform ease 0.28s; transition: transform ease 0.28s; will-change: transform; } :host([checked]) #offRadio { border-color: var(--paper-radio-button-checked-color, var(--primary-color)); } :host([checked]) #onRadio { -webkit-transform: scale(0.5); transform: scale(0.5); } #radioLabel { line-height: normal; position: relative; display: inline-block; vertical-align: middle; margin-left: var(--paper-radio-button-label-spacing, 10px); white-space: normal; color: var(--paper-radio-button-label-color, var(--primary-text-color)); @apply --paper-radio-button-label; } :host([checked]) #radioLabel { @apply --paper-radio-button-label-checked; } #radioLabel:dir(rtl) { margin-left: 0; margin-right: var(--paper-radio-button-label-spacing, 10px); } #radioLabel[hidden] { display: none; } /* disabled state */ :host([disabled]) #offRadio { border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); opacity: 0.5; } :host([disabled][checked]) #onRadio { background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color)); opacity: 0.5; } :host([disabled]) #radioLabel { /* slightly darker than the button, so that it's readable */ opacity: 0.65; } </style> <div id="radioContainer"> <div id="offRadio"></div> <div id="onRadio"></div> </div> <div id="radioLabel"><slot></slot></div>`;s.setAttribute("strip-whitespace",""),(0,a.k)({_template:s,is:"paper-radio-button",behaviors:[o.K],hostAttributes:{role:"radio","aria-checked":!1,tabindex:0},properties:{ariaActiveAttribute:{type:String,value:"aria-checked"}},ready:function(){this._rippleContainer=this.$.radioContainer},attached:function(){(0,n.T8)(this,(function(){if("-1px"===this.getComputedStyleValue("--calculated-paper-radio-button-ink-size").trim()){var e=parseFloat(this.getComputedStyleValue("--calculated-paper-radio-button-size").trim()),t=Math.floor(3*e);t%2!=e%2&&t++,this.updateStyles({"--paper-radio-button-ink-size":t+"px"})}}))}})},84281:(e,t,i)=>{"use strict";i(43437),i(8621),i(27662);var o=i(85753),a=i(11018),r=i(9672),n=i(50856);(0,r.k)({_template:n.d` <style> :host { display: inline-block; } :host ::slotted(*) { padding: var(--paper-radio-group-item-padding, 12px); } </style> <slot></slot> `,is:"paper-radio-group",behaviors:[o.E],hostAttributes:{role:"radiogroup"},properties:{attrForSelected:{type:String,value:"name"},selectedAttribute:{type:String,value:"checked"},selectable:{type:String,value:"paper-radio-button"},allowEmptySelection:{type:Boolean,value:!1}},select:function(e){var t=this._valueToItem(e);if(!t||!t.hasAttribute("disabled")){if(this.selected){var i=this._valueToItem(this.selected);if(this.selected==e){if(!this.allowEmptySelection)return void(i&&(i.checked=!0));e=""}i&&(i.checked=!1)}a.P.select.apply(this,[e]),this.fire("paper-radio-group-changed")}},_activateFocusedItem:function(){this._itemActivate(this._valueForItem(this.focusedItem),this.focusedItem)},_onUpKey:function(e){this._focusPrevious(),e.preventDefault(),this._activateFocusedItem()},_onDownKey:function(e){this._focusNext(),e.preventDefault(),this._activateFocusedItem()},_onLeftKey:function(e){o.I._onLeftKey.apply(this,arguments),this._activateFocusedItem()},_onRightKey:function(e){o.I._onRightKey.apply(this,arguments),this._activateFocusedItem()}})}}]); //# sourceMappingURL=chunk.1ba21b11d8340bf3aa0e.js.map