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

8 lines • 24.1 kB
1
2
3
4
5
6
7
8
/*! For license information please see 58224.617717f6916ced93.js.LICENSE.txt */ "use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[58224],{12587:function(e,t,i){i.d(t,{E:function(){return o},m:function(){return a}});i(3362);const a=e=>{requestAnimationFrame(()=>setTimeout(e,0))},o=()=>new Promise(e=>{a(e)})},11382:function(e,t,i){i(3362),i(62953);var a=i(40445),o=i(5124),r=i(67576),s=i(6412),n=i(1087),l=i(12587);i(67094);let h,c,d,u,p=e=>e;class v extends o.WF{render(){const e=this.noCollapse?o.s6:(0,o.qy)(h||(h=p` <ha-svg-icon .path="${0}" class="summary-icon ${0}"></ha-svg-icon> `),"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z",(0,s.H)({expanded:this.expanded}));return(0,o.qy)(c||(c=p` <div class="top ${0}"> <div id="summary" class="${0}" @click="${0}" @keydown="${0}" @focus="${0}" @blur="${0}" role="button" tabindex="${0}" aria-expanded="${0}" aria-controls="sect1" part="summary"> ${0} <slot name="leading-icon"></slot> <slot name="header"> <div class="header"> ${0} <slot class="secondary" name="secondary">${0}</slot> </div> </slot> <slot name="event"></slot> ${0} <slot name="icons"></slot> </div> </div> <div class="container ${0}" @transitionend="${0}" role="region" aria-labelledby="summary" aria-hidden="${0}" tabindex="-1"> ${0} </div> `),(0,s.H)({expanded:this.expanded}),(0,s.H)({noCollapse:this.noCollapse}),this._toggleContainer,this._toggleContainer,this._focusChanged,this._focusChanged,this.noCollapse?-1:0,this.expanded,this.leftChevron?e:o.s6,this.header,this.secondary,this.leftChevron?o.s6:e,(0,s.H)({expanded:this.expanded}),this._handleTransitionEnd,!this.expanded,this._showContent?(0,o.qy)(d||(d=p`<slot></slot>`)):"")}willUpdate(e){super.willUpdate(e),e.has("expanded")&&(this._showContent=this.expanded,setTimeout(()=>{this._container.style.overflow=this.expanded?"initial":"hidden"},300))}_handleTransitionEnd(){this._container.style.removeProperty("height"),this._container.style.overflow=this.expanded?"initial":"hidden",this._showContent=this.expanded}async _toggleContainer(e){if(e.defaultPrevented)return;if("keydown"===e.type&&"Enter"!==e.key&&" "!==e.key)return;if(e.preventDefault(),this.noCollapse)return;const t=!this.expanded;(0,n.r)(this,"expanded-will-change",{expanded:t}),this._container.style.overflow="hidden",t&&(this._showContent=!0,await(0,l.E)());const i=this._container.scrollHeight;this._container.style.height=`${i}px`,t||setTimeout(()=>{this._container.style.height="0px"},0),this.expanded=t,(0,n.r)(this,"expanded-changed",{expanded:this.expanded})}_focusChanged(e){this.noCollapse||this.shadowRoot.querySelector(".top").classList.toggle("focused","focus"===e.type)}constructor(...e){super(...e),this.expanded=!1,this.outlined=!1,this.leftChevron=!1,this.noCollapse=!1,this._showContent=this.expanded}}v.styles=(0,o.AH)(u||(u=p`:host{display:block}.top{display:flex;align-items:center;border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg))}.top.expanded{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.top.focused{background:var(--input-fill-color)}:host([outlined]){box-shadow:none;border-width:1px;border-style:solid;border-color:var(--outline-color);border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg))}.summary-icon{transition:transform 150ms cubic-bezier(.4, 0, .2, 1);direction:var(--direction);margin-left:8px;margin-inline-start:8px;margin-inline-end:initial;border-radius:var(--ha-border-radius-circle)}#summary:focus-visible ha-svg-icon.summary-icon{background-color:var(--ha-color-fill-neutral-normal-active)}::slotted([slot=leading-icon]),:host([left-chevron]) .summary-icon{margin-left:0;margin-right:8px;margin-inline-start:0;margin-inline-end:8px}#summary{flex:1;display:flex;padding:var(--expansion-panel-summary-padding,0 8px);min-height:48px;align-items:center;cursor:pointer;overflow:hidden;font-weight:var(--ha-font-weight-medium);outline:0}#summary.noCollapse{cursor:default}.summary-icon.expanded{transform:rotate(180deg)}.header,::slotted([slot=header]){flex:1;overflow-wrap:anywhere;color:var(--primary-text-color)}.container{padding:var(--expansion-panel-content-padding,0 8px);overflow:hidden;transition:height .3s cubic-bezier(.4, 0, .2, 1);height:0px}.container.expanded{height:auto}.secondary{display:block;color:var(--secondary-text-color);font-size:var(--ha-font-size-s)}`)),(0,a.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],v.prototype,"expanded",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],v.prototype,"outlined",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"left-chevron",type:Boolean,reflect:!0})],v.prototype,"leftChevron",void 0),(0,a.Cg)([(0,r.MZ)({attribute:"no-collapse",type:Boolean,reflect:!0})],v.prototype,"noCollapse",void 0),(0,a.Cg)([(0,r.MZ)()],v.prototype,"header",void 0),(0,a.Cg)([(0,r.MZ)()],v.prototype,"secondary",void 0),(0,a.Cg)([(0,r.wk)()],v.prototype,"_showContent",void 0),(0,a.Cg)([(0,r.P)(".container")],v.prototype,"_container",void 0),v=(0,a.Cg)([(0,r.EM)("ha-expansion-panel")],v)},64138:function(e,t,i){i.a(e,async function(e,a){try{i.r(t),i.d(t,{HaIconPicker:function(){return _}});i(74423),i(44114),i(26910),i(18111),i(22489),i(7588),i(61701),i(13579),i(3362),i(27495),i(25440),i(62953);var o=i(40445),r=i(5124),s=i(67576),n=i(22786),l=i(1087),h=i(700),c=(i(75064),i(38508)),d=(i(47680),e([c]));c=(d.then?(await d)():d)[0];let u,p,v,b=e=>e,m=[],g=!1;const w=(e,t)=>{var i;const a=`${t}:${e.name}`,o=e.name,r=o.split("-"),s=null!==(i=e.keywords)&&void 0!==i?i:[],n={iconName:o};return r.forEach((e,t)=>{n[`part${t}`]=e}),s.forEach((e,t)=>{n[`keyword${t}`]=e}),{id:a,primary:a,icon:a,search_labels:n,sorting_label:a}},f=async()=>{g=!0;const e=await i.e(81340).then(i.t.bind(i,25143,19));m=e.default.map(e=>w(e,"mdi"));const t=[];Object.keys(h.y).forEach(e=>{t.push(y(e))}),(await Promise.all(t)).forEach(e=>{m.push(...e)})},y=async e=>{try{const t=h.y[e].getIconList;if("function"!=typeof t)return[];return(await t()).map(t=>w(t,e))}catch(t){return console.warn(`Unable to load icon list for ${e} iconset`),[]}},k=e=>(0,r.qy)(u||(u=b` <ha-combo-box-item type="button"> <ha-icon .icon="${0}" slot="start"></ha-icon> ${0} </ha-combo-box-item> `),e.id,e.id);class _ extends r.WF{render(){return(0,r.qy)(p||(p=b` <ha-generic-picker allow-custom-value .getItems="${0}" .helper="${0}" .disabled="${0}" .required="${0}" .errorMessage="${0}" .invalid="${0}" .rowRenderer="${0}" .icon="${0}" .label="${0}" .value="${0}" .searchFn="${0}" @value-changed="${0}"> <slot name="start"></slot> </ha-generic-picker> `),this._getIconPickerItems,this.helper,this.disabled,this.required,this.errorMessage,this.invalid,k,this._icon,this.label,this._value,this._filterIcons,this._valueChanged)}firstUpdated(){g||f().then(()=>{this._getIconPickerItems=()=>m,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(){var e;return null!==(e=this.value)&&void 0!==e&&e.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=()=>m,this._filterIcons=(0,n.A)((e,t,i)=>{const a=e.toLowerCase().replace(/\s+/g,"-"),o=null!=i&&i.length?i:t;if(!a.length)return o;const r=[];for(const s of o){const e=(s.id.split(":")[1]||s.id).toLowerCase().split("-"),t=s.search_labels?Object.values(s.search_labels).filter(e=>null!==e).map(e=>e.toLowerCase()):[],i=s.id.toLowerCase();e.includes(a)?r.push({item:s,rank:1}):t.includes(a)?r.push({item:s,rank:2}):i.includes(a)?r.push({item:s,rank:3}):t.some(e=>e.includes(a))&&r.push({item:s,rank:4})}return r.sort((e,t)=>e.rank-t.rank).map(e=>e.item)})}}_.styles=(0,r.AH)(v||(v=b`ha-generic-picker{width:100%;display:block}`)),(0,o.Cg)([(0,s.MZ)()],_.prototype,"value",void 0),(0,o.Cg)([(0,s.MZ)()],_.prototype,"label",void 0),(0,o.Cg)([(0,s.MZ)()],_.prototype,"helper",void 0),(0,o.Cg)([(0,s.MZ)()],_.prototype,"placeholder",void 0),(0,o.Cg)([(0,s.MZ)({attribute:"error-message"})],_.prototype,"errorMessage",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean})],_.prototype,"disabled",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean})],_.prototype,"required",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean})],_.prototype,"invalid",void 0),_=(0,o.Cg)([(0,s.EM)("ha-icon-picker")],_),a()}catch(u){a(u)}})},59646:function(e,t,i){i.a(e,async function(e,t){try{i(62953);var a=i(40445),o=i(29344),r=i(5124),s=i(67576),n=i(88360),l=e([o]);o=(l.then?(await l)():l)[0];let h,c=e=>e;class d extends o.A{updated(e){super.updated(e),e.has("haptic")&&(this.haptic?this.addEventListener("change",this._forwardHaptic):this.removeEventListener("change",this._forwardHaptic))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this._forwardHaptic)}static get styles(){return[o.A.styles,(0,r.AH)(h||(h=c`:host{--wa-form-control-toggle-size:var(--ha-switch-size, 24px);--wa-form-control-required-content:var( --ha-switch-required-marker, var(--ha-input-required-marker, "*") );--wa-form-control-required-content-offset:var( --ha-switch-required-marker-offset, 0.1rem );--thumb-size:var(--ha-switch-thumb-size, 18px);--width:var(--ha-switch-width, 48px)}label{position:relative;height:max(var(--thumb-size),var(--wa-form-control-toggle-size))}label::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:var(--ha-switch-min-touch-size,40px);min-height:var(--ha-switch-min-touch-size,40px)}label.disabled::before{pointer-events:none}.switch{background-color:var(--ha-switch-background-color,var(--ha-color-fill-disabled-quiet-resting));border-color:var(--ha-switch-border-color,var(--ha-color-border-neutral-normal))}label:not(.disabled) .input:focus-visible~.switch,label:not(.disabled):hover .switch{background-color:var(--ha-switch-background-color-hover,var(--ha-switch-background-color,var(--ha-color-fill-disabled-quiet-hover)))}.checked .switch{background-color:var(--ha-switch-checked-background-color,var(--ha-color-fill-primary-normal-resting));border-color:var(--ha-switch-checked-border-color,var(--ha-color-border-primary-loud))}label:not(.disabled).checked .input:focus-visible~.switch,label:not(.disabled).checked:hover .switch{background-color:var(--ha-switch-checked-background-color-hover,var(--ha-switch-checked-background-color,var(--ha-color-fill-primary-normal-hover)));border-color:var(--ha-switch-checked-border-color-hover,var(--ha-switch-checked-border-color,var(--ha-color-border-primary-loud)))}.switch .thumb{background-color:var(--ha-switch-thumb-background-color,var(--ha-color-on-neutral-normal));border-color:var(--ha-switch-thumb-border-color,var(--ha-color-on-neutral-normal));border-style:var(--wa-form-control-border-style);border-width:var(--wa-form-control-border-width);box-shadow:var(--ha-switch-thumb-box-shadow,var(--ha-box-shadow-s))}label:not(.disabled) .input:focus-visible~.switch .thumb,label:not(.disabled):hover .switch .thumb{background-color:var(--ha-switch-thumb-background-color-hover,var(--ha-switch-thumb-background-color,var(--ha-color-on-neutral-normal)));border-color:var(--ha-switch-thumb-border-color-hover,var(--ha-switch-thumb-border-color,var(--ha-color-on-neutral-normal)))}.checked .switch .thumb{background-color:var(--ha-switch-checked-thumb-background-color,var(--ha-color-on-primary-normal));border-color:var(--ha-switch-checked-thumb-border-color,var(--ha-color-on-primary-normal))}label:not(.disabled).checked .input:focus-visible~.switch .thumb,label:not(.disabled).checked:hover .switch .thumb{background-color:var(--ha-switch-checked-thumb-background-color-hover,var(--ha-switch-checked-thumb-background-color,var(--ha-color-on-primary-normal)));border-color:var(--ha-switch-checked-thumb-border-color-hover,var(--ha-switch-checked-thumb-border-color,var(--ha-color-on-primary-normal)))}label.disabled{opacity:var(--ha-switch-disabled-opacity, .3);cursor:not-allowed}label:not(.disabled) .input:focus-visible~.switch .thumb{outline:0;outline-offset:none}label:not(.disabled) .input:focus-visible~.switch{outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host(:empty) slot.label{display:none}`))]}constructor(...e){super(...e),this.haptic=!1,this._forwardHaptic=()=>{(0,n.j)(this,"light")}}}(0,a.Cg)([(0,s.MZ)({type:Boolean})],d.prototype,"haptic",void 0),d=(0,a.Cg)([(0,s.EM)("ha-switch")],d),t()}catch(h){t(h)}})},88360:function(e,t,i){i.d(t,{j:function(){return o}});var a=i(1087);const o=(e,t)=>{(0,a.r)(e,"haptic",t)}},46963:function(e,t,i){i.a(e,async function(e,a){try{i.r(t);i(62953);var o=i(40445),r=i(5124),s=i(67576),n=i(1087),l=(i(11382),i(64138)),h=i(59646),c=i(91485),d=i(14503),u=e([l,h,c]);[l,h,c]=u.then?(await u)():u;let p,v,b=e=>e;class m extends r.WF{set item(e){var t,i,a,o,r;(this._item=e,e)?(this._name=e.name||"",this._icon=e.icon||"",this._maximum=null!==(t=e.maximum)&&void 0!==t?t:void 0,this._minimum=null!==(i=e.minimum)&&void 0!==i?i:void 0,this._restore=null===(a=e.restore)||void 0===a||a,this._step=null!==(o=e.step)&&void 0!==o?o:1,this._initial=null!==(r=e.initial)&&void 0!==r?r:0):(this._name="",this._icon="",this._maximum=void 0,this._minimum=void 0,this._restore=!0,this._step=1,this._initial=0)}focus(){this.updateComplete.then(()=>{var e;return null===(e=this._focusElement)||void 0===e?void 0:e.focus()})}render(){return this.hass?(0,r.qy)(p||(p=b` <div class="form"> <ha-input .value="${0}" .configValue="${0}" @input="${0}" .label="${0}" auto-validate required .validationMessage="${0}" dialogInitialFocus .disabled="${0}"></ha-input> <ha-icon-picker .value="${0}" .configValue="${0}" @value-changed="${0}" .label="${0}" .disabled="${0}"></ha-icon-picker> <ha-input .value="${0}" .configValue="${0}" type="number" @input="${0}" .label="${0}" .disabled="${0}"></ha-input> <ha-input .value="${0}" .configValue="${0}" type="number" @input="${0}" .label="${0}" .disabled="${0}"></ha-input> <ha-input .value="${0}" .configValue="${0}" type="number" @input="${0}" .label="${0}" .disabled="${0}"></ha-input> <ha-expansion-panel header="${0}" outlined> <ha-input .value="${0}" .configValue="${0}" type="number" @input="${0}" .label="${0}" .disabled="${0}"></ha-input> <div class="row"> <ha-switch .checked="${0}" .configValue="${0}" @change="${0}" .disabled="${0}"> </ha-switch> <div> ${0} </div> </div> </ha-expansion-panel> </div> `),this._name,"name",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.generic.name"),this.hass.localize("ui.dialogs.helper_settings.required_error_msg"),this.disabled,this._icon,"icon",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.generic.icon"),this.disabled,void 0!==this._minimum?String(this._minimum):"","minimum",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.counter.minimum"),this.disabled,void 0!==this._maximum?String(this._maximum):"","maximum",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.counter.maximum"),this.disabled,void 0!==this._initial?String(this._initial):"","initial",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.counter.initial"),this.disabled,this.hass.localize("ui.dialogs.helper_settings.generic.advanced_settings"),void 0!==this._step?String(this._step):"","step",this._valueChanged,this.hass.localize("ui.dialogs.helper_settings.counter.step"),this.disabled,this._restore,"restore",this._valueChanged,this.disabled,this.hass.localize("ui.dialogs.helper_settings.counter.restore")):r.s6}_valueChanged(e){var t;if(!this.new&&!this._item)return;e.stopPropagation();const i=e.target,a=i.configValue,o="number"===i.type?""!==i.value?Number(i.value):void 0:"ha-switch"===i.localName?e.target.checked:(null===(t=e.detail)||void 0===t?void 0:t.value)||i.value;if(this[`_${a}`]===o)return;const r=Object.assign({},this._item);void 0===o||""===o?delete r[a]:r[a]=o,(0,n.r)(this,"value-changed",{value:r})}static get styles(){return[d.RF,(0,r.AH)(v||(v=b`.form{color:var(--primary-text-color)}.row{margin-top:12px;margin-bottom:12px;color:var(--primary-text-color);display:flex;align-items:center}.row div{margin-left:16px;margin-inline-start:16px;margin-inline-end:initial}ha-input{margin:var(--ha-space-2) 0}`))]}constructor(...e){super(...e),this.new=!1,this.disabled=!1}}(0,o.Cg)([(0,s.MZ)({attribute:!1})],m.prototype,"hass",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean})],m.prototype,"new",void 0),(0,o.Cg)([(0,s.MZ)({type:Boolean})],m.prototype,"disabled",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_name",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_icon",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_maximum",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_minimum",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_restore",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_initial",void 0),(0,o.Cg)([(0,s.wk)()],m.prototype,"_step",void 0),(0,o.Cg)([(0,s.P)("[dialogInitialFocus]")],m.prototype,"_focusElement",void 0),m=(0,o.Cg)([(0,s.EM)("ha-counter-form")],m),a()}catch(p){a(p)}})},29344:function(e,t,i){i.a(e,async function(e,a){try{i.d(t,{A:function(){return M}});i(27495),i(62953);var o=i(5124),r=i(67576),s=i(6412),n=i(63672),l=i(34514),h=i(40991),c=i(92070),d=i(41268),u=i(9395),p=i(62676),v=i(15477),b=i(31896),m=i(17060),g=i(19978),w=e([m]);m=(w.then?(await w)():w)[0];let _,C,x,$=e=>e;var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,k=(e,t,i,a)=>{for(var o,r=a>1?void 0:a?y(t,i):t,s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a?o(t,i,r):o(r))||r);return a&&r&&f(t,i,r),r};let M=class extends p.q{static get validators(){return[...super.validators,(0,d.i)()]}get value(){var e;return null!==(e=this._value)&&void 0!==e?e:"on"}set value(e){this._value=e}handleSizeChange(){(0,h.b)(this.localName,this.size)}get checked(){var e;return this.valueHasChanged?Boolean(this._checked):null!==(e=this._checked)&&void 0!==e?e:this.defaultChecked}set checked(e){this._checked=Boolean(e),this.valueHasChanged=!0}handleClick(){this.hasInteracted=!0,this.checked=!this.checked,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))})}handleKeyDown(e){const t="rtl"===this.localize.dir();"ArrowLeft"===e.key&&(e.preventDefault(),this.checked=t,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))})),"ArrowRight"===e.key&&(e.preventDefault(),this.checked=!t,this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}))}willUpdate(e){super.willUpdate(e),(e.has("value")||e.has("checked")||e.has("defaultChecked"))&&this.handleValueOrCheckedChange()}handleValueOrCheckedChange(){this.setValue(this.checked?this.value:null,this._value),this.updateValidity()}handleStateChange(){this.hasUpdated&&(this.input.checked=this.checked),this.customStates.set("checked",this.checked),this.updateValidity()}handleDisabledChange(){this.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}setValue(e,t){this.checked?this.internals.setFormValue(null!=e?e:"on",t):this.internals.setFormValue(null,null)}formResetCallback(){this._checked=null,super.formResetCallback(),this.handleValueOrCheckedChange()}render(){const e=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,t=!!this.hint||!!e;return(0,o.qy)(_||(_=$` <label part="base" class="${0}"> <input class="input" type="checkbox" title="${0}" name="${0}" value="${0}" .checked="${0}" .disabled="${0}" .required="${0}" role="switch" aria-checked="${0}" aria-describedby="hint" @click="${0}" @keydown="${0}"> <span part="control" class="switch"> <span part="thumb" class="thumb"></span> </span> <slot part="label" class="label"></slot> </label> <slot id="hint" name="hint" part="hint" class="${0}" aria-hidden="${0}">${0}</slot> `),(0,s.H)({checked:this.checked,disabled:this.disabled}),this.title,(0,n.J)(this.name),(0,n.J)(this.value),(0,l.V)(this.checked),this.disabled,this.required,this.checked?"true":"false",this.handleClick,this.handleKeyDown,(0,s.H)({"has-slotted":t}),t?"false":"true",this.hint)}constructor(){var e;super(...arguments),this.hasSlotController=new c.X(this,"hint"),this.localize=new m.c(this),this.title="",this.name=null,this._value=null!==(e=this.getAttribute("value"))&&void 0!==e?e:null,this.size="m",this.disabled=!1,this._checked=null,this.defaultChecked=this.hasAttribute("checked"),this.required=!1,this.hint="",this.withHint=!1}};M.shadowRootOptions=Object.assign(Object.assign({},p.q.shadowRootOptions),{},{delegatesFocus:!0}),M.css=[v.A,b.A,g.A],k([(0,r.P)('input[type="checkbox"]')],M.prototype,"input",2),k([(0,r.MZ)()],M.prototype,"title",2),k([(0,r.MZ)({reflect:!0})],M.prototype,"name",2),k([(0,r.MZ)({reflect:!0})],M.prototype,"value",1),k([(0,r.MZ)({reflect:!0})],M.prototype,"size",2),k([(0,u.w)("size")],M.prototype,"handleSizeChange",1),k([(0,r.MZ)({type:Boolean})],M.prototype,"disabled",2),k([(0,r.MZ)({type:Boolean,attribute:!1})],M.prototype,"checked",1),k([(0,r.MZ)({type:Boolean,attribute:"checked",reflect:!0})],M.prototype,"defaultChecked",2),k([(0,r.MZ)({type:Boolean,reflect:!0})],M.prototype,"required",2),k([(0,r.MZ)({attribute:"hint"})],M.prototype,"hint",2),k([(0,r.MZ)({attribute:"with-hint",type:Boolean})],M.prototype,"withHint",2),k([(0,u.w)(["checked","defaultChecked"])],M.prototype,"handleStateChange",1),k([(0,u.w)("disabled",{waitUntilFirstUpdate:!0})],M.prototype,"handleDisabledChange",1),M=k([(0,r.EM)("wa-switch")],M),null===(C=(x=M).disableWarning)||void 0===C||C.call(x,"change-in-update"),a()}catch(_){a(_)}})},19978:function(e,t,i){i.d(t,{A:function(){return o}});let a;var o=(0,i(5124).AH)(a||(a=(e=>e)`:host{--height:var(--wa-form-control-toggle-size);--width:calc(var(--height) * 1.75);--thumb-size:0.75em;display:inline-flex;line-height:var(--wa-form-control-value-line-height)}label{position:relative;display:flex;align-items:center;font:inherit;color:var(--wa-form-control-value-color);vertical-align:middle;cursor:pointer}.switch{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--wa-form-control-background-color);border-color:var(--wa-form-control-border-color);border-radius:var(--height);border-style:var(--wa-form-control-border-style);border-width:var(--wa-form-control-border-width);transition-property:translate,background,border-color,box-shadow;transition-duration:var(--wa-transition-normal);transition-timing-function:var(--wa-transition-easing)}.switch .thumb{aspect-ratio:1/1;width:var(--thumb-size);height:var(--thumb-size);background-color:var(--wa-form-control-border-color);border-radius:50%;translate:calc((var(--width) - var(--height))/ -2);transition:inherit}.switch .thumb:dir(rtl){translate:calc((var(--width) - var(--height))/ 2)}.input{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}label:not(.disabled) .input:focus-visible~.switch .thumb{outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}.checked .switch{background-color:var(--wa-form-control-activated-color);border-color:var(--wa-form-control-activated-color)}.checked .switch .thumb{background-color:var(--wa-color-surface-default);translate:calc((var(--width) - var(--height))/ 2)}.checked .switch .thumb:dir(rtl){translate:calc((var(--width) - var(--height))/ -2)}label:has(> :disabled){opacity:.5;cursor:not-allowed}[part~=label]{display:inline-block;line-height:var(--height);margin-inline-start:.5em;user-select:none;-webkit-user-select:none}:host([required]) [part~=label]::after{content:var(--wa-form-control-required-content);color:var(--wa-form-control-required-content-color);margin-inline-start:var(--wa-form-control-required-content-offset)}@media (forced-colors:active){:checked+.switch .thumb,:checked:enabled+.switch:hover .thumb{background-color:ButtonText}}`))}}]);