@getflip/swirl-components 0.6.3 → 0.6.5
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/cjs/flip-console-layout.cjs.entry.js +1 -1
- package/dist/cjs/flip-tree-navigation-item.cjs.entry.js +18 -2
- package/dist/collection/components/flip-console-layout/flip-console-layout.css +11 -0
- package/dist/collection/components/flip-console-layout/flip-console-layout.stories.js +1 -1
- package/dist/collection/components/flip-tree-navigation-item/flip-tree-navigation-item.css +17 -24
- package/dist/collection/components/flip-tree-navigation-item/flip-tree-navigation-item.js +22 -5
- package/dist/components/flip-console-layout.js +1 -1
- package/dist/components/flip-tree-navigation-item.js +18 -2
- package/dist/esm/flip-console-layout.entry.js +1 -1
- package/dist/esm/flip-tree-navigation-item.entry.js +19 -3
- package/dist/swirl-components/{p-e8049b2d.entry.js → p-25c0f270.entry.js} +1 -1
- package/dist/swirl-components/p-f41c04a1.entry.js +1 -0
- package/dist/swirl-components/swirl-components.esm.js +1 -1
- package/dist/types/components/flip-tree-navigation-item/flip-tree-navigation-item.d.ts +3 -0
- package/package.json +1 -1
- package/dist/swirl-components/p-0a86bb3f.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-72831c5f.js');
|
|
6
6
|
|
|
7
|
-
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
7
|
+
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:2.5rem;background-color:var(--s-background-default);flex-direction:column;grid-area:content}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
8
8
|
|
|
9
9
|
const FlipConsoleLayout = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -6,19 +6,35 @@ const index = require('./index-72831c5f.js');
|
|
|
6
6
|
const index$1 = require('./index-b8470262.js');
|
|
7
7
|
require('./_commonjsHelpers-a5111d61.js');
|
|
8
8
|
|
|
9
|
-
const flipTreeNavigationItemCss = ":host{display:inline-
|
|
9
|
+
const flipTreeNavigationItemCss = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline-color:var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}";
|
|
10
10
|
|
|
11
11
|
const FlipTreeNavigationItem = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
|
+
this.onKeyDown = (event) => {
|
|
15
|
+
if (event.code === "Space") {
|
|
16
|
+
event.preventDefault();
|
|
17
|
+
}
|
|
18
|
+
else if (event.code === "Enter") {
|
|
19
|
+
event.preventDefault();
|
|
20
|
+
this.el.click();
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
this.onKeyUp = (event) => {
|
|
24
|
+
if (event.code === "Space") {
|
|
25
|
+
event.preventDefault();
|
|
26
|
+
this.el.click();
|
|
27
|
+
}
|
|
28
|
+
};
|
|
14
29
|
}
|
|
15
30
|
render() {
|
|
16
31
|
const className = index$1.classnames("tree-navigation-item", {
|
|
17
32
|
"tree-navigation-item--active": this.active,
|
|
18
33
|
"tree-navigation-item--has-icon": Boolean(this.icon),
|
|
19
34
|
});
|
|
20
|
-
return (index.h(index.Host,
|
|
35
|
+
return (index.h(index.Host, { class: className, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, role: "button", tabIndex: 0 }, this.icon && (index.h("span", { class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { class: "tree-navigation-item__label" }, this.label)));
|
|
21
36
|
}
|
|
37
|
+
get el() { return index.getElement(this); }
|
|
22
38
|
};
|
|
23
39
|
FlipTreeNavigationItem.style = flipTreeNavigationItemCss;
|
|
24
40
|
|
|
@@ -72,6 +72,7 @@
|
|
|
72
72
|
|
|
73
73
|
.console-layout__app-bar {
|
|
74
74
|
position: sticky;
|
|
75
|
+
z-index: 1;
|
|
75
76
|
top: 0;
|
|
76
77
|
display: flex;
|
|
77
78
|
min-width: 0;
|
|
@@ -101,11 +102,21 @@
|
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
.console-layout__content {
|
|
105
|
+
display: flex;
|
|
104
106
|
padding: 2.5rem;
|
|
105
107
|
background-color: var(--s-background-default);
|
|
108
|
+
flex-direction: column;
|
|
106
109
|
grid-area: content;
|
|
107
110
|
}
|
|
108
111
|
|
|
112
|
+
.console-layout__content-header {
|
|
113
|
+
flex-shrink: 0;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.console-layout__integration {
|
|
117
|
+
flex-grow: 1;
|
|
118
|
+
}
|
|
119
|
+
|
|
109
120
|
.console-layout__logo {
|
|
110
121
|
display: flex;
|
|
111
122
|
min-width: 0;
|
|
@@ -15,7 +15,7 @@ const Template = (args) => {
|
|
|
15
15
|
element.innerHTML = `
|
|
16
16
|
<flip-box padding="24" slot="navigation">Navigation</flip-box>
|
|
17
17
|
<div slot="user">User</div>
|
|
18
|
-
<
|
|
18
|
+
<flip-box center-block center-inline cover slot="content">Content</flip-box>
|
|
19
19
|
`;
|
|
20
20
|
return element;
|
|
21
21
|
};
|
|
@@ -1,59 +1,52 @@
|
|
|
1
1
|
:host {
|
|
2
|
-
display: inline-block;
|
|
3
|
-
width: 100%;
|
|
4
|
-
flex-shrink: 0;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
:host * {
|
|
8
|
-
box-sizing: border-box;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.tree-navigation-item {
|
|
12
2
|
display: inline-flex;
|
|
13
3
|
width: 100%;
|
|
14
4
|
height: 2.5rem;
|
|
15
5
|
padding-right: var(--s-space-16);
|
|
16
6
|
padding-left: calc(var(--s-space-16) + 1.5rem + var(--s-space-8));
|
|
7
|
+
flex-shrink: 0;
|
|
17
8
|
justify-content: flex-start;
|
|
18
9
|
align-items: center;
|
|
19
|
-
border: none;
|
|
20
10
|
color: var(--s-text-default);
|
|
21
11
|
background-color: var(--s-surface-default);
|
|
22
|
-
font: inherit;
|
|
23
12
|
font-size: var(--s-font-size-sm);
|
|
24
13
|
line-height: var(--s-line-height-sm);
|
|
25
14
|
cursor: pointer;
|
|
26
15
|
gap: var(--s-space-8);
|
|
27
16
|
}
|
|
28
17
|
|
|
29
|
-
|
|
18
|
+
:host(:hover) {
|
|
30
19
|
background-color: var(--s-surface-hovered);
|
|
31
20
|
}
|
|
32
21
|
|
|
33
|
-
|
|
22
|
+
:host(:active) {
|
|
34
23
|
background-color: var(--s-surface-pressed);
|
|
35
24
|
}
|
|
36
25
|
|
|
37
|
-
|
|
26
|
+
:host(:focus) {
|
|
38
27
|
outline-color: var(--s-focus-default);
|
|
39
28
|
}
|
|
40
29
|
|
|
41
|
-
.tree-navigation-item--active {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}
|
|
30
|
+
:host(.tree-navigation-item--active) {
|
|
31
|
+
background-color: var(--s-surface-raised-default);
|
|
32
|
+
box-shadow: inset 0.25rem 0 0 0 var(--s-surface-highlight-default);
|
|
33
|
+
}
|
|
45
34
|
|
|
46
|
-
.tree-navigation-item--active:hover {
|
|
35
|
+
:host(.tree-navigation-item--active:hover) {
|
|
47
36
|
background-color: var(--s-surface-raised-hovered);
|
|
48
37
|
}
|
|
49
38
|
|
|
50
|
-
.tree-navigation-item--active:active {
|
|
39
|
+
:host(.tree-navigation-item--active:active) {
|
|
51
40
|
background-color: var(--s-surface-raised-pressed);
|
|
52
41
|
}
|
|
53
42
|
|
|
54
|
-
.tree-navigation-item--has-icon {
|
|
55
|
-
|
|
56
|
-
}
|
|
43
|
+
:host(.tree-navigation-item--has-icon) {
|
|
44
|
+
padding-left: var(--s-space-16);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
:host * {
|
|
48
|
+
box-sizing: border-box;
|
|
49
|
+
}
|
|
57
50
|
|
|
58
51
|
.tree-navigation-item__icon {
|
|
59
52
|
display: inline-flex;
|
|
@@ -1,15 +1,31 @@
|
|
|
1
|
-
import { Component, h, Host, Prop } from "@stencil/core";
|
|
1
|
+
import { Component, Element, h, Host, Prop } from "@stencil/core";
|
|
2
2
|
import classnames from "classnames";
|
|
3
3
|
export class FlipTreeNavigationItem {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.onKeyDown = (event) => {
|
|
6
|
+
if (event.code === "Space") {
|
|
7
|
+
event.preventDefault();
|
|
8
|
+
}
|
|
9
|
+
else if (event.code === "Enter") {
|
|
10
|
+
event.preventDefault();
|
|
11
|
+
this.el.click();
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
this.onKeyUp = (event) => {
|
|
15
|
+
if (event.code === "Space") {
|
|
16
|
+
event.preventDefault();
|
|
17
|
+
this.el.click();
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
}
|
|
4
21
|
render() {
|
|
5
22
|
const className = classnames("tree-navigation-item", {
|
|
6
23
|
"tree-navigation-item--active": this.active,
|
|
7
24
|
"tree-navigation-item--has-icon": Boolean(this.icon),
|
|
8
25
|
});
|
|
9
|
-
return (h(Host,
|
|
10
|
-
h("
|
|
11
|
-
|
|
12
|
-
h("span", { class: "tree-navigation-item__label" }, this.label))));
|
|
26
|
+
return (h(Host, { class: className, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, role: "button", tabIndex: 0 },
|
|
27
|
+
this.icon && (h("span", { class: "tree-navigation-item__icon", innerHTML: this.icon })),
|
|
28
|
+
h("span", { class: "tree-navigation-item__label" }, this.label)));
|
|
13
29
|
}
|
|
14
30
|
static get is() { return "flip-tree-navigation-item"; }
|
|
15
31
|
static get encapsulation() { return "shadow"; }
|
|
@@ -72,4 +88,5 @@ export class FlipTreeNavigationItem {
|
|
|
72
88
|
"reflect": false
|
|
73
89
|
}
|
|
74
90
|
}; }
|
|
91
|
+
static get elementRef() { return "el"; }
|
|
75
92
|
}
|
|
@@ -3,7 +3,7 @@ import { d as defineCustomElement$4 } from './flip-button2.js';
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './flip-heading2.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './flip-text2.js';
|
|
5
5
|
|
|
6
|
-
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
6
|
+
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:2.5rem;background-color:var(--s-background-default);flex-direction:column;grid-area:content}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
7
7
|
|
|
8
8
|
const FlipConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
@@ -1,21 +1,37 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as classnames } from './index2.js';
|
|
3
3
|
|
|
4
|
-
const flipTreeNavigationItemCss = ":host{display:inline-
|
|
4
|
+
const flipTreeNavigationItemCss = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline-color:var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}";
|
|
5
5
|
|
|
6
6
|
const FlipTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super();
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
this.__attachShadow();
|
|
11
|
+
this.onKeyDown = (event) => {
|
|
12
|
+
if (event.code === "Space") {
|
|
13
|
+
event.preventDefault();
|
|
14
|
+
}
|
|
15
|
+
else if (event.code === "Enter") {
|
|
16
|
+
event.preventDefault();
|
|
17
|
+
this.el.click();
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
this.onKeyUp = (event) => {
|
|
21
|
+
if (event.code === "Space") {
|
|
22
|
+
event.preventDefault();
|
|
23
|
+
this.el.click();
|
|
24
|
+
}
|
|
25
|
+
};
|
|
11
26
|
}
|
|
12
27
|
render() {
|
|
13
28
|
const className = classnames("tree-navigation-item", {
|
|
14
29
|
"tree-navigation-item--active": this.active,
|
|
15
30
|
"tree-navigation-item--has-icon": Boolean(this.icon),
|
|
16
31
|
});
|
|
17
|
-
return (h(Host,
|
|
32
|
+
return (h(Host, { class: className, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, role: "button", tabIndex: 0 }, this.icon && (h("span", { class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { class: "tree-navigation-item__label" }, this.label)));
|
|
18
33
|
}
|
|
34
|
+
get el() { return this; }
|
|
19
35
|
static get style() { return flipTreeNavigationItemCss; }
|
|
20
36
|
}, [1, "flip-tree-navigation-item", {
|
|
21
37
|
"active": [4],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-5a3b2828.js';
|
|
2
2
|
|
|
3
|
-
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
3
|
+
const flipConsoleLayoutCss = ":host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:\"sidebar main\"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:\"header\"\n \"navigation\"\n \"user\";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:\"app-bar\"\n \"content\"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:2.5rem;background-color:var(--s-background-default);flex-direction:column;grid-area:content}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}";
|
|
4
4
|
|
|
5
5
|
const FlipConsoleLayout = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,20 +1,36 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-5a3b2828.js';
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-5a3b2828.js';
|
|
2
2
|
import { c as classnames } from './index-6d2e18c6.js';
|
|
3
3
|
import './_commonjsHelpers-44457d8d.js';
|
|
4
4
|
|
|
5
|
-
const flipTreeNavigationItemCss = ":host{display:inline-
|
|
5
|
+
const flipTreeNavigationItemCss = ":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline-color:var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}";
|
|
6
6
|
|
|
7
7
|
const FlipTreeNavigationItem = class {
|
|
8
8
|
constructor(hostRef) {
|
|
9
9
|
registerInstance(this, hostRef);
|
|
10
|
+
this.onKeyDown = (event) => {
|
|
11
|
+
if (event.code === "Space") {
|
|
12
|
+
event.preventDefault();
|
|
13
|
+
}
|
|
14
|
+
else if (event.code === "Enter") {
|
|
15
|
+
event.preventDefault();
|
|
16
|
+
this.el.click();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
this.onKeyUp = (event) => {
|
|
20
|
+
if (event.code === "Space") {
|
|
21
|
+
event.preventDefault();
|
|
22
|
+
this.el.click();
|
|
23
|
+
}
|
|
24
|
+
};
|
|
10
25
|
}
|
|
11
26
|
render() {
|
|
12
27
|
const className = classnames("tree-navigation-item", {
|
|
13
28
|
"tree-navigation-item--active": this.active,
|
|
14
29
|
"tree-navigation-item--has-icon": Boolean(this.icon),
|
|
15
30
|
});
|
|
16
|
-
return (h(Host,
|
|
31
|
+
return (h(Host, { class: className, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, role: "button", tabIndex: 0 }, this.icon && (h("span", { class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { class: "tree-navigation-item__label" }, this.label)));
|
|
17
32
|
}
|
|
33
|
+
get el() { return getElement(this); }
|
|
18
34
|
};
|
|
19
35
|
FlipTreeNavigationItem.style = flipTreeNavigationItemCss;
|
|
20
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,c as o,h as e,H as l}from"./p-9fe00e8a.js";const t=class{constructor(e){a(this,e),this.backButtonClick=o(this,"backButtonClick",7),this.helpButtonClick=o(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.logoText="Admin",this.navigationLabel="Main",this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onHelpButtonClick=a=>{this.helpButtonClick.emit(a)}}render(){return e(l,null,e("div",{class:"console-layout"},e("div",{class:"console-layout__sidebar"},e("header",{class:"console-layout__header"},e("div",{class:"console-layout__logo"},e("svg",{class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 16 26",width:"16",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z",fill:"#145AF5"}),e("path",{d:"M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z",fill:"#145AF5"}),e("path",{d:"M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z",fill:"#80A8F4"}),e("path",{d:"M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z",fill:"#80A8F4"})),e("flip-text",{class:"console-layout__logo-text",weight:"medium"},this.logoText))),e("nav",{"aria-label":this.navigationLabel,class:"console-layout__navigation"},e("slot",{name:"navigation"})),e("div",{class:"console-layout__user"},e("slot",{name:"user"}))),e("main",{"aria-labelledby":"app-name",class:"console-layout__main"},e("header",{class:"console-layout__app-bar"},e("flip-heading",{as:"h1",class:"console-layout__app-name",headingId:"app-name",level:4,text:this.appName}),this.showHelpButton&&e("flip-button",{class:"console-layout__help-button",hideLabel:!0,icon:"<flip-icon-help></flip-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick,variant:"flat"})),e("section",{"aria-labelledby":"heading",class:"console-layout__content"},e("header",{class:"console-layout__content-header"},this.showBackButton&&e("flip-button",{class:"console-layout__back-button",hideLabel:!0,icon:"<flip-icon-arrow-back></flip-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),e("div",null,e("flip-heading",{as:"h2",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&e("flip-text",{class:"console-layout__subheading",color:"subdued"},this.subheading))),e("div",{class:"console-layout__integration"},e("slot",{name:"content"}))))))}};t.style=':host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"\n "navigation"\n "user";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"\n "content"}.console-layout__app-bar{position:sticky;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{padding:2.5rem;background-color:var(--s-background-default);grid-area:content}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}';export{t as flip_console_layout}
|
|
1
|
+
import{r as a,c as o,h as e,H as l}from"./p-9fe00e8a.js";const t=class{constructor(e){a(this,e),this.backButtonClick=o(this,"backButtonClick",7),this.helpButtonClick=o(this,"helpButtonClick",7),this.backButonLabel="Back",this.helpButonLabel="Help",this.logoText="Admin",this.navigationLabel="Main",this.onBackButtonClick=a=>{this.backButtonClick.emit(a)},this.onHelpButtonClick=a=>{this.helpButtonClick.emit(a)}}render(){return e(l,null,e("div",{class:"console-layout"},e("div",{class:"console-layout__sidebar"},e("header",{class:"console-layout__header"},e("div",{class:"console-layout__logo"},e("svg",{class:"console-layout__logo-mark",fill:"none",height:"26",viewBox:"0 0 16 26",width:"16",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z",fill:"#145AF5"}),e("path",{d:"M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z",fill:"#145AF5"}),e("path",{d:"M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z",fill:"#80A8F4"}),e("path",{d:"M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z",fill:"#80A8F4"})),e("flip-text",{class:"console-layout__logo-text",weight:"medium"},this.logoText))),e("nav",{"aria-label":this.navigationLabel,class:"console-layout__navigation"},e("slot",{name:"navigation"})),e("div",{class:"console-layout__user"},e("slot",{name:"user"}))),e("main",{"aria-labelledby":"app-name",class:"console-layout__main"},e("header",{class:"console-layout__app-bar"},e("flip-heading",{as:"h1",class:"console-layout__app-name",headingId:"app-name",level:4,text:this.appName}),this.showHelpButton&&e("flip-button",{class:"console-layout__help-button",hideLabel:!0,icon:"<flip-icon-help></flip-icon-help>",label:this.helpButonLabel,onClick:this.onHelpButtonClick,variant:"flat"})),e("section",{"aria-labelledby":"heading",class:"console-layout__content"},e("header",{class:"console-layout__content-header"},this.showBackButton&&e("flip-button",{class:"console-layout__back-button",hideLabel:!0,icon:"<flip-icon-arrow-back></flip-icon-arrow-back>",label:this.backButonLabel,onClick:this.onBackButtonClick}),e("div",null,e("flip-heading",{as:"h2",class:"console-layout__heading",headingId:"heading",level:1,text:this.heading}),this.subheading&&e("flip-text",{class:"console-layout__subheading",color:"subdued"},this.subheading))),e("div",{class:"console-layout__integration"},e("slot",{name:"content"}))))))}};t.style=':host{display:block;width:100%;height:100vh}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:20rem 1fr;grid-template-areas:"sidebar main"}.console-layout__sidebar{display:grid;overflow-x:hidden;overflow-y:auto;height:100%;border-right:var(--s-border-width-default) solid var(--s-border-default);grid-template-rows:auto 1fr auto;grid-template-areas:"header"\n "navigation"\n "user";grid-area:sidebar}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;margin-top:var(--s-border-width-default);padding:var(--s-space-16) var(--s-space-24) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user}.console-layout__main{display:grid;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:4rem 1fr;grid-template-areas:"app-bar"\n "content"}.console-layout__app-bar{position:sticky;z-index:1;top:0;display:flex;min-width:0;padding-right:2.5rem;padding-left:2.5rem;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{display:flex;padding:2.5rem;background-color:var(--s-background-default);flex-direction:column;grid-area:content}.console-layout__content-header{flex-shrink:0}.console-layout__integration{flex-grow:1}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:2.5rem;gap:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__subheading{margin-top:var(--s-space-8)}';export{t as flip_console_layout}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as a,g as i}from"./p-9fe00e8a.js";import{c as s}from"./p-efffd297.js";import"./p-86bd3473.js";const r=class{constructor(t){e(this,t),this.onKeyDown=e=>{"Space"===e.code?e.preventDefault():"Enter"===e.code&&(e.preventDefault(),this.el.click())},this.onKeyUp=e=>{"Space"===e.code&&(e.preventDefault(),this.el.click())}}render(){const e=s("tree-navigation-item",{"tree-navigation-item--active":this.active,"tree-navigation-item--has-icon":Boolean(this.icon)});return t(a,{class:e,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,role:"button",tabIndex:0},this.icon&&t("span",{class:"tree-navigation-item__icon",innerHTML:this.icon}),t("span",{class:"tree-navigation-item__label"},this.label))}get el(){return i(this)}};r.style=":host{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));flex-shrink:0;justify-content:flex-start;align-items:center;color:var(--s-text-default);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}:host(:hover){background-color:var(--s-surface-hovered)}:host(:active){background-color:var(--s-surface-pressed)}:host(:focus){outline-color:var(--s-focus-default)}:host(.tree-navigation-item--active){background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}:host(.tree-navigation-item--active:hover){background-color:var(--s-surface-raised-hovered)}:host(.tree-navigation-item--active:active){background-color:var(--s-surface-raised-pressed)}:host(.tree-navigation-item--has-icon){padding-left:var(--s-space-16)}:host *{box-sizing:border-box}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}";export{r as flip_tree_navigation_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-1a41a293",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-215365c6",[[6,"flip-select",{"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-e8049b2d",[[1,"flip-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1]}]]],["p-8f9ff36b",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-4743c7ae",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-96c0db13",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-6b6ccfd4",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-57de1eef",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-b71da729",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-1e74139c",[[1,"flip-icon-help",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-2b35b65a",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-0a86bb3f",[[1,"flip-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-6b7077e3",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5b14d410",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-4d82b925",[[1,"flip-popover",{"animation":[1],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-a1d09ebe",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1bf07805",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-3574a311",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[1,"flip-icon-check-small",{"size":[2]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}]]],["p-b2079530",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"truncate":[4],"weight":[1]}],[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-29633de8",[[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}],[1,"flip-icon-expand-less",{"size":[2]}]]],["p-53c9a488",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-de892e4e",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as i}from"./p-9fe00e8a.js";(()=>{const i=import.meta.url,l={};return""!==i&&(l.resourcesUrl=new URL(".",i).href),e(l)})().then((e=>i(JSON.parse('[["p-025eef8f",[[1,"file-manager",{"selectedDirectory":[32],"selectedFile":[32]}]]],["p-1a41a293",[[1,"flip-pdf-reader",{"autoZoomLabel":[1,"auto-zoom-label"],"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"file":[1],"label":[1],"printButtonLabel":[1,"print-button-label"],"zoomInButtonLabel":[1,"zoom-in-button-label"],"zoomOutButtonLabel":[1,"zoom-out-button-label"],"zoomSelectLabel":[1,"zoom-select-label"],"active":[32],"closing":[32],"downloading":[32],"zoom":[32],"zoomSteps":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-6b43c3be",[[2,"flip-autocomplete",{"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"generateSuggestions":[1040],"invalid":[4],"maxLength":[2,"max-length"],"menuLabel":[1,"menu-label"],"mode":[1],"required":[4],"spellCheck":[4,"spell-check"],"value":[1537],"active":[32],"loading":[32],"position":[32],"suggestions":[32]},[[8,"click","onWindowClick"]]]]],["p-732d9198",[[1,"flip-resource-list-file-item",{"description":[1],"errorMessage":[1,"error-message"],"icon":[1],"label":[1],"loading":[4],"removable":[4],"removeButtonLabel":[1,"remove-button-label"]}]]],["p-5bc6cc3e",[[1,"flip-lightbox",{"closeButtonLabel":[1,"close-button-label"],"downloadButtonLabel":[1,"download-button-label"],"label":[1],"nextSlideButtonLabel":[1,"next-slide-button-label"],"previousSlideButtonLabel":[1,"previous-slide-button-label"],"activeSlideIndex":[32],"closing":[32],"slides":[32],"open":[64],"close":[64],"activateSlide":[64]}]]],["p-08f3a8ab",[[1,"flip-modal",{"closeButtonLabel":[1,"close-button-label"],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"scrollable":[32],"scrolled":[32],"scrolledDown":[32],"open":[64],"close":[64]},[[9,"resize","onWindowResize"]]]]],["p-215365c6",[[6,"flip-select",{"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"invalid":[4],"label":[1],"multiSelect":[4,"multi-select"],"required":[4],"value":[1040],"options":[32],"open":[32]},[[8,"focusin","onWindowFocusIn"]]]]],["p-25c0f270",[[1,"flip-console-layout",{"appName":[1,"app-name"],"backButonLabel":[1,"back-buton-label"],"heading":[1],"helpButonLabel":[1,"help-buton-label"],"logoText":[1,"logo-text"],"navigationLabel":[1,"navigation-label"],"showBackButton":[4,"show-back-button"],"showHelpButton":[4,"show-help-button"],"subheading":[1]}]]],["p-8f9ff36b",[[2,"flip-date-input",{"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"datePickerLabel":[1,"date-picker-label"],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"format":[1],"invalid":[4],"locale":[16],"placeholder":[1],"required":[4],"value":[1537]}]]],["p-d00bb096",[[1,"flip-dialog",{"hideLabel":[4,"hide-label"],"intent":[1],"label":[1],"primaryActionLabel":[1,"primary-action-label"],"secondaryActionLabel":[1,"secondary-action-label"],"closing":[32],"open":[64],"close":[64]}]]],["p-034d8fce",[[1,"flip-pagination",{"accessibleNextButtonLabel":[1,"accessible-next-button-label"],"accessiblePrevButtonLabel":[1,"accessible-prev-button-label"],"nextButtonLabel":[1,"next-button-label"],"pageLabel":[1,"page-label"],"prevButtonLabel":[1,"prev-button-label"],"label":[1],"page":[2],"pages":[2],"pageSelectLabel":[1,"page-select-label"],"variant":[1]}]]],["p-4743c7ae",[[1,"flip-toast-provider",{"globalDuration":[2,"global-duration"],"toasts":[32],"clearAll":[64],"dismiss":[64],"toast":[64]}]]],["p-96c0db13",[[2,"flip-checkbox",{"checked":[1032],"description":[1],"disabled":[4],"flipAriaDescribedby":[1,"flip-aria-describedby"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-fd9592ce",[[2,"flip-file-uploader",{"accept":[1],"ctaLabel":[1,"cta-label"],"description":[1],"disabled":[4],"dragDropLabel":[1,"drag-drop-label"],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"multiple":[4],"showDropzone":[4,"show-dropzone"],"uploadButtonLabel":[1,"upload-button-label"],"reset":[64]}]]],["p-6b6ccfd4",[[6,"flip-form-control",{"description":[1],"disabled":[4],"errorMessage":[1,"error-message"],"invalid":[4],"label":[1],"hasFocus":[32],"inputValue":[32]},[[8,"click","onWindowClick"]]]]],["p-831f283c",[[2,"flip-search",{"autoFocus":[4,"auto-focus"],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"inputName":[1,"input-name"],"inputId":[1,"input-id"],"label":[1],"placeholder":[1],"value":[1025]},[[8,"keydown","onKeyDown"]]]]],["p-57de1eef",[[1,"flip-avatar",{"badge":[1],"badgePosition":[1,"badge-position"],"color":[1],"icon":[1],"initials":[1],"interactive":[4],"label":[1],"showLabel":[4,"show-label"],"size":[1],"src":[1],"variant":[1],"imageAvailable":[32]}]]],["p-2e09604f",[[1,"flip-banner",{"actionLabel":[1,"action-label"],"content":[1],"dismissable":[4],"dismissLabel":[1,"dismiss-label"],"importance":[1],"intent":[1],"showIcon":[4,"show-icon"]}]]],["p-b71da729",[[2,"flip-radio",{"checked":[1032],"description":[1],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"invalid":[4],"label":[1],"value":[1]}]]],["p-f7f4d8c0",[[2,"flip-switch",{"checked":[1028],"disabled":[4],"inputId":[1,"input-id"],"inputName":[1,"input-name"],"label":[1],"size":[1],"value":[1]},[[9,"pointerup","onWindowPointerUp"]]]]],["p-bd724c5d",[[1,"flip-tag",{"intent":[1],"label":[1],"removable":[4],"removalButtonLabel":[1,"removal-button-label"]}]]],["p-bc77430b",[[1,"flip-video-thumbnail",{"durationLabel":[1,"duration-label"],"duration":[1],"label":[1],"src":[1]}]]],["p-ce6f898e",[[1,"flip-action-list"]]],["p-8d0be4e1",[[1,"flip-action-list-item",{"disabled":[4],"description":[1],"icon":[1],"intent":[1],"label":[1],"size":[1],"suffix":[1]}]]],["p-4a0e1a9b",[[1,"flip-action-list-section",{"label":[1]}]]],["p-4b8420aa",[[1,"flip-avatar-group",{"badge":[1]}]]],["p-a74e7ffc",[[1,"flip-badge",{"icon":[1],"intent":[1],"label":[1],"size":[1],"variant":[1]}]]],["p-d8a18ef0",[[1,"flip-chip",{"avatar":[1],"icon":[1],"intent":[1],"interactive":[4],"label":[1]}]]],["p-4efeac03",[[1,"flip-description-list"]]],["p-631f7b44",[[1,"flip-description-list-item",{"term":[1]}]]],["p-8fec99c3",[[6,"flip-form-group",{"orientation":[1]}]]],["p-ea24f76c",[[1,"flip-icon-add-photo",{"size":[2]}]]],["p-1d32e589",[[1,"flip-icon-admin-panel-settings",{"size":[2]}]]],["p-ee6518ef",[[1,"flip-icon-arrow-back",{"size":[2]}]]],["p-250ff48d",[[1,"flip-icon-arrow-forward",{"size":[2]}]]],["p-c2e52120",[[1,"flip-icon-arrow-right-small",{"size":[2]}]]],["p-d995e868",[[1,"flip-icon-attachment",{"size":[2]}]]],["p-d77ad92a",[[1,"flip-icon-chat-bubble",{"size":[2]}]]],["p-902c3556",[[1,"flip-icon-check",{"size":[2]}]]],["p-2da9d315",[[1,"flip-icon-check-circle",{"size":[2]}]]],["p-5f95972f",[[1,"flip-icon-chevron-left",{"size":[2]}]]],["p-a8971044",[[1,"flip-icon-chevron-right",{"size":[2]}]]],["p-507a3b94",[[1,"flip-icon-close-small",{"size":[2]}]]],["p-ebad091c",[[1,"flip-icon-comment",{"size":[2]}]]],["p-1e428993",[[1,"flip-icon-copy",{"size":[2]}]]],["p-4cb721ff",[[1,"flip-icon-date-range",{"size":[2]}]]],["p-452c6599",[[1,"flip-icon-delete",{"size":[2]}]]],["p-6131750a",[[1,"flip-icon-description",{"size":[2]}]]],["p-e8350582",[[1,"flip-icon-edit",{"size":[2]}]]],["p-eab9da55",[[1,"flip-icon-emoji-mood",{"size":[2]}]]],["p-9ada969e",[[1,"flip-icon-emoji-satisfied",{"size":[2]}]]],["p-62ac92c4",[[1,"flip-icon-file",{"size":[2]}]]],["p-7c4503c5",[[1,"flip-icon-folder-shared",{"size":[2]}]]],["p-e2e566aa",[[1,"flip-icon-group-assign",{"size":[2]}]]],["p-8933ba02",[[1,"flip-icon-groups",{"size":[2]}]]],["p-cc2d1220",[[1,"flip-icon-groups-custom",{"size":[2]}]]],["p-1e74139c",[[1,"flip-icon-help",{"size":[2]}]]],["p-de7facf8",[[1,"flip-icon-image",{"size":[2]}]]],["p-86dbaf1a",[[1,"flip-icon-info",{"size":[2]}]]],["p-eb9e789f",[[1,"flip-icon-inventory",{"size":[2]}]]],["p-b984416b",[[1,"flip-icon-like",{"size":[2]}]]],["p-2a716203",[[1,"flip-icon-link",{"size":[2]}]]],["p-fcf3c03b",[[1,"flip-icon-lock",{"size":[2]}]]],["p-f65aa65c",[[1,"flip-icon-logout",{"size":[2]}]]],["p-29d6ddd5",[[1,"flip-icon-mail",{"size":[2]}]]],["p-28cb3086",[[1,"flip-icon-manage-accounts",{"size":[2]}]]],["p-12951126",[[1,"flip-icon-mention",{"size":[2]}]]],["p-36362426",[[1,"flip-icon-message",{"size":[2]}]]],["p-83f16a5e",[[1,"flip-icon-more-horizontal",{"size":[2]}]]],["p-280b3cc8",[[1,"flip-icon-more-vertikal",{"size":[2]}]]],["p-dbb08ab0",[[1,"flip-icon-notifications",{"size":[2]}]]],["p-9685ad51",[[1,"flip-icon-notifications-active",{"size":[2]}]]],["p-7a4171cb",[[1,"flip-icon-notifications-off",{"size":[2]}]]],["p-897713f2",[[1,"flip-icon-open-in-new",{"size":[2]}]]],["p-f989263a",[[1,"flip-icon-people-alt",{"size":[2]}]]],["p-27e1f33b",[[1,"flip-icon-person-off",{"size":[2]}]]],["p-f0aaded5",[[1,"flip-icon-phone",{"size":[2]}]]],["p-aea30015",[[1,"flip-icon-poll",{"size":[2]}]]],["p-c46e5bc9",[[1,"flip-icon-print",{"size":[2]}]]],["p-b89e8fac",[[1,"flip-icon-recieved",{"size":[2]}]]],["p-ad671f6b",[[1,"flip-icon-search-strong",{"size":[2]}]]],["p-79c2c1f7",[[1,"flip-icon-send",{"size":[2]}]]],["p-cb3b830c",[[1,"flip-icon-settings",{"size":[2]}]]],["p-0e382683",[[1,"flip-icon-time-filled",{"size":[2]}]]],["p-73b19c89",[[1,"flip-icon-time-outlined",{"size":[2]}]]],["p-df221966",[[1,"flip-icon-user-assign",{"size":[2]}]]],["p-99c36b3a",[[1,"flip-icon-video-camera",{"size":[2]}]]],["p-af271690",[[1,"flip-icon-warning",{"size":[2]}]]],["p-5a113067",[[1,"flip-link",{"href":[1],"label":[1],"target":[1]}]]],["p-6a7d9caa",[[4,"flip-list"]]],["p-1300cc2d",[[1,"flip-option-list-section",{"label":[1]}]]],["p-d5c812c1",[[1,"flip-progress-indicator",{"label":[1],"size":[1],"value":[2],"variant":[1]}]]],["p-3b3c9c2e",[[6,"flip-radio-group",{"flipAriaDescribedby":[1,"flip-aria-describedby"],"value":[1537]}]]],["p-56c64774",[[1,"flip-tab",{"active":[4],"label":[1],"tabId":[1,"tab-id"]}]]],["p-1789ca90",[[6,"flip-tabs",{"initialTab":[1,"initial-tab"],"label":[1],"activeTab":[32],"activateTab":[64]}]]],["p-d5ed5f60",[[6,"flip-theme-provider",{"config":[16],"getActiveTheme":[64],"getPreferredTheme":[64],"setPreferredTheme":[64],"resetPreferredTheme":[64]}]]],["p-39a3bdf7",[[1,"flip-thumbnail",{"alt":[1],"format":[1],"size":[1],"src":[1]}]]],["p-2b35b65a",[[1,"flip-tooltip",{"content":[1],"delay":[2],"position":[1],"actualPosition":[32],"visible":[32]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]]]]],["p-f41c04a1",[[1,"flip-tree-navigation-item",{"active":[4],"icon":[1],"label":[1]}]]],["p-6b7077e3",[[2,"flip-text-input",{"autoComplete":[1,"auto-complete"],"autoFocus":[4,"auto-focus"],"autoSelect":[4,"auto-select"],"clearable":[4],"clearButtonLabel":[1,"clear-button-label"],"disabled":[4],"disableDynamicWidth":[4,"disable-dynamic-width"],"flipAriaAutocomplete":[1,"flip-aria-autocomplete"],"flipAriaControls":[1,"flip-aria-controls"],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaExpanded":[1,"flip-aria-expanded"],"flipRole":[1,"flip-role"],"invalid":[4],"maxLength":[2,"max-length"],"max":[2],"min":[2],"mode":[1],"prefixLabel":[1,"prefix-label"],"required":[4],"rows":[2],"showCharacterCounter":[4,"show-character-counter"],"spellCheck":[4,"spell-check"],"suffixLabel":[1,"suffix-label"],"step":[2],"passwordToggleLabel":[1,"password-toggle-label"],"type":[1],"value":[1537],"showPassword":[32]}]]],["p-922d882f",[[1,"flip-toast",{"accessibleDismissLabel":[1,"accessible-dismiss-label"],"content":[1],"dismissLabel":[1,"dismiss-label"],"duration":[2],"icon":[1],"intent":[1],"toastId":[1,"toast-id"]}]]],["p-af02457c",[[1,"flip-icon-cloud-upload",{"size":[2]}]]],["p-47a1cad2",[[1,"flip-icon-person",{"size":[2]}]]],["p-e8d80905",[[1,"flip-icon-search",{"size":[2]}]]],["p-5d7619bb",[[1,"flip-button-group",{"orientation":[1],"segmented":[4],"stretch":[4],"wrap":[4]}]]],["p-5b14d410",[[1,"flip-date-picker",{"locale":[16],"maxDate":[16],"minDate":[16],"range":[4],"startDate":[16],"value":[1040]}],[1,"flip-icon-today",{"size":[2]}]]],["p-109c8448",[[1,"flip-icon-arrow-left",{"size":[2]}],[1,"flip-icon-arrow-right",{"size":[2]}],[1,"flip-icon-download",{"size":[2]}]]],["p-4d82b925",[[1,"flip-popover",{"animation":[1],"enableFlip":[4,"enable-flip"],"label":[1],"offset":[2],"placement":[1],"popoverId":[1,"popover-id"],"trigger":[1],"useContainerWidth":[8,"use-container-width"],"active":[32],"closing":[32],"position":[32],"close":[64],"open":[64]},[[8,"focusin","onWindowFocusIn"],[8,"click","onWindowClick"]]]]],["p-e8e6243b",[[1,"flip-icon-add",{"size":[2]}],[1,"flip-icon-fullscreen",{"size":[2]}],[1,"flip-icon-fullscreen-exit",{"size":[2]}],[1,"flip-icon-remove",{"size":[2]}]]],["p-a31ea0e5",[[1,"flip-icon-check-strong",{"size":[2]}]]],["p-a1d09ebe",[[1,"flip-stack",{"align":[1],"as":[1],"justify":[1],"orientation":[1],"spacing":[1],"wrap":[4]}]]],["p-1bf07805",[[1,"flip-app-layout",{"appBarMedia":[1,"app-bar-media"],"appName":[1,"app-name"],"backToNavigationViewButtonLabel":[1,"back-to-navigation-view-button-label"],"ctaIcon":[1,"cta-icon"],"ctaLabel":[1,"cta-label"],"heading":[1],"navigationBackButtonLabel":[1,"navigation-back-button-label"],"navigationLabel":[1,"navigation-label"],"showNavigationBackButton":[4,"show-navigation-back-button"],"sidebarCloseButtonLabel":[1,"sidebar-close-button-label"],"sidebarHeading":[1,"sidebar-heading"],"subheading":[1],"transitionStyle":[1,"transition-style"],"hasNavigation":[32],"hasSidebar":[32],"mobileView":[32],"sidebarActive":[32],"sidebarClosing":[32],"transitioningFrom":[32],"transitioningTo":[32],"showSidebar":[64],"hideSidebar":[64],"toggleSidebar":[64],"changeMobileView":[64]}],[1,"flip-empty-state",{"heading":[1],"illustration":[1]}],[1,"flip-resource-list-item",{"checked":[1028],"description":[1],"disabled":[4],"hideDivider":[4,"hide-divider"],"href":[1],"label":[1],"media":[1],"menuTriggerId":[1,"menu-trigger-id"],"menuTriggerLabel":[1,"menu-trigger-label"],"meta":[1],"selectable":[4],"value":[1]}],[1,"flip-resource-list",{"label":[1]}],[1,"flip-box",{"as":[1],"bordered":[4],"centerBlock":[4,"center-block"],"centerInline":[4,"center-inline"],"cover":[4],"padding":[1]}]]],["p-be01e1cd",[[1,"flip-icon-close",{"size":[2]}]]],["p-538575fb",[[1,"flip-icon-expand-more",{"size":[2]}]]],["p-3574a311",[[1,"flip-option-list-item",{"context":[1025],"disabled":[4],"icon":[1],"label":[1],"selected":[1028],"value":[1]}],[1,"flip-icon-check-small",{"size":[2]}],[6,"flip-option-list",{"disabled":[4],"label":[1],"optionListId":[1,"option-list-id"],"multiSelect":[4,"multi-select"],"value":[1040]}]]],["p-b2079530",[[1,"flip-text",{"align":[1],"as":[1],"color":[1],"fontStyle":[1,"font-style"],"size":[1],"truncate":[4],"weight":[1]}],[2,"flip-heading",{"align":[1],"as":[1],"headingId":[1,"heading-id"],"level":[2],"text":[1]}]]],["p-29633de8",[[1,"flip-icon-visibility",{"size":[2]}],[1,"flip-icon-visibility-off",{"size":[2]}],[1,"flip-icon-cancel",{"size":[2]}],[1,"flip-icon-expand-less",{"size":[2]}]]],["p-53c9a488",[[2,"flip-button",{"disabled":[4],"download":[1],"flipAriaDescribedby":[1,"flip-aria-describedby"],"flipAriaLabel":[1,"flip-aria-label"],"form":[1],"hideLabel":[4,"hide-label"],"href":[1],"icon":[1],"iconPosition":[1,"icon-position"],"intent":[1],"label":[1],"name":[1],"size":[1],"target":[1],"type":[1],"value":[1],"variant":[1]}]]],["p-f2d451a7",[[1,"flip-visually-hidden"]]],["p-ec8199f2",[[1,"flip-inline-error",{"message":[1],"size":[1]}],[1,"flip-spinner",{"label":[1],"size":[1]}],[1,"flip-icon-error",{"size":[2]}]]],["p-de892e4e",[[1,"flip-file-viewer",{"active":[4],"autoplay":[4],"description":[1],"errorMessage":[1,"error-message"],"file":[1],"type":[1],"typeUnsupportedMessage":[1,"type-unsupported-message"],"zoom":[8],"download":[64],"print":[64]}],[1,"flip-file-viewer-csv",{"errorMessage":[1,"error-message"],"file":[1],"data":[32],"error":[32],"loading":[32]}],[1,"flip-file-viewer-image",{"description":[1],"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32]}],[1,"flip-file-viewer-pdf",{"errorMessage":[1,"error-message"],"file":[1],"singlePageMode":[4,"single-page-mode"],"zoom":[8],"doc":[32],"error":[32],"loading":[32],"renderedPages":[32],"scrolledDown":[32],"singlePageModePage":[32],"visiblePages":[32],"print":[64],"nextPage":[64],"previousPage":[64],"setPage":[64]},[[9,"resize","onWindowResize"]]],[1,"flip-file-viewer-text",{"errorMessage":[1,"error-message"],"file":[1],"error":[32],"loading":[32],"text":[32]}],[1,"flip-file-viewer-audio",{"autoplay":[4],"file":[1],"type":[1]}],[1,"flip-file-viewer-video",{"autoplay":[4],"file":[1],"type":[1]}]]]]'),e)));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as i,H as t}from"./p-9fe00e8a.js";import{c as a}from"./p-efffd297.js";import"./p-86bd3473.js";const r=class{constructor(i){e(this,i)}render(){const e=a("tree-navigation-item",{"tree-navigation-item--active":this.active,"tree-navigation-item--has-icon":Boolean(this.icon)});return i(t,null,i("button",{class:e,type:"button"},this.icon&&i("span",{class:"tree-navigation-item__icon",innerHTML:this.icon}),i("span",{class:"tree-navigation-item__label"},this.label)))}};r.style=":host{display:inline-block;width:100%;flex-shrink:0}:host *{box-sizing:border-box}.tree-navigation-item{display:inline-flex;width:100%;height:2.5rem;padding-right:var(--s-space-16);padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-8));justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);cursor:pointer;gap:var(--s-space-8)}.tree-navigation-item:hover{background-color:var(--s-surface-hovered)}.tree-navigation-item:active{background-color:var(--s-surface-pressed)}.tree-navigation-item:focus{outline-color:var(--s-focus-default)}.tree-navigation-item--active{background-color:var(--s-surface-raised-default);box-shadow:inset 0.25rem 0 0 0 var(--s-surface-highlight-default)}.tree-navigation-item--active:hover{background-color:var(--s-surface-raised-hovered)}.tree-navigation-item--active:active{background-color:var(--s-surface-raised-pressed)}.tree-navigation-item--has-icon{padding-left:var(--s-space-16)}.tree-navigation-item__icon{display:inline-flex}.tree-navigation-item__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}";export{r as flip_tree_navigation_item}
|