1
0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-20 16:59:57 +01:00

Rename ha-button-menu-new into ha-md-button-menu (#22016)

* ha-button-menu-new => ha-md-button-menu

* linting
This commit is contained in:
Simon Lamon
2024-09-18 14:02:15 +02:00
committed by GitHub
parent c0043af4c9
commit d2194d55f9
11 changed files with 253 additions and 247 deletions

View File

@@ -59,7 +59,7 @@ import "../../../components/ha-filter-floor-areas";
import "../../../components/ha-filter-labels";
import "../../../components/ha-icon-button";
import "../../../components/ha-icon-overflow-menu";
import "../../../components/ha-menu-item";
import "../../../components/ha-md-menu-item";
import "../../../components/ha-sub-menu";
import "../../../components/ha-svg-icon";
import { createAreaRegistryEntry } from "../../../data/area_registry";
@@ -413,7 +413,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
protected render(): TemplateResult {
const categoryItems = html`${this._categories?.map(
(category) =>
html`<ha-menu-item
html`<ha-md-menu-item
.value=${category.category_id}
@click=${this._handleBulkCategory}
>
@@ -421,20 +421,20 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
? html`<ha-icon slot="start" .icon=${category.icon}></ha-icon>`
: html`<ha-svg-icon slot="start" .path=${mdiTag}></ha-svg-icon>`}
<div slot="headline">${category.name}</div>
</ha-menu-item>`
</ha-md-menu-item>`
)}
<ha-menu-item .value=${null} @click=${this._handleBulkCategory}>
<ha-md-menu-item .value=${null} @click=${this._handleBulkCategory}>
<div slot="headline">
${this.hass.localize(
"ui.panel.config.automation.picker.bulk_actions.no_category"
)}
</div> </ha-menu-item
</div> </ha-md-menu-item
><md-divider role="separator" tabindex="-1"></md-divider>
<ha-menu-item @click=${this._bulkCreateCategory}>
<ha-md-menu-item @click=${this._bulkCreateCategory}>
<div slot="headline">
${this.hass.localize("ui.panel.config.category.editor.add")}
</div>
</ha-menu-item>`;
</ha-md-menu-item>`;
const labelItems = html`${this._labels?.map((label) => {
const color = label.color ? computeCssColor(label.color) : undefined;
@@ -446,7 +446,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
this._selected.some((entityId) =>
this.hass.entities[entityId]?.labels.includes(label.label_id)
);
return html`<ha-menu-item
return html`<ha-md-menu-item
.value=${label.label_id}
.action=${selected ? "remove" : "add"}
@click=${this._handleBulkLabel}
@@ -464,18 +464,18 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
: nothing}
${label.name}
</ha-label>
</ha-menu-item>`;
</ha-md-menu-item>`;
})}
<md-divider role="separator" tabindex="-1"></md-divider>
<ha-menu-item @click=${this._bulkCreateLabel}>
<ha-md-menu-item @click=${this._bulkCreateLabel}>
<div slot="headline">
${this.hass.localize("ui.panel.config.labels.add_label")}
</div></ha-menu-item
</div></ha-md-menu-item
>`;
const areaItems = html`${Object.values(this.hass.areas).map(
(area) =>
html`<ha-menu-item
html`<ha-md-menu-item
.value=${area.area_id}
@click=${this._handleBulkArea}
>
@@ -486,23 +486,23 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
.path=${mdiTextureBox}
></ha-svg-icon>`}
<div slot="headline">${area.name}</div>
</ha-menu-item>`
</ha-md-menu-item>`
)}
<ha-menu-item .value=${null} @click=${this._handleBulkArea}>
<ha-md-menu-item .value=${null} @click=${this._handleBulkArea}>
<div slot="headline">
${this.hass.localize(
"ui.panel.config.devices.picker.bulk_actions.no_area"
)}
</div>
</ha-menu-item>
</ha-md-menu-item>
<md-divider role="separator" tabindex="-1"></md-divider>
<ha-menu-item @click=${this._bulkCreateArea}>
<ha-md-menu-item @click=${this._bulkCreateArea}>
<div slot="headline">
${this.hass.localize(
"ui.panel.config.devices.picker.bulk_actions.add_area"
)}
</div>
</ha-menu-item>`;
</ha-md-menu-item>`;
const areasInOverflow =
(this._sizeController.value && this._sizeController.value < 900) ||
@@ -635,7 +635,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
></ha-filter-blueprints>
${!this.narrow
? html`<ha-button-menu-new slot="selection-bar">
? html`<ha-md-button-menu slot="selection-bar">
<ha-assist-chip
slot="trigger"
.label=${this.hass.localize(
@@ -648,10 +648,10 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
></ha-svg-icon>
</ha-assist-chip>
${categoryItems}
</ha-button-menu-new>
</ha-md-button-menu>
${labelsInOverflow
? nothing
: html`<ha-button-menu-new slot="selection-bar">
: html`<ha-md-button-menu slot="selection-bar">
<ha-assist-chip
slot="trigger"
.label=${this.hass.localize(
@@ -664,10 +664,10 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
></ha-svg-icon>
</ha-assist-chip>
${labelItems}
</ha-button-menu-new>`}
</ha-md-button-menu>`}
${areasInOverflow
? nothing
: html`<ha-button-menu-new slot="selection-bar">
: html`<ha-md-button-menu slot="selection-bar">
<ha-assist-chip
slot="trigger"
.label=${this.hass.localize(
@@ -680,11 +680,11 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
></ha-svg-icon>
</ha-assist-chip>
${areaItems}
</ha-button-menu-new>`}`
</ha-md-button-menu>`}`
: nothing}
${this.narrow || areasInOverflow
? html`
<ha-button-menu-new has-overflow slot="selection-bar">
<ha-md-button-menu has-overflow slot="selection-bar">
${
this.narrow
? html`<ha-assist-chip
@@ -712,7 +712,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
${
this.narrow
? html`<ha-sub-menu>
<ha-menu-item slot="item">
<ha-md-menu-item slot="item">
<div slot="headline">
${this.hass.localize(
"ui.panel.config.automation.picker.bulk_actions.move_category"
@@ -722,7 +722,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
slot="end"
.path=${mdiChevronRight}
></ha-svg-icon>
</ha-menu-item>
</ha-md-menu-item>
<ha-menu slot="menu">${categoryItems}</ha-menu>
</ha-sub-menu>`
: nothing
@@ -730,7 +730,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
${
this.narrow || labelsInOverflow
? html`<ha-sub-menu>
<ha-menu-item slot="item">
<ha-md-menu-item slot="item">
<div slot="headline">
${this.hass.localize(
"ui.panel.config.automation.picker.bulk_actions.add_label"
@@ -740,7 +740,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
slot="end"
.path=${mdiChevronRight}
></ha-svg-icon>
</ha-menu-item>
</ha-md-menu-item>
<ha-menu slot="menu">${labelItems}</ha-menu>
</ha-sub-menu>`
: nothing
@@ -748,7 +748,7 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
${
this.narrow || areasInOverflow
? html`<ha-sub-menu>
<ha-menu-item slot="item">
<ha-md-menu-item slot="item">
<div slot="headline">
${this.hass.localize(
"ui.panel.config.devices.picker.bulk_actions.move_area"
@@ -758,12 +758,12 @@ class HaScriptPicker extends SubscribeMixin(LitElement) {
slot="end"
.path=${mdiChevronRight}
></ha-svg-icon>
</ha-menu-item>
</ha-md-menu-item>
<ha-menu slot="menu">${areaItems}</ha-menu>
</ha-sub-menu>`
: nothing
}
</ha-button-menu-new>`
</ha-md-button-menu>`
: nothing}
${!this.scripts.length
? html` <div class="empty" slot="empty">
@@ -1295,7 +1295,7 @@ ${rejected
ha-assist-chip {
--ha-assist-chip-container-shape: 10px;
}
ha-button-menu-new ha-assist-chip {
ha-md-button-menu ha-assist-chip {
--md-assist-chip-trailing-space: 8px;
}
ha-label {