@paperless/core 2.12.8 → 2.12.10
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/build/p-01fa45f8.entry.js +2 -0
- package/dist/build/p-01fa45f8.entry.js.map +1 -0
- package/dist/build/{p-a23e5f8d.entry.js → p-2c28248e.entry.js} +2 -2
- package/dist/build/{p-9ef30ae2.entry.js → p-598fae40.entry.js} +2 -2
- 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-7b87ba83.js → p-a089eb53.js} +1 -1
- package/dist/build/p-badge.p-segment-container.p-segment-item.entry.esm.js.map +1 -1
- package/dist/build/{p-64e5c2d3.entry.js → p-eacbe5ed.entry.js} +2 -2
- 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-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/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 +5 -5
- package/dist/cjs/p-empty-state_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-listing.cjs.entry.js +2 -2
- package/dist/cjs/p-navbar.cjs.entry.js +1 -1
- package/dist/cjs/p-toast.cjs.entry.js +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/collection/components/molecules/table/footer/table-footer.component.js +3 -2
- package/dist/collection/components/molecules/table/footer/table-footer.component.js.map +1 -1
- package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +2 -2
- package/dist/collection/components/organisms/navbar/navbar.component.js +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-Bexhcusv.js → p-BLxHSHLQ.js} +5 -4
- package/dist/components/p-BLxHSHLQ.js.map +1 -0
- package/dist/components/{p-CicAiqpp.js → p-C5FpvsF3.js} +5 -5
- package/dist/components/{p-CicAiqpp.js.map → p-C5FpvsF3.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-listing.js +2 -2
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-segment-item.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +4 -4
- package/dist/components/p-toast.js +1 -1
- 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/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 +5 -5
- package/dist/esm/p-empty-state_8.entry.js.map +1 -1
- package/dist/esm/p-listing.entry.js +2 -2
- package/dist/esm/p-navbar.entry.js +1 -1
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-01fa45f8.entry.js +2 -0
- package/dist/paperless/p-01fa45f8.entry.js.map +1 -0
- package/dist/paperless/{p-a23e5f8d.entry.js → p-2c28248e.entry.js} +2 -2
- package/dist/paperless/{p-9ef30ae2.entry.js → p-598fae40.entry.js} +2 -2
- 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/{p-64e5c2d3.entry.js → p-eacbe5ed.entry.js} +2 -2
- 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-35cee7aa.entry.js +0 -2
- package/dist/build/p-35cee7aa.entry.js.map +0 -1
- package/dist/build/p-f7f360d5.entry.js.map +0 -1
- package/dist/components/p-Bexhcusv.js.map +0 -1
- package/dist/paperless/p-35cee7aa.entry.js +0 -2
- package/dist/paperless/p-35cee7aa.entry.js.map +0 -1
- package/dist/paperless/p-f7f360d5.entry.js.map +0 -1
- /package/dist/build/{p-a23e5f8d.entry.js.map → p-2c28248e.entry.js.map} +0 -0
- /package/dist/build/{p-9ef30ae2.entry.js.map → p-598fae40.entry.js.map} +0 -0
- /package/dist/build/{p-64e5c2d3.entry.js.map → p-eacbe5ed.entry.js.map} +0 -0
- /package/dist/paperless/{p-a23e5f8d.entry.js.map → p-2c28248e.entry.js.map} +0 -0
- /package/dist/paperless/{p-9ef30ae2.entry.js.map → p-598fae40.entry.js.map} +0 -0
- /package/dist/paperless/{p-64e5c2d3.entry.js.map → p-eacbe5ed.entry.js.map} +0 -0
|
@@ -24,10 +24,10 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (h("div", { key: '
|
|
27
|
+
return (h("div", { key: 'e954f284515928191687375a05d5208ee17ffbe3', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
|
|
28
28
|
'opacity-100': this._generatedOnce,
|
|
29
29
|
'opacity-0': !this._generatedOnce,
|
|
30
|
-
}) }, h("slot", { key: '
|
|
30
|
+
}) }, h("slot", { key: '039dbd2fd4e623de55b5ff54be2b52a4a1f91ad6', onSlotchange: () => this._generateLinesOnce() })));
|
|
31
31
|
}
|
|
32
32
|
_generateLinesOnce() {
|
|
33
33
|
if (this._generateTimeout) {
|
|
@@ -56,7 +56,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
|
|
|
56
56
|
}
|
|
57
57
|
_show = false;
|
|
58
58
|
render() {
|
|
59
|
-
return (h(ThemedHost, { key: '
|
|
59
|
+
return (h(ThemedHost, { key: '5f2ff4851da03caa40914c81f493e0053186a1d2' }, h("p-backdrop", { key: 'b247ba9092f0506407c64e8e748df9d6de9e36f1', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '3c99121497113fefb1ac2f2fc2b676acc31b4c63', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '5ad7202d1d7e028ca77014ce98002ac10e64a32f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '243ccff24471f9ab3aa25612f7ed97650687c918', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'ef8804d44857bee2d615a2bd486ef4ed77b7c14b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '7ed9c5f1df92979c4c224cf678bfb376394bbb89', name: 'company' })), h("div", { key: '69d8cdba81b2b3319e04cc0b723796ea60481d1d', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'bbdcd62739cbcf28f9833ced398144945363c387', name: 'content' })), h("div", { key: '4712c063614b6f3cc911e98bd901ab158acb7613', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: 'f436a502abbf43e780d6e6ad225fa00232623ea7', name: 'user' }))), h("div", { key: '7a478d1164b7da40eedc60e7599e4a3f21eb9cc0', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '5a39fe6c9efe0294fe4871716960ca92444a449e', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '6627f251315d0180b8b5d08bd9e0887259410862', name: 'topbar' }))));
|
|
60
60
|
}
|
|
61
61
|
handleCloseNavbar() {
|
|
62
62
|
this._show = false;
|
|
@@ -25,12 +25,12 @@ import { d as defineCustomElement$e } from './p-9uCNIhdB.js';
|
|
|
25
25
|
import { d as defineCustomElement$d } from './p-DdIXD8-k.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BmKAfzS1.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-CWCxhtvB.js';
|
|
28
|
-
import { d as defineCustomElement$9 } from './p-
|
|
28
|
+
import { d as defineCustomElement$9 } from './p-BGEnz8kT.js';
|
|
29
29
|
import { d as defineCustomElement$8 } from './p-yM044fjo.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-eYUo2y4S.js';
|
|
31
|
-
import { d as defineCustomElement$6 } from './p-
|
|
32
|
-
import { d as defineCustomElement$5 } from './p-
|
|
33
|
-
import { d as defineCustomElement$4 } from './p-
|
|
31
|
+
import { d as defineCustomElement$6 } from './p-BLxHSHLQ.js';
|
|
32
|
+
import { d as defineCustomElement$5 } from './p-gOTNTrIL.js';
|
|
33
|
+
import { d as defineCustomElement$4 } from './p-C5FpvsF3.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-CiEFZmoS.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-BUzthIe4.js';
|
|
36
36
|
|
|
@@ -59,7 +59,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends H {
|
|
|
59
59
|
*/
|
|
60
60
|
action;
|
|
61
61
|
render() {
|
|
62
|
-
return (h(ThemedHost, { key: '
|
|
62
|
+
return (h(ThemedHost, { key: '1d3d5ff149959ae2dfd4faf192e385befcfd281e' }, h("div", { key: '9fe352d50b64480ebd2a011cedf83984705a8217', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '89320334df8de8937a008c74c88db83cd1170dc7', class: indicator({ variant: this.variant }) }), h("div", { key: 'd246b279889a9c4a11b0cad5b929c6d3d15f022b', class: content() }, h("div", { key: '58d0092ea7e71fcf90e7a3e2150cc27ffdab3b4b', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '996faafb1c62cb9d593d3d11fcbff43ee9fb61f5', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'ea2c5f7d028d4ca099d28cda372501be6b8a1167', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '95d601b04ed09864d99a8ce91a58b8faf8a28540', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: 'f9a88408b5e6b9f7babf01506fce4f070e106112', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate })))))));
|
|
63
63
|
}
|
|
64
64
|
_onClick() {
|
|
65
65
|
if (this.enableAction) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","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 } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","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'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"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gxCAAgxC;;ACI1yC,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,+BAA+B;IAC/B,gCAAgC;IAChC,kDAAkD;AAClD,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACzBhB,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACfhB,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-badge.p-segment-container.p-segment-item.entry.js","sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","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 } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","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"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ const SegmentContainer = class {
|
|
|
38
38
|
};
|
|
39
39
|
SegmentContainer.style = segmentContainerComponentCss;
|
|
40
40
|
|
|
41
|
-
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}.
|
|
41
|
+
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}";
|
|
42
42
|
|
|
43
43
|
const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
|
|
44
44
|
variants: {
|
|
@@ -50,7 +50,7 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
|
|
|
50
50
|
false: [
|
|
51
51
|
'cursor-pointer',
|
|
52
52
|
'text-storm-300 hover:text-storm-500 hover:bg-storm-50',
|
|
53
|
-
'hover:text-white dark:hover:bg-white/15',
|
|
53
|
+
'dark:hover:text-white dark:hover:bg-white/15',
|
|
54
54
|
],
|
|
55
55
|
true: 'bg-indigo-600 text-white',
|
|
56
56
|
},
|
|
@@ -102,11 +102,11 @@ const SegmentItem = class {
|
|
|
102
102
|
iconRotate;
|
|
103
103
|
render() {
|
|
104
104
|
const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
|
|
105
|
-
return (h(ThemedHost, { key: '
|
|
105
|
+
return (h(ThemedHost, { key: '13b87e6a8765f05e754c7adb579602fc488a18b8' }, h("div", { key: 'd86a917ea8c61d9f78092925afd2e915ebe65f73', class: segmentItem({
|
|
106
106
|
variant: this.variant,
|
|
107
107
|
active: asBoolean(this.active),
|
|
108
108
|
iconOnly: asBoolean(this.iconOnly),
|
|
109
|
-
}) }, this.icon && (h("p-icon", { key: '
|
|
109
|
+
}) }, this.icon && (h("p-icon", { key: 'cf107a211726774ca53da24ccf8878145c2ac3ba', class: cn('mb-1', {
|
|
110
110
|
'text-storm-300 dark:text-hurricane-200': !asBoolean(this.active),
|
|
111
111
|
'text-indigo-200': asBoolean(this.active),
|
|
112
112
|
}), 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', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,gxCAAgxC;;ACI1yC,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,yCAAyC;IACzC,kBAAkB;IAClB,cAAc;IACd,+BAA+B;IAC/B,gCAAgC;IAChC,kDAAkD;AAClD,CAAA,CAAC;MAOW,KAAK,GAAA,MAAA;;;;IACjB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACzBhB,MAAM,4BAA4B,GAAG,6oCAA6oC;;MCQrqC,gBAAgB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gIAAgI,EAAA,EAC1I,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACM;;;;;ACfhB,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"file":"p-badge.p-segment-container.p-segment-item.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/badge/badge.component.css?tag=p-badge&encapsulation=shadow","src/components/atoms/badge/badge.component.tsx","src/components/atoms/segment/container/segment-container.component.css?tag=p-segment-container&encapsulation=shadow","src/components/atoms/segment/container/segment-container.component.tsx","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 } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst badge = cva([\n\t'inline-flex items-center justify-center',\n\t'h-4 min-w-4 px-1',\n\t'rounded-full',\n\t'bg-storm-100 dark:bg-white/20',\n\t'text-storm-500 dark:text-white',\n\t'text-center text-xs font-semibold tracking-tight',\n]);\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.css',\n\tshadow: true,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={badge()}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","import { Component, h } from '@stencil/core';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\n@Component({\n\ttag: 'p-segment-container',\n\tstyleUrl: 'segment-container.component.css',\n\tshadow: true,\n})\nexport class SegmentContainer {\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1 dark:border-hurricane-400 dark:bg-hurricane-600'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n","","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}
|