iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
176 lines (146 loc) • 8.76 kB
JavaScript
/*! 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