@paperless/core 0.1.0-alpha.48 → 0.1.0-alpha.50
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 +22 -0
- package/dist/{paperless/p-63e5f5e1.entry.js → build/p-0fc4e043.entry.js} +1 -1
- package/dist/build/p-2c23d197.entry.js +1 -0
- package/dist/build/p-2c7eebe0.entry.js +1 -0
- package/dist/build/p-67079a0b.entry.js +1 -0
- package/dist/build/p-7cf04cb4.entry.js +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index-f9c302b6.js +12 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-avatar-group.cjs.entry.js +19 -0
- package/dist/cjs/p-avatar.cjs.entry.js +2 -2
- package/dist/cjs/p-button_3.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-line_2.cjs.entry.js +56 -0
- package/dist/cjs/p-stepper.cjs.entry.js +72 -0
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +6 -2
- package/dist/collection/components/atoms/avatar/avatar.component.css +8 -15
- package/dist/collection/components/atoms/avatar/avatar.component.js +3 -4
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.css +18 -0
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.js +36 -0
- package/dist/collection/components/atoms/divider/divider.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
- package/dist/collection/components/atoms/icon/icon.component.css +1 -1
- package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.css +1 -1
- package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
- package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
- package/dist/collection/components/atoms/modal-header/modal-header.component.css +1 -1
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.css +18 -0
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.js +62 -0
- package/dist/collection/components/atoms/stepper-step/stepper-step.component.css +59 -0
- package/dist/collection/components/atoms/stepper-step/stepper-step.component.js +109 -0
- package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
- package/dist/collection/components/molecules/stepper/stepper.component.css +12 -0
- package/dist/collection/components/molecules/stepper/stepper.component.js +107 -0
- package/dist/collection/components/{molecules → organisms}/modal/modal.component.js +0 -0
- package/dist/components/icon.component.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +4 -0
- package/dist/components/p-avatar-group.d.ts +11 -0
- package/dist/components/p-avatar-group.js +34 -0
- package/dist/components/p-avatar.js +5 -6
- package/dist/components/p-stepper-line.d.ts +11 -0
- package/dist/components/p-stepper-line.js +6 -0
- package/dist/components/p-stepper-step.d.ts +11 -0
- package/dist/components/p-stepper-step.js +6 -0
- package/dist/components/p-stepper.d.ts +11 -0
- package/dist/components/p-stepper.js +107 -0
- package/dist/components/stepper-line.component.js +41 -0
- package/dist/components/stepper-step.component.js +57 -0
- package/dist/esm/index-fff70567.js +12 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-avatar-group.entry.js +15 -0
- package/dist/esm/p-avatar.entry.js +2 -2
- package/dist/esm/p-button_3.entry.js +1 -1
- package/dist/esm/p-stepper-line_2.entry.js +51 -0
- package/dist/esm/p-stepper.entry.js +68 -0
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-63e5f5e1.entry.js → paperless/p-0fc4e043.entry.js} +1 -1
- package/dist/paperless/p-2c23d197.entry.js +1 -0
- package/dist/paperless/p-2c7eebe0.entry.js +1 -0
- package/dist/paperless/p-67079a0b.entry.js +1 -0
- package/dist/paperless/p-7cf04cb4.entry.js +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/avatar-group/avatar-group.component.d.ts +7 -0
- package/dist/types/components/atoms/stepper-line/stepper-line.component.d.ts +11 -0
- package/dist/types/components/atoms/stepper-step/stepper-step.component.d.ts +19 -0
- package/dist/types/components/molecules/stepper/stepper.component.d.ts +18 -0
- package/dist/types/components/{molecules → organisms}/modal/modal.component.d.ts +0 -0
- package/dist/types/components.d.ts +124 -0
- package/package.json +1 -1
- package/dist/build/p-19d84fe7.entry.js +0 -1
- package/dist/paperless/p-19d84fe7.entry.js +0 -1
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}
|
|
3
|
+
const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]>img{height:5rem;width:5rem}p-avatar[size=large]>img{height:7rem;width:7rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
|
|
4
4
|
|
|
5
5
|
const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
7
7
|
super();
|
|
8
8
|
this.__registerHost();
|
|
9
|
-
this.__attachShadow();
|
|
10
9
|
/**
|
|
11
10
|
* The variant of the avatar
|
|
12
11
|
*/
|
|
@@ -18,7 +17,7 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
18
17
|
this._src = this.src;
|
|
19
18
|
}
|
|
20
19
|
render() {
|
|
21
|
-
return (h(Host, { class:
|
|
20
|
+
return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
|
|
22
21
|
}
|
|
23
22
|
_setDefaultLink() {
|
|
24
23
|
var _a;
|
|
@@ -28,9 +27,9 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
28
27
|
: '/assets/images/avatar/company-default.svg');
|
|
29
28
|
}
|
|
30
29
|
static get style() { return avatarComponentCss; }
|
|
31
|
-
}, [
|
|
32
|
-
"variant": [
|
|
33
|
-
"size": [
|
|
30
|
+
}, [0, "p-avatar", {
|
|
31
|
+
"variant": [513],
|
|
32
|
+
"size": [513],
|
|
34
33
|
"defaultImage": [1, "default-image"],
|
|
35
34
|
"src": [1],
|
|
36
35
|
"_src": [32]
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PStepperLine extends Components.PStepperLine, HTMLElement {}
|
|
4
|
+
export const PStepperLine: {
|
|
5
|
+
prototype: PStepperLine;
|
|
6
|
+
new (): PStepperLine;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PStepperStep extends Components.PStepperStep, HTMLElement {}
|
|
4
|
+
export const PStepperStep: {
|
|
5
|
+
prototype: PStepperStep;
|
|
6
|
+
new (): PStepperStep;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PStepper extends Components.PStepper, HTMLElement {}
|
|
4
|
+
export const PStepper: {
|
|
5
|
+
prototype: PStepper;
|
|
6
|
+
new (): PStepper;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$4 } from './icon.component.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './stepper-line.component.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './stepper-step.component.js';
|
|
5
|
+
|
|
6
|
+
const stepperComponentCss = ".static{position:static!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
7
|
+
|
|
8
|
+
const Stepper = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
this.__registerHost();
|
|
12
|
+
this.__attachShadow();
|
|
13
|
+
/**
|
|
14
|
+
* The currently active step
|
|
15
|
+
*/
|
|
16
|
+
this.activeStep = 1;
|
|
17
|
+
/**
|
|
18
|
+
* The direction of the stepper
|
|
19
|
+
*/
|
|
20
|
+
this.direction = 'horizontal';
|
|
21
|
+
}
|
|
22
|
+
componentWillRender() {
|
|
23
|
+
const activeStep = this.activeStep - 1;
|
|
24
|
+
this._steps = this._generateSteps(activeStep);
|
|
25
|
+
console.log(this._steps);
|
|
26
|
+
}
|
|
27
|
+
render() {
|
|
28
|
+
return h(Host, { class: "p-stepper" }, this._steps);
|
|
29
|
+
}
|
|
30
|
+
_generateSteps(activeStep) {
|
|
31
|
+
const elements = [];
|
|
32
|
+
const steps = this._el.querySelectorAll('p-stepper-step');
|
|
33
|
+
for (let i = 0; i < (steps === null || steps === void 0 ? void 0 : steps.length); i++) {
|
|
34
|
+
const step = steps.item(i);
|
|
35
|
+
if (i > 0) {
|
|
36
|
+
elements.push(h("p-stepper-line", { direction: this.direction, active: i <= activeStep }));
|
|
37
|
+
}
|
|
38
|
+
const newStep = (h("p-stepper-step", { active: i === activeStep, finished: i < activeStep, direction: this.direction, align: i === 0
|
|
39
|
+
? 'start'
|
|
40
|
+
: i === (steps === null || steps === void 0 ? void 0 : steps.length) - 1
|
|
41
|
+
? 'end'
|
|
42
|
+
: 'center' }, step.innerHTML));
|
|
43
|
+
elements.push(newStep);
|
|
44
|
+
}
|
|
45
|
+
return elements;
|
|
46
|
+
// return this._el
|
|
47
|
+
// .querySelectorAll('p-stepper-step')
|
|
48
|
+
// .map((child: any, index) => {
|
|
49
|
+
// return (
|
|
50
|
+
// <>
|
|
51
|
+
// {index > 0 && (
|
|
52
|
+
// <div
|
|
53
|
+
// className={`flex-auto transform ${
|
|
54
|
+
// direction === 'horizontal'
|
|
55
|
+
// ? 'border-t-2 mb-3 -translate-y-1/2'
|
|
56
|
+
// : 'border-r-2 ml-2 -translate-x-1/2'
|
|
57
|
+
// } transition duration-500 ease-in-out ${
|
|
58
|
+
// index <= activeStep
|
|
59
|
+
// ? 'border-indigo'
|
|
60
|
+
// : 'border-mystic-dark'
|
|
61
|
+
// }`}
|
|
62
|
+
// ></div>
|
|
63
|
+
// )}
|
|
64
|
+
// {child}
|
|
65
|
+
// </>
|
|
66
|
+
// );
|
|
67
|
+
// });
|
|
68
|
+
}
|
|
69
|
+
get _el() { return this; }
|
|
70
|
+
static get style() { return stepperComponentCss; }
|
|
71
|
+
}, [1, "p-stepper", {
|
|
72
|
+
"activeStep": [2, "active-step"],
|
|
73
|
+
"direction": [513]
|
|
74
|
+
}]);
|
|
75
|
+
function defineCustomElement$1() {
|
|
76
|
+
if (typeof customElements === "undefined") {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
const components = ["p-stepper", "p-icon", "p-stepper-line", "p-stepper-step"];
|
|
80
|
+
components.forEach(tagName => { switch (tagName) {
|
|
81
|
+
case "p-stepper":
|
|
82
|
+
if (!customElements.get(tagName)) {
|
|
83
|
+
customElements.define(tagName, Stepper);
|
|
84
|
+
}
|
|
85
|
+
break;
|
|
86
|
+
case "p-icon":
|
|
87
|
+
if (!customElements.get(tagName)) {
|
|
88
|
+
defineCustomElement$4();
|
|
89
|
+
}
|
|
90
|
+
break;
|
|
91
|
+
case "p-stepper-line":
|
|
92
|
+
if (!customElements.get(tagName)) {
|
|
93
|
+
defineCustomElement$3();
|
|
94
|
+
}
|
|
95
|
+
break;
|
|
96
|
+
case "p-stepper-step":
|
|
97
|
+
if (!customElements.get(tagName)) {
|
|
98
|
+
defineCustomElement$2();
|
|
99
|
+
}
|
|
100
|
+
break;
|
|
101
|
+
} });
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
const PStepper = Stepper;
|
|
105
|
+
const defineCustomElement = defineCustomElement$1;
|
|
106
|
+
|
|
107
|
+
export { PStepper, defineCustomElement };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
|
|
3
|
+
const stepperLineComponentCss = ".static{position:static!important}.mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.w-\\[2px\\]{width:2px!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
4
|
+
|
|
5
|
+
const StepperLine = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
|
+
constructor() {
|
|
7
|
+
super();
|
|
8
|
+
this.__registerHost();
|
|
9
|
+
this.__attachShadow();
|
|
10
|
+
/**
|
|
11
|
+
* Wether the line is active
|
|
12
|
+
*/
|
|
13
|
+
this.active = false;
|
|
14
|
+
/**
|
|
15
|
+
* The direction of the stepper line
|
|
16
|
+
*/
|
|
17
|
+
this.direction = 'horizontal';
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
return h(Host, { class: "p-stepper-line" });
|
|
21
|
+
}
|
|
22
|
+
static get style() { return stepperLineComponentCss; }
|
|
23
|
+
}, [1, "p-stepper-line", {
|
|
24
|
+
"active": [516],
|
|
25
|
+
"direction": [513]
|
|
26
|
+
}]);
|
|
27
|
+
function defineCustomElement() {
|
|
28
|
+
if (typeof customElements === "undefined") {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const components = ["p-stepper-line"];
|
|
32
|
+
components.forEach(tagName => { switch (tagName) {
|
|
33
|
+
case "p-stepper-line":
|
|
34
|
+
if (!customElements.get(tagName)) {
|
|
35
|
+
customElements.define(tagName, StepperLine);
|
|
36
|
+
}
|
|
37
|
+
break;
|
|
38
|
+
} });
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export { StepperLine as S, defineCustomElement as d };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$1 } from './icon.component.js';
|
|
3
|
+
|
|
4
|
+
const stepperStepComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.ml-4{margin-left:1rem!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-round{border-radius:100%!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{align-items:flex-end;display:flex;justify-content:center;position:relative}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
5
|
+
|
|
6
|
+
const StepperStep = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
this.__attachShadow();
|
|
11
|
+
/**
|
|
12
|
+
* The alignment of the step content
|
|
13
|
+
*/
|
|
14
|
+
this.align = 'center';
|
|
15
|
+
/**
|
|
16
|
+
* The direction of the stepper step
|
|
17
|
+
*/
|
|
18
|
+
this.direction = 'horizontal';
|
|
19
|
+
/**
|
|
20
|
+
* Wether the step is finished
|
|
21
|
+
*/
|
|
22
|
+
this.finished = false;
|
|
23
|
+
/**
|
|
24
|
+
* Wether the step is active
|
|
25
|
+
*/
|
|
26
|
+
this.active = false;
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return (h(Host, { class: "p-stepper-step" }, h("div", { class: "content" }, h("slot", null)), h("div", { class: "circle" }, this.finished && h("p-icon", { variant: "checkmark" }))));
|
|
30
|
+
}
|
|
31
|
+
static get style() { return stepperStepComponentCss; }
|
|
32
|
+
}, [1, "p-stepper-step", {
|
|
33
|
+
"align": [513],
|
|
34
|
+
"direction": [513],
|
|
35
|
+
"finished": [516],
|
|
36
|
+
"active": [516]
|
|
37
|
+
}]);
|
|
38
|
+
function defineCustomElement() {
|
|
39
|
+
if (typeof customElements === "undefined") {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
const components = ["p-stepper-step", "p-icon"];
|
|
43
|
+
components.forEach(tagName => { switch (tagName) {
|
|
44
|
+
case "p-stepper-step":
|
|
45
|
+
if (!customElements.get(tagName)) {
|
|
46
|
+
customElements.define(tagName, StepperStep);
|
|
47
|
+
}
|
|
48
|
+
break;
|
|
49
|
+
case "p-icon":
|
|
50
|
+
if (!customElements.get(tagName)) {
|
|
51
|
+
defineCustomElement$1();
|
|
52
|
+
}
|
|
53
|
+
break;
|
|
54
|
+
} });
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
export { StepperStep as S, defineCustomElement as d };
|
|
@@ -1599,6 +1599,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
1599
1599
|
return import(
|
|
1600
1600
|
/* webpackMode: "lazy" */
|
|
1601
1601
|
'./p-avatar.entry.js').then(processMod, consoleError);
|
|
1602
|
+
case 'p-avatar-group':
|
|
1603
|
+
return import(
|
|
1604
|
+
/* webpackMode: "lazy" */
|
|
1605
|
+
'./p-avatar-group.entry.js').then(processMod, consoleError);
|
|
1602
1606
|
case 'p-card-body':
|
|
1603
1607
|
return import(
|
|
1604
1608
|
/* webpackMode: "lazy" */
|
|
@@ -1655,6 +1659,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
1655
1659
|
return import(
|
|
1656
1660
|
/* webpackMode: "lazy" */
|
|
1657
1661
|
'./p-status.entry.js').then(processMod, consoleError);
|
|
1662
|
+
case 'p-stepper':
|
|
1663
|
+
return import(
|
|
1664
|
+
/* webpackMode: "lazy" */
|
|
1665
|
+
'./p-stepper.entry.js').then(processMod, consoleError);
|
|
1658
1666
|
case 'p-counter':
|
|
1659
1667
|
return import(
|
|
1660
1668
|
/* webpackMode: "lazy" */
|
|
@@ -1671,6 +1679,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
1671
1679
|
return import(
|
|
1672
1680
|
/* webpackMode: "lazy" */
|
|
1673
1681
|
'./p-pagination-item.entry.js').then(processMod, consoleError);
|
|
1682
|
+
case 'p-stepper-line_2':
|
|
1683
|
+
return import(
|
|
1684
|
+
/* webpackMode: "lazy" */
|
|
1685
|
+
'./p-stepper-line_2.entry.js').then(processMod, consoleError);
|
|
1674
1686
|
case 'p-tooltip':
|
|
1675
1687
|
return import(
|
|
1676
1688
|
/* webpackMode: "lazy" */
|
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-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-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["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-avatar",[[
|
|
13
|
+
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["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-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["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-avatar",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-avatar-group",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["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-stepper-line_2",[[1,"p-stepper-step",{"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"]]],["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]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-fff70567.js';
|
|
2
|
+
|
|
3
|
+
const avatarGroupComponentCss = ".static{position:static!important}.flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";
|
|
4
|
+
|
|
5
|
+
const AvatarGroup = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, { class: "p-avatar-group" }, h("slot", null), this.extra && h("span", { class: "extra" }, "+", this.extra)));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
AvatarGroup.style = avatarGroupComponentCss;
|
|
14
|
+
|
|
15
|
+
export { AvatarGroup as p_avatar_group };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-fff70567.js';
|
|
2
2
|
|
|
3
|
-
const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}
|
|
3
|
+
const avatarComponentCss = ".static{position:static!important}.w-10{width:2.5rem!important}.w-20{width:5rem!important}.w-28{width:7rem!important}.rounded{border-radius:.25rem!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}p-avatar{display:inline-block}p-avatar>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}p-avatar[size=small]>img{height:2.5rem;width:2.5rem}p-avatar[size=medium]>img{height:5rem;width:5rem}p-avatar[size=large]>img{height:7rem;width:7rem}p-avatar[variant=company]>img{border-radius:.25rem}p-avatar[variant=company][size=large]>img,p-avatar[variant=company][size=medium]>img{border-radius:.375rem}p-avatar[variant=user]>img{border-radius:100%}";
|
|
4
4
|
|
|
5
5
|
const Avatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -16,7 +16,7 @@ const Avatar = class {
|
|
|
16
16
|
this._src = this.src;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { class:
|
|
19
|
+
return (h(Host, { class: "p-avatar" }, h("img", { src: this._src, onError: () => this._setDefaultLink() })));
|
|
20
20
|
}
|
|
21
21
|
_setDefaultLink() {
|
|
22
22
|
var _a;
|
|
@@ -934,7 +934,7 @@ const icons = {
|
|
|
934
934
|
warning,
|
|
935
935
|
};
|
|
936
936
|
|
|
937
|
-
const iconComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!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}.justify-center{justify-content:center!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!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}.-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}";
|
|
937
|
+
const iconComponentCss = ".static{position:static!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.justify-center{justify-content:center!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!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}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.-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}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
938
938
|
|
|
939
939
|
const Icon = class {
|
|
940
940
|
constructor(hostRef) {
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-fff70567.js';
|
|
2
|
+
|
|
3
|
+
const stepperLineComponentCss = ".static{position:static!important}.mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.w-\\[2px\\]{width:2px!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
4
|
+
|
|
5
|
+
const StepperLine = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Wether the line is active
|
|
10
|
+
*/
|
|
11
|
+
this.active = false;
|
|
12
|
+
/**
|
|
13
|
+
* The direction of the stepper line
|
|
14
|
+
*/
|
|
15
|
+
this.direction = 'horizontal';
|
|
16
|
+
}
|
|
17
|
+
render() {
|
|
18
|
+
return h(Host, { class: "p-stepper-line" });
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
StepperLine.style = stepperLineComponentCss;
|
|
22
|
+
|
|
23
|
+
const stepperStepComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.ml-4{margin-left:1rem!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-round{border-radius:100%!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{align-items:flex-end;display:flex;justify-content:center;position:relative}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;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))}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
24
|
+
|
|
25
|
+
const StepperStep = class {
|
|
26
|
+
constructor(hostRef) {
|
|
27
|
+
registerInstance(this, hostRef);
|
|
28
|
+
/**
|
|
29
|
+
* The alignment of the step content
|
|
30
|
+
*/
|
|
31
|
+
this.align = 'center';
|
|
32
|
+
/**
|
|
33
|
+
* The direction of the stepper step
|
|
34
|
+
*/
|
|
35
|
+
this.direction = 'horizontal';
|
|
36
|
+
/**
|
|
37
|
+
* Wether the step is finished
|
|
38
|
+
*/
|
|
39
|
+
this.finished = false;
|
|
40
|
+
/**
|
|
41
|
+
* Wether the step is active
|
|
42
|
+
*/
|
|
43
|
+
this.active = false;
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
return (h(Host, { class: "p-stepper-step" }, h("div", { class: "content" }, h("slot", null)), h("div", { class: "circle" }, this.finished && h("p-icon", { variant: "checkmark" }))));
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
StepperStep.style = stepperStepComponentCss;
|
|
50
|
+
|
|
51
|
+
export { StepperLine as p_stepper_line, StepperStep as p_stepper_step };
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { r as registerInstance, h, g as getElement, H as Host } from './index-fff70567.js';
|
|
2
|
+
|
|
3
|
+
const stepperComponentCss = ".static{position:static!important}.mb-3{margin-bottom:.75rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-auto{flex:1 1 auto!important}.-translate-y-1{--tw-translate-y:-0.25rem!important}.-translate-x-1,.-translate-y-1{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}.-translate-x-1{--tw-translate-x:-0.25rem!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}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.border-t-2{border-top-width:2px!important}.border-r-2{border-right-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{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}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.border-indigo,.border-mystic-dark{--tw-border-opacity:1!important}";
|
|
4
|
+
|
|
5
|
+
const Stepper = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* The currently active step
|
|
10
|
+
*/
|
|
11
|
+
this.activeStep = 1;
|
|
12
|
+
/**
|
|
13
|
+
* The direction of the stepper
|
|
14
|
+
*/
|
|
15
|
+
this.direction = 'horizontal';
|
|
16
|
+
}
|
|
17
|
+
componentWillRender() {
|
|
18
|
+
const activeStep = this.activeStep - 1;
|
|
19
|
+
this._steps = this._generateSteps(activeStep);
|
|
20
|
+
console.log(this._steps);
|
|
21
|
+
}
|
|
22
|
+
render() {
|
|
23
|
+
return h(Host, { class: "p-stepper" }, this._steps);
|
|
24
|
+
}
|
|
25
|
+
_generateSteps(activeStep) {
|
|
26
|
+
const elements = [];
|
|
27
|
+
const steps = this._el.querySelectorAll('p-stepper-step');
|
|
28
|
+
for (let i = 0; i < (steps === null || steps === void 0 ? void 0 : steps.length); i++) {
|
|
29
|
+
const step = steps.item(i);
|
|
30
|
+
if (i > 0) {
|
|
31
|
+
elements.push(h("p-stepper-line", { direction: this.direction, active: i <= activeStep }));
|
|
32
|
+
}
|
|
33
|
+
const newStep = (h("p-stepper-step", { active: i === activeStep, finished: i < activeStep, direction: this.direction, align: i === 0
|
|
34
|
+
? 'start'
|
|
35
|
+
: i === (steps === null || steps === void 0 ? void 0 : steps.length) - 1
|
|
36
|
+
? 'end'
|
|
37
|
+
: 'center' }, step.innerHTML));
|
|
38
|
+
elements.push(newStep);
|
|
39
|
+
}
|
|
40
|
+
return elements;
|
|
41
|
+
// return this._el
|
|
42
|
+
// .querySelectorAll('p-stepper-step')
|
|
43
|
+
// .map((child: any, index) => {
|
|
44
|
+
// return (
|
|
45
|
+
// <>
|
|
46
|
+
// {index > 0 && (
|
|
47
|
+
// <div
|
|
48
|
+
// className={`flex-auto transform ${
|
|
49
|
+
// direction === 'horizontal'
|
|
50
|
+
// ? 'border-t-2 mb-3 -translate-y-1/2'
|
|
51
|
+
// : 'border-r-2 ml-2 -translate-x-1/2'
|
|
52
|
+
// } transition duration-500 ease-in-out ${
|
|
53
|
+
// index <= activeStep
|
|
54
|
+
// ? 'border-indigo'
|
|
55
|
+
// : 'border-mystic-dark'
|
|
56
|
+
// }`}
|
|
57
|
+
// ></div>
|
|
58
|
+
// )}
|
|
59
|
+
// {child}
|
|
60
|
+
// </>
|
|
61
|
+
// );
|
|
62
|
+
// });
|
|
63
|
+
}
|
|
64
|
+
get _el() { return getElement(this); }
|
|
65
|
+
};
|
|
66
|
+
Stepper.style = stepperComponentCss;
|
|
67
|
+
|
|
68
|
+
export { Stepper as p_stepper };
|
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-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-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["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-avatar",[[
|
|
16
|
+
return bootstrapLazy([["p-modal",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4]}]]],["p-stepper",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513]}]]],["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-helper",[[1,"p-helper"]]],["p-info-panel",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["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-avatar",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-avatar-group",[[4,"p-avatar-group",{"extra":[2]}]]],["p-card-body",[[4,"p-card-body",{"inheritText":[4,"inherit-text"]}]]],["p-card-container",[[1,"p-card-container",{"hoverable":[4]}]]],["p-dropdown-menu-item",[[1,"p-dropdown-menu-item",{"active":[4]}]]],["p-illustration",[[0,"p-illustration",{"variant":[1]}]]],["p-segment-container",[[4,"p-segment-container"]]],["p-counter",[[1,"p-counter"]]],["p-dropdown-menu-container",[[4,"p-dropdown-menu-container"]]],["p-pagination-item",[[1,"p-pagination-item",{"active":[4]}]]],["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-stepper-line_2",[[1,"p-stepper-step",{"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"]]],["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]}]]]], 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-09T09:24:01">
|
|
2
2
|
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
|
|
3
3
|
window.addEventListener('load', function() {
|
|
4
4
|
navigator.serviceWorker.register('/sw.js')
|