@paperless/core 2.5.2 → 2.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/{paperless/p-7b1035fd.entry.js → build/p-2e887ee9.entry.js} +2 -2
- package/dist/build/p-2e887ee9.entry.js.map +1 -0
- package/dist/build/{p-0720718b.js → p-6c3fe7bb.js} +1 -1
- package/dist/build/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-empty-state_8.cjs.entry.js +3 -3
- package/dist/cjs/p-empty-state_8.cjs.entry.js.map +1 -1
- package/dist/collection/components/molecules/empty-state/empty-state.component.js +3 -3
- package/dist/collection/components/molecules/empty-state/empty-state.component.js.map +1 -1
- package/dist/components/{p-INA5z4A8.js → p-DC4qozte.js} +5 -5
- package/dist/components/{p-INA5z4A8.js.map → p-DC4qozte.js.map} +1 -1
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-table.js +1 -1
- package/dist/esm/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.js.map +1 -1
- package/dist/esm/p-empty-state_8.entry.js +3 -3
- package/dist/esm/p-empty-state_8.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-7b1035fd.entry.js → paperless/p-2e887ee9.entry.js} +2 -2
- package/dist/paperless/p-2e887ee9.entry.js.map +1 -0
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-7b1035fd.entry.js.map +0 -1
- package/dist/paperless/p-7b1035fd.entry.js.map +0 -1
|
@@ -58,11 +58,11 @@ export class EmptyState {
|
|
|
58
58
|
const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
|
|
59
59
|
const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
|
|
60
60
|
const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: '59abb78f94d26bfdd9973425bea0b4001a27a929', class: emptyState({
|
|
62
62
|
enableAction: asBoolean(this.enableAction, true),
|
|
63
63
|
}), onClick: ev => this.enableAction && !this.actionLoading
|
|
64
64
|
? this.action.emit(ev)
|
|
65
|
-
: undefined }, this.illustration && (h("p-illustration", { key: '
|
|
65
|
+
: undefined }, this.illustration && (h("p-illustration", { key: 'cf16ff181ceee0b52e3cf043f6207798ad6ed73f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
|
|
66
66
|
(hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
|
|
67
67
|
}
|
|
68
68
|
static get is() { return "p-empty-state"; }
|
|
@@ -278,7 +278,7 @@ export class EmptyState {
|
|
|
278
278
|
return [{
|
|
279
279
|
"method": "action",
|
|
280
280
|
"name": "action",
|
|
281
|
-
"bubbles":
|
|
281
|
+
"bubbles": false,
|
|
282
282
|
"cancelable": true,
|
|
283
283
|
"composed": true,
|
|
284
284
|
"docs": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty-state.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,OAAO,GACP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAM/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;IACC,QAAQ,EAAE;QACT,YAAY,EAAE;YACb,IAAI,EAAE,gBAAgB;YACtB,KAAK,EAAE,IAAI;SACX;KACD;CACD,CACD,CAAC;AAOF,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,YAAY,CAAsB;IAE1C;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,OAAO,CAAS;IAExB;;OAEG;IACK,YAAY,GAAY,IAAI,CAAC;IAErC;;OAEG;IACK,UAAU,CAAS;IAE3B;;OAEG;IACK,aAAa,GAAkB,WAAW,CAAC;IAEnD;;OAEG;IACK,UAAU,CAAc;IAEhC;;OAEG;IACK,kBAAkB,GAAoB,OAAO,CAAC;IAEtD;;OAEG;IACK,aAAa,GAAY,KAAK,CAAC;IAEvC;;OAEG;
|
|
1
|
+
{"version":3,"file":"empty-state.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/**\n\t * The variant of the illustration\n\t */\n\t@Prop() illustration: IllustrationVariant;\n\n\t/**\n\t * The header of the empty state\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the empty state\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * The variant of the action\n\t */\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/**\n\t * The icon for the action button\n\t */\n\t@Prop() actionIcon: IconVariant;\n\n\t/**\n\t * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Event({\n\t\tbubbles: false\n\t}) action: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-indigo-600'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm font-normal text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -21,7 +21,7 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
|
|
|
21
21
|
super();
|
|
22
22
|
this.__registerHost();
|
|
23
23
|
this.__attachShadow();
|
|
24
|
-
this.action = createEvent(this, "action",
|
|
24
|
+
this.action = createEvent(this, "action", 3);
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
27
|
* The variant of the illustration
|
|
@@ -68,11 +68,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
|
|
|
68
68
|
const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
|
|
69
69
|
const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
|
|
70
70
|
const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
|
|
71
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: '59abb78f94d26bfdd9973425bea0b4001a27a929', class: emptyState({
|
|
72
72
|
enableAction: asBoolean(this.enableAction, true),
|
|
73
73
|
}), onClick: ev => this.enableAction && !this.actionLoading
|
|
74
74
|
? this.action.emit(ev)
|
|
75
|
-
: undefined }, this.illustration && (h("p-illustration", { key: '
|
|
75
|
+
: undefined }, this.illustration && (h("p-illustration", { key: 'cf16ff181ceee0b52e3cf043f6207798ad6ed73f', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300' }, this.content))), this.enableAction &&
|
|
76
76
|
(hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
|
|
77
77
|
}
|
|
78
78
|
static get style() { return emptyStateComponentCss; }
|
|
@@ -123,6 +123,6 @@ function defineCustomElement() {
|
|
|
123
123
|
defineCustomElement();
|
|
124
124
|
|
|
125
125
|
export { EmptyState as E, defineCustomElement as d };
|
|
126
|
-
//# sourceMappingURL=p-
|
|
126
|
+
//# sourceMappingURL=p-DC4qozte.js.map
|
|
127
127
|
|
|
128
|
-
//# sourceMappingURL=p-
|
|
128
|
+
//# sourceMappingURL=p-DC4qozte.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DC4qozte.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,skCAAskC;;ACgBrmC,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,kBAAkB,GAAoB,OAAO;AAErD;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AAGA,IAAA,MAAM;;IAOT,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,8DAA8D,EAAA,EACrE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,qDAAqD,EAAA,EAC5D,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;AACjB,aAAC,aAAa,IACb,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CACC,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAE1B,EAAA,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/**\n\t * The variant of the illustration\n\t */\n\t@Prop() illustration: IllustrationVariant;\n\n\t/**\n\t * The header of the empty state\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the empty state\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * The variant of the action\n\t */\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/**\n\t * The icon for the action button\n\t */\n\t@Prop() actionIcon: IconVariant;\n\n\t/**\n\t * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Event({\n\t\tbubbles: false\n\t}) action: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-5xl text-indigo-600'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm font-normal text-storm-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -12,7 +12,7 @@ import { d as defineCustomElement$r } from './p-Fa6eP7ZQ.js';
|
|
|
12
12
|
import { d as defineCustomElement$q } from './p-B8Ai2EJn.js';
|
|
13
13
|
import { d as defineCustomElement$p } from './p-DUJkO2n3.js';
|
|
14
14
|
import { d as defineCustomElement$o } from './p-3Uu9SRMg.js';
|
|
15
|
-
import { d as defineCustomElement$n } from './p-
|
|
15
|
+
import { d as defineCustomElement$n } from './p-DC4qozte.js';
|
|
16
16
|
import { d as defineCustomElement$m } from './p-BUp9ElaY.js';
|
|
17
17
|
import { d as defineCustomElement$l } from './p-DwtD7Wpi.js';
|
|
18
18
|
import { d as defineCustomElement$k } from './p-rlO7JrUU.js';
|