@neovici/cosmoz-bottom-bar 4.4.0 → 4.5.2
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/cosmoz-bottom-bar.html.js +8 -0
- package/cosmoz-bottom-bar.js +0 -15
- package/package.json +6 -7
|
@@ -13,6 +13,9 @@ export default html`
|
|
|
13
13
|
background-color: inherit;
|
|
14
14
|
transition: max-height 0.3s ease;
|
|
15
15
|
z-index: 10;
|
|
16
|
+
background-color: var(--cosmoz-bottom-bar-bg-color, rgba(230, 230, 230, 0.8));
|
|
17
|
+
box-shadow: var(--cosmoz-bottom-bar-shadow, none);
|
|
18
|
+
|
|
16
19
|
--cosmoz-dropdown-anchor-spacing: 12px 6px;
|
|
17
20
|
--paper-button: {
|
|
18
21
|
background-color: inherit;
|
|
@@ -54,6 +57,11 @@ export default html`
|
|
|
54
57
|
font-weight: 500;
|
|
55
58
|
line-height: 40px;
|
|
56
59
|
}
|
|
60
|
+
|
|
61
|
+
#bottomBarToolbar::slotted(:not(slot)[disabled]) {
|
|
62
|
+
opacity: var(--cosmoz-button-disabled-opacity, 0.15);
|
|
63
|
+
pointer-events: none;
|
|
64
|
+
}
|
|
57
65
|
#bottomBarToolbar::slotted(:not(slot):hover) {
|
|
58
66
|
background: var(--cosmoz-bottom-bar-button-hover-bg-color, var(--cosmoz-button-hover-bg-color, #3A3F44));
|
|
59
67
|
}
|
package/cosmoz-bottom-bar.js
CHANGED
|
@@ -242,16 +242,6 @@ class CosmozBottomBar extends PolymerElement {
|
|
|
242
242
|
);
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
_fireAction(item) {
|
|
246
|
-
item?.dispatchEvent?.(new window.CustomEvent('action', {
|
|
247
|
-
bubbles: true,
|
|
248
|
-
cancelable: true,
|
|
249
|
-
detail: {
|
|
250
|
-
item
|
|
251
|
-
}
|
|
252
|
-
}));
|
|
253
|
-
}
|
|
254
|
-
|
|
255
245
|
_getHeightMatchingElement(matchParent) {
|
|
256
246
|
if (matchParent) {
|
|
257
247
|
return this.parentElement;
|
|
@@ -327,11 +317,6 @@ class CosmozBottomBar extends PolymerElement {
|
|
|
327
317
|
this.updateStyles();
|
|
328
318
|
}
|
|
329
319
|
|
|
330
|
-
_onActionSelected(event, detail) {
|
|
331
|
-
this._fireAction(detail.item);
|
|
332
|
-
event.currentTarget.selected = undefined;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
320
|
_onResize([entry]) {
|
|
336
321
|
const hidden = entry.borderBoxSize?.[0]?.inlineSize === 0 || entry.contentRect?.width === 0;
|
|
337
322
|
if (hidden) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-bottom-bar",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.2",
|
|
4
4
|
"description": "A responsive bottom-bar that can house buttons/actions and a menu for the buttons that won't fit the available width.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"polymer",
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
"lit-html": "^1.4.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@commitlint/cli": "^
|
|
61
|
-
"@commitlint/config-conventional": "^
|
|
62
|
-
"@neovici/
|
|
60
|
+
"@commitlint/cli": "^16.0.0",
|
|
61
|
+
"@commitlint/config-conventional": "^16.0.0",
|
|
62
|
+
"@neovici/cfg": "^1.13.0",
|
|
63
63
|
"@open-wc/testing": "^2.5.0",
|
|
64
64
|
"@polymer/iron-icon": "^3.0.1",
|
|
65
65
|
"@polymer/iron-icons": "^3.0.1",
|
|
@@ -69,10 +69,9 @@
|
|
|
69
69
|
"@semantic-release/git": "^10.0.0",
|
|
70
70
|
"@web/dev-server": "^0.1.0",
|
|
71
71
|
"@web/test-runner": "^0.13.0",
|
|
72
|
-
"@web/test-runner-selenium": "^0.5.0",
|
|
73
72
|
"@webcomponents/webcomponentsjs": "^2.5.0",
|
|
74
73
|
"husky": "^7.0.0",
|
|
75
|
-
"semantic-release": "^
|
|
76
|
-
"sinon": "^
|
|
74
|
+
"semantic-release": "^19.0.0",
|
|
75
|
+
"sinon": "^13.0.0"
|
|
77
76
|
}
|
|
78
77
|
}
|