@limetech/lime-elements 35.0.1-next.2 → 35.0.1-next.3
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/limel-header.cjs.entry.js +3 -3
- package/dist/collection/components/header/header.css +21 -16
- package/dist/collection/components/header/header.js +4 -4
- package/dist/esm/limel-header.entry.js +3 -3
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-b0046fcd.entry.js +1 -0
- package/package.json +10 -10
- package/dist/lime-elements/p-101af376.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-2a28697b.js');
|
|
6
6
|
|
|
7
|
-
const headerCss = ":host{display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.
|
|
7
|
+
const headerCss = ":host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent);width:1.75rem;margin:0 0.5rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}.actions{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{margin-right:0.125rem;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) .actions{display:flex;justify-content:flex-end}";
|
|
8
8
|
|
|
9
9
|
const Header = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -12,7 +12,7 @@ const Header = class {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
return [
|
|
15
|
-
index.h("div", { class: "information" }, this.renderIcon(), index.h("div", { class: "
|
|
15
|
+
index.h("div", { class: "information" }, this.renderIcon(), index.h("div", { class: "headings" }, index.h("h1", { class: "heading", title: this.heading }, this.heading), index.h("h2", { class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))),
|
|
16
16
|
index.h("div", { class: "actions" }, index.h("slot", null)),
|
|
17
17
|
];
|
|
18
18
|
}
|
|
@@ -20,7 +20,7 @@ const Header = class {
|
|
|
20
20
|
if (!this.icon) {
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
|
-
return
|
|
23
|
+
return index.h("limel-icon", { class: "icon", badge: true, name: this.icon });
|
|
24
24
|
}
|
|
25
25
|
renderSupportingText() {
|
|
26
26
|
if (!this.supportingText) {
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* @prop --header-top-right-left-border-radius: Top-left and top-right border radius of header, defaults to `0.75rem`.
|
|
15
15
|
* @prop --header-responsive-breakpoint: Defines the minimum allowed `width` of both information and actions areas in the header, defaults to `22rem`.
|
|
16
16
|
*/
|
|
17
|
-
:host {
|
|
17
|
+
:host(limel-header) {
|
|
18
18
|
display: flex;
|
|
19
19
|
align-items: center;
|
|
20
20
|
box-sizing: border-box;
|
|
@@ -32,19 +32,21 @@
|
|
|
32
32
|
min-width: 0;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.
|
|
35
|
+
.icon {
|
|
36
36
|
flex-shrink: 0;
|
|
37
37
|
color: var(--header-icon-color, rgb(var(--contrast-1100)));
|
|
38
38
|
background-color: var(--header-icon-background-color, transparent);
|
|
39
|
+
width: 1.75rem;
|
|
40
|
+
margin: 0 0.5rem;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
|
-
.
|
|
43
|
+
.headings {
|
|
42
44
|
min-width: 0;
|
|
43
45
|
margin-left: 0.25rem;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
+
.heading,
|
|
49
|
+
.subheading {
|
|
48
50
|
overflow: hidden;
|
|
49
51
|
white-space: nowrap;
|
|
50
52
|
text-overflow: ellipsis;
|
|
@@ -52,21 +54,21 @@
|
|
|
52
54
|
padding: 0;
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
.
|
|
57
|
+
.heading {
|
|
56
58
|
color: var(--header-heading-color, rgb(var(--contrast-1100)));
|
|
57
59
|
font-size: 1.0625rem;
|
|
58
60
|
}
|
|
59
61
|
|
|
60
|
-
.
|
|
62
|
+
.subheading {
|
|
61
63
|
color: var(--header-subheading-color, rgb(var(--contrast-900)));
|
|
62
64
|
font-size: 0.875rem;
|
|
63
65
|
font-weight: lighter;
|
|
64
66
|
}
|
|
65
67
|
|
|
66
|
-
.
|
|
68
|
+
.subheading__supporting-text {
|
|
67
69
|
color: var(--header-supporting-text-color, var(--header-subheading-color));
|
|
68
70
|
}
|
|
69
|
-
.
|
|
71
|
+
.subheading__supporting-text span {
|
|
70
72
|
margin: 0 0.5rem;
|
|
71
73
|
font-weight: bold;
|
|
72
74
|
}
|
|
@@ -75,22 +77,25 @@
|
|
|
75
77
|
flex-shrink: 0;
|
|
76
78
|
}
|
|
77
79
|
|
|
78
|
-
:host(.is-narrow)
|
|
79
|
-
|
|
80
|
-
|
|
80
|
+
:host(limel-header.is-narrow) {
|
|
81
|
+
padding: 0.125rem 0.25rem;
|
|
82
|
+
}
|
|
83
|
+
:host(limel-header.is-narrow) .icon {
|
|
84
|
+
margin-right: 0.125rem;
|
|
85
|
+
width: 1.25rem;
|
|
81
86
|
}
|
|
82
|
-
:host(.is-narrow) .
|
|
87
|
+
:host(limel-header.is-narrow) .heading {
|
|
83
88
|
font-size: 0.9375rem;
|
|
84
89
|
}
|
|
85
90
|
|
|
86
|
-
:host(.has-responsive-layout) {
|
|
91
|
+
:host(limel-header.has-responsive-layout) {
|
|
87
92
|
display: grid;
|
|
88
93
|
grid-template-columns: repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr));
|
|
89
94
|
}
|
|
90
|
-
:host(.has-responsive-layout) .
|
|
95
|
+
:host(limel-header.has-responsive-layout) .headings {
|
|
91
96
|
padding-right: 0.5rem;
|
|
92
97
|
}
|
|
93
|
-
:host(.has-responsive-layout) .actions {
|
|
98
|
+
:host(limel-header.has-responsive-layout) .actions {
|
|
94
99
|
display: flex;
|
|
95
100
|
justify-content: flex-end;
|
|
96
101
|
}
|
|
@@ -49,9 +49,9 @@ export class Header {
|
|
|
49
49
|
return [
|
|
50
50
|
h("div", { class: "information" },
|
|
51
51
|
this.renderIcon(),
|
|
52
|
-
h("div", { class: "
|
|
53
|
-
h("h1", { class: "
|
|
54
|
-
h("h2", { class: "
|
|
52
|
+
h("div", { class: "headings" },
|
|
53
|
+
h("h1", { class: "heading", title: this.heading }, this.heading),
|
|
54
|
+
h("h2", { class: "subheading", title: this.subheading },
|
|
55
55
|
this.subheading,
|
|
56
56
|
this.renderSupportingText()))),
|
|
57
57
|
h("div", { class: "actions" },
|
|
@@ -62,7 +62,7 @@ export class Header {
|
|
|
62
62
|
if (!this.icon) {
|
|
63
63
|
return;
|
|
64
64
|
}
|
|
65
|
-
return
|
|
65
|
+
return h("limel-icon", { class: "icon", badge: true, name: this.icon });
|
|
66
66
|
}
|
|
67
67
|
renderSupportingText() {
|
|
68
68
|
if (!this.supportingText) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-11cd0b60.js';
|
|
2
2
|
|
|
3
|
-
const headerCss = ":host{display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.
|
|
3
|
+
const headerCss = ":host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent);width:1.75rem;margin:0 0.5rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}.actions{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{margin-right:0.125rem;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) .actions{display:flex;justify-content:flex-end}";
|
|
4
4
|
|
|
5
5
|
const Header = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -8,7 +8,7 @@ const Header = class {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
return [
|
|
11
|
-
h("div", { class: "information" }, this.renderIcon(), h("div", { class: "
|
|
11
|
+
h("div", { class: "information" }, this.renderIcon(), h("div", { class: "headings" }, h("h1", { class: "heading", title: this.heading }, this.heading), h("h2", { class: "subheading", title: this.subheading }, this.subheading, this.renderSupportingText()))),
|
|
12
12
|
h("div", { class: "actions" }, h("slot", null)),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
@@ -16,7 +16,7 @@ const Header = class {
|
|
|
16
16
|
if (!this.icon) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
19
|
-
return
|
|
19
|
+
return h("limel-icon", { class: "icon", badge: true, name: this.icon });
|
|
20
20
|
}
|
|
21
21
|
renderSupportingText() {
|
|
22
22
|
if (!this.supportingText) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-e9a95b8f.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-5908c21d",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-84f933f7",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-4d5a874a",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-95f275ab",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-d1ee4501",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-440454ed",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-94899019",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-e80dd2ff",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-404e1465",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516]}]]],["p-97d6c4a6",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-f9bfbeb3",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-dfbe015e",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-2639edf9",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-b95e80c9",[[1,"limel-table",{data:[16],columns:[16],mode:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-63e25a0a",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-53e01330",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}]]],["p-6966b5df",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-d74fa89e",[[1,"limel-config",{config:[16]}]]],["p-a5af84a7",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-1a9a961a",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-6e7809a6",[[1,"limel-grid"]]],["p-71efe2ca",[[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-c80acfb2",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-e98d76e8",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-a465084b",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-8827628d",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-
|
|
1
|
+
import{p as e,b as l}from"./p-e9a95b8f.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-5908c21d",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-84f933f7",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-4d5a874a",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-95f275ab",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-d1ee4501",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-440454ed",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-94899019",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-e80dd2ff",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-404e1465",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516]}]]],["p-97d6c4a6",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-f9bfbeb3",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-dfbe015e",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-2639edf9",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-b95e80c9",[[1,"limel-table",{data:[16],columns:[16],mode:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-63e25a0a",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-53e01330",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}]]],["p-6966b5df",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-d74fa89e",[[1,"limel-config",{config:[16]}]]],["p-a5af84a7",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-1a9a961a",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-6e7809a6",[[1,"limel-grid"]]],["p-71efe2ca",[[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-c80acfb2",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-e98d76e8",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-a465084b",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-8827628d",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-b0046fcd",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-83ea517b",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-af0ec482",[[1,"limel-flatpickr-adapter",{value:[16],type:[1],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[1]}]]],["p-c7953a05",[[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-705334c1",[[1,"limel-popover-surface",{contentCollection:[16]}]]],["p-f0c9dadd",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-2da6e2a3",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],helperText:[513,"helper-text"],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-2754e134",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}],[1,"limel-popover",{open:[4]}]]],["p-42b67933",[[1,"limel-badge",{label:[514]}]]],["p-e83dddcd",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[1],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-bd8c9384",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516],relayout:[64]}]]],["p-ed65468d",[[1,"limel-spinner",{size:[513],limeBranded:[4,"lime-branded"]}]]],["p-b91dc1ef",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}],[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-36ecbd03",[[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]]],e)));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as r}from"./p-e9a95b8f.js";const i=class{constructor(r){e(this,r)}render(){return[r("div",{class:"information"},this.renderIcon(),r("div",{class:"headings"},r("h1",{class:"heading",title:this.heading},this.heading),r("h2",{class:"subheading",title:this.subheading},this.subheading,this.renderSupportingText()))),r("div",{class:"actions"},r("slot",null))]}renderIcon(){if(this.icon)return r("limel-icon",{class:"icon",badge:!0,name:this.icon})}renderSupportingText(){if(this.supportingText)return r("span",{class:"information__headings__subheading__supporting-text"},r("span",null,"·")," ",this.supportingText)}};i.style=":host(limel-header){display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent);width:1.75rem;margin:0 0.5rem}.headings{min-width:0;margin-left:0.25rem}.heading,.subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}.actions{flex-shrink:0}:host(limel-header.is-narrow){padding:0.125rem 0.25rem}:host(limel-header.is-narrow) .icon{margin-right:0.125rem;width:1.25rem}:host(limel-header.is-narrow) .heading{font-size:0.9375rem}:host(limel-header.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(limel-header.has-responsive-layout) .headings{padding-right:0.5rem}:host(limel-header.has-responsive-layout) .actions{display:flex;justify-content:flex-end}";export{i as limel_header}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@limetech/lime-elements",
|
|
3
|
-
"version": "35.0.1-next.
|
|
3
|
+
"version": "35.0.1-next.3",
|
|
4
4
|
"description": "Lime Elements",
|
|
5
5
|
"author": "Lime Technologies",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -52,19 +52,19 @@
|
|
|
52
52
|
"@types/jest": "^27.4.0",
|
|
53
53
|
"@types/lodash-es": "^4.17.4",
|
|
54
54
|
"@types/puppeteer": "^5.4.4",
|
|
55
|
-
"@types/react": "^18.0.
|
|
55
|
+
"@types/react": "^18.0.8",
|
|
56
56
|
"@types/tabulator-tables": "^4.9.4",
|
|
57
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
58
|
-
"@typescript-eslint/parser": "^5.
|
|
57
|
+
"@typescript-eslint/eslint-plugin": "^5.21.0",
|
|
58
|
+
"@typescript-eslint/parser": "^5.23.0",
|
|
59
59
|
"ajv": "^6.12.6",
|
|
60
60
|
"awesome-debounce-promise": "^2.1.0",
|
|
61
61
|
"codemirror": "^5.65.3",
|
|
62
62
|
"cross-env": "^7.0.3",
|
|
63
63
|
"cz-conventional-changelog": "^3.3.0",
|
|
64
64
|
"dayjs": "^1.11.1",
|
|
65
|
-
"eslint": "^8.
|
|
65
|
+
"eslint": "^8.14.0",
|
|
66
66
|
"eslint-config-prettier": "^8.5.0",
|
|
67
|
-
"eslint-plugin-jsdoc": "^39.2.
|
|
67
|
+
"eslint-plugin-jsdoc": "^39.2.7",
|
|
68
68
|
"eslint-plugin-prefer-arrow": "^1.2.3",
|
|
69
69
|
"eslint-plugin-prettier": "^4.0.0",
|
|
70
70
|
"eslint-plugin-react": "^7.29.4",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"flatpickr": "^4.6.13",
|
|
73
73
|
"html-escaper": "^3.0.3",
|
|
74
74
|
"jest": "^26.6.3",
|
|
75
|
-
"jest-cli": "^
|
|
75
|
+
"jest-cli": "^28.0.2",
|
|
76
76
|
"jsx-dom": "^7.0.4",
|
|
77
77
|
"kompendium": "^0.11.1",
|
|
78
78
|
"lodash-es": "^4.17.21",
|
|
@@ -80,16 +80,16 @@
|
|
|
80
80
|
"moment": "^2.29.3",
|
|
81
81
|
"number-abbreviate": "^2.0.0",
|
|
82
82
|
"prettier": "^2.6.2",
|
|
83
|
-
"puppeteer": "^13.
|
|
83
|
+
"puppeteer": "^13.7.0",
|
|
84
84
|
"react": "^18.0.0",
|
|
85
85
|
"react-dom": "^18.0.0",
|
|
86
86
|
"react-shadow-dom-retarget-events": "^1.1.0",
|
|
87
87
|
"replace-in-file": "^6.2.0",
|
|
88
88
|
"shelljs": "0.8.5",
|
|
89
|
-
"showdown": "2.0
|
|
89
|
+
"showdown": "2.1.0",
|
|
90
90
|
"shx": "^0.3.3",
|
|
91
91
|
"tabulator-tables": "^4.9.3",
|
|
92
|
-
"typescript": "^4.6.
|
|
92
|
+
"typescript": "^4.6.4"
|
|
93
93
|
},
|
|
94
94
|
"keywords": [
|
|
95
95
|
"lime elements",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,h as r}from"./p-e9a95b8f.js";const n=class{constructor(r){i(this,r)}render(){return[r("div",{class:"information"},this.renderIcon(),r("div",{class:"information__headings"},r("h1",{class:"information__headings__heading",title:this.heading},this.heading),r("h2",{class:"information__headings__subheading",title:this.subheading},this.subheading,this.renderSupportingText()))),r("div",{class:"actions"},r("slot",null))]}renderIcon(){if(this.icon)return r("limel-icon",{class:"information__icon",badge:!0,size:"large",name:this.icon})}renderSupportingText(){if(this.supportingText)return r("span",{class:"information__headings__subheading__supporting-text"},r("span",null,"·")," ",this.supportingText)}};n.style=":host{display:flex;align-items:center;box-sizing:border-box;width:100%;background-color:var(--header-background-color, rgb(var(--contrast-300)));border-top-left-radius:var(--header-top-right-left-border-radius, 0.75rem);border-top-right-radius:var(--header-top-right-left-border-radius, 0.75rem);padding:0.25rem}.information{display:flex;flex-grow:1;align-items:center;min-width:0}.information__icon{flex-shrink:0;color:var(--header-icon-color, rgb(var(--contrast-1100)));background-color:var(--header-icon-background-color, transparent)}.information__headings{min-width:0;margin-left:0.25rem}.information__headings__heading,.information__headings__subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}.information__headings__heading{color:var(--header-heading-color, rgb(var(--contrast-1100)));font-size:1.0625rem}.information__headings__subheading{color:var(--header-subheading-color, rgb(var(--contrast-900)));font-size:0.875rem;font-weight:lighter}.information__headings__subheading__supporting-text{color:var(--header-supporting-text-color, var(--header-subheading-color))}.information__headings__subheading__supporting-text span{margin:0 0.5rem;font-weight:bold}.actions{flex-shrink:0}:host(.is-narrow) .information__icon{margin:-0.75rem -0.5rem;transform:scale(0.8)}:host(.is-narrow) .information__headings__heading{font-size:0.9375rem}:host(.has-responsive-layout){display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(50%, var(--header-responsive-breakpoint, 22rem), 100%), 1fr))}:host(.has-responsive-layout) .information__headings{padding-right:0.5rem}:host(.has-responsive-layout) .actions{display:flex;justify-content:flex-end}";export{n as limel_header}
|