@neovici/cosmoz-bottom-bar 7.1.2 → 7.2.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.
Files changed (2) hide show
  1. package/cosmoz-bottom-bar.js +8 -12
  2. package/package.json +27 -3
package/cosmoz-bottom-bar.js CHANGED
@@ -127,18 +127,8 @@ class CosmozBottomBar extends PolymerElement {
127
127
  */
128
128
  computedBarHeight: {
129
129
  type: Number,
130
- computed:
131
- '_computeComputedBarHeight(_matchHeightElement, barHeight, _computedBarHeightKicker)',
132
130
  notify: true,
133
131
  },
134
-
135
- /**
136
- * Kicker to make `computedBarHeight` recalculate
137
- */
138
- _computedBarHeightKicker: {
139
- type: Number,
140
- },
141
-
142
132
  forceOpen: {
143
133
  type: Boolean,
144
134
  value: false,
@@ -211,7 +201,10 @@ class CosmozBottomBar extends PolymerElement {
211
201
  this._debounceLayoutActions(),
212
202
  );
213
203
  this._resizeObserver.observe(this);
214
- this._computedBarHeightKicker = 0;
204
+ this.computedBarHeight = this._computeComputedBarHeight(
205
+ this._matchHeightElement,
206
+ this.barHeight,
207
+ );
215
208
  }
216
209
 
217
210
  disconnectedCallback() {
@@ -371,7 +364,10 @@ class CosmozBottomBar extends PolymerElement {
371
364
  if (hidden) {
372
365
  return;
373
366
  }
374
- this._computedBarHeightKicker += 1;
367
+ this.computedBarHeight = this._computeComputedBarHeight(
368
+ this._matchHeightElement,
369
+ this.barHeight,
370
+ );
375
371
  }
376
372
 
377
373
  _showHideBottomBar(visible) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-bottom-bar",
3
- "version": "7.1.2",
3
+ "version": "7.2.0",
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",
@@ -17,6 +17,10 @@
17
17
  "license": "Apache-2.0",
18
18
  "author": "Neovici Development",
19
19
  "main": "cosmoz-bottom-bar.js",
20
+ "exports": {
21
+ ".": "./cosmoz-bottom-bar.js",
22
+ "./next": "./src/cosmoz-bottom-bar-next.js"
23
+ },
20
24
  "directories": {
21
25
  "test": "test"
22
26
  },
@@ -26,10 +30,14 @@
26
30
  ],
27
31
  "scripts": {
28
32
  "lint": "eslint --cache --ext .js .",
29
- "start": "wds",
33
+ "start": "npm run storybook:start",
30
34
  "test": "wtr --coverage",
31
35
  "test:watch": "wtr --watch",
32
- "prepare": "husky install"
36
+ "prepare": "husky install",
37
+ "storybook:start": "storybook dev -p 8000",
38
+ "storybook:build": "storybook build",
39
+ "storybook:deploy": "storybook-to-ghpages",
40
+ "storybook:preview": "npm run storybook:build && http-server -d ./storybook-static/"
33
41
  },
34
42
  "release": {
35
43
  "plugins": [
@@ -51,7 +59,10 @@
51
59
  ]
52
60
  },
53
61
  "dependencies": {
62
+ "@neovici/cosmoz-collapse": "^1.5.0",
54
63
  "@neovici/cosmoz-dropdown": "^4.0.0",
64
+ "@neovici/cosmoz-utils": "^6.8.1",
65
+ "@pionjs/pion": "^2.5.2",
55
66
  "@polymer/polymer": "^3.3.0",
56
67
  "lit-html": "^2.0.0 || ^3.0.0"
57
68
  },
@@ -66,6 +77,19 @@
66
77
  "@polymer/paper-toggle-button": "^3.0.0",
67
78
  "@semantic-release/changelog": "^6.0.0",
68
79
  "@semantic-release/git": "^10.0.0",
80
+ "@storybook/addon-essentials": "^7.0.0",
81
+ "@storybook/addon-links": "^7.0.0",
82
+ "@storybook/builder-vite": "7.6.17",
83
+ "@storybook/storybook-deployer": "^2.8.5",
84
+ "@storybook/web-components": "7.6.17",
85
+ "@types/mocha": "^10.0.6",
86
+ "@web/storybook-builder": "^0.1.9",
87
+ "@web/storybook-framework-web-components": "^0.1.1",
88
+ "esbuild": "^0.20.2",
89
+ "http-server": "^14.1.1",
90
+ "rollup-plugin-esbuild": "^6.1.1",
91
+ "storybook": "^7.6.17",
92
+ "typescript": "^5.0.0",
69
93
  "@webcomponents/webcomponentsjs": "^2.5.0",
70
94
  "husky": "^8.0.0",
71
95
  "semantic-release": "^23.0.0",