@paperless/core 0.1.0-alpha.65 → 0.1.0-alpha.66
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/CHANGELOG.md +11 -0
- package/dist/build/p-75c92a9d.entry.js +1 -0
- package/dist/build/p-914ef626.entry.js +1 -0
- package/dist/build/p-bf2e2185.entry.js +1 -0
- package/dist/build/paperless.css +17 -149
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +1 -1
- package/dist/cjs/p-input-group.cjs.entry.js +4 -2
- package/dist/cjs/p-layout.cjs.entry.js +2 -2
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/atoms/card-header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/icon/icon.component.css +1 -1
- package/dist/collection/components/atoms/layout/layout.component.css +5 -7
- package/dist/collection/components/atoms/layout/layout.component.js +1 -2
- package/dist/collection/components/molecules/input-group/input-group.component.css +141 -1
- package/dist/collection/components/molecules/input-group/input-group.component.js +7 -4
- package/dist/collection/tailwind/width.js +1 -1
- package/dist/components/p-card-header.js +1 -1
- package/dist/components/p-input-group.js +6 -3
- package/dist/components/p-layout.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-card-header.entry.js +1 -1
- package/dist/esm/p-input-group.entry.js +4 -2
- package/dist/esm/p-layout.entry.js +2 -2
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-75c92a9d.entry.js +1 -0
- package/dist/paperless/p-914ef626.entry.js +1 -0
- package/dist/paperless/p-bf2e2185.entry.js +1 -0
- package/dist/paperless/paperless.css +22 -190
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/tailwind/width.js +1 -1
- package/package.json +1 -1
- package/dist/build/p-6fe627ef.entry.js +0 -1
- package/dist/build/p-bd7fa75d.entry.js +0 -1
- package/dist/build/p-d33097a7.entry.js +0 -1
- package/dist/paperless/p-6fe627ef.entry.js +0 -1
- package/dist/paperless/p-bd7fa75d.entry.js +0 -1
- package/dist/paperless/p-d33097a7.entry.js +0 -1
|
@@ -17,22 +17,19 @@
|
|
|
17
17
|
}
|
|
18
18
|
:host .sidebar {
|
|
19
19
|
grid-area: sidebar;
|
|
20
|
-
@apply flex
|
|
20
|
+
@apply flex h-full box-border;
|
|
21
21
|
@apply w-sidebar-mobile tablet:w-sidebar-desktop;
|
|
22
22
|
@apply order-1 tablet:order-2;
|
|
23
23
|
}
|
|
24
|
-
:host .sidebar .inner-content {
|
|
25
|
-
@apply flex flex-1;
|
|
26
|
-
}
|
|
27
24
|
:host .content {
|
|
28
25
|
grid-area: content;
|
|
29
26
|
@apply relative flex flex-col h-full overflow-y-auto;
|
|
30
27
|
@apply order-3;
|
|
31
28
|
}
|
|
32
29
|
:host .content .inner-content {
|
|
33
|
-
@apply relative;
|
|
30
|
+
@apply relative pb-24;
|
|
34
31
|
@apply px-content-mobile-x py-content-mobile-y;
|
|
35
|
-
@apply tablet:
|
|
32
|
+
@apply tablet:px-content-desktop-x tablet:py-content-desktop-y;
|
|
36
33
|
@apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;
|
|
37
34
|
}
|
|
38
35
|
|
|
@@ -45,7 +42,7 @@
|
|
|
45
42
|
}
|
|
46
43
|
:host(.variant-login) .sidebar {
|
|
47
44
|
@apply hidden tablet:flex w-unset;
|
|
48
|
-
@apply order-3;
|
|
45
|
+
@apply order-3 p-2;
|
|
49
46
|
@apply flex-1 overflow-hidden;
|
|
50
47
|
}
|
|
51
48
|
:host(.variant-login) .sidebar .inner-content {
|
|
@@ -56,6 +53,7 @@
|
|
|
56
53
|
@apply tablet:justify-center;
|
|
57
54
|
}
|
|
58
55
|
:host(.variant-login) .content .inner-content {
|
|
56
|
+
@apply box-border;
|
|
59
57
|
@apply tablet:py-0 tablet:px-18;
|
|
60
58
|
@apply tablet:w-content-desktop-login;
|
|
61
59
|
} .static{position:static!important}
|
|
@@ -11,8 +11,7 @@ export class Layout {
|
|
|
11
11
|
h("div", { class: "topbar" },
|
|
12
12
|
h("slot", { name: "topbar" })),
|
|
13
13
|
h("div", { class: "sidebar" },
|
|
14
|
-
h("
|
|
15
|
-
h("slot", { name: "sidebar" }))),
|
|
14
|
+
h("slot", { name: "sidebar" })),
|
|
16
15
|
h("div", { class: "content" },
|
|
17
16
|
h("div", { class: "inner-content" },
|
|
18
17
|
h("slot", { name: "content" })))));
|
|
@@ -1,3 +1,143 @@
|
|
|
1
|
-
|
|
1
|
+
:host {
|
|
2
2
|
@apply block w-full;
|
|
3
|
+
}
|
|
4
|
+
:host .input-group {
|
|
5
|
+
@apply flex flex-col w-full;
|
|
6
|
+
}
|
|
7
|
+
:host .input-group .input-label {
|
|
8
|
+
@apply text-xs text-storm-vague font-semibold uppercase tracking-wider;
|
|
9
|
+
}
|
|
10
|
+
:host .input-group .input-header {
|
|
11
|
+
@apply flex gap-4;
|
|
12
|
+
}
|
|
13
|
+
:host .input-group .content {
|
|
14
|
+
@apply flex;
|
|
15
|
+
}
|
|
16
|
+
:host .input-group .content .prefix,
|
|
17
|
+
:host .input-group .content .suffix {
|
|
18
|
+
@apply flex justify-start items-center h-10;
|
|
19
|
+
@apply text-storm-dark;
|
|
20
|
+
@apply bg-white px-4 w-full;
|
|
21
|
+
@apply rounded-large;
|
|
22
|
+
@apply border border-mystic-dark border-solid !important;
|
|
23
|
+
@apply outline-0 !important;
|
|
24
|
+
@apply flex-1;
|
|
25
|
+
@apply text-storm box-border;
|
|
26
|
+
}
|
|
27
|
+
:host .input-group .content .prefix::placeholder,
|
|
28
|
+
:host .input-group .content .suffix::placeholder {
|
|
29
|
+
@apply text-storm-medium;
|
|
30
|
+
}
|
|
31
|
+
:host .input-group .content .prefix:focus, :host .input-group .content .prefix:focus-visible, :host .input-group .content .prefix.focus,
|
|
32
|
+
:host .input-group .content .suffix:focus,
|
|
33
|
+
:host .input-group .content .suffix:focus-visible,
|
|
34
|
+
:host .input-group .content .suffix.focus {
|
|
35
|
+
@apply border-indigo !important;
|
|
36
|
+
}
|
|
37
|
+
:host .input-group .content .prefix {
|
|
38
|
+
@apply rounded-tr-none rounded-br-none;
|
|
39
|
+
@apply border-r-0 !important;
|
|
40
|
+
@apply order-1;
|
|
41
|
+
@apply pr-2;
|
|
42
|
+
}
|
|
43
|
+
:host .input-group .content .suffix {
|
|
44
|
+
@apply rounded-tl-none rounded-bl-none;
|
|
45
|
+
@apply border-l-0 !important;
|
|
46
|
+
@apply order-3;
|
|
47
|
+
@apply pl-2;
|
|
48
|
+
}
|
|
49
|
+
:host .input-group .content ::slotted(input[type=text]),
|
|
50
|
+
:host .input-group .content ::slotted(input[type=number]),
|
|
51
|
+
:host .input-group .content ::slotted(input[type=date]),
|
|
52
|
+
:host .input-group .content ::slotted(input[type=month]),
|
|
53
|
+
:host .input-group .content ::slotted(input[type=datetime-local]),
|
|
54
|
+
:host .input-group .content ::slotted(input[type=time]),
|
|
55
|
+
:host .input-group .content ::slotted(input[type=tel]),
|
|
56
|
+
:host .input-group .content ::slotted(input[type=password]),
|
|
57
|
+
:host .input-group .content ::slotted(input[type=email]) {
|
|
58
|
+
@apply order-2;
|
|
59
|
+
}
|
|
60
|
+
:host .input-group .content .prefix + ::slotted(input[type=text]),
|
|
61
|
+
:host .input-group .content .prefix + ::slotted(input[type=number]),
|
|
62
|
+
:host .input-group .content .prefix + ::slotted(input[type=date]),
|
|
63
|
+
:host .input-group .content .prefix + ::slotted(input[type=month]),
|
|
64
|
+
:host .input-group .content .prefix + ::slotted(input[type=datetime-local]),
|
|
65
|
+
:host .input-group .content .prefix + ::slotted(input[type=time]),
|
|
66
|
+
:host .input-group .content .prefix + ::slotted(input[type=tel]),
|
|
67
|
+
:host .input-group .content .prefix + ::slotted(input[type=password]),
|
|
68
|
+
:host .input-group .content .prefix + ::slotted(input[type=email]) {
|
|
69
|
+
@apply rounded-tl-none rounded-bl-none !important;
|
|
70
|
+
@apply flex-auto;
|
|
71
|
+
@apply border-l-0 pl-0 !important;
|
|
72
|
+
}
|
|
73
|
+
:host .input-group .content .suffix + ::slotted(input[type=text]),
|
|
74
|
+
:host .input-group .content .suffix + ::slotted(input[type=number]),
|
|
75
|
+
:host .input-group .content .suffix + ::slotted(input[type=date]),
|
|
76
|
+
:host .input-group .content .suffix + ::slotted(input[type=month]),
|
|
77
|
+
:host .input-group .content .suffix + ::slotted(input[type=datetime-local]),
|
|
78
|
+
:host .input-group .content .suffix + ::slotted(input[type=time]),
|
|
79
|
+
:host .input-group .content .suffix + ::slotted(input[type=tel]),
|
|
80
|
+
:host .input-group .content .suffix + ::slotted(input[type=password]),
|
|
81
|
+
:host .input-group .content .suffix + ::slotted(input[type=email]) {
|
|
82
|
+
@apply rounded-tr-none rounded-br-none !important;
|
|
83
|
+
@apply flex-auto;
|
|
84
|
+
@apply border-r-0 pr-0 !important;
|
|
85
|
+
}
|
|
86
|
+
:host .input-group.focus .prefix,
|
|
87
|
+
:host .input-group.focus .suffix, :host .input-group:focus-within .prefix,
|
|
88
|
+
:host .input-group:focus-within .suffix {
|
|
89
|
+
@apply border-indigo !important;
|
|
90
|
+
@apply text-indigo;
|
|
91
|
+
}
|
|
92
|
+
:host .input-group.error ::slotted(input[type=text]),
|
|
93
|
+
:host .input-group.error ::slotted(input[type=number]),
|
|
94
|
+
:host .input-group.error ::slotted(input[type=date]),
|
|
95
|
+
:host .input-group.error ::slotted(input[type=month]),
|
|
96
|
+
:host .input-group.error ::slotted(input[type=datetime-local]),
|
|
97
|
+
:host .input-group.error ::slotted(input[type=time]),
|
|
98
|
+
:host .input-group.error ::slotted(input[type=tel]),
|
|
99
|
+
:host .input-group.error ::slotted(input[type=password]),
|
|
100
|
+
:host .input-group.error ::slotted(input[type=email]), :host .input-group[error] ::slotted(input[type=text]),
|
|
101
|
+
:host .input-group[error] ::slotted(input[type=number]),
|
|
102
|
+
:host .input-group[error] ::slotted(input[type=date]),
|
|
103
|
+
:host .input-group[error] ::slotted(input[type=month]),
|
|
104
|
+
:host .input-group[error] ::slotted(input[type=datetime-local]),
|
|
105
|
+
:host .input-group[error] ::slotted(input[type=time]),
|
|
106
|
+
:host .input-group[error] ::slotted(input[type=tel]),
|
|
107
|
+
:host .input-group[error] ::slotted(input[type=password]),
|
|
108
|
+
:host .input-group[error] ::slotted(input[type=email]) {
|
|
109
|
+
@apply text-negative-dark;
|
|
110
|
+
@apply border-negative !important;
|
|
111
|
+
@apply text-negative;
|
|
112
|
+
}
|
|
113
|
+
:host .input-group.error ::slotted(input[type=text])::placeholder,
|
|
114
|
+
:host .input-group.error ::slotted(input[type=number])::placeholder,
|
|
115
|
+
:host .input-group.error ::slotted(input[type=date])::placeholder,
|
|
116
|
+
:host .input-group.error ::slotted(input[type=month])::placeholder,
|
|
117
|
+
:host .input-group.error ::slotted(input[type=datetime-local])::placeholder,
|
|
118
|
+
:host .input-group.error ::slotted(input[type=time])::placeholder,
|
|
119
|
+
:host .input-group.error ::slotted(input[type=tel])::placeholder,
|
|
120
|
+
:host .input-group.error ::slotted(input[type=password])::placeholder,
|
|
121
|
+
:host .input-group.error ::slotted(input[type=email])::placeholder, :host .input-group[error] ::slotted(input[type=text])::placeholder,
|
|
122
|
+
:host .input-group[error] ::slotted(input[type=number])::placeholder,
|
|
123
|
+
:host .input-group[error] ::slotted(input[type=date])::placeholder,
|
|
124
|
+
:host .input-group[error] ::slotted(input[type=month])::placeholder,
|
|
125
|
+
:host .input-group[error] ::slotted(input[type=datetime-local])::placeholder,
|
|
126
|
+
:host .input-group[error] ::slotted(input[type=time])::placeholder,
|
|
127
|
+
:host .input-group[error] ::slotted(input[type=tel])::placeholder,
|
|
128
|
+
:host .input-group[error] ::slotted(input[type=password])::placeholder,
|
|
129
|
+
:host .input-group[error] ::slotted(input[type=email])::placeholder {
|
|
130
|
+
@apply text-negative-light;
|
|
131
|
+
}
|
|
132
|
+
:host .input-group.error .prefix,
|
|
133
|
+
:host .input-group.error .suffix, :host .input-group[error] .prefix,
|
|
134
|
+
:host .input-group[error] .suffix {
|
|
135
|
+
@apply text-negative-dark;
|
|
136
|
+
@apply border-negative !important;
|
|
137
|
+
@apply text-negative;
|
|
138
|
+
}
|
|
139
|
+
:host .input-group.error .prefix::placeholder,
|
|
140
|
+
:host .input-group.error .suffix::placeholder, :host .input-group[error] .prefix::placeholder,
|
|
141
|
+
:host .input-group[error] .suffix::placeholder {
|
|
142
|
+
@apply text-negative-light;
|
|
3
143
|
} .static{position:static!important}.flex{display:flex!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.visible{visibility:visible!important}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
|
|
@@ -6,20 +6,22 @@ export class InputGroup {
|
|
|
6
6
|
const hasLabelSlot = !!this._el.querySelector('[slot="label"]');
|
|
7
7
|
const hasPrefixSlot = !!this._el.querySelector('[slot="prefix"]');
|
|
8
8
|
const hasSuffixSlot = !!this._el.querySelector('[slot="suffix"]');
|
|
9
|
+
const hasHeaderSlot = !!this._el.querySelector('[slot="header"]');
|
|
9
10
|
const helper = hasHelperSlot ? h("slot", { name: "helper" }) : this.helper;
|
|
10
11
|
const label = hasLabelSlot ? h("slot", { name: "label" }) : this.label;
|
|
11
12
|
const prefix = hasPrefixSlot ? h("slot", { name: "prefix" }) : this.prefix;
|
|
12
13
|
const suffix = hasSuffixSlot ? h("slot", { name: "suffix" }) : this.suffix;
|
|
14
|
+
console.log(helper);
|
|
13
15
|
const errorAndErrorIsNotBoolean = this.error &&
|
|
14
16
|
typeof this.error === 'string' &&
|
|
15
17
|
this.error !== 'true';
|
|
16
18
|
return (h(Host, { class: "p-input-group" },
|
|
17
19
|
h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` },
|
|
18
20
|
h("div", { class: "flex justify-between items-end" },
|
|
19
|
-
h("div", { class: "input-label" }, label),
|
|
20
|
-
h("div", { class: "input-header" },
|
|
21
|
-
h("slot", { name: "header" }),
|
|
22
|
-
helper && h("p-helper", null, helper))),
|
|
21
|
+
label && h("div", { class: "input-label" }, label),
|
|
22
|
+
(helper || hasHeaderSlot) && (h("div", { class: "input-header" },
|
|
23
|
+
hasHeaderSlot && h("slot", { name: "header" }),
|
|
24
|
+
helper && h("p-helper", null, helper)))),
|
|
23
25
|
h("div", { class: "content" },
|
|
24
26
|
(prefix || this.icon) && (h("div", { class: "prefix" }, this.icon ? (h("p-icon", { variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))),
|
|
25
27
|
(suffix || errorAndErrorIsNotBoolean) && (h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (h("p-tooltip", { class: "flex", variant: "error", popover: this.error },
|
|
@@ -27,6 +29,7 @@ export class InputGroup {
|
|
|
27
29
|
h("slot", { name: "input" })))));
|
|
28
30
|
}
|
|
29
31
|
static get is() { return "p-input-group"; }
|
|
32
|
+
static get encapsulation() { return "shadow"; }
|
|
30
33
|
static get originalStyleUrls() { return {
|
|
31
34
|
"$": ["./input-group.component.scss"]
|
|
32
35
|
}; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './icon.component.js';
|
|
3
3
|
|
|
4
|
-
const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important
|
|
4
|
+
const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
|
|
5
5
|
|
|
6
6
|
const CardHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -3,12 +3,13 @@ import { d as defineCustomElement$4 } from './helper.component.js';
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './icon.component.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './tooltip.component.js';
|
|
5
5
|
|
|
6
|
-
const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}p-input-group{display:block;width:100%}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
|
|
6
|
+
const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between!important}.rounded-tr-none{border-top-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border{border-width:1px!important}.border-r-0{border-right-width:0!important}.border-l-0{border-left-width:0!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-negative-light,.text-storm{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-0{outline-width:0!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host{display:block;width:100%}:host .input-group{display:flex;flex-direction:column;width:100%}:host .input-group .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;text-transform:uppercase}:host .input-group .input-header{display:flex;gap:1rem}:host .input-group .content{display:flex}:host .input-group .content .prefix,:host .input-group .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;height:2.5rem;justify-content:flex-start;outline-width:0!important;padding-left:1rem;padding-right:1rem;width:100%}:host .input-group .content .prefix::-moz-placeholder,:host .input-group .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix::placeholder,:host .input-group .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix.focus,:host .input-group .content .prefix:focus,:host .input-group .content .prefix:focus-visible,:host .input-group .content .suffix.focus,:host .input-group .content .suffix:focus,:host .input-group .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}:host .input-group .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .input-group .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .input-group .content ::slotted(input[type=date]),:host .input-group .content ::slotted(input[type=datetime-local]),:host .input-group .content ::slotted(input[type=email]),:host .input-group .content ::slotted(input[type=month]),:host .input-group .content ::slotted(input[type=number]),:host .input-group .content ::slotted(input[type=password]),:host .input-group .content ::slotted(input[type=tel]),:host .input-group .content ::slotted(input[type=text]),:host .input-group .content ::slotted(input[type=time]){order:2}:host .input-group .content .prefix+::slotted(input[type=date]),:host .input-group .content .prefix+::slotted(input[type=datetime-local]),:host .input-group .content .prefix+::slotted(input[type=email]),:host .input-group .content .prefix+::slotted(input[type=month]),:host .input-group .content .prefix+::slotted(input[type=number]),:host .input-group .content .prefix+::slotted(input[type=password]),:host .input-group .content .prefix+::slotted(input[type=tel]),:host .input-group .content .prefix+::slotted(input[type=text]),:host .input-group .content .prefix+::slotted(input[type=time]){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .input-group .content .suffix+::slotted(input[type=date]),:host .input-group .content .suffix+::slotted(input[type=datetime-local]),:host .input-group .content .suffix+::slotted(input[type=email]),:host .input-group .content .suffix+::slotted(input[type=month]),:host .input-group .content .suffix+::slotted(input[type=number]),:host .input-group .content .suffix+::slotted(input[type=password]),:host .input-group .content .suffix+::slotted(input[type=tel]),:host .input-group .content .suffix+::slotted(input[type=text]),:host .input-group .content .suffix+::slotted(input[type=time]){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host .input-group.focus .prefix,:host .input-group.focus .suffix,:host .input-group:focus-within .prefix,:host .input-group:focus-within .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date]),:host .input-group.error ::slotted(input[type=datetime-local]),:host .input-group.error ::slotted(input[type=email]),:host .input-group.error ::slotted(input[type=month]),:host .input-group.error ::slotted(input[type=number]),:host .input-group.error ::slotted(input[type=password]),:host .input-group.error ::slotted(input[type=tel]),:host .input-group.error ::slotted(input[type=text]),:host .input-group.error ::slotted(input[type=time]),:host .input-group[error] ::slotted(input[type=date]),:host .input-group[error] ::slotted(input[type=datetime-local]),:host .input-group[error] ::slotted(input[type=email]),:host .input-group[error] ::slotted(input[type=month]),:host .input-group[error] ::slotted(input[type=number]),:host .input-group[error] ::slotted(input[type=password]),:host .input-group[error] ::slotted(input[type=tel]),:host .input-group[error] ::slotted(input[type=text]),:host .input-group[error] ::slotted(input[type=time]){--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::-moz-placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group.error ::slotted(input[type=email])::-moz-placeholder,:host .input-group.error ::slotted(input[type=month])::-moz-placeholder,:host .input-group.error ::slotted(input[type=number])::-moz-placeholder,:host .input-group.error ::slotted(input[type=password])::-moz-placeholder,:host .input-group.error ::slotted(input[type=tel])::-moz-placeholder,:host .input-group.error ::slotted(input[type=text])::-moz-placeholder,:host .input-group.error ::slotted(input[type=time])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=date])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=email])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=month])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=number])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=password])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=tel])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=text])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=time])::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::placeholder,:host .input-group.error ::slotted(input[type=email])::placeholder,:host .input-group.error ::slotted(input[type=month])::placeholder,:host .input-group.error ::slotted(input[type=number])::placeholder,:host .input-group.error ::slotted(input[type=password])::placeholder,:host .input-group.error ::slotted(input[type=tel])::placeholder,:host .input-group.error ::slotted(input[type=text])::placeholder,:host .input-group.error ::slotted(input[type=time])::placeholder,:host .input-group[error] ::slotted(input[type=date])::placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::placeholder,:host .input-group[error] ::slotted(input[type=email])::placeholder,:host .input-group[error] ::slotted(input[type=month])::placeholder,:host .input-group[error] ::slotted(input[type=number])::placeholder,:host .input-group[error] ::slotted(input[type=password])::placeholder,:host .input-group[error] ::slotted(input[type=tel])::placeholder,:host .input-group[error] ::slotted(input[type=text])::placeholder,:host .input-group[error] ::slotted(input[type=time])::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix,:host .input-group.error .suffix,:host .input-group[error] .prefix,:host .input-group[error] .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error .prefix::-moz-placeholder,:host .input-group.error .suffix::-moz-placeholder,:host .input-group[error] .prefix::-moz-placeholder,:host .input-group[error] .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix::placeholder,:host .input-group.error .suffix::placeholder,:host .input-group[error] .prefix::placeholder,:host .input-group[error] .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
|
|
7
7
|
|
|
8
8
|
const InputGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
10
10
|
super();
|
|
11
11
|
this.__registerHost();
|
|
12
|
+
this.__attachShadow();
|
|
12
13
|
}
|
|
13
14
|
render() {
|
|
14
15
|
var _a;
|
|
@@ -16,18 +17,20 @@ const InputGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
16
17
|
const hasLabelSlot = !!this._el.querySelector('[slot="label"]');
|
|
17
18
|
const hasPrefixSlot = !!this._el.querySelector('[slot="prefix"]');
|
|
18
19
|
const hasSuffixSlot = !!this._el.querySelector('[slot="suffix"]');
|
|
20
|
+
const hasHeaderSlot = !!this._el.querySelector('[slot="header"]');
|
|
19
21
|
const helper = hasHelperSlot ? h("slot", { name: "helper" }) : this.helper;
|
|
20
22
|
const label = hasLabelSlot ? h("slot", { name: "label" }) : this.label;
|
|
21
23
|
const prefix = hasPrefixSlot ? h("slot", { name: "prefix" }) : this.prefix;
|
|
22
24
|
const suffix = hasSuffixSlot ? h("slot", { name: "suffix" }) : this.suffix;
|
|
25
|
+
console.log(helper);
|
|
23
26
|
const errorAndErrorIsNotBoolean = this.error &&
|
|
24
27
|
typeof this.error === 'string' &&
|
|
25
28
|
this.error !== 'true';
|
|
26
|
-
return (h(Host, { class: "p-input-group" }, h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` }, h("div", { class: "flex justify-between items-end" }, h("div", { class: "input-label" }, label), h("div", { class: "input-header" }, h("slot", { name: "header" }), helper && h("p-helper", null, helper))), h("div", { class: "content" }, (prefix || this.icon) && (h("div", { class: "prefix" }, this.icon ? (h("p-icon", { variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (h("p-tooltip", { class: "flex", variant: "error", popover: this.error }, h("p-icon", { class: "text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), h("slot", { name: "input" })))));
|
|
29
|
+
return (h(Host, { class: "p-input-group" }, h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` }, h("div", { class: "flex justify-between items-end" }, label && h("div", { class: "input-label" }, label), (helper || hasHeaderSlot) && (h("div", { class: "input-header" }, hasHeaderSlot && h("slot", { name: "header" }), helper && h("p-helper", null, helper)))), h("div", { class: "content" }, (prefix || this.icon) && (h("div", { class: "prefix" }, this.icon ? (h("p-icon", { variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (h("p-tooltip", { class: "flex", variant: "error", popover: this.error }, h("p-icon", { class: "text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), h("slot", { name: "input" })))));
|
|
27
30
|
}
|
|
28
31
|
get _el() { return this; }
|
|
29
32
|
static get style() { return inputGroupComponentCss; }
|
|
30
|
-
}, [
|
|
33
|
+
}, [1, "p-input-group", {
|
|
31
34
|
"prefix": [1],
|
|
32
35
|
"suffix": [1],
|
|
33
36
|
"icon": [1],
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:40rem){:host .topbar{order:1}}:host .sidebar{display:flex;
|
|
3
|
+
const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:40rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:40rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-y:auto;position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content .inner-content{padding:2rem}}@media (min-width:64rem){:host .content .inner-content{width:45rem}}@media (min-width:80rem){:host .content .inner-content{width:60rem}}@media (min-width:85.375rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:65rem}}@media (min-width:120rem){:host .content .inner-content{width:70rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:40rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{order:3}@media (min-width:40rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box}@media (min-width:40rem){:host(.variant-login) .content .inner-content{padding:0 4.5rem;width:30rem}}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}.tablet\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:64rem){.desktop-xs\\:w-content-desktop-xs{width:45rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:60rem!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:65rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:65rem!important}}";
|
|
4
4
|
|
|
5
5
|
const Layout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -13,7 +13,7 @@ const Layout = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
13
13
|
this.variant = 'default';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("
|
|
16
|
+
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("slot", { name: "sidebar" })), h("div", { class: "content" }, h("div", { class: "inner-content" }, h("slot", { name: "content" })))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return layoutComponentCss; }
|
|
19
19
|
}, [1, "p-layout", {
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-input-group",[[
|
|
13
|
+
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-input-group",[[1,"p-input-group",{"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"helper":[1],"error":[513]}]]],["p-stepper",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-accordion",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-navigation-item",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-profile",[[1,"p-profile"]]],["p-segment-item",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-tab-group",[[1,"p-tab-group"]]],["p-avatar-group",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-layout",[[1,"p-layout",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-tab-item",[[1,"p-tab-item",{"active":[4]}]]],["p-tag",[[1,"p-tag",{"variant":[513],"circle":[516]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-helper",[[1,"p-helper"]]],["p-avatar",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-stepper-item_2",[[1,"p-stepper-item",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider",[[1,"p-divider"]]],["p-modal-backdrop_5",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-fff70567.js';
|
|
2
2
|
|
|
3
|
-
const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important
|
|
3
|
+
const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
|
|
4
4
|
|
|
5
5
|
const CardHeader = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-fff70567.js';
|
|
2
2
|
|
|
3
|
-
const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}p-input-group{display:block;width:100%}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
|
|
3
|
+
const inputGroupComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between!important}.rounded-tr-none{border-top-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border{border-width:1px!important}.border-r-0{border-right-width:0!important}.border-l-0{border-left-width:0!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-negative-light,.text-storm{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-0{outline-width:0!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host{display:block;width:100%}:host .input-group{display:flex;flex-direction:column;width:100%}:host .input-group .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;text-transform:uppercase}:host .input-group .input-header{display:flex;gap:1rem}:host .input-group .content{display:flex}:host .input-group .content .prefix,:host .input-group .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;height:2.5rem;justify-content:flex-start;outline-width:0!important;padding-left:1rem;padding-right:1rem;width:100%}:host .input-group .content .prefix::-moz-placeholder,:host .input-group .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix::placeholder,:host .input-group .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix.focus,:host .input-group .content .prefix:focus,:host .input-group .content .prefix:focus-visible,:host .input-group .content .suffix.focus,:host .input-group .content .suffix:focus,:host .input-group .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}:host .input-group .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .input-group .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .input-group .content ::slotted(input[type=date]),:host .input-group .content ::slotted(input[type=datetime-local]),:host .input-group .content ::slotted(input[type=email]),:host .input-group .content ::slotted(input[type=month]),:host .input-group .content ::slotted(input[type=number]),:host .input-group .content ::slotted(input[type=password]),:host .input-group .content ::slotted(input[type=tel]),:host .input-group .content ::slotted(input[type=text]),:host .input-group .content ::slotted(input[type=time]){order:2}:host .input-group .content .prefix+::slotted(input[type=date]),:host .input-group .content .prefix+::slotted(input[type=datetime-local]),:host .input-group .content .prefix+::slotted(input[type=email]),:host .input-group .content .prefix+::slotted(input[type=month]),:host .input-group .content .prefix+::slotted(input[type=number]),:host .input-group .content .prefix+::slotted(input[type=password]),:host .input-group .content .prefix+::slotted(input[type=tel]),:host .input-group .content .prefix+::slotted(input[type=text]),:host .input-group .content .prefix+::slotted(input[type=time]){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .input-group .content .suffix+::slotted(input[type=date]),:host .input-group .content .suffix+::slotted(input[type=datetime-local]),:host .input-group .content .suffix+::slotted(input[type=email]),:host .input-group .content .suffix+::slotted(input[type=month]),:host .input-group .content .suffix+::slotted(input[type=number]),:host .input-group .content .suffix+::slotted(input[type=password]),:host .input-group .content .suffix+::slotted(input[type=tel]),:host .input-group .content .suffix+::slotted(input[type=text]),:host .input-group .content .suffix+::slotted(input[type=time]){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host .input-group.focus .prefix,:host .input-group.focus .suffix,:host .input-group:focus-within .prefix,:host .input-group:focus-within .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date]),:host .input-group.error ::slotted(input[type=datetime-local]),:host .input-group.error ::slotted(input[type=email]),:host .input-group.error ::slotted(input[type=month]),:host .input-group.error ::slotted(input[type=number]),:host .input-group.error ::slotted(input[type=password]),:host .input-group.error ::slotted(input[type=tel]),:host .input-group.error ::slotted(input[type=text]),:host .input-group.error ::slotted(input[type=time]),:host .input-group[error] ::slotted(input[type=date]),:host .input-group[error] ::slotted(input[type=datetime-local]),:host .input-group[error] ::slotted(input[type=email]),:host .input-group[error] ::slotted(input[type=month]),:host .input-group[error] ::slotted(input[type=number]),:host .input-group[error] ::slotted(input[type=password]),:host .input-group[error] ::slotted(input[type=tel]),:host .input-group[error] ::slotted(input[type=text]),:host .input-group[error] ::slotted(input[type=time]){--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::-moz-placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group.error ::slotted(input[type=email])::-moz-placeholder,:host .input-group.error ::slotted(input[type=month])::-moz-placeholder,:host .input-group.error ::slotted(input[type=number])::-moz-placeholder,:host .input-group.error ::slotted(input[type=password])::-moz-placeholder,:host .input-group.error ::slotted(input[type=tel])::-moz-placeholder,:host .input-group.error ::slotted(input[type=text])::-moz-placeholder,:host .input-group.error ::slotted(input[type=time])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=date])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=email])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=month])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=number])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=password])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=tel])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=text])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=time])::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::placeholder,:host .input-group.error ::slotted(input[type=email])::placeholder,:host .input-group.error ::slotted(input[type=month])::placeholder,:host .input-group.error ::slotted(input[type=number])::placeholder,:host .input-group.error ::slotted(input[type=password])::placeholder,:host .input-group.error ::slotted(input[type=tel])::placeholder,:host .input-group.error ::slotted(input[type=text])::placeholder,:host .input-group.error ::slotted(input[type=time])::placeholder,:host .input-group[error] ::slotted(input[type=date])::placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::placeholder,:host .input-group[error] ::slotted(input[type=email])::placeholder,:host .input-group[error] ::slotted(input[type=month])::placeholder,:host .input-group[error] ::slotted(input[type=number])::placeholder,:host .input-group[error] ::slotted(input[type=password])::placeholder,:host .input-group[error] ::slotted(input[type=tel])::placeholder,:host .input-group[error] ::slotted(input[type=text])::placeholder,:host .input-group[error] ::slotted(input[type=time])::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix,:host .input-group.error .suffix,:host .input-group[error] .prefix,:host .input-group[error] .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error .prefix::-moz-placeholder,:host .input-group.error .suffix::-moz-placeholder,:host .input-group[error] .prefix::-moz-placeholder,:host .input-group[error] .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix::placeholder,:host .input-group.error .suffix::placeholder,:host .input-group[error] .prefix::placeholder,:host .input-group[error] .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";
|
|
4
4
|
|
|
5
5
|
const InputGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -12,14 +12,16 @@ const InputGroup = class {
|
|
|
12
12
|
const hasLabelSlot = !!this._el.querySelector('[slot="label"]');
|
|
13
13
|
const hasPrefixSlot = !!this._el.querySelector('[slot="prefix"]');
|
|
14
14
|
const hasSuffixSlot = !!this._el.querySelector('[slot="suffix"]');
|
|
15
|
+
const hasHeaderSlot = !!this._el.querySelector('[slot="header"]');
|
|
15
16
|
const helper = hasHelperSlot ? h("slot", { name: "helper" }) : this.helper;
|
|
16
17
|
const label = hasLabelSlot ? h("slot", { name: "label" }) : this.label;
|
|
17
18
|
const prefix = hasPrefixSlot ? h("slot", { name: "prefix" }) : this.prefix;
|
|
18
19
|
const suffix = hasSuffixSlot ? h("slot", { name: "suffix" }) : this.suffix;
|
|
20
|
+
console.log(helper);
|
|
19
21
|
const errorAndErrorIsNotBoolean = this.error &&
|
|
20
22
|
typeof this.error === 'string' &&
|
|
21
23
|
this.error !== 'true';
|
|
22
|
-
return (h(Host, { class: "p-input-group" }, h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` }, h("div", { class: "flex justify-between items-end" }, h("div", { class: "input-label" }, label), h("div", { class: "input-header" }, h("slot", { name: "header" }), helper && h("p-helper", null, helper))), h("div", { class: "content" }, (prefix || this.icon) && (h("div", { class: "prefix" }, this.icon ? (h("p-icon", { variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (h("p-tooltip", { class: "flex", variant: "error", popover: this.error }, h("p-icon", { class: "text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), h("slot", { name: "input" })))));
|
|
24
|
+
return (h(Host, { class: "p-input-group" }, h("div", { class: `input-group ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) && 'error'}` }, h("div", { class: "flex justify-between items-end" }, label && h("div", { class: "input-label" }, label), (helper || hasHeaderSlot) && (h("div", { class: "input-header" }, hasHeaderSlot && h("slot", { name: "header" }), helper && h("p-helper", null, helper)))), h("div", { class: "content" }, (prefix || this.icon) && (h("div", { class: "prefix" }, this.icon ? (h("p-icon", { variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix || errorAndErrorIsNotBoolean) && (h("div", { class: "suffix" }, errorAndErrorIsNotBoolean ? (h("p-tooltip", { class: "flex", variant: "error", popover: this.error }, h("p-icon", { class: "text-negative-light hover:text-negative", slot: "content", variant: "explanation" }))) : (suffix))), h("slot", { name: "input" })))));
|
|
23
25
|
}
|
|
24
26
|
get _el() { return getElement(this); }
|
|
25
27
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-fff70567.js';
|
|
2
2
|
|
|
3
|
-
const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:40rem){:host .topbar{order:1}}:host .sidebar{display:flex;
|
|
3
|
+
const layoutComponentCss = ".static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:\"topbar topbar\" \"sidebar content\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:40rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:40rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-y:auto;position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content .inner-content{padding:2rem}}@media (min-width:64rem){:host .content .inner-content{width:45rem}}@media (min-width:80rem){:host .content .inner-content{width:60rem}}@media (min-width:85.375rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:65rem}}@media (min-width:120rem){:host .content .inner-content{width:70rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:\"topbar topbar\" \"content sidebar\"}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:40rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{order:3}@media (min-width:40rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box}@media (min-width:40rem){:host(.variant-login) .content .inner-content{padding:0 4.5rem;width:30rem}}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}.tablet\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:64rem){.desktop-xs\\:w-content-desktop-xs{width:45rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:60rem!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:65rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:65rem!important}}";
|
|
4
4
|
|
|
5
5
|
const Layout = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -11,7 +11,7 @@ const Layout = class {
|
|
|
11
11
|
this.variant = 'default';
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("
|
|
14
|
+
return (h(Host, { class: `p-layout variant-${this.variant}` }, h("div", { class: "topbar" }, h("slot", { name: "topbar" })), h("div", { class: "sidebar" }, h("slot", { name: "sidebar" })), h("div", { class: "content" }, h("div", { class: "inner-content" }, h("slot", { name: "content" })))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
Layout.style = layoutComponentCss;
|
package/dist/esm/paperless.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-input-group",[[
|
|
16
|
+
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-button_3",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-input-group",[[1,"p-input-group",{"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"label":[1],"helper":[1],"error":[513]}]]],["p-stepper",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["p-accordion",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-navigation-item",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-pagination",[[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"total":[2]}]]],["p-card-header",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-dropdown",[[1,"p-dropdown",{"placement":[1],"show":[4],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-profile",[[1,"p-profile"]]],["p-segment-item",[[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-status",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-tab-group",[[1,"p-tab-group"]]],["p-avatar-group",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-layout",[[1,"p-layout",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-tab-item",[[1,"p-tab-item",{"active":[4]}]]],["p-tag",[[1,"p-tag",{"variant":[513],"circle":[516]}]]],["p-tooltip",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-helper",[[1,"p-helper"]]],["p-avatar",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["p-stepper-item_2",[[1,"p-stepper-item",{"align":[513],"direction":[513],"finished":[516],"active":[516]}],[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-divider",[[1,"p-divider"]]],["p-modal-backdrop_5",[[1,"p-modal-footer"],[1,"p-modal-backdrop"],[1,"p-modal-body",{"variant":[1]}],[4,"p-modal-container",{"size":[1]}],[1,"p-modal-header"]]]], options);
|
|
17
17
|
});
|
package/dist/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-08-
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-08-30T13:41:31">
|
|
2
2
|
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
|
|
3
3
|
window.addEventListener('load', function() {
|
|
4
4
|
navigator.serviceWorker.register('/sw.js')
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as a,H as r}from"./p-0100c1a2.js";const e=class{constructor(a){t(this,a),this.arrow=!1}render(){var t,e;return a(r,{class:"p-card-header"},a("slot",{name:"prefix"}),((null===(t=this.header)||void 0===t?void 0:t.length)||this.arrow)&&a("div",{class:"title"},null!==(e=this.header)&&void 0!==e?e:"",this.arrow&&a("p-icon",{variant:"arrow"})),a("slot",{name:"suffix"}))}};e.style=".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{align-items:center;display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";export{e as p_card_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as r,g as e}from"./p-0100c1a2.js";const p=class{constructor(o){t(this,o)}render(){var t;const e=!!this._el.querySelector('[slot="helper"]'),p=!!this._el.querySelector('[slot="label"]'),i=!!this._el.querySelector('[slot="prefix"]'),n=!!this._el.querySelector('[slot="suffix"]'),u=!!this._el.querySelector('[slot="header"]'),s=e?o("slot",{name:"helper"}):this.helper,l=p?o("slot",{name:"label"}):this.label,a=i?o("slot",{name:"prefix"}):this.prefix,d=n?o("slot",{name:"suffix"}):this.suffix;console.log(s);const h=this.error&&"string"==typeof this.error&&"true"!==this.error;return o(r,{class:"p-input-group"},o("div",{class:`input-group ${(null===(t=this.error)||void 0===t?void 0:t.length)&&"error"}`},o("div",{class:"flex justify-between items-end"},l&&o("div",{class:"input-label"},l),(s||u)&&o("div",{class:"input-header"},u&&o("slot",{name:"header"}),s&&o("p-helper",null,s))),o("div",{class:"content"},(a||this.icon)&&o("div",{class:"prefix"},this.icon?o("p-icon",{variant:this.icon,rotate:this.iconRotate,flip:this.iconFlip}):a),(d||h)&&o("div",{class:"suffix"},h?o("p-tooltip",{class:"flex",variant:"error",popover:this.error},o("p-icon",{class:"text-negative-light hover:text-negative",slot:"content",variant:"explanation"})):d),o("slot",{name:"input"}))))}get _el(){return e(this)}};p.style=".visible{visibility:visible!important}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between!important}.rounded-tr-none{border-top-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.border{border-width:1px!important}.border-r-0{border-right-width:0!important}.border-l-0{border-left-width:0!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-negative-light,.text-storm{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.outline-0{outline-width:0!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:host{display:block;width:100%}:host .input-group{display:flex;flex-direction:column;width:100%}:host .input-group .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;text-transform:uppercase}:host .input-group .input-header{display:flex;gap:1rem}:host .input-group .content{display:flex}:host .input-group .content .prefix,:host .input-group .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px!important;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;height:2.5rem;justify-content:flex-start;outline-width:0!important;padding-left:1rem;padding-right:1rem;width:100%}:host .input-group .content .prefix::-moz-placeholder,:host .input-group .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix::placeholder,:host .input-group .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity))}:host .input-group .content .prefix.focus,:host .input-group .content .prefix:focus,:host .input-group .content .prefix:focus-visible,:host .input-group .content .suffix.focus,:host .input-group .content .suffix:focus,:host .input-group .content .suffix:focus-visible{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}:host .input-group .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .input-group .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .input-group .content ::slotted(input[type=date]),:host .input-group .content ::slotted(input[type=datetime-local]),:host .input-group .content ::slotted(input[type=email]),:host .input-group .content ::slotted(input[type=month]),:host .input-group .content ::slotted(input[type=number]),:host .input-group .content ::slotted(input[type=password]),:host .input-group .content ::slotted(input[type=tel]),:host .input-group .content ::slotted(input[type=text]),:host .input-group .content ::slotted(input[type=time]){order:2}:host .input-group .content .prefix+::slotted(input[type=date]),:host .input-group .content .prefix+::slotted(input[type=datetime-local]),:host .input-group .content .prefix+::slotted(input[type=email]),:host .input-group .content .prefix+::slotted(input[type=month]),:host .input-group .content .prefix+::slotted(input[type=number]),:host .input-group .content .prefix+::slotted(input[type=password]),:host .input-group .content .prefix+::slotted(input[type=tel]),:host .input-group .content .prefix+::slotted(input[type=text]),:host .input-group .content .prefix+::slotted(input[type=time]){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .input-group .content .suffix+::slotted(input[type=date]),:host .input-group .content .suffix+::slotted(input[type=datetime-local]),:host .input-group .content .suffix+::slotted(input[type=email]),:host .input-group .content .suffix+::slotted(input[type=month]),:host .input-group .content .suffix+::slotted(input[type=number]),:host .input-group .content .suffix+::slotted(input[type=password]),:host .input-group .content .suffix+::slotted(input[type=tel]),:host .input-group .content .suffix+::slotted(input[type=text]),:host .input-group .content .suffix+::slotted(input[type=time]){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host .input-group.focus .prefix,:host .input-group.focus .suffix,:host .input-group:focus-within .prefix,:host .input-group:focus-within .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date]),:host .input-group.error ::slotted(input[type=datetime-local]),:host .input-group.error ::slotted(input[type=email]),:host .input-group.error ::slotted(input[type=month]),:host .input-group.error ::slotted(input[type=number]),:host .input-group.error ::slotted(input[type=password]),:host .input-group.error ::slotted(input[type=tel]),:host .input-group.error ::slotted(input[type=text]),:host .input-group.error ::slotted(input[type=time]),:host .input-group[error] ::slotted(input[type=date]),:host .input-group[error] ::slotted(input[type=datetime-local]),:host .input-group[error] ::slotted(input[type=email]),:host .input-group[error] ::slotted(input[type=month]),:host .input-group[error] ::slotted(input[type=number]),:host .input-group[error] ::slotted(input[type=password]),:host .input-group[error] ::slotted(input[type=tel]),:host .input-group[error] ::slotted(input[type=text]),:host .input-group[error] ::slotted(input[type=time]){--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::-moz-placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group.error ::slotted(input[type=email])::-moz-placeholder,:host .input-group.error ::slotted(input[type=month])::-moz-placeholder,:host .input-group.error ::slotted(input[type=number])::-moz-placeholder,:host .input-group.error ::slotted(input[type=password])::-moz-placeholder,:host .input-group.error ::slotted(input[type=tel])::-moz-placeholder,:host .input-group.error ::slotted(input[type=text])::-moz-placeholder,:host .input-group.error ::slotted(input[type=time])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=date])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=email])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=month])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=number])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=password])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=tel])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=text])::-moz-placeholder,:host .input-group[error] ::slotted(input[type=time])::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error ::slotted(input[type=date])::placeholder,:host .input-group.error ::slotted(input[type=datetime-local])::placeholder,:host .input-group.error ::slotted(input[type=email])::placeholder,:host .input-group.error ::slotted(input[type=month])::placeholder,:host .input-group.error ::slotted(input[type=number])::placeholder,:host .input-group.error ::slotted(input[type=password])::placeholder,:host .input-group.error ::slotted(input[type=tel])::placeholder,:host .input-group.error ::slotted(input[type=text])::placeholder,:host .input-group.error ::slotted(input[type=time])::placeholder,:host .input-group[error] ::slotted(input[type=date])::placeholder,:host .input-group[error] ::slotted(input[type=datetime-local])::placeholder,:host .input-group[error] ::slotted(input[type=email])::placeholder,:host .input-group[error] ::slotted(input[type=month])::placeholder,:host .input-group[error] ::slotted(input[type=number])::placeholder,:host .input-group[error] ::slotted(input[type=password])::placeholder,:host .input-group[error] ::slotted(input[type=tel])::placeholder,:host .input-group[error] ::slotted(input[type=text])::placeholder,:host .input-group[error] ::slotted(input[type=time])::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix,:host .input-group.error .suffix,:host .input-group[error] .prefix,:host .input-group[error] .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host .input-group.error .prefix::-moz-placeholder,:host .input-group.error .suffix::-moz-placeholder,:host .input-group[error] .prefix::-moz-placeholder,:host .input-group[error] .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host .input-group.error .prefix::placeholder,:host .input-group.error .suffix::placeholder,:host .input-group[error] .prefix::placeholder,:host .input-group[error] .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";export{p as p_input_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as e}from"./p-0100c1a2.js";const n=class{constructor(i){t(this,i),this.variant="default"}render(){return i(e,{class:`p-layout variant-${this.variant}`},i("div",{class:"topbar"},i("slot",{name:"topbar"})),i("div",{class:"sidebar"},i("slot",{name:"sidebar"})),i("div",{class:"content"},i("div",{class:"inner-content"},i("slot",{name:"content"}))))}};n.style='.static{position:static!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:-webkit-sticky;position:sticky;width:100%}@media (min-width:40rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:40rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-y:auto;position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:40rem){:host .content .inner-content{padding:2rem}}@media (min-width:64rem){:host .content .inner-content{width:45rem}}@media (min-width:80rem){:host .content .inner-content{width:60rem}}@media (min-width:85.375rem){:host .content .inner-content{width:65rem}}@media (min-width:90rem){:host .content .inner-content{width:65rem}}@media (min-width:120rem){:host .content .inner-content{width:70rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:40rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{order:3}@media (min-width:40rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box}@media (min-width:40rem){:host(.variant-login) .content .inner-content{padding:0 4.5rem;width:30rem}}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}.tablet\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:64rem){.desktop-xs\\:w-content-desktop-xs{width:45rem!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:60rem!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:65rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:65rem!important}}';export{n as p_layout}
|