@paperless/core 2.16.3 → 2.17.8
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/dist/build/p-0534c8fc.js +2 -0
- package/dist/build/p-368f8da6.entry.js +2 -0
- package/dist/build/p-368f8da6.entry.js.map +1 -0
- package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +13 -4
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/molecules/button/button.component.css +1 -1
- package/dist/collection/components/molecules/button/button.component.js +32 -3
- package/dist/collection/components/molecules/button/button.component.js.map +1 -1
- package/dist/components/p--jijBmQW.js +616 -0
- package/dist/components/p--jijBmQW.js.map +1 -0
- package/dist/components/{p-CD4YRNL3.js → p-BPwNIYoU.js} +3 -3
- package/dist/components/{p-CD4YRNL3.js.map → p-BPwNIYoU.js.map} +1 -1
- package/dist/components/{p-C6HmLVsO.js → p-BVTrNdp6.js} +5 -5
- package/dist/components/{p-C6HmLVsO.js.map → p-BVTrNdp6.js.map} +1 -1
- package/dist/components/{p-NMvOFm83.js → p-Bu86UeMr.js} +3 -3
- package/dist/components/{p-NMvOFm83.js.map → p-Bu86UeMr.js.map} +1 -1
- package/dist/components/{p-BnFffAKh.js → p-C5-nq7xq.js} +6 -6
- package/dist/components/{p-BnFffAKh.js.map → p-C5-nq7xq.js.map} +1 -1
- package/dist/components/{p-BQN0zMMn.js → p-C5GXX5d0.js} +3 -3
- package/dist/components/{p-BQN0zMMn.js.map → p-C5GXX5d0.js.map} +1 -1
- package/dist/components/{p-BC-UbBCv.js → p-Ci8qp2t7.js} +3 -3
- package/dist/components/{p-BC-UbBCv.js.map → p-Ci8qp2t7.js.map} +1 -1
- package/dist/components/{p-C_WKf2Pq.js → p-CrsoJQI0.js} +4 -4
- package/dist/components/{p-C_WKf2Pq.js.map → p-CrsoJQI0.js.map} +1 -1
- package/dist/components/{p-BRoVWZvq.js → p-D45Gz2zW.js} +3 -3
- package/dist/components/{p-BRoVWZvq.js.map → p-D45Gz2zW.js.map} +1 -1
- package/dist/components/{p-DHcaxWY0.js → p-DF6kFhsX.js} +4 -4
- package/dist/components/{p-DHcaxWY0.js.map → p-DF6kFhsX.js.map} +1 -1
- package/dist/components/p-attachment.js +1 -1
- package/dist/components/p-button.js +1 -1
- package/dist/components/p-calendar.js +1 -1
- package/dist/components/p-datepicker.js +3 -3
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +2 -2
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-modal-header.js +1 -1
- package/dist/components/p-modal.js +2 -2
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-pagination-pages.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table.js +7 -7
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +13 -4
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-368f8da6.entry.js +2 -0
- package/dist/paperless/p-368f8da6.entry.js.map +1 -0
- package/dist/paperless/p-button.p-icon.p-loader.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/dist/types/components/molecules/button/button.component.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +3 -3
- package/CHANGELOG.md +0 -11423
- package/README.md +0 -148
- package/dist/build/p-037f8f07.js +0 -2
- package/dist/build/p-e59817a8.entry.js +0 -2
- package/dist/build/p-e59817a8.entry.js.map +0 -1
- package/dist/components/p-CHsgxVNo.js +0 -606
- package/dist/components/p-CHsgxVNo.js.map +0 -1
- package/dist/paperless/p-e59817a8.entry.js +0 -2
- package/dist/paperless/p-e59817a8.entry.js.map +0 -1
|
@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from '
|
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
4
4
|
import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS } from './p-vyRrSf5s.js';
|
|
5
|
-
import { d as defineCustomElement$f } from './p
|
|
5
|
+
import { d as defineCustomElement$f } from './p--jijBmQW.js';
|
|
6
6
|
import { d as defineCustomElement$e } from './p-B9Oq0SNd.js';
|
|
7
7
|
import { d as defineCustomElement$d } from './p-BoNZCwkk.js';
|
|
8
8
|
import { d as defineCustomElement$c } from './p-CLE6xhvL.js';
|
|
9
9
|
import { d as defineCustomElement$b } from './p-CStLRi0B.js';
|
|
10
10
|
import { d as defineCustomElement$a } from './p-DK2fgASG.js';
|
|
11
|
-
import { d as defineCustomElement$9 } from './p-
|
|
11
|
+
import { d as defineCustomElement$9 } from './p-C5GXX5d0.js';
|
|
12
12
|
import { d as defineCustomElement$8 } from './p-Drj54LkS.js';
|
|
13
13
|
import { d as defineCustomElement$7 } from './p-CC4Jkcsd.js';
|
|
14
14
|
import { d as defineCustomElement$6 } from './p-C8GpDop1.js';
|
|
15
15
|
import { d as defineCustomElement$5 } from './p-BFbLqg3-.js';
|
|
16
|
-
import { d as defineCustomElement$4 } from './p-
|
|
16
|
+
import { d as defineCustomElement$4 } from './p-DF6kFhsX.js';
|
|
17
17
|
import { d as defineCustomElement$3 } from './p-C1RM6nHP.js';
|
|
18
18
|
import { d as defineCustomElement$2 } from './p-DYWk-b-p.js';
|
|
19
19
|
import { d as defineCustomElement$1 } from './p-CeJyspp0.js';
|
|
@@ -206,6 +206,6 @@ function defineCustomElement() {
|
|
|
206
206
|
defineCustomElement();
|
|
207
207
|
|
|
208
208
|
export { Pagination as P, defineCustomElement as d };
|
|
209
|
-
//# sourceMappingURL=p-
|
|
209
|
+
//# sourceMappingURL=p-BVTrNdp6.js.map
|
|
210
210
|
|
|
211
|
-
//# sourceMappingURL=p-
|
|
211
|
+
//# sourceMappingURL=p-BVTrNdp6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-BVTrNdp6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\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</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
4
|
-
import { d as defineCustomElement$4 } from './p
|
|
4
|
+
import { d as defineCustomElement$4 } from './p--jijBmQW.js';
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-C8GpDop1.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
|
|
7
7
|
import { d as defineCustomElement$1 } from './p-Crc7sXuw.js';
|
|
@@ -76,6 +76,6 @@ function defineCustomElement() {
|
|
|
76
76
|
defineCustomElement();
|
|
77
77
|
|
|
78
78
|
export { DrawerHeader as D, defineCustomElement as d };
|
|
79
|
-
//# sourceMappingURL=p-
|
|
79
|
+
//# sourceMappingURL=p-Bu86UeMr.js.map
|
|
80
80
|
|
|
81
|
-
//# sourceMappingURL=p-
|
|
81
|
+
//# sourceMappingURL=p-Bu86UeMr.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-Bu86UeMr.js","mappings":";;;;;;;;AAAA,MAAM,wBAAwB,GAAG,49DAA49D;;ACI7/D,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,gCAAgC;IAChC,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,8DAA8D;AAC9D,CAAA,CAAC;MAOW,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,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,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAEN,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,yBAAyB,GAAG,CACtC,CACM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col relative rounded-t-2xl overflow-hidden z-[1]',\n\t'bg-white dark:bg-hurricane-600',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'text-storm-500 dark:text-white text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class={header()}>\n\t\t\t\t\t<div class={content()}>\n\t\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.showClose && <div class='size-8' />}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-smile class='dark:text-hurricane-400' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -2,19 +2,19 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js
|
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
4
4
|
import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS } from './p-vyRrSf5s.js';
|
|
5
|
-
import { d as defineCustomElement$g } from './p
|
|
5
|
+
import { d as defineCustomElement$g } from './p--jijBmQW.js';
|
|
6
6
|
import { d as defineCustomElement$f } from './p-B9Oq0SNd.js';
|
|
7
7
|
import { d as defineCustomElement$e } from './p-BoNZCwkk.js';
|
|
8
8
|
import { d as defineCustomElement$d } from './p-CLE6xhvL.js';
|
|
9
9
|
import { d as defineCustomElement$c } from './p-CStLRi0B.js';
|
|
10
10
|
import { d as defineCustomElement$b } from './p-DK2fgASG.js';
|
|
11
|
-
import { d as defineCustomElement$a } from './p-
|
|
11
|
+
import { d as defineCustomElement$a } from './p-C5GXX5d0.js';
|
|
12
12
|
import { d as defineCustomElement$9 } from './p-Drj54LkS.js';
|
|
13
13
|
import { d as defineCustomElement$8 } from './p-CC4Jkcsd.js';
|
|
14
14
|
import { d as defineCustomElement$7 } from './p-C8GpDop1.js';
|
|
15
15
|
import { d as defineCustomElement$6 } from './p-BFbLqg3-.js';
|
|
16
|
-
import { d as defineCustomElement$5 } from './p-
|
|
17
|
-
import { d as defineCustomElement$4 } from './p-
|
|
16
|
+
import { d as defineCustomElement$5 } from './p-BVTrNdp6.js';
|
|
17
|
+
import { d as defineCustomElement$4 } from './p-DF6kFhsX.js';
|
|
18
18
|
import { d as defineCustomElement$3 } from './p-C1RM6nHP.js';
|
|
19
19
|
import { d as defineCustomElement$2 } from './p-DYWk-b-p.js';
|
|
20
20
|
import { d as defineCustomElement$1 } from './p-CeJyspp0.js';
|
|
@@ -272,6 +272,6 @@ function defineCustomElement() {
|
|
|
272
272
|
defineCustomElement();
|
|
273
273
|
|
|
274
274
|
export { TableFooter as T, defineCustomElement as d };
|
|
275
|
-
//# sourceMappingURL=p-
|
|
275
|
+
//# sourceMappingURL=p-C5-nq7xq.js.map
|
|
276
276
|
|
|
277
|
-
//# sourceMappingURL=p-
|
|
277
|
+
//# sourceMappingURL=p-C5-nq7xq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-BnFffAKh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white dark:after:from-hurricane-700 after:via-white/80 dark:after:via-hurricane-700/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t\ttableHeaderHasAction: {\n\t\t\t\ttrue: 'pt-8 pb-20 desktop-xs:py-8',\n\t\t\t\tfalse: 'py-8',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\n\n\t/**\n\t * Wether the table header has an action to adjust for on mobile\n\t */\n\t@Prop() tableHeaderHasAction: boolean = false;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the footer is hidden or nog\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\tprivate _renderCheckTimeout: NodeJS.Timeout;\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={footer({\n\t\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\t\thidden: this._hidden,\n\t\t\t\t\t\ttableHeaderHasAction: this.tableHeaderHasAction,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{(this.enablePaginationPages || this.enablePaginationSize) &&\n\t\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-C5-nq7xq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white dark:after:from-hurricane-700 after:via-white/80 dark:after:via-hurricane-700/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t\ttableHeaderHasAction: {\n\t\t\t\ttrue: 'pt-8 pb-20 desktop-xs:py-8',\n\t\t\t\tfalse: 'py-8',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\n\n\t/**\n\t * Wether the table header has an action to adjust for on mobile\n\t */\n\t@Prop() tableHeaderHasAction: boolean = false;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the footer is hidden or nog\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\tprivate _renderCheckTimeout: NodeJS.Timeout;\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={footer({\n\t\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\t\thidden: this._hidden,\n\t\t\t\t\t\ttableHeaderHasAction: this.tableHeaderHasAction,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{(this.enablePaginationPages || this.enablePaginationSize) &&\n\t\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}
|
|
@@ -4,7 +4,7 @@ import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
|
4
4
|
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
5
5
|
import { c as cn } from './p-CT54OXR2.js';
|
|
6
6
|
import { n as nonce } from './p-D9kEjsvZ.js';
|
|
7
|
-
import { d as defineCustomElement$6 } from './p
|
|
7
|
+
import { d as defineCustomElement$6 } from './p--jijBmQW.js';
|
|
8
8
|
import { d as defineCustomElement$5 } from './p-Drj54LkS.js';
|
|
9
9
|
import { d as defineCustomElement$4 } from './p-CC4Jkcsd.js';
|
|
10
10
|
import { d as defineCustomElement$3 } from './p-C8GpDop1.js';
|
|
@@ -602,6 +602,6 @@ function defineCustomElement() {
|
|
|
602
602
|
defineCustomElement();
|
|
603
603
|
|
|
604
604
|
export { Field as F, defineCustomElement as d };
|
|
605
|
-
//# sourceMappingURL=p-
|
|
605
|
+
//# sourceMappingURL=p-C5GXX5d0.js.map
|
|
606
606
|
|
|
607
|
-
//# sourceMappingURL=p-
|
|
607
|
+
//# sourceMappingURL=p-C5GXX5d0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-BQN0zMMn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx"],"sourcesContent":[":host {\n\tinput[type='number'] {\n\t\t-moz-appearance: textfield; /* Firefox */\n\t}\n\n\tinput::-webkit-outer-spin-button,\n\tinput::-webkit-inner-spin-button {\n\t\tdisplay: none;\n\t\t-webkit-appearance: none;\n\t}\n}\n","import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit', 'border-solid rounded-lg', 'relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'border-0 items-start flex-wrap hyphens-auto break-normal leading-6',\n\t\t\t\twrite: 'border px-2',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: null,\n\t\t\t\tbase: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'items-start',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tvariant: 'write',\n\t\t\t\tisTextarea: false,\n\t\t\t\tclass: 'h-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tvariant: 'write',\n\t\t\t\tisTextarea: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tvariant: 'read',\n\t\t\t\tclass: 'min-h-4 text-xs',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tvariant: 'read',\n\t\t\t\tclass: 'min-h-5 text-sm',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-storm-100 dark:border-hurricane-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-indigo-600 ring dark:ring-0 ring-indigo-100 selection:bg-indigo-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-white dark:bg-hurricane-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-white-600 dark:bg-hurricane-600 dark:border-hurricane-500 cursor-not-allowed',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass:\n\t\t\t\t\t'ring ring-negative-red-50 selection:bg-negative-red-50 dark:ring-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-storm-500/40 dark:placeholder:text-hurricane-200',\n\t\t'border-none bg-transparent flex-1 min-w-0 p-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'text-storm-500 dark:text-white',\n\t\t\t\ttrue: 'text-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'leading-6',\n\t\t\t\twrite: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-storm-100 dark:text-hurricane-400',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-300 dark:text-hurricane-200',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/**\n\t * The alignment of the container\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The id of the field\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string | number;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * Wether the field is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * Wether to show an add button when empty\n\t */\n\t@Prop({ reflect: true }) showAddOnEmpty: boolean = false;\n\n\t/**\n\t * The text to show on the add button\n\t */\n\t@Prop({ reflect: true }) addText: string = 'Add';\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether this component handles showing the error tooltip\n\t */\n\t@Prop({ reflect: true }) autoShowError = true;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string | number>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) add: EventEmitter<void>;\n\n\t/**\n\t * Event whenever the user presses enter and the field is focused\n\t */\n\t@Event({ bubbles: false }) enter: EventEmitter<string | number>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _lastValue: string | number | null;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t(!!this.error?.length && !this._focused && this.autoShowError) ||\n\t\t\t\t\t\t(!!this.error?.length && this.forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\talign={this.align}\n\t\t\t\t\tloading={this.loading}\n\t\t\t\t\tloadingSize={this.size}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot\n\t\t\t\t\t\t\t\t? `${this.value}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(this.error?.length ||\n\t\t\t\t\t\t\tprefix ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') ||\n\t\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Watch('value')\n\twatchvalue(value: string | null) {\n\t\tif (!this._inputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (value === this._lastValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._lastValue = value;\n\t\tthis._inputRef.value = value;\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' || ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\t@Listen('keydown', { capture: true })\n\thandleKeydown(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.enter.emit(this.value);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && `${this.value}`.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : this.showAddOnEmpty ? (\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='text'\n\t\t\t\t\ticon='plus'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\t>\n\t\t\t\t\t{this.addText}\n\t\t\t\t</p-button>\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\terror: !!this.error?.length,\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\n\t\tconst value = target.value;\n\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(target.value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-C5GXX5d0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/field/field/field.component.css?tag=p-field&encapsulation=shadow","src/components/molecules/field/field/field.component.tsx"],"sourcesContent":[":host {\n\tinput[type='number'] {\n\t\t-moz-appearance: textfield; /* Firefox */\n\t}\n\n\tinput::-webkit-outer-spin-button,\n\tinput::-webkit-inner-spin-button {\n\t\tdisplay: none;\n\t\t-webkit-appearance: none;\n\t}\n}\n","import { Placement } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { HTMLInputTypeAttribute } from 'react';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { nonce } from '../../../../utils/nonce';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { templateFunc } from '../container/field-container.component';\n\nconst field = cva(\n\t['flex gap-2', 'w-inherit', 'border-solid rounded-lg', 'relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'border-0 items-start flex-wrap hyphens-auto break-normal leading-6',\n\t\t\t\twrite: 'border px-2',\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: null,\n\t\t\t\tbase: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'items-start',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tvariant: 'write',\n\t\t\t\tisTextarea: false,\n\t\t\t\tclass: 'h-6',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tvariant: 'write',\n\t\t\t\tisTextarea: false,\n\t\t\t\tclass: 'h-8',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tsize: 'sm',\n\t\t\t\tvariant: 'read',\n\t\t\t\tclass: 'min-h-4 text-xs',\n\t\t\t},\n\t\t\t{\n\t\t\t\tsize: 'base',\n\t\t\t\tvariant: 'read',\n\t\t\t\tclass: 'min-h-5 text-sm',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'border-storm-100 dark:border-hurricane-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass:\n\t\t\t\t\t'border-indigo-600 ring dark:ring-0 ring-indigo-100 selection:bg-indigo-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-white dark:bg-hurricane-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'write',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass:\n\t\t\t\t\t'bg-white-600 dark:bg-hurricane-600 dark:border-hurricane-500 cursor-not-allowed',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'border-negative-red-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass:\n\t\t\t\t\t'ring ring-negative-red-50 selection:bg-negative-red-50 dark:ring-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst input = cva(\n\t[\n\t\t'text-sm placeholder:text-sm placeholder:text-storm-500/40 dark:placeholder:text-hurricane-200',\n\t\t'border-none bg-transparent flex-1 min-w-0 p-0',\n\t\t'outline-none focus:outline-none',\n\t\t'font-geist',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tisTextarea: {\n\t\t\t\tfalse: 'h-full',\n\t\t\t\ttrue: 'mt-1',\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: 'text-storm-500 dark:text-white',\n\t\t\t\ttrue: 'text-negative-red-500',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst prefixAndSuffix = cva(\n\t['flex flex-shrink-0 justify-center items-center text-center'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tread: 'leading-6',\n\t\t\t\twrite: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-storm-100 dark:text-hurricane-400',\n\t\t\t},\n\t\t\tfocused: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tisText: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'text-sm',\n\t\t\t},\n\t\t\tisTextarea: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'mt-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-300 dark:text-hurricane-200',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: false,\n\t\t\t\tclass: 'text-storm-500 dark:text-white',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: false,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-500',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tfocused: true,\n\t\t\t\terror: true,\n\t\t\t\tclass: 'text-negative-red-800',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-field',\n\tstyleUrl: './field.component.css',\n\tshadow: true,\n\tformAssociated: true,\n})\nexport class Field {\n\t/**\n\t * The alignment of the container\n\t */\n\t@Prop() align: 'start' | 'end' = 'start';\n\n\t/**\n\t * The variant of the field\n\t */\n\t@Prop() variant: 'read' | 'write' = 'write';\n\n\t/**\n\t * The id of the field\n\t */\n\t@Prop() id: string;\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The type of the field\n\t */\n\t@Prop() type: HTMLInputTypeAttribute | 'textarea' | 'slot' = 'text';\n\n\t/**\n\t * The size of the field\n\t */\n\t@Prop() properties: any | string = {};\n\n\t/**\n\t * The prefix of the field\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the field\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the field\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The value of the input\n\t */\n\t@Prop() value: string | number;\n\n\t/**\n\t * The label of the field\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * Wether the field is in loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The helper of the field\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * Wether to show an add button when empty\n\t */\n\t@Prop({ reflect: true }) showAddOnEmpty: boolean = false;\n\n\t/**\n\t * The text to show on the add button\n\t */\n\t@Prop({ reflect: true }) addText: string = 'Add';\n\n\t/**\n\t * Wether to autofocus the field\n\t */\n\t@Prop({ reflect: true }) autofocus: boolean = false;\n\n\t/**\n\t * The error to display\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether this component handles showing the error tooltip\n\t */\n\t@Prop({ reflect: true }) autoShowError = true;\n\n\t/**\n\t * The placement of the error popover\n\t */\n\t@Prop() errorPlacement: Placement;\n\n\t/**\n\t * Wether the field is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the field is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * Wether to select all text on focus\n\t */\n\t@Prop({ reflect: true }) selectAllOnFocus: boolean = true;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The template for the optional text\n\t */\n\t@Prop() optionalTemplate: templateFunc;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string | number>;\n\n\t/**\n\t * Event whenever the input ref changes\n\t */\n\t@Event() inputRefChange: EventEmitter<HTMLInputElement | HTMLTextAreaElement>;\n\n\t/**\n\t * Event whenever the value changes\n\t */\n\t@Event({ bubbles: false }) add: EventEmitter<void>;\n\n\t/**\n\t * Event whenever the user presses enter and the field is focused\n\t */\n\t@Event({ bubbles: false }) enter: EventEmitter<string | number>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _focused = false;\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _lastValue: string | number | null;\n\n\tcomponentDidLoad() {\n\t\tthis._checkAutoFocus();\n\t}\n\n\tformResetCallback() {\n\t\tthis.value = null;\n\t\tthis.valueChange.emit(null);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tid,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\thasHeaderSlot,\n\t\t\thasLabelSlot,\n\t\t\thasHelperSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-field-container\n\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t(!!this.error?.length && !this._focused && this.autoShowError) ||\n\t\t\t\t\t\t(!!this.error?.length && this.forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\talign={this.align}\n\t\t\t\t\tloading={this.loading}\n\t\t\t\t\tloadingSize={this.size}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\t\tvariant={this.variant}\n\t\t\t\t>\n\t\t\t\t\t{hasLabelSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='label'\n\t\t\t\t\t\t\tslot='label'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHeaderSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='header'\n\t\t\t\t\t\t\tslot='header'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasHelperSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='helper'\n\t\t\t\t\t\t\tslot='helper'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{hasErrorSlot && (\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\tname='error'\n\t\t\t\t\t\t\tslot='error'\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={field({\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\tsize: this.size,\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tthis.variant === 'read' && !hasValueSlot\n\t\t\t\t\t\t\t\t? `${this.value}`\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(this.error?.length ||\n\t\t\t\t\t\t\tprefix ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{(this.icon && this.iconPosition === 'start') ||\n\t\t\t\t\t\t\t\tthis.error?.length ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.error?.length ? 'warning' : this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{this._getContent(hasValueSlot, id)}\n\n\t\t\t\t\t\t{(suffix || (this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={prefixAndSuffix({\n\t\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t\tfocused: asBoolean(this.focused) || this._focused,\n\t\t\t\t\t\t\t\t\tisText: typeof suffix === 'string',\n\t\t\t\t\t\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass={cn('flex', {\n\t\t\t\t\t\t\t\t\t\t\t'mt-1': this.variant === 'read' && this.size === 'base',\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</p-field-container>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Watch('value')\n\twatchvalue(value: string | null) {\n\t\tif (!this._inputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (value === this._lastValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._lastValue = value;\n\t\tthis._inputRef.value = value;\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._selectAll();\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = false;\n\t}\n\n\t@Listen('keyup', { capture: true })\n\thandleKeyup(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._internals?.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.type === 'textarea' || ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._internals.form.requestSubmit();\n\t}\n\n\t@Listen('keydown', { capture: true })\n\thandleKeydown(ev: KeyboardEvent) {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (ev.key !== 'Enter') {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.enter.emit(this.value);\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasErrorSlot = !!this._el.querySelector(':scope > [slot=\"error\"]');\n\t\tconst hasValueSlot = !!this._el.querySelector(':scope > [slot=\"value\"]');\n\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn {\n\t\t\tid,\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thasErrorSlot,\n\t\t\thasValueSlot,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t};\n\t}\n\n\tprivate _getContent(hasValueSlot = false, id: string) {\n\t\tif (this.variant === 'read') {\n\t\t\treturn hasValueSlot ? (\n\t\t\t\t<slot name='value' />\n\t\t\t) : !!this.value && `${this.value}`.length > 0 ? (\n\t\t\t\tthis.value\n\t\t\t) : this.showAddOnEmpty ? (\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='text'\n\t\t\t\t\ticon='plus'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\t>\n\t\t\t\t\t{this.addText}\n\t\t\t\t</p-button>\n\t\t\t) : (\n\t\t\t\t'—'\n\t\t\t);\n\t\t}\n\n\t\tif (this.type === 'slot') {\n\t\t\treturn <slot name='input' />;\n\t\t}\n\n\t\tconst props = {\n\t\t\tid,\n\t\t\tclass: input({\n\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\tisTextarea: this.type === 'textarea',\n\t\t\t\terror: !!this.error?.length,\n\t\t\t}),\n\t\t\tvalue: this.value,\n\t\t\tplaceholder: this.placeholder,\n\t\t\tdisabled: this.disabled,\n\t\t\tonInput: (ev: InputEvent) => this._valueChange(ev),\n\t\t};\n\n\t\tlet properties = this.properties ?? {};\n\t\tif (typeof properties === 'string') {\n\t\t\tproperties = JSON.parse(this.properties);\n\t\t}\n\n\t\tif (this.type === 'textarea') {\n\t\t\treturn (\n\t\t\t\t<textarea\n\t\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t\t{...props}\n\t\t\t\t\t{...properties}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<input\n\t\t\t\ttype={this.type}\n\t\t\t\tref={ref => this._setInputRef(ref)}\n\t\t\t\t{...props}\n\t\t\t\t{...properties}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _setInputRef(ref: HTMLInputElement | HTMLTextAreaElement) {\n\t\tthis._inputRef = ref;\n\t\tthis.inputRefChange.emit(ref);\n\t}\n\n\tprivate _focusInput() {\n\t\tif (this._inputRef) {\n\t\t\tthis._inputRef.focus();\n\t\t\treturn;\n\t\t}\n\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n\n\tprivate _selectAll() {\n\t\tif (!this._inputRef || !this.selectAllOnFocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._inputRef.select();\n\t}\n\n\tprivate _valueChange(ev) {\n\t\tev.stopPropagation();\n\t\tconst target = (ev.originalTarget ?? ev.target) as\n\t\t\t| HTMLTextAreaElement\n\t\t\t| HTMLInputElement;\n\n\t\tconst value = target.value;\n\n\t\tthis._lastValue = value;\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t\tthis._internals.setFormValue(target.value);\n\t}\n\n\tprivate _checkAutoFocus() {\n\t\tif (!this.autofocus) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._inputRef) {\n\t\t\tsetTimeout(() => this._checkAutoFocus(), 100);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusInput();\n\t}\n}\n"],"version":3}
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js
|
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
4
4
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
5
|
-
import { d as defineCustomElement$4 } from './p
|
|
5
|
+
import { d as defineCustomElement$4 } from './p--jijBmQW.js';
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-C8GpDop1.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-Cb5tqgid.js';
|
|
8
8
|
import { d as defineCustomElement$1 } from './p-BFbLqg3-.js';
|
|
@@ -124,6 +124,6 @@ function defineCustomElement() {
|
|
|
124
124
|
defineCustomElement();
|
|
125
125
|
|
|
126
126
|
export { EmptyState as E, defineCustomElement as d };
|
|
127
|
-
//# sourceMappingURL=p-
|
|
127
|
+
//# sourceMappingURL=p-Ci8qp2t7.js.map
|
|
128
128
|
|
|
129
|
-
//# sourceMappingURL=p-
|
|
129
|
+
//# sourceMappingURL=p-Ci8qp2t7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-Ci8qp2t7.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,ktDAAktD;;ACiBjvD,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;AAIH,IAAA,MAAM;;IAON,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;QAE1E,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,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,8EAA8E,EAAA,EACrF,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,6EAA6E,EAAA,EACpF,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,CACM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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';\nimport { ThemedHost } from '../../../internal/themed-host.component';\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})\n\taction: 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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={emptyState({\n\t\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t\t})}\n\t\t\t\t\tonClick={ev =>\n\t\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{this.illustration && (\n\t\t\t\t\t\t<p-illustration\n\t\t\t\t\t\t\tclass='mb-8 text-5xl text-indigo-600'\n\t\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white'>\n\t\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t\t<p class='my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200'>\n\t\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)\n\t\t\t\t\t)}\n\t\t\t\t\t{this.enableAction &&\n\t\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\t\ticonPosition={this.actionIconPosition}\n\t\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t\t</p-button>\n\t\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}
|
|
@@ -3,9 +3,9 @@ import { c as cva } from './p-CBWjHURv.js';
|
|
|
3
3
|
import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
|
|
4
4
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
5
5
|
import { d as defineCustomElement$b } from './p-lqoLH8eP.js';
|
|
6
|
-
import { d as defineCustomElement$a } from './p
|
|
6
|
+
import { d as defineCustomElement$a } from './p--jijBmQW.js';
|
|
7
7
|
import { d as defineCustomElement$9 } from './p-BoNZCwkk.js';
|
|
8
|
-
import { d as defineCustomElement$8 } from './p-
|
|
8
|
+
import { d as defineCustomElement$8 } from './p-C5GXX5d0.js';
|
|
9
9
|
import { d as defineCustomElement$7 } from './p-Drj54LkS.js';
|
|
10
10
|
import { d as defineCustomElement$6 } from './p-CC4Jkcsd.js';
|
|
11
11
|
import { d as defineCustomElement$5 } from './p-C8GpDop1.js';
|
|
@@ -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-CrsoJQI0.js.map
|
|
9728
9728
|
|
|
9729
|
-
//# sourceMappingURL=p-
|
|
9729
|
+
//# sourceMappingURL=p-CrsoJQI0.js.map
|