iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
29 lines • 45.5 kB
JavaScript
/*! For license information please see 71609.6194755448267c36.js.LICENSE.txt */
export const __rspack_esm_id=71609;export const __rspack_esm_ids=[71609];export const __webpack_modules__={15090(e,t,i){i.d(t,{nP:()=>c,vB:()=>n});i(44114),i(18111),i(22489),i(61701),i(17642),i(58004),i(33853),i(45876),i(32475),i(15024),i(31698);var a=i(22675),o=i(52220),s=i(71727),r=i(69093);const n={alarm_control_panel:["armed_away","armed_custom_bypass","armed_home","armed_night","armed_vacation","arming","disarmed","disarming","pending","triggered"],alert:["on","off","idle"],assist_satellite:["idle","listening","responding","processing"],automation:["on","off"],binary_sensor:["on","off"],button:[],calendar:["on","off"],camera:["idle","recording","streaming"],cover:["closed","closing","open","opening"],device_tracker:["home","not_home"],fan:["on","off"],humidifier:["on","off"],infrared:[],input_boolean:["on","off"],input_button:[],lawn_mower:["error","paused","mowing","returning","docked"],light:["on","off"],lock:["jammed","locked","locking","unlocked","unlocking","opening","open"],media_player:["off","on","idle","playing","paused","standby","buffering"],person:["home","not_home"],plant:["ok","problem"],radio_frequency:[],remote:["on","off"],scene:[],schedule:["on","off"],script:["on","off"],siren:["on","off"],sun:["above_horizon","below_horizon"],switch:["on","off"],timer:["active","idle","paused"],update:["on","off"],vacuum:["cleaning","docked","error","idle","paused","returning"],valve:["closed","closing","open","opening"],weather:["clear-night","cloudy","exceptional","fog","hail","lightning-rainy","lightning","partlycloudy","pouring","rainy","snowy-rainy","snowy","sunny","windy-variant","windy"]},l={alarm_control_panel:{code_format:["number","text"]},binary_sensor:{device_class:["battery","battery_charging","co","cold","connectivity","door","garage_door","gas","heat","light","lock","moisture","motion","moving","occupancy","opening","plug","power","presence","problem","running","safety","smoke","sound","tamper","update","vibration","window"]},button:{device_class:["restart","update"]},camera:{frontend_stream_type:["hls","web_rtc"]},climate:{hvac_action:["off","idle","preheating","defrosting","heating","cooling","drying","fan"]},cover:{device_class:["awning","blind","curtain","damper","door","garage","gate","shade","shutter","window"]},device_tracker:{source_type:["bluetooth","bluetooth_le","gps","router"]},fan:{direction:["forward","reverse"]},humidifier:{device_class:["humidifier","dehumidifier"],action:["off","idle","humidifying","drying"]},media_player:{device_class:["tv","speaker","receiver"],media_content_type:["album","app","artist","channel","channels","composer","contributing_artist","episode","game","genre","image","movie","music","playlist","podcast","season","track","tvshow","url","video"],repeat:["off","one","all"]},number:{device_class:["temperature"]},sensor:{device_class:["apparent_power","aqi","battery","carbon_dioxide","carbon_monoxide","current","date","duration","energy","frequency","gas","humidity","illuminance","monetary","nitrogen_dioxide","nitrogen_monoxide","nitrous_oxide","ozone","ph","pm1","pm10","pm25","pm4","power_factor","power","pressure","reactive_power","signal_strength","sulphur_dioxide","temperature","timestamp","uptime","volatile_organic_compounds","volatile_organic_compounds_parts","voltage","volume_flow_rate"],state_class:["measurement","total","total_increasing"]},switch:{device_class:["outlet","switch"]},update:{device_class:["firmware"]},water_heater:{away_mode:["on","off"]}},c=(e,t,i=void 0)=>{const c=(0,r.t)(t),d=[];switch(d.push(...((e,t,i)=>{const r=[];switch(i||r.push(a.Hh,a.HV),!i&&t in n?r.push(...n[t]):i&&t in l&&i in l[t]&&r.push(...l[t][i]),t){case"device_tracker":case"person":i||r.push(...Object.entries(e.states).filter(([e,t])=>"zone"===(0,s.m)(e)&&"zone.home"!==e&&t.attributes.friendly_name).map(([e,t])=>t.attributes.friendly_name).sort((t,i)=>(0,o.xL)(t,i,e.locale.language)))}return r})(e,c,i)),c){case"climate":i?"fan_mode"===i?d.push(...t.attributes.fan_modes):"preset_mode"===i?d.push(...t.attributes.preset_modes):"swing_mode"===i?d.push(...t.attributes.swing_modes):"swing_horizontal_mode"===i&&d.push(...t.attributes.swing_horizontal_modes):d.push(...t.attributes.hvac_modes);break;case"event":"event_type"===i&&d.push(...t.attributes.event_types);break;case"fan":"preset_mode"===i&&d.push(...t.attributes.preset_modes);break;case"humidifier":"mode"===i&&d.push(...t.attributes.available_modes);break;case"input_select":case"select":i||d.push(...t.attributes.options);break;case"light":"effect"===i&&t.attributes.effect_list?d.push(...t.attributes.effect_list):"color_mode"===i&&t.attributes.supported_color_modes&&d.push(...t.attributes.supported_color_modes);break;case"media_player":"sound_mode"===i?d.push(...t.attributes.sound_mode_list):"source"===i&&d.push(...t.attributes.source_list);break;case"remote":"current_activity"===i&&d.push(...t.attributes.activity_list);break;case"sensor":i||"enum"!==t.attributes.device_class||d.push(...t.attributes.options);break;case"vacuum":"fan_speed"===i&&d.push(...t.attributes.fan_speed_list);break;case"water_heater":i&&"operation_mode"!==i||d.push(...t.attributes.operation_list)}return[...new Set(d)]}},3471(e,t,i){i.d(t,{e:()=>a});const a=e=>"latitude"in e.attributes&&"longitude"in e.attributes},45010(e,t,i){i.d(t,{U:()=>a});i(74423),i(18111),i(22489),i(61701);function a(e,t){const i=t.filter(t=>t in e).map(t=>[t,e[t]]),a=Object.entries(e).filter(([e])=>!t.includes(e));return Object.fromEntries([...i,...a])}},13467(e,t,i){var a=i(62826),o=i(41216),s=i(78960),r=i(75640),n=i(91735),l=i(43826),c=i(5124),d=i(22441);class h extends o.R{}h.styles=[n.R,l.R,r.R,s.R,c.AH`:host{--md-sys-color-primary:var(--primary-text-color);--md-sys-color-on-surface:var(--primary-text-color);--md-sys-color-on-surface-variant:var(--primary-text-color);--md-sys-color-on-secondary-container:var(--primary-text-color);--md-input-chip-container-shape:16px;--md-input-chip-outline-color:var(--outline-color);--md-input-chip-selected-container-color:rgba(
var(--rgb-primary-text-color),
0.15
);--ha-input-chip-selected-container-opacity:1;--md-input-chip-label-text-font:Roboto,sans-serif}::slotted([slot=icon]){display:flex;--mdc-icon-size:var(--md-input-chip-icon-size, 18px)}.selected::before{opacity:var(--ha-input-chip-selected-container-opacity)}`],h=(0,a.Cg)([(0,d.EM)("ha-input-chip")],h)},2226(e,t,i){i(18111),i(61701);var a=i(62826),o=i(35211),s=i(5124),r=i(22441),n=i(6412),l=i(63672),c=i(89784),d=i(1087),h=i(15638),p=i(22792);i(64013),i(92677);class u extends s.WF{render(){const e=this.maxColumns??3,t=Math.min(e,this.options.length);return s.qy` <ha-radio-group class="list" style="${(0,c.W)({"--columns":t})}" .value="${this.value}" ="${this._radioChanged}"> ${this.options.map(e=>this._renderOption(e))} </ha-radio-group> `}_renderOption(e){const t=1===this.maxColumns&&!this.stackedImage,i=1===this.maxColumns&&this.stackedImage,a=e.disabled||this.disabled||!1,o=e.value===this.value,r=this._ui?.themes.darkMode||!1,c=!!this._i18n&&(0,h.qC)(this._i18n.language,this._i18n.translationMetadata.translations),d="object"==typeof e.image?r&&e.image.src_dark||e.image.src:e.image,p="object"==typeof e.image&&(c&&e.image.flip_rtl);return s.qy` <label class="option ${(0,n.H)({horizontal:t,stacked:i,selected:o})}" ?disabled="${a}"> <div class="content"> <ha-radio-option aria-describedby="${(0,l.J)(e.description?`desc-${e.value}`:void 0)}" aria-labelledby="${`label-${e.value}`}" .value="${e.value}" .disabled="${a}"></ha-radio-option> <div class="text"> <span id="${`label-${e.value}`}" class="label">${e.label}</span> ${e.description?s.qy`<span class="description" id="desc-${e.value}">${e.description}</span>`:s.s6} </div> </div> ${d?s.qy` <img class="${p?"flipped":""}" alt="" src="${d}"> `:s.s6} </label> `}_radioChanged(e){e.stopPropagation();const t=e.currentTarget.value;this.disabled||void 0===t||t===(this.value??"")||(0,d.r)(this,"value-changed",{value:t})}constructor(...e){super(...e),this.options=[],this.stackedImage=!1}}u.styles=s.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,a.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"options",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],u.prototype,"value",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean})],u.prototype,"disabled",void 0),(0,a.Cg)([(0,r.MZ)({type:Number,attribute:"max_columns"})],u.prototype,"maxColumns",void 0),(0,a.Cg)([(0,r.MZ)({type:Boolean,attribute:"stacked_image"})],u.prototype,"stackedImage",void 0),(0,a.Cg)([(0,r.wk)(),(0,o.Fg)({context:p.D5,subscribe:!0})],u.prototype,"_i18n",void 0),(0,a.Cg)([(0,r.wk)(),(0,o.Fg)({context:p.EK,subscribe:!0})],u.prototype,"_ui",void 0),u=(0,a.Cg)([(0,r.EM)("ha-select-box")],u)},856(e,t,i){i.a(e,async function(e,a){try{i.r(t),i.d(t,{HaSelectSelector:()=>g});i(74423),i(18111),i(22489),i(20116),i(7588),i(61701);var o=i(62826),s=i(5124),r=i(22441),n=i(75751),l=i(22786),c=i(44537),d=i(1087),h=i(52220),p=(i(5745),i(13467),i(9503),i(70947),i(6),i(38508)),u=(i(3449),i(606)),m=(i(2226),i(85938),i(64013),i(92677),e([p,u]));[p,u]=m.then?(await m)():m;const v="M21 11H3V9H21V11M21 13H3V15H21V13Z";class g extends s.WF{_itemMoved(e){e.stopPropagation();const{oldIndex:t,newIndex:i}=e.detail;this._move(t,i)}_move(e,t){const i=this.value.concat(),a=i.splice(e,1)[0];i.splice(t,0,a),this.value=i,(0,d.r)(this,"value-changed",{value:i})}render(){const e=this._getOptions(this.selector),t=this.selector.select?.translation_key;if(this.localizeValue&&t&&e.forEach(e=>{const i=this.localizeValue(`${t}.options.${e.value}`);i&&(e.label=i)}),this.selector.select?.sort&&e.sort((e,t)=>(0,h.SH)(e.label,t.label,this.hass.locale.language)),!this.selector.select?.multiple&&!this.selector.select?.reorder&&!this.selector.select?.custom_value&&"box"===this._mode)return s.qy` ${this.label?s.qy`<span class="label">${this.label}</span>`:s.s6} <ha-select-box .options="${e}" .value="${this.value}" -changed="${this._selectChanged}" .maxColumns="${this.selector.select?.box_max_columns}"></ha-select-box> ${this._renderHelper()} `;if(!this.selector.select?.custom_value&&!this.selector.select?.reorder&&"list"===this._mode){if(!this.selector.select?.multiple)return s.qy` <ha-radio-group .label="${this.label}" .disabled="${this.disabled}" .value="${this.value}" ="${this._radioChanged}"> ${e.map(e=>s.qy` <ha-radio-option .value="${e.value}" .disabled="${!!e.disabled}"> ${e.label} </ha-radio-option> `)} </ha-radio-group> ${this._renderHelper()} `;const t=this.value&&""!==this.value?(0,c.e)(this.value):[];return s.qy` <div> ${this.label} ${e.map(e=>s.qy` <ha-checkbox .checked="${t.includes(e.value)}" .value="${e.value}" .disabled="${e.disabled||this.disabled}" ="${this._checkboxChanged}"> ${e.label} </ha-checkbox> `)} </div> ${this._renderHelper()} `}if(this.selector.select?.multiple){const t=this.value&&""!==this.value?(0,c.e)(this.value):[];return s.qy` ${t?.length?s.qy` <ha-sortable no-style .disabled="${!this.selector.select.reorder}" -moved="${this._itemMoved}" handle-selector="button.primary.action"> <ha-chip-set> ${(0,n.u)(t,e=>e,(t,i)=>{const a=e.find(e=>e.value===t)?.label||t;return s.qy` <ha-input-chip .idx="${i}" ="${this._removeItem}" .label="${a}" selected="selected"> ${this.selector.select?.reorder?s.qy` <ha-svg-icon slot="icon" .path="${v}"></ha-svg-icon> `:s.s6} ${e.find(e=>e.value===t)?.label||t} </ha-input-chip> `})} </ha-chip-set> </ha-sortable> `:s.s6} <ha-generic-picker no-sort .hass="${this.hass}" .helper="${this.helper}" .disabled="${this.disabled}" .required="${this.required&&!t.length}" .value="${""}" .addButtonLabel="${this.label}" .getItems="${this._getItems(e,t,!0)}" .allowCustomValue="${this.selector.select.custom_value??!1}" -changed="${this._comboBoxValueChanged}"></ha-generic-picker> `}return this.selector.select?.custom_value?s.qy` <ha-generic-picker no-sort .hass="${this.hass}" .label="${this.label}" .helper="${this.helper}" .disabled="${this.disabled}" .required="${this.required}" .getItems="${this._getItems(e)}" .value="${"string"==typeof this.value?this.value:void 0}" -changed="${this._comboBoxValueChanged}" allow-custom-value></ha-generic-picker> `:s.qy` <ha-select .label="${this.label??""}" .value="${["string","number"].includes(typeof this.value)?this.value:""}" .helper="${this.helper??""}" .disabled="${this.disabled}" .required="${this.required}" clearable ="${this._selectChanged}" .options="${e}"> </ha-select> `}_renderHelper(){return this.helper?s.qy`<ha-input-helper-text .disabled="${this.disabled}">${this.helper}</ha-input-helper-text>`:""}get _mode(){return this.selector.select?.mode||((this.selector.select?.options?.length||0)<6?"list":"dropdown")}_radioChanged(e){e.stopPropagation(),this._valueChanged(e)}_selectChanged(e){e.stopPropagation(),void 0!==e.detail?.value||void 0===this.value?this._valueChanged(e):(0,d.r)(this,"value-changed",{value:void 0})}_valueChanged(e){const t=e.detail?.value??e.target.value;this.disabled||void 0===t||t===(this.value??"")||(0,d.r)(this,"value-changed",{value:t})}_checkboxChanged(e){if(e.stopPropagation(),this.disabled)return;let t;const i=e.target.value,a=e.target.checked,o=this.value&&""!==this.value?(0,c.e)(this.value):[];if(a){if(o.includes(i))return;t=[...o,i]}else{if(!o?.includes(i))return;t=o.filter(e=>e!==i)}(0,d.r)(this,"value-changed",{value:t})}async _removeItem(e){e.stopPropagation();const t=[...(0,c.e)(this.value)];t.splice(e.target.idx,1),(0,d.r)(this,"value-changed",{value:t})}_comboBoxValueChanged(e){e.stopPropagation();const t=e.detail.value;if(this.disabled||""===t)return;if(!this.selector.select?.multiple)return void(0,d.r)(this,"value-changed",{value:t});const i=this.value?(0,c.e)(this.value):[];void 0!==t&&i.includes(t)||(0,d.r)(this,"value-changed",{value:[...i,t]})}constructor(...e){super(...e),this.disabled=!1,this.required=!0,this._getOptions=(0,l.A)(e=>e.select?.options?.map(e=>"object"==typeof e?e:{value:String(e),label:e})||[]),this._getItems=(0,l.A)((e,t,i=!1)=>{const a=e.filter(e=>!e.disabled&&!i||!t?.includes(e.value));return()=>a.map(e=>({id:e.value,primary:e.label,sorting_label:e.label}))})}}g.styles=s.AH`:host{position:relative}ha-formfield,ha-select{display:block}ha-checkbox{display:flex;min-height:40px;justify-content:center}ha-dropdown-item[disabled]{--mdc-theme-text-primary-on-background:var(--disabled-text-color)}ha-chip-set{padding:8px 0}.label{display:block;margin:0 0 8px}ha-select-box+ha-input-helper-text{margin-top:4px}.sortable-fallback{display:none;opacity:0}.sortable-ghost{opacity:.4}.sortable-drag{cursor:grabbing}`,(0,o.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"selector",void 0),(0,o.Cg)([(0,r.MZ)()],g.prototype,"value",void 0),(0,o.Cg)([(0,r.MZ)()],g.prototype,"label",void 0),(0,o.Cg)([(0,r.MZ)()],g.prototype,"helper",void 0),(0,o.Cg)([(0,r.MZ)({attribute:!1})],g.prototype,"localizeValue",void 0),(0,o.Cg)([(0,r.MZ)({type:Boolean})],g.prototype,"disabled",void 0),(0,o.Cg)([(0,r.MZ)({type:Boolean})],g.prototype,"required",void 0),g=(0,o.Cg)([(0,r.EM)("ha-selector-select")],g),a()}catch(e){a(e)}})},64013(e,t,i){var a=i(62826),o=i(97086),s=i(5124),r=i(22441);class n extends o.A{static get styles(){return[o.A.styles,s.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,a.Cg)([(0,r.EM)("ha-radio-group")],n)},92677(e,t,i){var a=i(62826),o=i(17010),s=i(5124),r=i(22441);class n extends o.A{static get styles(){return[o.A.styles,s.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,a.Cg)([(0,r.EM)("ha-radio-option")],n)},17022(e,t,i){i.d(t,{A1:()=>a,CY:()=>r,Fn:()=>o,Jz:()=>l,St:()=>n,VA:()=>d,WI:()=>h,iY:()=>c,xw:()=>s});const a=(e,t)=>e.callWS({type:"media_source/resolve_media",media_content_id:t}),o=(e,t)=>e.callWS({type:"media_source/browse_media",media_content_id:t}),s="__MANUAL_ENTRY__",r=e=>e.startsWith(s),n=e=>e.startsWith("media-source://"),l=e=>e.startsWith("media-source://media_source"),c=e=>e.startsWith("media-source://image_upload"),d=async(e,t,i)=>{const a=new FormData;a.append("media_content_id",t),a.append("file",i);const o=await e.fetchWithAuth("/api/media_source/local_source/upload",{method:"POST",body:a});if(413===o.status)throw new Error(`Uploaded file is too large (${i.name})`);if(200!==o.status)throw new Error("Unknown error");return o.json()},h=async(e,t)=>e.callWS({type:"media_source/local_source/remove",media_content_id:t})},30592(e,t,i){i.a(e,async function(e,t){try{i(18111),i(61701),i(88454),i(29452);var a=i(62826),o=i(5124),s=i(22441),r=i(75751),n=i(1087),l=i(81816),c=i(15638),d=i(82474),h=i(26300),p=(i(85938),e([d,h]));[d,h]=p.then?(await p)():p;const u="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",m="M21 11H3V9H21V11M21 13H3V15H21V13Z",v="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z";class g extends o.WF{_getKey(e){return this._entityKeys.has(e)||this._entityKeys.set(e,Math.random().toString()),this._entityKeys.get(e)}_renderItem(e,t){const i=this.hass.states[e.entity],a=i&&(0,l.es)(i,this.hass.entities,this.hass.devices),s=(0,c.qC)(this.hass.language,this.hass.translationMetadata.translations),r=i&&this.hass.formatEntityName(i,a?{type:"device"}:{type:"entity"})||e.entity,n=i&&this.hass.formatEntityName(i,a?[{type:"area"}]:[{type:"area"},{type:"device"}],{separator:s?" ◂ ":" ▸ "});return o.qy` <ha-md-list-item class="item"> <ha-svg-icon class="handle" .path="${m}" slot="start"></ha-svg-icon> <div slot="headline" class="label">${r}</div> ${n?o.qy`<div slot="supporting-text" class="description"> ${n} </div>`:o.s6} <ha-icon-button slot="end" .item="${e}" .index="${t}" .label="${this.hass.localize("ui.common.edit")}" .path="${v}" ="${this._editItem}"></ha-icon-button> <ha-icon-button slot="end" .index="${t}" .label="${this.hass.localize("ui.common.delete")}" .path="${u}" ="${this._deleteItem}"></ha-icon-button> </ha-md-list-item> `}_editItem(e){const t=e.currentTarget.index;(0,n.r)(this,"edit-detail-element",{subElementConfig:{index:t,type:"row",elementConfig:this.entities[t]}})}_deleteItem(e){const t=e.target.index,i=this.entities.slice(0,t).concat(this.entities.slice(t+1));(0,n.r)(this,"entities-changed",{entities:i})}render(){return this.entities?o.qy` <h3> ${this.label||`${this.hass.localize("ui.panel.lovelace.editor.card.generic.entities")}${this.required?` (${this.hass.localize("ui.panel.lovelace.editor.card.config.required")})`:""}`} </h3> ${this.canEdit?o.qy` <div class="items-container"> <ha-sortable handle-selector=".handle" draggable-selector=".item" -moved="${this._entityMoved}"> <ha-md-list> ${this.entities.map((e,t)=>this._renderItem(e,t))} </ha-md-list> </ha-sortable> </div> `:o.qy`<ha-sortable handle-selector=".handle" -moved="${this._entityMoved}"> <div class="entities"> ${(0,r.u)(this.entities,e=>this._getKey(e),(e,t)=>o.qy` <div class="entity" data-entity-id="${e.entity}"> <div class="handle"> <ha-svg-icon .path="${m}"></ha-svg-icon> </div> <ha-entity-picker .hass="${this.hass}" .value="${e.entity}" .index="${t}" .entityFilter="${this.entityFilter}" -changed="${this._valueChanged}"></ha-entity-picker> </div> `)} </div> </ha-sortable>`} <ha-entity-picker .hass="${this.hass}" .entityFilter="${this.entityFilter}" -changed="${this._addEntity}" add-button></ha-entity-picker> `:o.s6}async _addEntity(e){const t=e.detail.value;if(""===t)return;const i=this.entities.concat({entity:t});e.target.value="",(0,n.r)(this,"entities-changed",{entities:i})}_entityMoved(e){e.stopPropagation();const{oldIndex:t,newIndex:i}=e.detail,a=this.entities.concat();a.splice(i,0,a.splice(t,1)[0]),(0,n.r)(this,"entities-changed",{entities:a})}_valueChanged(e){const t=e.detail.value,i=e.target.index,a=this.entities.concat();""===t||void 0===t?a.splice(i,1):a[i]={...a[i],entity:t},(0,n.r)(this,"entities-changed",{entities:a})}constructor(...e){super(...e),this.required=!0,this._entityKeys=new WeakMap}}g.styles=o.AH`.entity{display:flex;align-items:center}.entity .handle{padding-right:8px;cursor:move;cursor:grab;padding-inline-end:8px;padding-inline-start:initial;direction:var(--direction)}.entity .handle>*{pointer-events:none}.entity ha-entity-picker{flex-grow:1}ha-md-list{gap:8px;padding-top:0;display:flex;flex-direction:column}ha-md-list:has(> *){margin-bottom:var(--ha-space-2)}ha-md-list-item{border:1px solid var(--divider-color);border-radius:8px;--ha-md-list-item-gap:0;--md-list-item-top-space:0;--md-list-item-bottom-space:0;--md-list-item-leading-space:12px;--md-list-item-trailing-space:4px;--md-list-item-two-line-container-height:48px;--md-list-item-one-line-container-height:48px}.handle{cursor:move;padding:8px;margin-inline-start:-8px}label{margin-bottom:8px;display:block}ha-md-list-item .description,ha-md-list-item .label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}`,(0,a.Cg)([(0,s.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,a.Cg)([(0,s.MZ)({attribute:!1})],g.prototype,"entities",void 0),(0,a.Cg)([(0,s.MZ)({attribute:!1})],g.prototype,"entityFilter",void 0),(0,a.Cg)([(0,s.MZ)()],g.prototype,"label",void 0),(0,a.Cg)([(0,s.MZ)({type:Boolean})],g.prototype,"required",void 0),(0,a.Cg)([(0,s.MZ)({attribute:"can-edit",type:Boolean})],g.prototype,"canEdit",void 0),g=(0,a.Cg)([(0,s.EM)("hui-entity-editor")],g),t()}catch(e){t(e)}})},81846(e,t,i){i.a(e,async function(e,a){try{i.r(t),i.d(t,{HuiMapCardEditor:()=>O,mapEntitiesConfigStruct:()=>A});i(18111),i(22489),i(20116),i(7588),i(61701);var o=i(62826),s=i(5124),r=i(22441),n=i(22786),l=i(63533),c=i(35211),d=i(1087),h=i(71727),p=i(3471),u=i(45010),m=i(52763),v=(i(6),i(856)),g=i(59646),_=i(22273),b=i(68674),y=i(22845),f=i(30592),x=i(82747),$=i(13898),w=i(81287),k=i(88170),C=i(84698),q=i(7382),M=e([m,v,g,f,$,w,y,_]);[m,v,g,f,$,w,y,_]=M.then?(await M)():M;const z="M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z",A=(0,l.KC)([(0,l.Ik)({entity:(0,l.Yj)(),name:(0,l.lq)((0,l.Yj)()),color:(0,l.lq)((0,l.Yj)()),label_mode:(0,l.lq)((0,l.Yj)()),attribute:(0,l.lq)((0,l.Yj)()),unit:(0,l.lq)((0,l.Yj)()),focus:(0,l.lq)((0,l.zM)())}),(0,l.Yj)()]),E=(0,l.KC)([(0,l.Ik)({source:(0,l.Yj)(),label_mode:(0,l.lq)((0,l.Yj)()),attribute:(0,l.lq)((0,l.Yj)()),unit:(0,l.lq)((0,l.Yj)()),focus:(0,l.lq)((0,l.zM)())}),(0,l.Yj)()]),H=(0,l.kp)(C.H,(0,l.Ik)({title:(0,l.lq)((0,l.Yj)()),show_all:(0,l.lq)((0,l.zM)()),entities:(0,l.lq)((0,l.YO)(A)),geo_location_sources:(0,l.lq)((0,l.YO)(E)),hours_to_show:(0,l.lq)((0,l.ai)()),aspect_ratio:(0,l.lq)((0,l.Yj)()),default_zoom:(0,l.lq)((0,l.ai)()),auto_fit:(0,l.lq)((0,l.zM)()),fit_zones:(0,l.lq)((0,l.zM)()),cluster:(0,l.lq)((0,l.zM)()),dark_mode:(0,l.lq)((0,l.zM)()),theme_mode:(0,l.lq)((0,l.Yj)()),conditions:(0,l.lq)((0,l.bz)())}));class O extends s.WF{setConfig(e){(0,l.vA)(e,H),this._config||"theme_mode"in e||((e={...e}).dark_mode?e.theme_mode="dark":e.theme_mode="auto",delete e.dark_mode,(0,d.r)(this,"config-changed",{config:e})),this._config=e}get _geo_location_sources(){return this._geoSourcesStrings(this._config.geo_location_sources)||[]}firstUpdated(e){super.firstUpdated(e),this._locationEntities=this.hass?Object.keys(this.hass.states).filter(e=>(0,p.e)(this.hass.states[e])):[]}render(){if(!this.hass||!this._config)return s.s6;if(this._subElementEditorConfig){const e=this._subElementEditorConfig.elementConfig.entity;return s.qy` <hui-sub-element-editor .hass="${this.hass}" .config="${this._subElementEditorConfig}" .form="${this._subForm(this.hass.localize,e,this._locationEntities)}" -back="${this._goBack}" -changed="${this._handleSubEntityChanged}"> </hui-sub-element-editor> `}const e=this._config.entities?(0,k._)(this._config.entities):[];return s.qy` <ha-form .hass="${this.hass}" .data="${this._config}" .schema="${this._schema(this.hass.localize)}" .computeLabel="${this._computeLabelCallback}" .computeHelper="${this._computeHelperCallback}" -changed="${this._valueChanged}"></ha-form> <hui-entity-editor .hass="${this.hass}" .entities="${e}" .entityFilter="${p.e}" can-edit .required="${!this._config.show_all}" -changed="${this._entitiesValueChanged}" -detail-element="${this._editDetailElement}"></hui-entity-editor> <h3> ${this.hass.localize("ui.panel.lovelace.editor.card.map.geo_location_sources")} </h3> <ha-selector-select .label="${this.hass.localize("ui.panel.lovelace.editor.card.map.source")}" .required="${!1}" .hass="${this.hass}" .value="${this._geo_location_sources}" -changed="${this._geoSourcesChanged}" .selector="${this._selectSchema(this._possibleGeoSources,this.hass.localize)}"></ha-selector-select> ${this.renderConditions()} `}renderConditions(){const e=this._config?.conditions??[];return s.qy` <h3> ${this.hass.localize("ui.panel.lovelace.editor.card.map.conditions")} </h3> <p class="intro"> ${this.hass.localize("ui.panel.lovelace.editor.card.map.conditions_helper")} </p> <ha-card-conditions-editor .hass="${this.hass}" .conditions="${e}" -changed="${this._conditionsChanged}"> </ha-card-conditions-editor> `}_conditionsChanged(e){e.stopPropagation();const t=e.detail.value,i={...this._config,conditions:t};0===i.conditions?.length&&delete i.conditions,(0,d.r)(this,"config-changed",{config:i})}_goBack(){this._subElementEditorConfig=void 0}_editDetailElement(e){this._subElementEditorConfig=e.detail.subElementConfig}_handleSubEntityChanged(e){e.stopPropagation();let t=e.detail.config;const i=t.entity;this._shouldDisableOptions(i)&&(t=this._deleteOptions(t));const a=this._subElementEditorConfig.index,o=[...this._config.entities];o[a]=t;let s=this._config;s={...s,entities:o},this._config=this._orderProperties(s),this._subElementEditorConfig={...this._subElementEditorConfig,elementConfig:{...this._config.entities[a]}},(0,d.r)(this,"config-changed",{config:this._config})}_entitiesValueChanged(e){if(e.detail&&e.detail.entities){if(e.detail.entities.length||!this._config.show_all)this._config={...this._config,entities:e.detail.entities};else if(this._config.entities){const{entities:e,...t}=this._config;this._config=t}const t=this._orderProperties(this._config);(0,d.r)(this,"config-changed",{config:t})}}_geoSourcesChanged(e){if(!this._config||!this.hass)return;const t=e.detail.value;if(this._geo_location_sources===t)return;if(""===t)this._config={...this._config},delete this._config.geo_location_sources;else{const e=t.map(e=>this._config.geo_location_sources?.find(t=>"object"==typeof t&&t.source===e)||e);this._config={...this._config,geo_location_sources:e}}const i=this._orderProperties(this._config);(0,d.r)(this,"config-changed",{config:i})}_valueChanged(e){e.stopPropagation();let t={...e.detail.value};t.show_all&&0===t.entities?.length&&delete t.entities,t=this._orderProperties(t),(0,d.r)(this,"config-changed",{config:t})}willUpdate(e){if(e.has("_config")&&this._contextProvider.setValue(this._entityContext(this._config?.entities)),this.hass&&!this._possibleGeoSources){const e={};Object.entries(this.hass.states).forEach(([t,i])=>{"geo_location"===(0,h.m)(t)&&i.attributes.source&&(e[i.attributes.source]=i.attributes.attribution)}),this._possibleGeoSources=Object.entries(e).map(([e,t])=>({value:e,label:t||e}))}}_deleteOptions(e){const{color:t,label_mode:i,attribute:a,unit:o,...s}=e;return s}_orderProperties(e){const t=Object.keys(H.schema);let i={...(0,u.U)(e,t)};const a={entities:["entity","name","color","label_mode","attribute","unit","focus"],geo_location_sources:["source","label_mode","attribute","unit","focus"]};return Object.entries(a).forEach(([t,a])=>{let o;e[t]&&(o=e[t].map(e=>"string"!=typeof e?(0,u.U)(e,a):e)),o&&(i={...i,[t]:o})}),i}static get styles(){return[q.U,s.AH`.intro{margin:0;margin-bottom:var(--ha-space-1);color:var(--secondary-text-color)}`]}constructor(...e){super(...e),this._shouldDisableOptions=e=>"zone"===(0,h.m)(e),this._locationEntities=[],this._entityContext=(0,n.A)(e=>({mode:"filter",entityIds:e?.map(e=>"string"==typeof e?e:e.entity)??[]})),this._contextProvider=new c.DT(this,{context:x.$,initialValue:{mode:"filter",entityIds:[]}}),this._schema=(0,n.A)(e=>[{name:"title",selector:{text:{}}},{name:"",type:"expandable",iconPath:z,title:e("ui.panel.lovelace.editor.card.map.appearance"),schema:[{name:"",type:"grid",schema:[{name:"aspect_ratio",selector:{text:{}}},{name:"default_zoom",default:y.DEFAULT_ZOOM,selector:{number:{mode:"box",min:0}}},{name:"theme_mode",selector:{select:{mode:"dropdown",options:b.X.map(t=>({value:t,label:e(`ui.panel.lovelace.editor.card.map.theme_modes.${t}`)}))}}},{name:"hours_to_show",default:y.DEFAULT_HOURS_TO_SHOW,selector:{number:{mode:"box",min:0}}},{name:"auto_fit",selector:{boolean:{}}},{name:"fit_zones",selector:{boolean:{}}},{name:"cluster",default:!0,selector:{boolean:{}}}]}]},{name:"show_all",selector:{boolean:{}}}]),this._subForm=(0,n.A)((e,t,i)=>({schema:[{name:"entity",selector:{entity:{include_entities:i}},required:!0},{name:"name",selector:{text:{}}},{name:"color",disabled:this._shouldDisableOptions(t),selector:{ui_color:{}}},{name:"",type:"grid",schema:[{name:"label_mode",disabled:this._shouldDisableOptions(t),selector:{select:{mode:"dropdown",options:_.$.map(t=>({value:t,label:e(`ui.panel.lovelace.editor.card.map.label_modes.${t}`)}))}}},{name:"attribute",disabled:this._shouldDisableOptions(t),selector:{attribute:{hide_attributes:["entity_picture","friendly_name","icon"]}},context:{filter_entity:"entity"}},{name:"unit",disabled:this._shouldDisableOptions(t),selector:{text:{}}},{name:"focus",default:!0,selector:{boolean:{}}}]}],computeLabel:t=>{if("focus"===t.name)return e("ui.panel.lovelace.editor.card.map.focus")},computeHelper:t=>{if("focus"===t.name)return e("ui.panel.lovelace.editor.card.map.focus_helper")}})),this._geoSourcesStrings=(0,n.A)(e=>e?.map(e=>"string"==typeof e?e:e.source)),this._selectSchema=(0,n.A)((e,t)=>({select:{sort:!0,multiple:!0,custom_value:!0,options:e.length?e:[{value:"",label:t("ui.panel.lovelace.editor.card.map.no_geo_location_sources")}]}})),this._computeLabelCallback=e=>{switch(e.name){case"theme_mode":case"default_zoom":case"auto_fit":case"fit_zones":case"cluster":case"show_all":return this.hass.localize(`ui.panel.lovelace.editor.card.map.${e.name}`);default:return this.hass.localize(`ui.panel.lovelace.editor.card.generic.${e.name}`)}},this._computeHelperCallback=e=>{if("show_all"===e.name)return this.hass.localize(`ui.panel.lovelace.editor.card.map.${e.name}_helper`)}}}(0,o.Cg)([(0,r.MZ)({attribute:!1})],O.prototype,"hass",void 0),(0,o.Cg)([(0,r.wk)()],O.prototype,"_config",void 0),(0,o.Cg)([(0,r.wk)()],O.prototype,"_subElementEditorConfig",void 0),(0,o.Cg)([(0,r.wk)()],O.prototype,"_possibleGeoSources",void 0),O=(0,o.Cg)([(0,r.EM)("hui-map-card-editor")],O),a()}catch(e){a(e)}})},68674(e,t,i){i.d(t,{X:()=>a});const a=["auto","light","dark"]},41216(e,t,i){i.d(t,{R:()=>l});var a=i(62826),o=i(5124),s=i(22441),r=i(64918),n=i(84842);class l extends r.M{get primaryId(){return this.href?"link":this.removeOnly?"":"button"}get rippleDisabled(){return!this.href&&(this.disabled||this.softDisabled)}get primaryAction(){return this.removeOnly?null:this.renderRoot.querySelector(".primary.action")}getContainerClasses(){return{...super.getContainerClasses(),avatar:this.avatar,disabled:!this.href&&(this.disabled||this.softDisabled),link:!!this.href,selected:this.selected,"has-trailing":!0}}renderPrimaryAction(e){const{ariaLabel:t}=this;return this.href?o.qy` <a class="primary action" id="link" aria-label="${t||o.s6}" href="${this.href}" target="${this.target||o.s6}">${e}</a> `:this.removeOnly?o.qy` <span class="primary action" aria-label="${t||o.s6}"> ${e} </span> `:o.qy` <button class="primary action" id="button" aria-label="${t||o.s6}" aria-disabled="${this.softDisabled||o.s6}" ?disabled="${this.disabled&&!this.alwaysFocusable}" type="button">${e}</button> `}renderTrailingAction(e){return(0,n.h)({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:!this.href&&(this.disabled||this.softDisabled),tabbable:this.removeOnly})}constructor(){super(...arguments),this.avatar=!1,this.href="",this.target="",this.removeOnly=!1,this.selected=!1}}(0,a.Cg)([(0,s.MZ)({type:Boolean})],l.prototype,"avatar",void 0),(0,a.Cg)([(0,s.MZ)()],l.prototype,"href",void 0),(0,a.Cg)([(0,s.MZ)()],l.prototype,"target",void 0),(0,a.Cg)([(0,s.MZ)({type:Boolean,attribute:"remove-only"})],l.prototype,"removeOnly",void 0),(0,a.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],l.prototype,"selected",void 0),(0,a.Cg)([(0,s.P)(".trailing.action")],l.prototype,"trailingAction",void 0)},78960(e,t,i){i.d(t,{R:()=>a});const a=i(5124).AH`:host{--_container-height:var(--md-input-chip-container-height, 32px);--_disabled-label-text-color:var(--md-input-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity:var(--md-input-chip-disabled-label-text-opacity, 0.38);--_disabled-selected-container-color:var(--md-input-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity:var(--md-input-chip-disabled-selected-container-opacity, 0.12);--_label-text-font:var(--md-input-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height:var(--md-input-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size:var(--md-input-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight:var(--md-input-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-container-color:var(--md-input-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-focus-label-text-color:var(--md-input-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color:var(--md-input-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color:var(--md-input-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity:var(--md-input-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color:var(--md-input-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-outline-width:var(--md-input-chip-selected-outline-width, 0px);--_selected-pressed-label-text-color:var(--md-input-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color:var(--md-input-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-opacity:var(--md-input-chip-selected-pressed-state-layer-opacity, 0.12);--_disabled-outline-color:var(--md-input-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity:var(--md-input-chip-disabled-outline-opacity, 0.12);--_focus-label-text-color:var(--md-input-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-outline-color:var(--md-input-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color:var(--md-input-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color:var(--md-input-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity:var(--md-input-chip-hover-state-layer-opacity, 0.08);--_label-text-color:var(--md-input-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color:var(--md-input-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width:var(--md-input-chip-outline-width, 1px);--_pressed-label-text-color:var(--md-input-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color:var(--md-input-chip-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity:var(--md-input-chip-pressed-state-layer-opacity, 0.12);--_avatar-shape:var(--md-input-chip-avatar-shape, var(--md-sys-shape-corner-full, 9999px));--_avatar-size:var(--md-input-chip-avatar-size, 24px);--_disabled-avatar-opacity:var(--md-input-chip-disabled-avatar-opacity, 0.38);--_disabled-leading-icon-color:var(--md-input-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity:var(--md-input-chip-disabled-leading-icon-opacity, 0.38);--_icon-size:var(--md-input-chip-icon-size, 18px);--_selected-focus-leading-icon-color:var(--md-input-chip-selected-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-leading-icon-color:var(--md-input-chip-selected-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-leading-icon-color:var(--md-input-chip-selected-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-leading-icon-color:var(--md-input-chip-selected-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_focus-leading-icon-color:var(--md-input-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color:var(--md-input-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color:var(--md-input-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color:var(--md-input-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color:var(--md-input-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity:var(--md-input-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color:var(--md-input-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color:var(--md-input-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color:var(--md-input-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color:var(--md-input-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color:var(--md-input-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color:var(--md-input-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color:var(--md-input-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-input-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start:var(--md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end:var(--md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end:var(--md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start:var(--md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space:var(--md-input-chip-leading-space, 16px);--_trailing-space:var(--md-input-chip-trailing-space, 16px);--_icon-label-space:var(--md-input-chip-icon-label-space, 8px);--_with-leading-icon-leading-space:var(--md-input-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space:var(--md-input-chip-with-trailing-icon-trailing-space, 8px)}:host([avatar]){--_container-shape-start-start:var( --md-input-chip-container-shape-start-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-start-end:var( --md-input-chip-container-shape-start-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-end:var( --md-input-chip-container-shape-end-end, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) );--_container-shape-end-start:var( --md-input-chip-container-shape-end-start, var(--md-input-chip-container-shape, calc(var(--_container-height) / 2)) )}.avatar .primary.action{padding-inline-start:4px}.avatar .leading.icon ::slotted(:first-child){border-radius:var(--_avatar-shape);height:var(--_avatar-size);width:var(--_avatar-size)}.disabled.avatar .leading.icon{opacity:var(--_disabled-avatar-opacity)}{.link .outline{border-color:ActiveText}.disabled.avatar .leading.icon{opacity:1}}`}};