iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 24.5 kB
JavaScript
/*! For license information please see 62800.37261db2e82b541c.js.LICENSE.txt */
export const __rspack_esm_id=62800;export const __rspack_esm_ids=[62800];export const __webpack_modules__={81816(e,t,a){a.d(t,{aH:()=>s,cx:()=>n,es:()=>c});var i=a(37981),r=a(28978),o=a(79461);const s=(e,t,a)=>{const i=t[e.entity_id];return i?n(i,a):(0,r.u)(e)},n=(e,t,a)=>{const s=e.name||("original_name"in e&&null!=e.original_name?String(e.original_name):void 0),n=e.device_id?t[e.device_id]:void 0;if(!n)return s||(a?(0,r.u)(a):void 0);const c=(0,i.xn)(n);return c!==s?c&&s&&(0,o.p)(s,c)||s:void 0},c=(e,t,a)=>!s(e,t,a)},74705(e,t,a){a.d(t,{Bj:()=>u,Cf:()=>h,uU:()=>p});a(18111),a(81148),a(22489),a(61701),a(13579);if(66649!=a.j)var i=a(44537);var r=a(15638),o=a(65522),s=a(37981),n=a(81816),c=a(55931);if(66649!=a.j)var l=a(28978);var d=a(28455);const p=(e,t,a,r,o,s,c)=>{if("string"==typeof t)return t;if(!t)return(0,l.u)(e);let d=(0,i.e)(t);const p=c?.separator??" ";if(d.every(e=>"text"===e.type))return d.map(e=>e.text).join(p);if((0,n.es)(e,a,r)){d.some(e=>"device"===e.type)||(d=d.map(e=>"entity"===e.type?{type:"device"}:e))}const u=h(e,d,a,r,o,s);return 1===u.length?u[0]||"":u.filter(e=>e).join(p)},h=(e,t,a,i,r,l)=>{const{device:p,area:h,floor:u}=(0,d.ln)(e,a,i,r,l);return t.map(t=>{switch(t.type){case"entity":return(0,n.aH)(e,a,i);case"device":return p?(0,s.xn)(p):void 0;case"area":return h?(0,o.A)(h):void 0;case"floor":return u?(0,c.X)(u):void 0;case"text":return t.text;default:return""}})},u=(e,t)=>{const[a,i,o]=h(t,[{type:"entity"},{type:"device"},{type:"area"}],e.entities,e.devices,e.areas,e.floors),s=(0,r.qC)(e.language,e.translationMetadata.translations);return{primary:a||i||t.entity_id,secondary:[o,a?i:void 0].filter(Boolean).join(s?" ◂ ":" ▸ ")||void 0}}},13467(e,t,a){var i=a(62826),r=a(41216),o=a(78960),s=a(75640),n=a(91735),c=a(43826),l=a(5124),d=a(22441);class p extends r.R{}p.styles=[n.R,c.R,s.R,o.R,l.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)}`],p=(0,i.Cg)([(0,d.EM)("ha-input-chip")],p)},51061(e,t,a){a.a(e,async function(e,t){try{a(74423),a(44114),a(18111),a(22489),a(7588),a(17642),a(58004),a(33853),a(45876),a(32475),a(15024),a(31698);var i=a(62826),r=a(5124),o=a(22441),s=a(78648),n=a(22786),c=a(74705),l=a(15638),d=a(59653),p=a(57488),h=(a(75064),a(59174)),u=a(38508),v=a(93367),y=e([h,u,v]);[h,u,v]=y.then?(await y)():y;const m=["light","fan","switch","cover-shutter","cover-blind","cover-curtain","cover-shade","cover-awning","cover-garage","cover-gate","cover-door","cover-window","cover-damper"];class g extends r.WF{render(){return this.hass?r.qy` <ha-generic-picker .hass="${this.hass}" .value="${this.value||""}" .disabled="${this.disabled}" .required="${this.required}" .label="${this.label}" .placeholder="${this.placeholder}" .helper="${this.helper}" .addButtonLabel="${this.addButtonLabel}" .getItems="${this._getItems(this.areaId,this.excludeEntities,this.value,this.excludeValues,this.hass.localize,this.hass.entities,this.hass.devices,this.hass.areas)}" .rowRenderer="${this._rowRenderer}" .sections="${[{id:"domain",label:this.hass.localize("ui.panel.lovelace.editor.features.types.area-controls.sections.domain")},{id:"entity",label:this.hass.localize("ui.panel.lovelace.editor.features.types.area-controls.sections.entity")}]}"></ha-generic-picker> `:r.s6}constructor(...e){super(...e),this.disabled=!1,this.required=!1,this._domainSearchKeys=[{name:"primary",weight:10}],this._entitySearchKeys=[{name:"primary",weight:10},{name:"secondary",weight:5},{name:"id",weight:3}],this._createFuseIndex=(e,t)=>s.A.createIndex(t,e),this._domainFuseIndex=(0,n.A)(e=>this._createFuseIndex(e,this._domainSearchKeys)),this._entityFuseIndex=(0,n.A)(e=>this._createFuseIndex(e,this._entitySearchKeys)),this._getItems=(0,n.A)((e,t,a,i,r,o,s,n)=>(o,s)=>{if(!this.hass)return[];const n=e=>a===e||void 0!==i&&i.includes(e),h=(0,p.g)(m,e,t,this.hass),u=[];let v=[],y=[];if(!s||"domain"===s){if(Object.keys(h).filter(e=>h[e].length>0).forEach(e=>{if(n(e))return;const t=r(`ui.panel.lovelace.editor.features.types.area-controls.controls_options.${e}`),a=p.t[e],i=a.filter.device_class?Array.isArray(a.filter.device_class)?a.filter.device_class[0]:a.filter.device_class:void 0;v.push({type:"domain",id:e,primary:t,domain:a.filter.domain,deviceClass:i})}),o){const e=this._domainFuseIndex(v);v=(0,d.x)(v,o,this._domainSearchKeys,e=>e.id,e)}}if(!s||"entity"===s){const e=Object.values(h).flat(),t=Array.from(new Set(e)),a=(0,l.qC)(this.hass.language,this.hass.translationMetadata.translations);if(t.forEach(e=>{if(n(e))return;const t=this.hass.states[e];if(!t)return;const[i,r,o]=(0,c.Cf)(t,[{type:"entity"},{type:"device"},{type:"area"}],this.hass.entities,this.hass.devices,this.hass.areas,this.hass.floors),s=i||r||e,l=[o,i?r:void 0].filter(Boolean).join(a?" ◂ ":" ▸ ");y.push({type:"entity",id:e,primary:s,secondary:l,stateObj:t})}),o){const e=this._entityFuseIndex(y);y=(0,d.x)(y,o,this._entitySearchKeys,e=>e.id,e)}}return s?u.push(...v,...y):(v.length>0&&(u.push(r("ui.panel.lovelace.editor.features.types.area-controls.sections.domain")),u.push(...v)),y.length>0&&(u.push(r("ui.panel.lovelace.editor.features.types.area-controls.sections.entity")),u.push(...y))),u}),this._rowRenderer=e=>r.qy` <ha-combo-box-item type="button" compact="compact"> ${"entity"===e.type&&e.stateObj?r.qy`<ha-state-icon slot="start" .stateObj="${e.stateObj}"></ha-state-icon>`:e.domain?r.qy`<ha-domain-icon slot="start" .domain="${e.domain}" .deviceClass="${e.deviceClass}"></ha-domain-icon>`:r.s6} <span slot="headline">${e.primary}</span> ${e.secondary?r.qy`<span slot="supporting-text">${e.secondary}</span>`:r.s6} ${"entity"===e.type&&e.stateObj?r.qy`<span slot="supporting-text" class="code"> ${e.stateObj.entity_id} </span>`:r.s6} </ha-combo-box-item> `}}g.styles=r.AH`.code{font-family:var(--ha-font-family-code)}`,(0,i.Cg)([(0,o.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,i.Cg)([(0,o.MZ)({attribute:"area-id"})],g.prototype,"areaId",void 0),(0,i.Cg)([(0,o.MZ)({type:Array,attribute:"exclude-entities"})],g.prototype,"excludeEntities",void 0),(0,i.Cg)([(0,o.MZ)()],g.prototype,"value",void 0),(0,i.Cg)([(0,o.MZ)({type:Array,attribute:"exclude-values"})],g.prototype,"excludeValues",void 0),(0,i.Cg)([(0,o.MZ)()],g.prototype,"label",void 0),(0,i.Cg)([(0,o.MZ)()],g.prototype,"placeholder",void 0),(0,i.Cg)([(0,o.MZ)()],g.prototype,"helper",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean})],g.prototype,"disabled",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean})],g.prototype,"required",void 0),(0,i.Cg)([(0,o.MZ)({attribute:"add-button-label"})],g.prototype,"addButtonLabel",void 0),g=(0,i.Cg)([(0,o.EM)("ha-area-controls-picker")],g),t()}catch(e){t(e)}})},85938(e,t,a){a(18111),a(22489),a(46058);var i=a(62826),r=a(5124),o=a(22441),s=a(1087);class n extends r.WF{updated(e){e.has("disabled")&&(this.disabled?this._destroySortable():this._createSortable())}disconnectedCallback(){super.disconnectedCallback(),this._shouldBeDestroy=!0,setTimeout(()=>{this._shouldBeDestroy&&(this._destroySortable(),this._shouldBeDestroy=!1)},1)}connectedCallback(){super.connectedCallback(),this._shouldBeDestroy=!1,this.hasUpdated&&!this.disabled&&this._createSortable()}createRenderRoot(){return this}render(){return this.noStyle?r.s6:r.qy` <style>.sortable-fallback{display:none!important}.sortable-ghost{box-shadow:0 0 0 2px var(--primary-color);background:rgba(var(--rgb-primary-color),.25);border-radius:var(--ha-border-radius-sm);opacity:.4}.sortable-drag{border-radius:var(--ha-border-radius-sm);opacity:1;background:var(--card-background-color);box-shadow:0px 4px 8px 3px #00000026;cursor:grabbing}</style> `}async _createSortable(){if(this._sortable)return;const e=this.children[0];if(!e)return;const t=(await Promise.all([a.e(85283),a.e(70322)]).then(a.bind(a,80745))).default,i={scroll:!0,forceAutoScrollFallback:!0,scrollSpeed:20,animation:150,...this.options,onChoose:this._handleChoose,onStart:this._handleStart,onEnd:this._handleEnd,onUpdate:this._handleUpdate,onAdd:this._handleAdd,onRemove:this._handleRemove};this.draggableSelector&&(i.draggable=this.draggableSelector),this.handleSelector&&(i.handle=this.handleSelector),void 0!==this.invertSwap&&(i.invertSwap=this.invertSwap),this.group&&(i.group=this.group),this.filter&&(i.filter=this.filter),this._sortable=new t(e,i)}_destroySortable(){this._sortable&&(this._sortable.destroy(),this._sortable=void 0)}constructor(...e){super(...e),this.disabled=!1,this.noStyle=!1,this.invertSwap=!1,this.rollback=!0,this._shouldBeDestroy=!1,this._handleUpdate=e=>{(0,s.r)(this,"item-moved",{newIndex:e.newIndex,oldIndex:e.oldIndex})},this._handleAdd=e=>{(0,s.r)(this,"item-added",{index:e.newIndex,data:e.item.sortableData,item:e.item})},this._handleRemove=e=>{(0,s.r)(this,"item-removed",{index:e.oldIndex})},this._handleEnd=async e=>{(0,s.r)(this,"drag-end"),this.rollback&&e.item.placeholder&&(e.item.placeholder.replaceWith(e.item),delete e.item.placeholder)},this._handleStart=()=>{(0,s.r)(this,"drag-start")},this._handleChoose=e=>{this.rollback&&(e.item.placeholder=document.createComment("sort-placeholder"),e.item.after(e.item.placeholder))}}}(0,i.Cg)([(0,o.MZ)({type:Boolean})],n.prototype,"disabled",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean,attribute:"no-style"})],n.prototype,"noStyle",void 0),(0,i.Cg)([(0,o.MZ)({type:String,attribute:"draggable-selector"})],n.prototype,"draggableSelector",void 0),(0,i.Cg)([(0,o.MZ)({type:String,attribute:"handle-selector"})],n.prototype,"handleSelector",void 0),(0,i.Cg)([(0,o.MZ)({type:String,attribute:"filter"})],n.prototype,"filter",void 0),(0,i.Cg)([(0,o.MZ)({type:String})],n.prototype,"group",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean,attribute:"invert-swap"})],n.prototype,"invertSwap",void 0),(0,i.Cg)([(0,o.MZ)({attribute:!1})],n.prototype,"options",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean})],n.prototype,"rollback",void 0),n=(0,i.Cg)([(0,o.EM)("ha-sortable")],n)},7027(e,t,a){a.a(e,async function(e,i){try{a.r(t),a.d(t,{HuiAreaControlsCardFeatureEditor:()=>g});a(74423),a(18111),a(22489),a(61701),a(33110);var r=a(62826),o=a(5124),s=a(22441),n=a(75751),c=a(22786),l=a(1087),d=a(28978),p=a(51061),h=a(52763),u=(a(13467),a(85938),a(67094),a(57488)),v=a(37531),y=e([p,h]);[p,h]=y.then?(await y)():y;const m="M21 11H3V9H21V11M21 13H3V15H21V13Z";class g extends o.WF{setConfig(e){this._config=e}render(){if(!this.hass||!this._config||!this.context?.area_id)return o.s6;if(0===this._supportedControls(this.context.area_id,this.context.exclude_entities,this.hass.entities,this.hass.devices,this.hass.areas).length)return o.qy` <ha-alert alert-type="warning"> ${this.hass.localize("ui.panel.lovelace.editor.features.types.area-controls.no_compatible_controls")} </ha-alert> `;const e={...this._config,customize_controls:void 0!==this._config.controls},t=this._config.controls||[],a=t.map(e=>"string"==typeof e?e:e.entity_id);return o.qy` <ha-form .hass="${this.hass}" .data="${e}" .schema="${this._schema}" .computeLabel="${this._computeLabelCallback}" -changed="${this._valueChanged}"></ha-form> ${e.customize_controls?o.qy` ${t.length?o.qy` <ha-sortable no-style -moved="${this._itemMoved}" handle-selector="button.primary.action"> <ha-chip-set> ${(0,n.u)(t,e=>"string"==typeof e?e:e.entity_id,(e,t)=>{const a=this._getItemLabel(e);return o.qy` <ha-input-chip .idx="${t}" ="${this._removeItem}" .label="${a}" selected="selected"> <ha-svg-icon slot="icon" .path="${m}"></ha-svg-icon> ${a} </ha-input-chip> `})} </ha-chip-set> </ha-sortable> `:o.s6} <ha-area-controls-picker .hass="${this.hass}" .areaId="${this.context.area_id}" .excludeEntities="${this.context.exclude_entities}" .excludeValues="${a}" .value="${""}" .addButtonLabel="${this.hass.localize("ui.panel.lovelace.editor.features.types.area-controls.controls")}" -changed="${this._controlChanged}"></ha-area-controls-picker> `:o.s6} `}_getItemLabel(e){if(!this.hass)return"string"==typeof e?e:JSON.stringify(e);if("string"==typeof e)return v.Ut.includes(e)?this.hass.localize(`ui.panel.lovelace.editor.features.types.area-controls.controls_options.${e}`):e;if("entity_id"in e){const t=this.hass.states[e.entity_id];return t?(0,d.u)(t):e.entity_id}return JSON.stringify(e)}_itemMoved(e){e.stopPropagation();const{oldIndex:t,newIndex:a}=e.detail,i=[...this._config.controls||[]],r=i.splice(t,1)[0];i.splice(a,0,r),this._updateControls(i)}_removeItem(e){const t=e.currentTarget.idx,a=[...this._config.controls||[]];a.splice(t,1),this._updateControls(a)}_controlChanged(e){e.stopPropagation();const t=e.detail.value;if(!t)return;const a=v.Ut.includes(t)?t:{entity_id:t},i=[...this._config.controls||[],a];this._updateControls(i)}_updateControls(e){const t={...this._config,controls:e};(0,l.r)(this,"config-changed",{config:t})}_valueChanged(e){const{customize_controls:t,...a}=e.detail.value;t&&!a.controls&&(a.controls=this._supportedControls(this.context.area_id,this.context.exclude_entities,this.hass.entities,this.hass.devices,this.hass.areas).slice(0,4)),!t&&a.controls&&delete a.controls,(0,l.r)(this,"config-changed",{config:a})}constructor(...e){super(...e),this._schema=[{name:"customize_controls",selector:{boolean:{}}}],this._supportedControls=(0,c.A)((e,t,a,i,r)=>{if(!this.hass)return[];const o=(0,u.g)(v.Ut,e,t,this.hass);return Object.keys(o).filter(e=>o[e].length>0)}),this._computeLabelCallback=e=>"customize_controls"===e.name?this.hass.localize(`ui.panel.lovelace.editor.features.types.area-controls.${e.name}`):""}}g.styles=o.AH`ha-sortable{display:block;margin-bottom:var(--ha-space-2)}ha-chip-set{margin-bottom:var(--ha-space-2)}`,(0,r.Cg)([(0,s.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,r.Cg)([(0,s.MZ)({attribute:!1})],g.prototype,"context",void 0),(0,r.Cg)([(0,s.wk)()],g.prototype,"_config",void 0),g=(0,r.Cg)([(0,s.EM)("hui-area-controls-card-feature-editor")],g),i()}catch(e){i(e)}})},41216(e,t,a){a.d(t,{R:()=>c});var i=a(62826),r=a(5124),o=a(22441),s=a(64918),n=a(84842);class c extends s.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?r.qy` <a class="primary action" id="link" aria-label="${t||r.s6}" href="${this.href}" target="${this.target||r.s6}">${e}</a> `:this.removeOnly?r.qy` <span class="primary action" aria-label="${t||r.s6}"> ${e} </span> `:r.qy` <button class="primary action" id="button" aria-label="${t||r.s6}" aria-disabled="${this.softDisabled||r.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,i.Cg)([(0,o.MZ)({type:Boolean})],c.prototype,"avatar",void 0),(0,i.Cg)([(0,o.MZ)()],c.prototype,"href",void 0),(0,i.Cg)([(0,o.MZ)()],c.prototype,"target",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean,attribute:"remove-only"})],c.prototype,"removeOnly",void 0),(0,i.Cg)([(0,o.MZ)({type:Boolean,reflect:!0})],c.prototype,"selected",void 0),(0,i.Cg)([(0,o.P)(".trailing.action")],c.prototype,"trailingAction",void 0)},78960(e,t,a){a.d(t,{R:()=>i});const i=a(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}}`}};