@gravitee/ui-components 3.45.6 → 4.0.0-apim-3740-collapse-gv-tree-menu-83f7eb4
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gravitee/ui-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0-apim-3740-collapse-gv-tree-menu-83f7eb4",
|
|
4
4
|
"description": "Gravitee.io UI Components library, based on Web Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"whatwg-fetch": "^3.6.17"
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
|
-
"@asciidoctor/core": "
|
|
75
|
+
"@asciidoctor/core": "3.0.2",
|
|
76
76
|
"@babel/preset-env": "7.20.2",
|
|
77
77
|
"@babel/preset-typescript": "7.21.0",
|
|
78
78
|
"@commitlint/cli": "16.3.0",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"@storybook/theming": "6.4.22",
|
|
87
87
|
"@storybook/web-components": "6.4.22",
|
|
88
88
|
"@types/dompurify": "^3.0.2",
|
|
89
|
-
"asciidoctor": "
|
|
89
|
+
"asciidoctor": "3.0.2",
|
|
90
90
|
"asciidoctor-highlight.js": "0.4.0",
|
|
91
91
|
"babel-jest": "27.5.1",
|
|
92
92
|
"babel-loader": "8.3.0",
|
|
@@ -132,9 +132,9 @@
|
|
|
132
132
|
"zx": "4.3.0"
|
|
133
133
|
},
|
|
134
134
|
"peerDependencies": {
|
|
135
|
-
"@asciidoctor/core": "^
|
|
135
|
+
"@asciidoctor/core": "^3.0.2",
|
|
136
136
|
"@highcharts/map-collection": "^1.0.0 || ^2.0.0",
|
|
137
|
-
"asciidoctor": "^
|
|
137
|
+
"asciidoctor": "^3.0.2",
|
|
138
138
|
"asciidoctor-highlight.js": "^0.3.0 || ^0.4.0",
|
|
139
139
|
"highcharts": "^8.0.0 || ^9.0.0 || ^10.0.0",
|
|
140
140
|
"highlight.js": "^10.7.0 || ^11.1.0"
|
package/src/lib/text-format.js
CHANGED
|
@@ -28,7 +28,7 @@ export function loadAsciiDoctor() {
|
|
|
28
28
|
let _gvAsciidoctor = window._gvAsciidoctor;
|
|
29
29
|
// Load asciidoctor if is not already loaded
|
|
30
30
|
if (_gvAsciidoctor == null) {
|
|
31
|
-
_gvAsciidoctor = (yield import('asciidoctor')).default();
|
|
31
|
+
_gvAsciidoctor = (yield import('@asciidoctor/core')).default();
|
|
32
32
|
window._gvAsciidoctor = _gvAsciidoctor;
|
|
33
33
|
}
|
|
34
34
|
// Load asciidoctor highlight if is not already loaded
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-format.js","sourceRoot":"","sources":["../../../src/lib/text-format.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,UAAgB,eAAe;;QACnC,IAAI,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;QAE3C,4CAA4C;QAC5C,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,GAAG,CAAC,MAAM,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"text-format.js","sourceRoot":"","sources":["../../../src/lib/text-format.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,UAAgB,eAAe;;QACnC,IAAI,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;QAE3C,4CAA4C;QAC5C,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,GAAG,CAAC,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;YAC/D,MAAM,CAAC,cAAc,GAAG,cAAc,CAAC;SACxC;QAED,sDAAsD;QACtD,IAAI,MAAM,CAAC,uBAAuB,IAAI,IAAI,EAAE;YAC1C,MAAM,cAAc,GAAG,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC;YAChE,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,uBAAuB,GAAG,IAAI,CAAC;SACvC;QACD,OAAO,cAAc,CAAC;IACxB,CAAC;CAAA;AAED,MAAM,UAAU,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,KAAK;IACtD,OAAO,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;QAC5C,IAAI,IAAI,EAAE;YACR,IAAI,SAAS,GAAG,EAAE,CAAC;YACnB,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,MAAM,WAAW,GAAG,WAAW;qBAC5B,OAAO,CAAC,IAAI,EAAE;oBACb,UAAU,EAAE;wBACV,SAAS,EAAE,IAAI;wBACf,oBAAoB,EAAE,iBAAiB;qBACxC;iBACF,CAAC;oBACF,gGAAgG;oBAChG,gFAAgF;oBAChF,gGAAgG;qBAC/F,OAAO,CAAC,UAAU,EAAE,SAAS,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC;gBACzD,6CAA6C;gBAC7C,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;aACnC;iBAAM;gBACL,MAAM,IAAI,KAAK,CAAC,iCAAiC,IAAI,OAAO,IAAI,EAAE,CAAC,CAAC;aACrE;YAED,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAC7B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAClC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC;YAChC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACvC,IAAI,KAAK,EAAE;gBACT,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aAChC;YACD,MAAM,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACjD,IAAI,KAAK,GAAG,EAAE,CAAC;YACf,IAAI,YAAY,EAAE;gBAChB,KAAK,GAAG,YAAY,CAAC,WAAW,CAAC;aAClC;YAED,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
*
|
|
10
10
|
* @attr {Array} items - list of items and subitems to be displayed in the menu MenuItem: {name: String, value: any, children: Array<MenuItem>}
|
|
11
11
|
* @attr {Boolean} closed - allows to close the menu
|
|
12
|
+
* @attr {String} closedTooltip - tooltip shown when closed and hovering over icon
|
|
12
13
|
* @attr {Object} selectedItem - the item selected
|
|
13
14
|
*
|
|
14
15
|
* @cssprop {Color} [--gv-tree--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
@@ -26,12 +27,16 @@ export class GvTree extends LitElement {
|
|
|
26
27
|
type: BooleanConstructor;
|
|
27
28
|
reflect: boolean;
|
|
28
29
|
};
|
|
30
|
+
closedTooltip: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
};
|
|
29
33
|
selectedItem: {
|
|
30
34
|
type: ObjectConstructor;
|
|
31
35
|
};
|
|
32
36
|
};
|
|
33
37
|
static get styles(): import("lit").CSSResult[];
|
|
34
38
|
closed: boolean;
|
|
39
|
+
closedTooltip: string;
|
|
35
40
|
_onSelect(menuItem: any, e: any): void;
|
|
36
41
|
selectedItem: any;
|
|
37
42
|
_onClick(menuItem: any, e: any): void;
|
|
@@ -40,6 +45,8 @@ export class GvTree extends LitElement {
|
|
|
40
45
|
_getMenu(menuItems: any): any;
|
|
41
46
|
_getMenuItem(menuItem: any): any;
|
|
42
47
|
_toggleMenu(): void;
|
|
48
|
+
_getClosedTooltip(): string | undefined;
|
|
49
|
+
_getIcon(): import("lit").TemplateResult<1>;
|
|
43
50
|
render(): import("lit").TemplateResult<1>;
|
|
44
51
|
}
|
|
45
52
|
import { LitElement } from "lit-element/lit-element";
|
|
@@ -30,6 +30,7 @@ import { classMap } from 'lit/directives/class-map.js';
|
|
|
30
30
|
*
|
|
31
31
|
* @attr {Array} items - list of items and subitems to be displayed in the menu MenuItem: {name: String, value: any, children: Array<MenuItem>}
|
|
32
32
|
* @attr {Boolean} closed - allows to close the menu
|
|
33
|
+
* @attr {String} closedTooltip - tooltip shown when closed and hovering over icon
|
|
33
34
|
* @attr {Object} selectedItem - the item selected
|
|
34
35
|
*
|
|
35
36
|
* @cssprop {Color} [--gv-tree--bgc=var(--gv-theme-neutral-color-lightest, #ffffff)] - Background color
|
|
@@ -43,6 +44,7 @@ export class GvTree extends LitElement {
|
|
|
43
44
|
return {
|
|
44
45
|
items: { type: Array },
|
|
45
46
|
closed: { type: Boolean, reflect: true },
|
|
47
|
+
closedTooltip: { type: String },
|
|
46
48
|
selectedItem: { type: Object },
|
|
47
49
|
};
|
|
48
50
|
}
|
|
@@ -174,7 +176,8 @@ export class GvTree extends LitElement {
|
|
|
174
176
|
}
|
|
175
177
|
constructor() {
|
|
176
178
|
super();
|
|
177
|
-
this.closed =
|
|
179
|
+
this.closed = true;
|
|
180
|
+
this.closedTooltip = 'Expand';
|
|
178
181
|
}
|
|
179
182
|
_onSelect(menuItem, e) {
|
|
180
183
|
e.stopPropagation();
|
|
@@ -222,18 +225,28 @@ export class GvTree extends LitElement {
|
|
|
222
225
|
this.closed = !this.closed;
|
|
223
226
|
dispatchCustomEvent(this, 'toggle', { closed: this.closed });
|
|
224
227
|
}
|
|
228
|
+
_getClosedTooltip() {
|
|
229
|
+
if (!this.closedTooltip || this.closedTooltip.trim().length === 0) {
|
|
230
|
+
return undefined;
|
|
231
|
+
}
|
|
232
|
+
return this.closedTooltip;
|
|
233
|
+
}
|
|
234
|
+
_getIcon() {
|
|
235
|
+
const innerContent = this.closed
|
|
236
|
+
? html `<gv-popover position="right">
|
|
237
|
+
<gv-icon shape="text:menu" @click=${this._toggleMenu}></gv-icon>
|
|
238
|
+
<div slot="popover">${this._getClosedTooltip()}</div>
|
|
239
|
+
</gv-popover>`
|
|
240
|
+
: html ` <gv-icon shape="navigation:angle-double-left" @click=${this._toggleMenu}></gv-icon>`;
|
|
241
|
+
return html `<div class="switch">${innerContent}</div>`;
|
|
242
|
+
}
|
|
225
243
|
render() {
|
|
226
244
|
const classes = {
|
|
227
245
|
tree: true,
|
|
228
246
|
closed: this.closed,
|
|
229
247
|
};
|
|
230
248
|
return html `
|
|
231
|
-
<div class=${classMap(classes)}>
|
|
232
|
-
<div class="switch">
|
|
233
|
-
<gv-icon shape="${this.closed ? 'text:menu' : 'navigation:angle-double-left'}" @click=${this._toggleMenu}></gv-icon>
|
|
234
|
-
</div>
|
|
235
|
-
${html `<div class="main-tree-menu">${this._getMenu(this.items)}</div>`}
|
|
236
|
-
</div>
|
|
249
|
+
<div class=${classMap(classes)}>${this._getIcon()} ${html `<div class="main-tree-menu">${this._getMenu(this.items)}</div>`}</div>
|
|
237
250
|
`;
|
|
238
251
|
}
|
|
239
252
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gv-tree.js","sourceRoot":"","sources":["../../../../src/molecules/gv-tree/gv-tree.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD
|
|
1
|
+
{"version":3,"file":"gv-tree.js","sourceRoot":"","sources":["../../../../src/molecules/gv-tree/gv-tree.js"],"names":[],"mappings":"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"}
|