@neovici/cosmoz-bottom-bar 9.3.0 → 9.5.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/dist/cosmoz-bottom-bar.js +16 -8
- package/package.json +83 -89
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/* eslint-disable max-len */
|
|
2
|
-
import { html } from 'lit-html';
|
|
3
|
-
import { map } from 'lit-html/directives/map.js';
|
|
4
|
-
import { html as polymerHtml } from '@polymer/polymer/polymer-element.js';
|
|
5
|
-
import { component, css, useEffect, useLayoutEffect, useMemo, useState, } from '@pionjs/pion';
|
|
6
2
|
import { toggleSize } from '@neovici/cosmoz-collapse/toggle';
|
|
7
|
-
import { useActivity } from '@neovici/cosmoz-utils/keybindings/use-activity';
|
|
8
3
|
import '@neovici/cosmoz-dropdown';
|
|
4
|
+
import { useActivity } from '@neovici/cosmoz-utils/keybindings/use-activity';
|
|
5
|
+
import { component, css, useEffect, useLayoutEffect, useMemo, useRef, useState, } from '@pionjs/pion';
|
|
6
|
+
import { html as polymerHtml } from '@polymer/polymer/polymer-element.js';
|
|
7
|
+
import { html } from 'lit-html';
|
|
8
|
+
import { map } from 'lit-html/directives/map.js';
|
|
9
9
|
import overflow from './overflow';
|
|
10
10
|
const style = css `
|
|
11
11
|
:host {
|
|
@@ -78,6 +78,7 @@ const style = css `
|
|
|
78
78
|
var(--cosmoz-button-color, #fff)
|
|
79
79
|
);
|
|
80
80
|
border-radius: 6px;
|
|
81
|
+
border-color: transparent;
|
|
81
82
|
padding: 0 18px;
|
|
82
83
|
font-size: 14px;
|
|
83
84
|
font-weight: 500;
|
|
@@ -86,8 +87,8 @@ const style = css `
|
|
|
86
87
|
flex: 0 0 auto;
|
|
87
88
|
}
|
|
88
89
|
#bottomBarToolbar::slotted(
|
|
89
|
-
|
|
90
|
-
|
|
90
|
+
:not(slot):not([unstyled])[data-visibility='hidden']
|
|
91
|
+
) {
|
|
91
92
|
visibility: hidden;
|
|
92
93
|
width: 100%;
|
|
93
94
|
order: 9999;
|
|
@@ -164,6 +165,7 @@ const useMenuButtons = (host) => {
|
|
|
164
165
|
};
|
|
165
166
|
const CosmozBottomBar = (host) => {
|
|
166
167
|
const { active = false } = host;
|
|
168
|
+
const mounted = useRef(false);
|
|
167
169
|
useActivity({
|
|
168
170
|
activity: openMenu,
|
|
169
171
|
callback: () => openActionsMenu(host),
|
|
@@ -173,7 +175,13 @@ const CosmozBottomBar = (host) => {
|
|
|
173
175
|
const { setButtonStates, menuButtons } = useMenuButtons(host);
|
|
174
176
|
const toggle = useMemo(() => toggleSize('height'), []);
|
|
175
177
|
useLayoutEffect(() => {
|
|
176
|
-
|
|
178
|
+
if (!mounted.current) {
|
|
179
|
+
toggle(host, active, { duration: 0 });
|
|
180
|
+
}
|
|
181
|
+
else {
|
|
182
|
+
toggle(host, active);
|
|
183
|
+
}
|
|
184
|
+
mounted.current = true;
|
|
177
185
|
}, [active]);
|
|
178
186
|
return html ` <div id="bar" part="bar">
|
|
179
187
|
<div id="info" part="info"><slot name="info"></slot></div>
|
package/package.json
CHANGED
|
@@ -1,91 +1,85 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
"rollup-plugin-esbuild": "^6.1.1",
|
|
86
|
-
"semantic-release": "^24.0.0",
|
|
87
|
-
"sinon": "^19.0.0",
|
|
88
|
-
"storybook": "^8.6.9",
|
|
89
|
-
"typescript": "^5.0.0"
|
|
90
|
-
}
|
|
2
|
+
"name": "@neovici/cosmoz-bottom-bar",
|
|
3
|
+
"version": "9.5.0",
|
|
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
|
+
"keywords": [
|
|
6
|
+
"polymer",
|
|
7
|
+
"web-components"
|
|
8
|
+
],
|
|
9
|
+
"homepage": "https://github.com/neovici/cosmoz-bottom-bar#readme",
|
|
10
|
+
"bugs": {
|
|
11
|
+
"url": "https://github.com/neovici/cosmoz-bottom-bar/issues"
|
|
12
|
+
},
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "git+https://github.com/neovici/cosmoz-bottom-bar.git"
|
|
16
|
+
},
|
|
17
|
+
"license": "Apache-2.0",
|
|
18
|
+
"author": "Neovici Development",
|
|
19
|
+
"main": "dist/index.js",
|
|
20
|
+
"exports": {
|
|
21
|
+
".": "./dist/index.js"
|
|
22
|
+
},
|
|
23
|
+
"files": [
|
|
24
|
+
"dist/*",
|
|
25
|
+
"types"
|
|
26
|
+
],
|
|
27
|
+
"scripts": {
|
|
28
|
+
"lint": "tsc && eslint --cache .",
|
|
29
|
+
"build": "tsc -p tsconfig.build.json",
|
|
30
|
+
"start": "npm run storybook:start",
|
|
31
|
+
"test": "wtr --coverage",
|
|
32
|
+
"test:watch": "wtr --watch",
|
|
33
|
+
"prepare": "husky",
|
|
34
|
+
"storybook:start": "storybook dev -p 8000",
|
|
35
|
+
"storybook:build": "storybook build",
|
|
36
|
+
"storybook:deploy": "storybook-to-ghpages",
|
|
37
|
+
"storybook:preview": "npm run storybook:build && http-server -d ./storybook-static/"
|
|
38
|
+
},
|
|
39
|
+
"release": {
|
|
40
|
+
"plugins": [
|
|
41
|
+
"@semantic-release/commit-analyzer",
|
|
42
|
+
"@semantic-release/release-notes-generator",
|
|
43
|
+
"@semantic-release/changelog",
|
|
44
|
+
"@semantic-release/github",
|
|
45
|
+
"@semantic-release/npm",
|
|
46
|
+
"@semantic-release/git"
|
|
47
|
+
],
|
|
48
|
+
"branch": "master"
|
|
49
|
+
},
|
|
50
|
+
"publishConfig": {
|
|
51
|
+
"access": "public"
|
|
52
|
+
},
|
|
53
|
+
"dependencies": {
|
|
54
|
+
"@neovici/cosmoz-collapse": "^1.5.0",
|
|
55
|
+
"@neovici/cosmoz-dropdown": "^6.0.0",
|
|
56
|
+
"@neovici/cosmoz-utils": "^6.13.1",
|
|
57
|
+
"@pionjs/pion": "^2.5.2",
|
|
58
|
+
"@polymer/polymer": "^3.3.0",
|
|
59
|
+
"lit-html": "^2.0.0 || ^3.0.0"
|
|
60
|
+
},
|
|
61
|
+
"devDependencies": {
|
|
62
|
+
"@commitlint/cli": "^20.1.0",
|
|
63
|
+
"@commitlint/config-conventional": "^20.0.0",
|
|
64
|
+
"@neovici/cfg": "^2.0.0",
|
|
65
|
+
"@open-wc/testing": "^4.0.0",
|
|
66
|
+
"@polymer/iron-icon": "^3.0.1",
|
|
67
|
+
"@polymer/iron-icons": "^3.0.1",
|
|
68
|
+
"@polymer/paper-button": "^3.0.0",
|
|
69
|
+
"@polymer/paper-toggle-button": "^3.0.0",
|
|
70
|
+
"@semantic-release/changelog": "^6.0.0",
|
|
71
|
+
"@semantic-release/git": "^10.0.0",
|
|
72
|
+
"@storybook/web-components-vite": "^9.1.5",
|
|
73
|
+
"@types/mocha": "^10.0.6",
|
|
74
|
+
"@webcomponents/webcomponentsjs": "^2.5.0",
|
|
75
|
+
"esbuild": "^0.27.0",
|
|
76
|
+
"eslint": "^9.0.0",
|
|
77
|
+
"http-server": "^14.1.1",
|
|
78
|
+
"husky": "^9.1.1",
|
|
79
|
+
"rollup-plugin-esbuild": "^6.1.1",
|
|
80
|
+
"semantic-release": "^25.0.1",
|
|
81
|
+
"sinon": "^21.0.0",
|
|
82
|
+
"storybook": "^9.1.5",
|
|
83
|
+
"typescript": "^5.0.0"
|
|
84
|
+
}
|
|
91
85
|
}
|