diff --git a/package.json b/package.json index 432771aa7c..189cbd5764 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "@fullcalendar/list": "6.1.19", "@fullcalendar/luxon3": "6.1.19", "@fullcalendar/timegrid": "6.1.19", - "@home-assistant/webawesome": "3.0.0-beta.6.ha.1", + "@home-assistant/webawesome": "3.0.0-beta.6.ha.3", "@lezer/highlight": "1.2.1", "@lit-labs/motion": "1.0.9", "@lit-labs/observers": "2.0.6", diff --git a/src/components/ha-target-picker.ts b/src/components/ha-target-picker.ts index ed8026d6b5..3e7f06d080 100644 --- a/src/components/ha-target-picker.ts +++ b/src/components/ha-target-picker.ts @@ -70,7 +70,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { @property({ attribute: "add-on-top", type: Boolean }) public addOnTop = false; - @state() private _addMode = false; + @state() private _open = false; @state() private _addTargetWidth = 0; @@ -78,7 +78,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { @state() private _pickerFilters: TargetTypeFloorless[] = []; - @state() private _pickerOpen = false; + @state() private _bottomSheetOpen = false; @query(".add-target-wrapper") private _addTargetWrapper?: HTMLDivElement; @@ -263,9 +263,10 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { ${this.hass.localize("ui.components.target-picker.add_target")} - ${!this._narrow + ${!this._narrow && this._open ? html` ` - : html` - ${this._renderTargetSelector(true)} - `} + : this._bottomSheetOpen + ? html` + ${this._renderTargetSelector(true)} + ` + : nothing} ${this.helper ? html` { - this._addMode = false; + this._open = false; this._pickerPopover?.hide(); - this._pickerOpen = false; + this._bottomSheetOpen = false; this._narrow = window.matchMedia("(max-width: 870px)").matches || window.matchMedia("(max-height: 500px)").matches; @@ -317,15 +320,15 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { private _showPicker() { this._addTargetWidth = this._addTargetWrapper?.offsetWidth || 0; - this._pickerOpen = true; + this._bottomSheetOpen = true; if (!this._narrow) { - this._addMode = true; + this._open = true; } } // wait for drawer animation to finish private _showSelector = () => { - this._addMode = true; + this._open = true; }; private _handleUpdatePickerFilters(ev: CustomEvent) { @@ -337,8 +340,8 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { }; private _hidePicker() { - this._pickerOpen = false; - this._addMode = false; + this._bottomSheetOpen = false; + this._open = false; if (this._newTarget) { this._addTarget(this._newTarget.id, this._newTarget.type); @@ -347,7 +350,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { } private _renderTargetSelector(dialogMode = false) { - if (!this._addMode) { + if (!this._open) { return nothing; } return html` @@ -400,7 +403,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { ) => { ev.stopPropagation(); - this._pickerOpen = false; + this._bottomSheetOpen = false; this._pickerPopover?.hide(); if (!ev.detail.type || !ev.detail.id) { @@ -412,7 +415,7 @@ export class HaTargetPicker extends SubscribeMixin(LitElement) { }; private _handleCreateDomain = (ev: CustomEvent) => { - this._pickerOpen = false; + this._bottomSheetOpen = false; this._pickerPopover?.hide(); const domain = ev.detail; diff --git a/yarn.lock b/yarn.lock index 24b0e98bcb..f985c9e65d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1942,9 +1942,9 @@ __metadata: languageName: node linkType: hard -"@home-assistant/webawesome@npm:3.0.0-beta.6.ha.1": - version: 3.0.0-beta.6.ha.1 - resolution: "@home-assistant/webawesome@npm:3.0.0-beta.6.ha.1" +"@home-assistant/webawesome@npm:3.0.0-beta.6.ha.3": + version: 3.0.0-beta.6.ha.3 + resolution: "@home-assistant/webawesome@npm:3.0.0-beta.6.ha.3" dependencies: "@ctrl/tinycolor": "npm:4.1.0" "@floating-ui/dom": "npm:^1.6.13" @@ -1955,7 +1955,7 @@ __metadata: lit: "npm:^3.2.1" nanoid: "npm:^5.1.5" qr-creator: "npm:^1.0.0" - checksum: 10/c9510e0c65b682c3868b5cbbf046f62aea30e3c5d969128d9032e0d89a8943faa4c9d78c3500446ec04cffeb0ab1939b870b60d454db657faed2aa0ac6026a3e + checksum: 10/a2dfeb22237428415aaa1748b0e51ffaaefbe21c065c0182fd325a7023a4bdc350858d126005c0cf21a40dbdb1029e59dcab0b0018c1dedb4d11354041db50e3 languageName: node linkType: hard @@ -9207,7 +9207,7 @@ __metadata: "@fullcalendar/list": "npm:6.1.19" "@fullcalendar/luxon3": "npm:6.1.19" "@fullcalendar/timegrid": "npm:6.1.19" - "@home-assistant/webawesome": "npm:3.0.0-beta.6.ha.1" + "@home-assistant/webawesome": "npm:3.0.0-beta.6.ha.3" "@lezer/highlight": "npm:1.2.1" "@lit-labs/motion": "npm:1.0.9" "@lit-labs/observers": "npm:2.0.6"