@umbraco-ui/uui-menu-item 1.8.0-rc.0 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +8 -1
- package/lib/uui-menu-item.element.d.ts +1 -0
- package/package.json +5 -5
package/lib/index.js
CHANGED
|
@@ -60,6 +60,10 @@ let UUIMenuItemElement = class extends SelectOnlyMixin(
|
|
|
60
60
|
demandCustomElement(this, "uui-symbol-expand");
|
|
61
61
|
demandCustomElement(this, "uui-loader-bar");
|
|
62
62
|
}
|
|
63
|
+
async focus() {
|
|
64
|
+
await this.updateComplete;
|
|
65
|
+
this.shadowRoot?.querySelector("#label-button")?.focus?.();
|
|
66
|
+
}
|
|
63
67
|
_renderLabelInside() {
|
|
64
68
|
return html` <slot
|
|
65
69
|
name="icon"
|
|
@@ -376,6 +380,7 @@ UUIMenuItemElement.styles = [
|
|
|
376
380
|
color: currentColor;
|
|
377
381
|
min-height: var(--uui-size-12,36px);
|
|
378
382
|
z-index: 1;
|
|
383
|
+
font-weight: inherit;
|
|
379
384
|
}
|
|
380
385
|
|
|
381
386
|
#label-button .label {
|
|
@@ -403,17 +408,19 @@ UUIMenuItemElement.styles = [
|
|
|
403
408
|
left: 0;
|
|
404
409
|
right: 0;
|
|
405
410
|
bottom: 0;
|
|
411
|
+
border-radius: var(--uui-menu-item-border-radius, 0px);
|
|
406
412
|
}
|
|
407
413
|
|
|
408
414
|
#actions-container {
|
|
409
415
|
opacity: 0;
|
|
410
|
-
|
|
416
|
+
width: 0;
|
|
411
417
|
grid-column-start: 3;
|
|
412
418
|
}
|
|
413
419
|
:host(:not([disabled])) #menu-item:hover #actions-container,
|
|
414
420
|
:host(:not([disabled])) #menu-item:focus #actions-container,
|
|
415
421
|
:host(:not([disabled])) #menu-item:focus-within #actions-container {
|
|
416
422
|
opacity: 1;
|
|
423
|
+
width: auto;
|
|
417
424
|
}
|
|
418
425
|
|
|
419
426
|
#loader {
|
|
@@ -73,6 +73,7 @@ export declare class UUIMenuItemElement extends UUIMenuItemElement_base {
|
|
|
73
73
|
selectMode?: 'highlight' | 'persisting';
|
|
74
74
|
private iconSlotHasContent;
|
|
75
75
|
connectedCallback(): void;
|
|
76
|
+
focus(): Promise<void>;
|
|
76
77
|
private _labelButtonChanged;
|
|
77
78
|
private _iconSlotChanged;
|
|
78
79
|
private _onCaretClicked;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui-menu-item",
|
|
3
|
-
"version": "1.8.0
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Umbraco",
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
"custom-elements.json"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@umbraco-ui/uui-base": "1.8.0
|
|
34
|
-
"@umbraco-ui/uui-loader-bar": "1.8.0
|
|
35
|
-
"@umbraco-ui/uui-symbol-expand": "1.8.0
|
|
33
|
+
"@umbraco-ui/uui-base": "1.8.0",
|
|
34
|
+
"@umbraco-ui/uui-loader-bar": "1.8.0",
|
|
35
|
+
"@umbraco-ui/uui-symbol-expand": "1.8.0"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|
|
38
38
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
45
|
"homepage": "https://uui.umbraco.com/?path=/story/uui-menu-item",
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "53021762a52dc54a46f0c5ef829c1cbaabde1160"
|
|
47
47
|
}
|