@paperless/core 2.12.8 → 2.12.9
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-f7f360d5.entry.js → build/p-621c658d.entry.js} +2 -2
- package/dist/build/p-621c658d.entry.js.map +1 -0
- package/dist/build/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/build/{p-7b87ba83.js → p-cb661661.js} +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-badge.p-segment-container.p-segment-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-badge_3.cjs.entry.js +4 -4
- package/dist/cjs/p-badge_3.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js +3 -3
- package/dist/collection/components/atoms/segment/item/segment-item.component.js.map +1 -1
- package/dist/components/{p-BO_XVUC2.js → p-BGEnz8kT.js} +6 -6
- package/dist/components/{p-BO_XVUC2.js.map → p-BGEnz8kT.js.map} +1 -1
- package/dist/components/{p-CedFb4_3.js → p-gOTNTrIL.js} +3 -3
- package/dist/components/{p-CedFb4_3.js.map → p-gOTNTrIL.js.map} +1 -1
- package/dist/components/p-segment-item.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +2 -2
- package/dist/esm/p-badge.p-segment-container.p-segment-item.entry.js.map +1 -1
- package/dist/esm/p-badge_3.entry.js +4 -4
- package/dist/esm/p-badge_3.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-f7f360d5.entry.js → paperless/p-621c658d.entry.js} +2 -2
- package/dist/paperless/p-621c658d.entry.js.map +1 -0
- package/dist/paperless/p-badge.p-segment-container.p-segment-item.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-f7f360d5.entry.js.map +0 -1
- package/dist/paperless/p-f7f360d5.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segment-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/segment/item/segment-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,WAAW,GAAG,GAAG,CACtB,CAAC,kCAAkC,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAC5E;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,WAAW;YACpB,KAAK,EAAE,0BAA0B;SACjC;QACD,MAAM,EAAE;YACP,KAAK,EAAE;gBACN,gBAAgB;gBAChB,uDAAuD;gBACvD,
|
|
1
|
+
{"version":3,"file":"segment-item.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/segment/item/segment-item.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'dark:hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -5,7 +5,7 @@ import { c as cn } from './p-CT54OXR2.js';
|
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
|
|
7
7
|
|
|
8
|
-
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.
|
|
8
|
+
const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-indigo-200{--tw-text-opacity:1!important;color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
|
|
9
9
|
|
|
10
10
|
const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
|
|
11
11
|
variants: {
|
|
@@ -17,7 +17,7 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
|
|
|
17
17
|
false: [
|
|
18
18
|
'cursor-pointer',
|
|
19
19
|
'text-storm-300 hover:text-storm-500 hover:bg-storm-50',
|
|
20
|
-
'hover:text-white dark:hover:bg-white/15',
|
|
20
|
+
'dark:hover:text-white dark:hover:bg-white/15',
|
|
21
21
|
],
|
|
22
22
|
true: 'bg-indigo-600 text-white',
|
|
23
23
|
},
|
|
@@ -71,11 +71,11 @@ const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends H
|
|
|
71
71
|
iconRotate;
|
|
72
72
|
render() {
|
|
73
73
|
const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
|
|
74
|
-
return (h(ThemedHost, { key: '
|
|
74
|
+
return (h(ThemedHost, { key: '13b87e6a8765f05e754c7adb579602fc488a18b8' }, h("div", { key: 'd86a917ea8c61d9f78092925afd2e915ebe65f73', class: segmentItem({
|
|
75
75
|
variant: this.variant,
|
|
76
76
|
active: asBoolean(this.active),
|
|
77
77
|
iconOnly: asBoolean(this.iconOnly),
|
|
78
|
-
}) }, this.icon && (h("p-icon", { key: '
|
|
78
|
+
}) }, this.icon && (h("p-icon", { key: 'cf107a211726774ca53da24ccf8878145c2ac3ba', class: cn('mb-1', {
|
|
79
79
|
'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
|
|
80
80
|
'text-indigo-200': asBoolean(this.active),
|
|
81
81
|
}), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
|
|
@@ -113,6 +113,6 @@ function defineCustomElement() {
|
|
|
113
113
|
defineCustomElement();
|
|
114
114
|
|
|
115
115
|
export { SegmentItem as S, defineCustomElement as d };
|
|
116
|
-
//# sourceMappingURL=p-
|
|
116
|
+
//# sourceMappingURL=p-BGEnz8kT.js.map
|
|
117
117
|
|
|
118
|
-
//# sourceMappingURL=p-
|
|
118
|
+
//# sourceMappingURL=p-BGEnz8kT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BGEnz8kT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer',\n\t\t\t\t\t'text-storm-300 hover:text-storm-500 hover:bg-storm-50',\n\t\t\t\t\t'dark:hover:text-white dark:hover:bg-white/15',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-indigo-600 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-hurricane-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'block',\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n\tshadow: true,\n})\nexport class SegmentItem {\n\t/**\n\t * The size of the\n\t */\n\t@Prop() variant: 'default' | 'block' = 'default';\n\n\t/**\n\t * Wether the segment item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the segment item is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon to show on the segment item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={segmentItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div class='flex flex-col items-center'>\n\t\t\t\t\t\t\t<p class={cn('my-0 font-medium empty:hidden', {})}>\n\t\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{descriptionSlot && (\n\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200': !asBoolean(\n\t\t\t\t\t\t\t\t\t\t\tthis.active\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -11,7 +11,7 @@ import { d as defineCustomElement$6 } from './p-BjTLGpAE.js';
|
|
|
11
11
|
import { d as defineCustomElement$5 } from './p-BHphGfv6.js';
|
|
12
12
|
import { d as defineCustomElement$4 } from './p-BFbLqg3-.js';
|
|
13
13
|
import { d as defineCustomElement$3 } from './p-CWCxhtvB.js';
|
|
14
|
-
import { d as defineCustomElement$2 } from './p-
|
|
14
|
+
import { d as defineCustomElement$2 } from './p-BGEnz8kT.js';
|
|
15
15
|
import { d as defineCustomElement$1 } from './p-BUzthIe4.js';
|
|
16
16
|
|
|
17
17
|
var cjs = {};
|
|
@@ -9724,6 +9724,6 @@ function defineCustomElement() {
|
|
|
9724
9724
|
defineCustomElement();
|
|
9725
9725
|
|
|
9726
9726
|
export { TableHeader as T, defineCustomElement as d };
|
|
9727
|
-
//# sourceMappingURL=p-
|
|
9727
|
+
//# sourceMappingURL=p-gOTNTrIL.js.map
|
|
9728
9728
|
|
|
9729
|
-
//# sourceMappingURL=p-
|
|
9729
|
+
//# sourceMappingURL=p-gOTNTrIL.js.map
|